/**
 * nmap
 */

/* 관광 정보 */
ul.en_area li ul.spot_sub { position: absolute; left: 142px; top: -3px }

.spot{position:absolute; margin:8px 8px 3px 8px;}
.spot dl{display:block; width:280px; clear:both; overflow:hidden}
.spot dl dt{padding-bottom:0}
.spot dl dt span.s_photo{float:left; width:64px; height:64px; border:1px solid #ccc; margin:0 6px 0 0}
.spot dl dt span.s_photo img{width:100%; height:100%}
.spot dl dt span.s_info{}
.spot dl dt span.s_tit{display:block; max-width: 260px; font-size:12px; font-weight:bold; color:#000; line-height:1.3em; letter-spacing: -0.03em; padding-bottom:2px}
.spot dl dt span.s_tit2{display:block; max-width: 260px; font-size:13px; font-weight:bold; color:#000; line-height:1.3em; letter-spacing: -0.03em; padding-bottom:2px}
.spot dl dt span.s_tit2>span.bus_icon{display: inline-block; font-size: 10px; margin-right:6px}
.spot dl dt span.s_type{display:block; font-size:11px; font-weight:bold; color:#16849a; line-height:1.35em; padding-bottom:4px; min-height:14.85px;}
.spot dl dt span.s_add{display:block; font-size:11px; font-weight:normal; color:#666; line-height:1.3em; letter-spacing: -0.03em}

.spot dl dd{display: block; width:100%; padding-top:5px; overflow: hidden}
.spot dl dd a.btn_share{float: left; display: block; width:37px; height: 25px; background: url(/vkmap/img/class/map/icon_share.png) center no-repeat; background-size:30px auto; border:1px solid #36b8d2; border-radius: 3px; margin-right:4px}
.spot dl dd span.btn_s,.spot dl dd span.btn_s1,.spot dl dd span.btn_s2{float: left; display: block; background-color: #36b8d2; border-radius: 3px}
span.btn_s a{display: inline-block; width:76px; height: 27px; line-height: 26px; font-size:11px; color: #fff; font-weight: bold; text-align: center; border-left:1px solid #9edbe7}
span.btn_s a:first-child{border-left:0}
span.btn_s1 a{display: block; width:280px; height: 27px; line-height: 26px; font-size:11px; color: #fff; font-weight: bold; text-align: center; border-left:1px solid #9edbe7}
span.btn_s2 a{float:left; display: block; width:139px; height: 27px; line-height: 26px; font-size:11px; color: #fff; font-weight: bold; text-align: center; border-left:1px solid #9edbe7}

.spot a.spot_close{position: absolute; right:-4px; top:-4px; background: url(/vkmap/img/class/map/btn_close.png) right 0 no-repeat; background-size:22px auto; width:26px; height: 26px}

/* 인포윈도우 */
.iw_tour.hover .s_photo, .iw_tour.hover dd, .iw_tour.hover .spot_close { display: none; }
.iw_tour span.btn_s { width: 100%; }
.iw_tour span.btn_s a { width: 91px; }
.iw_tour span.btn_s.d-flex { display: flex !important; }
.iw_tour span.btn_s.d-flex a { width: 50%; }

.iw_search dd, .iw_station dd { display: flex !important; }
.iw_search span.btn_s, .iw_station span.btn_s { display: flex !important; flex-grow: 1; }
.iw_search span.btn_s a, .iw_station span.btn_s a { width: auto; flex-grow: 1; }

.iw_route {margin: 0}
.iw_route dl {width: auto;}
.iw_route dl dd {padding-top: 0}
.iw_route span.btn_s a {
	width: 88px;
    height: 33px;
    text-align: center;
    line-height: 2.55em;
    font-size: 13px;
    font-weight: bold;
}

/* POI 검색 */
.search_result { height: calc(100vh - 171px);}
.search_result .paging { display: none; }
.search_result ul.list li.on dl { cursor: pointer; }
.search_result ul.list li .spot_imgs { display: block; }

/* 버스/정류장 검색 */
#resultContainer { height: calc(100vh - 208px) }
#resultContainer .paging { display: none; }
#resultContainer .btn_place { display: none; }
#resultContainer li.t6, #resultContainer li.t10 { display: none; }
#resultContainer ul.list li.on img { cursor: default; }
/* 지하철 */
#resultContainer.subway { height: calc(100vh - 284px) }
/* 필터 옵션 */
.result_select { display: none; justify-content: flex-end; }
.result_select[style*='display: block'] { display: flex !important; }

/* 정류장 검색 목록 */
.station_result ul.list li.on, .station_result ul.list li.on dl { cursor: pointer; }
.station_result ul.list li.on img { content: url(/vkmap/img/class/map/pin_bus_stop_on.png); cursor: pointer !important; }
/* 반경 내 정류장 검색 버튼 */
#draggable { display: none; position: fixed; bottom: 220px; right: 20px; width: 84px; height: 84px; z-index: 997; }

/* 길찾기 */
#resultContainer.route { height: calc(100vh - 242px) }
#resultContainer.route .search_result { height: 100%; }
#resultContainer.route .route_result { display: none; overflow: hidden; }
#resultContainer.route .route_result .wrap_results { overflow-y: auto; }
#resultContainer.route .route_result .wrap_results ul[data-active-tab="1"] { display: none; }
#resultContainer.route .route_result .wrap_results ul[data-active-tab="2"] { display: none; }

#resultContainer.route .search_result.departure_en ul.list li.on a img.icon { content: url(/vkmap/img/class/map/pin_0_en_on.png) }
#resultContainer.route .search_result.departure_jp ul.list li.on a img.icon { content: url(/vkmap/img/class/map/pin_0_jp_on.png) }
#resultContainer.route .search_result.departure_ch ul.list li.on a img.icon { content: url(/vkmap/img/class/map/pin_0_ch_on.png) }
#resultContainer.route .search_result.arrival_en ul.list li.on a img.icon { content: url(/vkmap/img/class/map/pin_100_en_on.png) }
#resultContainer.route .search_result.arrival_jp ul.list li.on a img.icon { content: url(/vkmap/img/class/map/pin_100_jp_on.png) }
#resultContainer.route .search_result.arrival_ch ul.list li.on a img.icon { content: url(/vkmap/img/class/map/pin_100_ch_on.png) }
/* 컨텍스트 메뉴 */

/*.map_pin{position:relative; top:0; left:0; display:block; background:none; width:34px; height:50px;}*/
.map_pin span.choice{position:absolute; bottom:0px; left:0px}
.map_pin span.choice ul li{text-align:center; line-height:2.55em;font-size:13px;;font-weight:bold; }
.map_pin span.choice ul li.first a{border-bottom:1px solid #1dadc8;border-radius:3px 3px 0 0;}
.map_pin span.choice ul li a{display:block;width:88px; height:33px;background:#36b8d2; color:#fff;border-radius:0 0 3px 3px;}
.map_pin span.choice ul li a:hover{background:#009dba;}

.popup_result ul.list a, .popup_result ul.list dl { cursor: default !important; }
.popup_result dl[data-active-tab="1"] { display: none; }
.popup_result { display: none; top: 207px; }
.popup_result .result { overflow-y: hidden; }
.popup_result a.btn_close{position:absolute; right:5px; top:5px; display:block; background:url(/vkmap/img/class/icon/icon_close.png) center no-repeat; width:40px;height:40px; z-index: 10}
.popup_result .result_detail{ overflow-y: auto; }
.popup_result dd.bus_gs { padding: 0 15px }
.popup_result dd.bus_gs span.bus_g { display: table; padding: 0 0 10px 0px; font-size: 11px; letter-spacing: 0.06em; }
.popup_result dd.bus_gs span.bus_g span { display: table-cell; }
.popup_result dd.bus_gs span.bus_g span.bus_icon { display: inline-block; width: 72px; min-height: 15px; vertical-align: top; text-align: center; padding: 4px; font-size: 11px; margin-right: 5px; line-height: 1.4em; }
.popup_result span.stop_g span.stop_num { min-height: 8px; }

.detail_info{}
.detail_info dl{position:relative; top:0; left:0; padding:0 0 26px 32px;}
.detail_info dl dt{font-weight:bold; font-size:12px; color: #555; padding-bottom:4px; clear:both;}
/* .detail_info dl dt span.icon{position:relative; display:inline-block; min-width:24px; height:12px; vertical-align:middle; text-align:center; padding:2px 4px 2px 4px; font-size:11px; margin-right:5px;line-height:1.2em;} */
.detail_info dl dt span.head,.detail_info dl dt span.head2{position:absolute; top:0; left:0; width:20px; height:20px;}
.detail_info dl dt span.trans_stn{position:absolute; right:22px; top:0; display:block;width:84px;height:20px; text-align:right;}
.detail_info dl dt span.trans_stn img{margin-left:1px;}
.detail_info dl dt span.real_bus{position:absolute; top:0; left:-22px; width:20px; height:20px; background:url(/vkmap/img/class/result/time_bar_bus.png) no-repeat; z-index:100; background-color:#fff;}

.detail_info span.icon_stop{display: none}
.detail_info.on span.icon_stop{display: block}
.detail_info.on dt,.detail_info.on dd{color:#007187; background-color: #f6fcff}
    span.icon_stop {    position: absolute;    top: 0;    left: -3px;    width: 26px;    height: 38px;    z-index: 100;    background-size: 26px auto;    background-repeat: no-repeat;}

/* 검색 결과 없음 안내 문구 */
#txtNoResults {display:none; text-align: center; color: #777; padding: 25px 0 20px 0;}

/* 로딩 표시 */
#loadingBox { display:none; z-index: 11; text-align: center; }
#loadingBox img { position: absolute; top: 50%; margin-top: -50px }

/* 지하철  */
#resultContainer.subway .option_tabmenu ul{display: flex;width: 100%;background-color: #3293a6;padding:0;}
#resultContainer.subway .option_tabmenu li {height: 40px; font-size:12px; font-weight:bold; text-align: center; border-left: 1px solid #16849a; width: 50%;}
#resultContainer.subway .option_tabmenu li:first-child{border-left:0}
#resultContainer.subway .option_tabmenu li a {width: 100%;color: #fff;text-indent: 0;line-height: 40px;height: 40px;}
#resultContainer.subway .option_tabmenu li.on {background-color: #fff}
#resultContainer.subway .option_tabmenu li.on a {color: #188fa7}

.search.subway input:focus-visible{outline: none !important;}

#resultContainer.subway .detail_info dl dd span.walk_time {
    display: block;
    min-height: 14px;
    background: url(/vkmap/img/class/result/time_bar_walk.png) -3px -1px no-repeat;
    background-size: 14px;
    padding-left: 14px;
    color: #888;
    line-height: 1.3em;
}

#attraction_area > li.on a {
    opacity: 1 !important;
    filter: grayscale(0%) !important;
}