@charset "utf-8";

.locationWrap {display: grid; grid-template-columns: repeat(2,1fr); gap: 40px;}
.locationWrap .locationCard {background: #FBFBFB; padding: 60px; border: 10px solid #FBFBFB; transition: .6s;}
.locationWrap .locationCard:hover {border: 10px solid #f4f4f4;}
.locationWrap .locationCard .subTitle {color: #777; font-weight:700; transition: .3s;}
.locationWrap .locationCard .title {color: #000; font-size: var(--fs26); margin-bottom: 20px;}
.locationWrap .locationCard .addr {color: #333; font-weight: 300; font-size: var(--fs17);}
.locationWrap .locationCard:hover .subTitle {color: var(--base1);}
.locationWrap .locationCard .btnMap {display: inline-block; padding: 20px 30px;     padding-right: 55px; border:3px solid #EDEDED; color: #777; border-radius: 10px; font-size: var(--fs17); font-weight: 600; line-height: 1; background: #fff url(/images/location/ico-map.svg) no-repeat center right 30px;}
.locationWrap .locationCard .btnMap:hover {background: #fff url(/images/location/ico-map-hover.svg) no-repeat center right 30px; color: var(--base1);}

.location .mapBox {margin:10px 0 30px 0;}


/* 카카오지도 */
.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%;}
.location .root_daum_roughmap .wrap_btn_zoom {display: none;}





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

    .locationWrap .locationCard {padding: 35px;}
    .locationWrap .locationCard .addr {line-height: 1.2;}
    .locationWrap {gap: 15px;}
    .locationWrap .locationCard .btnMap {padding: 15px 30px; font-size: 15px; padding-right: 50px;}


    .locationWrap .locationCard .title {font-size: 20px; line-height: 1.2;  margin-bottom: 10px;}
    .locationWrap .locationCard .subTitle {font-size: 15px;}
    


}

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

    .locationWrap {display: block;}


}

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

    .locationWrap .locationCard {padding: 0; border: 0; background: #fff; margin-bottom: 20px;}
    .locationWrap .locationCard:hover {border: 0;}
    .location .mapBox {margin-bottom: 10px;}

    .locationWrap .locationCard .btnMap {width: 100%;}

}