/* 컨텐츠 기본값 */
h3.basic
{
	clear: both;
	margin: 20px 0 0 0;
	padding: 8px 0 0 0;
	font-size: 19px;
	line-height: 26px;
	background: url("/images/common/bg_h3.jpg") 0 0 no-repeat;
	
}

h4.basic
{
	clear: both;
	margin: 10px 0 0 0;
	padding: 0 0 0 15px;
	font-size: 16px;
	line-height: 22px;
	color: #333333;
	background: url("/images/common/bg_h4.jpg") 0 5px no-repeat;
}

@media screen and (min-width: 760px)
{
	h3.basic
	{
		margin: 30px 0 0 0;
	}

	h4.basic
	{
		margin: 20px 0 0 0;
	}
}

/*

ul

ul  ul
ul  ol

ul  ul  ul
ul  ul  ol
ul  ol  ul
ul  ol  ol


ol

ol  ul
ol  ol

ol  ul  ul
ol  ul  ol
ol  ol  ul
ol  ol  ol

*/

/* ul */
ul.basic
{
	padding: 0 0 0 6px;
}

ul.basic li
{
	margin-top: 6px;
	padding: 0 0 0 10px;
	line-height: 22px;
	background: url("/images/common/bg_list.jpg") 0 9px no-repeat;
}

ul.basic li.nullit
{
	margin-top: 0;
	padding: 0 0 0 0;
	background: none;
}

/* ul ul */
ul.basic li ul
{
	padding: 0 0 12px 0;
}

ul.basic li ul li
{
	margin-top: 3px;
	background: url("/images/common/bg_list_depth_01.jpg") 0 8px no-repeat;
}

/* ul ol */
ul.basic li ol
{
	margin: 0 0 0 14px;
	padding: 0 0 12px 0;
}

ul.basic li ol li
{
	margin-top: 3px;
	padding: 0 0 0 0;
	background: none;
}

/* ul ul ul */
ul.basic li ul li ul
{

}

ul.basic li ul li ul li
{
	font-size: 12px;
	background: url("/images/common/bg_list_depth_02.jpg") 0 10px no-repeat;
}

/* ul ul ol */
ul.basic li ul li ol
{

}

ul.basic li ul li ol li
{
	font-size: 12px;
}

/* ul ol ul */
ul.basic li ol li ul
{

}

ul.basic li ol li ul li
{
	padding: 0 0 0 10px;
	font-size: 12px;
	background: url("/images/common/bg_list_depth_02.jpg") 0 9px no-repeat;
}

/* ul ol ol */
ul.basic li ol li ol
{

}

ul.basic li ol li ol li
{
	font-size: 12px;
	list-style-type: lower-alpha;
}

/* ol */
ol.basic
{
	margin: 0 0 0 16px;
}

ol.basic li
{
	margin-top: 6px;
	line-height: 22px;
}

/* ol ul */
ol.basic li ul
{
	margin: 0 0 0 0;
	padding: 0 0 12px 0;
}

ol.basic li ul li
{
	margin-top: 3px;
	padding: 0 0 0 10px;
	background: url("/images/common/bg_list_depth_01.jpg") 0 8px no-repeat;
}

/* ol ol */
ol.basic li ol
{
	margin: 0 0 0 14px;
	padding: 0 0 12px 0;
}

ol.basic li ol li
{
	margin-top: 3px;
	list-style-type: lower-alpha;
}

/* ol ul ul */
ol.basic li ul li ul
{

}

ol.basic li ul li ul li
{
	padding: 0 0 0 10px;
	font-size: 12px;
	background: url("/images/common/bg_list_depth_02.jpg") 0 9px no-repeat;
}

/* ol ul ol */
ol.basic li ul li ol
{
	margin: 0 0 0 16px;
}

ol.basic li ul li ol li
{
	padding: 0 0 0 0;
	font-size: 12px;
	list-style-type: lower-alpha;
	background: none;
}

/* ol ol ul */
ol.basic li ol li ul
{

}

ol.basic li ol li ul li
{
	font-size: 12px;
	list-style-type: none;
}

/* ol ol ol */
ol.basic li ol li ol
{
	margin: 0 0 0 22px;
}

ol.basic li ol li ol li
{
	font-size: 12px;
	list-style-type: decimal-leading-zero;
}

/* 텝메뉴 */
ul.tab_menu
{
	float: left;
	width: 100%;
	margin: 20px 0 20px 0;
}

ul.tab_menu li
{
	float: left;
}


ul.tab_menu li a
{
	display: block;
	margin: 1px 1px 1px 1px;
	padding: 10px 20px 10px 20px;
	text-align: center;
	line-height: 13px;
	color: #333333;
	background: #f3f3f3;
}

ul.tab_menu li a:hover,
ul.tab_menu li a.active
{
	color: #ffffff;
	text-decoration: none;
}

ul.tab_menu li a:hover
{
	background: #0062c3;
}

ul.tab_menu li a.active
{
	font-weight: 700;
	background: url("/images/common/bg_tabmenu.png") 2px 2px no-repeat #0062c3;
	background-size: 6px 6px;
}

div.tab_contents
{
	clear: both;
}

div.tab_content_02,
div.tab_content_03,
div.tab_content_04,
div.tab_content_05,
div.tab_content_06,
div.tab_content_07,
div.tab_content_08,
div.tab_content_09,
div.tab_content_10
{
	display: none; /* Js */
}

@media screen and (max-width: 759px)
{
	ul.tabsize_100 li
	{
		width: 100%;
	}

	ul.tabsize_50 li
	{
		width: 50%;
	}

	ul.tabsize_25 li
	{
		width: 25%;
	}

	ul.tabsize_33 li
	{
		width: 33.33333333333333%;
	}

	ul.tab_menu li a
	{
		padding: 10px 0 10px 0;
	}
}

@media screen and (min-width: 990px)
{
	ul.tab_menu
	{
		margin: 30px 0 30px 0;
	}
}

/* 테이블 */
div.table_content
{
	margin: 20px 0 0 0;
}

div.table_content p.table_message
{
	padding: 0 0 10px 0;
	font-size: 12px;
}

div.table_content p.table_message strong
{
	color: #790000;
}

div.table_content table
{
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
}

div.table_content table caption
{
	display: none;
}

div.table_content table thead tr th,
div.table_content table tbody tr th,
div.table_content table tbody tr td
{
	padding: 4px 8px 4px 8px;
	text-align: center;
	line-height: 20px;
	border: 1px solid #cccccc;
}

div.table_content table thead tr th,
div.table_content table tbody tr.first_child th,
div.table_content table tbody tr.first_child td
{
	border-top: 1px solid #333333;
}

div.table_content table thead tr th,
div.table_content table tbody tr th
{
	font-weight: 700;
	background: #f3f3f3;
}

div.table_content table thead tr th.first_child,
div.table_content table tbody tr th.first_child,
div.table_content table tbody tr td.first_child
{
	border-left: none;
}

div.table_content table thead tr th.last_child,
div.table_content table tbody tr th.last_child,
div.table_content table tbody tr td.last_child
{
	border-right: none;
}

div.table_content table thead tr th.align_left,
div.table_content table tbody tr th.align_left,
div.table_content table tbody tr td.align_left
{
	text-align: left;
}

div.table_content table thead tr th.align_right,
div.table_content table tbody tr th.align_right,
div.table_content table tbody tr td.align_right
{
	text-align: left;
}

div.responsive_table
{
	overflow-x: auto;
}

div.responsive_table table
{
	width: 700px;
}

@media screen and (max-width: 759px)
{
	div.board_list table thead tr th.mobile_hidden,
	div.board_list table tbody tr td.mobile_hidden
	{
		display: none;
	}
}

@media screen and (min-width: 760px)
{
	p.table_message
	{
		display: none;
	}

	div.table_content table
	{
		width: 100%;
	}
}

.width_5 { width: 5% !important; }
.width_10 { width: 10% !important; }
.width_15 { width: 15% !important; }
.width_20 { width: 20% !important; }
.width_25 { width: 25% !important; }
.width_30 { width: 30% !important; }
.width_33 { width: 33.33333333333333% !important; }
.width_35 { width: 35% !important; }
.width_40 { width: 40% !important; }
.width_45 { width: 45% !important; }
.width_50 { width: 50% !important; }
.width_55 { width: 55% !important; }
.width_60 { width: 60% !important; }
.width_65 { width: 65% !important; }
.width_70 { width: 70% !important; }
.width_75 { width: 75% !important; }
.width_80 { width: 80% !important; }
.width_85 { width: 85% !important; }
.width_90 { width: 90% !important; }
.width_95 { width: 95% !important; }
.width_100 { width: 100% !important; }