@import url("sub.css");


/* 견적문의확인 */
.online_confirm_form{display:flex; flex-direction:column; align-items:center; gap:20px; max-width: 530px; margin: 0 auto;}
.online_confirm_fields{display:flex; flex-direction:column; align-items:flex-start; gap:5px; width:100%;}
.online_confirm_input{display:flex; align-items:center; width:100%; height:75px; padding:0 20px 3px; box-sizing:border-box; border:1px solid rgba(255,255,255,0.1);}
.online_confirm_input input{width:100%; border:0; background:transparent; color:var(--white); outline:none; padding:0; box-sizing:border-box;}
.online_confirm_input input::placeholder{color:var(--white); opacity:0.3;}
.online_confirm_btn{display:flex; align-items:center; justify-content:center; width:100%; height:75px; padding:0 30px; box-sizing:border-box; border:1px solid var(--white); background:transparent; color:var(--white); font-weight:500; letter-spacing:var(--letter-spacing-body); cursor:pointer; transition:background 0.6s cubic-bezier(0.215,0.61,0.355,1), color 0.6s cubic-bezier(0.215,0.61,0.355,1), border-color 0.6s cubic-bezier(0.215,0.61,0.355,1);}
.online_confirm_btn:hover,.online_confirm_btn:focus-visible{background:var(--white); color:var(--main); border-color:var(--white);}
.online_confirm_btn:focus-visible{outline:2px solid var(--white); outline-offset:4px;}

.online_confirm_input .online-tel{display:flex; align-items:center; width:100%; gap:0;}
.online_confirm_input .online-tel input{flex:1 1 0; min-width:0; text-align:left;}
.online_confirm_input .online-tel .online_dash{flex-shrink:0; color:var(--white); opacity:0.5; padding:0 8px;}



/* CONTACT */
.contactSec{display:flex; flex-direction:column; align-items:center; gap:50px; box-sizing:border-box; background:var(--main); position:relative; z-index:2;}
.contactSec_tit{color:var(--white); text-align: center; line-height: 130%;}
.contactSec_info{display:flex; flex-direction:column; align-items:center; gap:9px;}
.contactSec_row{display:flex; align-items:center; gap:20px;}
.contactSec_item{display:flex; gap:5px;}
.contactSec_item::before{font-family:var(--icon); width:18px; height:18px; line-height:18px; font-size:18px; color:var(--white); flex-shrink:0; font-weight:400; margin-top: 6px;}
.contactSec_item--location::before{content:"\e0c8";}
.contactSec_item--call::before{content:"\e0b0";}
.contactSec_item--mail::before{content:"\e158";}
.contactSec_item--time::before{content:"\f540";}
.contactSec_txt{color:var(--white); text-transform:none;}
.contactSec_item--location .contactSec_txt{opacity:0.8;}
.contactSec_item--call .contactSec_txt, .contactSec_item--mail .contactSec_txt, .contactSec_item--time .contactSec_txt{opacity:0.7;}
.contactSec_item--call .contactSec_txt:hover, .contactSec_item--mail .contactSec_txt:hover{opacity:1;}
.contactSec_map{width:100%; height:600px; position: relative;}
.contactSec_map .contactSec_map_shield{position:absolute; left:0; top:0; width:100%; height:100%; z-index:5; box-sizing:border-box;}
.contactSec_map .root_daum_roughmap{height:600px !important;}
.contactSec_map .wrap_map{height:100% !important;}
.contactSec_map .map_border{display:none !important;}
.contactSec_map .wrap_controllers{display:none !important;}
.contactSec_map .cont{display:none !important;}



/*******************************************************************************
    @media 1760px
*******************************************************************************/
@media all and (max-width:1760px){
}
/*******************************************************************************
    @media 1500px
*******************************************************************************/
@media all and (max-width:1500px){
}
/*******************************************************************************
    @media ~1300px
*******************************************************************************/
@media all and (max-width:1300px){
}
/*******************************************************************************
    @media  ~980px               
*******************************************************************************/
@media all and (max-width:980px){

/* 견적문의확인 */
.online_confirm_input{height:65px; padding:0 16px 3px;}
.online_confirm_btn{height:65px; padding:0 24px;}

/* CONTACT */
.contactSec{gap:40px;}
.contactSec_item::before{margin-top: 3px;}
.contactSec_map{height:400px;}
.contactSec_map .root_daum_roughmap{height:400px !important;}



}
/*******************************************************************************
    @media 481~680px
*******************************************************************************/
@media all and (max-width:680px){

/* 견적문의확인 */
.online_confirm_input{height:56px; padding:0 14px 2px;}
.online_confirm_btn{height:56px; padding:0 20px;}

/* CONTACT */
.contactSec{gap:30px;}
.contactSec_info{gap:6px; align-items: flex-start;}
.contactSec_row{gap:6px 15px; flex-wrap: wrap;}
.contactSec_item::before{width:16px; height:16px; line-height:16px; font-size:16px; margin-top: 2px;}
.contactSec_map{height:300px;}
.contactSec_map .root_daum_roughmap{height:300px !important;}





}