@charset "UTF-8";

/* List Table */
.scroll-table {position: relative;}
.scroll-table.table-top{border-top:2px solid #000;}
.board-table .col-admin {width: 4%;}
.board-table .col-num {width: 90px;}
.board-table .col-write {width: 9%;}
.board-table .col-ing {width: 10%;}
.board-table .col-date {width: 10%;}
.board-table .col-acess {width: 10%;}
.board-table .col-file {width: 6.5%;}

.board-table .col-reco-y,
.board-table .col-reco-n,
.board-table .col-comment {display: none;}

.board-table .th-reco-y,
.board-table .th-reco-n,
.board-table .th-comment {display: none;}

.board-table .td-reco-y,
.board-table .td-reco-n,
.board-table .td-comment {display: none;}

.board-table {position: relative;}
.board-table:after {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #8b9099;}
.board-table thead th { background: #ffffff; font-size: 18px; font-family: 'Noto Medium'; font-weight: normal; padding: 11px 0; border-bottom: 1px solid #878787; border-top: 2px solid #000000; color: #080808;}
.board-table tbody tr.notice {background: #f6f8fa;}
.board-table tbody tr.notice .td-num {text-indent: -99999px; }
.board-table tbody tr:hover {background: #f6f8fa;}
.board-table tbody th{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;font-size: 16px;padding: 11px 0;color: #333;border-bottom: 1px solid #e2e2e2;background: #f2f2f2;}
.board-table tbody td {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: left;font-size: 16px;padding: 11px 20px;color: #666;border-bottom: 1px solid #e2e2e2;}
.board-table tbody td.td-subject {font-size: 16px; text-align: left; padding-left: 20px; font-weight: normal;}
.board-table tbody td.td-subject a {color: #666;}
.board-table tbody td.td-subject .new {position: relative; top: 8px; display: inline-block; text-indent: -9999px; width: 20px; height: 20px; background: url('../images/ico-new.png') no-repeat center center; margin-left: 3px;}
.board-table tbody td.td-subject .reply {font-family: 'Noto Regular'; color: #ff5a00;}
.board-table tbody td.td-subject .cate {font-family: 'Noto DemiLight'; font-size: 16px; color: #000;}
.board-table tbody td.td-file {text-indent: -9999px;}
.board-table tbody td.td-file.file {background: url('../images/ico-file.png') no-repeat center center !important;}
.board-table tbody td.td-ing span {display: inline-block; cursor: pointer; font-size: 16px; height: 35px; line-height: 32px; text-align: center; min-width: 80px; margin: 0 1px; border-radius: 100px; font-family: 'Noto DemiLight'; color: #fff;}
.board-table tbody td.td-ing span.state-ok {background: #4290de; border: 1px solid #4290de;}
.board-table tbody td.td-ing span.state-ready {background: #828282; border: 1px solid #828282;}
.board-table tbody td.td-ing span.state-ing {background: #17be99; border: 1px solid #17be99;}
.board-table tbody tr.notice td.td-subject a {padding-left: 30px; background: url('../images/ico-notice.png') no-repeat left center;}
.board-table tbody tr.trash td.td-subject {padding-left: 75px; text-decoration: line-through; background: url('../images/ico-trash.png') no-repeat 20px center;}
.board-table tbody tr.scret td.td-subject a {position: relative;}
.board-table tbody tr.scret td.td-subject a:after {content: ''; position: absolute; right: -24px; top: 4px; width: 18px; height: 20px; background: url('../images/ico-secret.png') no-repeat center center;}


.open-dean-answer .scroll-table{margin-bottom:50px;}


@media all and (max-width:767px) {
.board-table thead th{line-height: 1;}
.board-table .col-num{width:15%;}
.board-table .col-write{width:0;}
.board-table .col-date{width:0;}
}