@import url(/include/css/3th.css);

/* ---------------------------------------------------------------------------------------------------------------------------------------------
Article list
--------------------------------------------------------------------------------------------------------------------------------------------- */

	/* ---[ search ]--------------------- */
	#frm_article_search {
		float: left;
		width: 100%;
		margin: 0 0 10px 0; 
		padding: 0;
		display: inline;
	}

	#search_form { 
		float: left; 
		padding-bottom: 5px; 
	}
	#search_key {
		width: 80px;
		font-size: 12px;
		font-family: Arial, Verdana, sans-serif;
	}
	#frm_article_search #search_value {
		font-size: 12px;
		font-family: Arial, Verdana, sans-serif;
	}
	#search_form .submit { 
		vertical-align: bottom; 
	}
	#search_result { 
		float: right;
		padding-top: 6px;
		font-family: Tahoma, arial;
		font-size: 11px;
	}
	#search_result .record_count { 
		font-family: Tahoma, arial;
		color: #F96C03; 
	}

	/* ---[ list ]--------------------- */
	#gallery_list_wrapper {
		position: relative; 
		width: 100%; 
		margin: 0 auto;
		padding: 0;
		border: 0;
		}

	#gallery_top {
		width: 100%;
		height: 36px;
		padding: 0;
		margin: 0;
		background: url(/images/board/bg_gallery_top.gif) no-repeat;
		}



	#gallery_list_wrapper .gallery_wrapper {
		float: left;
		padding: 10px 16px;
		}

	#gallery_list_wrapper .gallery_image {
		width: 150px;
		height: 181px;
		padding: 0;
		margin: 0;
		text-align: center;
		background: url(/images/board/bg_gallery_list.gif) no-repeat;
		}
	#gallery_list_wrapper .gallery_image img {
		padding: 10px;
		}

	#gallery_list_wrapper .gallery_topic {
		width: 148px;
		padding: 6px 0;
		margin-top: 5px;
		overflow: auto;
		text-align: center;
		background: #eee;
		border: 1px solid #D1D1D1;
		}

	#gallery_list_wrapper .gallery_topic a:visited, #gallery_list_wrapper .gallery_topic a:link {
		color: #333;
		text-decoration: none;
		}

	#gallery_list_wrapper .gallery_topic a:hover {
		text-decoration: underline;
		}

	#gallery_list_wrapper .clear_left {
		clear: left;
		padding: 0;
		margin: 0;
		}

	#gallery_bottom {
		clear: left;
		width: 760px;
		height: 36px;
		padding: 0;
		margin: 0;
		background: url(/images/board/bg_gallery_bottom.gif) no-repeat;
		}

	/* ---[ paging ]--------------------- */
	#paging { 
		position:relative; 
		margin: 0 auto; 
		width: 100%; 
		font-size: 12px; 
		color: #666; 
		text-align: center; 
		padding: 10px 0 10px 0; 
		border-bottom: 4px solid #A0CADD; 
		}
	#paging a:visited, #paging a:link { 
		color: #999;
		text-decoration: none;
		font-family: verdana;
		}
	#paging a:hover { 
		color: #000;
		text-decoration: underline;
		font-family: verdana;
		}
	#paging .selected { 
		color: #CC0000; 
		}

	/* ---[ list navi ]--------------------- */
	#navi { 
		position: relative; 
		margin: 10px auto; 
		width: 100%; 
		}
	#navi a { 
		color: #000; 
		text-decoration: underline; 
		}
	#navi a.active, #navi a:hover { 
		color: #000; 
		text-decoration: underline; 
		font-weight: bold;  
		}
	#navi #navi_left { 
		float: left; 
		}
	#navi #navi_right { 
		float: right; 
		}
	/* ---------------------------------------------------------------------------------------------------------------------------------------------
	Article View
	--------------------------------------------------------------------------------------------------------------------------------------------- */
	#article_view {
		width: 100%;
		padding: 0;
		margin: 0 auto;
		overflow: auto;
		border: 0px;
		}
	
	#article_topic {
		float: left;
		font: bold 14px verdana;
		padding: 6px 0 6px 20px;
		background: url(/images/board/i_title.gif) no-repeat 6px 50%;
		}
	#article_reg_date {
		float: right;
		padding: 6px 10px 6px 0;
		}
	#article_view_info {
		position: relative;
		width: 100%;
		padding: 10px 0;
		margin-top: 5px;
		background: #f2f7fa;
		border-top: 2px solid #b3d1e9;
		border-bottom: 1px solid #b3d1e9;
		}
	#article_writer_name {
		float: left;
		width: 33%;
		font: normal 11px verdana , Tahoma , arial ;
		color: #6699cc;
		}
	#article_writer_name a:visited, #article_writer_name a:link {
		color: #666;
		text-decoration: none;
		}
	#article_writer_name a:hover {
		text-decoration: underline;
		}
	#article_read_cnt {
		float: left;
		width: 33%;
		text-align: right;
		font: normal 11px verdana , Tahoma , arial ;
		color: #6699cc;
		}
	#article_view_info .clear_left {
		clear: left;
		}
	#article_file {
		clear: left;
		position: relative;
		padding: 0;
		margin: 0;
		list-style: none;
		}
	#article_file li {
		line-height: 17px;
		padding-left: 20px;
		margin-left: 6px;
		background: url(/images/board/i_down.gif) no-repeat left center;
		}
	#article_file li a:visited, #article_file li a:link {
		color: #333;
		text-decoration: none;
		}
	#article_file li a:hover {
		text-decoration: underline;
		}
	#article_array {
		padding: 10px 6px;
	}

	#article_array ul {
		width: 600px;
		margin: 0 auto;
		padding: 6px;
		border: 1px dashed #999;
		list-style: none;
		}
	#article_array li {
		padding-left: 20px;
		line-height: 20px;
		background: url(/images/board/arrow.gif) no-repeat left center;
		}
	#article_array a:visited, #article_array a:link {
		color: #333;
		text-decoration: none;
		}
	article_array a:hover {
		color: #333;
		font-weight: bold;
		text-decoration: underline;
		}

	#article_content {
		padding: 20px 6px 20px 6px;
		overflow: auto;
		}
	#article_content .article_navi {
		width: 580px;
		padding: 10px;
		margin: 10px auto;
		text-align: center;
		background: #fff;
		border: 1px solid #999;
	}
	#article_content .article_navi img {
		vertical-align: top;
	}
	#article_content h4.sub_topic {
		width: 600px;
		margin: 10px auto;
		font: normal 13px verdana;
	}

	#article_content .optimum_image_list {
		padding: 10px 0;
		text-align: center;
		}
	#article_content .optimum_image_list img {
		border: 1px solid #999;
		}
	#article_navi {
		clear: both;
		background: #F7F7F7;
		border-top: 1px solid #eee;
		border-bottom: 1px solid #eee;
		padding: 6px;
		}
	#article_navi a:visited, a:link {
		color: #333;
		text-decoration: none;
		}
	#article_navi a:hover {
		color: #333;
		text-decoration: underline;
		}
	#article_navi p {
		padding: 2px 0;
		margin: 0;
		}
	#article_navi span {
		color: #999;
		}
	#page_navi {
		position: relative;
		width: 100%;
		height: 25px;
		padding: 6px 0;
		margin: 0 auto;
		}
	#page_navi span img {
		padding: 0 2px;
		}
	#page_navi .float_left {
		float: left;
		}
	#page_navi .float_right {
		float: right;
		}
	#page_navi .clear_both {
		clear: both;
		}

/* ---------------------------------------------------------------------------------------------------------------------------------------------
Article Regist, Modify
--------------------------------------------------------------------------------------------------------------------------------------------- */

/* ---[ info ]--------------------- */
#article_area {
	position: relative; 
	margin: 0 auto; 
	padding: 0;
	width: 100%; 
	}
#article_area fieldset { 
	border: 1px solid #ccc; 
	padding: 0 20px; 
	margin-bottom: 5px; 
	background: #fff;
	}
#article_area legend { 
	font-weight: bold;
	font-size: 90%;
	color: #666;
	background: #eee;
	border: 1px solid #ccc;
	border-bottom-color: #999;
	border-right-color: #999;
	padding: 4px 8px; 
}
#frm_article_info ul { 
	padding: 5px 0 0 0; 
	margin: 0;
	list-style: none;
	}
#frm_article_info li { 
	padding: 2px 0; 
	}

#article_info .dot_red { 
	float: left; 
	width: 100px; 
	padding-left: 5px; 
	background: url(/_admin/images/dot_red.gif) no-repeat 0 50%; 
	}
#article_info .dot_gray { 
	float: left; 
	width: 100px; 
	padding-left: 5px; 
	background: url(/_admin/images/dot_gray.gif) no-repeat 0 50%; 
	}

#writer_name {
	width: 400px;
	border: 1px solid #ccc; 
	font-size: 12px;
	font-family: Arial, Verdana, sans-serif;
	}
#email {
	width: 400px;
	border: 1px solid #ccc; 
	font-size: 12px;
	font-family: Arial, Verdana, sans-serif;
	}
#topic {
	width: 400px;
	border: 1px solid #ccc; 
	font-size: 12px;
	font-family: Arial, Verdana, sans-serif;
	}
#group_topic {
	width: 400px;
	border: 1px solid #ccc; 
	font-size: 12px;
	font-family: Arial, Verdana, sans-serif;
	}
#sub_topic {
	width: 400px;
	border: 1px solid #ccc; 
	font-size: 12px;
	font-family: Arial, Verdana, sans-serif;
	}
#image_path {
	vertical-align: middle; 
	padding-left: 5px;
	}
#pass_wd {
	width: 100px;
	border: 1px solid #ccc; 
	font-size: 12px;
	font-family: Arial, Verdana, sans-serif;
	}

/* ---[ file ]--------------------- */
#article_file_info p {
	padding: 10px 0;
	}
#article_file_info #file_list { 
	width: 100%; 
	}

/* ---[ related content ]--------------------- */
#related_content_info p {
	padding: 10px 0;
	}
#related_content_list {
	width: 100%;
	}

/* ---[ navigation ]--------------------- */
#article_area #navi { 
	position: relative; 
	margin: 10px 0 10px 0; 
	text-align: center; 
	}

/* ---------------------------------------------------------------------------------------------------------------------------------------------
Article Elimination
--------------------------------------------------------------------------------------------------------------------------------------------- */
#article_elimination { 
	border: 1px solid #ccc; 
	height: 250px;
	padding: 0 20px; 
	margin: 0;
	background: #fff;
	text-align: center;
	}
article_elimination legend { 
	font-weight: bold;
	font-size: 90%;
	color: #666;
	background: #eee;
	border: 1px solid #ccc;
	border-bottom-color: #999;
	border-right-color: #999;
	padding: 4px 8px; 
}
#article_elimination p {
	padding: 60px 0 20px 0;
	}