@charset "utf-8";

.location {display: grid; grid-template-columns: auto calc(100% - 550px);}

.location .textWrap h3 {position: relative; font-size: var(--fs30); line-height: 1.3; padding-top: 30px; margin-bottom: 50px;}
.location .textWrap h3 p {font-weight: 400;}
.location .textWrap h3:before {position: absolute; left: 0; top: 0; content: ""; width:75px; height: 3px; background: var(--black); opacity: 15%;}

.location .textWrap ul li { display: grid; grid-template-columns: 55px auto; gap: 20px;}
.location .textWrap ul li+li {margin-top: 20px;}
.location .textWrap ul li p {font-size: var(--fs16); font-weight: 700;}
.location .textWrap ul li span {color: #777;}

/* 카카오지도 */
.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%;}





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

    .location { grid-template-columns: auto; gap:30px;}

}



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

    .location .textWrap ul li .img {width: 55px; height: 55px;}

}


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

    .location .textWrap ul li+li {margin-top: 10px;}

}