@charset "utf-8";

@import url("normalize.css");
@import url("svg_subway_class.css");

input[type=text]::-ms-clear {
  display:none;
}

/* CSS Document */
html, body {
	height: 100%;
	overflow: hidden;
	font-size: 12px;
	line-height: 1.5em;
	padding:0; margin:0;
}

* html #container {
	height: 100%;
} /* IE7 hack*/
/* IE3pixel 버그를 위한것*/
* html .contents {
	height: 1%;
}

#header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 47px;
	border-bottom: 1px solid #999;
	background: #fff;
	overflow: hidden;
	z-index: 15;
}

#footer {
	display: none;
	position: absolute;
	bottom: 0;
	left: 0;
	clear: both;
	width: 100%;
	height: 54px;
	background: #f5f5f5;
	z-index: 1000;
}

#container {
	/*min-height:100%;*/
	margin-bottom: -32px;
}

#container .leftArea {
	margin-left: 406px;
} /*왼쪽 영역 만큼 뛰기*/
#headHeight {
	height: 47px;
} /*컨텐츠영역 상단 보정(header height만큼 고정*/
#left {
	position: relative;
	left: 0;
	width: 405px;
	float: left;
	overflow-y: auto;
	z-index: 10;
	background: #fff;
}

.contents {
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
	margin-left: 406px; /* 지도 왼쪽 밀어내기*/
}

.contents_sub {
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
	margin-left: 405px; /* 지도 왼쪽 밀어내기*/
}
/*#footerHeight{clear:both;height:54px;width:100%}컨텐츠영역 하단 보정(footer height만큼 고정*/

/** custom **/
body {
	background:
/* 		url(/img/vk/common_intl/gis_od/left/left_bg.png) */
			url(/img/vk/common_intl/gis_od/left/left_bg.png)
		repeat-y;
} /*왼쪽 영역 백그라운드 처리는 body부분에서 처리*/

/* common */
.tt {
	border: 1px solid red;i
}

.disNone {
	display: none;
}

ul, li, dl, dt, dd, p {
	list-style: none;
	padding: 0;
	margin: 0;
}

.tb {
	font-weight: bold;
}

.bl {
	display: block;
}

.ml {
	margin-left: 6px;
}

.ml2 {
	margin-left: 15px;
}

.mls {
	margin-left: 3px;
}

.text {
	font-weight: normal;
	font-size: 12px;
}

.tred {
	color: #f00000;
}

.tcenter {
	text-align: center;
}

.tm {
	display: table-cell;
	vertical-align: middle;
}
/* header */
#header h1.logo a {
	position: absolute;
	top: 13px;
	left: 24px;
	background:
		url(/img/vk/common_intl/gis_od/top/logo.png)
		no-repeat;
	background-size: 126px auto;
	width: 130px;
	height: 25px;
	text-indent: -5000px;
	overflow: hidden;
}
/* 
.type{position:absolute; top:24px; left:152px; background:url(/img/vk/common_intl/gis_od/top/type.png) no-repeat; width:125px; height:28px; text-indent:-5000px; overflow:hidden;}
*/
.lang2 {
	position: absolute;
	top: 0px;
	left: 404px
}

.lang2 ul {
	
}

.lang2 li {
	float: left;
	display: block;
	font-size: 16px;
	min-width: 160px;
	height: 72px;
	border-radius: 0px;
	border-left: 1px solid #ccc;
	overflow: hidden
}

.lang2 li.first {
	border-left: 0
}

.lang2 li a {
	display: inherit;
	height: 100%;
	color: #999;
	letter-spacing: -0.015em;
	padding: 27px 0;
	text-align: center;
	font-weight: bold;
}

.lang2 li.on {
	background: #0f385e;
}

.lang2 li.on a {
	color: #fff;
}

.lang {
	position: absolute;
	top: 9px;
	left: 405px;
	width: 368px;
}

.lang ul {
	
}

.lang ul li {
	float: left;
/* 	background: url(/img/vk/common_intl/gis_od/top/img_gap.png) right center no-repeat; */
	background: url(/img/vk/common_intl/gis_od/top/img_gap.png) right center no-repeat;
	text-indent: -5000px;
	overflow: hidden;
}
.lang ul li:last-child{background-image: none}

.lang ul li a {
	display: block;
	width: 100px;
	height: 32px;
}

.lang ul li a.kr {
	background:
		url(/img/vk/common_intl/gis_od/top/lang_kr.png)
		center no-repeat;
}

.lang ul li a.en {
	background:
		url(/img/vk/common_intl/gis_od/top/lang_en.png)
		center no-repeat;
}

.lang ul li a.ch {
	background:
		url(/img/vk/common_intl/gis_od/top/lang_ch.png)
		center no-repeat;
}

.lang ul li a.jp {
	background:
		url(/img/vk/common_intl/gis_od/top/lang_jp.png)
		center no-repeat;
}

.lang ul li a:hover.kr {
	background:
		url(/img/vk/common_intl/gis_od/top/lang_kr_on.png)
		center no-repeat;
}

.lang ul li a:hover.en {
	background:
		url(/img/vk/common_intl/gis_od/top/lang_en_on.png)
		center no-repeat;
}

.lang ul li a:hover.ch {
	background:
		url(/img/vk/common_intl/gis_od/top/lang_ch_on.png)
		center no-repeat;
}

.lang ul li a:hover.jp {
	background:
		url(/img/vk/common_intl/gis_od/top/lang_jp_on.png)
		center no-repeat;
}

.lang ul li a.kr_on {
	background:
		url(/img/vk/common_intl/gis_od/top/lang_kr_on.png)
		center no-repeat;
}

.lang ul li a.en_on {
	background:
		url(/img/vk/common_intl/gis_od/top/lang_en_on.png)
		center no-repeat;
}

.lang ul li a.ch_on {
	background:
		url(/img/vk/common_intl/gis_od/top/lang_ch_on.png)
		center no-repeat;
}

.lang ul li a.jp_on {
	background:
		url(/img/vk/common_intl/gis_od/top/lang_jp_on.png)
		center no-repeat;
}

/*
.gnb{position:absolute; top:30px; right:24px;}
	.gnb ul{}
	.gnb ul li{float:left; margin-left:40px;text-indent:-5000px; overflow:hidden;}
	.gnb ul li a{display:block;}
	.gnb ul li a.gnb1{background:url(/img/vk/common_intl/gis_od/top/gnb01.png) no-repeat; width:108px; height:28px;}
	.gnb ul li a.gnb2{background:url(/img/vk/common_intl/gis_od/top/gnb02.png) no-repeat; width:139px; height:28px;}
	.gnb ul li a.gnb3{background:url(/img/vk/common_intl/gis_od/top/gnb03.png) no-repeat; width:114px; height:28px;}
	.gnb ul li a.gnb1_on{background:url(/img/vk/common_intl/gis_od/top/gnb01_on.png) no-repeat; width:108px; height:28px;}
	.gnb ul li a.gnb2_on{background:url(/img/vk/common_intl/gis_od/top/gnb02_on.png) no-repeat; width:139px; height:28px;}
	.gnb ul li a.gnb3_on{background:url(/img/vk/common_intl/gis_od/top/gnb03_on.png) no-repeat; width:114px; height:28px;}
*/

/* main */
.menu_lang {
	margin: 200px 0;
}

.menu_lang ul {
	display: block;
	margin: 0 auto;
	width: 1040px;
	text-align: center;
}

.menu_lang ul li {
	float: left;
	margin-right: 5px;
	text-indent: -5000px;
	overflow: hidden;
	margin: 0 32px;
}

.menu_lang ul li a {
	display: block;
	width: 196px;
	height: 258px;
}

.menu_lang ul li a.kr {
	background:
		url(/img/vk/common_intl/gis_od/main/lang_kr.png)
		no-repeat;
}

.menu_lang ul li a.en {
	background:
		url(/img/vk/common_intl/gis_od/main/lang_en.png)
		no-repeat;
}

.menu_lang ul li a.ch {
	background:
		url(/img/vk/common_intl/gis_od/main/lang_ch.png)
		no-repeat;
}

.menu_lang ul li a.jp {
	background:
		url(/img/vk/common_intl/gis_od/main/lang_jp.png)
		no-repeat;
}

.menu_lang ul li a:hover.kr {
	background:
		url(/img/vk/common_intl/gis_od/main/lang_kr_on.png)
		no-repeat;
}

.menu_lang ul li a:hover.en {
	background:
		url(/img/vk/common_intl/gis_od/main/lang_en_on.png)
		no-repeat;
}

.menu_lang ul li a:hover.ch {
	background:
		url(/img/vk/common_intl/gis_od/main/lang_ch_on.png)
		no-repeat;
}

.menu_lang ul li a:hover.jp {
	background:
		url(/img/vk/common_intl/gis_od/main/lang_jp_on.png)
		no-repeat;
}

.menu_lang ul li a.kr_on {
	background:
		url(/img/vk/common_intl/gis_od/main/lang_kr_on.png)
		no-repeat;
}

.menu_lang ul li a.en_on {
	background:
		url(/img/vk/common_intl/gis_od/main/lang_en_on.png)
		no-repeat;
}

.menu_lang ul li a.ch_on {
	background:
		url(/img/vk/common_intl/gis_od/main/lang_ch_on.png)
		no-repeat;
}

.menu_lang ul li a.jp_on {
	background:
		url(/img/vk/common_intl/gis_od/main/lang_jp_on.png)
		no-repeat;
}

.bg_mint {
	background:
		url(/img/vk/common_intl/gis_od/main/bg_mint.png)
		repeat;
	overflow-y: auto;
	z-index: 1;
	position: absolute;
	width: 100%;
	height: 100%;
}

/* left */
.nav {
	
}

.nav ul {
	display: block;
	width: 100%;
	height: 58px;
}

.nav ul li{float:left; display: block; width:25%; overflow:hidden;}

.nav ul li a {
	display: table-cell;
	width: 20%;
	height: 58px;
	font-size:13px;
	font-weight: bold;
	line-height: 1.2em;
	color:#215a6a;
	text-align: center;
	border-bottom:1px solid #ccc;
	vertical-align: middle
}
.nav ul li a.on{
	color: #fff;
	font-weight: bold;
	background-color:#16849b;
	border-bottom:1px solid #16849b}

/*
.nav ul li a.route {
	background:
		url(/img/vk/common_intl/gis_od/left/nav01.png)
		center no-repeat;
}

.nav ul li a.bus {
	background:
		url(/img/vk/common_intl/gis_od/left/nav02.png)
		center no-repeat;
}

.nav ul li a.busStop {
	background:
		url(/img/vk/common_intl/gis_od/left/nav03.png)
		center no-repeat;
}

.nav ul li a.subway {
	background:
		url(/img/vk/common_intl/gis_od/left/nav04.png)
		center no-repeat;
}

.nav ul li a.route_on {
	background:
		url(/img/vk/common_intl/gis_od/left/nav01.png)
		center no-repeat;
	background-color: #37b8d2;
}

.nav ul li a.bus_on {
	background:
		url(/img/vk/common_intl/gis_od/left/nav02.png)
		center no-repeat;
	background-color: #37b8d2;
}

.nav ul li a.busStop_on {
	background:
		url(/img/vk/common_intl/gis_od/left/nav03.png)
		center no-repeat;
	background-color: #37b8d2;
}

.nav ul li a.subway_on {
	background:
		url(/img/vk/common_intl/gis_od/left/nav04.png)
		center no-repeat;
	background-color: #37b8d2;
}

.nav_ch {}
.nav_ch ul {
	display: block;
	width: 100%;
	height: 75px;
	border-bottom: 1px solid #136f81;
	background: #05849d;
}

.nav_ch ul li {
	float: left;
	width: 25%;
	text-indent: -5000px;
	overflow: hidden;
}

.nav_ch ul li a {
	display: block;
	width: 100%;
	height: 75px;
	border-left: 1px solid #136f81;
}

.nav_ch ul li a.route {
	background:
		url(/img/vk/common_intl/gis_od/left/ch/nav01.png)
		center no-repeat;
}

.nav_ch ul li a.bus {
	background:
		url(/img/vk/common_intl/gis_od/left/ch/nav02.png)
		center no-repeat;
}

.nav_ch ul li a.busStop {
	background:
		url(/img/vk/common_intl/gis_od/left/ch/nav03.png)
		center no-repeat;
}

.nav_ch ul li a.subway {
	background:
		url(/img/vk/common_intl/gis_od/left/ch/nav04.png)
		center no-repeat;
}

.nav_ch ul li a.route_on {
	background:
		 url(/img/vk/common_intl/gis_od/left/ch/nav01.png)
		center no-repeat;  
	background-color: #37b8d2;
}

.nav_ch ul li a.bus_on {
	 background:
		url(/img/vk/common_intl/gis_od/left/ch/nav02.png)
		center no-repeat; 
	background-color: #37b8d2;
}

.nav_ch ul li a.busStop_on {
	 background:
		url(/img/vk/common_intl/gis_od/left/ch/nav03.png)
		center no-repeat; 
	background-color: #37b8d2;
}

.nav_ch ul li a.subway_on {
	 background:
		url(/img/vk/common_intl/gis_od/left/ch/nav04.png)
		center no-repeat; 
	background-color: #37b8d2;
}

.nav_jp {
	
}
.nav_jp ul {
	display: block;
	width: 100%;
	height: 75px;
	border-bottom: 1px solid #136f81;
	background: #05849d;
}

.nav_jp ul li {
	float: left;
	width: 20%;
	text-indent: -5000px;
	overflow: hidden;
}

.nav_jp ul li a {
	display: block;
	width: 100%;
	height: 75px;
	border-left: 1px solid #136f81;
}

.nav_jp ul li a.route {
	background:
		url(/img/vk/common_intl/gis_od/left/jp/nav01.png)
		center no-repeat;
}

.nav_jp ul li a.bus {
	background:
		url(/img/vk/common_intl/gis_od/left/jp/nav02.png)
		center no-repeat;
}

.nav_jp ul li a.busStop {
	background:
		url(/img/vk/common_intl/gis_od/left/jp/nav03.png)
		center no-repeat;
}

.nav_jp ul li a.subway {
	background:
		url(/img/vk/common_intl/gis_od/left/jp/nav04.png)
		center no-repeat;
}

.nav_jp ul li a.route_on {
	background:
		url(/img/vk/common_intl/gis_od/left/jp/nav01.png)
		center no-repeat;
	background-color: #37b8d2;
}

.nav_jp ul li a.bus_on {
	background:
		url(/img/vk/common_intl/gis_od/left/jp/nav02.png)
		center no-repeat;
	background-color: #37b8d2;
}

.nav_jp ul li a.busStop_on {
	background:
		url(/img/vk/common_intl/gis_od/left/jp/nav03.png)
		center no-repeat;
	background-color: #37b8d2;
}

.nav_jp ul li a.subway_on {
	background:
		url(/img/vk/common_intl/gis_od/left/jp/nav04.png)
		center no-repeat;
	background-color: #37b8d2;
}

.nav_en {
	
}
.nav_en ul {
	display: block;
	width: 100%;
	height: 75px;
	border-bottom: 1px solid #136f81;
	background: #05849d;
}

.nav_en ul li {
	float: left;
	width: 20%;
	overflow: hidden;
}

.nav_en ul li a {
	  display: table-cell;
    width: 80px;
    height: 75px;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.35em;
    color: #fff;
    text-align: center;
    border-left: 1px solid #136f81;
    vertical-align: middle;
}

.nav_en ul li a.route {
	background:
		 url(/img/vk/common_intl/gis_od/left/en/nav01.png)
		center no-repeat;
}

.nav_en ul li a.bus {
	background:
		 url(/img/vk/common_intl/gis_od/left/en/nav02.png)
		center no-repeat;
}

.nav_en ul li a.busStop {
	background:
		 url(/img/vk/common_intl/gis_od/left/en/nav03.png)
		center no-repeat;
}

.nav_en ul li a.subway {
	background:
		 url(/img/vk/common_intl/gis_od/left/en/nav04.png)
		center no-repeat;
}

.nav_en ul li a.mapsearch_on {
	background:
		 url(/img/vk/common_intl/gis_od/left/en/nav01.png)
		center no-repeat;
	background-color: #37b8d2;
}

.nav_en ul li a.route_on {
	background:
		 url(/img/vk/common_intl/gis_od/left/en/nav01.png)
		center no-repeat;
	background-color: #37b8d2;
}

.nav_en ul li a.bus_on {
	background:
		 url(/img/vk/common_intl/gis_od/left/en/nav02.png)
		center no-repeat;
	background-color: #37b8d2;
}

.nav_en ul li a.busStop_on {
	background:
		 url(/img/vk/common_intl/gis_od/left/en/nav03.png)
		center no-repeat;
	background-color: #37b8d2;
}

.nav_en ul li a.subway_on {
	background:
		 url(/img/vk/common_intl/gis_od/left/en/nav04.png)
		center no-repeat;
	background-color: #37b8d2;
}
*/
.search {
	padding: 17px 22px 13px 22px;
	border-bottom: 1px solid #b4b4b4;
	background: #f4f4f4;
}

.input_route {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
}

.line1_box {
	height: 34px;
}

.line2_box {
	height: 64px;
}

.input_route span.line1 {
	position: absolute;
	top: 0;
	left: 0;
}

.input_route span.line2 {
	position: absolute;
	top: 34px;
	left: 0;
}

.input_route span.input_def {
	display: block;
	width: 307px;
	height: 28px;
	border: 1px solid #c5c5c5;
	background: #fff;
	overflow: hidden;
}

.input_route span.input_def input {
	width: 100%;
	height: 26px;
	border: 0;
	padding-left:8px;
}

.input_route span.input_def a {
	display: none;
}

.input_route span.input_act {
	display: block;
	width: 307px;
	height: 28px;
	border: 1px solid #058faa;
	background: #fff;
	overflow: hidden;
}

.input_route span.input_act input {
	width: 270px;
	height: 26px;
	border: 0;
	padding-left:8px;
}

.input_route span.input_act a.btn_del {
	display: none;
}

.input_route span.input_fin {
	display: block;
	width: 307px;
	height: 28px;
	border: 1px solid #c5c5c5;
	background: #fff;
	overflow: hidden;
}

.input_route span.input_fin input {
	width: 270px;
	height: 26px;
	border: 0;
	padding-left:8px;
}

.input_route span.input_fin a.btn_find {
	display: none;
}

.input_route span.input_def2{
	display:block; 
	width:360px;
	height:28px;
	border:1px solid #c5c5c5;
	background:#fff;
	overflow: hidden;
}
.input_route span.input_def2 input{
	width:100%;
	height:26px;
	border:0;
	padding-left:8px;
}
.input_route span.input_def2 a{
	display:none;
}
.input_route span.input_act2 {
	display: block;
	width: 360px;
	height: 28px;
	border: 1px solid #058faa;
	background: #fff;
	overflow: hidden;
}

.input_route span.input_act2 input {
	width: 320px;
	height: 26px;
	border: 0;
	padding-left:8px;
}
.input_route span.input_act2 a.btn_del {
	display: none;
}

.input_route span.input_fin2 {
	display: block;
	width: 360px;
	height: 28px;
	border: 1px solid #c5c5c5;
	background: #fff;
	overflow: hidden;
}

.input_route span.input_fin2 input {
	width: 320px;
	height: 26px;
	border: 0;
	padding-left:8px;
}

.input_route span.input_fin2 a.btn_find {
	display: none;
}

.input_route a.btn_find {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	background:
		url(/img/vk/common_intl/gis_od/left/search_btn_find.png)
		center no-repeat;
	width: 30px;
	height: 28px;
	text-indent: -5000px;
	overflow: hidden;
}

.input_route a.btn_del {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	background:
		url(/img/vk/common_intl/gis_od/left/search_btn_delete.png)
		center no-repeat;
	width: 30px;
	height: 28px;
	text-indent: -5000px;
	overflow: hidden;
}

.input_route a.btn_change {
	position: absolute;
	right: 0;
	top: 0;
	background:
		url(/img/vk/common_intl/gis_od/left/search_btn_change.png)
		center no-repeat;
	width: 45px;
	height: 64px;
	text-indent: -5000px;
	overflow: hidden;
}

.time_check {
	width: 100%;
	margin: 15px 0 8px 0;
	color: #666;
}

/* checkbox css */
input[id="cb"]+label {
	display: inline-block;
	width: 14px;
	height: 14px;
	border: 2px solid #ccc;
	border-radius: 3px;
	background: #fff;
	margin-right: 6px;
	cursor: pointer;
	vertical-align: middle;
}

input[id="cb"]:checked+label:after {
	content: '\2714';
	font-size: 14px;
	line-height: 1em;
}

input[id="cb"] {
	display: none;
}

.input_time {
	padding: 8px 14px 12px 14px;
	background: #f0f0f0;
}

.input_time span.time_now {
	display: block;
	width: 100%;
	text-align: right;
	padding-bottom: 8px;
	color: #666;
}

.input_time span.time_now input {
	margin-right: 6px;
	vertical-align: middle;
}

.time_group {
	overflow: hidden;
}

.time_group select {
	width: 107px;
	height: 28px;
	border: 1px solid #c5c5c5;
	cursor: pointer;
}

.time_group span.time_line {
	float: left;
	display: block;
	margin-right: 5px;
}

.time_group span.time_hour {
	float: left;
	display: block;
	margin-right: 5px;
}

.time_group span.time_minute {
	float: left;
	display: block;
}

.input_time span.time_week {
	display: block;
	width: 100%;
	padding: 8px 0 0 0;
	overflow: hidden;
}

.input_time span.time_week ul li {
	float: left;
	padding-right: 16px;
}

.input_time span.time_week ul li input {
	margin-right: 6px;
	vertical-align: middle;
}

.search a.btn_search {
	display: block;
	width: 100%;
	height: 40px;
	color: #fff;
	font-size: 15px;
	line-height: 2.5em;
	text-decoration: none;
	background: #aaa;
	text-align: center;
	border-radius: 3px;
	margin-top: 7px;
	font-weight: bold
}

.search a.btn_search_on {
	display: block;
	width: 100%;
	height: 40px;
	color: #fff;
	font-size: 15px;
	line-height: 2.5em;
	text-decoration: none;
	background: #05a2c1;
	text-align: center;
	border-radius: 3px;
	margin-top: 8px;
	font-weight: bold
}

.result {
	height: 100%;
	overflow-y: auto
}

.result{height:100%; /*overflow-y:auto*/}
.result p.nothing{text-align:center; color:#777; padding: 25px 0 20px 0;}
.result ul.ex_text{display:block;}
.result ul.ex_text li{padding:20px 10px 20px 82px; color:#777; letter-spacing:-0.03em;border-bottom: 1px solid #e3e3e3; }
.result ul.ex_text li span.tit{display:block; font-weight:bold; font-size:13px; color:#444;letter-spacing:-0.025em; padding-bottom:4px;}
.result ul.ex_text li.t1{background:url(/img/vk/common_intl/gis_od/left/route_ex_img1.png) 16px 18px no-repeat;}
.result ul.ex_text li.t2{background:url(/img/vk/common_intl/gis_od/left/route_ex_img2.png) 16px 18px no-repeat;}
.result ul.ex_text li.t3{background:url(/img/vk/common_intl/gis_od/left/route_ex_img3.png) 16px 18px no-repeat;}
.result ul.ex_text li.t4{background:url(/img/vk/common_intl/gis_od/left/bus_ex_img1.png) 16px 18px no-repeat;}
.result ul.ex_text li.t5{background:url(/img/vk/common_intl/gis_od/left/bus_ex_img2.png) 16px 18px no-repeat;}
.result ul.ex_text li.t6{background:url(/img/vk/common_intl/gis_od/left/busStop_ex_img1.png) 16px 18px no-repeat;}
.result ul.ex_text li.t7{background:url(/img/vk/common_intl/gis_od/left/subway_ex_img1.png) 16px 18px no-repeat;}
.result ul.ex_text li.t8{background:url(/img/vk/common_intl/gis_od/left/map_ex_img1.png) 16px 18px no-repeat;}
.result ul.ex_text li.t9{background:url(/img/vk/common_intl/gis_od/left/bus_ex_img3.png) 16px 18px no-repeat;}
.result ul.ex_text li.t10{background:url(/img/vk/common_intl/gis_od/left/busStop_ex_img2.png) 16px 18px no-repeat;}

.result ul.list li {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	border-bottom:1px solid #dedede;
}

.result ul.list li a {
	display: inherit;
/* 	padding: 0 10px 0px 60px; */
/* 	border-bottom: 1px solid #ededed; */
}

.result ul.list li a.on {
	background: #f3f6fb;
	border-bottom: 1px solid #c6d3e4;
}

.result ul.list li a img {
	position: absolute;
	top: 14px;
	left: 20px;
	width: 26px;
	height: auto;
}

.place dl dt {
	padding: 17px 0 5px 0;
	color: #065c6b;
}

.place dl dd {
	padding: 0 0 2px 0;
	color: #333;
}

/********************************************************************/

/* .list{} */
/* .list li{position:relative; top:0; left:0; display:block; padding:20px 15px 15px 20px; border-bottom:1px solid #dedede} */
/* .list li a{display:inherit} */
/* .list li img{position:absolute; top:14px; left:20px; width:26px; height:auto} */
/* .list li.on{background:#f6fcff} */
/* .list li.on dl{cursor: default} */
/* .list li dt{display: block; font-size:13px; font-weight: bold; color: #333; padding-bottom:10px; overflow: hidden; clear: both} */
/* .list li dt span.spot_imgs{position: relative; float:left; width:70px; height: 70px; margin-right:10px} */
/* .list li dt span.spot_imgs img{top:0; left:0; width:100%; height: 100%; border:1px solid #b7b7b7} */


/* .list li dt span.tit{display: block; padding-bottom:10px} */
/* .list li dt span.bus_g{display: table; min-height: 16px} */
/* 	.bus_icon{display:table-cell; width:58px; text-align:center; padding:4px 5px 5px; font-size:11px; line-height:1.2em;} */
/* 	.bus_num{display:table-cell; font-size:17px; font-weight:bold; letter-spacing: -0.05em; color: #333; padding-left:8px} */
/* 	.bus_city{vertical-align: text-bottom;  font-size:12px; font-weight: bold; color:#16869b; padding-left:6px} */
/* .list li dt span.tit_g{} */
/* 	.spot_info{display: block; font-size:11px; font-weight: normal; color:#007c94; padding:7px 0 0 0} */
/* .list li dd{} */
/* .list li dd span.data{display: block; font-size:12px; line-height: 1.4em; font-weight: normal;  color:#555; padding-bottom:2px } */
/* .list li dd span.data sub{font-size:12px; vertical-align: middle; font-weight: bold; padding-right:10px} */

/* .list.pin_icon li{padding:20px 15px 15px 60px} */
/* .list.pin_icon li img{position:absolute; top:14px; left:20px; width:26px; height:auto;} */
/* .list.pin_icon li.on{background:#f6fcff} */
/* .list.pin_icon li.on a .place{cursor: default} */

/* /*.place dt{font-size:13px; font-weight: bold; padding:17px 0 10px 0; color:#252525; overflow: hidden} */
/* .place dt span.spot_imgs{position: relative; float:left; width:70px; height: 70px; margin-right:10px} */
/* .place dt span.spot_imgs img{top:0; left:0; width:100%; height: 100%; border:1px solid #b7b7b7} */
/* .place dt span.place_name{}*/ 

/* .list span.spot_tour, */
/* .list span.spot_event, */
/* .list span.spot_shop, */
/* .list span.spot_acc, */
/* .list span.spot_restaurant, */
/* .list span.spot_leisure, */
/* .list span.spot_cultural, */
/* .list span.spot_travel, */
/* .list span.spot_traffic{display: inline-block; background-position: 0 center; width:20px; height:20px; margin-right:6px} */
/* /*.place dd{font-size:11px; line-height: 1.4em; padding:0 0 2px 0;color:#666}*/

/* .btn_place{margin:10px 0 0 0; overflow: hidden} */
/* .btn_place a{display: inline-block; float: left; background:#3db7cf; text-align: center; color: #fff; font-size: 12px; font-weight: bold; line-height: 2.4em; width:94px; height: 30px; border-radius: 3px; margin-right:5px} */
/* .btn_place a.lg{display: inline-block; float: left; background:#3db7cf; text-align: center; color: #fff; font-size: 12px; font-weight: bold; line-height: 2.4em; width:292px; height: 30px; border-radius: 3px} */
/* .btn_place a:hover{background: #169cb7} */



.paging{display: block; 	 text-align:center; margin-top:15px; margin-bottom:80px}


.paging a {
	display:inline-block;
	min-width: 23px;
	height:23px;
	font-size:11px;
	line-height:23px;
	color:#777;
	background-color: #fff;
	border:1px solid #e4e4e4;
	padding:0 2px;
	margin:0 2px;
	vertical-align: middle;
	box-sizing: border-box;
}
.paging a.on{
	font-weight: bold;
	color: #fff;
	background-color: #757575;
	border:0;
}
.paging a.first{
	width:23px; 
	height:23px; 
	background: url(/img/vk/common_intl/gis_od/left/paging_first.png) center no-repeat;
	border:1px solid #e4e4e4; 
	padding:0;
}
.paging a.last{
	width:23px; 
	height:23px; 
	background: url(/img/vk/common_intl/gis_od/left/paging_last.png) center no-repeat;
	border:1px solid #e4e4e4; 
	padding:0;
}

.paging a.btn_sign {
	font-size: 23px;
	vertical-align: bottom;
	padding: 0 3px;
	color: #a3c6ce;
}

.paging a.off {
	display: inlin-block;
	color: #d3d3d3;
	cursor: default;
}


/* .option_tabmenu ul {
	display: block;
	width: 405px;
	background-color: #3293a6;
	overflow: hidden;
}

.option_tabmenu li {
	float: left;
	display: table; 
	width:135px; 
	height: 40px; 
	font-size:12px; 
	font-weight:bold; 
	text-align: center; 
	border-left: 1px solid #16849a; 
	box-sizing: border-box;
} */

.option_tabmenu li:first-child{
	border-left:0
}
/* .option_tabmenu li a {
	display: table-cell;
	width:100%;
	height: 100%;
	color: #fff;
	line-height: 1.1em;
	padding: 4px 6px 4px 6px;
	vertical-align: middle;
} */

.option_tabmenu li a.on {
	color: #188fa7;
	background-color:#fff;
	/* border-bottom:0; */
	font-weight: bold;
}

.option {
	position: relative;
	padding:30px 25px 20px 25px;
}

.option span.btn_reset {
	position: absolute;
	right: 20px;
	top: 18px;
}

.option span.btn_reset a {
	padding: 6px 12px;
	border: 1px solid #5ccbe1;
	color: #37b9d3;
	letter-spacing: 0em;
	font-size: 11px;
	font-weight: bold;
	background: #fff;
	border-radius: 20px;
}

.info_text{
	display: block; 
	font-size:11px; 
	color:#16849a; 
	padding-top:5px
}

.option p.nothing {
	color: #ef5852;
}

.option ul {
	display: inline-block;
	width: 100%;
}

.option ul li {
	padding-bottom: 30px;
}

.option ul li dl {
	width: 100%;
}

.option ul li dl dt {
	position: relative;
	font-size: 13px;
	font-weight: bold;
	width: 100%;
	padding: 0 0 16px 0
}

.option ul li dl dt span.btn_all {
	position: absolute;
	right: -5px;
	top: 0px;
	font-size: 11px;
	font-weight: normal;
	background: #e3e4e6;
	padding: 4px 7px;
	border-radius: 4px;
}

.option ul li dl dt span.btn_all input {
	margin-right: 6px;
}

.option ul li dl dd {
	color: #454545;
	padding-bottom: 10px
}

.option_check {
	overflow: hidden;
}

.option_check span {
	float: left;
	display: block;
	width: 20%;
	margin-bottom: 8px;
}

.option_check span.two {
	float: left;
	display: block;
	width: 50%;
	margin-bottom: 8px;
}

.option_check span.four {
	float: left;
	display: block;
	width: 33.3%;
	margin-bottom: 8px;
}

.option_check span.half {
	float: left;
	display: block;
	width: 50%;
	margin-bottom: 8px;
}

.option_check span input {
	margin-right: 4px;
}

.option_check dl {
	width: 100%;
	display: table
}

.option_check dl.line {
	border-bottom: 1px dashed #cdcdcd;
	margin-bottom: 12px
}

.option_check dt.title {
	display: table-cell;
	float: left;
	width: 24%;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	line-height: 1.5em;
	color: #04859b
}

.option_check dt.title sub {
	font-size: 12px;
	vertical-align: top;
	padding-right: 15px
}

.option_check dd.title_body {
	display: table-cell;
	float: left;
	width: 76%
}

.option_check dd.title_body span {
	float: left;
	width: 50%;
}

.option_slide {
	position: relative;
	width: 310px;
	height: 7px;
	border: 1px solid #37b9d3;
	background: #fff;
	border-radius: 8px;
	margin: 15px 5px
}

.option_slide span.slide_go {
	position: absolute;
	top: 18px;
	left: 0;
	font-family: 'dotum', '돋움', 'gulim', '굴림';
}

.option_slide span.slide_end {
	position: absolute;
	top: 18px;
	right: -25px;
	font-family: 'dotum', '돋움', 'gulim', '굴림';
}

.option_slide span.slide_btn {
	position: absolute;
	top: -6px;
	left: -2px;
	display: block;
	background:
		url(/img/vk/common_intl/gis_od/left/option_slide_btn.png)
		no-repeat;
	width: 20px;
	height: 20px;
	cursor: pointer;
	z-index: 10;
}

.option_slide span.slide_value {
	position: absolute;
	top: -20px;
	left: 0px;
	font-size: 13px;
	color: #04859b;
	text-align: left;
	width: 300px;
	letter-spacing: -0.03em;
	font-weight: bold;
	font-family: 'dotum', '돋움', 'gulim', '굴림';
}

.option_slide span.slide_value sub {
	vertical-align: super;
	padding-right: 2px;
}

.option_slide span.slide_on {
	position: absolute;
	top: -2px;
	left: 0;
	height: 11px;
	background: #37b9d3;
	border-radius: 5px;
	padding-right: 6px;
}

.result_info {
	height: 112px;
	padding: 16px 20px 0 20px;
	border-bottom: 1px solid #c7d2e4;
}

.result_info p {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 112px;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -0.03em;
}

.result_info p span.info_sub1 {
	position: absolute;
	top: 22px;
	left: 0;
	display: block;
	font-size: 12px;
	font-weight: normal;
}

.result_info p span.info_sub2 {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	font-size: 11px;
	font-weight: normal;
}

.price {
	font-size: 13px;
	font-weight: bold;
	color: #fc0800;
	margin: 0 3px;
}

.result_info p strong {
	font-size: 18px;
	margin: 0 3px;
	letter-spacing: -0.05em;
}

.result_info_bus {
	padding: 16px 20px 10px 20px;
	border-bottom: 1px solid #c7d2e4;
}

.result_info_bus dl {
	letter-spacing: -0.03em;
}

.result_info_bus dl dt {
	font-weight: bold;
	font-size: 18px;
	padding-bottom: 15px;
}

.result_info_bus dl dt span.icon {
	display: inline-block;
	width: 54px;
	min-height: 12px;
	vertical-align: top;
	text-align: center;
	padding: 4px;
	font-size: 11px;
	margin-right: 5px;
	line-height: 1.2em;
}

.result_info_bus dl dd {
	padding-bottom: 4px;
}

.result_info_bus dl dd span.tb {
	margin-right: 5px;
}

.result_info_busStop {
	padding: 0 0 0 0;
}

.result_info_busStop dl {
	letter-spacing: -0.03em;
}

.result_info_busStop dl dt {
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	padding-top: 32px;
	padding-bottom: 20px;
}

.result_info_busStop dl dt span.big {
	display: block;
	padding: 0 0 12px 0;
}

.result_info_busStop dl dd {
	padding: 15px 10px 15px 15px;
	background: #f3f6fb;
	border: 1px solid #c7d2e4;
	border-left: 0;
	border-right: 0;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: -0.025em;
}

.result_info_busStop dl dd span.tb {
	font-size: 12px;
	margin-right: 10px;
}

.result_info_subway {
	background: #fff;
}

.result_info_subway dl dt {
	position: relative;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	padding: 32px 15px 22px 15px;
}

.result_info_subway dl dt span.subway_trans {
	position: absolute;
	top: 2px;
	right: 10px;
	text-align: right;
	font-size: 11px;
	font-weight: normal;
	color: #888;
}

.result_info_subway dl dt span.trans_icon {
	display: block;
}

.result_info_subway dl dt span.trans_icon a {
	display: inline-block;
	text-indent: -5000px;
	overflow: hidden;
	opacity: 0.35;
}

.result_info_subway dl dt span.trans_icon a.on {
	opacity: 1.0;
}

.result_info_subway dl dd {
	overflow: hidden;
}

.result_info_subway dl dd ul {
	width: 100%;
	height: 35px;
	display: inline-block;
	border-bottom: 1px solid #666;
}

.result_info_subway dl dd ul li {
	float: left;
	width: 20%;
	text-align: center;
}

.result_info_subway dl dd ul li.all a {
	color: #000;
	min-width: 10px;
	white-space: nowrap;
	text-overflow: ellipsis; /* IE, Safari */
	-o-text-overflow: ellipsis; /* Opera under 10.7 */
	overflow: hidden;
	/* "overflow" value must be different from "visible" */
}

.result_info_subway dl dd ul li a {
	display: block;
	width: 100%;
	height: 34px;
	background: #e7e7e7;
	line-height: 3em;
	border: 1px solid #666;
	min-width: 10px;
	white-space: nowrap;
	text-overflow: ellipsis; /* IE, Safari */
	-o-text-overflow: ellipsis; /* Opera under 10.7 */
	overflow: hidden;
	/* "overflow" value must be different from "visible" */
}

.result_info_subway dl dd ul li a.on {
	background: #fff;
	height: 35px;
	border: 1px solid #666;
	border-bottom: 0;
	font-weight: bold;
}

.result_info_subway dl dd ul li sub {
	vertical-align: text-bottom;
	margin-right: 3px;
	text-indent: -5000px;
	overflow: hidden;
}

.result_info_subway dl dd table {
	width: 100%;
	margin: 10px 0 18px 20px;
}

.result_info_subway dl dd table tr th {
	padding: 3px;
	text-align: left;
	vertical-align: top;
	letter-spacing: -0.03em;
}

.result_info_subway dl dd table tr td {
	padding: 3px;
	vertical-align: top;
}

.result_detail_subway {
	
}

.result_detail_subway ul {
	display: inline-block;
	width: 100%;
}

.result_detail_subway ul li {
	background: #f3f6fb;
	padding: 18px 22px;
	min-height: 75px;
	border-top: 1px solid #c7d2e4;
}

.result_detail_subway ul li dl dt {
	font-size: 15px;
	font-weight: bold;
	padding-bottom: 8px;
}

.result_detail_subway ul li dl dd {
	padding-bottom: 2px;
	color: #333;
}

.time_bar {
	position: relative;
	bottom: 35px;
	left: 0;
	width: 100%;
	height: 19px;
	font-size: 11px;
} /*border:1px solid #848484;*/
.time_bar span {
	position: relative;
	float: left;
	height: 19px;
	text-align: center;
	line-height: 19px;
	color: #fff;
	white-space: nowrap;
}

.time_bar span.walk {
	background: #969696;
}

.time_bar span.walk span.pin {
	background:
		url(/img/vk/common_intl/gis_od/class/result/time_bar_walk.png)
		center 0 no-repeat;
}

.time_bar span.bus {
	background: #21c030;
}

.time_bar span.bus span.pin {
	background:
		url(/img/vk/common_intl/gis_od/class/result/time_bar_bus.png)
		center 0 no-repeat;
}

.time_bar span.busE {
	background: #21c030;
}

.time_bar span.busE span.pin {
	background:
		url(/img/vk/common_intl/gis_od/class/result/time_bar_busE.png)
		center 0 no-repeat;
}

.time_bar span.train {
	background: #21c030;
}

.time_bar span.train span.pin {
	background:
		url(/img/vk/common_intl/gis_od/class/result/time_bar_train.png)
		center 0 no-repeat;
}

.time_bar span.air {
	background: #5897c8;
}

.time_bar span.air span.pin {
	background:
		url(/img/vk/common_intl/gis_od/class/result/time_bar_air.png)
		center 0 no-repeat;
}

.time_bar span.downtown {
	background: #969696;
}

.time_bar span.downtown span.pin {
	background: none;
}

.time_bar span.pin {
	position: absolute;
	top: -26px;
	display: inherit;
	width: 100%;
	height: 20px;
}
/* time_bar 지하철 속성 class.css */

/* 리스트*/
.result_list ul li {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	min-height: 40px;
	border-bottom: 1px solid #ededed;
	display: block;
	background: #FFF;
	padding: 15px 0;
}

.result_list ul li span.bus_number {
	display: block;
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 6px;
	letter-spacing: -0.07em;
	line-height: 1.1em;
	padding: 0 80px 8px 15px;
}

.result_list ul li span.bus_next {
	display: block;
	color: #888;
	padding: 0 80px 0 15px;
}

.result_list ul li span.info1 {
	position: absolute;
	top: 18px;
	right: 15px;
	display: block;
	font-weight: bold;
	text-align: right;
	color: #F00;
}

.result_list ul li span.info2 {
	position: absolute;
	bottom: 15px;
	right: 15px;
	display: block;
	font-weight: bold;
	text-align: right;
	color: #F00;
}

/* 지하철 */
.tabmenu {
	margin-bottom: 10px;
}
.tabmenu ul {
	position:relative; 
	width:100%; 
	clear: both; 
	overflow: hidden;}
.tabmenu li {
	float:left;
	display: block;
	width:20%;
	height:27px;
	text-align:center;
	font-size:12px;
	line-height:27px;
	background: url(/img/vk/common_intl/gis_od/top/img_gap.png) left center no-repeat;
}
.tabmenu li:first-child{
	background-image: none;
}

.tabmenu li a{
	display:inherit;
	color:#777;
	margin: 0 2px;
	 cursor: pointer;
}
.tabmenu li a.on {color:#fff; background:#3eb7cf; border-radius: 3em}

.tabmenu li.bus1.on,.tabmenu li.bus2.on{
	font-weight: bold; 
	color:#fff; 
	background-color:#3eb7cf; 
	border-radius: 27px;
}
.tabmenu li.bus1{width:50%}
.tabmenu li.bus2{width:50%}

.sub_page {
	height: 100%;
	min-width: 702px;
	z-index: 2000;
	padding: 60px 100px 100px 60px;
	overflow-y: auto;
}

.stn_title {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 72px;
	margin-bottom: 35px;
}

.stn_title span.stn {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	display: block;
	height: 40px;
	text-align: center;
	z-index: 1;
}

.stn_title span.stn_name {
	position: relative;
	top: 0;
	left: 0;
	display: inline-block;
	height: 62px;
	background: #fff;
	border-radius: 60px;
	font-size: 20px;
	font-weight: bold;
	padding: 0px 22px 0 60px;
	letter-spacing: -0.05em;
	margin: 0 170px;
	background-color: #fff;
	vertical-align: middle;
	line-height: 21px
}

.stn_title span.stn_name>.tm {
	height: 62px
}

.stn_title span.stn_name sub {
	position: absolute;
	top: 5px;
	left: 8px;
	width: 50px;
	height: 50px;
	display: inlin-block;
}

.stn_title span.stn_before {
	position: absolute;
	top: 19px;
	left: 0;
	display: inline-block;
	background:
		url(/img/vk/common_intl/gis_od/class/icon/icon_subway_before.png)
		15px center no-repeat;
	height: 30px;
	padding-left: 30px;
	z-index: 10;
	color: #aaa;
}

.stn_title span.stn_next {
	position: absolute;
	top: 19px;
	right: 0;
	display: inline-block;
	background:
		url(/img/vk/common_intl/gis_od/class/icon/icon_subway_next.png)
		right 15px center no-repeat;
	height: 30px;
	padding-right: 30px;
	z-index: 10;
	color: #aaa;
}

.stn_title span.stn_bar {
	position: absolute;
	top: 17px;
	left: 0;
	width: 100%;
	height: 40px;
}

.stn_title span a {
	display: inline-block;
	font-size: 14px;
	line-height: 2em;
	color: #fff;
	font-weight: bold;
	padding: 2px 10px;
}

.stn_title span a.first {
	border-right: 1px thin #CCC;
}

.sub_box {
	border: 1px solid #b1b1b1;
	padding-bottom: 50px;
	margin-bottom: 150px;
}

.stn_tabmenu {
	
}

.stn_tabmenu ul {
	display: block;
	width: 100%;
	height: 45px;
	overflow: hidden;
}

.stn_tabmenu ul li {
	float: left;
	width: 33%;
	text-align: center;
	font-weight: bold;
	font-size: 13px;
	line-height: 3.5em;
}

.stn_tabmenu ul li.first {
	width: 34%
}

.stn_tabmenu ul li.first a {
	border-left: 0;
}

.stn_tabmenu ul li a {
	display: block;
	width: 100%;
	height: 44px;
	border-left: 1px solid #9f9f9f;
	border-bottom: 1px solid #9f9f9f;
	background: #b1b1b1;
	color: #fff;
}

.stn_tabmenu ul li a:hover {
	background: #9f9f9f;
}

.stn_tabmenu ul li a.on {
	background: #fff;
	color: #333;
	border-bottom: 0;
}

.stn_info {
	min-width: 560px;
	margin: 0 auto;
	padding: 50px 70px;
}

.stn_info p {
	font-weight: bold;
	font-size: 14px;
	padding: 0 0 15px 5px;
}

.stn_info table {
	width: 100%;
	border-collapse: collapse;
	font-size: 12px;
	border: 1px solid #d8d8d8;
}

.stn_info table tr th {
	text-align: center;
	background: #f3f6fb;
	padding: 10px 20px;
	border: 1px solid #d8d8d8;
}

.stn_info table tr td {
	padding: 10px 20px;
	border: 1px solid #d8d8d8;
}

.stn_info table tr td.type2 {
	text-align: center;
	line-height: 2em;
	vertical-align: top;
	padding-bottom: 30px;
}

.stn_info table tr td .td_busStop {
	margin-top: 10px;
}

.stn_info table tr td .td_busStop ul li {
	background:
		url(/img/vk/common_intl/gis_od/class/result/time_bar_bus.png)
		12px center no-repeat;
	padding: 8px 0 8px 48px;
	border-top: 1px dashed #ccc;
}

.stn_info table tr td .td_busStop ul li span.title {
	display: block;
	font-weight: bold;
	color: #05a2c1;
	padding-bottom: 3px;
}

.stn_info table tr td .td_busStop ul li span {
	padding-right: 10px;
}

.t_day1 {
	font-weight: bold;
	text-align: center;
}

.t_day2 {
	font-weight: bold;
	text-align: center;
	color: #2c9fde;
}

.t_day3 {
	font-weight: bold;
	text-align: center;
	color: #ff0101;
}

.td_time ul {
	width: 100%;
}

.td_time ul li {
	display: block;
	width: 100%;
	padding: 6px 0;
}

.stn_info_sub4 {
	
}

.stn_info_sub4 p {
	font-weight: bold;
	font-size: 14px;
	padding-bottom: 10px;
}

.stn_info_sub4 ul {
	padding-bottom: 10px;
	overflow: hidden;
}

.stn_info_sub4 ul li {
	float: left;
	border-left: 1px dotted #ddd;
	margin-bottom: 3px;
}

.stn_info_sub4 ul li.first {
	border-left: 0;
}

.stn_info_sub4 ul li a {
	display: block;
	padding: 2px 14px;
	color: #999;
	font-weight: bold;
}

.stn_info_sub4 ul li a.on {
	font-size: 14px;
	color: #03a2c2;
}

.stn_quick {
	margin-top: 30px;
}

.quick_icon {
	text-align: center;
}

.quick_icon ul {
	display: inline-block;
	font-weight: bold;
	font-size: 11px;
	line-height: 1.9em;
	color: #999;
	clear: both;
}

.quick_icon ul li {
	float: left;
	background:
		url(/img/vk/common_intl/gis_od/class/icon/subway_quick_icon.png)
		no-repeat;
	width: 20px;
	height: 20px;
	margin-right: 2px;
}

.quick_icon ul li.on {
	background:
		url(/img/vk/common_intl/gis_od/class/icon/subway_quick_icon_on.png)
		no-repeat;
	color: #fff;
}

/* 세부경로 */
.result_detail {
	padding: 14px 0 20px 0;
}

.result_detail ul li {
	position: relative;
	top: 0;
	left: 0;
	min-height: 68px;
	padding: 0 10px 0 84px;
	overflow: hidden;
}

.result_detail ul li.walk dl {
	background:
		url(/img/vk/common_intl/gis_od/class/result/pin_walk_line.png)
		9px 0 repeat-y;
} /*지하철 환승도보*/
.result_detail ul li.walk .time {
	background:
		url(/img/vk/common_intl/gis_od/class/result/time_bar_walk.png)
		center 0 no-repeat;
}

.result_detail ul li.end dl {
	background: none;
}

.result_detail ul li.end .time {
	display: none;
}

.time {
	position: absolute;
	top: 32px;
	left: 16px;
	display: block;
	width: 60px;
	height: 45px;
	opacity: 0.6;
	letter-spacing: -0.04em;
}

.time span {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 20px;
	font-size: 11px;
	text-align: center;
	color: #000;
}

.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;
	padding-bottom: 6px;
	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 dd {
	padding-bottom: 2px;
	min-height: 12px;
}

.detail_info dl dt span.real_bus {
	position: absolute;
	top: 0;
	left: -22px;
	width: 20px;
	height: 20px;
	background:
		url(/img/vk/common_intl/gis_od/class/result/time_bar_bus.png)
		no-repeat;
	z-index: 100;
	background-color: #fff;
}

/* card 나열&경로 */
.bg_gray {
	background:
		url(/img/vk/common_intl/gis_od/class/map/bg_dark_strong.png)
		repeat;
	overflow-y: auto;
	z-index: 2000;
	position: absolute;
	width: 100%;
	height: 100%;
}

.card_list {
	position: relative;
	padding: 45px 10px 150px 42px;
	overflow: hidden;
}

.card_list p {
	font-size: 18px;
	color: #fff;
	padding-bottom: 15px;
	letter-spacing: -0.035em;
}

.card_list p span {
	font-size: 14px;
	font-weight: bold;
	color: #56f5ff;
	margin-left: 10px;
}

.card_list a.off .card, .card_list a.off .card2 {
	background: #000;
	opacity: 0.4;
	cursor: default;
}

.card {
	float: left;
	display: block;
	width: 280px;
	height: 260px;
	background: #fff;
	padding: 20px;
	margin: 0 18px 18px 0;
}

.card_title {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 50px;
	font-weight: bold;
	color: #333;
	border-bottom: 2px solid #000;
}

.card_title span.big {
	font-size: 18px;
	color: #04869e;
	vertical-align: text-bottom;
}

.card_title span.card_sub1 {
	position: absolute;
	bottom: 7px;
	left: 0;
	font-weight: normal;
}

.card_title span.card_sub2 {
	position: absolute;
	right: 0;
	font-weight: normal;
}


.title_name{
	display: block; 
	font-size: 11px; 
	font-weight: bold; 
	line-height: 1em; 
	color: #888; 
	padding-bottom: 5px; 
	overflow: hidden
}
.fl{float:left}
.fr{float:right}


.card_detail {
	padding: 15px 0 0 0;
	color: #333;
	overflow-y: auto;
	height: 180px
}

.card_detail ul li {
	position: relative;
	top: 0;
	left: 0;
	min-height: 38px;
	padding-bottom: 0;
	overflow: hidden;
}

.card_detail ul li.end dl {
	background: none;
}

.card_detail ul li.end .time {
	display: none;
}

.card_detail ul li .detail_info dl {
	position: relative;
	top: 0;
	left: 0;
	padding: 0 0 16px 32px;
}

.card_btn {
	float: left;
	width: 100%;
	height: 30px;
	background: #CCC;
	clear: both;
}

/* 버스 카드 */
.card2 {
	float: left;
	display: block;
	width: 280px;
	height: 260px;
	background: #fff;
	padding: 20px;
	margin: 0 18px 18px 0;
}

.card2 .card_title {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: auto; /*height:34px;*/
	font-weight: bold;
	color: #333;
	padding-bottom: 8px;
	border-bottom: 2px solid #000;
}

.card2 .card_title span.icon {
	display: inline-block;
	min-width: 54px;
	min-height: 12px;
	vertical-align: top;
	text-align: center;
	padding: 4px;
	font-size: 11px;
	margin-right: 5px;
	line-height: 1.2em;
}

.card2 .card_title span.big {
	font-size: 16px;
	color: #04869e;
	letter-spacing: -0.05em;
}

.card2 .card_title span.card_sub1 {
	position: absolute;
	bottom: 7px;
	left: 0;
	font-weight: normal;
}

.card2 .card_title span.card_sub2 {
	position: absolute;
	bottom: 7px;
	right: 0;
	font-weight: normal;
}

.card2 .card_detail {
	padding: 15px 0 0 0;
	color: #333;
}

.card2 .card_detail ul li {
	position: relative;
	top: 0;
	left: 0;
	min-height: 40px;
	padding-bottom: 0;
	overflow: hidden;
}

.card2 .card_detail ul li .detail_info dl {
	position: relative;
	top: 0;
	left: 0;
	padding: 0 0 16px 0;
}

.card2 .card_detail ul li .detail_info dl dt {
	padding: 0 0 10px 0;
	color: #04869e
}

.card2 .card_detail ul li .detail_info dl dd {
	padding: 0 0 5px 0;
}

.card2 .card_detail ul li .detail_info dl dd span.tb {
	margin-right: 5px;
}

.card2 .card_btn {
	float: left;
	width: 100%;
	height: 30px;
	background: #CCC;
	clear: both;
}

/* 버스 리스트 */
#searchPlaceResultList li.off {
	display: none;
}

/* 정류장 카드 */
.card3 {
	position: relative;
	float: left;
	display: block;
	width: 280px;
	height: 260px;
	background: #fff;
	padding: 20px;
	margin: 0 18px 18px 0;
}

.off {
	background: #000;
	opacity: 0.4;
	cursor: default;
}

.off p {
	display: none;
}

.card3 .card_title {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	font-weight: bold;
	color: #333;
	padding-bottom: 8px;
	border-bottom: 2px solid #000;
}

.card3 .card_title span.big {
	font-size: 15px;
	color: #04869e;
}

.card3 .card_title span.card_sub1 {
	position: absolute;
	bottom: 7px;
	left: 0;
	font-weight: normal;
}

.card3 .card_title span.card_sub2 {
	position: absolute;
	bottom: 7px;
	right: 0;
	font-weight: normal;
}

.card3 .card_detail {
	padding: 8px 0 0 0;
	color: #333;
	height: 152px;
	overflow-y: auto;
}

.card3 p {
	padding: 0 0 0 0;
}

.card3 span.btn2, .card3 span.btn3 {
	display: block;
	position: absolute;
	bottom: 19px;
	left: 20px;
	margin-left: -5px;
}

.card3 span.btn2 a {
	float: left;
	display: block;
	width: 137px;
	height: 35px;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	line-height: 2.65em;
	color: #fff;
	background: #36b8d2;
	margin-left: 5px;
}

.card3 span.btn3 a {
	float: left;
	display: block;
	width: 90px;
	height: 35px;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	line-height: 2.65em;
	color: #fff;
	background: #36b8d2;
	margin-left: 5px;
}

.card3 span.btn2 a:hover, .card3 span.btn3 a:hover {
	background: #009dba;
}

.card3 .card_detail dl dd ul {
	
}

.card3 .card_detail dl dd ul li {
	display: table;
	padding: 0 0 6px 0px;
	font-size: 11px;
	letter-spacing: 0.06em;
	min-height: 22px;
}

.card3 .card_detail dl dd ul li span {
	display: table-cell;
}

.card3 .card_detail dl dd ul li span.icon {
	display: inline-block;
	width: 54px;
	min-height: 12px;
	vertical-align: top;
	text-align: center;
	padding: 4px;
	font-size: 11px;
	margin-right: 6px;
	line-height: 1.2em;
}

/* contents */
.map_subway {
	margin-top: 32px;
}

.map_pin {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	background:
		url(/img/vk/common_intl/gis_od/class/map/pin.png)
		no-repeat;
	width: 34px;
	height: 50px;
}

.map_pin span.choice {
	position: absolute;
	bottom: -70px;
	left: -26px
}

.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;
}

/*.btn_map {
	position: fixed;
	bottom: 220px;
	right: 20px;
	width: 84px;
	height: 178px;
	z-index: 997;
}*/

.btn_map span.btn_go {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background:
		url(/img/vk/common_intl/gis_od/class/map/btn_map_go.png)
		no-repeat;
	width: 84px;
	height: 84px;
}

.btn_map span.btn_end {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	background:
		url(/img/vk/common_intl/gis_od/class/map/btn_map_end.png)
		no-repeat;
	width: 84px;
	height: 84px;
}

.btn_map_en span.btn_busStop {
	display: block;
	position: relative;
	background: url(/img/vk/common_intl/gis_od/class/map/btn_map_busStop_en.png) no-repeat;
	width: 84px;
	height: 84px;
}

.btn_map_en span.btn_go {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background:
		url(/img/vk/common_intl/gis_od/class/map/btn_map_go_en.png)
		no-repeat;
	width: 84px;
	height: 84px;
}

.btn_map_en span.btn_end {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	background:
		url(/img/vk/common_intl/gis_od/class/map/btn_map_end_en.png)
		no-repeat;
	width: 84px;
	height: 84px;
}

/*.btn_map_jp {
	position: fixed;
	bottom: 220px;
	right: 20px;
	width: 84px;
	height: 178px;
	z-index: 997;
}*/

.btn_map_jp span.btn_go {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background:
		url(/img/vk/common_intl/gis_od/class/map/btn_map_go_jp.png)
		no-repeat;
	width: 84px;
	height: 84px;
}

.btn_map_jp span.btn_end {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	background:
		url(/img/vk/common_intl/gis_od/class/map/btn_map_end_jp.png)
		no-repeat;
	width: 84px;
	height: 84px;
}

.btn_map_jp span.btn_busStop{
	display: block;
	position: relative;
	background:url(/img/vk/common_intl/gis_od/class/map/btn_map_busStop_jp.png) no-repeat;
	width: 84px;
	height: 84px;
	}

/*.btn_map_ch {
	position: fixed;
	bottom: 220px;
	right: 20px;
	width: 84px;
	height: 178px;
	z-index: 997;
}*/

.btn_map_ch span.btn_go {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background:
		url(/img/vk/common_intl/gis_od/class/map/btn_map_go_ch.png)
		no-repeat;
	width: 84px;
	height: 84px;
}

.btn_map_ch span.btn_end {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	background:
		url(/img/vk/common_intl/gis_od/class/map/btn_map_end_ch.png)
		no-repeat;
	width: 84px;
	height: 84px;
}

.btn_map_ch span.btn_busStop{
	display:block;
	position:relative;
	background:url(/img/vk/common_intl/gis_od/class/map/btn_map_busStop_ch.png) no-repeat;
	width:84px;
	height:84px;
}

#btn_map{position:fixed; bottom:220px; right:20px; width:84px; height:178px; z-index:997;}
#btn_busStop{position:fixed; bottom:220px; right:20px; width:84px; height:84px; z-index:997;}

.slider span.btn_zoomin {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background:
		url(/img/vk/common_intl/gis_od/class/map/zoomin_btn.png)
		no-repeat;
	width: 22px;
	height: 20px;
}

.slider span.btn_zoomout {
	display: block;
	position: absolute;
	top: 183px;
	left: 0;
	background:
		url(/img/vk/common_intl/gis_od/class/map/zoomout_btn.png)
		no-repeat;
	width: 22px;
	height: 20px;
}

.slider span.slide {
	position: absolute;
	top: 20px;
	left: 0;
	display: block;
	background:
		url(/img/vk/common_intl/gis_od/class/map/zoombar.png)
		no-repeat;
	width: 22px;
	height: 163px;
}

.slider span.slide sub {
	display: block;
	position: absolute;
	background:
		url(/img/vk/common_intl/gis_od/class/map/slider.png)
		no-repeat;
	width: 22px;
	height: 15px;
	z-index: 100;
	cursor: pointer;
}

.slider span.btn_print {
	display: block;
	position: absolute;
	top: 1px;
	background:
		url(/img/vk/common_intl/gis_od/class/spot/icon_print.png)
		no-repeat;
	background-size: 32px;
	width: 32px;
	height: 32px;
	z-index: 997
}

.slider span.btn_subwayprint {
	display: block;
	position: absolute;
	top: 210px;
	background:
		url(/img/vk/common_intl/gis_od/class/spot/icon_print.png)
		no-repeat;
	background-size: 32px;
	width: 32px;
	height: 32px;
	z-index: 997
}

.subway_pin {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	background:
		url(/img/vk/common_intl/gis_od/class/icon/subway_pin.png)
		no-repeat;
	width: 34px;
	height: 50px;
}

.subway_pin span.choice {
	position: absolute;
	bottom: -105px;
	left: -26px
}

.subway_pin span.choice ul li {
	text-align: center;
	line-height: 2.55em;
	font-size: 13px;;
	font-weight: bold;
}

.subway_pin span.choice ul li.first a {
	border-bottom: 1px solid #1dadc8;
	border-radius: 3px 3px 0 0;
}

.subway_pin span.choice ul li a {
	display: block;
	width: 88px;
	height: 33px;
	background: #36b8d2;
	color: #fff;
	border-radius: 0 0 0 0;
	border-bottom: 1px solid #1dadc8;
}

.subway_pin span.choice ul li.last a {
	display: block;
	width: 88px;
	height: 33px;
	background: #36b8d2;
	color: #fff;
	border-radius: 0 0 3px 3px;
}

.subway_pin span.choice ul li a:hover {
	background: #009dba;
}

.subway_pin_go {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	background:
		url(/img/vk/common_intl/gis_od/class/icon/subway_pin_go.png)
		no-repeat;
	width: 34px;
	height: 50px;
}

.subway_pin_end {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	background:
		url(/img/vk/common_intl/gis_od/class/icon/subway_pin_end.png)
		no-repeat;
	width: 34px;
	height: 50px;
}

.subway_pin_stn {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	background:
		url(/img/vk/common_intl/gis_od/class/icon/subway_pin_stn.png)
		no-repeat;
	width: 30px;
	height: 30px;
}

.btn_del {
	position: absolute;
	top: -2px;
	right: -10px;
}

.btn_del a {
	display: block;
	background:
		url(/img/vk/common_intl/gis_od/class/icon/subway_pin_close.png)
		no-repeat;
	width: 15px;
	height: 15px;
	padding: 2px;
}

.pin_box { /* position:absolute;  */
	bottom: 0;
	left: 0;
	display: inline-block;
	width: 280px;
	min-height: 80px;
	background: #fff;
	padding: 18px 0; /*border:1px solid #08a3c1;*/
}

.pin_box span.pin_point {
	position: absolute;
	left: 156px;
	bottom: -11px;
	display: block;
	background:
		url(/img/vk/common_intl/gis_od/class/map/pin_box_point.png)
		no-repeat;
	width: 18px;
	height: 20px;
}

.pin_box dl dt {
	font-weight: bold;
	font-size: 14px;
	border-bottom: 2px solid #000;
	padding-bottom: 10px;
	min-height: 30px;
	margin-bottom: 0px;
}

.pin_box dl dt span.info_sub1 {
	display: block;
	font-size: 12px;
	font-weight: normal;
	padding-top: 2px;
}

.pin_box dl dt.box_line1 {
	padding-bottom: 4px;
}

 btn_close{
	position: absolute;
	right: 15px;
	top: 10px;
}


a.btn_close{display:block; background:url(/img/vk/common_intl/gis_od/class/icon/icon_close.png) center no-repeat; width:30px;height:30px;}

.pin_box dl dd.btn2, .pin_box dl dd.btn3 {
	margin-left: -5px;
	padding-top: 8px;
}

.pin_box dl dd.btn2 a {
	float: left;
	display: block;
	width: 137px;
	height: 35px;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	line-height: 2.65em;
	color: #fff;
	background: #36b8d2;
	margin-left: 5px;
}

.pin_box dl dd.btn3 a {
	float: left;
	display: block;
	width: 90px;
	height: 35px;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	line-height: 2.65em;
	color: #fff;
	background: #36b8d2;
	margin-left: 5px;
}

.pin_box dl dd.btn2 a:hover, .pin_box dl dd.btn3 a:hover {
	background: #009dba;
}

.pin_box dl dd ul {
	
}

.pin_box dl dd ul li {
	display: table;
	padding: 0 0 6px 0px;
	font-size: 11px;
	letter-spacing: 0.06em;
}

.pin_box dl dd ul li span {
	display: table-cell;
}

.pin_box dl dd ul li span.icon {
	display: inline-block;
	width: 54px;
	min-height: 12px;
	vertical-align: top;
	text-align: center;
	padding: 4px;
	font-size: 11px;
	margin-right: 5px;
	line-height: 1.2em;
}
/*.pin_box dl dd ul li.span{position:absolute; top:0; left:-50px;}*/
.pin_box2 {
	display: block;
	width: 100%;
	min-height: 80px;
	background: #fff;
	padding: 18px 0;
}

.pin_box2 dl {
	padding: 0 15px;
}

.pin_box2 dl dt {
	font-weight: bold;
	font-size: 14px;
	border-bottom: 2px solid #000;
	padding-bottom: 10px;
	min-height: 30px;
	margin-bottom: 8px;
}

.pin_box2 dl dt span.info_sub1 {
	display: block;
	font-size: 12px;
	font-weight: normal;
	padding-top: 2px;
}

.pin_box2 dl dt.box_line1 {
	padding-bottom: 6px;
}

.pin_box2 dl dd.btn2, .pin_box2 dl dd.btn3 {
	width: 101%;
	margin-left: -5px;
	padding-bottom: 14px;
	overflow: hidden;
}

.pin_box2 dl dd.btn2 a {
	float: left;
	display: block;
	width: 180px;
	height: 35px;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	line-height: 2.65em;
	color: #fff;
	background: #36b8d2;
	margin-left: 5px;
}

.pin_box2 dl dd.btn3 a {
	float: left;
	display: block;
	width: 90px;
	height: 35px;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	line-height: 2.65em;
	color: #fff;
	background: #36b8d2;
	margin-left: 5px;
}

.pin_box2 dl dd.btn2 a:hover, .pin_box2 dl dd.btn3 a:hover {
	background: #009dba;
}

.pin_box2 dl dd ul {
	
}

.pin_box2 dl dd ul li {
	display: table;
	padding: 0 0 10px 0px;
	font-size: 11px;
	letter-spacing: 0.06em;
}

.pin_box2 dl dd ul li span {
	display: table-cell;
}

.pin_box2 dl dd ul li span.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;
}

.pin_box2 dl dd.btn3 a {
	float: left;
	display: block;
	width: 175px;
	height: 35px;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	line-height: 2.65em;
	color: #fff;
	background: #36b8d2;
	margin-left: 5px;
}

/* footer */
#footer span.footer_logo {
	position: absolute;
	top: 9px;
	left: 23px;
	width: 132px;
	height: 38px;
	background:
		url(/img/vk/common_intl/gis_od/footer/logo.png)
		no-repeat;
	text-indent: -5000px;
	overflow: hidden;
}

#footer span.footer_text {
	position: absolute;
	top: 10px;
	left: 190px;
	color: #666;
	line-height: 1.4em;
}

#footer span.footer_text strong {
	font-weight: bold;
	margin: 0 10px 0 20px;
}

#footer span.footer_text span.copyright {
	font-size: 11px;
	color: #777;
	margin-right: 20px;
}

#footer span.footer_text a {
	font-weight: bold;
	color: #f29900;
	text-decoration: none;
	cursor: pointer;
}

.btn_card_list {
	position: absolute;
	right: 0px;
	bottom: 0px;
	text-indent: -5000px;
	overflow: hidden;
	z-index: 100;
}

.btn_card_list a {
	display: block;
	background:
		url(/img/vk/common_intl/gis_od/class/map/btn_list.png)
		no-repeat;
	width: 158px;
	height: 158px;
}

.btn_card_subway {
	position: absolute;
	right: 0px;
	bottom: 0px;
	text-indent: -5000px;
	overflow: hidden;
	z-index: 100;
}

.btn_card_subway a {
	display: block;
	background:
		url(/img/vk/common_intl/gis_od/class/map/btn_subway.png)
		no-repeat;
	width: 158px;
	height: 158px;
}

/* popup */
.popup {
	position: absolute;
	top: 30%;
	left: 32.5%;
	width: 620px;
	min-height: 170px;
	background: #fff;
}

.popup p {
	padding: 30px 35px 25px 35px;
	font-size: 13px;
}

.popup p span.title {
	display: block;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 6px;
}

.popup p a {
	display: block;
	width: 100px;
	padding: 12px 20px;
	background: #aaa;
	margin: 0 auto;
	text-align: center;
	clear: both;
	margin-top: 22px;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
}

.popup p a:hover {
	background: #999;
}

.popup_result{position: fixed; left:0; top:194px; width: 405px; height:100%; z-index: 1; background-color: #fff; overflow-y: hidden}

/* etc */
.ellipsis {
	min-width: 10px;
	white-space: nowrap;
	text-overflow: ellipsis; /* IE, Safari */
	-o-text-overflow: ellipsis; /* Opera under 10.7 */
	overflow: hidden;
	/* "overflow" value must be different from "visible" */
}

/* maker */
/* .maker{position:fixed; left:0; bottom:10px; width:404px; height:30px; text-align:center; z-index:9000;} */
.maker_odsay {
	position: absolute;
	display: block;
	width: 100%;
	height: 15px;
	padding-top: 5px;
	z-index: 2;
}

.maker_bg {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 30px;
	background: #fff;
	opacity: 0.7;
	z-index: 1;
}

/* maker */
.maker {
	position: relative;
	display: block;
	width: 100%;
	height: 30px;
	text-align: center;
	font-size: 10px;
	padding-top: 2px;
	color: #777;
	letter-spacing: 0.03em;
}

.maker em {
	font-size: 11px;
	font-weight: bold;
	color: #000;
	padding-left: 2px;
}

/* update 20170323 */
.stn_trans {
	position: absolute;
	right: 0;
	top: -34px;
}

.stn_trans>span.subway_trans {
	text-align: right;
	font-size: 11px;
	font-weight: normal;
	color: #888;
}

.stn_trans>span.subway_trans span.trans_icon {
	display: block;
	margin-top: 2px
}

.stn_trans>span.subway_trans span.trans_icon a {
	display: inline-block;
	text-indent: -5000px;
	overflow: hidden;
	opacity: 0.35;
	width: auto;
	margin: 0 1px
}

.stn_trans>span.subway_trans span.trans_icon a.on {
	opacity: 1.0;
}

/** 2017.05.08 update **/
/*.tab_root{border-bottom:1px solid #05849d; padding:18px 18px 0 18px; background:#eee}
.tab_root ul{display:inherit; width:100%; background:#05849d; border-radius:6px 6px 0 0; overflow:hidden}
.tab_root ul li{float:left; display:block; width:50%; height:38px; text-align:center; line-height:3.2em}
.tab_root ul li.on{background:#37b8d2}
.tab_root ul li a,.tab_root ul li a:hover{display:inherit;color:#fff; font-size:13px; font-weight:bold}*/
/* .result_type1 {
	padding: 22px 20px 30px 20px
} */

/* .result_type1 ul {
	display: inline-block;
	width: 100%;
	overflow: hidden
} */

/* .result_type1 ul li {
	display: block;
	font-size: 13px;
	font-weight: bold;
	color: #05849d;
	padding: 0 0 18px 0;
} */

/* .result_type1 ul li span.stitle {
	display: inline-block;
	float: right;
	font-size: 14px;
	text-align: right;
	color: #000;
} */

/* .result_type1 ul li span.stitle sub {
	display: inline-block;
	font-size: 11px;
	vertical-align: middle;
	padding-left: 6px
} */

.slider {
	position: absolute;
	right: 3px;
	top: 3px;
	width: 36px;
	height: 50px;
}

.spot_menu {
	position: absolute;
	top: 78px;
	left: 10px;
	background: #fff;
	border: 1px solid #bbb;
	border-radius: 3px; padding:2px;
	z-index: 997
}

ul.en_area span.spot_text {
	width: 110px
}

ul.en_area li ul.spot_sub {
	position: absolute;
	left: 140px;
	top: -1px
}

ul.jp_area span.spot_text {
	width: 112px
}

ul.jp_area li ul.spot_sub {
	position: absolute;
	left: 140px;
	top: -1px
} /* 중문,일문 값수정 */
ul.ch_area span.spot_text {
	width: 112px
}

ul.ch_area li ul.spot_sub {
	position: absolute;
	left: 140px;
	top: -1px
}

/* 클릭 전, 마우스 지도이동 */
.spot_menu ul {
	background: #fff
}

.spot_menu ul li {
	position: relative;
	left: 0;
	top: 0;
	font-size: 11px
}

.spot_menu ul li a {
	display: block;
	color: #333;
	height: 20px;
	padding: 4px 0 4px 28px
}

.spot_menu ul li a span.spot_text, .spot_menu ul li.on a span.spot_text
	{
	display: none
}

.spot_menu ul li ul.spot_sub, .spot_menu ul li.on ul.spot_sub {
	display: none
}

/* 클릭 후 */
.spot_menu ul.on li a span.spot_text {
	display: block;
	color: #757575;
	padding-left: 2px
}

.spot_menu ul.on li.on a span.spot_text {
	color: #16849a;
	font-weight: bold
}

.spot_menu ul.on li.on ul.spot_sub {
	display: block
}

.spot_menu ul li.on ul.spot_sub {
	border: 1px solid #bbb;
	background: #fff
}

.spot_menu ul li.on ul.spot_sub li {
	font-size: 11px;
	white-space: nowrap
}

.spot_menu ul li.on ul.spot_sub li a {
	color: #757575;
	padding: 4px 30px 4px 8px
}

.spot_menu ul li.on ul.spot_sub li:hover a {
	background:
		url(/img/vk/common_intl/gis_od/class/map/icon_check.png)
		right 4px center no-repeat;
	background-size: auto 20px
}

.spot_menu ul li.on ul.spot_sub li.on a {
	background:
		url(/img/vk/common_intl/gis_od/class/map/icon_checked.png)
		right 4px center no-repeat;
	background-size: auto 20px;
	color: #16849a;
	font-weight: bold
}

.spot_tour {
	background:
		url(/img/vk/common_intl/gis_od/class/spot/icon_tourist.png)
		4px center no-repeat;
	background-size: auto 20px
} /* 관광지 */
.spot_event {
	background:
		url(/img/vk/common_intl/gis_od/class/spot/icon_event.png)
		4px center no-repeat;
	background-size: auto 20px
} /* 이벤트 */
.spot_shop {
	background:
		url(/img/vk/common_intl/gis_od/class/spot/icon_shopping.png)
		4px center no-repeat;
	background-size: auto 20px
} /* 쇼핑 */
.spot_acc {
	background:
		url(/img/vk/common_intl/gis_od/class/spot/icon_accommodations.png)
		4px center no-repeat;
	background-size: auto 20px
} /* 숙박 */
.spot_restaurant {
	background:
		url(/img/vk/common_intl/gis_od/class/spot/icon_restaurant.png)
		4px center no-repeat;
	background-size: auto 20px
} /* 음식점 */
.spot_leisure {
	background:
		url(/img/vk/common_intl/gis_od/class/spot/icon_leisure.png)
		4px center no-repeat;
	background-size: auto 20px
} /* 레저&문화 */
.spot_cultural {
	background:
		url(/img/vk/common_intl/gis_od/class/spot/icon_cultural.png)
		4px center no-repeat;
	background-size: auto 20px
} /* 문화시설 */
.spot_travel {
	background:
		url(/img/vk/common_intl/gis_od/class/spot/icon_travel.png)
		4px center no-repeat;
	background-size: auto 20px
} /* 여행 */
.spot_traffic {
	background:
		url(/img/vk/common_intl/gis_od/class/spot/icon_car.png)
		4px center no-repeat;
	background-size: auto 20px
} /* 교통 */
.spot_copyrightok {
	background:
		url(/img/vk/common_intl/gis_od/class/spot/icon_copyrightok.png)
		4px center no-repeat;
	background-size: auto 20px
} /* 저작권 */
.pin_tour {
	display: block;
	background:
		url(/img/vk/common_intl/gis_od/class/spot/pin_tourist.png)
		no-repeat;
	background-size: auto 26px;
	width: 20px;
	height: 26px
} /* 관광지 */
.pin_event {
	display: block;
	background:
		url(/img/vk/common_intl/gis_od/class/spot/pin_event.png)
		no-repeat;
	background-size: auto 26px;
	width: 20px;
	height: 26px
} /* 이벤트 */
.pin_shop {
	display: block;
	background:
		url(/img/vk/common_intl/gis_od/class/spot/pin_shopping.png)
		no-repeat;
	background-size: auto 26px;
	width: 20px;
	height: 26px
} /* 쇼핑 */
.pin_acc {
	display: block;
	background:
		url(/img/vk/common_intl/gis_od/class/spot/pin_accommodations.png)
		no-repeat;
	background-size: auto 26px;
	width: 20px;
	height: 26px
} /* 숙박 */
.pin_restaurant {
	display: block;
	background:
		url(/img/vk/common_intl/gis_od/class/spot/pin_restaurant.png)
		no-repeat;
	background-size: auto 26px;
	width: 20px;
	height: 26px
} /* 음식점 */
.pin_leisure {
	display: block;
	background:
		url(/img/vk/common_intl/gis_od/class/spot/pin_leisure.png)
		no-repeat;
	background-size: auto 26px;
	width: 20px;
	height: 26px
} /* 레저&문화 */
.pin_cultural {
	display: block;
	background:
		url(/img/vk/common_intl/gis_od/class/spot/pin_cultural.png)
		no-repeat;
	background-size: auto 26px;
	width: 20px;
	height: 26px
} /* 문화시설 */
.pin_travel {
	display: block;
	background:
		url(/img/vk/common_intl/gis_od/class/spot/pin_travel.png)
		no-repeat;
	background-size: auto 26px;
	width: 20px;
	height: 26px
} /* 여행 */
.pin_traffic {
	display: block;
	background:
		url(/img/vk/common_intl/gis_od/class/spot/pin_car.png)
		no-repeat;
	background-size: auto 26px;
	width: 20px;
	height: 26px
} /* 교통 */
.pin_copyrightok {
	display: block;
	background:
		url(/img/vk/common_intl/gis_od/class/spot/pin_copyrightok.png)
		no-repeat;
	background-size: auto 26px;
	width: 20px;
	height: 26px
} /* 교통 */
.spot {
	
}

.spot.on span.s_photo, .spot.on span.s_info span.s_add, .spot.on dd.s_btn
	{
	display: block
}

.spot.on dl {
	width: 300px
}

.spot.on dl dt span.s_tit {
	display: block;
	font-size: 13px;
	font-weight: bold;
	color: #000;
	line-height: 1.3em;
	padding-bottom: 4px;
	height: 40px
}

.spot.on dl dt span.s_add {
	display: block;
	font-size: 11px;
	font-weight: bold;
	color: #666;
	line-height: 1.3em;
	padding-bottom: 4px;
	height: 30px
}

.spot dl {
	display: block;
	width: 250px;
	clear: both;
	overflow: hidden
}

.spot dl dt {
	padding-bottom: 5px
}

.spot dl dt span.s_photo {
	float: left;
	width: 70px;
	height: 70px;
	border: 1px solid #b9b9b9;
	margin: 4px 10px 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;
	font-size: 13px;
	font-weight: bold;
	color: #000;
	line-height: 1.3em;
	padding-bottom: 4px;
}
/* .spot dl dt span.s_type{display:block; font-size:12px; font-weight:bold; color:#16849a; line-height:1.35em; padding-bottom:4px} */
.spot dl dt span.s_add {
	display: block;
	font-size: 11px;
	font-weight: bold;
	color: #666;
	line-height: 1.3em;
	padding-bottom: 4px;
}

.spot dl dd.s_btn {
	
}

.spot dl dd.s_btn a {
	float: left;
	display: block;
	width: 95px;
	height: 32px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	line-height: 2.5em;
	color: #fff;
	background: #36b8d2;
	margin-right: 5px;
}

.gotomap {
	
}

.gotomap.on dd.gotomap_btn {
	display: block
}

.gotomap.on dl {
	width: 200px;
	height: 34px
}

.gotomap dl dd.gotomap_btn {
	
}

.gotomap dl dd.gotomap_btn a {
	float: left;
	display: block;
	width: 95px;
	height: 32px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	line-height: 2.5em;
	color: #fff;
	background: #36b8d2;
	margin-right: 5px;
}

.popupCustom .leaflet-popup-tip, .popupCustom .leaflet-popup-content-wrapper
	{
	background-color: white;
	color: #234c5e;
}

.spot2 {
	
}

.spot2.on span.s_photo, .spot.on span.s_info span.s_add, .spot.on dd.s_btn
	{
	display: block
}

.spot2.on dl {
	width: 300px
}

.spot2.on dl dt span.s_tit {
	display: block;
	font-size: 13px;
	font-weight: bold;
	color: #000;
	line-height: 1.3em;
	padding-bottom: 4px;
	height: 40px
}

.spot2.on dl dt span.s_add {
	display: block;
	font-size: 11px;
	font-weight: bold;
	color: #666;
	line-height: 1.3em;
	padding-bottom: 4px;
	height: 30px
}

.spot2 dl {
	display: block;
	width: 250px;
	clear: both;
	overflow: hidden
}

.spot2 dl dt {
	padding-bottom: 5px
}

.spot2 dl dt span.s_photo {
	float: left;
	width: 70px;
	height: 70px;
	border: 1px solid #b9b9b9;
	margin: 4px 10px 0 0
}

.spot2 dl dt span.s_photo img {
	width: 100%;
	height: 100%;
}

.spot2 dl dt span.s_info {
	
}

.spot2 dl dt span.s_tit {
	display: block;
	font-size: 13px;
	font-weight: bold;
	color: #000;
	line-height: 1.3em;
	padding-bottom: 4px;
}

.spot2 dl dt span.s_add {
	display: block;
	font-size: 11px;
	font-weight: bold;
	color: #666;
	line-height: 1.3em;
	padding-bottom: 4px;
}

.spot2 dl dd.s_btn {
	
}

.spot2 dl dd.s_btn a {
	float: left;
	display: block;
	width: 95px;
	height: 32px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	line-height: 2.5em;
	color: #fff;
	background: #36b8d2;
	margin-right: 5px;
}

@media print {
	html, body {
		margin: 0;
		padding: 0;
		height: 100%;
		overflow: hidden;
	}
	#header {
		display: none;
	}
	#headHeight {
		display: none;
	}
	.noPrint {
		display: none;
	}
	.contents {
		position: relative;
		padding: 0;
		margin: 0;
		height: 100%;
		width: 100%;
	}
	.sub_page {
		margin: 0;
		padding: 0;
		height: 100%;
		width: 100%;
		overflow: hidden;
	}
	.contents_sub {
		position: absolute;
		padding: 0;
		margin: 0;
		height: 100%;
		width: 100%;
		overflow: hidden;
	}
}

/* info popup box */
.popup-info {
	background:
		url(/img/vk/common_intl/gis_od/class/map/btn_share.png)
		4px center no-repeat;
	/* background: white; */
  box-shadow: 0 3px 14px rgba(0,0,0,0.4);
  padding: 10px;
  border-radius: 12px;
  background-image: url("paper.gif");
}

.popup-info button{
	margin-top : 10px;
}


.popup-info-tip > .leaflet-popup-tip {
	background: white;
	width: 17px;
	height: 17px;
	padding: 1px;
	margin: -10px auto 0;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.shere-location-btn{
	width: 228px;
  height: 40px;
  background: url(/img/vk/common_intl/gis_od/class/map/btn_share.png);
  padding-left: 40px;
  margin-bottom: 40px;
  outline: none;
  border-style: none;
}



.spot_tour{background:url(/img/vk/common_intl/gis_od/class/spot/icon_tourist.png) 4px center no-repeat; background-size:auto 20px}/* 관광지 */
.spot_event{background:url(/img/vk/common_intl/gis_od/class/spot/icon_event.png) 4px center no-repeat; background-size:auto 20px}/* 이벤트 */
.spot_shop{background:url(/img/vk/common_intl/gis_od/class/spot/icon_shopping.png) 4px center no-repeat; background-size:auto 20px}/* 쇼핑 */
.spot_acc{background:url(/img/vk/common_intl/gis_od/class/spot/icon_accommodations.png) 4px center no-repeat; background-size:auto 20px}/* 숙박 */
.spot_restaurant{ background:url(/img/vk/common_intl/gis_od/class/spot/icon_restaurant.png) 4px center no-repeat; background-size:auto 20px}/* 음식점 */
.spot_leisure{background:url(/img/vk/common_intl/gis_od/class/spot/icon_leisure.png) 4px center no-repeat; background-size:auto 20px}/* 레저&문화 */
.spot_cultural{background:url(/img/vk/common_intl/gis_od/class/spot/icon_cultural.png) 4px center no-repeat; background-size:auto 20px}/* 문화시설 */
.spot_travel{background:url(/img/vk/common_intl/gis_od/class/spot/icon_travel.png) 4px center no-repeat; background-size:auto 20px}/* 여행 */
.spot_traffic{background:url(/img/vk/common_intl/gis_od/class/spot/icon_car.png) 4px center no-repeat; background-size:auto 20px}/* 교통 */
.spot_copyrightok{background:url(/img/vk/common_intl/gis_od/class/spot/icon_copyrightok.png) 4px center no-repeat; background-size:auto 20px}/* 저작권 */

text {
	-moz-user-select: none; 
	-webkit-user-select: none; 
	-ms-user-select:none; 
	user-select:none;
	-o-user-select:none;
}

/** font **/
@import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,700');

/** subway **/
.na_stn{font-family: 'Noto Sans', sans-serif; font-size: 14px; font-weight: normal; color: #333} /*역명*/
.na_trs{font-family: 'Noto Sans', sans-serif; font-size: 15px; font-weight: 700; color: #000} /*환승역명*/
.na_line{font-family: 'Noto Sans', sans-serif; font-size: 15px; font-weight: bold; color: #fff} /*호선명*/

/** gm 2019-2-1 */
.w300{
	width : 300px !important;
}

.w350{
	width : 350px !important;
}

/* .mapSearchMode .list{} */
/* .mapSearchMode .list li{position:relative; top:0; left:0; border-bottom:1px dotted #cbcbcb; overflow: hidden;} */
/* .mapSearchMode .list li a{display:inherit} */
/* .mapSearchMode .list li img{position:absolute; top:14px; left:20px; width:26px; height:auto} */
/* .mapSearchMode .list li.on{background:#f6fffd} */
/* .mapSearchMode .list li.on dl{cursor: default} */
/* .mapSearchMode .list li dl{display: inherit; float: inherit; cursor: pointer; padding:0 10px 0 0px} */
/* .mapSearchMode .list li dt{float:right; display: inline-block; padding-left:10px} */
/* .mapSearchMode .list li dt span.spot_imgs{position: relative; float:right; width:74px; height: 74px} */
/* .mapSearchMode .list li dt span.spot_imgs img{top:0; left:0; width:100%; height: 100%; border:1px solid #b7b7b7} */
/* .mapSearchMode .spot_imgs.hide {display: none;} */

/* .mapSearchMode .kto .btn_place a:nth-child(3) {display: block;} */

/* .mapSearchMode .list li dd{} */
/* .mapSearchMode .list li dd span.tit{display: block; padding-bottom:10px} */
/* .mapSearchMode .list li dd span.bus_g{display: table; min-height: 16px; padding-bottom:4px} */
/* 	.bus_icon{display:table-cell; width:58px; text-align:center; padding:4px 5px 5px; font-size:11px; line-height:1.2em;} */
/* 	.bus_num{display:table-cell; font-size:17px; font-weight:bold; letter-spacing: -0.05em; color: #333; padding-left:8px; padding-right:10px} */
/* 	.bus_city{vertical-align: text-bottom; font-size:11px; font-weight: bold; letter-spacing: -0.02em; color:#16869b; padding-left:6px} */
/* 	.stop_name{display:block; font-size:15px; font-weight:bold; letter-spacing: -0.04em; color: #333} */
/* 	.stop_num{position:relative; left:0; top:0; display: block; font-size:14px; font-weight:bold; letter-spacing: -0.05em; color:#16869b; padding-top:4px} */

/* .mapSearchMode .list li dd span.tit_g{display: block; font-size:13px; font-weight: bold; color: #010101; padding:2px 0 4px 0} */
/* .mapSearchMode .spot_info{display: block; font-size:11px; font-weight: normal; color:#168398; padding:5px 0 0 0; vertical-align: middle} */

/* .mapSearchMode .list li dd span.data{display: block; font-size:11px; line-height: 1.4em; font-weight: normal;  color:#777; padding-top:0} */
/* .mapSearchMode .list li dd span.tel{display: block; font-size:11px; line-height: 1.4em; font-weight: normal;  color:#16839a; padding-top:2px} */
/* .mapSearchMode .list li dd span.data sub{font-size:12px; vertical-align: middle; font-weight: bold; padding-right:10px} */

/* .mapSearchMode .list.pin_icon li{padding:14px 15px 11px 50px}  */
/* .mapSearchMode .list.pin_icon li img{position:absolute; top:14px; left:20px; width:22px; height:auto;} */
/* .mapSearchMode .list.pin_icon li.on{background:#f6fcff} */
/* .mapSearchMode .list.pin_icon li.on a .place{cursor: default} */

/* .mapSearchMode .place dt{font-size:13px; font-weight: bold; padding:17px 0 10px 0; color:#252525; overflow: hidden} */
/* .mapSearchMode .place dt span.spot_imgs{position: relative; float:left; width:70px; height: 70px; margin-right:10px} */
/* .mapSearchMode .place dt span.spot_imgs img{top:0; left:0; width:100%; height: 100%; border:1px solid #b7b7b7} */
/* .mapSearchMode .place dt span.place_name{} */

.list{}
.list li{position:relative; top:0; left:0; border-bottom:1px dotted #cbcbcb; overflow: hidden;}
.list li a{display:inherit}
.list li img{position:absolute; top:14px; left:20px; width:26px; height:auto}
.list li.on{background:#f6fffd}
.list li.on dl{cursor: default}
.list li dl{display: inherit; float: inherit; cursor: pointer; padding:0 10px 0 0px}
.list li dt{float:right; display: inline-block; padding-left:10px}
.list li dt span.spot_imgs{position: relative; float:right; width:74px; height: 74px}
.list li dt span.spot_imgs img{top:0; left:0; width:100%; height: 100%; border:1px solid #b7b7b7}
.spot_imgs.hide {display: none;}

.result ul.list {
	display: block;
	overflow: hidden;
}

.kto .btn_place a:nth-child(3) {display: block;}

.list li dd{}
.list li dd span.tit{display: block; padding-bottom:10px}
.list li dd span.bus_g{display: table; min-height: 16px; padding-bottom:4px}
	.bus_icon{display:table-cell; width:61px; text-align:center; padding:4px 5px 5px; font-size:11px; line-height:1.2em;}
	.bus_num{display:table-cell; font-size:17px; font-weight:bold; letter-spacing: -0.05em; color: #333; padding-left:8px; padding-right:10px}
	.bus_num_s{display:table-cell; font-size:12px;  letter-spacing: 0em; color: #666; padding-left:8px; padding-right:10px;overflow: hidden;
			   text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
	.bus_city{vertical-align: text-bottom; font-size:11px; font-weight: bold; letter-spacing: -0.02em; color:#16869b; padding-left:6px}
	.stop_name{display:block; font-size:15px; font-weight:bold; letter-spacing: -0.04em; color: #333}
	.stop_num{position:relative; left:0; top:0; display: block; font-size:14px; font-weight:bold; letter-spacing: -0.05em; color:#16869b; padding-top:4px}

.list li dd span.tit_g{display: block; font-size:13px; font-weight: bold; color: #010101; padding:2px 0 4px 0}
.spot_info{display: block; font-size:11px; font-weight: normal; color:#168398; padding:5px 0 0 0; vertical-align: middle}

.list li dd span.data{display: block; font-size:11px; line-height: 1.4em; font-weight: normal;  color:#777; padding-top:0}
.list li dd span.tel{display: block; font-size:11px; line-height: 1.4em; font-weight: normal;  color:#16839a; padding-top:2px}
.list li dd span.data sub{font-size:12px; vertical-align: middle; font-weight: bold; padding-right:10px}

.list.pin_icon li{padding:14px 15px 11px 50px}
.list.pin_icon li img{position:absolute; top:14px; left:20px; width:26px; height:auto;}
.list.pin_icon li.on{background:#f6fcff}
.list.pin_icon li.on a .place{cursor: default}

.place dt{font-size:13px; font-weight: bold; padding:17px 0 10px 0; color:#252525; overflow: hidden}
.place dt span.spot_imgs{position: relative; float:left; width:70px; height: 70px; margin-right:10px}
.place dt span.spot_imgs img{top:0; left:0; width:100%; height: 100%; border:1px solid #b7b7b7}
.place dt span.place_name{}

.list span.spot_tour,
.list span.spot_event,
.list span.spot_shop,
.list span.spot_acc,
.list span.spot_restaurant,
.list span.spot_leisure,
.list span.spot_cultural,
.list span.spot_travel,
.list span.spot_traffic,
.list span.sopt_copyrightok{display: none; background-position: 0 center; width:16px; height:16px; background-size: 16px auto; margin-right:6px}
.place dd{font-size:11px; line-height: 1.4em; padding:0 0 2px 0;color:#666}

.btn_place{margin:10px 0 0 0; overflow: hidden}
.btn_place a{display: inline-block; float: left; background:#3db7cf; text-align: center; color: #fff; font-size: 12px; font-weight: bold; line-height: 2.4em; width:94px; height: 30px; border-radius: 3px; margin-right:5px}
.btn_place a.lg{display: inline-block; float: left; background:#3db7cf; text-align: center; color: #fff; font-size: 12px; font-weight: bold; line-height: 2.4em; width:292px; height: 30px; border-radius: 3px}
.btn_place a:hover{background: #169cb7} 

.subway_search{position:absolute; top:14px; left:14px}
.input_subway{display: block; width:270px; height:36px; border:2px solid #16849a; background: #fff; border-radius: 5px}

.input_subway span.input_act{display:block; width:270px; height:34px;}
.input_subway span.input_act input{width:228px; height:32px; padding:0 4px; margin:2px; border: 0}
.input_subway span.input_act a.btn_find{padding:5px 2px}
.input_subway span.input_act a.btn_del{display:none;}

.input_subway span.input_fin{display:block; width:270px; height:34px}
.input_subway span.input_fin input{width:228px; height:32px; padding:0 4px; margin:2px; border: 0 }
.input_subway span.input_fin a.btn_find{display:none;}
.input_subway span.input_fin a.btn_del{padding:5px 2px}

/* subway > search */
.search_list{position:relative; width:272px}
.search_list ul{display: flex; flex-direction: column; width: 100%; flex-grow: 1; background: #fff; border:1px solid #dfdfdf; border-top:0; padding:2px 0 4px 0}
.search_list li{display: flex; flex-direction: row; flex-grow: 1; height: 32px; border-bottom: 0; margin:0}
.search_list li a{display: inherit; width: 100%; height:100%; font-size:12px; color: #666; line-height: 2.6em; padding:0 8px; }
.search_list li span{display: inline-block}
.search_list li sub{width:21px; height: 19px; background-size:auto 19px; vertical-align: middle}
.search_list li span.sub_name{white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-left:4px}

a.btn_find{
	  position: absolute;
    right: 0;
    top: 0;
    display: block;
    background: url(/img/vk/common_intl/gis_od/left/search_btn_find.png) center no-repeat;
    width: 30px;
    height: 28px;
    text-indent: -5000px;
    overflow: hidden;
}

a.btn_del{
	  position: absolute;
    right: 0;
    top: 0;
    display: block;
    background: url(/img/vk/common_intl/gis_od/left/search_btn_delete.png) center no-repeat;
    width: 30px;
    height: 28px;
    text-indent: -5000px;
    overflow: hidden;
}



.mapSearchMode .btn_place.hide{
	display: none;
}

.mapSearchMode .on .btn_place{
	display: block;
}

.leaflet-popup-content .spot{background: #fff}
/* .spot span.s_info span.s_add,.spot dd.s_btn{display: none} */

/*.leaflet-popup-content .spot.on span.s_photo,.spot.on span.s_info span.s_add,.spot.on dd.s_btn{display: block}*/
/*.leaflet-popup-content .spot.on dl{width:300px}*/

.leaflet-popup-content .spot dl{display:block; width:280px; clear:both; overflow:hidden}
.leaflet-popup-content .spot dl dt{padding-bottom:0}
.leaflet-popup-content .spot dl dt span.s_photo{float:left; width:64px; height:64px; border:1px solid #ccc; margin:0 6px 0 0}
.leaflet-popup-content .spot dl dt span.s_photo img{width:100%; height:100%;}
.leaflet-popup-content .spot dl dt span.s_info{}
.leaflet-popup-content .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}
.leaflet-popup-content .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}
.leaflet-popup-content .spot dl dt span.s_tit2>span.bus_icon{display: inline-block; font-size: 10px; margin-right:6px}
.leaflet-popup-content .spot dl dt span.s_type{display:block; font-size:11px; font-weight:bold; color:#16849a; line-height:1.35em; padding-bottom:4px}
.leaflet-popup-content .spot dl dt span.s_add{display:block; font-size:11px; font-weight:normal; color:#666; line-height:1.3em; letter-spacing: -0.03em;}

.leaflet-popup-content .spot dl dd{display: block; width:100%; padding-top:5px; overflow: hidden}
.leaflet-popup-content .spot dl dd a.btn_share{float: left; display: block; width:37px; height: 25px; background: url(/img/vk/common_intl/gis_od/class/map/icon_share.png) center no-repeat; background-size:30px auto; border:1px solid #36b8d2; border-radius: 3px; margin-right:4px}
.leaflet-popup-content .spot dl dd span.btn_s,.leaflet-popup-content .spot dl dd span.btn_s1,.leaflet-popup-content .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:2px; top:2px; background: url(/img/vk/common_intl/gis_od/class/map/btn_close.png) right 0 no-repeat; background-size:22px auto; width:26px; height: 26px}


.hide {display:none !important}

input[name=sort] {
	    margin: 3px 0.5ex;
}

li .spot_imgs, .result ul.list li .btn_place a:nth-child(3){
	display: none;
}

li.kto .spot_imgs, .result ul.list li.kto .btn_place a:nth-child(3){
	display: block;
}

li.kto span.spot_tour,
li.kto span.spot_event,
li.kto span.spot_shop,
li.kto span.spot_acc,
li.kto span.spot_restaurant,
li.kto span.spot_leisure,
li.kto span.spot_cultural,
li.kto span.spot_travel,
li.kto span.spot_traffic,
li.kto span.spot_copyrightok{display:inline-block ; background-position: 0 center; width:16px; height:16px; background-size: 16px auto; margin-right:6px}
.place dd{font-size:11px; line-height: 1.4em; padding:0 0 2px 0;color:#666}

#searchPlaceResultList li.on div.btn_place{
	display: block;
}
#searchPlaceResultList li div.btn_place{
	display: none;
}


@supports (-ms-accelerator:true) {
   /* IE Edge 12+ CSS */
   .spot_menu{
   	  display: none;
   } 
}
@supports (-ms-ime-align:auto) {
    /* IE Edge 16+ CSS */ 
   .spot_menu{
   	  display: none;
   }
}

.leaflet-popup-close-button{
	display:none;
}

.leaflet-popup-content {
	margin: 8px;
	line-height: 1.4;
}

.leaflet-popup-content-wrapper {
	padding: 1px;
	text-align: left;
	border-radius: 8px;
	}

.leaflet-popup-pane{
	top: -53px;
    left: -9px;
}


.leaflet-popup-content div.spot dd span a:nth-child(3){
	display: none;
}

.leaflet-popup-content div.spot.kto dd a:nth-child(3){
	display: inline-block;
}

.list.pin_icon li.on2,.list.pin_icon li.on2.on{
	background: url(/img/vk/common_intl/gis_od/class/map/list_bg_festival.png) 1px 0 no-repeat;
	background-color: #e0ffff;
	border-bottom: 1px solid #79c9cb}
}
input:focus {outline:none}


/* .map_share{position: relative; background:url(/img/vk/common_intl/gis_od/class/map/icon_share.png) 0 center no-repeat; height:36px; padding-left:38px; background-color: #fff; border:1px solid #aaa; border-radius: 5px} */
/* .map_share p{font-weight: bold; color: #333; letter-spacing: -0.03em; padding:8px 10px} */

.map_share{display: block; text-align: center}
.map_share a{display: inline-block; background:url(/img/vk/common_intl/gis_od/class/map/icon_share.png) 5px center no-repeat; background-size: auto 28px; min-width: 170px; height:30px; padding-left:38px; background-color: #fff; border:1px solid #aaa; border-radius: 5px; margin-bottom: 8px}
.map_share p{font-weight: bold; color: #333; letter-spacing: -0.03em; padding:6px 10px}

#loadingBox{
	max-width: 100%;
	max-height: 100%;
	bottom: 0;
	left: 0;
	margin: auto;
	overflow: auto;
	position: fixed;
	right: 0;
	top: 0;
	background-color: white;
	opacity: 0.5;
}

/** 20190813 **/
/*기존 수정*/
.option_tabmenu{position: relative}
.option_tabmenu ul{display: block; padding:10px 36px; overflow: hidden}
.option_tabmenu li a{float: left; display: block; height: 34px; font-size:12px; font-weight:bold; text-align: center; box-sizing: border-box; text-indent: -5000px; overflow: hidden}
.result_type1{padding:12px 30px 30px 30px}
.result_type1 ul{display:inline-block; width:100%; overflow:hidden}
.result_type1 ul li{display:block; font-size:13px; font-weight:bold; color:#555; padding:0 0 18px 0;}
.result_type1 ul li span.stitle{display:inline-block; float:right; font-size:17px; text-align:right; color:#04869e}
.result_type1 ul li span.stitle sub{display:inline-block; font-size:11px; color: #333; vertical-align:middle; padding-left:4px}

/* 추가 */
.tab_bs{background: url(/img/vk/common_intl/gis_od/left/tab_bus_subway.png) center no-repeat; background-size: auto 24px; width:110px}
.tab_taxi{background: url(/img/vk/common_intl/gis_od/left/tab_taxi.png) center no-repeat; background-size: auto 24px; width:110px}
.tab_walk{background: url(/img/vk/common_intl/gis_od/left/tab_walk.png) center no-repeat; background-size: auto 25px; width:110px}

.option_tabmenu li a.on.tab_bs{background: url(/img/vk/common_intl/gis_od/left/tab_bus_subway_b.png) center no-repeat; background-size: auto 24px}
.option_tabmenu li a.on.tab_taxi{background: url(/img/vk/common_intl/gis_od/left/tab_taxi_b.png) center no-repeat; background-size: auto 24px}
.option_tabmenu li a.on.tab_walk{background: url(/img/vk/common_intl/gis_od/left/tab_walk_b.png) center no-repeat; background-size: auto 25px}

.submenu{position:relative; top:-4px}
.submenu ul{width: 100%; padding:0 19px 5px 19px}
.submenu li{float: left; margin:0 2px; padding:0}
.submenu li:last-child{margin-right:0}
.submenu li a{display: block; height: 28px; font-size: 12px; font-weight: normal; color: #878787; line-height: 2em; letter-spacing: -0.05em;  border:2px solid #eee; border-radius: 28px; background-color: #fff; padding: 0 8px; text-indent: inherit }
.submenu li a.on{height: auto; color: #4fb8cb; border-color: #4fb8cb}

.left_card{position: relative; margin:0; /*overflow: hidden*/}
.left_card>.cardL{display: block; background: url(/img/vk/common_intl/gis_od/left/btn_down.png) right 12px top 12px no-repeat; background-size: 13px auto; padding:12px 16px 0 16px; border-top:1px solid #c4c4c4; border-bottom:0; border-left:0; border-right: 0; overflow: hidden; cursor: pointer}
.left_card>.cardL:last-child{border-bottom:1px solid #c4c4c4;}
.left_card>.choice{background-color: #f6fcff}
.left_card>.cardL>.title_name,
.left_card>.cardL>.card_title{width: auto; margin-right:20px}

.left_card>.cardL>.card_title{position:relative; display: block; height:50px; font-weight:bold; color:#333; border-bottom:0}
.left_card>.cardL>.card_detail{display: block; padding:0 0 0 0;color:#333; overflow-y:hidden; height: auto}
.left_card>.cardL>.card_result>.time_bar{display: none}
.left_card>.cardL>.card_result>.result_detail{display: none}

.left_card>.cardL.on{display: block; background: url(/img/vk/common_intl/gis_od/left/btn_up.png) right 12px top 12px no-repeat; background-color: #f6fcff; background-size: 13px auto}
.left_card>.cardL.on>.card_detail{display: none}
.left_card>.cardL.on>.card_result>.time_bar{display: block; bottom: 0px; padding: 35px 0 18px 0;}
.left_card>.cardL.on>.card_result>.result_detail{display: block}
.left_card>.cardL.off{display:none}

.left_card>.cardL>.card_title_inter{width: auto; margin-right:20px}
.left_card>.cardL>.card_title_inter{position:relative; display: block; height:50px; font-weight:bold; color:#333; border-bottom:0}
.card_title_inter span.big {font-size: 18px; color: #04869e; vertical-align: text-bottom;}
.card_title_inter span.card_sub2 {position: absolute; right: 0; font-weight: normal;}

.left_card>.cardL>.card_result>.card_title_total{display: none}
.left_card>.cardL.on>.card_result>.card_title_total {position: relative; display: block; width: auto; height: 50px; font-weight: bold; color: #333; border-bottom: 0; margin-right: 20px;}
.card_title_total span.big {font-size: 18px; color: #04869e; vertical-align: text-bottom;}
.card_title_total span.card_sub2 {position: absolute; right: 0; font-weight: normal;}

.left_card>.cardL.on>.title_name{display: none}
.left_card>.cardL.on>.card_title_inter{display: none}

.subwayMode>.option_tabmenu ul{display: block;width: 405px;background-color: #3293a6;overflow: hidden;padding:0;}
.subwayMode>.option_tabmenu li {float: left;display: table; height: 40px; font-size:12px; font-weight:bold; text-align: center; border-left: 1px solid #16849a; /* box-sizing: border-box; */}
.subwayMode>.option_tabmenu li:first-child{border-left:0}
.subwayMode>.option_tabmenu li a {display: table-cell;width:100%;height: 100%;color: #fff;line-height: 1.1em;padding: 4px 6px 4px 6px;vertical-align: middle;text-indent:0;float: none;}
.subwayMode>.option_tabmenu li a.on {color: #188fa7;background-color: #fff;border-bottom: 0;font-weight: bold;}

/*** 20200120 버스, 정류장  좌측정렬 ***/
#stationResultSelect{display: flex; padding: 18px 20px 30px; align-items: center; border-bottom: 1px solid #e3e3e3;}
.result_select{display: flex; padding: 15px 20px; align-items: center; border-bottom: 1px solid #e3e3e3;}
.select_total{font-size: 15px; font-weight: 600; letter-spacing: -0.05em;}
.select_total span{font-weight: normal; color: #888; letter-spacing: 0em; vertical-align: text-top}
.select_check{display: flex; flex: 1; align-items: center; font-size: 12px; color: #444; line-height: 1.2em;}
/*.select_check input[type="checkbox"]{width: 14px; height: 14px; border:2px solid #ccc;  }
.select_check input[type="checkbox"]:checked{width: 14px; height: 14px; border:2px solid #ccc; background-color: aqua  }
.select_check label{margin-left: 8px; }*/

.select_check input[type="checkbox"]+label{display: inline-block; background: url(/img/vk/common_intl/gis_od/left/check_box.png) 0 center no-repeat; background-size: 14px auto; border-radius:3px; padding-left:23px; cursor:pointer; vertical-align:middle;}
.select_check input[type="checkbox"]:checked+label{display: inline-block; background: url(/img/vk/common_intl/gis_od/left/check_box_on.png) 0 center no-repeat;}
.select_check input[type="checkbox"] {display: none;}

.select_label{
	position: relative;
	right:0; top:0;
	display: flex; flex-direction: column; align-items: center;
	padding: 0 15px 0 0;
	background: url(/img/vk/common_intl/gis_od/left/btn_down.png) right 3px no-repeat;
	background-size: auto 11px;
	font-size: 12px;
	color: #444;
	text-decoration: none;
	cursor: pointer; margin-left: 12px;}
.select_option{
	overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
	top:25px;
    right: -2px;
    z-index: 20;
    min-width: 54px;
    max-width: 145px;
    max-height: 200px;
    padding: 0;
    border: 1px solid #e9e9e9;
    border-color: rgba(0,0,0,.1);
    border-radius: 3px;
    background-color: #fff;
}
.select_option a{color: #666;
	display: block;
    float: none;
    padding: 0 15px;
    font-size: 12px;
    line-height: 1.9em;
    color: #333;
    text-align: left;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
	letter-spacing: -0.05em;}
.select_option a:hover{background-color: #eee}
.expand {
	background: url(/img/vk/common_intl/gis_od/left/btn_up.png) right 2px no-repeat;
	background-size: auto 11px;}
.select_label ul.select_option{display: none}
.select_label.expand ul.select_option{display: block}

.stop_g{display: block;font-size: 15px;font-weight: bold;color: #333;min-height: 16px;padding-bottom:8px;}

div.result.stationMode>div#resultInfo.result>a.btn_close {
    position: absolute;
    right: 5px;
    display: block;
    background: url(http://tong.visitkorea.or.kr/img/vk/common_intl/gis_od/class/icon/icon_close.png) center no-repeat;
    width: 40px;
    height: 40px;
    z-index: 10;
}

div.result.stationMode>div#resultInfo.result>div.pin_box2{overflow: auto; height: calc(100vh - 276px)}