/* Apply FAQ Page */
.apply-list-container {
    box-sizing: border-box;
    margin: 0 auto 50px;
    padding: 0;
    width: 960px;
}

.main-title {
    display: flex;
    justify-content: center;  /* 가운데 정렬 */
    align-items: center;
    gap: 20px;  /* FAQ와 Q&A 간격 */
    margin: 40px 0 20px;  /* 상단과의 간격 추가 */
}

.faq-link {
    font: 500 16px/1.5 'SUIT', sans-serif;
    color: #666;
    text-decoration: none;
    margin-right: 16px; /* 링크 간격 */
    transition: color 0.3s ease;  /* 색상 전환 효과 */
}

.faq-link:last-child {
    margin-right: 0;  /* 마지막 링크는 오른쪽 여백 제거 */
}

.faq-link:hover {
    color: #1a5bb8;  /* 호버 시 더 진한 파란색 */
}

.faq-link.active {
    color: #2B7CFF;
    border-bottom: 2px solid #2B7CFF;
    padding-bottom: 4px;
}

/* FAQ List Table */
.post-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
}

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

.post-tbody-tr2:hover {
    background-color: #F2F2F2;
    cursor: pointer;
}

/* FAQ Title Link */
.post-tbody-tr2 td a {
    color: #1E1E1E;
    text-decoration: none;
}

.post-tbody-tr2 td a:hover {
    text-decoration: underline;
}

/* Pagination */
.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;
}