/* 트랙은 가로로 길게 만들어줌 */
.slide-track-10 {
    display: flex;
    white-space: nowrap;
    width:max-content;
    animation: left-scroll 10s linear infinite;
}

/* 트랙은 가로로 길게 만들어줌 */
.slide-track-20 {
    display: flex;
    white-space: nowrap;
    width:max-content;
    animation: left-scroll 20s linear infinite;
}


/* 트랙은 가로로 길게 만들어줌 */
.slide-track-30 {
    display: flex;
    white-space: nowrap;
    width:max-content;
    animation: left-scroll 30s linear infinite;
}

.slide-track-40 {
    display: flex;
    white-space: nowrap;
    width:max-content;
    animation: left-scroll 40s linear infinite;
}

.slide-track-45 {
    display: flex;
    white-space: nowrap;
    width:max-content;
    animation: left-scroll 45s linear infinite;
}

@media (min-width: 1024px) {

    .lg\:slide-track-10 {
        display: flex;
        white-space: nowrap;
        width:max-content;
        animation: left-scroll 10s linear infinite;
    }

    /* 트랙은 가로로 길게 만들어줌 */
    .lg\:slide-track-20 {
        display: flex;
        white-space: nowrap;
        width:max-content;
        animation: left-scroll 20s linear infinite;
    }


    /* 트랙은 가로로 길게 만들어줌 */
    .lg\:slide-track-30 {
        display: flex;
        white-space: nowrap;
        width:max-content;
        animation: left-scroll 30s linear infinite;
    }

    .lg\:slide-track-40 {
        display: flex;
        white-space: nowrap;
        width:max-content;
        animation: left-scroll 40s linear infinite;
    }

    .lg\:slide-track-45 {
        display: flex;
        white-space: nowrap;
        width:max-content;
        animation: left-scroll 45s linear infinite;
    }
}




@keyframes left-scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

@keyframes right-scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(50%);
    }
}




@keyframes glow-pulse {
    0%, 100% { filter: brightness(1) drop-shadow(0 0 0px rgba(255,255,255,0.5)); }
    50% { filter: brightness(1.3) drop-shadow(0 0 8px rgba(255,255,255,0.8)); }
}
[data-aos="glow-pulse"] {
    animation: glow-pulse 2.8s ease-in-out infinite;
}

@keyframes float {
    0% {
        transform: translate(0, 0);
    }
    50% {
        transform: translate(-3px, -12px);
    }
    100% {
        transform: translate(0, 0);
    }
}
[data-aos="float"].aos-animate {
    animation: float 4s ease-in-out infinite;
}


@keyframes float-wave {
    0% {
        transform: translate(0, 0) rotate(0deg);
    }
    25% {
        transform: translate(4px, -10px) rotate(1deg);
    }
    50% {
        transform: translate(-3px, -5px) rotate(-1deg);
    }
    75% {
        transform: translate(2px, -12px) rotate(0.5deg);
    }
    100% {
        transform: translate(0, 0) rotate(0deg);
    }
}
[data-aos="float-wave"].aos-animate {
    animation: float-wave 6s ease-in-out infinite;
}



/* 1. 기본 상태 (화면에 들어오기 전) */
[data-aos="bounce-in-right"] {

    transform: translateX(2000px);
}

/* 2. 화면에 들어오면 AOS가 .aos-animate를 붙임 */
[data-aos="bounce-in-right"].aos-animate {
    animation: bounce-in-right 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) forwards;
}
@keyframes bounce-in-right {
    0% {
        opacity: 0;
        transform: translateX(-2000px);
    }
    63% {
        opacity: 1;
        transform: translateX(+30px);
    }
    70%, 80%, 90%, 100% {
        opacity: 1;
        transform: translateX(0px);
    }
    75% {
        opacity: 1;
        transform: translateX(+14px);
    }
    85% {
        opacity: 1;
        transform: translateX(+8px);
    }
    95% {
        opacity: 1;
        transform: translateX(+4px);
    }
}


/* 1. 기본 상태 (화면에 들어오기 전) */
[data-aos="bounce-in-left"] {

    transform: translateX(-2000px);
}

/* 2. 화면에 들어오면 AOS가 .aos-animate를 붙임 */
[data-aos="bounce-in-left"].aos-animate {
    opacity: 1;
    animation-name: bounce-in-left;
    animation-duration: 0.8s;
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-fill-mode: forwards;
}
@keyframes bounce-in-left {
    0% {
        opacity: 0;
        transform: translateX(2000px);
    }
    63% {
        opacity: 1;
        transform: translateX(-30px);
    }
    70%, 80%, 90%, 100% {
        opacity: 1;
        transform: translateX(0px);
    }
    75% {
        opacity: 1;
        transform: translateX(-14px);
    }
    85% {
        opacity: 1;
        transform: translateX(-8px);
    }
    95% {
        opacity: 1;
        transform: translateX(-4px);
    }
}
@keyframes pulse-in-right {

    0% {
        opacity: 0;
        transform: translateX(-2000px);
    }
    50% {
        opacity: 1;
        transform: translateX(0px);
    }
    75% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: translateX(0) scale3d(1.05, 1.05, 1.05);
    }
    100%{-webkit-transform:scaleX(1);
        transform:translateX(0) scaleX(1);
    }
}
/* 1. 기본 상태 (화면에 들어오기 전) */
[data-aos="pulse-in-right"] {

    transform: translateX(-2000px);
}
[data-aos="pulse-in-right"].aos-animate {
    animation: pulse-in-right 1.2s ease-out both;
}


@keyframes aos-coin-flip {
    0% {
        transform: rotateY(0);

    }
    50% {
        transform: rotateY(180deg);
    }
    80% {
        transform: rotateY(360deg);
    }
    100% {
        transform: rotateY(360deg);
    }
}
[data-aos="coin-flip"] {
    transform-style: preserve-3d;
    /*backface-visibility: hidden;*/
    transition-property: opacity, transform;
}

[data-aos="coin-flip"].aos-animate {
    animation: aos-coin-flip 2.7s ease-out infinite;
}




/*[data-aos="shiny"] {*/
/*    position: relative;*/
/*    display: inline-block;*/
/*    overflow: hidden;*/
/*    -webkit-mask-size: cover;*/
/*    mask-size: cover;*/
/*}*/

/*!* 반짝임 레이어 *!*/
/*[data-aos="shiny"]::after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    inset: 0;*/
/*    pointer-events: none;*/
/*    background: linear-gradient(*/
/*            115deg,*/
/*            transparent 0%,*/
/*            rgba(255,255,255,0.6) 50%,*/
/*            transparent 100%*/
/*    );*/
/*    mix-blend-mode: screen; !* 핵심 *!*/
/*    opacity: 0.9;*/

/*}*/




/* 반짝임 레이어 */
[data-aos="shiny"]::after {
    content: "";
    position: absolute;
    inset: 0;
    width: 100%;
    height: 20px;
    pointer-events: none;
    background: linear-gradient(
            115deg,
            transparent 0%,
            rgba(255,255,255,0.6) 50%,
            transparent 100%
    );
    mix-blend-mode: screen; /* 핵심 */
    opacity: 0.9;

}


@keyframes shiny-sweep {
    0%{
        transform: translate(-100%, -100%) rotateZ(-45deg);
    }
    70%{
        transform: translate(100%, 100%) rotateZ(-45deg);
    }
    100%{

        transform: translate(100%, 100%) rotateZ(-45deg);
    }
}
[data-aos="shiny"].aos-animate::after {
    animation: shiny-sweep 5s ease-out infinite;
}




/* AOS 커스텀 등록 */
[data-aos="pop-shake"] {
    transform: scale(0.5);
    opacity: 0;
}

[data-aos="pop-shake"].aos-animate {
    animation: pop-shake forwards 1.5s cubic-bezier(0.25, 1.2, 0.5, 1);
}

/* 큰 등장 → 원래 크기 → 반복 떨림 */
@keyframes pop-shake {
    0% {
        transform: scale(0.5);
        opacity: 0;
    }

    30% {
        transform: scale(1.3);
        opacity: 1;
    }

    60% {
        transform: scale(1);
    }

    /* 여기서부터 반복 떨림(Shake) 시작 */
    70% {
        transform: scale(1) translateX(0);
    }
    75% {
        transform: scale(1) translateX(-4px);
    }
    80% {
        transform: scale(1) translateX(4px);
    }
    85% {
        transform: scale(1) translateX(-3px);
    }
    90% {
        transform: scale(1) translateX(3px);
    }
    95% {
        transform: scale(1) translateX(-2px);
    }
    100% {
        transform: scale(1) translateX(0);
        opacity: 1;
    }
}