@charset "utf-8";
@import "default_map.css";
@import "layout.css?ver1.22";
/* ------------------------------------------------------------
 * Name      : map.css
 * Created   : 2014-04-14 by Ahn, Cheol hyeong
 * Email  : victoryan@hanmail.net
 ------------------------------------------------------------ */

/* 버스 라벨 및 텍스트 전역 스타일 우선 적용 */
a:hover > .num_red,
a:hover > .num_green,
a:hover > .num_blue,
a:hover > .num_purple,
a:hover > .num_gray{text-decoration: underline}
.num_red{color:#ff0000 !important}
.num_green{color:#0b7240 !important}
.num_blue{color:#0000ff !important}
.num_purple{color:#8400ff !important}
.num_gray{color:#808080 !important}
/* UNG 마을버스 폰트 컬러 스타일 20150810 */
/*.num_yellow{color:#EFD200 !important} 접근성_WA */
.num_yellow{color:#a38f05 !important}

/* SNB 공통 스타일 */
.map_service{position:absolute;top:96px;left:0;bottom:0;right:0;font-size:12px;border-top:2px solid #0f5e99}
.map_service .service_info{position:absolute;top:0;left:0;bottom:40px;right:0;width:324px;background:#fff;border-right:1px solid #b5b5b5;overflow:hidden} /* 좌측메뉴 넓이,높이 */
.map_service .service_info .cont{position:absolute;width:324px;top:32px;left:0;bottom:0px;z-index:10;border-right:1px solid #b5b5b5;background:#fff} /* 좌측메뉴 콘텐츠 넓이,높이 */
.map_service .menu{width:100%;height:31px;border-bottom:1px solid #444;position:relative;background:url(../images/location/sp_map_v1.png) no-repeat}
.map_service .menu a{float:left;display:block;width:108px;height:31px;text-indent:-999px;overflow:hidden;z-index:10}
.map_service .menu.active_tab1{background-position:0 0}
.map_service .menu.active_tab2{background-position:0 -33px}
.map_service .menu.active_tab3{background-position:0 -66px}

.map_service2{position:absolute;top:0px;left:0;bottom:0;right:0;font-size:12px;border-top:2px solid #0f5e99}
.map_service2 .service_info{position:absolute;top:-105px;left:0;bottom:40px;right:0;width:300px;background:#fff;border-right:1px solid #b5b5b5;overflow:hidden} /* 좌측메뉴 넓이,높이 */
.map_service2 .service_info .cont{position:absolute;width:324px;top:0px;left:0;bottom:0px;z-index:10;border-right:1px solid #b5b5b5;background:#fff} /* 좌측메뉴 콘텐츠 넓이,높이 */
.map_service2 .menu{width:100%;height:31px;border-bottom:1px solid #444;position:relative;background:url(../images/location/sp_map_v1.png) no-repeat}
.map_service2 .menu a{float:left;display:block;width:108px;height:31px;text-indent:-999px;overflow:hidden;z-index:10}
.map_service2 .menu.active_tab1{background-position:0 0}
.map_service2 .menu.active_tab2{background-position:0 -33px}
.map_service2 .menu.active_tab3{background-position:0 -66px}


/* SNB 통합검색/경로탐색/실시간버스 공통 스타일 */
.map_service .ico_fav{display:block;width:19px;height:22px;background:url(../images/location/sp_map_v1.png) no-repeat -356px 0;overflow:hidden;text-indent:-999px}
.map_service .ico_fav_active{background-position:-33px -150px}
.map_service .search_result .ico_fav{position:absolute;top:0;left:0}
.map_service .btn_realTime{display:block;width:100px;height:30px;line-height:30px;text-align:center;border:2px solid #888}
.search_main .system_info{border-top:1px solid #999}
.search_main .manual dt{border-top:1px solid #999;cursor:pointer}
.search_main .manual dd{display:none}
.search_result .tab{width:100%;height:31px;border-top:3px solid #0068b7;}
.search_result .tab a{float:left;width:98px;font-size:12px;background:#f5f5f5;display:block;height:31px;line-height:31px;color:#000;text-align:center;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.search_result .tab a.active{background:#fff;border-bottom:1px solid #fff;font-weight:bold}
.search_result .tab a.active span{color:#e20d21}
.search_result .tab a > span{padding-left:5px}
.search_result .tab .place{border-right:0;width:81px}
.search_rute_result .tab{width:100%;height:31px}
.search_rute_result .tab a{float:left;width:107px;font-size:12px;background:#f5f5f5;display:block;height:31px;line-height:31px;color:#000;text-align:center;border-top:1px solid #ccc;border-bottom:1px solid #ccc;border-right:1px solid #ccc}
.search_rute_result .tab a.active{background:#fff;border-bottom:1px solid #fff;font-weight:bold}
.search_rute_result .tab a.active span{color:#e20d21}
.search_rute_result .tab a > span{padding-left:5px}
.search_rute_result .tab .trans{border-right:0;width:108px}
.list_cmn > li{clear:both;position:relative;overflow:hidden;border-bottom: 1px solid #e1e1e1;}
.list_cmn .cannot_find{margin-top:2px;height:52px;padding:0;background:#fff url(../images/location/cannot_find.gif) no-repeat 15px 15px !important;text-indent:-9999px;overflow:hidden;} /* 2014-05-15 추가 */
.list_cmn .list_selected{background:#ecf5fa !important}  /* 2014-08-13 수정 */
.list_cmn .list_selected .list_bus{display:inline-block !important};

/* SNB 통합검색/경로탐색/실시간버스 각각의 스타일 */
/* 통합검색 */
/* ung 통합검색 radioButton  151126 */
.all_search .search_input{padding:25px 15px;position:relative;border-bottom:1px solid #444}
.all_search .search_input > h2{height:20px;background:url(../images/location/sp_map_v1.png) no-repeat 0 -207px;width:54px;height:16px;text-indent:-999px;overflow:hidden}
.all_search .fld_inside{padding:10px 0}
.all_search .box_searchbar input{width:215px;height:27px;border:1px solid #1371b9;padding-left:10px;background:#ecf5fa;line-height:27px;font-size:12px;color:#555}
.all_search .box_searchbar .btn_search{width:66px;height:29px;background:url(../images/location/sp_map_v1.png) no-repeat -284px -102px;text-indent:-999px;overflow:hidden}
.recent_list{position:absolute;top:201px;left:20px;width:312px;overflow:hidden;border:1px solid #ccc;background:#fff;padding:0px 5px;}

.all_search .recent_list h3{height:21px;padding-left:10px}
.all_search .recent_list > ul > li{height:21px;line-height:21px}
.all_search .recent_list a{display:block;height:100%;padding:0 10px}
.all_search .recent_list a:hover{background:#f5f5f5}
.all_search .tip_txt{color:#555}
.all_search .system_info,
.all_search .manual{padding:20px 15px;border-top:1px solid #ddd}
/* .all_search .system_info{height:125px;width:100%}   /* 2014-11-26 삭제 */
.all_search .system_info h3{height:25px;width:100%;background:url(../images/location/system_info.gif) no-repeat 0 0;text-indent:-9999px;overflow:hidden}  /* 2014-05-15 수정 */
.all_search .system_info p{width:280px;line-height:16px;margin-top:10px}
.all_search .system_info .txt1{color:#555}
.all_search .system_info .txt1 > span{display:block;color:#ff0000;font-size:11px}  /* 2014-12-02 수정 */
.all_search .system_info .txt2{padding-left:8px;background:url(../images/common/bl.gif) no-repeat 0 6px}
.all_search .manual{height:93px;width:100%}
.all_search .manual h3{height:14px;width:107px;background:url(../images/location/manual.gif) no-repeat 0 0;text-indent:-9999px;overflow:hidden}
.all_search .manual > ol{margin-top:15px;width:270px;line-height:16px;color:#555}
.all_search .manual > ol li{clear:both;margin-bottom:10px}
.all_search .manual .num{font-size:14px;font-weight:bold;float:left;height:30px;margin-right:10px}
.all_search .search_result .list_cmn{top:191px;}

/* .list_bus {width:262px;} */

.list_bus .busTypeRadio{padding:10px 0 10px 0; margin-left:7px; text-align:center;}
.list_bus .busTypeRadio > label{font-size:13px;margin:10px;font:normal 12px S-Core;}
.list_bus .busTypeRadio > label > input{margin-right:1px;}
.list_bus .btn_multi{padding:0px;font-size:0;text-align:center;}
.list_bus .btn_multi a{display:inline-block;width:100px;height:28px;border:1px solid #cbcbcb;text-align:center;line-height:26px;font-size:12px}
/*.list_bus .btn_multi a:focus{background-color:red;}*/
.list_bus .btn_multi .open{margin-right:10px}
.list_bus .btn_multi .view{margin-right:10px}
/* .list_bus .chk{width:23px;height:100%;float:left;text-align:left;margin-top:8px} */
/* .list_bus .chk input[type=checkbox]{width:13px;height:13px} */
.list_bus .chk{
	display:inline-block;
	width: 40px;
    height: 100%;
    float: right;
    text-align: left;
    margin-top: 8px;
    margin-left: 8px;
    margin-right: 8px;
    }
.list_bus .chk button.multiCheck{
	display:inline-block;
	width:40px;    
	color: #ffffff;
    background: #D67E24;
    border: 1px solid #ea9b1c;
    }
.list_bus .chk button.multiCheck:hover{
	background: #e89137;
	}
a.list_bus {display:inline-block !important; text-decoration: none;}


.list_station > li{line-height:14px;border-bottom:1px solid #ddd;margin:0 14px;}
/*.list_station > a{line-height:14px;border-bottom:1px solid #ddd;margin:0 14px;}*/
.list_station > li > a{display:block;height:45px;padding:11px 0 5px 50px}
/*.list_station > a > li{display:block;height:20px;padding:11px 0 5px 50px}*/
.list_station > li > a img{margin-right:7px}
/*.list_station > a > li img{margin-right:7px}*/
.list_station > a > li p{margin-top:5px}
.list_station .ico{
	display:block;
	width:35px;
	height:35px;
	line-height:35px;
	text-align:center;
	/* position:absolute; 
	top:10px;
	left:10px;*/
	margin-top:12px;
	margin-left:12px;
	margin-right:12px;
	border-radius:2px;
	box-shadow:0px 1px 2px rgb(0 0 0 / 10%);
	background:#0068b7;
	border:1px solid #0065b2;
	color:#fff;
	font-family:'S-Core';
	font-size:13px;
	font-weight:500;
}
.list_station .ico img{margin-right:0}


.wa_list{
	display:flex;
	flex-direction:row;
	justify-content:start;
	border-bottom: 1px solid #ddd;	
	height:60px;
}
.wa_list_sub{
	display:flex;
	flex-direction:column;
	justify-content:center;
	margin-top:10px;
}
.wa_lis_sub_02{
	display:flex;
	justify-content:start;
	align-items:center;
	margin-bottom: 8px;
}



/*.list_subway > li{line-height:14px;border-bottom:1px solid #ddd;margin:0 14px;}*/
.list_subway > li > a{display:block;height:45px;padding:16px 0 0 50px}
.list_subway > li > a img{margin-right:7px}
.list_subway > li p{margin-top:5px}
.list_subway .ico{
	display:block;
	width:35px;
	height:35px;
	line-height:35px;
	text-align:center;
	/*position:absolute;
	top:10px;
	left:0px;*/
	margin-top: 12px;
    margin-left: 12px;
    margin-right: 12px;
	border-radius:2px;
	box-shadow:0px 1px 2px rgb(0 0 0 / 10%);
	background:#0068b7;
	border:1px solid #0065b2;
	color:#fff;
	font-family:'S-Core';
	font-size:13px;
	font-weight:500;
}
.list_subway .ico img{margin-right:0}
.list_place > li{line-height:14px;border-bottom:1px solid #ddd;margin:0 14px;}
.list_place > li > a{display:block;height:50px;padding:11px 0 0 50px}
.list_place > li > a img{margin-right:7px}
.list_place > li p{margin-top:5px}
.list_place .ico{
	display:block;
	width:35px;
	height:35px;
	line-height:35px;
	text-align:center;
	/*position:absolute;
	top:10px;
	left:0px;*/
	margin-top: 12px;
    margin-left: 12px;
    margin-right: 12px;
	border-radius:2px;
	box-shadow:0px 1px 2px rgb(0 0 0 / 10%);
	background:#0068b7;
	border:1px solid #0065b2;
	color:#fff;
	font-family:'S-Core';
	font-size:13px;
	font-weight:500;
}
.list_place .ico img{margin-right:0}
/* 경로탐색 */
.road_srch .search_input{padding:25px 20px;position:relative;}
.road_srch .search_input > h2{
	font: normal 13px S-Core;
	font-size:17px;
	font-weight:500;
	color:#222222;
	letter-spacing: -1.2px;
	line-height: 17px;
}
.road_srch .search_input > h2 i{
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	letter-spacing: -1.2px;
	background: #0068b7;
	border: 1px solid #0065b2;
	width:35px; 
	height:35px; 
	border-radius:2px; 
	color:#ffffff; 
	text-align:center; 
	line-height:35px;
	box-shadow: 0px 1px 2px rgb(0 0 0 / 10%); 
	margin-right:5px;font-size: 20px;
}
.road_srch .search_input .rev_route{float:right;position:relative;top:-10px;height:0px}
.road_srch .search_input .rev_route .rev_search{position:absolute;top:-9px;right:15px;width:50px;height:21px;text-align:center;line-height:21px;color:#fff;background:url(../images/main/btn_select.gif) no-repeat 0 0}
.road_srch .fld_inside{padding:20px 0 0}
.road_srch .btn_publicSch{
	display:block;
	width:330px;
	height:50px;
	line-height:50px;
	margin-top:10px;
	color:#fff;
	box-shadow:0px 1px 1px rgb(0 0 0 / 18%);
	border: 0px;
	font-weight:500;
}
.road_srch .my_bus{display:none;width:66px;height:63px;background:url(../images/location/sp_map_v1.png) no-repeat -529px -133px;position:absolute;right:15px;top:51px;text-indent:-999px;overflow:hidden}
.road_srch .box_searchbar{position:relative;width: 100%;}
.road_srch .box_searchbar input{
	height:40px; width:250px;box-shadow: 0px 2px 3px rgb(0 0 0 / 8%) inset; background:#edf4fa; border:1px solid #d5dfe6; padding:0 15px; float:left;
}
.road_srch .box_searchbar .ico{
	display:flex;
	width:42px;
	height:42px;
	background:#0051a3;
	border: 0px;
	justify-content:center;
	align-items:center;
	color:#fff;
	float:left;
	font-size:20px;
}
.road_srch .box_searchbar .del{background-position:-328px -53px}
.road_srch .box_searchbar .i_label{position:absolute;top:4px;left:6px;font-weight:bold;color:#555}
.road_srch .system_info{padding:0px 20px;border-top:0px}
.road_srch .system_info{width:100%}
.road_srch .system_info h3{
	font-size:17px;
	font-weight:500;
	color: #222222;
	letter-spacing:-1.2px;
}
.road_srch .system_info h3 i{
	width:35px;
	height:35px;
	line-height:35px;
	/*background:#00b0ec;*/
	background:#089ed1;
	border: 1px solid #00a6de;
	border-radius:2px;
	box-shadow:0px 1px 2px rgb(0 0 0 / 10%);
	text-align:center;
	margin-right:5px;
	font-size:20px;
	color: #fff;
}
.road_srch .system_info h3 i.yellow{
	background:#bd9400;
	border:1px solid #b78f00;
}
.road_srch .system_info p{
	color:#464646;
	line-height:28px !important;
	margin:10px 5px 0 0px;
	padding:0px 56px 0px 0px;
	font:normal 13px S-Core;
	font-weight:400;
}
.road_srch .search_rute_result .list_cmn{top:211px}
.road_srch .route{height:41px;line-height:41px;border-bottom:1px solid #ddd;color:#555;padding-left:15px;overflow:hidden}
.road_srch .route span{float:left;display:block;height:41px}
.road_srch span.arrow{padding:18px 10px;height:5px;font-size:0;line-height:0}
.road_srch .route_ea{clear:both;height:31px;padding-left:15px;font-weight:bold;line-height:29px;color:#555;border-bottom:1px solid #444}
.road_srch .route_ea em{color:#0376b8}
.road_srch .path_wrap > li{clear:both;border-bottom:1px solid #ddd}
.road_srch .path_wrap > li > a{display:block;position:relative}
.road_srch .path_wrap > li > a.over,
.road_srch .path_wrap > li > a.active{background:#ebf5f9}
/*.road_srch .path_wrap > li > a:hover{background:#ebf5f9}*/
.road_srch .path_wrap .path_line{padding:15px 15px 0 15px;font-size:0}
.road_srch .path_wrap .path_line > span{display:inline-block;margin-right:6px;color:#555;font-size:12px}
.road_srch .path_wrap .path_line em{font-weight:bold;color:#555}
.road_srch .path_wrap .path_infolst{padding:5px 15px 15px 15px}
.road_srch .path_wrap .path_infolst > span{display:inline-block;background:url(../images/common/part.gif) no-repeat 100% 5px;padding-right:10px;margin-right:5px;color:#555}
.road_srch .path_wrap .path_infolst .distance{display:block;background:none}
.road_srch .path_wrap .path_more{float:right;width:40px;height:40px;background:url(../images/common/more.png) no-repeat 0 0;margin-top:-40px;cursor:pointer;text-indent:-999px;overflow:hidden}
.road_srch .path_wrap .path_more.active{background-position:-40px 0}
.dtl_rute{clear:both;display:none;background:#fafafa}  /* 2014-08-13 수정 */
.dtl_rute .step{background:#fafafa;border-top:1px solid #ddd;display:table;}  /* 2014-08-13 수정 */
.dtl_rute .step.over,
.dtl_rute .step.active{background:#ebf5f9}
.dtl_rute .step .pin, 
.dtl_rute .step .desc{display:inline-block;vertical-align:middle;}
.dtl_rute .step .pin{width:26px;text-align:center;margin-right:10px}
.dtl_rute .step .desc{width:235px}/* 2014-06-02 추가 */
.dtl_rute .step .desc .time{background:url(../images/common/part.gif) no-repeat 100% 2px;padding-right:7px;margin-right:7px}
.dtl_rute .step .desc a{color:#555}
.dtl_rute .step .desc a:hover{text-decoration:underline}
.dtl_rute .step .desc em{font-weight:bold}
.dtl_info{background:#fff;cursor:default}
.route_Info_indow{position:absolute;z-index:30;top:50%;left:50%;height:48px;overflow:hidden;background:url(../images/common/tls_bg.png) no-repeat 50% 0;width:auto}
.route_Info_indow .bd{background:url(../images/common/tls_bg.png) no-repeat 50% 0;height:36px;line-height:34px;border-left:1px solid #555;border-right:1px solid #555;padding:0 14px}
.route_Info_indow em{font-weight:bold}
.route_Info_indow .bd .tit{padding-right:10px;margin-right:10px;background:url(../images/common/part.gif) no-repeat 100% 3px}
.route_Info_indow .bd .txt img{margin-right:5px}
.route_Info_indow .btm{height:12px}
/* 실시간버스 */
.realTime_bus .search_input{padding:25px 20px 10px;position:relative;}
.realTime_bus .search_input > h2 {
	font-size:17px;
	font-weight:500;
	color: #222222;
	letter-spacing:-1.2px;
}
.realTime_bus .search_input > h2 i{
	width:35px;
	height:35px;
	line-height:35px;
	background:#0068b7;
	border: 1px solid #0065b2;
	border-radius:2px;
	box-shadow:0px 1px 2px rgb(0 0 0 / 10%);
	text-align:center;
	margin-right:5px;
	font-size:20px;
	color: #fff;
}
.realTime_bus .fld_inside{padding:20px 0 0}
.realTime_bus .box_searchbar{position:relative;font-size:0}
.realTime_bus .box_searchbar input{
	height:40px; width:250px;box-shadow: 0px 2px 3px rgb(0 0 0 / 8%) inset; background:#edf4fa; border:1px solid #d5dfe6; padding:0 15px; float:left;
}
.realTime_bus .box_searchbar .btn_search{
	height:42px; border:0; display: flex; width:42px;  background: #0051a3; display: flex; justify-content: center; color:#ffffff; align-items: center;float:left; font-size:20px; cursor:pointer;
}
.realTime_bus .box_searchbar .i_label{position:absolute;top:4px;left:10px;font-weight:bold;color:#555;font-size:12px}
.realTime_bus .system_info{padding:0px 20px;border-top:0px;}
.realTime_bus .system_info{width:100%}
.realTime_bus .system_info h3{
	font-size:17px;
	font-weight:500;
	color: #222222;
	letter-spacing:-1.2px;
}
.realTime_bus .system_info h3 i{
	width:35px;
	height:35px;
	line-height:35px;
	/*background:#00b0ec;*/
	background:#089ed1;
	border: 1px solid #00a6de;
	border-radius:2px;
	box-shadow:0px 1px 2px rgb(0 0 0 / 10%);
	text-align:center;
	margin-right:5px;
	font-size:20px;
	color: #fff;
}
.realTime_bus .system_info h3 i.yellow{
	background:#bd9400;
	border:1px solid #b78f00;
}
.realTime_bus .system_info p{
	color:#464646;
	line-height:28px;
	margin:10px 5px 0px 0px;
}
.realTime_bus .system_info .txt1{color:#555}
.realTime_bus .system_info .txt2{padding-left:8px;background:url(../images/common/bl.gif) no-repeat 0 6px}
.realTime_bus .search_result .list_cmn{top:106px;}
.realTime_bus .list_bus > li{min-height:45px;height:auto;padding-left:0} /* 2014-08-13 수정 */
/* 실시간버스 자세히보기 2014-08-06 수정 */
.realTime_bus .bus_info{clear:both;border-top:1px solid #ddd;border-bottom:1px solid #ddd;margin:10px 15px 10px 0;padding:10px 0}
.realTime_bus .bus_info p{clear:both;color:#555;height:20px;line-height:20px}
.realTime_bus .bus_info .start,
.realTime_bus .bus_info .end{height:40px}
.realTime_bus .bus_info .bx_week{display:block;height:20px;float:left}
.realTime_bus .bus_info .bx_week .txt3{float:none;display:block}
.realTime_bus .bus_info p > span{float:left}
.realTime_bus .bus_info .tit{display:inline-block;width:66px;color:#333}
.realTime_bus .bus_info .tit0{padding:5px;display:inline-block;width:90px;color:#333}
.realTime_bus .bus_info .txt0{padding-right:8px;margin-right:8px;background:url(../images/common/part.gif) no-repeat 100% 5px;display:block;height:20px}
.realTime_bus .bus_info .txt1{padding-right:8px;margin-right:2px;background:url(../images/common/part.gif) no-repeat 100% 5px;display:block;height:40px}
.realTime_bus .bus_info .txt2{padding-right:8px}
.realTime_bus .bus_info .txt3{padding-right:5px}
.realTime_bus .bus_info .txt4{height:auto;color:#ff0000;font-size:11px} /* 2014-12-02 수정 */
.realTime_bus .bus_info .tit5{padding:5px;display:inline-block;width:30px;color:#333}
.realTime_bus .bus_info .time{padding-left:8px}
.realTime_bus .bus_info em{color:#e30e22;font-weight:bold}
.realTime_bus .posi_more{position:absolute;right:0;bottom:11;width:40px;height:40px;background:url(../images/common/more.png) no-repeat 0 9px;margin-top:-40px;cursor:pointer;text-indent:-999px;overflow:hidden}
.realTime_bus .posi_more.active{position:absolute;right:0;bottom:0;width:40px;height:40px;background:url(../images/common/more.png) no-repeat -40px 9px;margin-top:-40px;cursor:pointer;text-indent:-999px;overflow:hidden}
.realTime_bus .expect{padding:15px}
.realTime_bus .expect h4{margin-bottom:10px:font-weight:500;}
.realTime_bus .expect .box{width:280px;height:29px;margin-bottom:5px;line-height:29px}
.realTime_bus .expect .box label{width:68px;height:29px;cursor:text;float:left}
.realTime_bus .expect .inp{width:200px;height:27px;border:1px solid #ccc;background:#f5f5f5;line-height:29px;padding-left:7px;float:left}
.realTime_bus .expect .txt{clear:both;height:29px;line-height:29px; font-weight: 500;}
.realTime_bus .expect .txt strong,
.realTime_bus .expect .txt em{color:#e20d23}
.realTime_bus .dtl_top{padding-left:15px} /* 2014-08-13 추가 */
.realTime_bus .dtl_top img{margin-right:7px;vertical-align:middle} /* 2014-08-13 추가 */
.realTime_bus .dtl_top p{margin-top:5px} /* 2014-08-13 추가 */
.realTime_bus .dtl_wrap{display:none;padding-left:15px;background:#fafafa} /* 2014-08-13 수정 */
.realTime_bus .dtl_wrap.active{display:block}
.info_txt{display:none;position:absolute;width:100%;height:100%;background:#f8f8f8;z-index:10;text-align:center}
.info_txt img{position:absolute;top:40%;left:40%}
.route_dtl{position:absolute;width:100%;top:110px;left:0;bottom:1px;z-index:40;background:#fff}
.move_bus{width:32px;text-align:center}
.move_bus > .num{display:block;width:100%;font-size:8px;height:8px;line-height:8px;color:#555;font-weight:bold}

/* 버스노선 상세정보 레이어팝업 2014-07-29 수정 */
.busLine_detail{position:absolute;width:100%;top:79px;left:0;bottom:0px;z-index:20;background:#fff}
.busLine_detail .dtl_hd{position:absolute;top:0;left:0;width:100%;height:218px;border-bottom:1px solid #454545;border-right:1px solid #454545;padding:15px}  /* 2014-11-26 수정 */
.busLine_detail .ico_fav{float:left;display:block;width:19px;height:22px;background:url(../images/location/sp_map_v1.png) no-repeat -356px 0;margin-right:7px}
.busLine_detail .ico_fav.active{background-position:-335px 0}
.busLine_detail .bus_type{float:left;display:block;padding:4px 0;margin-right:10px}
.busLine_detail .bus_num{float:left;display:block;margin-right:10px;line-height:20px;font-size:16px;font-weight:bold}
.busLine_detail .bx_station{height:46px}
.busLine_detail .scroll{top:77px;bottom:40px}
.busLine_detail .station_tit{display:block;height:16px}
.busLine_detail .station_tit strong{line-height:16px;font-size:16px;font-weight:bold;color:#333}
.busLine_detail .station_no{display:block;font-size:12px;color:#333;line-height:12px;margin-top:19px}
.busLine_detail .btn_realTime{float:left;display:block;width:95px;height:19px;border:1px solid #ccc;text-align:center;line-height:17px}  /* 2014-07-16 수정 */
.busLine_detail .btn_close{display:block;width:15px;height:15px;background:url(../images/location/sp_map_v1.png) no-repeat -424px 0;text-indent:-999px;overflow:hidden;position:absolute;right:15px;top:15px}
.busLine_detail .btn_refresh{display:block;height:19px;line-height:18px;text-align:center;background:#fff;position:absolute;right:15px;bottom:6px;color:#555} /* 2014-08-27 수정 */
.busLine_detail .bus_info{clear:both;padding-top:5px;width:100%}
.busLine_detail .bus_info p{clear:both;color:#555;height:20px;line-height:20px}
.busLine_detail .bus_info .start,
.busLine_detail .bus_info .end{height:40px}
.busLine_detail .bus_info .bx_week{display:block;height:20px;float:left}
.busLine_detail .bus_info .bx_week .txt3{float:none;display:block}
.busLine_detail .bus_info p > span{float:left}
.busLine_detail .bus_info .tit{display:inline-block;width:70px;color:#333}
.busLine_detail .bus_info .txt0{padding-right:8px;margin-right:8px;background:url(../images/common/part.gif) no-repeat 100% 5px;display:block;height:20px}
.busLine_detail .bus_info .txt1{padding-right:8px;margin-right:8px;background:url(../images/common/part.gif) no-repeat 100% 5px;display:block;height:40px}
.busLine_detail .bus_info .txt2{padding-right:8px}
.busLine_detail .bus_info .txt3{padding-right:5px}
.busLine_detail .bus_info .txt4{height:auto;color:#ff0000;font-size:11px}  /* 2014-12-02 수정 */
.busLine_detail .bus_info .time{padding-left:8px}
.busLine_detail .bus_info em{color:#e30e22;font-weight:bold}
.busLine_detail .dtl_tab{width:100%;padding-top:249px}  /* 2014-11-26 수정 */
.busLine_detail .dtl_tab a{display:block;float:left;border-top:1px solid #ccc;width:162px;height:31px;line-height:30px;text-align:center;color:#fff;font-weight:bold} /* 2014-11-20 수정 */
.busLine_detail .dtl_tab a.active{border-bottom:1px solid #ccc;color:#fff;font-weight:bold} /* 2014-11-13 수정 */
.busLine_detail .dtl_tab .start{background:#0093d0} /* 2014-11-20 수정 */
.busLine_detail .dtl_tab .start.active{border-bottom:1px solid #0376b8;background:#0376b8;border-right:1px solid #ccc} /* 2014-11-13 수정 */
.busLine_detail .dtl_tab .end{background:#ed3015;text-decoration:underline} /* 2014-11-20 수정 */
.busLine_detail .dtl_tab .end.active{border-bottom:1px solid #e10e21;background:#e10e21;border-left:1px solid #ccc} /* 2014-11-13 수정 */
.busLine_detail .dtl_bd{top:283px;bottom:40px}  /* 2014-11-26 수정 */
.busLine_detail .dtl_bd li{position:relative;border-bottom:1px solid #ddd;overflow:hidden;height:56px}
.busLine_detail .dtl_bd .posi_name{position:absolute;top:50%;left:15px;margin-top:-13px;width:61px;height:28px;line-height:20px;background:url(../images/location/sp_map_v1.png) no-repeat -356px -92px;text-align:center;font-weight:bold;color:#0076b2}
.busLine_detail .dtl_bd .starting_point,
.busLine_detail .dtl_bd .ending_point{color:#e10e21}
.busLine_detail .dtl_bd .ico_fav{position:absolute;top:50%;left:73px;margin-top:-11px}
.busLine_detail .dtl_bd .point_name{position:absolute;top:50%;right:40px;height:12px;line-height:12px;margin-top:-6px}
.busLine_detail .dtl_bd .tline{position:absolute;top:0;bottom:50%;right:28px;width:16px;border-right:3px solid #a0a0a0}
.busLine_detail .dtl_bd .bline{position:absolute;top:50%;bottom:0;right:28px;width:16px;border-right:3px solid #a0a0a0}
.busLine_detail .dtl_bd .point{position:absolute;top:50%;margin-top:-9px;right:20px;width:19px;height:18px;background:url(../images/location/sp_map_v1.png) no-repeat -378px 0}
.busLine_detail .dtl_bd .crB{border-color:#65abd4} /* 2014-11-18 ~ */
.busLine_detail .dtl_bd .crR{border-color:#ee737e}
.busLine_detail .dtl_bd .ptB{background-position:-679px 0}
.busLine_detail .dtl_bd .ptR{background-position:-723px 0} /* ~ 2014-11-18 추가 */
.busLine_detail .dtl_bd .bus_line_wrap{padding-left:86px;padding-top:15px;line-height:14px;color:#555}
.busLine_detail .dtl_bd .bus_line_wrap a strong{color:#555}
.busLine_detail .dtl_bd .bus_line_wrap .bus_id{font-size:11px;margin-top:2px}
.busLine_detail .dtl_bd .bus_posi_view{position:absolute;right:40px;top:47px;z-index:30}
.busLine_detail .dtl_bd .bus_posi_view .position{position:absolute}
.busLine_detail .dtl_bd .bus_posi_view .icon{position: absolute;top:-29px;width:29px;height:34px;background:url(../images/location/sp_map_v1.png) no-repeat;overflow:hidden;text-indent:-9999px}
.busLine_detail .dtl_bd .bus_posi_view .blue{background-position:-356px -152px}
.busLine_detail .dtl_bd .bus_posi_view .red{background-position:-356px -186px}
.busLine_detail .dtl_bd .bus_posi_view .yellow{background-position:-403px -186px} /* 2014-11-13 추가 */
.busLine_detail .dtl_bd .bus_posi_view .name{position: absolute;left:-85px;top:-28px;width:80px;height:22px;background:url(../images/location/sp_map_v1.png) no-repeat -356px -123px;font-family:'돋움';font-size:11px;text-align:left;line-height:22px;padding-left:3px}
.busLine_detail .dtl_bd .bus_posi_view .empty_seat{
	position:absolute;top:-35px;left:15px;
	width:24px;height:24px;padding-right:1px;line-height:24px;text-align:center;
	color:#fff;font-size:11px;font-family:dotum;
	background:url(../images/location/sp_map_v1.png) no-repeat -402px -152px;
	overflow:hidden;display:block;z-index:10
} /* 2014-08-18 수정 */
.busLine_detail .dtl_bd .bus_posi_view .reservation_circle{
	position:absolute;top:-35px;left:15px;
	width:24px;height:24px;padding-right:1px;line-height:25px;text-align:center;
/* 	width:26px;height:26px;padding-right:1px;line-height:25px;text-align:center; */
	color:#a20303;font-size:11px;font-family:dotum;
	background:url(../images/location/reservation_circle.png) no-repeat 0 0;
	overflow:hidden;display:block;z-index:10
} /* 2014-08-18 수정 */
.traffic_density1{
	position:absolute;top:-42px;left:12px;
	width:26px;height:26px;padding-right:1px;line-height:26px;text-align:center;
	/*color:#00d25f;font-size:11px;font-family:dotum;letter-spacing:-1px;*/
	color:#388B3C;font-size:11px;font-family:dotum;letter-spacing:-1px;
	background:url(../images/location/sp_map_v4.png) no-repeat -605px -135px;
	overflow:hidden;display:block;z-index:10
}
.traffic_density2{
	position:absolute;top:-42px;left:12px;
	width:26px;height:26px;padding-right:1px;line-height:28px;text-align:center;
	color:#0066ff;font-size:11px;font-family:dotum;letter-spacing:-1px;
	background:url(../images/location/sp_map_v4.png) no-repeat -641px -134px;
	overflow:hidden;display:block;z-index:10
}
.traffic_density3{
	position:absolute;top:-42px;left:12px;
	width:26px;height:26px;padding-right:1px;line-height:30px;text-align:center;
	color:#f93;font-size:11px;font-family:dotum;letter-spacing:-1px;
	background:url(../images/location/sp_map_v4.png) no-repeat -605px -167px;
	overflow:hidden;display:block;z-index:10
}
.traffic_density4{
	position:absolute; top:-44px;left:9px;
	width:31px;height:31px;padding-right:0px;padding-top:4px;line-height:11px;text-align:center;
	color:#f00;font-size:11px;font-family:dotum;letter-spacing:-2px;
	/* background:url(../images/location/sp_map_v4.png) no-repeat -641px -167px; */
	background:url(../images/location/density4_3.png) no-repeat 2px 0px;
	overflow:hidden;display:block;z-index:10
}


/*.color-density1{color: #00d25f !important;font-weight:bold;}*/
.color-density1{color: #388B3C !important;font-weight:bold;}
.color-density2{color: #0066ff !important;font-weight:bold;}
.color-density3{color: #f93 !important;font-weight:bold;}
.color-density4{color: #f00 !important;font-weight:bold;}


/* ung 2016-03-18 수정 2층버스 */
.busLine_detail .dtl_bd .bus_posi_view .bdouble{position: absolute;top:-29px;width:29px;height:34px;background:url(../images/location/up_bus_overlap.png) no-repeat;
position:absolute;overflow:hidden;display:block;z-index:9; /* top:-29px;left:-5px */}
.busLine_detail .dtl_bd .bus_posi_view .rdouble{position: absolute;top:-29px;width:29px;height:34px;background:url(../images/location/down_bus_overlap.png) no-repeat;
position:absolute;overflow:hidden;display:block;z-index:9; /* top:-29px;left:-5px */}
.busLine_detail .dtl_bd .bus_posi_view .ydouble{position: absolute;top:-29px;width:29px;height:34px;background:url(../images/location/low_bus_overlap.png) no-repeat;
position:absolute;overflow:hidden;display:block;z-index:9; /* top:-29px;left:-5px */}
.busLine_detail .dtl_bd .bus_posi_view .twoFloor{position: absolute;top:-29px;width:29px;height:34px;background:url(../images/location/two_floor_bus.png) no-repeat;
position:absolute;overflow:hidden;display:block;z-index:9; /* top:-29px;left:-5px */}
.busLine_detail .dtl_bd .bus_posi_view .reservationBus{position: absolute;top:-29px;width:29px;height:34px;background:url(../images/location/reservation_bus2.png) no-repeat;
position:absolute;overflow:hidden;display:block;z-index:9; /* top:-29px;left:-5px */}
.busLine_detail .dtl_bd .bus_posi_view .trolley{position: absolute;top:-29px;width:29px;height:29px;background:url(../images/location/trolley_bus.png) no-repeat;
position:absolute;overflow:hidden;display:block;z-index:9; /* top:-29px;left:-5px */}
.busLine_detail .dtl_bd .bus_posi_view .jeonse{position: absolute;top:-29px;width:29px;height:29px;background:url(../images/location/jeonse.png) no-repeat;
position:absolute;overflow:hidden;display:block;z-index:9; /* top:-29px;left:-5px */}

/* 버스종류,노선정류소,구간소통 범례 */
.icon_info{position:absolute;top:0;left:325px;bottom:0;right:0;height:31px;background:url(../images/location/poi_bg.gif) repeat-x;border-bottom:1px solid #b5b5b5;z-index:50;min-width:909px}  /* 우측범례 넓이,높이 */
.icon_info > div{height:25px;background:url(../images/location/sp_map_v1.png) no-repeat;text-indent:-9999px;overflow:hidden;float:left;margin-top:3px}
.icon_info .bus{width:311px;background-position:15px -305px;margin-right:3px;padding-left:15px}
.icon_info .station{width:350px;background-position:-314px -305px;margin-right:3px}
.icon_info .line{width:227px;background-position:-667px -305px}
/* 갱신주기 2014-08-13 추가 */
.icon_info .cross{position:absolute;top:32px;left:0;bottom:0;right:0;height:23px;background:#f5f5f5;overflow:hidden}  /* 우측범례 교차로 */
.icon_info .cross span, .icon_info .cross .cycle_select{float:left}
.icon_info .cross .cycle_tit{padding-left:15px;margin-right:7px}
.icon_info .cross .cycle_select{margin-right:5px;height:18px;width:66px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-top:1px solid #999;border-left:1px solid #999;font-size:11px;color:#555;margin-top:2px}
.icon_info .cross .cycle_second{margin-right:20px}
.icon_info .cross .txt{padding-left:17px;background:url(../images/ico/common/refer.png) no-repeat 0 40%}



/* 페이징 */
.paginate_wrap{
	padding:15px 0 30px !important;
	line-height:18px !important;
	background:#fff !important;
	border-bottom:0 !important;
	text-align:center;
}
.paginate{display:inline-block;position:relative;padding-right:1px;}
.paginate a{float:left;width:26px;height:23px;margin:0 3px 0 0;padding-top:3px;background:url(../images/location/sp_map_v1.png) no-repeat -427px -272px;font-size:12px;font-weight:bold;color:#555;letter-spacing:-1px;text-align:center;vertical-align:top}
.paginate .active{position:relative;background-position:-459px -272px !important;color:#fff !important}
.paginate .pre{z-index:2;text-indent:-9999px}
.paginate .next{z-index:2;margin:0;text-indent:-9999px}
.paginate .pre{background-position:-299px -272px !important}
.paginate .pre.on{background-position:-363px -272px !important}
.paginate .next{background-position:-331px -272px !important}
.paginate .next.on{background-position:-395px -272px !important}

/* LNB 닫기 버튼 */
.shadow{position:absolute;top:50%;left:325px;z-index:50;margin-top:-25px}
.shadow .toggle{display:block;width:11px;height:50px;background:url(../images/location/shadow_off.png);cursor:pointer;text-indent:-999px;font-size:0;overflow:hidden}

/* 마이버스 리스트 */
.myBus_view{background:#fff;border:1px solid #555;position:absolute;top:83px;left:0;z-index:40;width:230px !important;height:313px;overflow:hidden}
.myBus_view h1{height:45px;padding-left:20px;line-height:45px;font-weight:bold;font-size:15px;border-bottom:1px solid #000}
.myBus_view > ul{position:relative;padding:0 20px;height:235px;overflow-y:auto;overflow-x:hidden;margin-top:15px;background:#fff;font-size:0}
.myBus_view > ul > li{position:relative;min-height:36px;border-bottom:1px solid #ddd;line-height:12px;padding:10px 0 0}
.myBus_view .tit em{font-size:12px;color:#555;font-weight:bold}
.myBus_view .txt{margin-top:7px;font-size:11px;color:#555}
.myBus_view .more{display:block;width:30px;height:30px;background:url(../images/common/more.png) no-repeat 3px 3px;position:absolute;bottom:0;right:0;text-indent:-999px;overflow:hidden}
.myBus_view .more.active{background-position:-36px 3px}
.myBus_view .box{text-align:center;font-size:0;padding:10px 0;display:none}
.myBus_view .box > a{font-size:12px;display:inline-block;width:54px;height:26px;line-height:24px;border:1px solid #999;margin:0 2px}
.myBus_view a.close{width:15px;height:15px;background:url(../images/location/sp_map_v1.png) no-repeat -424px 0;text-indent:-999px;overflow:hidden;position:absolute;top:15px;right:20px}

/* 출발,도착,확대,축소 */
.context{width:123px;height:127px;background:#fff;border:1px solid #555;position:absolute;top:20%;left:30%;z-index:30}
.context > ul{width:100%;height:100%}
.context > ul > li{height:31px;border-bottom:1px solid #ddd}
.context .zoom_out{border:0}
.context a{display:block;height:100%;line-height:29px;padding:0 0 0 35px}
.context a:hover{background:#ebf5f9}

/* 지도 콘텐츠 */
.map_service .map_view{width:100%; height:100%; background:#fff}  /* 우측지도 넓이,높이 2014-05-15 수정 */
.map_service2 .map_view{position:absolute;top:0;left:325px;bottom:41px;right:0;overflow: hidden;background:#fff}
.map_view .mapctrl{position:absolute;top:50px;right:15px;z-index:30}
.map_view .mapctrl .tools{width:30px;margin-top:5px}
.map_view .mapctrl .tools a{display:block;width:30px;background:url(../images/location/sp_map_v1.png) no-repeat;text-indent:-999px;overflow:hidden}
.map_view .mapctrl .tools .print{height:27px;background-position:-455px -133px}
.map_view .mapctrl .tools .print.active{background-position:-495px -133px}
.map_view .mapctrl .tools .ruler{height:28px;background-position:-455px -160px}
.map_view .mapctrl .tools .ruler.active{background-position:-495px -160px}
.map_view .mapctrl .tools .reset{height:27px;background-position:-455px -188px}
.map_view .mapctrl .tools .reset.active{background-position:-495px -188px}


/* Tmap Footer */
#mapFooter, #mapFooter .utilLink, #mapFooter .utilLink > li, #mapFooter .utilLink li.cs strong {background: url("../images/location/set_footer_main_v2.png") no-repeat 0 0}
#mapFooter {bottom: 18px;color: #727271;height: 33px;padding-left: 201px;position: absolute;right: 16px;width: 353px;z-index: 2}
#mapFooter a {color: #727271;font-size: 11px;font-family:'돋움'}
#mapFooter strong {font-size: 11px;font-weight: normal;line-height: 33px;font-family:'돋움'}
#mapFooter .mapScale {	
	border-image: none;border-right: 2px solid #555;border-style: none solid solid;border-width: 0 2px 2px;
	bottom: 9px;display: block;height: 7px;left: 143px;min-width: 42px;position: absolute;text-align: center;width: 42px;
}
#mapFooter .mapScale strong{font: 0px/0 Arial;position: absolute;text-indent: -99999px}
#mapFooter .mapScale em {bottom: -4px;font-size: 11px;left: 0;position: absolute;text-align: center;width: 100%;color:#555;font-family:'돋움'}
#mapFooter .copyright {float: left;left: 3px;padding: 0 0 0 7px;position: absolute;top: 0;font-family:'돋움'}
#mapFooter .copyright .sk{font-family:'돋움'}
#mapFooter .poweredByTmap{background: url("../images/location/set_footer_main_v2.png") no-repeat 0 -33px ;display: block;height: 31px;position: absolute;right: 1px;top: 1px;width: 140px	}
#mapFooter .poweredByTmap a{display: block;font: 0px/0 Arial;	height: 100%;overflow: hidden;text-indent: -99999px;width: 100%;background: url("../images/location/set_footer_main_v2.png") no-repeat -560px 0 ;}
#mapFooter.v2{border-right: 1px solid #CECBC7;padding-left: 160px;padding-right: 135px;width: auto;z-index: 30;background:url(../images/location/set_footer_main_v2.png) no-repeat 0 0}
#mapFooter.v2 .mapScale{left: 98px}
#mapFooter.v2 .mapreg{display: none}

/* 하단 정보 */
.mapFt{position:absolute;bottom:0;left:0;z-index:30;width:100%;height:39px;background:#fff;overflow:hidden;border-top:1px solid #ccc;border-bottom:1px solid #919191;text-align:center;line-height:39px;font-size:12px;color:#555}
.mapFt .cont{width:1020px;height:39px;margin:0 auto;position:relative}
.mapFt .tel{position:absolute;right:0;top:0}

/* 툴팁 */
.tooltip{position:absolute;width:378px; height:341px;font-size:12px;border:0px;border-radius:6px;box-shadow:0px 3px 4px rgb(0 0 0 / 20%);background:#fff; top:56px;}
.tooltip a.close{float:right; margin-right:25px; width:33px; height:33px;border-radius:500px; background:#00458a; line-height:33px; text-align:center; color:#ffffff; margin-top:-339px;}
.tooltip h1{padding-left:20px;height:45px;line-height:45px;font-size:16px;border-top-left-radius:6px;border-top-right-radius:6px;background:#0051a3;color:#fff;}
.tooltip h1 a{color: #fff;font-size:15px}
.tooltip h1 .station_code{font-size:15px}
.tooltip .line{color:#ccc;font-weight:normal}
.tooltip .mline{color:#ccc;font-weight:normal;margin:0 5px}

.tooltip .tooltip_content{padding:0px}
.tooltip .tooltip_content .inner{padding:0px 20px 20px;color:#222121;font-size:15px;}
.tooltip .tooltip_content .after_bus{height:31px;line-height:31px;border-bottom:1px solid #e2e6e9;background:#edf4fa;padding:0px 20px;}
.tooltip .tooltip_content .after_bus h2{float:left;margin-right:5px;line-height:31px;color:#222121;}
.tooltip .tooltip_content .after_bus:after{content:'';display:block;clear:both}
.tooltip .tooltip_content .station_bus_list{width:100%;height:209px;overflow-y:auto}
.tooltip .tooltip_content .station_bus_list ul{padding:0px 20px;}
.tooltip .tooltip_content .station_bus_list li{padding:5px 0;border-bottom:1px solid #ddd;cursor:pointer}
.tooltip .tooltip_content .station_bus_list li:last-child{border-bottom:none}
.tooltip .tooltip_content .station_bus_list li:after{content:'';display:block;clear:both}
.tooltip .tooltip_content .station_bus_list li .s_bus_num{float:left}
.tooltip .tooltip_content .station_bus_list li .s_bus_num img{margin-right:7px}
.tooltip .tooltip_content .station_bus_list li .s_bus_num a:hover{text-decoration:underline}
.tooltip .tooltip_content .station_bus_list li .s_bus_time{float:right;width:150px} /* 2014-08-18 수정 */
.tooltip .tooltip_content .station_bus_list li .s_bus_time strong{color:#0376b8}
.tooltip .tooltip_content .station_bus_list.one{height:inherit;}
.tooltip .tooltip_content .station_bus_list.one li{border-bottom:none}

.tooltip .tooltip_content .station_bus_list2{width:100%;height:256px;overflow-y:auto}
.tooltip .tooltip_content .station_bus_list2 li{padding:5px 0;border-bottom:1px solid #ddd;}
.tooltip .tooltip_content .station_bus_list2 li:last-child{border-bottom:none}
.tooltip .tooltip_content .station_bus_list2 li:after{content:'';display:block;clear:both}
.tooltip .tooltip_content .station_bus_list2 li .s_bus_num{float:left}
.tooltip .tooltip_content .station_bus_list2 li .s_bus_num img{margin-right:7px}
.tooltip .tooltip_content .station_bus_list2 li .s_bus_num a:hover{text-decoration:underline}
.tooltip .tooltip_content .station_bus_list2 li .s_bus_time{float:right;width:150px} /* 2014-08-18 수정 */
.tooltip .tooltip_content .station_bus_list2 li .s_bus_time strong{color:#0376b8}
.tooltip .tooltip_content .station_bus_list2.one{height:inherit;}
.tooltip .tooltip_content .station_bus_list2.one li{border-bottom:none}

.tooltip_place{
	position: absolute;
    width: 378px;
    height: 158px;
    font-size: 12px;
    border: 0px;
    border-radius: 6px;
    box-shadow: 0px 3px 4pxrgb(0 0 0 / 20%);
    background: #fff;
    top: 26px;
}
.tooltip_place a.close{float:right; margin-right:25px; width:33px; height:33px;border-radius:500px; background:#00458a; line-height:33px; text-align:center; color:#ffffff; margin-top:-164px;}
.tooltip_place h1{padding-left:20px;height:45px;line-height:45px;font-size:16px;border-top-left-radius:6px;border-top-right-radius:6px;background:#0051a3;color:#fff;}
.tooltip_place h1 a{color: #fff;font-size:15px}
.tooltip_place h1 .station_code{font-size:15px}
.tooltip_place .line{color:#ccc;font-weight:normal}
.tooltip_place .mline{color:#ccc;font-weight:normal;margin:0 5px}

.tooltip_place .tooltip_content{padding:0px}
.tooltip_place .tooltip_content .inner{padding:0px 20px 20px;color:#222121;font-size:15px;}

.tooltip_place .tooltip_btn {
    border-top: 1px solid #ddd;
    padding: 10px 0 20px 0;
    margin: 0 20px;
    clear: both;
    text-align: center;
}

.tooltip_subway{
	position: absolute;
    width: 378px;
    height: 158px;
    font-size: 12px;
    border: 0px;
    border-radius: 6px;
    box-shadow: 0px 3px 4pxrgb(0 0 0 / 20%);
    background: #fff;
    top: 26px;
}
.tooltip_subway a.close{float:right; margin-right:25px; width:33px; height:33px;border-radius:500px; background:#00458a; line-height:33px; text-align:center; color:#ffffff; margin-top:-145px;}
.tooltip_subway h1{padding-left:20px;height:45px;line-height:45px;font-size:16px;border-top-left-radius:6px;border-top-right-radius:6px;background:#0051a3;color:#fff;}
.tooltip_subway h1 a{color: #fff;font-size:15px}
.tooltip_subway h1 .station_code{font-size:15px}
.tooltip_subway .line{color:#ccc;font-weight:normal}
.tooltip_subway .mline{color:#ccc;font-weight:normal;margin:0 5px}

.tooltip_subway .tooltip_content{padding:0px}
.tooltip_subway .tooltip_content .inner{padding:0px 20px 20px;color:#222121;font-size:15px;}

.tooltip_subway .tooltip_btn {
    border-top: 1px solid #ddd;
    padding: 10px 0 20px 0;
    margin: 0 20px;
    clear: both;
    text-align: center;
}






.scroller{padding:0px;margin:0px}
.scroller .scroller_nav{position: absolute}
.scroller .scroller_nav li{cursor:pointer;position:absolute}
.scroller .scroller_nav a{cursor:pointer;position:absolute}
.scroller .scroller_mask{position:absolute;margin-left:0;margin-right:0;overflow:hidden}
.scroller ul{padding:0px;margin:0px;float:left}
.scroller ul li{padding:0px;margin:0px;margin-left:0;margin-right:0;list-style:none;float:left;text-align:center;font-weight:bold;display:inline}
.scroller ul a{padding:0px;margin:0px;margin-left:0;margin-right:0;list-style:none;float:left;text-align:center;font-weight:bold;display:inline}
.scroller ul li a{text-decoration:none}
.scroller ul li a scroller_title{overflow:hidden}
.scroller ul li a:hover{text-decoration:underline}
.scroller ul li a img{border:none}

.tooltip .tooltip_btn{border-top:1px solid #ddd;padding:10px 0 20px 0;margin:0 20px;clear:both;text-align:center}
.btn_clear_left{float:left;text-align:left}
.btn_clear_right{text-align:right}
/* button::-moz-focus-inner, */
/* input::-moz-focus-inner{border:0;padding:0;margin:0} */
.w_btn{display:inline-block;width:48%;height:30px;margin:0;border:1px solid #999;cursor:pointer;color:#555;vertical-align:middle;font-size:14px;line-height:normal;background-color:#fff}
/*.w_btn.start{border:1px solid #ea9b1c;background-color:#f5a21d;color:#fff;} 접근성_WA */
.w_btn.start{border:1px solid #D67E24;background-color:#D67E24;color:#fff;}
.w_btn.end{border:1px solid #d3d3d3;background-color:#fff;color:#333333;}
.w_btn span{display:block;padding:5px 15px;}
.w_btn_ico{display:inline-block;margin:0;border:1px solid #999;cursor:pointer;color:#555;font-weight:bold;vertical-align:middle;font-size:12px;line-height:normal;background-color:#fff}
.w_btn_ico span{display:block;padding:5px 15px 4px 15px;}
.w_btn_ico span.ico_detail{display:inline-block;vertical-align:middle;padding:0;width:13px;height:15px;margin-right:3px;background:url(../images/location/bg_tooltip.png) no-repeat 0 -39px}
.w_btn_ico span.ico_route{display:inline-block;vertical-align:middle;padding:0;width:13px;height:15px;margin-right:3px;background:url(../images/location/bg_tooltip.png) no-repeat -18px -39px}
a.w_btn{color:#555;}
a.w_btn span{}
.tooltip_arrow{position:absolute;bottom:-20px;left:50%;margin-left:-10px;width:30px;height:20px;background:url(/gbis2014/resources/img/popbt.png) no-repeat}
.tooltip_arrow_place {
    position: absolute;
    bottom: -19px;
    left: 50%;
    margin-left: -10px;
    width: 30px;
    height: 20px;
    background: url(/gbis2014/resources/img/popbt.png) no-repeat;
}
.tooltip_arrow_subway {
    position: absolute;
    bottom: -19px;
    left: 50%;
    margin-left: -10px;
    width: 30px;
    height: 20px;
    background: url(/gbis2014/resources/img/popbt.png) no-repeat;
}
.right_mouse{position:absolute;width:123px;font-size:12px;border:1px solid #555;color:#555;background:#fff}
.right_mouse ul li{height:31px;line-height:31px;vertical-align:middle;border-bottom:1px solid #ddd}
.right_mouse ul li:last-child{border-bottom:none}
.right_mouse ul li.selected{background:#ebf5f9}
.right_mouse ul li span{margin-right:7px}
.right_mouse ul li .rm_menu01{display:inline-block;width:13px;height:15px;vertical-align:middle;background:url(../images/location/bg_tooltip.png) no-repeat 0 -59px}
.right_mouse ul li .rm_menu02{display:inline-block;width:13px;height:15px;vertical-align:middle;background:url(../images/location/bg_tooltip.png) no-repeat -18px -59px}
.right_mouse ul li .rm_menu03{display:inline-block;width:13px;height:15px;vertical-align:middle;background:url(../images/location/bg_tooltip.png) no-repeat -36px -59px}
.right_mouse ul li .rm_menu04{display:inline-block;width:13px;height:15px;vertical-align:middle;background:url(../images/location/bg_tooltip.png) no-repeat -54px -59px}
.right_mouse ul li .rm_menu05{display:inline-block;width:13px;height:15px;vertical-align:middle;background:url(../images/location/bg_tooltip.png) no-repeat 0 -79px}
.right_mouse ul li a{display:block;padding-left:15px}
.right_mouse ul li a:hover{background:#ebf5f9}

.point_tooltip{position:absolute;font-size:12px;border:1px solid #555;color:#555;background:#fff}
.point_tooltip .point_content{padding:6px 15px 8px 15px}
.point_tooltip .point_content img{margin-right:7px}
.point_tooltip .mline{color:#ccc;font-weight:normal;margin:0 10px}
.point_arrow{position:absolute;bottom:-12px;left:50%;margin-left:-6px;width:13px;height:12px;background:url(../images/location/bg_tooltip.png) no-repeat -40px 0}

.mybus_login{position:relative;padding-top:5px}
.mybus_login p{margin-top:5px;}
.mybus_login .input_item{position:relative}
.mybus_login .i_label{position:absolute;top:4px;left:10px;font-weight:bold}
.mybus_login .i_text{width:250px;height:27px;border:1px solid #1371b9;background:#ecf5fa;padding-left:10px;line-height:27px;font-size:12px;color:#555;font-weight:bold}
.mybus_login .btn_mybus_login{position:absolute;bottom:0;right:0;width:66px;height:63px;text-indent:-9999px;background:url(../images/location/bg_tooltip.png) no-repeat -72px -39px;padding:0;margin:0;border:0;cursor:pointer}


/* 지하철 아이콘 이미지> 텍스트 자동화  */

.sub_icon{
    padding: 0 2px;
    color: #fff;
    font-size: 11px;
    font-weight: 200;
    text-shadow: 1px 1px 0px rgba(68,68,68,0.3);
    border-radius: 4px;
    box-shadow: 0px 0px 1px #444
}
.road_srch .path_wrap .path_line .sub_icon {color:#fff;}

.sub_icon.sub000{ /*수인분당선*/
    background-color: #eba900;
}
.sub001{ /*1호선*/
    background-color: #08308f;
}
.sub002{ /*2호선*/
    background-color: #0ea349;
}
.sub003{ /*3호선*/
    background-color: #f08302;
}
.sub004{ /*4호선*/
    background-color: #00a5df;
}
.sub005{ /*5호선*/
    background-color: #a14a9b;
}
.sub006{ /*6호선*/
    background-color: #d09012;
}
.sub007{ /*7호선*/
    background-color: #627535;
}
.sub008{ /*8호선*/
    background-color: #e84e72;
}
.sub009{ /*9호선*/
    background-color: #be941c;
}



.sub011{ /*에버라인*/
    background-color: #77c371;
}
.sub012{ /*인천1호선*/
    background-color: #6f99d0;
}
.sub013{ /*인천2호선*/
    background-color: #f4ab3e;
}
.sub014{ /*경의중앙선*/
    background-color: #7cc4a5;
}
.sub015{ /*우이신설선*/
    background-color: #c6c100;
}
.sub016{ /*김포골드라인*/
    background-color: #96710a;
}
.sub020{ /*공항철도*/
    background-color: #72b5e2;
}
.sub022{ /*신분당선*/
    background-color: #cd2234;
}
.sub023{ /*경춘선*/
    background-color: #08af7b;
}
.sub024{ /*의정부경전철*/
   /* background-color: #fd9b26; */
    background-color: #d57605;
}
.sub025{ /*경강선*/
    background-color: #2673f2;
}
.sub026{ /*서해선*/
    background-color: #8bc53f;
}
.sub027{ /*신림선*/
    background-color: #4e67a5;
}
.sub028{ /*동해선*/
    background-color: #a2c2e1;
}
.sub029{ /*자기부상*/
    background-color: #ee8d4a;
}


.sub100{ /*default*/
    background-color: #7e7f80;
}


/* 지하철 급행 데이터 추가*/
.express{font-size:12px; color:red; margin-left:5px;}
.road_srch .path_wrap .path_line > span.express{color:red; margin-left:5px;}