/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 10 2026 | 07:39:03 */
@charset "utf-8";

.anim-fade-up,
.anim-fade-left,
.anim-fade-right {
    opacity: 0;
    will-change: transform, opacity;
}

.anim-fade-up    { transform: translateY(40px); }
.anim-fade-left  { transform: translateX(-50px); }
.anim-fade-right { transform: translateX(50px); }

.anim-count {
    opacity: 0;
    transition: opacity 0.4s ease;
}
.anim-count.is-active { opacity: 1; }

@media all and (max-width: 1024px) {
    .anim-sticky-sec {
        position: static !important;
        width: 100% !important;
        transform: none !important;
    }
}

/* ── one-fade-in-* ── */
.one-fade-in-up,
.one-fade-in-down,
.one-fade-in-left,
.one-fade-in-right {
    opacity: 0;
    will-change: transform, opacity;
}
.one-fade-in-up    { transform: translateY(40px); }
.one-fade-in-down  { transform: translateY(-40px); }
.one-fade-in-left  { transform: translateX(-40px); }
.one-fade-in-right { transform: translateX(40px); }


/* ── anim-scroll-right ──────────────────────────────────
   스크롤에 맞춰 좌(-100vw) → 우(자연 위치) 이동하는 워터마크 효과
   PC(≥1025px)만 적용 — 모바일은 자연 위치 고정
   부모 섹션에 overflow-x: hidden 필수
──────────────────────────────────────────────────────── */
@media all and (min-width: 1025px) {
    .anim-scroll-right {
        transform: translateX(-100vw);
        will-change: transform;
    }
}
/* 모바일(≤1024px): transform 없음 → 자연 위치 고정 */