/* =======================================================================
 * hn_basic
 * Date : 2011.04.20
======================================================================= */

/* °øÅë ½ºÅ¸ÀÏ */
input, select { vertical-align:middle; }
img { vertical-align:middle; border:0; }

.hnBtn {
	display:inline-block; padding:3px 12px;
	border:1px solid #cfcfcf;
	background-color:#f5f5f5;
	-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f5f5f5), color-stop(1, #e6e6e6) );
	background:-moz-linear-gradient( center top, #f5f5f5 5%, #e6e6e6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#e6e6e6');
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff; box-shadow:inset 0px 1px 0px 0px #ffffff;
	color:#777; font-size:12px; font-weight:bold; text-decoration:none;
	font-family:arial; text-shadow:1px 1px 0px #ffffff;
}
.hnBtn:hover {
	background-color:#e6e6e6;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e6e6e6), color-stop(1, #f5f5f5) );
	background:-moz-linear-gradient( center top, #e6e6e6 5%, #f5f5f5 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e6e6', endColorstr='#f5f5f5');
	color:#555; text-decoration:none;
}
.hnBtn:active { position:relative; top:-1px; }

.smallBtn { padding:1px 7px; font-size:10px; }

.iconPrev  { background:url(./img/btn_icon_prev.gif) no-repeat left center; padding-left:10px; }
.iconNext  { background:url(./img/btn_icon_next.gif) no-repeat right center; padding-right:10px; }
.iconPoint { background:url(./img/btn_icon_point.gif) no-repeat 0 center; padding-left:7px; }
.iconList { background:url(./img/btn_icon_list.gif) no-repeat 0 center; padding-left:11px; }

input.hnWriteBtn { background:#f5f5f5 url(./img/btn_icon_point.gif) no-repeat 12px center; padding-left:20px; cursor:pointer;}
input.hnWriteBtn:hover { background:#eee url(./img/btn_icon_point.gif) no-repeat 12px center; padding-left:20px; }



/* List
---------------------------------------------------------------------- */
#listTop	{ position:relative; overflow:hidden;  margin:20px auto 0; }
#listTop .category { float:left; }
#listTop .adminArticle	{ float:right; text-align:right; height:20px;}

.board_list { clear:both; width:100%; table-layout:fixed; margin:5px 0 0 0; }
.board_list th { font-weight:bold; font-size:12px; }
.board_list th { background:url(./img/title_bg.gif) repeat-x; }
.board_list th { white-space:nowrap; height:34px; overflow:hidden; text-align:center; }
.board_list th { border-top:1px solid #ddd; border-bottom:1px solid #ddd; }

.board_list tr.bg0 { background-color:#fafafa; }
.board_list tr.bg1 { background-color:#ffffff; }

.board_list td { padding:.5em; }
.board_list td { border-bottom:1px solid #ddd; }
.board_list td.num { color:#999999; text-align:center; }
.board_list td.checkbox { text-align:center; }
.board_list td.subject { overflow:hidden; vertical-align:top; }

.board_list td.name { padding:0 0 0 10px; text-align:center; }
.board_list td.datetime { font:normal 11px tahoma; color:#BABABA; text-align:center; }
.board_list td.hit { font:normal 11px tahoma; color:#BABABA; text-align:center; }
.board_list td.good { font:normal 11px tahoma; color:#BABABA; text-align:center; }
.board_list td.nogood { font:normal 11px tahoma; color:#BABABA; text-align:center; }

.board_list .notice { font-weight:normal; }
.board_list .current { font:bold 11px tahoma; color:#E15916; }
.board_list .comment { font-family:Tahoma; font-size:10px; color:#EE5A00; }

/* À̹ÌÁö¹Ú½º */
.stitle { color:#296D84; font-size:11px; }
.imgBoxOut { margin:10px 3px 5px; }
.imgBoxIn { border:#fff solid 1px; overflow:hidden;}
.imgBoxIn p { margin:0; padding:0; }

#hnList { border-top:#778899 solid 1px; border-bottom:#778899 solid 1px; margin:0 auto;}
#hnList th { padding:5px 0 2px; background-color:#f5f5f5; border-bottom:#778899 solid 1px; color:#808080; }
#hnList th a:link, #hnList th a:visited{ text-decoration:none; color:#808080; }
#hnList th a:hover { color:#666; }
#hnList td { padding:5px 0 2px; color: #666;  border-bottom:1px dashed #ccc; }

.listNum { text-align:center; font-size:11px; }

.listCategory { font-size:8pt; color: #808080; }
.listCategory a:link, .listCategory a:visited, .listCategory a:hover { font-size:8pt; color: #808080; text-decoration:none; }

.listComment { font-size:8pt; color: #808080; }
.listComment a:link, .listComment a:visited, .listComment a:hover { font-size:8pt; color: #808080; text-decoration:none; }

.listCheckbox { text-align:center; }
.listSubject { word-break:break-all; color: #333;}
.listSubject a:link, .listSubject a:visited { color:#333; text-decoration:none; }
.listSubject a:hover { color:#ff4500; }

.listHit { text-align:center; color:#666; font-size:11px;}
.listDatetime { text-align:center; color:#808080; font-size:11px; }

.listGoodNogood { text-align:center; }
.listName { color:#666; text-align:center;  }

#hnListBtn { clear:both; margin:10px auto 0; }
.btnLeft { float:left; }
.btnRight { float:right; }

#hnListPage { clear:both; text-align:center; margin:3px auto 0; }
#hnListPage a:link, #hnListPage a:visited, #hnListPage a:hover { color:#777; text-decoration:none;}

#hnListSearch { text-align:center; margin:20px auto 0; padding:2px 0; background-color:#eee;}
#hnListSearch .stx { border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; }

/* ÅؽºÆ® °³º° ½ºÅ¸ÀÏ */
.textCurrent {color: #2C8CB9; }
.textNotice {color: #FF6600;}
.textNew {color: #4169E1;}


/* Write
---------------------------------------------------------------------- */
#hnWrite { border-bottom:#000 solid 1px; margin:20px auto;}
.writeBoSubject {
	height:28px; padding-left:20px;
	background-color:#999; border-top:#777 solid 1px;border-bottom:#777 solid 1px;
	color: #f1f1f1; font-size:10pt; font-weight: bold;
}
.writeTitle {
	width:100px; height:30px; padding-left:20px;
	background-color:#f5f5f5; border-bottom:#e7e7e7 solid 2px;
	color:#333;
}
.writeContent { border-bottom:#e7e7e7 solid 2px; padding:0px 12px; }
.writeContent2 { border-bottom:#e7e7e7 solid 2px; padding:5px 5px 5px 12px; }
#hnWriteBtn { padding:20px 0; text-align:center; }


/* view
---------------------------------------------------------------------- */
#hnView { margin:20px auto; border-top:#789 solid 1px;  }
.viewSubject {
	padding:7px 0 5px 15px;  background-color:#999; border-bottom:#777 solid 1px;
	color: #fff; font-size: 14px; font-weight: bold;
}
.viewCredit {
	padding:5px 10px 2px;
	background-color:#fff; border-bottom:#eeeeee solid 1px;
	color:#336699;
}
.viewFileLink {
	padding:5px 10px 2px;
	background-color:#ffffff;  border-bottom:#eeeeee solid 1px;
	color:#336699;
}
.viewCategory { color:#666 }
.viewContent {
	background-color:#fff; padding:10px 20px; border-top:#E6E6FA solid 1px ;
	color:#212121 ; line-height: 150%; word-break:break-all;
}
.viewIMG {  margin:5px 0px; text-align:center;}
.viewIMG img { border:#ccc solid 1px; }

#viewBtn { height:35px; margin:0 auto; }
#viewBtn .leftBtn { float:left; _display:inline; margin:0; padding:0; }
#viewBtn .rightBtn { float:right; _display:inline; margin:0; padding:0; }

/* view comment */
#viewComment { margin:0 auto; padding:0 10px 10px; background-color:#f5f5f5; border:1px solid #ddd; }
.commentArticle { margin:20px auto 0px; }
.replyArticle { border-top:none; margin-top:1px; }
#viewComment .firstArticle { margin-top:0; }

.commentCredit { overflow:hidden;  padding:2px 5px; border-bottom:1px solid #ddd; }
.replyCredit { padding-left:30px; background:#f5f5f5 url(./img/icon_reply.gif) no-repeat left top; }

.commentCredit h3 { float:left; margin:0; padding:0; color:#666; }
.commentCredit h3  span { color:#666; font-size:11px; font-weight:normal; }
.commentCredit h3 span.guest { font-size:12px; font-weight:bold; }
.commentCredit h3 span.member { font-size:12px; font-weight:bold; color:#515151; }
.commentCredit p { float:right; margin:0; padding:5px 0 0 0; }

.commentContent {
	clear:both; overflow:hidden; padding:7px 12px; background-color:#fff;
	line-height:150%; color:#666; word-break:break-all;
}

#comment_write { margin-top:10px; }
.commentForm { background-color:#f7f7f7; margin:3px; border:1px solid #ddd; }