@import url('sub.css');
/* 공통 */
.contact_cont > .tit_wrap {margin-bottom:60px}
.contact_cont > .tit_wrap .dots {margin-top:40px; transform:translateY(60px); opacity:0; animation:v_txt 1.0s 0.3s; animation-fill-mode:both;}

@keyframes v_txt {
	0% { transform:translateY(60px); opacity:0; }
	100% { transform:translateY(0); opacity:1; }
}

/* 오시는길 */
.location_cont {}
.location_cont .location_box {display:flex; justify-content:space-between; gap:50px}
.location_cont .location_box.hq {margin-bottom:80px}
.location_cont .titbox p.kor {color: var(--black); font-size: 1.3rem; font-weight: 600; line-height: 161.538%; letter-spacing: -1.3px;}
.location_cont .titbox p.eng {color: var(--black); font-size: 1rem; font-weight: 300; line-height: 170%; text-transform: uppercase; white-space:nowrap}
.location_cont .infobox .addr {color: var(--black); margin-bottom:2px}
.location_cont .infobox .infobox_dl {display:flex; gap:30px; margin-bottom:30px}
.location_cont .infobox .infobox_dl dt {display:inline-block; color: var(--basic2); font-size: 0.9rem; font-weight: 400; line-height: 177.778%;}
.location_cont .infobox .infobox_dl dd {display:inline-block; color: var(--basic2); font-size: 0.9rem; font-weight: 400; line-height: 177.778%;}
.location_cont .infobox .direction {display:flex; gap:30px; margin-bottom:10px}
.location_cont .infobox .direction dt {color:var(--black); font-weight:600}
.location_cont .infobox .direction dd {color:var(--black); font-weight:600}
.location_cont .infobox .imgbox {max-width:1005px; width:100%;}
.location_cont .infobox .imgbox img {width:100%; height:auto}

/* 사업 / 채용문의 */
.form_cont {}
.form_cont .tit_wrap {margin-bottom:40px}
.form_cont .tit_wrap h3 {font-size:3rem; letter-spacing: -2.4px; line-height:120%; color:var(--black); font-weight:400;}
.form_cont .tit_wrap .dots {margin-top:30px;}
.form_cont .tit_wrap p.fs20 {margin-top:40px; color:var(--basic2);}
.form_cont .form_in {max-width:660px; margin:0 auto}



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

/*******************************************************************************
    @media ~1300px
*******************************************************************************/
@media all and (max-width:1300px){
.contact_cont > .tit_wrap {margin-bottom:50px}
.location_cont .infobox .infobox_dl {gap:20px}
.location_cont .location_box.design_studio .infobox .direction {flex-wrap:wrap; gap:0}
.location_cont .location_box.design_studio .infobox .direction dt {width:100%; margin-bottom:5px}
.location_cont .location_box.design_studio .infobox .direction dd {width:100%}
}

/*******************************************************************************
    @media  ~980px               
*******************************************************************************/
@media all and (max-width:980px){
.contact_cont > .tit_wrap {margin-bottom:40px} 
.contact_cont > .tit_wrap .dots {margin-top:25px}

.location_cont .location_box {gap:30px}
.location_cont .location_box.hq {margin-bottom:50px}
.location_cont .infobox .infobox_dl {flex-wrap:wrap; gap:0; margin-bottom:15px}
.location_cont .infobox .infobox_dl dl {width:100%}
.location_cont .infobox .direction {gap:20px}

.form_cont .tit_wrap {margin-bottom:30px}
.form_cont .tit_wrap h3 {font-size:2.6rem}
.form_cont .tit_wrap .dots {margin-top:25px}
.form_cont .tit_wrap p.fs20 {margin-top:30px}
}

/*******************************************************************************
    @media 768px
*******************************************************************************/
@media all and (max-width:768px){

.location_cont .location_box {display:block;}
.location_cont .infobox .direction {gap:15px}
.location_cont .location_box.design_studio .infobox .direction {flex-wrap:nowrap; gap:15px}
.location_cont .location_box.design_studio .infobox .direction dt {width:auto; margin-bottom:0}
.location_cont .location_box.design_studio .infobox .direction dd {width:auto}
}

/*******************************************************************************
    @media 481~680px
*******************************************************************************/
@media all and (max-width:680px){
.contact_cont > .tit_wrap {margin-bottom:30px} 
.contact_cont > .tit_wrap .dots {margin-top:15px}

.location_cont .location_box.design_studio .infobox .direction {flex-wrap:wrap; gap:0}
.location_cont .location_box.design_studio .infobox .direction dt {width:100%; margin-bottom:2px}
.location_cont .location_box.design_studio .infobox .direction dd {width:100%}
.location_cont .scroll_drag_guide {display:flex; margin:25px 0 10px}
.location_cont .infobox .imgbox {overflow-x:scroll}
.location_cont .infobox .imgbox img {width:700px}
.form_cont .tit_wrap h3 {font-size:2.4rem}

.form_cont .tit_wrap {margin-bottom:20px}
.form_cont .tit_wrap .dots {margin-top:15px}
.form_cont .tit_wrap p.fs20 {margin-top:20px}
}
/*******************************************************************************
    @media ~480px             
*******************************************************************************/
@media all and (max-width:480px){


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

}