@charset "UTF-8";

.terms-scrolltop {
    scroll-margin-top: 80px; /* 헤더 높이가 약 60~70px이므로 80px 정도가 적당합니다 */
} 

#sec-1, #sec-2, #sec-3, #sec-4, #sec-5, #sec-6 {
    scroll-margin-top: 100px; /* 헤더가 약 80px이므로 여유 있게 100px 정도가 적당합니다 */
}
#p1, #p2, #p3, #p4, #p5, #p6, #p7, #p8 {
    scroll-margin-top: 100px; /* 헤더가 약 80px이므로 여유 있게 100px 정도가 적당합니다 */
}
/* 데스크톱(lg 이상)에서 목차 박스 따라다니게 설정 */
@media (min-width: 992px) {
    .toc-card {
        position: -webkit-sticky;
        position: sticky;
        top: 100px; /* 헤더 아래에 80~100px 정도 여백을 두고 고정 */
        z-index: 1020; /* 톰캣 헤더 등 보조 UI와 겹치지 않게 조절 */
    }
}