@charset "utf-8";
/* =========================================================================
 * reveal.css — 스크롤 리빌(섹션 진입 시 부드럽게 등장 · 위/좌/우 방향 · 순차 stagger)
 *  전역 로드(head.sub.php). reveal.js 와 짝.
 *  - html.rv-ready 가 있을 때만 초기 숨김 → JS 미동작/모션축소 시 콘텐츠 정상 노출(FOUC 방지)
 *  - 기존 효과(.dv_hero.reveal / .hl_mk / .dv_sw 스와이프 / .hist swiper 등)와 클래스가 겹치지 않음
 *  - 사용: 요소에 .rv-item + 방향(.rv-up 아래→위 / .rv-left 좌→ / .rv-right 우→ / .rv-fade 이동없이 페이드)
 *          가로 카드 슬라이더 등 그룹 순차는 컨테이너에 .rv-seq (reveal.js 참고)
 * ========================================================================= */
.rv-ready .rv-item {
    opacity: 0;
    transform: translate3d(0, 42px, 0);
    transition: opacity 1s cubic-bezier(.22, .61, .36, 1), transform 1s cubic-bezier(.22, .61, .36, 1);
    transition-delay: var(--rv-delay, 0s);
    will-change: opacity, transform;
}
.rv-ready .rv-item.rv-left  { transform: translate3d(-52px, 0, 0); }
.rv-ready .rv-item.rv-right { transform: translate3d(52px, 0, 0); }
.rv-ready .rv-item.rv-up    { transform: translate3d(0, 42px, 0); }
.rv-ready .rv-item.rv-fade  { transform: none; }   /* 이동 없이 페이드만 */
.rv-ready .rv-item.is-in    { opacity: 1; transform: translate3d(0, 0, 0); }
@media (max-width: 768px) {
    .fv_field .rv-item.rv-left { transform: translate3d(0, 42px, 0); }
    .fv_field .rv-item.rv-right { transform: translate3d(0, 42px, 0); }
}