@charset "utf-8";
@import "resets.css";

html, body {height:100%; /*background:url(../image/sub/top_bg.gif) repeat-x;*/ color:#555555;  font-size: 13px;}

#header {height: 91px; position: relative; padding:0px 20px 0px 20px; min-width:1198px;}

#logo_sub {padding-top:12px; float:left;}
#top_wrap {float:right; width:304px; padding-top:14px;}
#weather, #air_pollution {float:left;}
#weather {background:#eef4f2; width:108px; height:60px; font-family:Gulim; font-size:11px; color:#1d1d1d; border:1px solid #b8cdd2;  text-align:left; margin-right:5px; position:relative;}

#weather .date {font-size:11px; color:#df6104; position:absolute; top:4px; left:53px;}
#weather .date_today {font-size:11px; color:#000000; position:absolute; top:4px; left:53px;}
#weather .w_icon {position:absolute; top:22px; left:11px; font-size:11px;}
#weather .weather_info {position:absolute; top:25px; left:53px; font-size:11px;}
#weather .temperature {position:absolute; top:40px; left:53px; font-size:11px;}


#air_pollution {background:#eef4f2; width:187px; height:60px; font-family:Gulim; font-size:11px; color:#4c4c4c; border:1px solid #b8cdd2; text-align:left; position:relative;}
#air_pollution .info {color:#4c4c4c; position:absolute; top:5px; left:92px; font-size:11px;}
#air_pollution .arrow01 {position:absolute; top:28px; left:19px;}
#air_pollution .arrow02 {position:absolute; top:28px; left:47px;}
#air_pollution .arrow03 {position:absolute; top:28px; left:74px;}
#air_pollution .arrow04 {position:absolute; top:28px; left:101px;}
#air_pollution .arrow05 {position:absolute; top:28px; left:129px;}
#air_pollution .arrow06 {position:absolute; top:28px; left:157px;}

#info_bar {width:167px; position:absolute; top:40px; left:9px;}

#info_bar td {border:1px solid #202020;*border:1px solid #202020; height:7px;}


/*메뉴*/
#menu {padding:0px 20px 0px 20px; min-width:1198px;}

#menu01 a {background:url(../image/sub/menu_bg.gif) repeat-x; height:35px; display:block; text-align:center;}
	#menu01 a b {background:url(../image/sub/menu01.gif) center no-repeat; height:25px; display:block; text-align:center; padding-top:10px;}
	#menu01 a em {background:url(../image/sub/menu_l_bg.gif) left no-repeat; display:block; text-align:center;}
	#menu01 a i {background:url(../image/sub/menu_r_bg.gif) right no-repeat; display:block; text-align:center;}
#menu01 a:hover {background:url(../image/sub/menu_bg_roll.gif) repeat-x; height:35px; display:block; text-align:center;}
	#menu01 a:hover b {background:url(../image/sub/menu01_roll.gif) center no-repeat; height:25px; display:block; text-align:center; padding-top:10px;}
	#menu01 a:hover em {background:url(../image/sub/menu_l_bg_roll.gif) left no-repeat; display:block; text-align:center;}
	#menu01 a:hover i {background:url(../image/sub/menu_r_bg_roll.gif) right no-repeat; display:block; text-align:center;}

#menu02 a {background:url(../image/sub/menu_bg.gif) repeat-x; height:35px; display:block; text-align:center;}
	#menu02 a b {background:url(../image/sub/menu02.gif) center no-repeat; height:25px; display:block; text-align:center; padding-top:10px;}
	#menu02 a em {background:url(../image/sub/menu_l_bg.gif) left no-repeat; display:block; text-align:center;}
	#menu02 a i {background:url(../image/sub/menu_r_bg.gif) right no-repeat; display:block; text-align:center;}
#menu02 a:hover {background:url(../image/sub/menu_bg_roll.gif) repeat-x; height:35px; display:block; text-align:center;}
	#menu02 a:hover b {background:url(../image/sub/menu02_roll.gif) center no-repeat; height:25px; display:block; text-align:center; padding-top:10px;}
	#menu02 a:hover em {background:url(../image/sub/menu_l_bg_roll.gif) left no-repeat; display:block; text-align:center;}
	#menu02 a:hover i {background:url(../image/sub/menu_r_bg_roll.gif) right no-repeat; display:block; text-align:center;}
	
#menu03 a {background:url(../image/sub/menu_bg.gif) repeat-x; height:35px; display:block; text-align:center;}
	#menu03 a b {background:url(../image/sub/menu03.gif) center no-repeat; height:25px; display:block; text-align:center; padding-top:10px;}
	#menu03 a em {background:url(../image/sub/menu_l_bg.gif) left no-repeat; display:block; text-align:center;}
	#menu03 a i {background:url(../image/sub/menu_r_bg.gif) right no-repeat; display:block; text-align:center;}
#menu03 a:hover {background:url(../image/sub/menu_bg_roll.gif) repeat-x; height:35px; display:block; text-align:center;}
	#menu03 a:hover b {background:url(../image/sub/menu03_roll.gif) center no-repeat; height:25px; display:block; text-align:center; padding-top:10px;}
	#menu03 a:hover em {background:url(../image/sub/menu_l_bg_roll.gif) left no-repeat; display:block; text-align:center;}
	#menu03 a:hover i {background:url(../image/sub/menu_r_bg_roll.gif) right no-repeat; display:block; text-align:center;}
	
#menu04 a {background:url(../image/sub/menu_bg.gif) repeat-x; height:35px; display:block; text-align:center;}
	#menu04 a b {background:url(../image/sub/menu04.gif) center no-repeat; height:25px; display:block; text-align:center; padding-top:10px;}
	#menu04 a em {background:url(../image/sub/menu_l_bg.gif) left no-repeat; display:block; text-align:center;}
	#menu04 a i {background:url(../image/sub/menu_r_bg.gif) right no-repeat; display:block; text-align:center;}
#menu04 a:hover {background:url(../image/sub/menu_bg_roll.gif) repeat-x; height:35px; display:block; text-align:center;}
	#menu04 a:hover b {background:url(../image/sub/menu04_roll.gif) center no-repeat; height:25px; display:block; text-align:center; padding-top:10px;}
	#menu04 a:hover em {background:url(../image/sub/menu_l_bg_roll.gif) left no-repeat; display:block; text-align:center;}
	#menu04 a:hover i {background:url(../image/sub/menu_r_bg_roll.gif) right no-repeat; display:block; text-align:center;}
	
#menu05 a {background:url(../image/sub/menu_bg.gif) repeat-x; height:35px; display:block; text-align:center;}
	#menu05 a b {background:url(../image/sub/menu05.gif) center no-repeat; height:25px; display:block; text-align:center; padding-top:10px;}
	#menu05 a em {background:url(../image/sub/menu_l_bg.gif) left no-repeat; display:block; text-align:center;}
	#menu05 a i {background:url(../image/sub/menu_r_bg.gif) right no-repeat; display:block; text-align:center;}
#menu05 a:hover {background:url(../image/sub/menu_bg_roll.gif) repeat-x; height:35px; display:block; text-align:center;}
	#menu05 a:hover b {background:url(../image/sub/menu05_roll.gif) center no-repeat; height:25px; display:block; text-align:center; padding-top:10px;}
	#menu05 a:hover em {background:url(../image/sub/menu_l_bg_roll.gif) left no-repeat; display:block; text-align:center;}
	#menu05 a:hover i {background:url(../image/sub/menu_r_bg_roll.gif) right no-repeat; display:block; text-align:center;}
	
#menu06 a {background:url(../image/sub/menu_bg.gif) repeat-x; height:35px; display:block; text-align:center;}
	#menu06 a b {background:url(../image/sub/menu06.gif) center no-repeat; height:25px; display:block; text-align:center; padding-top:10px;}
	#menu06 a em {background:url(../image/sub/menu_l_bg.gif) left no-repeat; display:block; text-align:center;}
	#menu06 a i {background:url(../image/sub/menu_r_bg.gif) right no-repeat; display:block; text-align:center;}
#menu06 a:hover {background:url(../image/sub/menu_bg_roll.gif) repeat-x; height:35px; display:block; text-align:center;}
	#menu06 a:hover b {background:url(../image/sub/menu06_roll.gif) center no-repeat; height:25px; display:block; text-align:center; padding-top:10px;}
	#menu06 a:hover em {background:url(../image/sub/menu_l_bg_roll.gif) left no-repeat; display:block; text-align:center;}
	#menu06 a:hover i {background:url(../image/sub/menu_r_bg_roll.gif) right no-repeat; display:block; text-align:center;}
	
#menu07 a {background:url(../image/sub/menu_bg.gif) repeat-x; height:35px; display:block; text-align:center;}
	#menu07 a b {background:url(../image/sub/menu07.gif) center no-repeat; height:25px; display:block; text-align:center; padding-top:10px;}
	#menu07 a em {background:url(../image/sub/menu_l_bg.gif) left no-repeat; display:block; text-align:center;}
	#menu07 a i {background:url(../image/sub/menu_r_bg.gif) right no-repeat; display:block; text-align:center;}
#menu07 a:hover {background:url(../image/sub/menu_bg_roll.gif) repeat-x; height:35px; display:block; text-align:center;}
	#menu07 a:hover b {background:url(../image/sub/menu07_roll.gif) center no-repeat; height:25px; display:block; text-align:center; padding-top:10px;}
	#menu07 a:hover em {background:url(../image/sub/menu_l_bg_roll.gif) left no-repeat; display:block; text-align:center;}
	#menu07 a:hover i {background:url(../image/sub/menu_r_bg_roll.gif) right no-repeat; display:block; text-align:center;}



#contents {padding:20px 20px 10px 20px; vertical-align:top; min-width:1131px;}

#left_wrap {width:316px;.width:318px; height:670px; display:block; border:#d5d5d5 solid 1px; vertical-align:top; float:left;}
	#left{width:314px;.width:316px;}

#.metro_arrive_info_result_modify {width:292px; border-right:#d6d6d6 solid 1px; overflow-x:hidden; overflow-y:auto; max-height:120px; font-size:12px; }
#    .metro_arrive_info_result_modify table{border: 1px solid #d6d6d6; width:310px; font-size:12px;}
#	.metro_arrive_info_result_modify table th p {font-family:Gulim; font-size:12px; font-weight:normal; text-align:center; width:97px;}
#    .metro_arrive_info_result_modify table td p {background:#F5F5F5; border:#d6d6d6 solid 1px; text-align:left; width:304px; padding:4px 7px 4px 7px;  }
#    #.metro_arrive_info_result_modify table td p a {font:12px Gulim;color:#1e3b81}
#    .metro_arrive_info_result_modify table td ul {background:#F5F5F5; border:#d6d6d6 solid 1px; text-align:right; width:304px; padding:4px 7px 4px 7px;  }
#    #.metro_arrive_info_result_modify th {border:#000000 solid 1px; text-align:left; width:130px; padding:4px 7px 4px 7px;  }

#left_sub_wrap {width:345px;.width:318px; height:670px; display:block; border:#d5d5d5 solid 1px; vertical-align:top; float:left;}
	#left_sub{width:345px;.width:316px;}	
		/*버스검색*/
		#bus_search {width:316px; height:138px; background:url(../image/sub/bus_search_bg.gif) top left no-repeat; position:relative;}
			#bus_search input {border:1px solid #ffffff; font-family:Gulim; font-size:16px; line-height:22px; font-weight:bold; color:#555555; background:#ffffff; width:225px; height:22px; position:absolute; left:32px; top:87px;}
			#bus_search .search_button {position:absolute; left:265px; top:87px;}
			
		/*지하철검색*/	
		#metro_search {width:345px; height:138px; background:url(../image/sub/metro_search_bg_2.png) top left no-repeat; position:relative;}
		#metro_sub_search {width:380px; height:138px; background:url(../image/sub/metro_search_bg.gif) top left no-repeat; position:relative;}
			#metro_search input {border:1px solid #ffffff; font-family:Gulim; font-size:16px; line-height:22px; font-weight:bold; color:#555555; background:#ffffff; width:225px; height:22px; position:absolute; left:45px; top:88px;}
			#metro_search .search_button {position:absolute; left:280px; top:88px;}
			
			
			.bus_num_list {width:306px; margin-left:5px;}
			.bus_num_list_wrap { width:306px; border:#d6d6d6 solid 1px; overflow-x:hidden; overflow-y:auto; max-height:148px; font-size:12px; }
			.bus_num_list .tltle {margin-top:13px; margin-bottom:7px;}
			.bus_num_list table {font-size:14px; font-weight:bold; text-decoration:none; background:#d6d6d6; width:306px;}
			.bus_num_list .bus_num { width:170px; background:#eeeeee; text-align:center; padding:4px 0 4px 0px; vertical-align:middle;}
			.bus_num_list .bus_info {background:#eeeeee; text-align:center; padding:4px 0 4px 0px; vertical-align:middle;}
			.bus_num_list .bus_info_result {text-align:center; vertical-align:middle;  padding:4px 0 4px 0px; border-left:#d6d6d6 solid 1px;}
			.bus_num_list .bus_num_result { width:184px; padding:4px 0 4px 7px; vertical-align:middle;}
			.bus_num_list .bus_num_result img { vertical-align:middle; padding-bottom:3px;}
			.bus_num_list table td {background:#FFFFFF; text-align:left; padding:4px 0 4px 7px; vertical-align:middle;}
			.bus_num_list table td img { margin-bottom:-2px;}
			.bus_num_list p {font-family:Gulim; font-size:13px; line-height:1.6em; display:inline;}
			
			.search_result {width:306px; margin-left:5px;}
			.search_result .tltle {margin-top:13px; margin-bottom:7px;}
			.search_result table {font-size:14px; font-weight:bold; text-decoration:none; background:#d6d6d6; width:306px;}
			.search_result table td {background:#FFFFFF; text-align:left; padding:4px 0 4px 7px; vertical-align:middle;}
			.search_result .bus_num{ width:65%; background:#eeeeee; text-align:center; padding:4px 0 4px 0px; vertical-align:middle;}
			.search_result .bus_arrive{ width:35%; background:#eeeeee; text-align:center; padding:4px 0 4px 0px; vertical-align:middle;}
			.search_result p {font-family:Gulim; font-size:13px; line-height:1.4em;}
			
			.search_stop_num {width:306px; margin-left:5px;}
			.search_stop_num .tltle {margin-top:13px; margin-bottom:7px;}
			.search_stop_num table {font-size:13px; font-weight:bold; text-decoration:none; width:306px; background:#d6d6d6;}
			.search_stop_num table td {background:#FFFFFF; text-align:left; padding:6px 0 3px 7px; vertical-align:middle;}
			.search_stop_num .bus_num {font-family:Gulim; font-size:13px; width:139px; background:#eeeeee; text-align:left; padding:4px 7px 4px 7px; vertical-align:middle;}
			.search_stop_num .bus_arrive {font-family:Gulim; font-size:13px; width:136px;; background:#eeeeee; text-align:left; padding:4px 7px 4px 7px; vertical-align:middle;}
			.search_stop_num .bus_arrive img { margin-top:3px;}			
			
			.search_result_list_wrap {width:306px; margin-left:5px;}
			.search_result_list_wrap .tltle {margin-top:13px; margin-bottom:7px;}
			.search_result_list_wrap table {font-size:13px; font-weight:bold; text-decoration:none;  width:306px; border-left:#d6d6d6 solid 1px;  border-right:#d6d6d6 solid 1px; border-top:#d6d6d6 solid 1px;}
			.search_result_list_wrap table td {background:#FFFFFF; text-align:left; padding: 6px 0 3px 4px; vertical-align:middle;}
			.search_result_list_wrap .bus_num {width:140px;background:#eeeeee; text-align:center; padding:4px 0 4px 0px; vertical-align:middle;}
			.search_result_list_wrap .bus_arrive {width:165px;background:#eeeeee; text-align:center; padding:4px 0 4px 0px; vertical-align:middle;}
			.search_result_list_wrap .bus_th {background:#d6d6d6; width:1px;}
			.search_result_list_wrap table td .bus_rt {width:140px;}
			.search_result_list_wrap .stop_name1{width:171px; border-right:#d6d6d6 solid 1px;}
			.search_result_list_wrap .stop_num1{}
			.search_result_list_wrap .stop_th{background:#d6d6d6; width:1px;}
			.search_result_list_wrap .sta_line {background:#d6d6d6; width:1px;}
			.search_result_list_wrap table td .stat_info{background:#FFFFFF; text-align:left; vertical-align:middle; padding-top:2px; padding-left:0px;}
			.search_result_list_wrap table td .stat_arr{background:#FFFFFF; text-align:left; vertical-align:middle; padding-top:2px; padding-left:0px;}
			.search_result_list_wrap table td {background:#FFFFFF; text-align:left; vertical-align:middle;}
			.search_result_list_wrap table td .stop_name{font-family:Gulim; font-size:13px; width:160px; background:#ffffff; text-align:left; padding:4px 7px 4px 7px; vertical-align:middle;}
			.search_result_list_wrap table td .stop_num{font-family:Gulim; font-size:13px; width:137px;; background:#ffffff; text-align:left; padding:4px 7px 4px 7px; vertical-align:middle;}
			
			.search_result_list {width:306px; border-bottom:#d6d6d6 solid 1px; overflow-x:hidden; overflow-y:auto; max-height:400px; }
			.search_result_list table {font-size:13px; font-weight:bold; text-decoration:none; width:306px; background:#d6d6d6;}
			.search_result_list1 table {font-size:13px; font-weight:bold; text-decoration:none; width:263px; background:#d6d6d6;}
			.search_result_list .sta_name {border-bottom: #D6D6D6 solid 1px; border-right: #D6D6D6 solid 1px; padding-bottom:3px; padding-left:3px; padding-top:3px; text-align:left; vertical-align:middle; width:169px;}
			.search_result_list .sta_num  {border-bottom: #D6D6D6 solid 1px; padding-bottom:3px; padding-left:3px; padding-top:3px; text-align:center; vertical-align:middle; }
			.search_result_list .sta_td  {background:#d6d6d6; width:1px;}
			.search_result_list .bus_num {font-family:Gulim; font-size:13px; width:121px; background:#ffffff; text-align:left; padding:4px 7px 4px 7px; vertical-align:middle;}
			.search_result_list1 .bus_num {font-family:Gulim; font-size:13px; width:145px; background:#ffffff; text-align:left; padding:4px 7px 4px 7px; vertical-align:middle;}
			.stopneme {color: #0066CC; font-size:15px;}
			.stopneme1 {color: #0066CC; font-size:12px;}
			.search_result_list .bus_arrive {font-family:Gulim; font-size:13px; width:137px;; background:#ffffff; text-align:left; padding:4px 7px 4px 7px; vertical-align:middle;}
			.search_result_list1 .bus_arrive {font-family:Gulim; font-size:13px; width:165px;; background:#ffffff; text-align:left; padding:4px 7px 4px 7px; vertical-align:middle; border-right:#d6d6d6 solid 1px;}
			.search_result_list .bus_arrive img { margin-top:3px;}			
			
			.bus_basic {width:306px; margin-left:5px;}
			.bus_basic .tltle {margin-top:13px; margin-bottom:7px;}
			.bus_basic table {font-size:14px; font-weight:bold; text-decoration:none; background:#d6d6d6; width:306px;}
			.bus_basic table td {background:#FFFFFF; width:227px; text-align:left; padding:4px 0 4px 7px; vertical-align:middle;}
			.bus_basic table th {background:#eeeeee; width:76px; text-align:center; padding:4px 0 4px 0px; vertical-align:middle;}
			.bus_basic p {font-family:Gulim; font-size:13px; line-height:1.4em;}
			
			.arrive_time {width:306px; margin-left:5px;}
			.arrive_time .tltle {margin-top:13px; margin-bottom:7px;}
			.arrive_time table {text-decoration:none; background:#d6d6d6; width:306px;}
			.arrive_time table td {background:#FFFFFF; width:80px; text-align:center; padding:4px 7px 4px 7px; vertical-align:middle;}
			.arrive_time table th {background:#FFFFFF; width:212px; text-align:center; padding:4px 7px 4px 7px; vertical-align:middle;}
			.arrive_time p {font-family:Gulim; font-size:13px;}
			.arrive_time input {border:1px solid #bcbcbc; font-family:Gulim; font-size:12px; line-height:19px; color:#555555; background:#ffffff; width:116px; height:19px; margin-left:6px;}
			.arrive_time .time p {font-family:Gulim; font-size:18px; color:#555555; font-weight:bold ;}
			.arrive_time .time .time_s {font-family:Gulim; font-size:18px; color:#ff6600; font-weight:bold;}
			
			.stopname_list {width:306px; margin-left:5px;}
			.stopname_list .tltle {margin-top:13px; margin-bottom:7px;}
			.stopname_list table {font-size:14px; font-weight:bold; text-decoration:none; background:#d6d6d6; width:306px;}
			.stopname_list table td {background:#FFFFFF; text-align:left; padding:4px 0 4px 7px; vertical-align:middle;}
			.stopname_list table th {background:#eeeeee; text-align:center; padding:4px 0 4px 0px; vertical-align:middle;}
			.stopname_list table th .stop_name{ width:70%;}
			.stopname_list table th .stop_num{ width:30%;}
			.stopname_list p {font-family:Gulim; font-size:13px; line-height:1.4em;}


/**메트로**/
.metro {width:306px; margin-left:5px;}
.metro .tltle {margin-top:13px; margin-bottom:7px;.margin-bottom:5px;}

.metro_result_list {width:306px; margin-left:5px;}
			.metro_result_list .tltle {margin-top:13px; margin-bottom:7px;}
			.metro_result_list table {font-size:14px; font-weight:bold; text-decoration:none; background:#d6d6d6; width:306px;}
			.metro_result_list .metro_num { width:30%; background:#eeeeee; text-align:center; padding:4px 0 4px 0px; vertical-align:middle;}
			.metro_result_list .metro_name { width:70%; background:#eeeeee; text-align:center; padding:4px 0 4px 0px; vertical-align:middle;}
			.metro_result_list .metro_name_result {text-align:left; vertical-align:middle;  padding:4px 7px 4px 7px;}
			.metro_result_list table td {background:#FFFFFF; text-align:center; padding:4px 0 4px 0px; vertical-align:middle;}
			.metro_result_list table td p {font-family:Gulim; font-size:12px; font-weight:normal; line-height:1.6em; display:inline;}
			.metro_result_list table td img { margin-bottom:-2px;}
			.metro_result_list p {font-family:Gulim; font-size:13px; line-height:1.6em; display:inline;}
			
						
#station_name {width:339px; border:#d6d6d6 solid 1px; background:#f8f8f8; color:#222222}	
	.select_line {height:10px; text-align:right; padding-top:7px; padding-right:7px;}	
		.select_line img {margin-left:10px; height:13px;}
	/*역 호선에 따른 배경*/	
	.view_station_1 {height:78px; background:url(../image/sub/m_bg_1.gif) center no-repeat;}
	.view_station_2 {height:78px; background:url(../image/sub/m_bg_2.gif) center no-repeat;}
	.view_station_3 {height:78px; background:url(../image/sub/m_bg_3.gif) center no-repeat;}
	.view_station_4 {height:78px; background:url(../image/sub/m_bg_4.gif) center no-repeat;}
	.view_station_5 {height:78px; background:url(../image/sub/m_bg_5.gif) center no-repeat;}
	.view_station_6 {height:78px; background:url(../image/sub/m_bg_6.gif) center no-repeat;}
	.view_station_7 {height:78px; background:url(../image/sub/m_bg_7.gif) center no-repeat;}
	.view_station_8 {height:78px; background:url(../image/sub/m_bg_8.gif) center no-repeat;}
	.view_station_9 {height:78px; background:url(../image/sub/m_bg_9.gif) center no-repeat;}
	.view_station_bundang {height:78px; background:url(../image/sub/m_bg_bundang.gif) center no-repeat;}
	.view_station_inchen {height:78px; background:url(../image/sub/m_bg_inchen.gif) center no-repeat;}
	.view_station_bundang_new {height:78px; background:url(../image/sub/m_bg_bundang_new.gif) center no-repeat;}
	.view_station_67 {height:78px; background:url(../image/sub/m_bg_chun.gif) center no-repeat;}
	.view_station_ui {height:78px; background:url(../image/sub/m_bg_ui.gif) center no-repeat;}
	.view_station_center {height:78px; background:url(../image/sub/m_bg_center.gif) center no-repeat;}	
	.view_station_chun {height:78px; background:url(../image/sub/m_bg_chun.gif) center no-repeat;}
	.view_station_airport {height:78px; background:url(../image/sub/m_bg_airport.gif) center no-repeat;}
	.view_station_suin {height:78px; background:url(../image/sub/m_bg_suin.gif) center no-repeat;}
	.view_station_default {height:78px; background:url(../image/sub/m_bg_all.gif) center no-repeat;}
	
	.select_station {height:30px; border-top:#d6d6d6 solid 1px; line-height:30px;}
	.select_station ul li { float:left;}
	.select_station ul li a {text-decoration:none; font-family:Gulim; font-size:13px; font-weight:bold; color:#222222}
	.select_station ul li a:hover {text-decoration:none; font-family:Gulim; font-size:13px; font-weight:bold; color:#777777}  
	.select_station ul li img{ margin-top:8px;.margin-top:1px;}
	.select_station .prev_station { text-align:center; width:125px; }
	.select_station .next_station { text-align:center; width:125px; }
.station_icon { text-align:center; font-family:Gulim; font-size:15px; font-weight:bold; line-height:78px;.line-height:76px;}		
.station_icon img {margin-right:7px; margin-bottom:-5px;}

.metro_info_result {width:334px; border:#d6d6d6 solid 1px; margin-top:10px; height:390px; }
.metro_info_result_00 {width:304px; border:#d6d6d6 solid 1px; margin-top:10px; height:347px; }
	#metro_tab_menu {width:368px; height:27px; display:block; padding-top:30px; position:relative;}
	.tab01 {position:absolute; top:-1px; left:0px; width:62px; height:27px;}
	.tab02 {position:absolute; top:0px; left:60px; width:70px; height:27px;}
	.tab03 {position:absolute; top:0px; left:130px; width:85px; height:27px;}
	.tab04 {position:absolute; top:0px; left:215px; width:58px; height:27px;}
	.tab05 {position:absolute; top:-1px; left:273px; width:58px; height:27px;}
	.tab_01 {position:absolute; top:0px; left:0px; width:57px; height:27px;}
	.tab_02 {position:absolute; top:0px; left:57px; width:57px; height:27px;}
	.tab_03 {position:absolute; top:0px; left:114px; width:70px; height:27px;}
	.tab_04 {position:absolute; top:0px; left:184px; width:64px; height:27px;}
	.tab_05 {position:absolute; top:0px; left:248px; width:56px; height:27px;}

#metro_station_info {width:294px; margin-left:5px;}
#metro_station_info .title {margin-top:10px; margin-bottom:6px;}
.metro_station_info_result {width:292px; border:#d6d6d6 solid 1px; font-size:12px; }
	.metro_station_info_result table {width:292px; font-size:12px; font-size:12px;}
	.metro_station_info_result table p {font-family:Gulim; font-size:12px; font-weight:normal;}
	.metro_station_info_result th {border-right:#d6d6d6 solid 1px; background:#eeeeee; text-align:center;  padding:4px 7px 4px 7px; width:60px; vertical-align:middle;}
	.metro_station_info_result td { text-align:left; padding:4px 7px 4px 7px; word-break:break-all; }
	.metro_station_info_result td p {word-break:break-all; line-height:16px; }
	
	
#metro_arrive_info {width:294px; margin-left:5px;}
#metro_arrive_info .title {margin-top:10px; margin-bottom:6px;}
.metro_arrive_info_result {width:292px; border:#d6d6d6 solid 1px; overflow-x:hidden; overflow-y:auto; max-height:120px; font-size:12px; }
	.metro_arrive_info_result table {width:292px; font-size:12px; font-size:13px;}
	.metro_arrive_info_result table p {font-family:Gulim; font-size:12px; font-weight:normal; text-align:center;}
	.metro_arrive_info_result th {background:#eeeeee; text-align:center; width:155px; padding:4px 7px 4px 7px; vertical-align:middle;}
	.metro_arrive_info_result td {border-left:#d6d6d6 solid 1px; text-align:left; width:130px; padding:4px 7px 4px 7px;  }
#새로추가
.metro_arrive_info_result_modify {width:292px; border-right:#d6d6d6 solid 1px; overflow-x:hidden; overflow-y:auto; max-height:120px; font-size:12px; }
    .metro_arrive_info_result_modify table{background:#F0F8FF;border: 1px solid #d6d6d6; width:310px; font-size:12px;}
	.metro_arrive_info_result_modify table th .up1{font-family:Gulim; font-size:12px; font-weight:normal; text-align:center; width:100%; border:1px}
    .metro_arrive_info_result_modify table td p{background:#F5F5F5; border:#d6d6d6 solid 1px; text-align:left; width:304px; padding:4px 7px 4px 7px;  }
    .metro_arrive_info_result_modify table td .arvl1 {background:#FFFFFF; border:#d6d6d6 solid 1px; text-align:left; width:304px; padding:4px 7px 4px 7px;  }
    .metro_arrive_info_result_modify table td .arvl1 .trainImg img{width:100%; height:24px;}
    #.metro_arrive_info_result_modify table td p a {font-size:13px Gulim;color:#1e3b81}
    .metro_arrive_info_result_modify table td ul {background:#F5F5F5; border:#d6d6d6 solid 1px; text-align:right; width:304px; padding:4px 7px 4px 7px;  }
    .metro_arrive_info_result_modify table td .arvl2 {background:#FFFFFF; border:#d6d6d6 solid 1px; text-align:right; width:304px; padding:4px 7px 4px 7px;  }
    .metro_arrive_info_result_modify table td .arvl2 .trainImg2 img{width:100%; height:24px;}
    .metro_arrive_info_result_modify table td .arvl3 {background:#D2FFF0; border:#d6d6d6 solid 1px; text-align:right; width:94%; padding:4px 7px 4px 7px;  }
    #.metro_arrive_info_result_modify th {border:#000000 solid 1px; text-align:left; width:130px; padding:4px 7px 4px 7px;  }



#metro_time_info {width:294px; margin-left:5px;}
#metro_time_info .title {margin-top:10px; margin-bottom:6px;}
.metro_time_info_result {width:292px; border:#d6d6d6 solid 1px; overflow-x:hidden; overflow-y:auto; max-height:263px; font-size:12px; }
	.metro_time_info_result table {width:292px; font-size:12px; font-size:12px;}
	.metro_time_info_result table p {font-family:Gulim; font-size:12px; font-weight:normal;}
	.metro_time_info_result th {background:#eeeeee; text-align:center; width:60px;  padding:4px 7px 4px 7px; vertical-align:middle;}
	.metro_time_info_result td {text-align:center; padding:4px 7px 4px 7px;  }
	.metro_time_info_result .label1 {border-left:#d6d6d6 solid 1px; border-right:#d6d6d6 solid 1px; }
	
#train_info {width:294px; margin-left:5px;}
#train_info .title {margin-top:10px; margin-bottom:6px;}
.train_info_result_00 {width:292px; border:#d6d6d6 solid 1px; border-left:#d6d6d6 solid 1px; border-right:#d6d6d6 solid 1px; border-bottom:#d6d6d6 solid 1px; height:25px; font-size:12px; }
	.train_info_result_00 table {width:292px; font-size:12px; font-size:12px;}
	.train_info_result_00 table p {font-family:Gulim; font-size:12px; font-weight:normal;}
	.train_info_result_00 th {border-right:#d6d6d6 solid 1px; background:#eeeeee; text-align:center;  padding:4px 7px 4px 7px; vertical-align:middle;}
	.train_info_result_00 .b_r_none {border-right:none;}
	
.train_info_result_000 {width:306px; border:#d6d6d6 solid 1px; border-left:#d6d6d6 solid 1px; border-right:#d6d6d6 solid 1px; border-bottom:#d6d6d6 solid 1px; height:25px; font-size:12px; }
	.train_info_result_000 table {width:306px; font-size:12px; font-size:12px;}
	.train_info_result_000 table p {font-family:Gulim; font-size:12px; font-weight:normal;}
	.train_info_result_000 th {border-right:#d6d6d6 solid 1px; background:#eeeeee; text-align:center;  padding:4px 7px 4px 7px; vertical-align:middle;}
	.train_info_result_000 .b_r_none {border-right:none;}
	
.train_info_result {width:292px; border:#d6d6d6 solid 1px; overflow-x:hidden; overflow-y:auto; max-height:245px; font-size:12px; }
	.train_info_result table {width:292px; font-size:12px; font-size:12px;}
	.train_info_result table p {font-family:Gulim; font-size:12px; font-weight:normal;}
	.train_info_result th {border-right:#d6d6d6 solid 1px; background:#eeeeee; text-align:center; width:40px;  padding:4px 7px 4px 7px; vertical-align:middle; border-top:#d6d6d6 solid 1px;}
	.train_info_result td {border-top:#d6d6d6 solid 1px; text-align:left; padding:4px 7px 4px 7px;}
	.train_info_result .td_center {border-right:#d6d6d6 solid 1px; text-align:left; padding:4px 7px 4px 7px; width:120px;  }
	.train_info_result .b_r_none {border-right:none;}
.select_wrap { font-family:Gulim; font-size:12px; font-weight:bold; color:#FF6633; margin-top:7px; margin-bottom:7px;}
.selcet_line {border:1px solid #d6d6d6; font-family:Gulim; font-size:12px; line-height:20px; font-weight:normal; color:#555555; background:#ffffff; width:90px; height:20px;}
.selcet_way {border:1px solid #d6d6d6; font-family:Gulim; font-size:12px; line-height:20px; font-weight:normal; color:#555555; background:#ffffff; width:140px; height:20px;}
/*지하철메뉴*/
#metro_menu_wrap {border-bottom:1px solid #d6d6d6; height:61px;}
#metro_menu {float:right; padding-right:520px;}
#metro_btn { float:left; padding-top:3px; padding-right:14px; text-align:right;}
#metro_flash { height:581px;}
/*버스상단*/
#bus_top_wrap {border-bottom:1px solid #d6d6d6; height:72px;}
#bus_top_wrap .bus_num {float:left; position:relative;}
.bus_num_01 {position:absolute; left:58px; font:bold 20px Dotum;color:#6a6c69;text-decoration:none;line-height:73px;  min-width:300px;}
#bus_top_wrap .bus_num p {position:absolute; left:58px; font:bold 24px Dotum;color:#6a6c69;text-decoration:none;line-height:73px;}
#bus_top_wrap .bus_remark {float:right}
#bus_flash { height:500px; padding-top:35px; padding-bottom:35px;}
/*돌발정보 및 연착정보*/
#notice {border-top:1px solid #d6d6d6; height:26px;  position:relative;}
#notice p {position:absolute; left:37px; font:normal 11px Gulim;color:#3d3d3d;text-decoration:none;line-height:27px;}
/* 역주변 버스노선 */
#metro_bus_info {width:325px; margin-left:5px;}
#metro_bus_info .title {margin-top:10px; margin-bottom:6px;}
.metro_bus_info_result {width:325px; border:#d6d6d6 solid 1px; overflow-x:hidden; overflow-y:auto; max-height:278px; font-size:12px; }


#tbl2 {width:292px;}
#tbl2 td {}
#tbl2 .label {background:#eeeeee; padding:8px 0 5px 9px; border-bottom:1px solid #d6d6d6; font-size:12px; vertical-align:top; width:30px;}
#tbl2 .content {background:#fcfcfc;padding:8px 0 5px 9px; border-bottom:1px solid #d6d6d6; border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6; font-size:12px; vertical-align:top; width:70px;}
#tbl2 .bus {padding:10px 0 7px 10px; border-bottom:1px solid #d6d6d6; font-size:12px; width:162px;}
#tbl2 .bus img {vertical-align:-2px}
#tbl2 .bus span {line-height:15px;}
#tbl2 li {float:left;width:80px;line-height:15px;margin-bottom:5px;}
#tbl2 li a {font:12px Gulim;color:#1e3b81}
#tbl2 li a:link, #tbl2 li a:visited,#tbl2 li a:hover {font:normal 12px Dotum;color:#1e3b81;text-decoration:none;line-height:15px;}
#tbl2 li a:hover {text-decoration:underline}
#tbl2 li .l {float:left;width:12px;margin-right:2px;}
#tbl2 li .r {float:left;width:64px;font:12px Dotum;color:#1e3b81}	

/* 첫차/막차 시간 */
#metro_start_info {width:325x; margin-left:5px;}
#metro_start_info .title {margin-top:10px; margin-bottom:6px;}
.metro_start_info_result {width:308px; border:#d6d6d6 solid 1px; overflow-x:hidden;  overflow-y:auto; max-height:280px; font-size:12px; }
#tbl3 {width:100%; font-size:12px; }
#tbl3 td {border-left:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; font:12px Gulim; padding:5px 7px 5px 7px;  vertical-align:middle;}
#tbl3 th {border-bottom:1px solid #d6d6d6; font:12px Gulim; padding:5px 7px 5px 7px;}
#tbl3 .top td {background:#eeeeee;text-align:center;}
#tbl3 .label {background:#eeeeee;color:#666; font:12px Gulim;text-align:center;}
#tbl3 .label2 {background:#fcfcfc;color:#666;font:12px Gulim;text-align:center;}
#tbl3 .content {background:#fcfcfc; text-align:left; padding:5px 7px 5px 7px;color:#666; border-left:none;}
#tbl3 .hm {padding:5px 7px 5px 7px; font:12px Gulim ;color:#333; text-align:center;}
#tbl3 .b_l_none {border-left:none;}
#tbl3 p { line-height:16px;}
/* 열차시간표 */
#s_s { text-align:right;}
#s_s a {font:12px Gulim; text-decoration:none; color:#555555;}
#s_s a:hover{font:12px Gulim; text-decoration:none; color:#3263dc;}
#s_s .txt_on {font:12px Gulim;  color:#3263dc; font-weight:bold; }
#tbl4 {width:292px;}
#tbl4 td {border-left:1px solid #d6d6d6; border-top:1px solid #d6d6d6}

#tbl4 .top {background:#eeeeee;text-align:center;}
#tbl4 .up {padding:10px 7px 7px 9px;font:11px Dotum;color:#333;}
#tbl4 .down {padding:10px 7px 7px 9px;font:11px Dotum;color:#333;}
#tbl4 .time {background:#eeeeee;text-align:center;font:bold 11px Dotum;border-left:1px solid #d6d6d6;}
#tbl4 .t_up {padding:5px 0 3px 5px;font:12px Gulim;color:#333;}
#tbl4 .t_down {padding:5px 0 3px 5px;font:12px Gulim;color:#333;}
#tbl4 .t_time {background:#f1f1f1;text-align:center;font:11px Dotum;border-left:1px solid #d6d6d6;}

.clr {clear:both;line-height:0}		
		
#right { width:100%; height:670px;vertical-align:top;}
	#con_wrap {/* float:right; min-width:878px; position:relative; */}
		#con_area {width:100%; height:670px; display:block; border:#d5d5d5 solid 1px; vertical-align:top;}
#btn_left_control { position:absolute; top:300px;}

#footer {clear:both; float:right; margin-right:20px;}

/*좌측이용안내배너*/
#use_wrap {margin:11px 0 0 9px;}
#use_wrap ul li { margin-bottom:4px;}
/*마이버스*/
#mybus_search {width:316px; height:154px; background:url(../image/sub/mybus_search_bg.gif) top left no-repeat; position:relative;}
#mybus_input input {border:1px solid #ffffff; font-family:Gulim; font-size:16px; line-height:22px; font-weight:bold; color:#555555; background:#ffffff; width:225px; height:22px; position:absolute; left:32px; top:87px;}
#mybus_input .search_button {position:absolute; left:265px; top:87px; }
#mybus_radio { padding-top:125px; padding-left:7px; }
#mybus_radio input {vertical-align:middle; margin-top: -3px;}
#mybus_radio label {font-family:Gulim; font-size:12px; color:#686868; vertical-align:middle;}
#mybus_info_wrap {width:316px; margin-top:10px; border-bottom:#d6d6d6 solid 1px;}
#mybus_info { width:306px; margin-left:5px; margin-top:10px;}
#mybus_info ul li { background:url(../image/sub/blet_list.gif) 5px 2px no-repeat; dispaly : inline-block;*dispaly:inline;*zoom:1;}
#mybus_info ul li p {font-family:Gulim; font-size:12px; color:#686868; padding-bottom:6px; padding-left:21px; line-height:17px;}
.mybus_admin {width:306px; margin-left:5px;}
	.mybus_admin .tltle {margin-top:13px; margin-bottom:7px;}

#mybus_wrap {margin:20px 20px 20px 20px;}
#mybus_btn { text-align:right; }
#mybus_btn img { margin-left:4px;}
#mybus_list .title {margin-bottom:12px;}
.mybus_list_result {border:1px; border-style:solid; border-color:#d6d6d6;}
.mybus_list_result th {border-right:#d6d6d6 solid 1px; border-bottom:#d6d6d6 solid 1px; background:#eeeeee; text-align:center;  padding:4px 7px 4px 7px; line-height:22px;}
.mybus_list_result td {border-right:#d6d6d6 solid 1px; text-align:center;  padding:4px 7px 4px 7px; line-height:22px;}
.mybus_list_result .b_r_none {border-right:none;}
.mybus_list_result td img{ margin:0; padding:0;  vertical-align:middle; margin-top:-2px; }
.mybus_list_result .th_second {background:#f4f4f4;}
.mybus_list_result .th_second_none {background:#f4f4f4; border-right:none;}

#mybus_arrive .title {margin-top:25px; margin-bottom:12px;}
#mybus_arrive table tr td th {border-right:#d6d6d6 solid 1px; background:#eeeeee; text-align:center;  padding:4px 7px 4px 7px;}

#distance_wrap01 {width:306px; margin-left:5px; margin-top:10px;}
#distance_wrap01 .title {margin-top:10px; margin-bottom:6px;}
.distance { border:1px; border-style:solid; border-color:#d6d6d6; padding:15px; margin-top:6px; margin-bottom:10px;}

#distance_wrap02 {width:306px; margin-left:5px; margin-top:10px;}
#distance_wrap02 .title {margin-top:10px; margin-bottom:6px;}
.distance02 { border:1px; border-style:solid; border-color:#d6d6d6; margin-top:6px; margin-bottom:10px;}

.width_dis {border:#c0c0c0 1px solid; font-family:Gulim; font-size:16px; line-height:16px;  color:#555555; background:#ffffff; width:170px; height:21px;}
.dis_01 { height:25px; margin-bottom:7px;}
.dis_01 ul li { float: left;}
.dis_02 { height:25px; margin-bottom:7px;}
.dis_02 ul li { float: left;}
.dis_03 { height:25px; margin-bottom:10px;}
.dis_03 ul li { float: left;}
.btn_plus { height:13px; margin-bottom:7px;}
.img_m { padding-top:5px;}
.img_m_l { margin-left:5px; float:right;}
#distance_result01 {}
#distance_result01 .title {margin-top:10px; margin-bottom:6px;}
.distance_result01_result {width:304px; border:#d6d6d6 solid 1px; overflow-x:hidden; overflow-y:auto; max-height:410px; font-size:12px; margin-top:6px; }
	.distance_result01_result table {width:304px; font-size:12px;}
	.distance_result01_result table p {font-family:Gulim; font-size:12px; font-weight:normal;}
	.distance_result01_result th {border-right:#d6d6d6 solid 1px; background:#eeeeee; text-align:center;  padding:4px 7px 4px 7px; width:60px;}
	.distance_result01_result td { vertical-align:middle;}
	.distance_result01_result .re_txt { text-align:left; padding:4px 5px 4px 7px; }
.distance_result01_result .sub_title {font-size:13px; font-weight:bold; line-height:20px; background:url(../image/sub/blet02.gif) 6px 7px no-repeat; padding-left:22px; padding-top:4px; padding-bottom:4px; padding-right:7px; text-align:left;}
.distance_result01_result .btn_re { width:103px; float:right; vertical-align:middle; padding-right:18px; height:20px; margin: auto 0;}
.distance_result01_result .btn_re img {margin-top:4px;.margin-top:0px;}

.bus_icon01 img{ vertical-align:middle; padding-bottom:3px;}
#bus_location ul li { float:left; margin:0; padding:0;}
#bus_location ul { }
#bus_location { width:350px; margin:0 auto;}
#bus_location li img{ margin:0; padding:0; margin-bottom:-5px; .margin-bottom:3px; }

.mybus_result {width:304px; border:#d6d6d6 solid 1px; font-size:12px; margin-top:6px; }
	.mybus_result table {width:304px; font-size:12px; font-size:12px;}
	.mybus_result table p {font-family:Gulim; font-size:12px; font-weight:normal;}
	.mybus_result tr {border-bottom:#d6d6d6 solid 1px;}
	.mybus_result th {border-right:#d6d6d6 solid 1px; background:#eeeeee; text-align:center;  padding:4px 7px 4px 7px; width:60px; vertical-align:middle;}
	.mybus_result td { text-align:left; padding:4px 7px 4px 7px; word-break:break-all; }
	.mybus_result td p {display: inline; }
.width_my {border:#c0c0c0 1px solid; font-family:Gulim; font-size:16px; line-height:12px;  color:#555555; background:#ffffff; width:180px; height:18px;}
.width_my_00 {border:#c0c0c0 1px solid; font-family:Gulim; font-size:16px; line-height:12px;  color:#555555; background:#ffffff; width:60px; height:22px;}


.introflashDiv {
    top:24px;
}

    .nBusDiv(width:316px; height:670px)	
	.nBusDiv table{border: 1px solid #d6d6d6; width:310px; max-height:670px; font-size:12px; left:5px;}
	.nBusDiv table td p {background:#5F9EA0; border:#d6d6d6 solid 1px; text-align:center; width:295px; padding:4px 7px 4px 7px;  }
    .nBusDiv table td ul{background:#F5F5F5; border:#d6d6d6 solid 1px; font-weight:bold; color:#A52A2A;text-align:left; width:295px; padding:4px 7px 4px 7px;  }
    
	.nBus_num_list {width:100%; margin-left:5px;}
	.nBus_num_list_wrap { width:100%; border:#d6d6d6 solid 1px; overflow-x:hidden; overflow-y:auto; max-height:340px; font-size:12px; }
	.nBus_num_list .title {margin-top:13px; margin-bottom:7px;}
	.nBus_num_list table {font-size:14px; font-weight:bold; text-decoration:none; background:#d6d6d6; width:306px;}
	.nBus_num_list .nBus_num { width:170px; background:#eeeeee; text-align:center; padding:4px 0 4px 0px; vertical-align:middle;}
	.nBus_num_list .nBus_info {background:#eeeeee; text-align:center; padding:4px 0 4px 0px; vertical-align:middle;}
	.nBus_num_list .nBus_info_result {text-align:center; vertical-align:middle;  padding:4px 0 4px 0px; border-left:#d6d6d6 solid 1px;}
	.nBus_num_list .nBus_num_result { width:184px; padding:4px 0 4px 7px; vertical-align:middle;}
	.nBus_num_list .nBus_num_result img { vertical-align:middle; padding-bottom:3px;}
	.nBus_num_list table td {background:#FFFFFF; text-align:left; padding:4px 0 4px 7px; vertical-align:middle;}
	.nBus_num_list table td img { margin-bottom:-2px;}
	.nBus_num_list_wrap table td ul{background:#F5F5F5; border:#d6d6d6 solid 1px; font-size:15px ;font-weight:bold; color:#A52A2A;text-align:left; width:295px; padding:4px 7px 4px 7px;  }
	.nBus_num_list p {font-family:Gulim; font-size:13px; line-height:1.6em; display:inline;}
	.nBus_num_list .nBus_subway_lst { }
	
/* 버스번호 테이블 (웹접근성으로 인한 수정) */
.station-header__bus_num {
	width:120px; background:#eeeeee; text-align:center; padding:4px 0 4px 0px; vertical-align:middle;
}
.station-header__bus_arrive {
	width:165px;background:#eeeeee; text-align:center; padding:4px 0 4px 0px; vertical-align:middle;
}

.station-header__name {
	width:171px; background:#eeeeee; text-align:center; padding:4px 0 4px 0px; vertical-align:middle;
}
.station-header__num {
	background:#eeeeee; text-align:center; padding:4px 0 4px 0px; vertical-align:middle;
}

/* For web accessibility JGY */
.bt--wa {	border: none; background-color:transparent;}
.bt--wa:focus {	outline:auto; }
.chk--wa {}
.chk--wa:focus {	outline:auto; }
.select--wa { }
.select--wa:focus {	outline:auto; }