@CHARSET "UTF-8";

/* 찾아오시는길 */
.direction .root_daum_roughmap .wrap_controllers,
.direction .root_daum_roughmap .cont{display:none;}
.direction .root_daum_roughmap_landing .border1,
.direction .root_daum_roughmap_landing .border3,
.direction .root_daum_roughmap_landing .border4{display:none !important;}
.direction .root_daum_roughmap_landing{border-radius: 20px;border: 1px solid #ddd;}
.direction .root_daum_roughmap .wrap_btn_zoom{z-index: 9 !important;}
.direction .root_daum_roughmap{width:100%;}
.direction .info{display: flex;border-bottom: 1px solid #ddd;}
.direction .info dl{flex: 1;display: flex;flex-direction: column;justify-content: center;position: relative;padding: 35px 0;padding-left: 90px;}
.direction .info dl:before{content:'';position: absolute;left: 0;width: 65px;height: 65px;border: 1px solid #ddd;border-radius: 15px;background: no-repeat center / 100% auto;}
.direction .info dl.add:before{background-image: url(/nanum/site/builder/dir/health/img/menu6360/map_icon1.png);}
.direction .info dl.call:before{background-image: url(/nanum/site/builder/dir/health/img/menu6360/map_icon2.png);}
.direction .info dl dt{font-size: 1.9rem;font-weight: 700;}
.direction .info dl dd{font-size: 1.7rem;font-weight: 400;color: #666;}

/* 오시는 길 */
.location_wrap{position:relative;}
.location_wrap .root_daum_roughmap .wrap_controllers{display:none;}
.location_wrap .root_daum_roughmap_landing .map_border{display:none !important;}
.location_wrap .map_w{border-radius:20px; overflow: hidden; border:1px solid #cacaca;}
.location_wrap .map_w .cont{display:none;}
.location_wrap .map_w .root_daum_roughmap_landing{width:100%;}
.location_wrap .map_info{display: flex; flex-wrap:wrap; gap:50px; padding:25px 0 30px 0; border-bottom:1px solid #ccc;}
.location_wrap .map_info dl{display: flex; align-items:center; gap:25px; width:calc(50% - 25px);}
.location_wrap .map_info dl dt{width:65px; height:65px; font-size:0; text-indent:-9999px; border-radius:15px; border:1px solid #e5e5e5; background-repeat:no-repeat; background-position:center; background-size:100% auto; box-sizing:border-box;}
.location_wrap .map_info dl dt.adr{background-image: url("/nanum/site/builder/dir/main/img/menu4846/location_adr.png");}
.location_wrap .map_info dl dt.call{background-image: url("/nanum/site/builder/dir/main/img/menu4846/location_call.png");}
.location_wrap .map_info dl dd .tit{font-size:2.1rem; font-weight:700;}
.location_wrap .map_info dl dd .txt{font-size:1.8rem; font-weight:400; color:#666;}

.map_list{border-top:2px solid #000;}
.map_list dl{display:flex;padding:40px 0;border-bottom:1px solid #dfdfdf;box-sizing:border-box;}
.map_list dl dt{display:flex;flex-direction: column;justify-content: center;gap:25px;width:260px;flex-shrink: 0;font-size:2rem;font-weight:700;text-align: center;}
.map_list dl dt:before{content:'';display:block;margin:0 auto;width:65px;background:no-repeat center / contain;}
.map_list dl.bus_wr dt:before{height:65px;background-image:url(/nanum/site/builder/dir/main/img/menu4846/map_bus.png);}
.map_list dl.subway_wr dt:before{height:70px;background-image:url(/nanum/site/builder/dir/main/img/menu4846/map_subway.png);}
.map_list dl.car_wr dt:before{height:46px;background-image:url(/nanum/site/builder/dir/main/img/menu4846/map_car.png);}
.map_list dl dd div{margin-top:-10px;}
.map_list dl dd div:not(:first-child){margin-top:30px;}
.map_list dl dd div .txt{margin-bottom:10px;font-size: 2.2rem;font-weight:700;color: #000;}
.map_list dl dd div .list{margin-top:10px;}
.map_list dl dd div .txt_list{display: flex; gap:5px 15px; align-items:center; flex-wrap:wrap; margin-bottom:15px;}
.map_list dl dd div .txt_list:last-child{margin-bottom:0;}
.map_list dl dd div .txt_list li{display: flex; align-items:center; gap:15px;}
.map_list dl dd div .txt_list li::after{content:""; display: block; width:20px; height:20px; border-radius:50%; background: #e5e5e5 url("/nanum/site/builder/dir/main/img/menu4846/location_arrow.png") no-repeat center / 100% auto;}
.map_list dl dd div .txt_list li:last-child::after{display: none;}
.map_list dl dd div .txt_list li p{margin-top:0;}

.map_list dl dd div p{display:flex;gap:15px;align-items: center;margin-top:10px;}
.map_list dl dd div p span{display:block;padding: 0 15px;min-width: 50px;height: 33px;line-height: 33px;font-size: 1.5rem;color: #fff;text-align: center;border-radius: 50px;}
.map_list dl dd div p span.blue{background:#0052a4;}
.map_list dl dd div p span.yel{background:#e2ac00;}
.map_list dl dd div p span.org{background:#e28a00;}
.map_list dl dd div p span.red{background:#d20f46;}
.map_list dl dd div p span.green{background:#14a992;}
.map_list dl dd div p span.green2{background:#1da741;}

/********************태블릿********************/
@media all and (max-width:1024px){

/* 찾아오시는길 */
.root_daum_roughmap_landing{width:100% !important;}
.direction .info{flex-direction:column;gap:20px;padding:20px 0;}
.direction .info dl{padding:5px 0;padding-left:90px;}

/* 오시는 길 */
.location_wrap .map_w{width:100%;}
.location_wrap .root_daum_roughmap_landing{width:100% !important;}
.location_wrap .root_daum_roughmap .wrap_map{height:300px !important;}
.map_list dl dt{width: 200px;}

}

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

/* 찾아오시는길 */
.direction .info{gap:10px;}
.direction .info dl{padding-left:65px;}
.direction .info dl:before{width:50px;height:50px;}
.root_daum_roughmap .wrap_map{height:250px !important;}

/* 오시는 길 */
.location_wrap .map_info{gap:2vh; padding:2vh 0;}
.location_wrap .map_info dl{gap:1vh; width:100%;}
.location_wrap .map_info dl dt{width:50px; height: 50px;}

.map_list dl{flex-direction:column;padding:0 0 40px;}
.map_list dl dt{flex-direction:row-reverse;align-items:center;justify-content:space-between;width:100%;margin-bottom:3vh;padding:2vh 0;border-bottom:1px dashed #ddd;}
.map_list dl dt:before{width:45px;margin:initial;}
.map_list dl.bus_wr dt:before{height:45px;}
.map_list dl.subway_wr dt:before{height:50px;}
.map_list dl.car_wr dt:before{height:26px;}
.map_list dl dd{width:100%;}
.map_list dl dd div:not(:first-child){margin-top:2vh;}
.map_list dl dd div .txt{font-size: 2rem;}
.map_list dl dd div .txt_list{gap:.5vh 1vh; margin-bottom:1.5vh;}
.map_list dl dd div .txt_list li{gap:1vh;}
.map_list dl dd div .txt_list li::after{width:15px; height: 15px;}
.map_list dl dd div p{gap:1.5vh;margin-top:1vh;}
.map_list dl dd div p span{min-width:20px;height:25px;line-height:25px;}


}

/********************모바일2********************/
@media all and (max-width:480px){

}

/********************웹********************/
@media all and (min-width:1025px) {

}