@import url('sub.css');



/**** S:: 빌딩매매 ****/
.sales_cont{}
.sales_cont .tit_area{text-align:center; padding: 0 0 30px;}
.sales_cont .tit_area .fs17{padding: 15px 0 0;}
.sales_cont .consult_banner .tit_area{padding: 0 0 60px;}
.sales_cont .consult_banner .tit_area .fs17{padding: 20px 0 0;}

.consult_banner{position: relative;}
.consult_banner:before{content:''; display: block; width: 100%; height: calc(50% + 158px); background:var(--grayBg2); position: absolute; left:0; top:0; z-index: -1;}
.consult_banner ul{display: flex; flex-wrap:wrap; gap:30px;}
.consult_banner ul li{width: calc((100% - 30px)/2); border-radius:10px; overflow: hidden;}
.consult_banner ul li.buying{background:url('/assets/images/newConsult/consult_img01.jpg') no-repeat center/cover;}
.consult_banner ul li.selling{background:url('/assets/images/newConsult/consult_img02.jpg') no-repeat center/cover;}
.consult_banner ul li a{display: block; position: relative; box-sizing:border-box; padding: 260px 150px 60px 60px;}
.consult_banner ul li a img{width: auto; height: 49px; margin: 0 0 24px; }
.consult_banner ul li a .fs29{color:var(--white);}
.consult_banner ul li a .fs17{color:var(--white); padding: 10px 0 0;}
.consult_banner ul li a .arrow{display: block; width: 70px; height: 70px; border-radius:50%; background: rgba(255, 255, 255, 0.20); backdrop-filter: blur(10px); position: absolute; right:60px; bottom:64px; transition:all .3s linear;}
.consult_banner ul li a:hover .arrow{background:var(--main);}
.consult_banner ul li a .arrow:after{content:'\e5cb'; display: block; width: 100%; height: 100%; font-size:30px; line-height: 70px; text-align:center; position: absolute; left:0; top:0; font-family:var(--icon); color:var(--white); transform:rotate(180deg);}


.sales_info{display: flex; padding: 60px 0 0;}
.sales_info dl{text-align:center; width: 20%; box-sizing:border-box; padding: 0 10px;}
.sales_info dl dt{width: 80px; margin: 0 auto 20px;}
.sales_info dl dt img{width: 100%; height: auto;}
.sales_info dl dd{}
.sales_info dl dd .fs15{padding: 5px 0 0;}
/**** E:: 빌딩매매 ****/



/**** S:: 상담신청 공통 ****/
.underline_txt{color:var(--main); font-weight: 700;}

.input{font-size:0.882rem; padding: 0 15px; letter-spacing: -0.45px; line-height: 43px; height: 45px; box-sizing:border-box; border:1px solid var(--border); border-radius:5px; color:var(--basic);}
.input::placeholder{font-size:0.882rem; letter-spacing: -0.45px; color:var(--light);}
.input_s{width: 20%;}
.input_m{width: 50%;}
.input_l{width: 100%;}
.select{font-size:0.882rem; padding: 0 15px; letter-spacing: -0.45px; line-height: 43px; height: 45px; box-sizing:border-box; border:1px solid var(--border); border-radius:5px; color:var(--light); width: 20%;}
.select_s{width: 20%;}
.select_m{width: 50%;}
.select_l{width: 100%;}
.textarea{font-size:0.882rem; padding: 15px; letter-spacing: -0.45px; line-height: 150%; width: 100%; height: 130px; box-sizing:border-box; border:1px solid var(--border); border-radius:5px; color:var(--basic);}

.btn_b2{border-radius:5px;}

.email_wrap{display: flex; align-items:center;}
.email_wrap .input_email{width: calc((60% - 30px)/3);}
.email_wrap .select_email{margin-left: 5px; width: calc((60% - 30px)/3);}
.email_wrap .hyp{display: inline-block; width: 25px; text-align:center;}

.phone_wrap{display: flex; align-items:center;}
.phone_wrap .select_num{width: calc((70% - 105px)/3);}
.phone_wrap .input_num{margin-left: 5px; width: calc((70% - 105px)/3);}
.phone_wrap .btn_b2{margin-left: 5px;}

.authentication_wrap{display: flex; align-items:center;}
.authentication_wrap .input{width: 50%;}
.authentication_wrap .btn_b2{margin-left: 5px;}
.authentication_wrap .fs15{padding: 0 10px;}

.address_wrap2{display: flex; align-items:center;}
.address_wrap2 .input{width: 50%;}
.address_wrap2 .btn_b2{margin-left: 5px;}

.consult_cont{}
.consult_cont article{padding: 60px 0 0;}
.consult_cont article:first-of-type{padding: 0;}

.consult_table{width:100%; border-collapse:separate; border-spacing:0px; text-align:left; border-top: 2px solid var(--main);}
.consult_table th{font-size:1rem; letter-spacing: -0.51px; font-weight:600; color:var(--black); padding:20px 15px; box-sizing:border-box; border-bottom:1px solid var(--border); background:var(--grayBg2);}
.consult_table th span{display: inline-block; color:var(--main);}
.consult_table td{font-size:1rem; letter-spacing: -0.51px; font-weight:400; color:var(--basic); padding:10px 15px; box-sizing:border-box; border-bottom:1px solid var(--border); background:var(--white);}

.consult_table2{width:100%; border-collapse:separate; border-spacing:0px; text-align:left; border-top: 2px solid var(--main);}
.consult_table2 th{display: block; font-size:1rem; letter-spacing: -0.51px; font-weight:600; color:var(--black); padding:20px 15px; box-sizing:border-box; border-bottom:1px solid var(--border); background:var(--grayBg2); position: relative;}
.consult_table2 th .tooltip_wrap{position: absolute; right: 15px; top:50%; margin-top: -10px;}
.consult_table2 th span{display: inline-block; color:var(--main);}
.consult_table2 td{display: block; font-size:1rem; letter-spacing: -0.51px; font-weight:400; color:var(--basic); padding:10px; box-sizing:border-box; border-bottom:1px solid var(--border); background:var(--white);}

.consult_table3{width:100%; border-collapse:separate; border-spacing:0px; text-align:left; border-top: 2px solid var(--main); text-align:center;}
.consult_table3 th{font-size:1rem; letter-spacing: -0.51px; font-weight:600; color:var(--black); padding:20px 15px; box-sizing:border-box; border-bottom:1px solid var(--border); background:var(--grayBg2); position: relative; border-right:1px solid var(--border);}
.consult_table3 th:last-child{border-right: 0;}
.consult_table3 th span{display: inline-block; color:var(--main);}
.consult_table3 td{font-size:1rem; letter-spacing: -0.51px; font-weight:400; color:var(--basic); padding:20px; box-sizing:border-box; border-bottom:1px solid var(--border); border-right:1px solid var(--border); background:var(--white);}
.consult_table3 td:last-child{border-right: 0;}



.radio_wrap{display: flex; align-items:center;}
.radio_wrap dt{width: 140px; padding:0 20px 0 0; box-sizing:border-box; position: relative; font-size: 0.882rem; font-weight: 600; color:var(--basic); text-align:center;}
.radio_wrap dt:after{content:''; display: block; width: 1px; height: 20px; background:var(--border); position: absolute; right: 0; top:50%; margin-top: -10px;}
.radio_wrap dd{width: calc(100% - 140px); padding: 0 0 0 20px; box-sizing:border-box; display: flex; flex-wrap:wrap; gap:5px;}
.radio_item{width: calc((100% - 40px)/9);}
.radio_item input[type="radio"]{display: none;}
.radio_item label{font-size: 0.882rem; letter-spacing: -0.45px; width: 100%; height: 45px; line-height: 43px; box-sizing:border-box; border:1px solid var(--border); border-radius:5px; text-align:center; display: block; cursor:pointer;}
.radio_item input[type="radio"]:checked + label{background:var(--main); border-color:var(--main); color:var(--white);}
.radio_item.etc{display: flex; width: calc(((100% - 40px)/9)*4);}
.radio_item.etc label{margin-right: 5px; width: 25%;}
.radio_item.etc .input_etc{width: 75%; display: none;}
.radio_item.etc .input_etc.show{display: block;}


.address_wrap{display:flex; width: 90%;}
.address_wrap .address_input{width: 60%; display: flex;}
.address_wrap .address_input .input{width: calc(100% - 135px);}
.address_wrap .address_input .btn_b2{width: 120px; margin: 0 10px 0 5px;}
.address_wrap .address_detail{width: 40%;}
.address_wrap .address_detail .input{width: 100%;}

.price_wrap{position: relative; width: 100%; display: flex;}
.price_wrap .won_put{width: 200px; margin:0 5px 0 0; position: relative;}
.price_wrap .won_put:after{content:'원'; display: inline-block; font-size:0.882rem; letter-spacing: -0.45px; color:var(--basic); position: absolute; right: 15px; top:50%; transform:translateY(-50%);}
.price_wrap .won_put .input{width: 100%; text-align:right; padding: 0 30px 0 15px; }
.price_wrap ul{width: calc(70% - 205px); display: flex; flex-wrap:wrap; gap:5px;}
.price_wrap ul li{width: calc((100% - 20px)/5);}
.price_wrap ul li a{display: block; width: 100%; height: 45px; line-height: 43px; box-sizing:border-box; border-radius:5px; border:1px solid var(--border); text-align:center; font-size:0.882rem; letter-spacing: -0.45px;}
.price_wrap .reset_btn{position: absolute; right: 0; top:50%; transform:translateY(-50%); font-size:0.882rem; font-weight: 600; color:var(--basic); letter-spacing: -0.45px; transition:all .3s linear;}
.price_wrap .reset_btn:hover{color:var(--main);}
.price_wrap .reset_btn:before{content:'\f56c'; display: inline-block; vertical-align: middle; margin:-2px 5px 0 0; font-size:18px; font-weight: 400; font-family:var(--icon);}

.btnClearAmt{position: absolute; right: 0; top:50%; transform:translateY(-50%); font-size:0.882rem; font-weight: 600; color:var(--basic); letter-spacing: -0.45px; transition:all .3s linear;}
.btnClearAmt:hover{color:var(--main);}
.btnClearAmt:before{content:'\f56c'; display: inline-block; vertical-align: middle; margin:-2px 5px 0 0; font-size:18px; font-weight: 400; font-family:var(--icon);}


.tooltip_wrap{display: inline-block; position: relative; vertical-align: middle; margin: -4px 0 0 4px;}
.tooltip{cursor:pointer; font-size:0; padding: 0; border:0; background:none; display: block; width: 20px; height:20px; position: relative; text-align:center;}
.tooltip:before{content:'\e887'; display: block; width: 100%; height:100%; font-size:20px; line-height: 20px; font-family:var(--icon); position: absolute; left:0; top:0; color:var(--main); font-weight: 400; font-variation-settings: 'FILL' 1, 'wght' 500, 'GRAD' 0, 'opsz' 48;}
.tooltip_box{position: absolute; left:50%; transform:translateX(-50%); top: 30px; box-sizing:border-box; padding: 15px; border-radius:5px; border:1px solid var(--border); background:var(--white); text-align:left; min-width:260px; z-index: 9999; display: none; font-size:0.882rem; font-weight: 400; color:var(--basic); text-align:center;}
.tooltip_box.show{display: block;}
.tooltip_box:after{content:''; display: block; width: 20px; height: 11px; background:url('/consult/img/tooltip_arrow.png') no-repeat center/contain; position: absolute; left:50%; margin-left: -10px; top: -11px; transform:rotate(180deg);}

.agree_con{box-sizing:border-box; height: 240px; overflow-y: auto; padding:20px; font-size: 0.882rem; letter-spacing: -0.45px; line-height: 165%; border:1px solid var(--border); margin: 0 0 20px;}
.agree_con h5{font-weight: 600; letter-spacing: -0.51px; color:var(--black); font-size:1rem; padding: 20px 0 4px;}
.agree_con h5:first-of-type{padding-top: 0;}
.agree_checkbox{padding: 0 0 5px;}
.agree_checkbox.marT15{margin-top: 15px;}
.agree_checkbox input[type="checkbox"]{width: 20px; height: 20px; display:inline-block; vertical-align: middle; margin:-2px 8px 0 0;}
.agree_checkbox label{font-size:1rem; letter-spacing: -0.51px; line-height: 150%; }

.consult_btn{display: flex; justify-content: center; padding: 60px 0 0;}
.consult_btn a{margin: 0 5px 0 0;}
.consult_btn a:last-child{margin: 0;}

.consult_btn2{display: flex; justify-content: center; padding: 0;}
.consult_btn2 a{margin: 0 5px 0 0;}
.consult_btn2 a:last-child{margin: 0;}

.msg_txt{text-align:center; padding: 30px 0; color:var(--black);}


.info_box{display: flex; align-items:center; padding: 50px; box-sizing:border-box; background:var(--grayBg2); border-radius:10px;}
.info_box dt{width: 100px; height: 100px; position: relative;}
.info_box dt:after{content:'\e88e'; display: block; width: 100%; height: 100%; font-size:100px; line-height: 100px; text-align:center; font-family:var(--icon); position: absolute; left:0; top:0; color:var(--main);}
.info_box dd{width: calc(100% - 100px); padding: 0 0 0 20px;}
.info_box dd .fs21{font-weight: 600;}
.info_box dd .fs17{padding: 5px 0 0;}

.consult_map{border-radius:10px; overflow: hidden; margin: 0 0 20px; width: 100%; height: 400px;}
.consult_map iframe{width: 100%; height: 400px;}

/**** E:: 상담신청 공통 ****/