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

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

/* ---[ search ]--------------------- */
#frm_article_search {
	position: relative; 
	margin: 0 auto; 
	padding: 0;
	width: 760px; 
	height: 30px;
	}
#search_form { 
	float: left; 
	padding-bottom: 5px; 
	width: 300px; 
	}
#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;
	}
#search_result .record_count { 
	color: #cc0000; 
	}

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

#gallery_top {
	width: 760px;
	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 18px;
	}

#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: 760px;
	font-size: 12px; 
	color: #666; 
	text-align: center; 
	padding: 10px 0 10px 0; 
	border-bottom: 1px solid #D1D1D1; 
	}
#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: 760px; 
	}
#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
--------------------------------------------------------------------------------------------------------------------------------------------- */
#view_page {
	width: 760px;
	margin: 10px auto;
	}

#view_page h2 {
	font-family: Arial, sans-serif; 
	color: #999; font-size: 18px; 
	font-weight: bold; 
	text-align:center; 
	}

#article_view {
	width: 760px;
	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_content {
	position: relative;
	padding: 20px 6px 20px 6px;
	overflow: auto;
	background: #eee;
	}
#article_content .article_navi {
	width: 580px;
	padding: 10px;
	margin: 0 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_array {
	width: 600px;
	margin: 0 auto;
	padding: 6px;
	background: #fff;
	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 li a:visited, #article_array li a:link {
	color: #333;
	text-decoration: none;
	}
article_array li a:hover {
	color: #333;
	text-decoration: underline;
	}

#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: 760px;
	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: 760px; 
	}
#frm_article_info {
	position: relative;
	padding: 0;
	margin: 0 0 10px 0;
	}
#frm_article_info #article_info {
	position: relative;
	width: 716px;
	}
#article_area fieldset { 
	position: relative;
	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_preview {
	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: 700px; 
	}

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

/* ---[ 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;
	}