/* 목록 */
.board-list-head { height: 22px; margin-bottom: 10px; }
.board-list-head:after { content: ""; display: block; clear: both; }
.board-list-head .info { float: left; }
.board-list-head .search { float: right; }
.board-list-head INPUT, .board-list-head SELECT { vertical-align: middle; font-size: 12px; }
.board-list-head .sfl, .board-list-head .sop, .board-list-head .stx { border: 1px solid #AEC8CE; background-color: #EDF3F4; }
.board-list-head .sfl { width: 110px; height: 22px; }
.board-list-head .sop { width: 50px; height: 22px; }
.board-list-head .stx { width: 170px; height: 20px; line-height: 20px; }

.board-list-category { margin: 15px 0; background: url(../img/bg_cat.png) repeat-x; }
.board-list-category UL { width: 100%; padding: 0 10px; list-style: none; text-align: center; vertical-align: middle; font-weight: bold; }
.board-list-category LI { float: left; }
.board-list-category A { width: 100px; height: 34px; line-height: 34px; background: url(../img/bg_cat1.png) ; display: block; color: #909090; }
.board-list-category A:hover { background: url(../img/bg_cat2.png); color: #3F3F3F; text-decoration: none; }
.board-list-category A.now { background: url(../img/bg_cat2.png); color: #3F3F3F; }

.board-list { width: 100%; font-size: 12px; color: #666666; border-collapse: collapse; border-spacing: 0; }
.board-list A { color: #333333; vertical-align: middle; }
.board-list A:hover { text-decoration: underline; }
.board-list TH, .board-list TD { text-align: center; }
.board-list THEAD TR { background-color: #777777; color: #FFFFFF; }
.board-list THEAD TH { padding: 8px 5px; font-weight: bold; border-bottom: 1px solid #FFFFFF; }
.board-list THEAD A { color: #FFFFFF; }
.board-list TBODY TD { padding: 10px 5px; border-bottom: 1px solid #F0F0F0; }
.board-list TBODY IMG { vertical-align: middle; }
.board-list .notice { background-color: #EDF3F4; }
.board-list .notice TD { border-bottom: 1px solid #FFFFFF; }
.board-list .num { width: 50px; }
.board-list .checkbox { width: 20px; }
.board-list .subject { text-align: left; }
.board-list .name { width: 100px; }
.board-list .datetime { width: 50px; }
.board-list .hit { width: 40px; }
.board-list .good { width: 40px; }
.board-list .nogood { width: 40px; }
.board-list .current { font-weight: bold; color: #00A6C7; }

.board-list-button { margin-top: 10px; height: 26px; }
.board-list-button:after { content: ""; display: block; clear: both; }

.board-list-pagination { text-align: center; padding: 10px; color: #666666; font-weight: bold; }
.board-list-pagination a, .board-list-pagination .now { padding: 5px 7px; border: 1px solid #eeeeee; background: #ffffff; color: #666666; border-radius: 5px; }
.board-list-pagination .pagenow, .board-list-pagination a:hover { border-color: #00A6C7; background-color: #00A6C7; color: #FFFFFF; text-decoration: none; }


/* 보기 */
.board-view-head { margin-bottom: 10px; }
.board-view-head .subject { padding: 10px; background-color: #777777; color: #FFFFFF; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.board-view-head UL { list-style: none; padding: 0; margin: 0; }
.board-view-head LI { padding: 10px; border-bottom: 1px solid #F0F0F0; }
.board-view-head STRONG { color: #666666; }
.board-view-head SPAN { padding-right: 15px; color: #333333; }
.board-view-head .file STRONG { color: #999999; }
.board-view-head .file SPAN { color: #999999; }
.board-view-head .link STRONG { color: #999999; }
.board-view-head .link SPAN { color: #999999; }

.board-view { min-height: 100px; padding: 10px 10px 30px 10px; border-bottom: 1px solid #F0F0F0; display: block; word-break: break-all; }

.board-view-option { margin: 10px 0 20px 0; }
.board-view-option:after { content: ""; display: block; clear: both; }

.board-view-button { margin-top: 10px; }
.board-view-button:after { content: ""; display: block; clear: both; }


/* 댓글 */
.board-comment-view { margin-top: 20px; }
.board-comment-view .ip { color: #999999; }
.board-comment-view .datetime { color: #999999; }

.board-comment-view-head { padding: 7px; background-color: #F9F9F9; border-left: 3px solid #595959; }
.board-comment-view-head:before { content: ""; display: block; clear: both; }
.board-comment-view-head:after { content: ""; display: block; clear: both; }

.board-comment-view-content { padding: 15px; color: #666666; background-color: #FCFCFC; border-left: 3px solid #F0F0F0; word-break: break-all; overflow: hidden; }

.board-comment-write { margin-top: 20px; }
.board-comment-write TEXTAREA { width: 100%; border: 1px solid #AEC8CE; background-color: #EDF3F4; }

.board-comment-write-button { margin-bottom: 30px; padding: 5px 0; border-bottom: 1px solid #F0F0F0; line-height: 22px; }
.board-comment-write-button INPUT { vertical-align: middle; }
.board-comment-write-button IMG { vertical-align: middle; }
.board-comment-write-button LABEL { vertical-align: middle; }


/* 쓰기 */
.board-write TABLE { width: 100%; border-collapse: collapse; border-spacing: 0; color: #394150; font-size: 12px; }
.board-write TH, .board-write TD { border-bottom: 1px solid #EDF3F4; vertical-align: middle; }
.board-write TH { padding: 10px 15px; width: 130px; border-bottom: 1px solid #FFFFFF; background-color: #EDF3F4; text-align: left; }
.board-write TD { padding: 5px 10px; width: 600px; }
.board-write TD.textarea { padding: 15px 0; border: 0; }
.board-write IMG { vertical-align: middle; }
.board-write INPUT { vertical-align: middle; font-size: 12px; }
.board-write SELECT { vertical-align: middle; font-size: 12px; }
.board-write LABEL { padding: 0 10px 0 3px; vertical-align: middle; }
.board-write .input-text { width: 100%; padding: 2px; border: 1px solid #AEC8CE; background-color: #EDF3F4; }
.board-write TEXTAREA { width: 738px; }
.board-write TEXTAREA.textarea { border: 1px solid #AEC8CE; }

.board-write .resize { text-align: right; padding-top: 5px; }
.board-write .file { width: 100%; border-collapse: collapse; border-spacing: 0; }
.board-write .file TD { padding: 3px 0; border: 0; }
.board-write .button-area { margin-top: 15px; }


/* 공통 */
.button-area A { width: 55px; border: 1px solid #00A6C7; padding: 5px; font-size: 12px; background: url(../img/btn_bg_a.png) 0 -4px repeat-x; color: #FFFFFF; display: inline-block; text-align: center; border-radius: 5px; }
.button-area A:hover { text-decoration: none; }
.button-area A.b { border-color: #DDDDDD; background: url(../img/btn_bg_b.png) 0 -4px repeat-x; color: #666666; }

INPUT.button { width: 67px; height: 26px; border: 1px solid #00A6C7; padding: 5px; font-size: 12px; background: url(../img/btn_bg_a.png) 0 -4px repeat-x; color: #FFFFFF; display: inline-block; text-align: center; border-radius: 5px; cursor:pointer; }

.left { float: left; }
.right { float: right; }
.clear { clear: both; }