@charset "utf-8";

/* ==================================================================================
    게시판 : board-list
================================================================================== */
.notice.board-list .article {

}
.notice.board-list .article .board-list-area {

}
.notice.board-list .article .board-list-area > table {

}
.notice.board-list .article .board-list-area > table .col-num {
    width: 80px;
}
.notice.board-list .article .board-list-area > table .col-title {
    width: auto;
}
.notice.board-list .article .board-list-area > table .col-file {
    width: 120px;
}
.notice.board-list .article .board-list-area > table .col-date {
    width: 140px;
}
.notice.board-list .article .board-list-area > table .col-hits {
    width: 80px;
}
.notice.board-list .article .board-list-area > table caption {
    padding: 0 0 5px;
    font-size: 15px;
    font-weight: 800;
    color: #000;
}
.notice.board-list .article .board-list-area > table tbody td {
    padding: 16px;
    font-size: 17px;
    font-weight: 700;
    color: #000;
    word-break: keep-all;
}
.notice.board-list .article .board-list-area > table tbody td.td-num {
    text-align: center;
}
.notice.board-list .article .board-list-area > table tbody td.td-num .label-notice {
    display: flex;
    justify-content: center;
    align-items: center;

    padding: 7px;
    line-height: 1;
    font-size: 14px;
    font-weight: 800;
    color: #fff;
    border-radius: 4px;
    background-color: #B163DF;
}
.notice.board-list .article .board-list-area > table tbody td.td-title {

}
.notice.board-list .article .board-list-area > table tbody td.td-title a {
    font-weight: 800;
    color: #000;
}
.notice.board-list .article .board-list-area > table tbody td.td-title a.highlight {
    color: #B163DF;
}
.notice.board-list .article .board-list-area > table tbody td.td-title a:hover {
    color: #B163DF;
}
.notice.board-list .article .board-list-area > table tbody td.td-file {
    text-align: center;
}
.notice.board-list .article .board-list-area > table tbody td.td-file a {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000;
}
.notice.board-list .article .board-list-area > table tbody td.td-file a:hover {
    color: #B163DF;
}
.notice.board-list .article .board-list-area > table tbody td.td-file a .feather {
    width: 24px;
    height: 24px;
}
.notice.board-list .article .board-list-area > table tbody td.td-date {
    text-align: center;
}
.notice.board-list .article .board-list-area > table tbody td.td-hits {
    text-align: center;
}

.notice.board-list .article .td-bottom-area {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    gap: 24px;
}
.notice.board-list .article .td-bottom-area {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    gap: 0;
}

/* search-area */
.notice.board-list .article .search-area {
    width: 100%;
    padding: 12px 24px;
    border-radius: 10px;
    background-color: #fafafa;
}
.notice.board-list .article .search-area form {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    gap: 5px;
}
.notice.board-list .article .search-area form .form-control {
    max-width: 320px;
}
.notice.board-list .article .search-area form .btn.btn-primary {

}

/* pagination */
.pagination {
    margin: 0;
    padding: 24px 0;
}
.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
    border-color: #B163DF;
    background-color: #B163DF;
}
.pagination > li > a, .pagination > li > span {
    font-weight: 700;
    color: #B163DF;
}
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
    color: #ccc;
}

/* ==================================================================================
    게시판 : board-view
================================================================================== */
.notice.board-view .article {

}
.notice.board-view .article .section .table-responsive .table {

}
.notice.board-view .article .section .table-responsive .table .col1 {
    width: 150px;
}
.notice.board-view .article .section .table-responsive .table .col2 {
    width: 852px;
}
.notice.board-view .article .section .table-responsive .table .col3 {
    width: 150px;
}
.notice.board-view .article .section .table-responsive .table .col4 {
    width: 200px;
}
.notice.board-view .article .section .table-responsive .table tbody th {
    background-color: #FAF7FD;
}
.notice.board-view .article .section .table-responsive .table tbody td.td-file a {
    font-size: 15px;
    color: #000;
}
.notice.board-view .article .section .table-responsive .table tbody td.td-file a:hover {
    color: #B163DF;
}
.notice.board-view .article .section .table-responsive .table tbody td.td-file a .feather {
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    margin-right: 3px;
}
.notice.board-view .article .section .table-responsive .table tbody td.td-date {
    text-align: center;
}
.notice.board-view .article .section .table-responsive .table tbody td.board-contents {
    padding: 44px 26px;
}

/* ==================================================================================
    게시판 : board-edit
================================================================================== */
.notice.board-edit .article {

}
.notice.board-edit .article .section .table-responsive .table {

}
.notice.board-edit .article .section .table-responsive .table .col1 {
    width: 150px;
}
.notice.board-edit .article .section .table-responsive .table .col2 {
    width: 852px;
}
.notice.board-edit .article .section .table-responsive .table .col3 {
    width: 150px;
}
.notice.board-edit .article .section .table-responsive .table .col4 {
    width: 200px;
}
.notice.board-edit .article .section .table-responsive .table tbody th {
    background-color: #FAF7FD;
}
.notice.board-edit .article .section .table-responsive .table tbody td.td-file .feather {
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
}
.notice.board-edit .article .section .table-responsive .table tbody td.td-file {
    font-size: 15px;
    color: #000;
}
.notice.board-edit .article .section .table-responsive .table tbody td.td-file a {
    font-size: 15px;
    color: #000;
}
.notice.board-edit .article .section .table-responsive .table tbody td.td-file a:hover {
    color: #B163DF;
}
.notice.board-edit .article .section .table-responsive .table tbody td.td-date {
    text-align: center;
}
.notice.board-edit .article .section .table-responsive .table tbody td.board-contents {
    padding: 10px 0;
}