@import url('sub.css'); 





.location-wrap {display:flex; flex-wrap:wrap; gap:60px; /* align-items:center;  */}
.location-wrap .map-btn-wrap {position:absolute; top:10px; right:10px; z-index:999; display:flex; flex-wrap:Wrap; gap:0 5px;}
.location-wrap .map-btn-wrap a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:50px; aspect-ratio: 3 / 3; border-radius:var(--borderR10);}
.location-wrap .map-btn-wrap a.kakao {background:#FAE100;}
.location-wrap .map-btn-wrap a.naver {background:#10D265;}
.root_daum_roughmap .map_border {display:none !important; }
.location-wrap .location-map-wrap {position:relative; flex:1; border:1px solid var(--border); box-sizing:border-box; border-radius:var(--borderR20); overflow:hidden;}
.location-wrap .location-map-wrap .root_daum_roughmap {width:100%; height:100%; }
.location-wrap .root_daum_roughmap .wrap_map {width:100%; height:100%; /* aspect-ratio: 780 / 600; */}
.location-wrap .location-map-wrap .wrap_controllers {display:none !important;}
.location-wrap .location-map-wrap .cont {display:none !important;}
.location-wrap .location-tBox {flex:1; padding:65px 0;}
.location-wrap .location-tBox .fs34 {color: var(--black); font-size: 2.125rem; font-weight: 700; line-height:129.412%; letter-spacing: -1.7px;}
.location-wrap .location-tBox .dep-tit {display:flex; flex-wrap:wrap; align-items:center; gap:0 10px; color: var(--black); font-size: 1.125rem; font-weight: 600; line-height:166.667%; letter-spacing: -0.54px; margin:30px 0 5px;}
.location-wrap .location-tBox .dep-tit::before {content:''; width:20px; aspect-ratio: 3 / 3; display:block; position:relative; }
.location-wrap .location-tBox .dep-tit.address::before {background:url("/contact/img/loca_ico01.svg")no-repeat center / 100% auto;}
.location-wrap .location-tBox .dep-tit.tel::before {background:url("/contact/img/loca_ico02.svg")no-repeat center / 100% auto;}
.location-wrap .location-tBox .dep-tit.email::before {background:url("/contact/img/loca_ico03.svg")no-repeat center / 100% auto;}
.location-wrap .more-btn-wrap {display:flex; flex-wrap:wrap; gap:10px; margin:60px 0 0;}
.location-wrap .more-btn-wrap a.ver1 span small::before, .location-wrap .more-btn-wrap a.ver1 span small::after {content:'제휴 문의';}
.location-wrap .more-btn-wrap a.ver2 span small::before, .location-wrap .more-btn-wrap a.ver2 span small::after {content:'투고 안내';}
#contact {padding-top:100px;}




/*******************************************************************************
	@media ~1500px
*******************************************************************************/
@media all and (max-width:1500px) { 


}
/*******************************************************************************
	@media ~1300px
*******************************************************************************/
@media all and (max-width:1300px) { 


}
/*******************************************************************************
	@media 769~980px
*******************************************************************************/
@media all and (max-width:980px) { 

.location-wrap {gap:40px;}
.location-wrap .location-map-wrap {flex:none; width:100%; height:500px;}
.location-wrap .location-tBox {flex:none; width:100%; padding:0;}
.location-wrap .more-btn-wrap {margin:30px 0 0;}
.location-wrap .more-btn-wrap a {width:calc((100% - 10px) / 2);}
.location-wrap .location-tBox .dep-tit {margin:15px 0 5px;}




}
/*******************************************************************************
	@media 481~680px
*******************************************************************************/
@media all and (max-width:680px) { 


.location-wrap {gap:30px;}
.location-wrap .location-map-wrap {flex:none; width:100%; height:200px;}
.location-wrap .map-btn-wrap a {width:40px;}
.location-wrap .map-btn-wrap a svg  {width:20px; height:auto;}
.location-wrap .location-tBox {flex:none; width:100%; padding:0;}
.location-wrap .location-tBox .fs34 {font-size:1.5rem;}
.location-wrap .more-btn-wrap {margin:15px 0 0;}
.location-wrap .more-btn-wrap a {width:calc((100% - 10px) / 2);}
.location-wrap .location-tBox .dep-tit {margin:10px 0 5px;}
.location-wrap .location-tBox .dep-tit::before {width:14px;}


}