/* ▒▒▒▒▒▒▒▒▒▒ Basic ▒▒▒▒▒▒▒▒▒▒ */

body { background: #fff; margin: 0; padding: 0; }
body, th, td, div, p, span, a, form, select, input, textarea { font-size: 9pt; font-family: Tahoma, Gulim; color: #333; }

a:link		{ color: #333; text-decoration: none; }
a:active	{ color: #333; text-decoration: none; }
a:visited	{ color: #333; text-decoration: none; }
a:hover	{ color: #808080; text-decoration: none; }

table { word-break: break-all; border-collapse: collapse; }

img { border: none; }
p, form { margin: 0; }
input, textarea, select { vertical-align: middle; }




/* ▒▒▒▒▒▒▒▒▒▒ Common ▒▒▒▒▒▒▒▒▒▒ */


.disInput { height: 20px; border: 1px solid #CCC; }
.disTextarea { padding: 5px; border: 1px solid #CCC; overflow: auto; }


.disAlign0 { margin: 0; text-align: left; }
.disAlign1 { margin: 10px 0; text-align: left; }
.disAlign2 { margin: 20px 0; text-align: left; }
.disAlign3 { margin: 30px 0; text-align: left; }

.disAlignC0 { margin: 0; text-align: center; }
.disAlignC1 { margin: 10px 0; text-align: center; }
.disAlignC2 { margin: 20px 0; text-align: center; }
.disAlignC3 { margin: 30px 0; text-align: center; }

.disAlignR0 { margin: 0; text-align: right; }
.disAlignR1 { margin: 10px 0; text-align: right; }
.disAlignR2 { margin: 20px 0; text-align: right; }
.disAlignR3 { margin: 30px 0; text-align: right; }

.disAlignT10 { margin-top: 10px; }
.disAlignT20 { margin-top: 20px; }
.disAlignT30 { margin-top: 30px; }
.disAlignT40 { margin-top: 40px; }
.disAlignT50 { margin-top: 50px; }

.disAlignB10 { margin-bottom: 10px; }
.disAlignB20 { margin-bottom: 20px; }
.disAlignB30 { margin-bottom: 30px; }
.disAlignB40 { margin-bottom: 40px; }
.disAlignB50 { margin-bottom: 50px; }


.disTextCap { text-transform: capitalize; }
.disTextUp { text-transform: uppercase; }




/* ▒▒▒▒▒▒▒▒▒▒ List ▒▒▒▒▒▒▒▒▒▒ */


.bbsListCate { width: 50%; padding-bottom: 5px;} /* 상단 카테고리 */

.bbsListTotal { width: 50%; font: 8pt Tahoma; color: #808080; word-spacing: 3px; text-align: right; } /* 상단 통계 */
	.bbsListTotal a { font: 8pt Tahoma; color: #808080; }
	.bbsListTotal a:hover { text-decoration: underline; }
	.bbsListTotal img { vertical-align: middle; }


.bbsListTable { border-bottom: 1px solid #d9d9d9; } /* 목록 테이블 */
	.bbsListTable th { height: 33px; font-weight: normal; background: url('../image/bgHead.gif') repeat-x 0 0; }
		.bbsListTable th a:hover { text-decoration: none; }
	.bbsListTable td { height: 30px; border-bottom: 1px dashed #ccc; }
	.bbsListTable img { margin-right: 5px; vertical-align: middle; }
	.bbsListTable em { font: 7pt Tahoma; color: #f90; }

	.bbsListNotice { background-color: #F5F5F5; } /* 목록 공지 */
		.bbsListNotice span { font: bold 10px Tahoma; color: #5394c5; text-transform: uppercase; } /* 목록 공지 */

	.bbsListTableCate { padding-right: 20px; padding-left: 20px; font-weight: bold; background: url('../image/bar.gif') no-repeat 100% 50%; } /* 목록 카테고리 */
	.bbsListTableSubject { padding-left: 20px; }


.bbsListPage { font: 8pt Tahoma,Arial; word-spacing: 7px; } /* 목록 페이지 */
	.bbsListPage img { vertical-align: middle; }

.bbsListSearch { float: left; } /* 검색 */
	.bbsListSearch select { vertical-align: middle; }
	.bbsListSearch input { width: 130px; height: 20px; border: none; font-size: 8pt; color: #fff; vertical-align: middle; background: #666; }
	.bbsListSearch img { vertical-align: middle; }

.bbsListBtn { float: right; }




/* ▒▒▒▒▒▒▒▒▒▒ Write ▒▒▒▒▒▒▒▒▒▒ */


.bbsWriteTable { border-bottom: 1px solid #d9d9d9; } /* 글쓰기 테이블 */

	.bbsWriteTable th {
		padding: 0 20px;
		border-bottom: 1px dashed #ccc;
		font-weight: normal; text-align: right;
		background: url('../image/bar.gif') no-repeat 100% 50%;
		}

	.bbsWriteTable thead th {
		width: 100%; height: 33px;
		padding-right: 10px;
		border-bottom: 1px solid #d9d9d9;
		font-weight: normal; text-align: right;
		background: url('../image/bgHead.gif') repeat-x 0 0;
		}
		.bbsWriteTable thead th input { margin-left: 5px; }

	.bbsWriteTable td { padding: 5px 0 5px 20px; border-bottom: 1px dashed #ccc; }
		.bbsWriteTable td table td { border: none; padding: 5px; }

	.bbsWriteTable input { vertical-align: middle; }
	.bbsWriteTable img { margin-right: 7px; vertical-align: middle; }
	.bbsWriteTable strong { font-weight: normal; font-family: Batang; color: #F09; } /* 필수항목 */




/* ▒▒▒▒▒▒▒▒▒▒ View ▒▒▒▒▒▒▒▒▒▒ */


.bbsViewTable {  } /* 글읽기 상단 옵션 테이블 */

	.bbsViewTable th {
		height: 30px; padding: 0 20px 0 30px;
		border-bottom: 1px dashed #ccc;
		font-weight: normal; text-align: left;
		background: url('../image/bar.gif') no-repeat 100% 50%;
		}
	.bbsViewTable thead th {
		width: 100%; height: 33px;
		padding-right: 10px;
		border-bottom: 1px solid #d9d9d9;
		font-weight: bold; text-align: center;
		background: url('../image/bgHead.gif') repeat-x 0 0;
		}
	.bbsViewTable td { height: 30px; padding: 0 10px 0 20px; border-bottom: 1px dashed #ccc; }
		.bbsViewTable td div { float: left; width: 50%; font: 10px Arial; color: #999; vertical-align: middle; }
			.bbsViewTable td div span { font: 9pt Tahoma, Gulim; color: #333; }
			.bbsViewTable td div strong { font: bold 8pt Arial; }
	
	.bbsViewTable a { margin-right: 10px; }
	.bbsViewTable img { vertical-align: middle; }

	td.bbsViewTableFile { width: 100%; border-top: 1px solid #d9d9d9; border-bottom: none; padding: 7px 30px; background: #f5f5f5; }
		td.bbsViewTableFile a { font: 11px Arial; }


.bbsViewMemo { padding: 10px 0 30px 0; text-align: left; }
	.bbsViewFile { margin: 20px 0; padding-bottom: 30px; border-bottom: 1px solid #E5E5E5; text-align: center; }


.bbsViewComm { padding: 20px; border: 5px solid #e5e5e5; }
	.bbsViewComm div { text-align: left; }
		.bbsViewComm div em { font: 10px Tahoma, Arial; color: #999; vertical-align: middle; }
		.bbsViewComm div textarea	{ margin-top: 5px; width: 100%; }
	.bbsViewComm hr { margin: 10px 0; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #fff; }

.bbsViewCommWrite { margin-top: 5px; padding: 20px; border: 1px solid #e5e5e5; text-align: left; background: #f7f7f7; }
	.bbsViewCommWrite input		{ margin: 0 10px 0 5px; vertical-align: middle; }
	.bbsViewCommWrite textarea	{ margin: 5px 0; width: 100%; height: 70px; }
	.bbsViewComm img { vertical-align: middle; }
	.bbsViewCommWrite table input { margin: 5px 0 0 0; }


.bbsViewPageUp		{
	margin-top: 15px; padding: 4px 0 4px 64px;
	border-top: 1px solid #f0f0f0;
	color: #999; text-align: left;
	background: url('../image/btnViewNext.gif') no-repeat 10px 50%;
	}
	.bbsViewPageUp a:hover			{ text-decoration: underline; }
.bbsViewPageDown {
	padding: 4px 0 4px 64px;
	border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0;
	color: #999; text-align: left;
	background: url('../image/btnViewPrev.gif') no-repeat 10px 50%;
	}
	.bbsViewPageDown a:hover	{ text-decoration: underline; }




/* ▒▒▒▒▒▒▒▒▒▒ Del ▒▒▒▒▒▒▒▒▒▒ */


.bbsDelTable {  } /* 글삭제 테이블 */

	.bbsDelTable th {
		height: 33px;
		padding-left: 10px;
		border-bottom: 1px solid #d9d9d9;
		font-weight: bold; text-align: left;
		background: url('../image/bgHead.gif') repeat-x 0 0;
		}
	.bbsDelTable td { padding: 20px; color: #5394c5; line-height: 170%; background: #f5f5f5; }
		.bbsDelTable td span { font-weight: bold; }
		.bbsDelTable td hr { margin: 10px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #f5f5f5; }
		.bbsDelTable td input { margin: 0 2px; vertical-align: middle; }
		.bbsDelTable td img { vertical-align: middle; }
