@charset "utf-8";

/* 공통 */
.board_wrap {clear:both; margin-top:10px; text-align:center}
.btn_none {padding:3px 6px; height:20px; border:1px solid #555; cursor:pointer; color:#555}
.btn_round {padding:3px 6px; height:20px; border:1px solid #555; cursor:pointer; color:#555}
.btn_adm {padding:3px 6px; height:20px; border:1px solid #c00; cursor:pointer; color:#c00}
.input_type {margin-bottom:-1px; padding:3px 2px 0 2px; height:20px; border:1px solid #d8d8d8; color:#555; outline:none}
.select_type {height:20px; color:#333; border:1px solid #d8d8d8; outline:none}
.no_list {color:#555}

/* list 관련 */
.board_top {clear:both; font:normal 11px dotum, tahoma; color:#ccc}
.board_top .category_current {color:#333}
.board_top .category_cnt {margin-left:2px; color:#aaa}
.board_top a:link, .board_top a:visited, .board_top a:active {text-decoration:none; font:normal 11px dotum, tahoma; color:#888}
.board_top a:hover {color:#333}
.board_list {clear:both; width:100%; table-layout:fixed; margin:5px 0 0 0}
.board_list th {border-top:2px solid #555; border-bottom:1px solid #ccc; white-space:nowrap; height:33px; overflow:hidden; text-align:center; font:normal 11px dotum, tahoma; color:#555}
.board_list th a:link, .board_list th a:visited, .board_list th a:active {text-decoration:none; color:#555}
.board_list th a:hover {color:#c00}
.board_list td {padding:.5em; height:33px; border-bottom:1px dotted #e1e1e1; font:normal 12px gulim, tahoma; white-space:nowrap} 
.board_list td.number {font:normal 12px gulim, tahoma; color:#aaa; text-align:center}
.board_list td.checkbox {text-align:center}
.board_list td.subject {overflow:hidden; color:#555}
.board_list td.name {padding:0 0 0 10px; color:#555}
.board_list td a:link, .board_list td a:visited, .board_list td a:active, .board_list td a:hover {text-decoration:none; color:#555}
.board_list td.name .nomember {color:#999}
.board_list td img {vertical-align:top}
.board_list .current {font:bold 12px gulim, tahoma; color:#f00}
.board_list .comment {font:normal 11px gulim, tahoma; color:#888}
.category_color {color:#777}
.icon_notice {margin-top:-1px; background:url(../img/icon_fff.gif) -5px -15px; width:41px; height:15px}
.icon_file {margin-top:-1px; margin-left:7px; background:url(../img/icon_fff.gif) -5px 0; width:10px; height:15px}
.icon_secret {margin-top:-1px; margin-left:4px; background:url(../img/icon_fff.gif) -20px 0; width:10px; height:15px}
.icon_link {margin-top:-1px; margin-left:4px; background:url(../img/icon_fff.gif) -33px 0; width:13px; height:15px}
.icon_new {margin-top:-1px; margin-left:4px; background:url(../img/icon_fff.gif) -51px 0; width:22px; height:15px}
.icon_hot {margin-top:-1px; margin-left:4px; background:url(../img/icon_fff.gif) -78px 0; width:24px; height:15px}
/* .icon_reply {margin:-2px 5px 0 10px; background:url(../img/icon_fff.gif) -82px -15px; width:23px; height:15px} */
.board_button {clear:both; margin-top:7px; _margin-top:5px; height:35px; font:normal 11px dotum, tahoma; letter-spacing:-1px; line-height:14px}
.board_button ul {margin:0; padding:0; list-style:none; text-align:left}
.board_button ul.btn_left li {float:left; margin-right:2px}
.board_button ul.btn_right li {float:right; margin-left:2px}
.board_button a:link, .board_button a:visited, .board_button a:active, .board_button a:hover {vertical-align:bottom; text-decoration:none}

.board_page {clear:both; text-align:center; margin:3px 0 10px 0; font:normal 11px dotum, tahoma; color:#333}
.board_page .page_style {font:normal 11px tahoma, dotum; color:#999}
.board_page .page_num {font:normal 11px tahoma, dotum; color:#999}

.board_search {text-align:center; margin-top:10px; height:30px}
.board_search .search_area {margin-left:-2px; margin-bottom:-1px; border:1px solid #d8d8d8; width:155px; height:20px; outline:none; color:#777}
.board_search .search_btn {margin-left:-24px; vertical-align:bottom; background:url(../img/icon_fff.gif) -46px -14px #777; border-bottom:1px solid #d8d8d8; width:20px; height:18px}
.board_search .text_vertical {height:16px; font:normal 12px tahoma, gulim; color:#333}

/* view 관련 */
.view_title {padding:10px; border-top:2px solid #555; border-bottom:1px solid #ccc; font:bold 12px gulim, tahoma; color:#555; line-height:14px; word-break:break-all}
.view_area {padding:10px; width:100%; _height:150px; min-height:150px; color:#555; word-break:break-all; overflow-x:hidden}
.view_current {font:bold 12px gulim, tahoma; color:#ce0000; text-align:center}
.view_button {clear:both; height:24px; max-height:22px}
.view_button ul {margin:0; padding:0; list-style:none; text-align:left}
.view_button ul.btn_left li {float:left; margin-right:2px}
.view_button ul.btn_right li {float:right; margin-left:2px}
.view_button a:link, .view_button a:visited, .view_button a:active, .view_button a:hover {vertical-align:bottom; text-decoration:none; font:normal 11px dotum, tahoma; letter-spacing:-1px; line-height:14px}
.view_top {padding:7px 0 6px 10px; height:14px; border-bottom:1px solid #ddd; font:normal 12px gulim, tahoma; color:#333; letter-spacing:-1px}
.view_top a:link, .view_top a:visited, .view_top a:active, .view_top a:hover {text-decoration:none; color:#333; letter-spacing:0}
.view_top .number_view_style {padding-right:10px; font:normal 12px gulim, tahoma; color:#888; letter-spacing:0}
.view_link {clear:both; padding:4px 0 6px 11px; border-bottom:1px dotted #e1e1e1; font:normal 12px gulim, tahoma; color:#888}
.view_link a:link, .view_link a:visited, .view_link a:active {text-decoration:none; color:#888}
.view_link a:hover {color:#222}
.view_line1 {clear:both; margin-top:6px; border-top:1px solid #ddd; height:1px; line-height:1px; font-size:1px}
.view_line2 {clear:both; margin-top:2px; border-top:1px dotted #e1e1e1; height:1px; line-height:1px; font-size:1px}

.comment_wrap {border:1px solid #ccc}
.comment_nick a:link, .comment_nick a:visited, .comment_nick a:active, .comment_nick a:hover {text-decoration:none; color:#333}
.comment_link a:link, .comment_link a:visited, .comment_link a:active, .comment_link a:hover {text-decoration:none; font:normal 11px dotum, tahoma; color:#333; letter-spacing:-1px}
.comment_top {padding-top:5px; padding-left:5px; color:#333}
.icon_view_file {background:url(../img/icon_fff.gif) -4px 0; width:13px; height:13px}
.icon_view_link {background:url(../img/icon_fff.gif) -33px 0; width:13px; height:13px}
.icon_comment_reply {position:absolute; margin-left:-15px; background:url(../img/icon_fff.gif) -64px -15px}
.view_comment {clear:both; padding:5px; _height:40px; min-height:30px; color:#555; word-break:break-all; overflow-x:hidden}
.view_textarea {float:left; margin:3px 0 5px 5px; width:98%; height:80px; min-height:80px; border-top:1px solid #ccc; border-right:1px solid #fff; border-bottom:1px solid #ccc; border-left:1px solid #ccc; color:#555; outline:none; resize:none; overflow:visible}
.btn_comment {float:right; margin:-85px 5px 0 0; width:12%; height:80px; background-color:#777; cursor:pointer; text-align:center; color:#fff; overflow:hidde}
.number_comment_style {font:normal 11px dotum, tahoma; color:#888}

/* write 관련 */
.write_title {padding:10px; border-top:2px solid #555; border-bottom:1px solid #ccc; font:bold 12px gulim, tahoma; color:#555; line-height:14px; text-align:center; word-break:break-all}
.write_wrap {margin-bottom:10px}
.write_wrap a:link, .write_wrap a:visited, .write_wrap a:active, .write_wrap a:hover {text-decoration:none}
.write_wrap tr th {padding-left:10px; height:29px; font:normal 12px gulim, tahoma; color:#888; text-align:left}
.write_wrap tr td {font:normal 12px gulim, tahoma; color:#888; letter-spacing:-1px}
.write_wrap .btn_none {margin-left:-1px; padding:3px 6px; height:20px; border:1px solid #555; cursor:pointer; font:normal 11px dotum, tahoma; color:#555; letter-spacing:-1px; line-height:12px}
.write_textarea {width:100%; border:1px solid #ddd; color:#555; outline:none; resize:none; word-break:break-all}
.write_line {clear:both; margin-top:2px; border-top:1px dotted #e0e0e0; height:1px; line-height:1px; font-size:1px}
.icon_btn_up {background:url(../img/icon_fff.gif) -5px -30px; width:13px; height:13px}
.icon_btn_start {margin-left:-1px; background:url(../img/icon_fff.gif) -20px -30px; width:13px; height:13px}
.icon_btn_down {margin-left:-1px; background:url(../img/icon_fff.gif) -35px -30px; width:13px; height:13px}
.icon_file_add {background:url(../img/icon_fff.gif) -50px -30px; width:13px; height:13px}
.icon_file_minus {margin-left:-1px; background:url(../img/icon_fff.gif) -65px -30px; width:13px; height:13px}
.input_type_write {margin-bottom:-1px; padding:3px 2px 0 2px; height:20px; border:1px solid #d8d8d8; color:#555; outline:none}