@charset "utf-8";

/*
 * 시티투어토스 > 순환형 코스
 * http://ctb.ggad.co.kr/ko/02course/01.php
 */
/* 140710 수정본 */
 .map_loop_type_wrap_re2				{ position:relative; width:440px; height:400px; float:left; border:0px solid #f00; font-size:12px; }
 .map_loop_type_wrap_bg01				{ background:url("../../images/02course/art1_1_re2_141120.jpg") no-repeat 100px 68px; }
 .map_loop_type_wrap_bg02				{ background:url("../../images/02course/art1_2_re2.jpg") no-repeat 10px 68px; }
	.map_loop_type_wrap_re2 h3			{ position:absolute; z-index:9; }
	.map_loop_type_wrap_re2 h3 p		{ width:100%; height:25px; line-height:25px; /* background-color:#c8000d; */ background-color:#333; color:#fff; margin-top:10px;}
	.map_loop_type_wrap_re2 h3 a		{ text-decoration:none; color:#fff; }
	.map_loop_type_wrap_re2 h3 a:hover	{ text-decoration:underline; color:#fff; }
	h3.loop_map_h3_1_re2						{ width:56px; height:25px; line-height:25px; text-align:center; background-color:#c8000d; color:#fff; left:50%; margin:225px 0 0 155px;  }
	h3.loop_map_h3_2_re2, h3.loop_map_h3_3_re2	{ width:130px; height:75px; text-align:center; font-size:20px; }
	h3.loop_map_h3_2_re2						{ margin:180px 0 0 185px; }
	h3.loop_map_h3_2_re2 p a					{ z-index:999; display:block; }
	h3.loop_map02_h3_1_re2						{ width:56px; height:25px; line-height:25px; text-align:center;  color:#fff; margin:225px 0 0 0;  }
	h3.loop_map02_h3_2_re2						{ width:56px; height:25px; line-height:25px; text-align:center; background-color:#0066a5; color:#fff; margin:225px 0 0 0;  }
	h3.loop_map02_h3_3_re2						{ width:130px; height:75px; text-align:center; font-size:20px; }
	h3.loop_map02_h3_3_re2						{ margin:180px 0 0 125px; }
/*// 140710 수정본 */

/* 140710 수정본 */
	ol.loc1_re2					{ position:relative; width:100%; height:100%; }
	ol.loc1_re2 li				{ position:absolute; font-weight:bold; white-space:nowrap; text-align:center; }
	ol.loc1_re2 li.loc1_1		{ display:none; }
	ol.loc1_re2 li.loc1_2		{ top:320px; left:362px; }
	ol.loc1_re2 li.loc1_3		{ top:320px; left:288px; }
	ol.loc1_re2 li.loc1_4		{ top:320px; left:219px; }
	ol.loc1_re2 li.loc1_5		{ top:320px; left:156px; }
	ol.loc1_re2 li.loc1_6		{ top:320px; left:85px; }
	ol.loc1_re2 li.loc1_7		{ top:243px; left:30px; text-align:right; }
	ol.loc1_re2 li.loc1_8		{ top:195px; left:0px; text-align:right; }
	ol.loc1_re2 li.loc1_9		{ top:150px; left:40px; text-align:right; }
	ol.loc1_re2 li.loc1_10		{ top:108px; left:-7px; text-align:right; }
	ol.loc1_re2 li.loc1_11		{ top:72px; left:27px; text-align:right; }
	ol.loc1_re2 li.loc1_12		{ top:70px; left:160px; }
	ol.loc1_re2 li.loc1_13		{ top:70px; left:235px; }
	ol.loc1_re2 li.loc1_14		{ top:70px; left:295px; }
	ol.loc1_re2 li.loc1_15		{ top:85px; left:370px; }

	ol.loc2_re2					{ position:relative; width:100%; height:100%; }
	ol.loc2_re2 li				{ position:absolute; font-weight:bold; white-space:nowrap; text-align:center; }
	ol.loc2_re2 li.loc2_1		{ display:none; }
	ol.loc2_re2 li.loc2_2		{ top:320px; left:57px; }
	ol.loc2_re2 li.loc2_3		{ top:320px; left:167px; }
	ol.loc2_re2 li.loc2_4		{ top:320px; left:275px; }	
	ol.loc2_re2 li.loc2_5		{ top:185px; left:345px; }
	ol.loc2_re2 li.loc2_6		{ top:65px; left:320px; }
	ol.loc2_re2 li.loc2_7		{ top:45px; left:165px; }
	ol.loc2_re2 li.loc2_8		{ top:65px; left:78px; }
/*// 140710 수정본 */

	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 28px 15px 29px; margin-left:10px; }
	ol.loc3 li.arrow1		{ background:url('../../images/02course/map_assist_arrow1.gif') no-repeat right 15px; }
	ol.loc3 li.style2		{ float:right; padding:10px 20px 15px 35px;} 
	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 27px 15px 37px; margin-right:7px; }
	ol.loc4 li.style2		{ float:left; padding:10px 27px 15px 15px; }
	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 22px 15px 30px; margin-right:7px; }
	ol.loc5 li.style2		{ float:left; padding:10px 20px 15px 15px; }
	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 28px 15px 12px; margin-right:13px; }
	ol.loc6 li.style2		{ float:right; padding:10px 25px 15px 40px; }
	ol.loc6 li.style3		{ float:left; padding:10px 25px 15px 25px; 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; }
	.magR14					{ margin-right:14px; }

	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 23px; margin-right:5px;  }
	ol.loc7 li.arrow1		{ background:url('../../images/02course/map_assist_arrow1.gif') no-repeat right 15px; }
	ol.loc7 li.style2		{ float:left; padding:10px 18px 15px 8px; 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; }

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

/* 02.시티투어코스 - 코스안내 레이아웃 */
	.loc_red_point				{ background-color:#b51c26; color:#fff; padding:2px 5px; }
	.loc_blue_point				{ background-color:#0066a5; color:#fff; padding:2px 5px; }
	.loc_order_wrap				{ position:relative; width:100%; display:block; }
	.loc_order_wrap li			{ position:relative; }
	.loc_order_wrap li.dir_1	{ display:block; width:20%; float:left; padding-bottom:9px; }
	.loc_order_wrap li.dir_2	{ display:block; width:20%; float:right; padding-bottom:9px; }
	.loc_order_wrap li.dir_3	{ display:block; width:20%; float:right; padding-bottom:20px; }
	.loc_order_wrap li.dir_4	{ display:block; width:20%; float:left; padding-bottom:20px; }
	.loc_order_wrap li a		{ font-size:11px; display:block; width:90%; margin:0 auto 15px auto; height:30px; line-height:30px; text-align:left; text-decoration:none; border:1px solid #ddd; background:url("../images/02course/map_assist_backpattern.gif") repeat-x center bottom; }
	.loc_order_wrap li a.high	{ font-size:11px; display:block; width:90%; margin:0 auto 15px auto; height:50px; line-height:24px; text-align:left; text-decoration:none; border:1px solid #ddd; background:url("../images/02course/map_assist_backpattern.gif") repeat-x center bottom; }
	.loc_order_wrap li a:hover	{ text-decoration:underline; }
	.loc_order_wrap li a img	{ vertical-align:middle; margin:0 5px; }
	.loc_order_wrap li a span	{ margin-left:7px; }


	.loc_order_wrap li a.b_size			{ font-size:11px; display:block; width:90%; margin:0 auto 0 auto; height:38px; line-height:16px; text-align:left; text-decoration:none; border:1px solid #ddd; background:url("../images/02course/map_assist_backpattern.gif") repeat-x center bottom; }
	.loc_order_wrap li a.b_size:hover	{ text-decoration:underline; }
	.loc_order_wrap li a.b_size img		{ vertical-align:middle; margin:0 5px; }
	.loc_order_wrap li a.b_size span	{ margin-left:7px; }


	.down_arrow					{ background:url("../../images/02course/map_assist_arrow03.gif") no-repeat center 36px !important;  }
	.down_arrow2				{ background:url("../../images/02course/map_assist_arrow03.gif") no-repeat center 45px !important;  }
	.down_arrow_hight			{ background:url("../../images/02course/map_assist_arrow03.gif") no-repeat center 56px !important; }

	.no_arrow					{ background:none !important; }

	.arr_r				{ position:absolute; width:16px; height:12px; right:-8px; top:10px; margin:0; padding:0; }	
	.arr_r img			{ margin:0; line-height:0; display:block; }
	.arr_r_hight		{ position:absolute; width:16px; height:12px; right:-8px; top:20px; margin:0; padding:0; }
	.arr_r_hight img	{ margin:0; line-height:0; display:block; }

	.arr_l				{ position:absolute; width:16px; height:12px; left:-8px; top:10px; margin:0; padding:0; }
	.arr_l img			{ margin:0; line-height:0; display:block; }
	.arr_l_hight		{ position:absolute; width:16px; height:12px; left:-8px; top:20px; margin:0; padding:0; }
	.arr_l_hight img	{ margin:0; line-height:0; display:block; }

	.clear		{ clear:both; }
	/*// 02.시티투어코스 - 코스안내 레이아웃 */

/*
 * 시티투어토스 > 순환형 코스 > 해운대 방향
 * 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%; display:table; padding:10px 0; }
.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:bothl 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; }
	.print					{ width:878px; }

/*
 * 시티투어토스 > 순환형 코스 > 해운대 방향 > 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:70px; }
	.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			{ width:467px; float:left; 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; }

		/*시티투어코스 즐기기*/
.join_step										{ display:block; width:100%; }
	.join_step_cell								{ border:1px solid #cbcbcb; background:#fafafa; margin-bottom:10px; overflow:hidden; }
		.join_step_h4							{ float:left; display:block; width:20%; text-align:center; background:#034ea2; color:#fff; margin:0; padding:5px 0; }
		.join_step_p							{ float:left;  padding:8px; width:95%; }