/* ▒▒▒▒▒▒▒▒▒▒ Basic ▒▒▒▒▒▒▒▒▒▒ */

table { word-break: break-all; border-collapse: collapse; }

img { border: none; }
p, form { margin: 0; }
input, textarea, select { vertical-align: middle; }



/* ▒▒▒▒▒▒▒▒▒▒ Common ▒▒▒▒▒▒▒▒▒▒ */

/* 이부분 */
.bbsTitle {
	padding: 17px;
	border-top: 2px solid #3C7BC5; border-bottom: 1px solid #CCC;
	font: bold 8pt Tahoma; color: #666;
	text-align: left;
	}

.bbsTitle2 {
			margin-top: 20px; 
			color: #000; 
			text-align: left; 
			font: bold; 
			font-size: 10pt;
			background: url('../image/view/protit-bul.gif') no-repeat 5 22;
			}
	.bbsTitle2 em { font: 8pt 돋움; color: #999; }

.bbsAlert { padding-left: 5px; font: 8pt 돋움; color: #F00; letter-spacing: -1px; } /* 항목별 설명글 */

.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%; height: 30px; } /* 상단 카테고리 */

.bbsListTotal { width: 50%; height: 30px; font: 8pt Tahoma; color: #666; text-align: right; } /* 상단 통계 */
	.bbsListTotal a { color: #666; }
	.bbsListTotal a:hover { text-decoration: underline; }
	.bbsListTotal span { margin-right: 5px; font-size: 8pt; font-family: Tahoma; color: #F00; }

.bbsListSort {
	margin: 0; padding: 10px 0 10px 15px;
	border-top: 2px solid #3C7BC5; border-bottom: 1px solid #CCC; 
	text-align: left; font-size: 8pt; font-family: Dotum;
	}


.bbsListTable { margin-bottom: 20px; }
	.bbsListTable td { padding: 20px 10px 0; vertical-align: top; text-align: center; }
	.bbsListTable div { width: 236px; padding: 2px; border: 1px solid #CCC; }

		.bbsListTable div img { width: 230px; height: 190px; }
	.bbsListTable p { width: 236px; margin-top: 5px; padding: 3px 0; background: #ececec; }
		.bbsListTable p a:hover { color: #3C7BC5; }
		.bbsListTable p img { vertical-align: middle; }
	.bbsListTable em { margin-left: 5px; font: 7pt tahoma, Arial; color: #F90; } /* 글목록의 코멘트 수 표시 */


.bbsListElse {
    width: 142px; height: 122px; padding-top: 58px;
	border: 1px solid #E5E5E5;
	color: #999;
	} /* 파일이 이미지가 아닐 경우 출력되는 모양 */


.bbsListPage { /* 목록 페이지 */
	padding: 10px 0;
	border-top: 3px solid #e5e5e5;
	font: 8pt Tahoma; color: #808080; word-spacing: 5px;
	background: #f5f5f5;
	}
	.bbsListPage img { vertical-align: middle; }

.bbsListSearch { font: 8pt 돋움, Dotum; color: #999; } /* 검색 */
	.bbsListSearch img { vertical-align: middle; }



/* ▒▒▒▒▒▒▒▒▒▒ Write ▒▒▒▒▒▒▒▒▒▒ */


.bbsWriteKind { /* 글종류 */
	padding: 5px 10px;
	border-top: 3px solid #E5E5E5; border-bottom: 1px solid #CCC;
	font: 8pt 돋움; color: #666; text-align: right;
    background: #F5F5F5;
	}
	.bbsWriteKind input { margin-left: 10px; vertical-align: middle; }

.bbsWriteTable { border-bottom: 1px solid #999; } /* 글쓰기 테이블 */
	.bbsWriteTable th {
		width: 100px; padding-right: 30px;
		border-bottom: 1px solid #E5E5E5;
		font-weight: normal; text-align: right;
		background: url('../image/writeBar.gif') no-repeat 100% 50%;
		}
	.bbsWriteTable td {
		padding: 7px 0 7px 10px;
		border-bottom: 1px solid #E5E5E5;
		font-size: 8pt; color: #999;
		}
		.bbsWriteTable td table td { border: none; }
	.bbsWriteTable input { vertical-align: middle; }
	.bbsWriteTable img { vertical-align: middle; }
	.bbsWriteTable strong { font-weight: normal; font-family: Batang; color: #F09; } /* 필수항목 */




/* ▒▒▒▒▒▒▒▒▒▒ View ▒▒▒▒▒▒▒▒▒▒ */


.bbsViewItem {
	list-style: square;
	margin: 5px 0; padding: 10px 0 10px 35px;
	border: 1px solid #999;
	text-align: left;
	}
	.bbsViewItem li { padding: 2px 0; }
	.bbsViewItem li a { font: 8pt Arial, Tahoma; }
	.bbsViewItem li a:hover { color: #000; text-decoration: underline; }
	.bbsViewItem li img { margin-right: 5px; vertical-align: middle; }
	.bbsViewItem span { width: 50px; font: bold 9pt Arial; color: #000; text-transform: capitalize; }

.bbsViewMemo {
	padding: 10px 0;
	text-align: left;
	}
	.bbsViewFile {
		margin: 10px 0; padding-bottom: 10px;
		border-bottom: 1px solid #E5E5E5;
		text-align: center;
		}

.bbsViewComm {
	margin-top: 5px; padding: 20px;
	border: 1px solid #ccc;
	font-size: 8pt; font-family: Dotum; color: #666;
	text-align: left;
	background: #fff;
	}
	.bbsViewComm input { margin-right: 10px; vertical-align: middle; }
	.bbsViewComm textarea { margin-top: 3px; height: 70px; vertical-align: middle; }
	.bbsViewComm img { vertical-align: middle; }
	
.bbsViewCommList {
	margin-top: 10px;
	border-top: 1px solid #e5e5e5;
	}
	.bbsViewCommList th {
		padding: 5px 20px 5px 0;
		border-bottom: 1px solid #e5e5e5;
		text-align: right;
		background: url('../image/writeBar.gif') no-repeat 100% 50%;
		}
	.bbsViewCommList td { padding: 5px 0; border-bottom: 1px solid #e5e5e5; text-align: center; }
	.bbsViewCommList span { font-size: 8pt; color: #999; }

.bbsViewList {
    height: 25px;
	padding: 5px 0;
	text-align: left;
	background: #F2F2F2;
	}
	.bbsViewList span { font: 8pt 돋움; color: #bbb; }
	.bbsViewList span a { color: #333; }

	.bbsViewPrev { float: left; width: 49%; text-align: left; }
	.bbsViewnext { float: right; width: 50%; text-align: right; }
