@charset "utf-8";

table.tb_01					{ display:table; width:100%; text-align:center; border-top:2px solid #2058a7; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; margin-top:2%; }
table.tb_01 thead tr th		{ color:#2058a7; font-weight:normal; font-size:1em; }
table.tb_01 tr td, 
table.tb_01 tr th			{ vertical-align:middle; border-left:1px solid #e2e2e2; padding:2% 0; font-size:.8em; font-weight:normal; }
table.tb_01 tbody th img	{ width:80%; }
table.tb_01 tr td.tal,		
table.tb_01 tr th.tal		{ text-align:left; padding-left:2%; }


table.tb_02					{ display:table; width:100%; text-align:center; border-top:2px solid #2058a7; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; margin:2% 0; }
table.tb_02 thead tr th		{ color:#2058a7; font-weight:normal; font-size:.8em; }
table.tb_02 tr td, 
table.tb_02 tr th			{ vertical-align:middle; border-left:1px solid #e2e2e2; padding:2% 0; font-size:.8em; font-weight:normal; border-bottom:1px solid #e2e2e2; }
table.tb_02 tbody th img	{ width:90%; }
table.tb_02 tr td a			{ color:#333; }
table.tb_02 tr td.tal,		
table.tb_02 tr th.tal		{ text-align:left; padding-left:2%; }

/* 예약신청 > 예약폼 : http://citytourbusan.com/m/03reservation/01_02.php#dc_info_closer */
table.tb_03					{ display:table; width:100%; text-align:center; border-top:2px solid #2058a7; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; margin-top:2%; }
table.tb_03 input			{ vertical-align:middle; }
table.tb_03 thead tr th		{ color:#2058a7; font-weight:normal; font-size:.8em; }
table.tb_03 tr td, 
table.tb_03 tr th			{ vertical-align:middle; border-left:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; padding:2% 0; font-size:.8em; font-weight:normal; }
table.tb_03 tbody th img	{ width:80%; }
table.tb_03 tbody tr.payment td label	{ font-size:.8em; }
table.tb_03 tr td.tal,		
table.tb_03 tr th.tal		{ text-align:left; padding-left:2%; }
table.tb_03_inner			{ width:100%; }
table.tb_03_inner *			{ border:0 !important; }
table.tb_03_inner td		{ padding:0 !important; margin:0 !important; }
table.tb_03_inner td strong	{ font-size:.8em !important; }


/* 04info 지도/교통정보 */
table.tb_04					{ display:table; width:100%; text-align:center; border-top:2px solid #2058a7; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; margin-top:2%; }
table.tb_04 thead tr th		{ color:#2058a7; font-weight:bold; font-size:1em; padding:3% 0; }
table.tb_04 tr td, 
table.tb_04 tr th			{ vertical-align:middle; border-left:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; padding:2% 0 5% 0; font-size:1em; font-weight:normal; }
table.tb_04 tbody tr th img	{ width:90%; }
table.tb_04 tr td h3		{ margin-bottom:2%; }
table.tb_04 tr td p			{ margin:0; }
table.tb_04 tr td a			{ color:#956a0d; text-decoration:none; }
table.tb_04 tr td.tal,		
table.tb_04 tr th.tal		{ text-align:left; padding-left:2%; }


table.tb_05					{ display:table; width:100%; text-align:center; border-top:2px solid #2058a7; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; margin-top:2%; }
table.tb_05 thead tr th		{ color:#2058a7; font-weight:normal; font-size:.9em; }
table.tb_05 tr td, 
table.tb_05 tr th			{ vertical-align:middle; border-left:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; padding:2% 0; font-size:.9em; font-weight:normal; }
table.tb_05 tr td a, 
table.tb_05 tr th a			{ font-size:.9em; text-decoration:none; }
table.tb_05 tbody th img	{ width:80%; }
table.tb_05 tr td.tal,		
table.tb_05 tr th.tal		{ text-align:left; padding-left:2%; }



/*
 * 코스 전체 반응형 테이블 스타일
 * 01순환형코스 - 02해운대방향
 * http://citytourbusan.com/m/02course/02.php
 */
table.m2s2_table_1								{ border-collapse:collapse; margin-bottom:1px; }
table.m2s2_table_1 *							{ color:#333; font-size:.9em; vertical-align:middle; /*padding:5px 10px;*/ text-align:center; }
table.m2s2_table_1 th							{ font-weight:normal; }
table.m2s2_table_1 thead tr					    { height: 37px;}
table.m2s2_table_1 thead tr th					{ border-top:2px solid #2058a7; padding:10px 10px; border-bottom:1px solid #ccc; border-right:1px solid #ccc; font-weight:bold; color:#2058a7; }
table.m2s2_table_1 thead tr th:first-child		{ border-right:0px solid #ccc; border-left:0px solid #ccc; text-align:left; padding-left:10px; }
table.m2s2_table_1 thead tr th:last-child		{ border-right:0; }
table.m2s2_table_1 tbody						{ border-bottom:1px solid #ccc; }
table.m2s2_table_1 tbody tr  					{ height: 30px !important;}
table.m2s2_table_1 tbody tr th					{ border-bottom:1px solid #ccc; border-left:0px solid #ccc; text-align:left; }
table.m2s2_table_1 tbody tr th a				{ padding:0 !important; margin:0 !important; text-decoration:none; border:0; float:left; }
table.m2s2_table_1 tbody tr td					{ border-bottom:1px solid #ccc; border-right:1px solid #ccc; background-color:#fafafa; }
table.m2s2_table_1 tbody tr td:last-child		{ border-right:0; }

table.m2s2_table_1 th, 
table.m2s2_table_1 td							{ border-right:0px solid #ccc; line-height:150%; }

table.m2s2_table_2								{ border-collapse:collapse; margin-bottom:1px; }
table.m2s2_table_2 *							{ color:#333; font-size:.9em; vertical-align:middle; padding:5px 10px; text-align:center; }
table.m2s2_table_2 th							{ font-weight:normal; }
table.m2s2_table_2 thead tr th					{ border-top:2px solid #2058a7; padding:10px 10px; border-bottom:1px solid #ccc; border-right:1px solid #ccc; font-weight:bold; color:#2058a7; }
table.m2s2_table_2 thead tr th:first-child		{ border-right:0px solid #ccc; border-left:0px solid #ccc; text-align:left; padding-left:10px; }
table.m2s2_table_2 thead tr th:last-child		{ border-right:0; }
table.m2s2_table_2 tbody						{ border-bottom:1px solid #ccc; }
table.m2s2_table_2 tbody tr th					{ padding:10px 10px; border-bottom:1px solid #ccc; border-right:1px solid #ccc; font-weight:bold; color:#2058a7; }
table.m2s2_table_2 tbody tr th:first-child		{ border-right:0px solid #ccc; border-left:0px solid #ccc; text-align:left; padding-left:10px; }
table.m2s2_table_2 tbody tr th:last-child		{ border-right:0; }
table.m2s2_table_2 tbody tr th a				{ padding:0 !important; margin:0 !important; text-decoration:none; border:0; float:left; }
table.m2s2_table_2 tbody tr td					{ border-bottom:1px solid #ccc; border-right:1px solid #ccc; background-color:#fafafa; }
table.m2s2_table_2 tbody tr td:last-child		{ border-right:0; }
table.m2s2_table_2 tbody tr th:last-child		{ border-right:0; }

table.m2s2_table_2 th, 
table.m2s2_table_2 td							{ border-right:0px solid #ccc; line-height:150%; }
@media only screen and (max-width:767px)		{
	table.responsive							{ width:100%; margin:0; }
	.pinned										{ width:100%; position:absolute; left:0; top:0; background:#fff; width:40%; overflow:auto; overflow-x:auto;/*width:100%; position:absolute; left:0; top:0; background:#fff; width:40%; overflow:hidden; overflow-x:hidden;*/
		-moz-box-shadow:0px 3px 10px rgba(0, 0, 0, .3);
		-webkit-box-shadow:0px 3px 10px rgba(0, 0, 0, .3);
		box-shadow:0px 3px 10px rgba(0, 0, 0, .3);
	}
	.pinned table								{ border-right:0; border-left:0; width:100%; margin:0; }
	.pinned table thead tr th					{ padding:10px 10px; font-weight:bold; color:#2058a7; }
	.pinned table th, .pinned table td			{ white-space:nowrap; /* border-bottom:0 !important; background:url("../../images/common/dot_for_pattern.gif") repeat-x left bottom !important; */ }

	.pinned table.tb_02 th,
	.pinned table.tb_02 td						{ text-indent:1.5em !important; }
	div.scrollable table.tb_02 th,
	div.scrollable table.tb_02 td,
	.pinned table.tb_02 th,
	.pinned table.tb_02 td						{ padding:.5em 0 !important; font-size:10px !important; line-height:160%; /* border-bottom:0 !important; background:url("../../images/common/dot_for_pattern.gif") repeat-x left bottom !important; */ }
	div.scrollable table.tb_02 td				{ background-color:#fafafa; }

	/* div.scrollable table.m2s2_table_1 tbody tr td		{ font-size:10px !important; } */

	.pinned td:last-child						{ border-bottom:0; }
	div.table-wrapper							{ position:relative; overflow:hidden; }
	div.table-wrapper div.scrollable table		{ margin-left:40%; }
	div.table-wrapper div.scrollable			{ overflow:scroll; overflow-y:hidden; }	
	table.responsive td, table.responsive th	{ position:relative; white-space:nowrap; overflow:hidden; }
	table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td { display:none; }
}
.m2s2_table_1_assist							{ width:100%; text-align:right; color:#a00; }
.m2s2_table_1_assist2							{ width:100%; }
.m2s2_table_1_assist2 span						{ color:#a00; font-weight:bold; }