@charset "utf-8";

/*
 * 시티투어토스 > 순환형 코스
 * http://ctb.ggad.co.kr/ko/02course/01.php
 */
.map_loop_type_wrap			{ position:relative; height:400px; background:url("../../images/02course/art1_1.jpg") no-repeat 110px 100px; border:0px solid #f00; }
	.map_loop_type_wrap h3	{ position:absolute; }
	.map_loop_type_wrap h3 p{ width:100%; height:25px; line-height:25px; background-color:#c8000d; color:#fff; margin-top:10px;}
	.map_loop_type_wrap h3 a		{ text-decoration:none; color:#fff; }
	.map_loop_type_wrap h3 a:hover	{ text-decoration:underline; color:#fff; }

	h3.loop_map_h3_1		{ width:120px; height:25px; line-height:25px; text-align:center; background-color:#0066a5; color:#fff; left:50%; margin:230px 0 0 -80px;  }
	h3.loop_map_h3_2		{ width:150px; height:75px; text-align:center; font-size:20px; right:50%; margin:197px 110px 0 0; }
	h3.loop_map_h3_3		{ width:170px; height:75px; text-align:center; font-size:20px; left:50%; margin:197px 0 0 70px; }
	.loop_map_type1			{ position:absolute; }
	ol.loc1					{ right:50%; }
	ol.loc1 li				{ position:absolute; font-weight:bold; white-space:nowrap; text-align:center; }
	ol.loc1 li.loc1_1		{ display:none; }
	ol.loc1 li.loc1_2		{ top:310px; left:-88px; }
	ol.loc1 li.loc1_3		{ top:310px; left:-197px; }
	ol.loc1 li.loc1_4		{ top:310px; left:-273px; }
	ol.loc1 li.loc1_5		{ top:270px; left:-392px; text-align:right; }
	ol.loc1 li.loc1_6		{ text-align:right; top:187px; left:-395px; }
	ol.loc1 li.loc1_7		{ text-align:right; top:111px; left:-426px; text-align:right; }
	ol.loc1 li.loc1_8		{ top:95px; left:-270px; }
	ol.loc1 li.loc1_9		{ top:95px; left:-180px; }
	ol.loc1 li.loc1_10		{ top:112px; left:-100px; }

	ol.loc2					{ left:50%; }
	ol.loc2 li				{ position:absolute; font-weight:bold; white-space:nowrap; text-align:center; }
	ol.loc2 li.loc2_1		{ display:none; }
	ol.loc2 li.loc2_2		{ top:310px; left:5px; }
	ol.loc2 li.loc2_3		{ top:310px; left:135px; }
	ol.loc2 li.loc2_4		{ top:310px; left:254px; }
	ol.loc2 li.loc2_5		{ text-align:left; top:187px; left:293px; }
	ol.loc2 li.loc2_6		{ text-align:left; top:103px; left:263px; }
	ol.loc2 li.loc2_7		{ top:75px; left:110px; }
	ol.loc2 li.loc2_8		{ top:97px; left:25px; }

	ol.loc3					{ }
	ol.loc3 li				{ }
	ol.loc3 li a			{ position:relative; vertical-align:middle; color:#000; text-decoration:none; }
	ol.loc3 li a:hover		{ text-decoration:underline; }
	ol.loc3 li a img		{ position:absolute; margin:-1px 0 0 -20px; }
	ol.loc3 li.style1		{ float:left; padding:10px 19px 15px 19px; margin-left:10px; }	
	ol.loc3 li.style2		{ float:right; padding:10px 15px 15px 40px; }
	ol.loc3 li.style3		{ float:right; padding:10px 15px 15px 15px; }
	ol.loc3 li.arrow1		{ background:url('../../images/02course/map_assist_arrow1.gif') no-repeat right 15px; }
	ol.loc3 li.arrow2		{ background:url('../../images/02course/map_assist_arrow2.gif') no-repeat left 15px; }
	ol.loc3 li.arrow3		{ background:url('../../images/02course/map_assist_arrow3.gif') no-repeat center bottom; }

	ol.loc4					{ cursor:pointer; }
	ol.loc4 li a			{ position:relative; vertical-align:middle; color:#000; text-decoration:none; }
	ol.loc4 li a:hover		{ text-decoration:underline; }
	ol.loc4 li a img		{ position:absolute; margin:-1px 0 0 -20px; }
	ol.loc4 li.style1		{ float:left; padding:10px 22px 15px 10px; margin-right:7px; }
	ol.loc4 li.style2		{ float:left; padding:10px 23px 15px 28px; }
	ol.loc4 li.arrow1		{ background:url('../../images/02course/map_assist_arrow1.gif') no-repeat right 15px; }
	ol.loc4 li.arrow2		{ background:url('../../images/02course/map_assist_arrow2.gif') no-repeat left 15px; }
	ol.loc4 li.arrow3		{ background:url('../../images/02course/map_assist_arrow3.gif') no-repeat center bottom; }
	
	ol.loc5					{ }
	ol.loc5 li a			{ position:relative; vertical-align:middle; color:#000; text-decoration:none; }
	ol.loc5 li a:hover		{ text-decoration:underline; }
	ol.loc5 li a img		{ position:absolute; margin:-1px 0 0 -20px; }
	ol.loc5 li.style1		{ float:left; padding:10px 27px 15px 20px; }
	ol.loc5 li.style2		{ float:left; padding:10px 27px 15px 37px; }
	ol.loc5 li.style3		{ float:right; padding:10px 27px 15px 37px; }
	ol.loc5 li.arrow1		{ background:url('../../images/02course/map_assist_arrow1.gif') no-repeat right 15px; }
	ol.loc5 li.arrow2		{ background:url('../../images/02course/map_assist_arrow2.gif') no-repeat left 15px; }
	ol.loc5 li.arrow3		{ background:url('../../images/02course/map_assist_arrow3.gif') no-repeat center bottom; }

	ol.loc6 				{ cursor:pointer; }
	ol.loc6 li a			{ position:relative; vertical-align:middle; color:#000; text-decoration:none; }
	ol.loc6 li a:hover		{ text-decoration:underline; }
	ol.loc6 li a img		{ position:absolute; margin:-1px 0 0 -20px; }
	ol.loc6 li.style1		{ float:left; padding:10px 24px 15px 22px; margin-right:13px; }
	ol.loc6 li.style2		{ float:right; padding:10px 25px 15px 25px; }
	ol.loc6 li.style3		{ float:left; padding:10px 15px 15px 0; margin-right:13px; }
	ol.loc6 li.arrow1		{ background:url('../../images/02course/map_assist_arrow1.gif') no-repeat right 15px; }
	ol.loc6 li.arrow2		{ background:url('../../images/02course/map_assist_arrow2.gif') no-repeat left 15px; }
	ol.loc6 li.arrow3		{ background:url('../../images/02course/map_assist_arrow3.gif') no-repeat center bottom; }
	.magR10					{ margin-right:10px; }

	ol.loc7					{ }
	ol.loc7 li				{ }
	ol.loc7 li a			{ position:relative; vertical-align:middle; color:#000; text-decoration:none; }
	ol.loc7 li a:hover		{ text-decoration:underline; }
	ol.loc7 li a img		{ position:absolute; margin:-1px 0 0 -20px; }
	ol.loc7 li.style1		{ float:left; height:30px; padding:10px 18px 15px 18px; margin-right:8px;  }
	ol.loc7 li.arrow1		{ background:url('../../images/02course/map_assist_arrow1.gif') no-repeat right 15px; }
	ol.loc7 li.style2		{ float:right; padding:10px 22px 15px 30px;margin-right:5px; }
	ol.loc7 li.arrow2		{ background:url('../../images/02course/map_assist_arrow2.gif') no-repeat left 15px; }
	ol.loc7 li.arrow3		{ background:url('../../images/02course/map_assist_arrow3.gif') no-repeat center bottom; }

/*
 * 시티투어토스 > 순환형 코스 > 해운대 방향
 * http://ctb.ggad.co.kr/ko/02course/02.php
 */
.map_wrap					{ position:relative; width:100%; margin:0 auto; }
.map_btn_wrap				{ position:relative; width:100%; height:80px; display:table; padding:10px 0; background:url('../../images/02course/map_assist_bus.jpg') no-repeat 35px 40px; }
.map_btn_wrap .button1		{ padding:5px 5px; text-align:center; }
.map_btn_wrap .button2		{ position:absolute; width:100px; padding:5px 5px; text-align:center; }				/* PREV 버튼 */
.map_btn_wrap .button3		{ position:absolute; width:100px; padding:5px 5px; text-align:center; right:0; }	/* NEXT 버튼 */

.map_tab_wrap						{ position:absolute; width:304px; height:29px; display:table; right:10px; top:-29px; }
.map_tab_wrap1						{ background:url('../../images/02course/map_tab1.gif') no-repeat center top; }
	.map_tab_wrap p					{ width:50%; float:left; display:table-cell; cursor:pointer; text-align:center; }
	.map_tab_wrap p input			{ background:transparent; padding:0; margin:0; cursor:pointer; border:0px solid #f00; }
	.map_tab_wrap1 p.map1			{ color:#fff; padding-top:8px; }
	.map_tab_wrap1 p.map1 a			{ color:#fff; padding-left:30px; background:transparent; cursor:pointer; text-decoration:none; }
	.map_tab_wrap1 p.map1 a:hover	{ text-decoration:underline; }
	.map_tab_wrap1 p.map2			{ color:#444; padding-top:8px; }
	.map_tab_wrap1 p.map2 a			{ color:#444; padding-right:10px; background:transparent; cursor:pointer; text-decoration:none; }
	.map_tab_wrap1 p.map2 a:hover	{ text-decoration:underline; }


.list_frame					{ width:865px; border:1px solid #cacaca; display:none; clear:both; position:relative; }
	#driving_list			{ width:845px; border:0px; margin:10px; }

.map_frame					{ width:865px; height:438px; border:1px solid #cacaca; }
	#map					{ width:845px; height:418px; border:0px; margin:10px; }
	.map_detail_info_wrap	{ 
		position:absolute; margin:20px 0 0 20px; padding:10px; border:1px solid #bebebe; background-color:#fff;
		z-index:999; display:none;
		/*
		background-color:rgba(255, 255, 255, .5);
		-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FFFFFFF, endColorstr=#7FFFFFFF);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FFFFFFF, endColorstr=#7FFFFFFF);
		zoom: 1;
		*/
	}
	.map_detail_info		{ position:relative; width:255px; }
	.map_detail_info div p	{ width:100%; text-align:center; padding:5px 0; }
	.map_info1				{ display:none; }
	.map_info_img			{ }
	.map_info_closing_btn	{ 
		position:absolute; width:20px; height:20px; top:5px; right:5px; cursor:pointer; text-indent:-99999px; padding:0; margin:0; border:0;
		background:#fff url('../../images/common/closer_btn_cyan.gif') no-repeat center 3px;
	}
	.map_detail				{ width:120px; background-color:#b91f29; color:#fff; padding:5px 0; margin:0; border:0; font-size:12px; font-weight:bold; cursor:pointer; }
	.driving_assist			{ width:100%; display:table; margin:20px 0; }
	.driving_assist p		{ width:auto; float:left; }
	.driving_print			{ width:114px; height:33px; background:url('../../images/common_sub/input_btn_print.gif') no-repeat left top; border:0; padding:0; margin:0; text-indent:18px; cursor:pointer; }

/*
 * 시티투어토스 > 순환형 코스 > 해운대 방향 > Detail view
 * http://ctb.ggad.co.kr/ko/02course/02_view_1.php
 */
.bus_station_frame			{ width:865px; height:auto !important; border:1px solid #cacaca; border-top:2px solid #696969; display:table; }
	.list_tab_wrap			{ position:absolute; width:304px; height:29px; display:table; right:10px; top:-29px; background:url('../../images/02course/list_tab1.gif') no-repeat center top; }
	.list_tab_wrap p		{ width:50%; float:left; display:table-cell; line-height:32px; cursor:pointer; }
	.list_tab_wrap p a		{ padding:0; margin:0; color:#444; border:0; background:transparent; cursor:pointer; text-decoration:none; }
	.list_tab_wrap p a:hover{ text-decoration:underline; }

	.list_tab_wrap .map1	{ color:#444; text-indent:50px; }
	.list_tab_wrap .map2	{ color:#444; text-indent:35px; }
	p.bus_stop_name			{ width:100%; border-bottom:1px solid #ccc; margin-bottom:20px; padding-bottom:20px; font-size:16px; }
	.bus_station_inner_frame{ margin:30px; }
	.bus_stop_view_layout	{ width:100%; display:table; }
		.bus_stop_view_img			{ width:318px; float:left; text-align:center; display:table-cell; border:0px solid #f00; }
			.bus_station_frame img	{ padding:5px; border:1px solid #ccc; }
			.bus_station_frame input{ margin-top:20px; }
		.bus_stop_view_desc			{ display:block; float:left; clear:both: border:1px solid #f00; }
			dl.bus_stop_desc_layout			{ margin:5px 0 0 20px; float:left; }
			dl.bus_stop_desc_layout dt	 	{ text-indent:20px; padding:5px 0; background:url('../../images/common_sub/bullet_ol.gif') no-repeat left 5px; font-weight:bold; margin-bottom:5px; }
			dl.bus_stop_desc_layout dd		{ display:block; width:410px; margin:0 0 10px 20px ;  }
			dl.bus_stop_desc_layout dd.info	{ margin-top:50px; border-top:1px dotted #ccc; padding-top:40px; background-position:left 40px; }

			ol.bus_stop_desc_layout2			{ float:left; width:467px; margin:5px 0 0 20px; }
			ol.bus_stop_desc_layout2 li			{ text-indent:20px; padding:5px 0; background:url('../../images/common_sub/bullet_ol.gif') no-repeat left 5px; margin-bottom:20px; }
			ol.bus_stop_desc_layout2 li.info	{ margin-top:50px; border-top:1px dotted #ccc; padding-top:40px; background-position:left 40px; }

	.bus_stop_infowrap						{ width:100%; margin-top:50px; }
		.bus_stop_infotab_wrap				{ width:100%; height:39px; margin:0; }
			.bus_stop_infotab_wrap a		{ height:39px; cursor:pointer; margin:0; float:left; }
			.bus_stop_infotab_wrap a div	{ 
				width:137px; height:39px; text-align:center; float:left;
				background:url('../../images/common_sub/tab_off.gif') no-repeat center bottom;
			}
			.bus_stop_infotab_wrap a div input	{ padding:0; margin:0 auto; margin-top:15px; border:0; background:transparent; cursor:pointer; }

		.bus_stop_infobody_wrap				{ border-top:2px solid #0066a5; }
			div#bus_stop_info1_body, div#bus_stop_info2_body, div#bus_stop_info3_body, div#bus_stop_info_body4	{ margin:20px; }
			div#bus_stop_info1_body			{ display:none; }
			div#bus_stop_info2_body			{ display:none; }
			div#bus_stop_info3_body			{ display:none; }
			div#bus_stop_info4_body			{ display:none; }

		div#bus_stop_info3 ul 				{ margin:0 auto; padding:0; }
		div#bus_stop_info3 ul li			{ margin:0 auto; padding:10px 0; border-bottom:1px dotted #e2e2e2; font-weight:bold; }