/* ▒▒▒▒▒▒▒▒▒▒ Basic ▒▒▒▒▒▒▒▒▒▒ */

body, div, p, tr, td, form, input, select, textarea {
	margin: 0;
	}

table { word-break: break-all; border-collapse: collapse; spacing: 0; }

img {border: none}
input, textarea, select { vertical-align: middle; }




/* ▒▒▒▒▒▒▒▒▒▒  List  ▒▒▒▒▒▒▒▒▒▒ */

#list_cate { width: 50%; height: 30px; }

#list_total { width: 50%; height: 30px; text-align: right; font-size: 8pt; font-family: Tahoma; color: #666;}
#list_total a { color: #666; }
#list_total a:hover { text-decoration: underline; }
#list_total span { margin-right: 5px; font-size: 8pt; font-family: Tahoma; color: #F00; }

#list_sort {
	height: 35px; padding: 7px 0 0 15px;
	text-align: left; font-size: 8pt; font-family: Dotum;
	border-top: 2px solid #3C7BC5; border-bottom: 1px solid #CCC; 
	}

#list_table td { padding: 20px 10px 0; vertical-align: top; text-align: center; }
#list_img { width: 146px; padding: 2px; border: 1px solid #CCC; }
#list_img img { width: 140px; height: 120px; border: 1px solid #000; }
#list_subject { width: 146px; margin-top: 5px; background: #F5F5F5; }
#list_subject a { color: #333; }
#list_subject a:hover { color: #3C7BC5; }
#list_subject img { vertical-align: middle; }

#list_notice { background-color: #F2F2F2; }
#list_notice p {
	font-size: 8pt; font-family: Tahoma, Arial; color: #3C7BC5;
	padding-bottom: 10px; text-align: left;
	}
#list_notice img { vertical-align: middle; }

.list_comm { margin-left: 5px; font-size: 7pt; font-family: tahoma; color: #F90; } /* 글목록의 코멘트 수 표시 */

.list_else {
    width: 142px; height: 122px; padding-top: 58px;
	border: 1px solid #E5E5E5;
	color: #999;
	} /* 파일이 이미지가 아닐 경우 출력되는 모양 */


#list_pagenum {
	margin-top: 20px; padding: 10px 0;
	text-align: center;
	background-color: #F5F5F5;
	border-top: 1px solid #CCC;
	}
#list_pagenum img { vertical-align: middle; }

#list_search { margin: 10px 0; text-align: center; }
#list_search img { vertical-align: middle; }

.list_normal { border-bottom: 1px solid #C5C5C5;padding-bottom:20px; }
#list_normal p { border-bottom: 1px solid #C5C5C5;padding-bottom:20px; }




/* ▒▒▒▒▒▒▒▒▒▒ Common ▒▒▒▒▒▒▒▒▒▒ */


#title {
	padding: 10px;
	border-top: 2px solid #3C7BC5; border-bottom: 1px solid #CCC;
	font-size: 8pt; font-family: Tahoma; font-weight: bold; color: #666;
	text-align: left;
	}
#title2 {
	padding: 10px;
	border-top: 2px solid #3C7BC5; border-bottom: 1px solid #CCC;
	font-size: 8pt; font-family: Tahoma; color: #000;
	text-align: center;
	}

#page_btn { padding: 10px 0; text-align: right; }
#write_btn { background: #F5F5F5; padding: 10px; text-align: right; }

.alert { font-size: 8pt; color: #F00; padding-left: 5px; letter-spacing: -1px; } /* 항목별 설명글 */

.input1 { width: 20%; height: 20px; border: 1px solid #CCC; }
.input2 { width: 50%; height: 20px; border: 1px solid #CCC; }
.input3 { width: 70%; height: 20px; border: 1px solid #CCC; }
.input4 { width: 60%; height: 20px; border: 1px solid #CCC; }

.textarea1 {
	width: 100%; height: 120px; padding: 5px;
	overflow: auto;
	border: 1px solid #CCC;
	}
.textarea2 {
	width: 80%; height: 70px; padding: 5px;
	overflow: auto;
	border: 1px solid #CCC;
	}




/* ▒▒▒▒▒▒▒▒▒▒ Write ▒▒▒▒▒▒▒▒▒▒ */


#write_kind { /* 공지사항, 비밀글 등 체크박스 출력 */
	padding: 5px 10px;
	text-align: right;
    background: #F5F5F5;
	border-top: 3px solid #E5E5E5; border-bottom: 1px solid #CCC;
	}

#write_table th {
	width: 20%;padding: 7px 30px 7px 0;
	font-weight: normal; text-align: right;
	border-bottom: 1px solid #E5E5E5;
	background: url('../image/write/write_bar.gif') no-repeat 100% 50%;
	}
#write_table td {
	padding: 7px 0 7px 10px;
	border-bottom: 1px solid #E5E5E5;
	}
#write_table input { vertical-align: middle; }

.write_needitem { font-family: Batang; color: #F09; font-weight: normal; } /* 필수항목에 붙은 별표 */
.write_link { font-size: 8pt; color: #999; } /* http:// 부분 */




/* ▒▒▒▒▒▒▒▒▒▒ View ▒▒▒▒▒▒▒▒▒▒ */


 /* 제목, 이름, 링크, 파일 등의 항목 출력 테이블 */
#view_item {
	margin: 0; padding: 10px 20px;
	background-color: #F5F5F5;
	text-align: left;
	}
#view_item li { list-style-type: none; padding: 2px 0; }
#view_item li span {
	width: 65px; margin-right: 10px;
	background:#3C7BC5;
	font-size: 8pt; font-family: Dotum; color: #FFF; text-align: center;
	}
#view_item li img { vertical-align: middle; margin-right: 5px; }
#view_item li a:hover { text-decoration: underline; }

.view_item_cate { margin-right: 5px; color: #999; letter-spacing: -1px; }


 /* 내용 출력 테이블 */
#view_table {
	padding: 10px;
	text-align: left;
	border: 1px solid #CCC;
	height:100%;

	}

 /* 업로드 파일 이미지 출력 테이블 */
#view_file_img { margin: 10px 0; padding-bottom: 10px; text-align: center; border-bottom: 2px dashed #E5E5E5; }
#view_file_img img { margin: 3px 0; border: 1px solid #000; }


 /* 코멘트 출력 테이블 */
.view_comm_writer {
	width: 15%; padding-right: 20px;
	font-weight: bold; text-align: right;
	background: url('../image/write/write_bar.gif') no-repeat 100% 50%;
	border-bottom: 1px solid #E5E5E5;
	}
.view_comm_text { width: 60%; padding: 5px 0; border-bottom: 1px solid #E5E5E5; }
.view_comm_date {
	width: 20%;
	font-family: Arial, Tahoma; font-size: 8pt; color: #999;
	text-align: center;
	border-bottom: 1px solid #E5E5E5;
	}
.view_comm_del { width: 5%; text-align: right; border-bottom: 1px solid #E5E5E5; }

/* 코멘트 쓰는 테이블 */
#view_comm_table {
	margin-top: 10px; padding: 20px;
	font-size: 8pt; font-family: Dotum; color: #4D7EB3;
	text-align: left;
	background: #F5F5F5;
	}

/* 이전글, 다음글 */
#view_other {
    width: 100%; margin-top: 10px; padding: 7px 0 5px 0;
	text-align: left;
	background: #F2F2F2;
	border-top: 1px solid #CCC; border-bottom: 1px solid #CCC
	}
.view_other_prev { float: left; width: 49%; }
.view_other_next { float: right; width: 50%; text-align: right; }