.notice-board {
}

.notice-board__container {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0;
    width: 960px;
}

.notice-board__search-field {
    display: flex;
    justify-content: flex-end;
}

.search-field {
    box-sizing: border-box;
    padding: 0 4px 0 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 360px;
    height: 48px;
    border-radius: 28px;
    background-color: #F2F2F2;
}

.search-field__input {
    flex: 1;
    font: 400 16px/1.5 'SUIT', sans-serif;
    border: none;
    background-color: transparent;
}

.search-field__input::placeholder {
    color: #A1A1A1;
}

.search-field__button {
    display: flex;
    width: 48px;
    height: 48px;
    justify-content: center;
    align-items: center;
    border: none;
    border-radius: 28px;
    background-color: transparent;
}

.notice-board__item-count {
    margin: 38px 0 0;
    font: 500 16px/1 'SUIT', sans-serif;
    color: #666;
}

.notice-board__count {
    color: #2B7CFF;
}

.notice-board__table {
    margin: 22px 0 0;
}

.notice-table {

}

.notice-table__header {
    background-color: #E6F1FF;
    border-top: 2px solid #2B7CFF;
}

.notice-table__body {
    border-bottom: 2px solid #B9B9B9;
}

.notice-table__row {
    box-sizing: border-box;
    display: flex;
}

.notice-table__header .notice-table__row {
    padding: 9px 0;
    height: 54px;
}

.notice-table__body .notice-table__row {
    height: 64px;
    border-top: 1px solid #E4E4E4;
}

.notice-table__body .notice-table__row:first-of-type {
    border-top: 1px solid #B9B9B9;
}

.notice-table-cell {
    display: flex;
    height: auto;
    justify-content: center;
    align-items: center;
    font: 400 16px/1 'SUIT', sans-serif;
    color: #1E1E1E;
    letter-spacing: -0.3px;
}

.notice-table-cell--in-header {
    color: #666;
    font-weight: 500;
    border-left: 1px solid #B9B9B9;
}

.notice-table-cell--in-header:first-of-type {
    border-left: none;
}

.notice-table-cell--number {
    width: 74px;
}

.notice-table-cell--title {
    padding: 0 0 0 44px;
    flex: 1;
    justify-content: flex-start;
}

.notice-table-cell--in-header.notice-table-cell--title {
    padding-left: 0;
    justify-content: center;
}

.notice-table-cell--highlight {
    font-weight: 600;
}

.notice-table-cell--created-at {
    width: 130px;
}

.notice-table-cell--view-count {
    width: 74px;
}

.notice-board__pagination {
    margin: 88px 0 0;
}

.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
}
.faq-board__pagination {
    margin: 88px 0 0;
}

.pagination__list {
    display: flex;
    column-gap: 16px;
}

.pagination-item {
    width: 32px;
    height: 32px;
    font: 400 16px/1 'SUIT', sans-serif;
    border-radius: 8px;
}

.pagination-item__link,
.pagination-item__link:visited {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    color: inherit;
}

.pagination-item.active,
.pagination-item:not(.pagination-item--prev, .pagination-item--next, .pagination-item--last):hover {
    color: var(--color-white);
    background-color: #2B7CFF;
}

.pagination-item .pagination-item__link img {
    height: 12px;
}