/**
 * 게시판 페이지 바 보정 (시안 원본에는 없는 테마 통합용 파일)
 *
 * 시안은 목록 전체를 HTML 에 담고 JS 로 페이징해서 페이지 버튼이 <button> 이다.
 * 테마는 그누보드 서버 페이징을 쓰므로 링크(<a>)여야 하고, 그러면 시안의
 * `.course-pagination button` 규칙이 걸리지 않는다.
 *
 * 그래서 같은 모양을 <a> 에도 입힌다. 값은 시안의 button 규칙과 동일하다.
 * 시안 CSS 는 건드리지 않는다.
 *
 * 대상 : .course-pagination (수강후기/인터뷰 계열), .essay-pagination (무료자소서)
 */
.course-pagination a,
.essay-pagination a {
    min-width: 40px;
    min-height: 42px;
    padding: 8px 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 6px;
    background: transparent;
    font: inherit;
    font-size: 14px;
    color: #607286;
    text-decoration: none;
    cursor: pointer;
}

.course-pagination a[aria-current="page"],
.essay-pagination a[aria-current="page"] {
    background: #294e70;
    color: #fff;
    font-weight: 700;
}

.course-pagination a.is-disabled,
.essay-pagination a.is-disabled {
    opacity: .35;
    cursor: default;
    pointer-events: none;
}

.course-pagination a:hover:not(.is-disabled):not([aria-current]),
.essay-pagination a:hover:not(.is-disabled):not([aria-current]) {
    background: #e6ecf3;
}

@media (max-width: 767px) {
    .course-pagination a {
        min-width: 34px;
        padding: 8px;
    }

    .essay-pagination a {
        min-width: 38px;
    }
}