/* 테이블 목록 */

.table-title {
    font-weight: bold;
    color: #cc6600;
}

/* 공통 */
.table-board {
    table-layout: fixed;
    border-bottom: 1px solid #dfdfdf;
}

.table-board > tbody > tr > td,
.table-board > tbody > tr > th,
.table-board > thead > tr > td,
.table-board > thead > tr > th {
    padding: 4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.table-board > tbody > tr > td.number {
    font-family: Tahoma;
}

.table-board > tbody > tr > td.number > label {
    font-weight: normal;
}

.table-board > tbody > tr > td.date {
    font-size: 11px;
    font-family: Tahoma;
}

.table-board > thead > tr > th,
.table-board > tbody > tr > td {
    text-align: center;
    vertical-align: middle;
}

.table-board {
    border-top: 2px solid #000;
}

.table-board > thead > tr > th {
    border-bottom: 1px solid #000;
}

/* 게시판 목록 */
.table-board > tbody > tr.notice > td.notice-title, .table-board > tbody > tr > td.board-title {
    text-align: left;
}

.table-board > tbody > tr.notice {
    background-color: #fafafa;
}

.table-board > tbody > tr.notice > td.notice-mark {
    color: darkred;
    font-weight: bold;
}

.table-board > tbody > tr.notice > td.notice-title {
    font-weight: bold;
}

.table-board > tbody > tr:hover {
    color: #000;
    background-color: #F8F8F8;
}

.table-board > thead > tr > th.name {
    width: 120px;
}

.table-board > thead > tr > th.number, .table-board > thead > tr > th.date, .table-board > thead > tr > th.hit {
    width: 70px;
}

.table-board > thead > tr > th.category {
    width: 120px;
}