@charset "utf-8";

.locationBox {width: 100%; position: absolute; top: 305px;}
.location .mapWrap .mapInfo {background: #333; color: #fff; padding: 50px; display: flex; justify-content: space-between; line-height: 1;}
.location .mapWrap .mapInfo span+span {margin-left: 20px;}

.location .map {box-shadow: 30px 30px 30px 0 rgba(0, 0, 0, 0.15);}
.location .mapWrap .bottom {position: relative; color: #666; text-align: center; padding-top:195px;}
.location .mapWrap .bottom::before {position: absolute; content: ""; width: 30px; height: 1px; background: #999; top: 70px; left:50%; transform: translate(-50%, -50%) rotate(-45deg);}
.location .mapWrap .bottom::after {position: absolute; content: ""; width: 50px; height: 45px; top:150px; left:50%; transform:translate(-50%,-50%); background: url(/images/common/simbol.png) no-repeat;}
.location .mapWrap .bottom p {font-weight: 700; color: #000;}
.location .mapWrap .bottom span {line-height: 1.8;}

/* 카카오지도 */
.location .mapWrap .root_daum_roughmap {width:100%; overflow:hidden;}
.location .mapWrap .root_daum_roughmap .wrap_map {border-bottom:1px solid #ddd;}
.location .mapWrap .root_daum_roughmap .wrap_controllers {display:none;}
.location .root_daum_roughmap .cont {display:none;}

.location .root_daum_roughmap .wrap_map {border-bottom:1px solid #ddd;}
.location .root_daum_roughmap .wrap_controllers {display:none;}
.location .root_daum_roughmap {width:100%;}



/* ************************ 태블릿 (~1249) ************************ */
@media screen and (max-width:1249px) {

    .location .mapWrap .mapInfo {flex-direction: column; gap:10px}
    .locationBox {top:235px;}
    

}


/* ************************ 태블릿 (~991) ************************ */
@media screen and (max-width:991px) {

    .location .mapWrap .root_daum_roughmap .wrap_map {height: 600px !important;}

}



/* ************************ 모바일 (~767) ************************ */
@media screen and (max-width:767px) { 

    .locationBox {top: 145px;}
    .location .mapWrap .root_daum_roughmap .wrap_map {height: 500px !important;}
    .location .mapWrap .mapInfo p {line-height: 1.3;}
    .location .mapWrap .mapInfo {padding: 40px;}
    .location .mapWrap .mapInfo span+span {margin-left: 0;}

}


/* ************************ 모바일 (~500) ************************ */
@media screen and (max-width:500px) {

    .location .mapWrap .root_daum_roughmap .wrap_map {height: 400px !important;}

}