/* 주달 공통 디자인 규칙. Bootstrap 배포 파일에는 서비스 스타일을 넣지 않는다. */
.jh-home {
    --jh-content-max:1280px;
    --jh-wide-max:1600px;
    --jh-sidebar-width:212px;
    --jh-space-sm:8px;
    --jh-space-md:16px;
    --jh-space-lg:24px;
    --jh-border-color:#e2e5ea;
    --jh-radius:8px;
    --jh-accent:#e74c3c;
}

/* 목록 다음 버튼과 검색 영역 사이 간격은 화면별 숫자 대신 이 클래스로 관리한다. */
.jh-home .jh-list-actions { margin-top:var(--jh-space-md); }
.jh-home .jh-section-heading { margin-top:var(--jh-space-md); }
.jh-home .jh-section-heading:first-of-type { margin-top:0; }

/* 본문 목록은 Bootstrap의 행 테두리를 유지한다. 무테두리 표는 table-borderless 사용. */
.jh-home .jh-result-table { width:100%; margin-bottom:0; }
.jh-home .jh-table-scroll { max-width:100%; overflow-x:auto; }
.jh-home .jh-table-scroll:focus-visible { outline:2px solid var(--jh-accent); outline-offset:2px; }

/* 리뉴얼 전 게시판 페이징을 일반 사이트 전체의 공통 규격으로 사용한다. */
.jh-home .pagination { flex-wrap:wrap; gap:4px 0; }
.jh-home .pagination a.page-link { border:0; color:#7c7c7c; }
.jh-home .pagination .page-item:is(:first-child, :last-child):not(.active) > .page-link {
    background-color:transparent;
}
.jh-home .pagination li.active > .page-link {
    background-color:#fff; border:1px solid #7c7c7c; color:#2b2b2b; font-weight:bold;
}