@import url('sub.css'); 






.location_cont {min-height:624px; display:flex; flex-wrap:wrap; gap:0 25px;}
.location_cont+.location_cont {margin:100px 0 0;}
.location_cont .infoBox {padding:50px; box-sizing:border-box; border-radius: 20px; background: var(--main);  width:500px; flex-shrink: 0; display:flex; flex-direction:column;}
.location_cont .infoBox .titBox {flex:1;}
.location_cont .infoBox .titBox .fs16 {color:var(--white); letter-spacing:0; display:block; font-weight: 700;}
.location_cont .infoBox .titBox .fs38 {color:var(--white); margin:4px 0 0;}
.location_cont .infoBox .info_in {margin:30px 0 0; padding:30px 0 0; border-top: 1px solid rgba(255, 255, 255, 0.20);}
.location_cont .infoBox .info_in ul {}
.location_cont .infoBox .info_in ul li {color:rgba(255,255,255,0.7);}
.location_cont .infoBox .info_in ul li+li {margin:20px 0 0;}
.location_cont .infoBox .info_in ul li span {display:flex; flex-wrap:wrap; align-items:center; color:var(--white); font-weight: 600; gap:0 6px;  margin:0 0 8px;}
.location_cont .infoBox .info_in ul li span::before {content:''; width: 22px; aspect-ratio: 1/1; display:block; position:relative;}

.location_cont .infoBox .info_in ul li span.address::before {background:url("/img/foot_ico1.svg")no-repeat center;}
.location_cont .infoBox .info_in ul li span.tel::before {background:url("/img/foot_ico2.svg")no-repeat center;}
.location_cont .infoBox .info_in ul li span.fax::before {background:url("/img/foot_ico3.svg")no-repeat center;}
.location_cont .infoBox .btnBox {display:flex; flex-wrap:wrap; gap:0 10px; margin:50px 0 0;}
.location_cont .infoBox .btnBox a {flex:1; padding:15px; box-sizing:border-box; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:8px; font-size: 0.8888888888888889rem; font-weight: 400; line-height: 175%; letter-spacing: var(--letter-spacing-caption); font-weight:600; border-radius:50px; color:var(--white); border: 1px solid rgba(255, 255, 255, 0.20); background: rgba(255, 255, 255, 0.10); transition:all 0.3s linear;}
.location_cont .infoBox .btnBox a:hover {background:var(--white); border-color:var(--white); color:var(--black); transition:all 0.3s linear;}


.location_cont .mapBox {flex:1; border-radius:20px; border:1px solid var(--border); box-sizing:border-box; overflow:hidden;}
.location_cont .mapBox iframe {width:100%; height:100%;}
.root_daum_roughmap_landing, .root_daum_roughmap .wrap_map, .root_daum_roughmap .wrap_map {width:100% !important; height:100% !important;}
.location_cont .mapBox .cont {display:none;}
.root_daum_roughmap .map_border {display:none;}
.location_cont .mapBox .wrap_controllers {display:none;}



.location_cont:nth-of-type(2n) .infoBox {order:2; background: var(--sub);}
.location_cont:nth-of-type(2n) .mapBox {order:1;}






#contact {position:relative;}
#contact .contact_in {display:flex; flex-wrap:wrap; gap:30px; align-items:flex-start; justify-content:space-between;}
#contact .tBox {width:444px; position:sticky; top:100px;}
#contact .tBox .fs50 {}
#contact .tBox .fs50 .point {color:var(--main); line-height:inherit; letter-spacing:inherit;}
#contact .tBox > .fs18 {margin:30px 0 0; color:var(--black); font-weight:600;}
#contact .tBox .contact_info {margin:15px 0 0;}
#contact .tBox .contact_info li {display:flex; gap:0 15px;}
#contact .tBox .contact_info li+li {margin:6px 0 0;}
#contact .tBox .contact_info li b {display:flex; align-items:center; gap:0 5px; flex-shrink: 0; width:75px; letter-spacing:inherit; color:var(--black); font-weight: 600;}
#contact .tBox .contact_info li b::before {content: ''; width: 20px; aspect-ratio: 1 / 1; display: block; line-height: 1; background-color:var(--main); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain;}
#contact .tBox .contact_info li b.tel::before {-webkit-mask-image: url("/img/foot_ico2.svg"); mask-image: url("/img/foot_ico2.svg");}
#contact .tBox .contact_info li b.email::before {-webkit-mask-image: url("/img/foot_ico3.svg"); mask-image: url("/img/foot_ico3.svg");}
#contact .contact_box {flex:1; max-width:930px;}



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


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



.location_cont .infoBox {width:400px; padding:35px;}


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

.location_cont {gap:0; min-height:auto; flex-wrap:wrap; border-radius:20px; overflow:hidden;}
.location_cont .infoBox {width:100%; padding:25px; order:2; border-radius:0;}
.location_cont .mapBox {height:500px; order:1; border-radius:0;}



#contact .tBox {width:100%; position:relative; top:0;}
#contact .tBox .eng_cate {margin:0 0 5px;}
#contact .tBox > .fs18 {margin: 15px 0 0 ;}
#contact .contact_box {flex:none; width:100%;}


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

.location_cont {gap:0; min-height:auto; flex-wrap:wrap; border-radius:15px; overflow:hidden;}
.location_cont+.location_cont {margin:50px 0 0;}
.location_cont .mapBox {height:250px;}
.location_cont .infoBox .info_in {padding:15px 0 0; margin:15px 0 0;}
.location_cont .infoBox .btnBox {margin:25px 0 0;}
.location_cont .infoBox .btnBox a {padding:10px;}


#contact .contact_in {gap:20px;}
#contact .tBox br {display:none;}
#contact .tBox .fs20 {margin:15px 0 0;}
#contact .tBox > .fs18 {margin:10px 0 0;}
#contact .tBox .contact_info {#contact .tBox .contact_info}
#contact .tBox .contact_info li {gap:0 10px;}
#contact .tBox .contact_info li b {width:65px;}
#contact .tBox .contact_info li b::before {width:18px;}

}