.notice-group {
    margin-top: 50px;
    display: flex;
    flex-direction: column;
}

.notice-search {
    display: flex;
    justify-content: right;
    margin-bottom: 10px;
}

.notice-search > input {
    margin-right: 10px;
}

.notice-search > select {
    margin-right: 10px;
}

/* table */
.notice-table {
    width: 100%;
    font-size: 14px;
}

.notice-table.board-list {
    text-align: center;
}

.notice-table th {
    border-top: 1px solid #333;
}

.notice-table td {
    border-top: 1px solid #ddd;
}

.notice-table tr:last-child td {
    border-bottom: 1px solid #333;
}

.notice-table a:hover {
    text-decoration: underline;
}

.notice-table thead {
    background: #f1f1f1;
}

.notice-table tbody tr td:nth-child(2) {
    text-align: left;
}

.notice-table td, .notice-table th {
    padding: 13px;
}

.notice-btn {
    height: 50px;
}

.board-btn-group {
    height: 90px;
}

.board-btn-group .btn {
    display: flex;
    align-items: center;
    float: right;
}

/* paging */
.notice-page {
    margin-top: 15px;
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

.notice-page li {
    margin-left: 7px;
}

.table-num, .table-files, .table-view {
    width: 80px;
}

.table-date {
    width: 150px;
}

.btn.active {
    background: #3333;
}

.notice-page .btn {
    display: flex;
    align-items: center;
}

.files__delete {
    color: #0a6aa1;
}

.filebox .upload-name {
    display: inline-block;
    height: 36px;
    padding: 0 10px;
    vertical-align: middle;
    border: 1px solid #dddddd;
    width: 78%;
    color: #999999;
}

.filebox label {
    padding: 9px 20px;
    color: #fff;
    vertical-align: middle;
    background-color: #999999;
    cursor: pointer;
    height: 18px;
    margin-left: 10px;
}

.filebox input[type="file"] {
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
}