/*
 * ♡ hn_html_page ♡
 *	최종수정일 : 2011.05.19
-------------------------------------------------------------------------------*/
input, select { vertical-align:middle; }
img { vertical-align:middle; border:0; }

/* Write
---------------------------------------------------------------------- */
#hnWrite { border-bottom:#000000 solid 1px; margin:20px auto;}
.writeBoSubject { 
	height:38px; padding-left:20px; 
	background-color:#f8f8f9; border-top:#808080 solid 2px;border-bottom:#808080 solid 1px; 
	color: #3399CC; font-size: 10pt; font-weight: bold;
}
.writeTitle {
	width:90px; 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; }

.guideText { color:#666; font-size:11px; }


/* 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; }




#list_table {border-bottom:#778899 solid 1px;}
#list_table th {height:28px; background-color:#f5f5f5; border-top:#778899 solid 1px;border-bottom:#778899 solid 1px; color:#808080; }
.list_td { padding:5px 0 3px; text-align:center; }
.list_td2 { padding:5px 0 3px; text-align:left; }
.list_title { font-weight: normal; color: #333; text-decoration: none;}

.board_button { clear:both; margin:10px 0 0 0; }

.board_page { clear:both; text-align:center; margin:3px 0 0 0; }
.board_page a:link { color:#777; }

.board_search { text-align:center; margin:10px 0 0 0; }
.board_search .stx { height:21px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; }

.txt_gray1 {color: #666;}
.txt_gray2 {color: #808080;}

.t_current {color: #2C8CB9; }
.t_notice {color: #FF6600;}
.t_new {color: #4169E1;}

.t_category { font-size:8pt; font-family:돋움;  color: #808080;}
.t_subject {color: #333;}



.vt_category { background-color: #eeeeee; color:#333 }
.vt_subject {color: #3399CC; font-size: 12pt; font-weight: bold;}
.vt_writer { color:#666 }
.vt_ctbox { color:#333 ; padding:10px; border:#E6E6FA solid 1px ; word-break:break-all; }
.vt_ct {font-family: Verdana, 굴림; color:#222222; line-height: 150%;}

.cmbox {padding:5 15 10 15; border-left:#e5e5ff solid 1px; }
.cmt {font-family: Verdana, 굴림; color:#333; line-height: 130%;}
.cm_writer { color:#666; }

.w_top {height:38px; background-color:#f8f8f9; border-top:#808080 solid 2px;border-bottom:#808080 solid 1px; padding-left:20px}
.w_table {border-bottom:#000000 solid 1px; margin:0 auto;}

.w_td01 {width:110px; height:30px; background-color:#FFFAF0; border-bottom:#e7e7e7 solid 2px; padding-left:20px;  }
.w_td02 { border-bottom:#e7e7e7 solid 2px; padding:0px 12px; }
.w_td03 { border-bottom:#e7e7e7 solid 2px; padding:5px 5px 5px 12px; }

.w_subject {color: #3399CC; font-size: 10pt; font-weight: bold; }
.w_box {border:#CCCCCC solid 1px; }

.w_btn { padding:20px 0; text-align:center; }