body { margin:0;font-size: 12px;}

form { display:inline}
image { border:none}
select { font: 12px "Tahoma", "굴림"; }
input, td { font: 12px "Tahoma", "굴림"; }
textarea {
	font: 12px/17px "Tahoma", "굴림";
	padding: 5px;
}
h1 { 
	margin: 0 0 10px 0;
	font:15px "Tahoma", "맑은 고딕", "돋움";
	font-weight: bold;
}

/* 공통 */
.size11Dotum {
	font-size:11px;
	letter-spacing:-1px;
	font-family:돋움;
}

/* 일반 테이블 */
.commonTable { 
	table-layout:fixed;
	border: 0;
	border-spacing: 0;
	border-collapse: collapse; 
	width:100%; 
}

/* 팝업창 */
.popupBox {
	display:none;
	border:1px solid #333;
	background-color:#fff;
}
.popupContent {
	overflow-y:auto;
	font-size: 12px;
}
.popupContent p {
	margin: 0;
}

/* 팝업창 하단 텍스트박스 */
.popupText {
	text-align:right; 
	letter-spacing:-1px; 
	padding: 8px 10px 5px; 
	background-color:#333; 
	color:#FFF; 
	font-size:11px; font-family: '돋움';
}
.popupText a {
	color:#CCC; text-decoration:none;
}


/* 글목록 테이블 */
.postlistTable { 
	table-layout:fixed;
	border-top:1px solid #e6e6e6;
	border: 0;
	border-spacing: 0;
	border-collapse: collapse; 
	width:100%; 
}


.postlistTable THEAD TD {
	background-color: #d9e0e6;
	border-top:2px solid #ddd;
	border-bottom:1px solid #ddd; 
	font-size:11px;
	font-family:돋움;
	letter-spacing: -1px;
	padding: 6px 3px 2px 3px;
	text-align:center;
	white-space:nowrap;
	color:#123a5e;
}
.postlistTable TD {
	font-size: 12px;color:#464646;
	font-family:굴림;
	border:1px solid #b6c5d2; 
	padding: 6px 3px 2px 3px;
	vertical-align:middle;
	text-align:left;
	/*vertical-align:baseline;line-height: 13px;*/
}


/* 링크 색상 */
.postlistTable a:link, .postlistTable a:visited { color:#636363;text-decoration:none;}
.postlistTable a:hover { text-decoration:underline;}
.postlistTable select { border:1px solid #ccc; padding:2px;}
.postlistTable textarea { border:1px solid #ccc; padding:3px; width:95%;}

/* 글목록 */
.postlistTable .checkBox { padding: 0; text-align:center;}
.postlistTable .num { font-size:11px;color:#999;text-align:center; white-space:nowrap;}
.postlistTable .subject { word-break:break-all; word-wrap:break-word;}
.postlistTable .username { text-align:center; white-space:nowrap;text-overflow:ellipsis; overflow:hidden;}
.postlistTable .datecreated { font-size:11px;color:#999;text-align:center; white-space:nowrap;}
.postlistTable .totalviews { font-size:11px;color:#999;text-align:center; white-space:nowrap;}

.postlistTable .comment { font-size:11px; font-family:돋움; border:none; color:#999; letter-spacing:-1px;}
.postlistTable .number { font-size:11px; text-align:center;}
.postlistTable .alignCenter { text-align:center;font-size:11px; font-family:돋움;}
.postlistTable .noBorder { border:none;}
.postlistTable .noBorder:focus { border:none; background:#fff;}

/* 갤러리 게시판 */
.postlistTableGallery { 
	table-layout:fixed;
	border-top:2px solid #ddd;
	border-bottom:1px solid #ddd;
	border-spacing: 3px;
	border-collapse: collapse; 
	width:100%; 
}
.postlistTableGallery TD {
	font-size:12px;
	font-family:굴림;
	color: #636363;
	padding: 5px;
	vertical-align:middle;
	text-align:left;
}
/* #imageBox #imageBorder min-height이지만 익스플로러 문제로 height으로 */
#imageBox { display:block; overflow:hidden; text-align:center; padding:0}
#imageBox #imageBorder { border: 3px solid #f5f5f5; overflow:hidden; height:100px; position:relative; text-align:center;}
#imageBox #imageBorder:hover { border: 3px solid #99ccff;}
#imageBox #imageBorder img { position:absolute;top:0;bottom:0;left:0;right:0; margin:auto;}

/* 이미지 하단 설명 테이블 */
#glTextBox { table-layout:fixed; width:100%; padding:0; border-spacing:0; margin-top:5px; margin-bottom:5px}
#glTextBox TD { border: none; padding:1px}

#glTextBox a { focus_out:expression(this.hideFocus=true);} 
#glTextBox a:link,a:visited { color: #666; text-decoration: none;}
#glTextBox a:hover { color: #666; text-decoration: underline;}

#glTextBox #commentCount { color: #0066cc; margin-left:3px; font-family:verdana; font-size:11px; letter-spacing:-1;}
#glTextBox .gallery_title { text-overflow: ellipsis; overflow:hidden; white-space:nowrap;}
#glTextBox .gallery_writedate { color:#c2c2c2; font-size:11px; font-family:돋움;}
#glTextBox .gallery_writer { color:#939393; }

/* 글목록 하단 버튼과 페이징 */
.postlistControl { 
	margin: 10px 0;
	border: 0;
	border-spacing: 0;
	border-collapse: collapse; 
	word-break:break-all;
	width:100%; 
}
.postlistControl ul { list-style:none; margin:0; padding:0 }
.postlistControl li { float:left; margin-right:5px; }

/* 페이징 박스 */ 
.pagingBox {
	font-family:굴림;
	font-size: 12px;color:#333;
	line-height: 13px;
	width:100%;
	letter-spacing:-1px;
}
.pagingNumber {
	font-weight:bold;
	border:1px solid #ccc;
	padding:6px 6px 0px 4px;
	display:inline-block;
	margin:0px 1px;
	color:#777;
	cursor: pointer;
}
.pagingNumberCurrent, .pagingNumber:hover {
	font-weight:bold;
	padding:6px 6px 0px 4px;
	display:inline-block;
	margin:0px 1px;
	cursor:pointer;
	color:#6589bd;
	border:1px solid #6589bd;
}
.pagingNumberCurrent { cursor:auto }

/* 검색창 */
#searchForm {
	width:100%;
	text-align:center;
}
#searchForm select { 
	padding: 1px 0;
}


/* 댓글 테이블 */
.commentlistTable { 
	table-layout:fixed;
	border: 0;
	border-spacing: 0;
	border-collapse: collapse; 
	width:100%; 
}
.commentlistTable TD {
	font-size:12px;
	font-family:굴림;
	color: #636363;
	padding: 6px 3px 2px 3px;
	vertical-align:middle;
	text-align:left;
}

/* 글보기 테이블 */
.postviewTitle { 
	table-layout:fixed;
	border-collapse: collapse; 
	border-spacing: 0;
	width:100%; 
}
.postviewTitle THEAD TD {
	border-top:2px solid #ddd;
	border-bottom:1px dotted #ddd; 
	padding: 6px 7px;
	font-weight:bold;
	line-height:130%;
}	
.postviewTitle TD {
	border-bottom:1px solid #ddd; 
	padding: 8px 7px;
	vertical-align:middle;
	text-align:left;
	color: #636363;
	word-break:break-all;
	font-size:12px;
}

.postviewTitle a:link, a:visited { text-decoration:none;}
.postviewTitle a:hover { text-decoration:underline;}

.postviewTitle .searchInput { border:1px solid #ccc; padding:3px;}
.postviewTitle .searchInput:focus { background-color:#f5f5f5; border:1px solid #ccc;}
.postviewTitle select { border:1px solid #ccc; padding:2px;}
.postviewTitle textarea { border:1px solid #ccc; padding:3px; width:95%;}

.postviewTitle .comment { font-size:11px; font-family:돋움; border:none; color:#999; letter-spacing:-1px;}
.postviewTitle #postwriter { float:left; font-size:11px; font-family:돋움;}
.postviewTitle #postipaddress { margin-left:10px;font-size:10px; float:left; font-family:tahoma; color:#999;}
.postviewTitle #postdate { font-size:11px;}
.postviewTitle #postbody { margin-top:15px; margin-bottom:15px; min-height:150px; font-family:굴림체;}
.postviewTitle #postbody #contentTable { border:none;  }
.postviewTitle #postbody #contentTable TD { border:none;  }
.postviewTitle #viewcount { font-size:11px;}
.postviewTitle .alignCenter { text-align:center;}
.postviewTitle .noBorder { border:none;}
.postviewTitle .noBorder:focus { border:none; background:#fff;}

/* 글읽기 하단 버튼들 */
#postviewControl { width:100%; color: #636363; font-size:12px; margin: 10px 0; border-top:2px solid #ddd; padding-top:7px}
#postviewControl .line { text-align:center; display:inline-block;	width: 20px;}
#postviewControl .text { letter-spacing:-1px;}
#postviewControl .arrow { font-size:7px; text-align:center; display:inline-block; width: 8px; font-family:돋움; margin-bottom:2px;}
#postviewControl a:link, a:visited { font-size:12px;color:#636363; text-decoration:none;}
#postviewControl a:hover { text-decoration:underline;}


/* 글목록 테이블 */
.postaddTable { 
	table-layout:fixed;
	border-top:1px solid #e6e6e6;
	border-spacing: 0;
	border-collapse: collapse; 
	width:100%;
	margin-bottom: 10px; 
}
.postaddTable TD {
	/*
	font-size:12px;
	font-family:굴림;
	color: #636363;
	border-bottom:px solid #eee; 
	padding: 4px 10px;
	vertical-align:middle;
	text-align:left;
	*/
	border:1px solid #b6c5d2; 
	font-size: 12px;color:#464646;
	padding: 6px 4px 4px 4px;
	vertical-align:baseline;line-height: 13px;
}


/* 글보기 본문 */
#postviewBody { text-align:left; }

.postaddTable #inputbox { border:1px solid #ccc; padding:3px;}
.postaddTable #inputbox:focus { background-color:#f5f5f5; border:1px solid #ccc;}
.postaddTable select { border:1px solid #ccc; padding:2px;}
.postaddTable textarea { border:1px solid #ccc; padding:3px; width:95%;}

.postaddTable .maintitleCell { background-color: #FFCCCC;}
.postaddTable .titleCell { background-color: #d9e0e6; width:100px;}
.postaddTable .submitCell { background-color: #fff; border: none;}
.postaddTable .submitButton { padding-top:3px; margin-top:5px;}
.postaddTable .icaptchaCell { padding:8px 10px;}
.postaddTable .icaptcha { float:left; border:2px solid #ccc; margin-right:5px; margin-bottom:5px;}
.postaddTable .comment { font-size:11px; font-family:돋움; border:none; color:#999; letter-spacing:-1px;}

.postaddTable .noneStyle { display:none;}


/* 비밀번호 확인 테이블 */
.passwordcheckTable { 
	border: 0; border-spacing: 0; border-collapse: collapse; width:300px; margin:20px auto;
	
}
.passwordcheckTable THEAD TD {
	text-align:center;
	background-color: #f5f5f5;
	border-top:2px solid #ddd;
	font-size:11px; font-family:돋움;
	letter-spacing: -1px;
	padding: 6px 3px 2px 3px;
	text-align:center;
	white-space:nowrap;
}
.passwordcheckTable TD {
	text-align:center;
	font-size:12px;
	font-family:굴림;
	color: #636363;
	padding: 6px 3px 2px 3px;
	vertical-align:middle;
	border-bottom:1px solid #ddd;
}


/* 메인 글목록 테이블 */
.postlistmainTable { table-layout:fixed;border: 0;border-spacing: 0;border-collapse: collapse;width:100%;}
.postlistmainTable TD {	
	height: 20px;font-size:12px;font-family:굴림;color: #636363;border-bottom:1px solid #ddd; 
	padding: 6px 3px 2px 3px; vertical-align:middle;
	text-align:left;
}
/* 링크 색상 */
.postlistmainTable a:link, a:visited { color:#636363;text-decoration:none;}
.postlistmainTable a:hover { text-decoration:underline;}
/* 글목록 */
.postlistmainTable .num { font-size:11px;color:#999;text-align:center; white-space:nowrap;}
.postlistmainTable .datecreated { font-size:11px;color:#999;text-align:center; white-space:nowrap;}


/* 메인 글목록갤러리 테이블 */
.postlistmainGalleryTable { table-layout:fixed;border: 0;border-spacing: 0;border-collapse: collapse;width:100%;}
.postlistmainGalleryTable TD {	
	height: 20px;font-size:12px;font-family:굴림;color: #636363;border-bottom:1px solid #ddd; 
	padding: 6px 3px 2px 3px; vertical-align:middle;
	text-align:left;
}
/* 링크 색상 */
.postlistmainGalleryTable a:link, a:visited { color:#636363;text-decoration:none;}
.postlistmainGalleryTable a:hover { text-decoration:underline;}
/* 글목록 */
.postlistmainGalleryTable .num { font-size:11px;color:#999;text-align:center; white-space:nowrap;}
.postlistmainGalleryTable .datecreated { font-size:11px;color:#999;text-align:center; white-space:nowrap;}

.postlistmainGalleryTable .imageBox { display:block; overflow:hidden; text-align:center; padding:0}
.postlistmainGalleryTable .imageBox .imageBorder { border: 3px solid #f5f5f5; overflow:hidden; height:100px; position:relative; text-align:center;}
.postlistmainGalleryTable .imageBox .imageBorder:hover { border: 3px solid #99ccff;}
.postlistmainGalleryTable .imageBox .imageBorder img { position:absolute;top:0;bottom:0;left:0;right:0; margin:auto;}