@CHARSET "UTF-8";

/* 오시는 길 */
.root_daum_roughmap .wrap_controllers{display:none;}
.root_daum_roughmap_landing .border2{display:block !important;}
.location_wr{position:relative;display:flex;margin-bottom:120px;color:#fff;}
.location_wr .loc_tit{/*position: absolute;left:0;bottom:-40px;*/padding:60px 40px;width:50%;background:linear-gradient(145deg, #c1a678, #d5bb8e);box-sizing: border-box;z-index:10;}
.location_wr .loc_tit .tit{margin-bottom:55px;font-size:3.5rem;font-weight:400;line-height:1;}
.location_wr .loc_tit .tit span{margin-bottom:20px;display: block;font-size: 1.5rem;font-weight: 700;text-transform: uppercase;letter-spacing:1px;opacity:0.8;}
.location_wr .loc_tit .tit strong{line-height: 1.5;}
.location_wr .loc_tit dl{display:flex;align-items: baseline;gap:20px;font-size:2rem;}
.location_wr .loc_tit dl:nth-child(n+2){margin-top:10px;}
.location_wr .loc_tit dl dt{display: flex;gap:20px;justify-content: center;align-items: center;font-weight:700;}
.location_wr .loc_tit dl dt:after{content:'';display:block;width:2px;height:14px;background:rgba(255,255,255,0.3);}
.location_wr .map_w{margin-left:auto;flex-shrink: 0;}
.location_wr .map_w .cont{display:none;}

.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/funeral/img/menu6174/map_bus.png);}
.map_list dl.subway_wr dt:before{height:70px;background-image:url(/nanum/site/builder/dir/funeral/img/menu6174/map_subway.png);}
.map_list dl.car_wr dt:before{height:46px;background-image:url(/nanum/site/builder/dir/funeral/img/menu6174/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 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:#3366cc;}
.map_list dl dd div p span.blue2{background:#3155b5;}
.map_list dl dd div p span.yellow{background:#f79e39;}
.map_list dl dd div p span.skyblue{background:#42a6e7;}
.map_list dl dd div p span.skyblue2{background:#1ca0bc;}
.map_list dl dd div p span.red{background:#ec3630;}
.map_list dl dd div p span.green{background:#5bb025;}
.map_list dl dd div p span.brown{background:#967d5b;}

/* 주차장안내 */
.parking_bg{margin-top:50px;display:flex;background:url(/nanum/site/builder/dir/funeral/img/menu6174/parking_bg.jpg) no-repeat center / cover;}
.parking_bg dl{position:relative;padding:50px 15px;width:0;flex-grow:1;color:#fff;text-align:center;box-sizing:border-box;}
.parking_bg dl:not(:first-child):before{position:absolute;top:50%;left:0;content:'';width:1px;height:80%;background:rgba(255,255,255,0.2);transform: translate(0, -50%);}
.parking_bg dl dt{display:flex;gap:10px;justify-content: center;align-items: center;flex-direction: column;margin-bottom:25px;font-size:2rem;font-weight:700;}
.parking_bg dl dt:before{content:'';display:block;margin:0 auto;width:70px;height:70px;background:no-repeat center / contain;}
.parking_bg dl.icon1 dt:before{background-image:url(/nanum/site/builder/dir/funeral/img/menu6174/park_icon1.png);}
.parking_bg dl.icon2 dt:before{background-image:url(/nanum/site/builder/dir/funeral/img/menu6174/park_icon2.png);}
.parking_bg dl dd{font-size:1.6rem;}


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

/* 오시는 길 */
.location_wr{flex-direction:column-reverse;margin-bottom:6vh;}
.location_wr .map_w{width:100%;}
.location_wr .root_daum_roughmap_landing{width:100% !important;}
.location_wr .root_daum_roughmap .wrap_map{height:300px !important;}
.location_wr .loc_tit{position:relative;bottom:0;width:100%;padding:40px 25px;}
.location_wr .loc_tit .tit{margin-bottom:3.5vh;}
.location_wr .loc_tit .tit span{margin-bottom:1.5vh;}
.location_wr .loc_tit dl:nth-child(n+2){margin-top:1.5vh;}
.map_list dl dt{width: 200px;}


}


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

/* 오시는 길 */
.location_wr .loc_tit{padding: 20px 15px;}
.location_wr .loc_tit .tit{margin-bottom: 2vh;font-size: 3rem;}
.location_wr .loc_tit .tit span{margin-bottom:0.5vh;}
.location_wr .loc_tit dl{font-size: 1.9rem;}
.location_wr .loc_tit dl:nth-child(n+2){margin-top: 1vh;}
.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 p{gap:1.5vh;margin-top:1vh;}
.map_list dl dd div p span{min-width:20px;height:25px;line-height:25px;}

/* 주차장안내 */
.parking_bg{flex-direction:column;margin-top:3vh;}
.parking_bg dl{width:100%;padding:4vh 1.5vh;}
.parking_bg dl:not(:first-child):before{top:0;left:50%;width:80%;height:1px;transform:translate(-50%, 0);}
.parking_bg dl dt{margin-bottom:1.5vh;}
	



}