@charset "utf-8";

/* Board Reset */

.memo_board img{border:0}
.memo_board table,
.memo_board input,
.memo_board textarea,
.memo_board select{font-size:12px;font-family:Verdana, Geneva, sans-serif;}
.memo_board .iCheck{width:13px;height:13px;margin:0;vertical-align:middle}
.memo_board .iText{position:relative;padding:3px 4px;_margin:-1px 0;height:17px;line-height:17px;border:1px solid #a6a6a6;border-right-color:#d8d8d8;border-bottom-color:#d8d8d8;background:transparent}



/* view_Document.html */

.boardList {width:100%; margin:0; padding:0; color:#333; background-color:#FFF; }
.boardList td{border:0; border-bottom:1px solid #ccc; padding:7px 10px; white-space:nowrap; text-align:center; line-height:normal; vertical-align:middle; }
.boardList td.no{padding:0 10px; margin:0; text-align:center; min-width:20px; font-size:11px; letter-spacing:-1px; }
.boardList td.title {text-align:left; padding:7px 5px; white-space:normal; width:100%; vertical-align:middle; line-height:20px; letter-spacing:-0.5px; }
.boardList .option {margin:0 5px 0 0; display:inline-block; padding:0; position:relative; top:2px;}
.boardList .option a{text-decoration:none;}
.boardList .titlename,
.boardList .titlename a {font-size:12px;text-decoration:none; color:#333; font-weight:bold}
.boardList .replyNum,
.boardList .replyNum a{ font-size:11px; text-decoration:none; color:#F00; letter-spacing:-1px;}
.boardList .date {font-size:10px; color:#666; font-family: Verdana, Geneva, sans-serif; letter-spacing:-1px;margin:0 5px; display:inline-block}
.boardList .titletext a{ text-decoration:none; color:#333;  }
.boardList .ipAddress{font-size:10px; margin-top:3px;font-family: Verdana, Geneva, sans-serif; letter-spacing:-1px;font-weight:normal}
.boardList .non {border-left:#000 dotted 2px; padding:0 0 0 10px; margin:0 0 0 5px; font-size:8px;}

.comment {width:100%; background-color:#f7f7f7;}
.comment td{border:0; padding:7px 5px 7px 15px; white-space:nowrap; text-align:center; line-height:normal; vertical-align:middle; }
.comment td.title {text-align:left; white-space:normal; vertical-align:middle; letter-spacing:-0.5px;}
.comment td.submit {text-align:left; white-space:normal; vertical-align:middle;}
.comment td.bin{width:100%;}
.comment .comment_content { background:url(iconReply.gif) no-repeat left center; padding:0px 0 0 35px}
.comment .inputText{ width:495px; border:1px solid #bababa; padding:3px 5px 2px 5px; height:15px; font-size:12px; *margin-top:-1px;}
.comment .date {font-size:11px; color:#666; font-style:normal;display:inline-block}

.comment_author{margin:0 4px 0 0; padding:0 0 10px 50px; background-color:#f7f7f7;}
.comment_author .item{position:relative;display:inline-block;_margin:0 4px 0 0; margin-right:10px; background:#FFF}
.comment_author .iLabel{top:6px;left:5px;color:#666; position:absolute;}
.comment_author .iText{width:100px; background:transparent}
.comment_author label{margin:0 10px 0 0}
.comment_author input{ border:solid 1px #CCC; }

.comment_page {width:100%; margin:0; padding:0; color:#333; }
.comment_page td{border:0; border-bottom:1px solid #e0e1db; padding:7px 10px 7px 10px; white-space:nowrap; text-align:center; line-height:normal; vertical-align:middle; }
.comment_navi { text-align:center;margin:0 0 10px 0; width:100%; background-color:#f7f7f7;}


/* view_Document.html  | notice */

.boardList_ne {width:100%; margin:0; padding:0; color:#333; background-color:#f7f7f7; }
.boardList_ne td{border:0; border-bottom:1px solid #ccc; padding:7px 10px; white-space:nowrap; text-align:center; line-height:normal; vertical-align:middle; }
.boardList_ne td.no{padding:0 15px; margin:0; text-align:center;font-size:12px; color:#F00}
.boardList_ne td.title {text-align:left; padding:7px 5px; white-space:normal; width:100%; vertical-align:middle; line-height:20px; letter-spacing:-0.5px; }
.boardList_ne .option {margin:0 5px 0 0; display:inline-block; padding:0; position:relative; top:2px;}
.boardList_ne .option a{text-decoration:none;}
.boardList_ne .titlename,
.boardList_ne .titlename a {font-size:12px;text-decoration:none; color:#333; font-weight:bold}
.boardList_ne .replyNum,
.boardList_ne .replyNum a{ font-size:11px; text-decoration:none; color:#F00; letter-spacing:-1px;}
.boardList_ne .date {font-size:10px; color:#666; margin-right:5px; display:inline-block; font-family: Verdana, Geneva, sans-serif; letter-spacing:-1px;}
.boardList_ne .titletext a{ text-decoration:none; color:#333; }
.boardList_ne .ipAddress{font-size:10px; margin-top:3px;font-family: Verdana, Geneva, sans-serif; letter-spacing:-1px;font-weight:normal}


/* comment.html */

.commentList {width:100%; margin:0; padding:0; color:#333; background-color:#f7f7f7;}
.commentList td{border:0; border-bottom:1px solid #ddd; padding:7px 10px; white-space:nowrap; text-align:center; line-height:normal; vertical-align:middle; }
.commentList td.title{text-align:left; padding:7px 5px 8px 15px; white-space:normal; width:100%; vertical-align:middle; line-height:20px; }
.commentList .option {margin:0; display:inline-block; padding:0; position:relative; top:2px;}
.commentList .option a{text-decoration:none;}
.commentList .replyNum,
.commentList .replyNum a{ font-size:10px; text-decoration:none; color:#F00; font-family:dotum; letter-spacing:-1px;}
.commentList .date {font-size:10px; color:#666; font-family: Verdana, Geneva, sans-serif; letter-spacing:-1px;  display:inline-block}
.commentList .comment_content { background:url(iconReply.gif) no-repeat left center; padding:0px 5px 0 35px}
.commentList .bar {border-left:#000 dotted 2px; padding:0 0 0 10px; margin:0 0 0 5px; font-size:8px }
.commentList .commentname,
.commentList .commentname a{font-size:12px;text-decoration:none; color:#333; font-weight:bold ; display:inline-block;}
.commentList .ipAddress{font-size:10px; margin-top:3px;font-family: Verdana, Geneva, sans-serif; letter-spacing:-1px; font-weight:normal}
.commentList .commenttext {padding:0 5px 0 0; white-space:normal;  }
.commentList .commenttext a{ text-decoration:none;color:#333;}
.commentList .non { margin-right:5px;}

/* write_form.html */

.boardWrite {padding:0; margin:0; width:100%}
.boardWrite .editorOption{ width:100%; height:30px; margin-bottom:10px; text-align:center; border:#ccc 1px solid}
.boardWrite .editorOption *{ vertical-align:middle;}
.boardWrite .editorOption select{ margin-right:10px; font-size:12px;border:1px solid #CCC;}
.boardWrite .editorOption label{ margin-right:10px;}

.userWrite {text-align:center; margin:0 auto; padding:5px 0;}
.userWrite .inputText{ width:495px; border:1px solid #bababa; padding:3px 5px 2px 5px; height:15px; font-size:12px; *margin-top:-1px;}

.write_author{margin:5px auto 0 auto; padding:0px; width:550px;}
.write_author .item{position:relative;display:inline-block;_margin:0 3px 0 0;}
.write_author .iLabel{top:6px;left:5px;color:#666; position:absolute}
.write_author .iText{width:100px;margin:0 10px 0 0;background:transparent}
.write_author label{margin:0 10px 0 0}
.write_author input{ border:solid 1px #CCC}


/* comment_form.html | delete_form.html | delete_comment_form.html | input_password_form.html | message.html */


.write_comment{position:relative;margin:10px 12px;zoom:1}
.write_comment:after{content:"";display:block;clear:both}
.write_comment textarea{width:645px;height:37px;margin:0 0 5px 0}
.write_comment .write_author{float:left}
.write_comment .btnArea{float:right; margin-top:10px;}

.context_data{background:#f8f8f8;border-top:2px solid #666;padding:15px 20px;color:#666}
.context_data h3.author{margin:0 0 10px 0;color:#333}
.context_data h3.title{margin:0 0 10px 0;color:#333}
.context_data p.author{margin:0}
.context_data p.author strong{font-weight:normal}
.context_data .xe_content{color:#666}
.context_message{text-align:center;border-top:2px solid #666}
.context_message h1{font-size:16px;margin:20px 0}
.context_message .btnArea{margin:20px 0}
.cde { width:100%; border:solid 1px #999; padding:3px 5px 2px 5px;}

.feedback .write_author{margin:10px 4px 0 0; padding-left:10px;}
.feedback .write_author .item{position:relative;display:inline-block;_margin:0 4px 0 0;zoom:1; }
.feedback .write_author .iLabel{top:6px;left:5px;color:#666; position:absolute}
.feedback .write_author .iText{width:100px;margin:0 10px 0 0;background:transparent}
.feedback .write_author label{margin:0 10px 0 0}


/* list.html */

.listWrite {margin:0; width:100%; padding:0 0 10px 0; border-bottom:1px #ccc solid;}
.listWrite .editorOption{ width:100%; height:30px; margin-bottom:10px; text-align:center; border:#ccc 1px solid}
.listWrite .editorOption *{ vertical-align:middle;}
.listWrite .editorOption select{ margin-right:10px; font-size:11px; border:1px solid #CCC;}
.listWrite .editorOption label{ margin-right:10px;}

/* Pagination */
/* list.html | _comment.html */

.pagination{margin:0 0 10px 0;padding:15px 0 15px 0;text-align:center;line-height:normal; border-bottom:1px solid #ccc;}
.pagination a,
.pagination strong{position:relative;color:#767676; font-size:12px; vertical-align:top;display:inline-block;text-decoration:none;padding:0 7px; height:17px; line-height:17px; border:1px solid #ccc;background-color:#fff;z-index:2}
.pagination a:hover,
.pagination a:active,
.pagination a:focus{background-color:#f8f8f8}
.pagination strong{color:#f60;font-size:12px;}
.pagination .direction{font-weight:normal;color:#767676;text-decoration:none !important;z-index:1;border:1px solid #ccc; height:17px; line-height:17px;}
.pagination .direction:hover,
.pagination .direction:active,
.pagination .direction:focus{color:#333;background-color:#fff}

.pagination .direction span{position:relative;display:inline-block;width:0;height:0;font-size:0;line-height:0;vertical-align:top;top:5px;}
.pagination .prev span{border:3px solid;border-top:solid #fff;border-bottom:solid #fff;border-left:0;margin-right:1px;}
.pagination .next span{border:3px solid;border-top:solid #fff;border-bottom:solid #fff;border-right:0;margin-left:1px}


/* Search Form */
.list_footer{position:relative;margin:10px 0; }
.list_footer:after{content:"";display:block;clear:both}
.list_footer .btnArea{float:right}
.list_footer .bsToggle{float:left;cursor:pointer;padding:25px 0 0 0;margin:0 4px 0 0;width:25px;height:25px;overflow:hidden;border:0;background:url(btnSearch.gif) no-repeat}
.list_footer .board_search{float:left;position:relative;margin:0 4px 0 0}
.list_footer .board_search *{vertical-align:top}
.list_footer .board_search .iText{height:15px;line-height:15px;padding:4px 100px 4px 4px;width:100px;_margin:-1px 0;border:1px solid #a6a6a6;border-right-color:#d8d8d8;border-bottom-color:#d8d8d8}
.list_footer .board_search select{position:absolute;top:4px;height:18px;left:123px;width:80px}
.list_footer .tagSearch{display:inline-block;width:25px;height:0;padding:25px 0 0 0;overflow:hidden;background:url(btnSearch.gif) no-repeat 0 -25px}


/* Button */
.btn25,
.btn25 a,
.btn25 button,
.btn25 input{display:inline-block;height:25px;line-height:25px;padding:0;margin:0;overflow:visible;position:relative;background:url(btn25.gif) no-repeat;cursor:pointer}
.btn25{background-position:0 0;margin:0 2px 0 0;vertical-align:top}
.btn25 a,
.btn25 button,
.btn25 input{padding:0 12px;left:2px;font-size:12px;color:#4a4a4a;font-weight:bold;border:0;background-position:right 0;text-decoration:none}

.btn25.blue a,
.btn25.blue button,
.btn25.blue input{padding:0 12px 0 22px;left:2px;font-size:12px;color:#4a4a4a;font-weight:bold;border:0;background-position:right 0;text-decoration:none}
.btn25.blue{background-position:0 -30px;}
.btn25.blue *{background-position:right -30px !important;}

.btn25.black a,
.btn25.black button,
.btn25.black input{padding:0 12px 0 22px;left:2px;font-size:12px;color:#4a4a4a;font-weight:bold;border:0;background-position:right 0;text-decoration:none}
.btn25.black{background-position:0 -60px; }
.btn25.black *{background-position:right -60px !important;}