/* Data List Page */
.data-list-container {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0;
    width: 960px;
}

/* Title */
.page__title {
    font: 700 24px/1.5 'SUIT', sans-serif;
    color: #333;
    margin: 10px 0 20px;
    text-align: center;
}

/* Data Count */
.data-count {
    font: 500 16px/1.5 'SUIT', sans-serif;
    color: #1E1E1E;
    margin-bottom: 20px;
}

.data-count span {
    color: #2B7CFF;
}

/* Table */
.data-post-table {
    width: 100%;
    border-collapse: collapse;
    border-top: 2px solid #2B7CFF;
}

.data-post-table th {
    background-color: #E6F1FF;
    padding: 12px;
    text-align: center;
    font: 500 16px/1 'SUIT', sans-serif;
    color: #666;
}

.data-post-table td {
    border-bottom: 1px solid #B9B9B9;
    padding: 12px;
    text-align: center;
    font: 400 16px/1 'SUIT', sans-serif;
    color: #1E1E1E;
}

.data-post-table tr:hover {
    background-color: #F2F2F2;
    cursor: pointer;
}

/* 테이블 제목 링크 */
.data-post-table tbody tr td:nth-child(2) a {
    color: #1E1E1E;
    text-decoration: none;
}

.data-post-table tbody tr td:nth-child(2) a:hover {
    text-decoration: underline;
}

/* Pagination */
.pagination {
    margin: 50px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.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;
}