/* h3 LED 외곽선 효과 (하늘색 계열) - 테두리 빛번짐 */
@keyframes led-outline-blue {
    0%, 100% {
        -webkit-text-stroke: 1px rgba(30, 80, 120, 0.5);
        filter: drop-shadow(0 0 2px rgba(176, 231, 255, 0.3))
                drop-shadow(0 0 4px rgba(176, 231, 255, 0.15));
    }
    25% {
        -webkit-text-stroke: 1px rgba(25, 70, 110, 0.65);
        filter: drop-shadow(0 0 3px rgba(200, 237, 255, 0.5))
                drop-shadow(0 0 6px rgba(176, 231, 255, 0.3));
    }
    50% {
        -webkit-text-stroke: 1px rgba(20, 60, 100, 0.8);
        filter: drop-shadow(0 0 4px rgba(229, 243, 254, 0.7))
                drop-shadow(0 0 8px rgba(176, 231, 255, 0.45))
                drop-shadow(0 0 12px rgba(176, 231, 255, 0.25));
    }
    75% {
        -webkit-text-stroke: 1px rgba(25, 70, 110, 0.65);
        filter: drop-shadow(0 0 3px rgba(200, 237, 255, 0.5))
                drop-shadow(0 0 6px rgba(176, 231, 255, 0.3));
    }
}

/* span LED 외곽선 효과 (금색 계열) - 테두리 빛번짐 */
@keyframes led-outline-gold {
    0%, 100% {
        -webkit-text-stroke: 1px rgba(150, 100, 20, 0.5);
        filter: drop-shadow(0 0 2px rgba(253, 212, 90, 0.3))
                drop-shadow(0 0 4px rgba(253, 212, 90, 0.15));
    }
    25% {
        -webkit-text-stroke: 1px rgba(140, 90, 15, 0.65);
        filter: drop-shadow(0 0 3px rgba(253, 230, 110, 0.5))
                drop-shadow(0 0 6px rgba(253, 212, 90, 0.3));
    }
    50% {
        -webkit-text-stroke: 1px rgba(130, 80, 10, 0.8);
        filter: drop-shadow(0 0 4px rgba(253, 249, 128, 0.7))
                drop-shadow(0 0 8px rgba(253, 212, 90, 0.45))
                drop-shadow(0 0 12px rgba(253, 212, 90, 0.25));
    }
    75% {
        -webkit-text-stroke: 1px rgba(140, 90, 15, 0.65);
        filter: drop-shadow(0 0 3px rgba(253, 230, 110, 0.5))
                drop-shadow(0 0 6px rgba(253, 212, 90, 0.3));
    }
}

/* h3 LED 효과 - 느린 주기 */
.section-front .title-box .text-wrap h3 {
    animation: led-outline-blue 4s ease-in-out infinite;
}

/* span LED 효과 - 느린 주기, 약간 다른 타이밍 */
.section-front .title-box .text-wrap span {
    animation: led-outline-gold 5s ease-in-out infinite;
    animation-delay: 0.5s;
}

/* price-down 이미지 - 위아래 움직임 */
@keyframes float-up-down {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(15px);
    }
}

/* reward-max 이미지 - 스케일 변화 */
@keyframes scale-pulse {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(0.92);
    }
}

/* price-down 애니메이션 적용 */
section.section-front .img-wrap.price-down {
    animation: float-up-down 3s ease-in-out infinite;
}

/* reward-max 애니메이션 적용 */
section.section-front .img-wrap.reward-max {
    animation: scale-pulse 3.5s ease-in-out infinite;
}

/* section-banding-2 이미지 - 불규칙 펄스 (커졌다가 원래크기 유지, 다시 커졌다가...) */
@keyframes irregular-pulse {
    0%, 8% {
        transform: scale(1);
    }
    10% {
        transform: scale(1.08);
    }
    12%, 35% {
        transform: scale(1);
    }
    38% {
        transform: scale(1.06);
    }
    41%, 55% {
        transform: scale(1);
    }
    58% {
        transform: scale(1.1);
    }
    62%, 80% {
        transform: scale(1);
    }
    83% {
        transform: scale(1.05);
    }
    86%, 100% {
        transform: scale(1);
    }
}

/* section-banding-2 이미지 애니메이션 적용 */
section.section-banding-2 .text-wrap img {
    animation: irregular-pulse 6s ease-in-out infinite;
}

/* section-banding-3 클릭 유도 - 외곽선 깜빡임 (강조) */
@keyframes border-blink {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(255, 200, 0, 0);
    }
    50% {
        box-shadow: 0 0 0 6px rgba(255, 200, 0, 1),
                    0 0 25px 8px rgba(255, 200, 0, 0.7),
                    0 0 40px 12px rgba(255, 200, 0, 0.4);
    }
}