@charset "utf-8";

/* 내용관리 */
.ctt_admin {display:none;}

/*
 * 전역 common.css 의 html, body { overflow-x: hidden } 이
 * 스크롤 트리거·레이아웃에 영향을 줄 수 있어 연혁 페이지에서만 clip 사용
 */
html:has(#history-page),
html:has(#history-page) body {
    overflow-x: clip;
}

/* 서브타이틀 아래 연혁 시작 여백 — margin-collapse 방지용 padding (Tailwind mt-* 대신) */
#history-page {
    padding-top: 3.5rem;
}

@media (min-width: 768px) {
    #history-page {
        padding-top: 5rem;
    }
}

@media (min-width: 1024px) {
    #history-page {
        padding-top: 6rem;
    }
}

/* 연도 제목: 초기에는 보이지 않음 — JS(GSAP)로 뷰포트 진입 시 표시 */
#history-page .history-year-heading {
    will-change: transform, opacity, filter;
}

#history-page .history-year-heading.is-year-revealed {
    text-shadow: 0 0 36px rgba(255, 196, 0, 0.4), 0 0 72px rgba(255, 196, 0, 0.15);
}

/* 연혁: 연도 블록 구분 점선 */
#history-page .history-year-rule {
    width: 100%;
    border-top: 1px dashed rgba(255, 255, 255, 0.22);
    margin-bottom: 1.5rem;
}

@media (min-width: 768px) {
    #history-page .history-year-rule {
        margin-bottom: 2rem;
    }
}