@keyframes flashBox {
    0% {opacity: 1;}
    20% {opacity: 0;}
    40% {opacity: 1;}
    60% {opacity: 0;}
    80% {opacity: 1;}
    100% {opacity: 0;}
}

[data-aos="flashBox"] {
    opacity: 0;
}

[data-aos="flashBox"].aos-animate {
    animation-name: flashBox;
    animation-duration: 1s;
    animation-delay: 0.4s;
	animation-fill-mode: forwards;
}

/* Main circle animation */
@keyframes circle-fade-up {
0% {
	transform: translateX(-50%) translateY(30%) scale(0);
}

100% {
		transform: translateX(-50%) translateY(0%) scale(1);
	}
}

.circle-fade-up {
	animation: 0.5s circle-fade-up;
}




/* sec02 스탬프 효과*/
@keyframes stampBounce {
0% {
opacity: 0;
transform: translate(-25%,-50%) scale(1.8);
}
30% {
    opacity: 1;
    transform: translate(-25%,-50%) scale(1);
}
50% {
    transform: translate(-25%,-50%) scale(0.95);
}
70% {
    transform: translate(-25%,-50%) scale(1.02);
}
85% {
    transform: translate(-25%,-50%) scale(0.98);
}
100% {
    opacity: 1;
    transform: translate(-25%,-50%) scale(1);
}
}



@keyframes sec02Ice01Ani {
0% { transform: translateY(0);
}
50% {
transform: translateY(-15%);
}
100% {
transform: translateY(0); /* 다시 원래 위치 */
}
}



@keyframes sec02IceLeft {
0% {
opacity: 0;
transform: translateX(-50%);
}
100% {
opacity: 1;
transform: translateX(0);
}
}

[data-aos="sec02IceLeft"] {
  opacity: 0;
}

[data-aos="sec02IceLeft"].aos-animate {
    animation-name: sec02IceLeft;
    animation-duration: 1.5s; /* data-aos-duration이랑 맞추거나 여기서 직접 지정 */
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards; /* 끝난 후 상태 유지 */
}


@keyframes sec02IceRight {
0% {
opacity: 0;
transform: translateX(50%);
}
100% { opacity: 1; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0);
}
}

[data-aos="sec02IceRight"] {
    opacity: 0;
}

[data-aos="sec02IceRight"].aos-animate {
    animation-name: sec02IceRight;
    animation-duration: 1.5s; /* data-aos-duration이랑 맞추거나 여기서 직접 지정 */
    animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
    animation-fill-mode: forwards; /* 끝난 후 상태 유지 */
}



/* sec03 */
@keyframes flash {
    0% {opacity: 1;}
    20% {opacity: 0;}
    40% {opacity: 1;}
    60% {opacity: 0;}
    80% {opacity: 1;}
    100% {opacity: 1;}
}

[data-aos="flash"] {
    opacity: 1;
}

[data-aos="flash"].aos-animate {
    animation-name: flash;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-delay: 1.2s;
}

@media (max-width:768px) {
    [data-aos="flash"].aos-animate {
        animation-delay: 0s;
    }
}

/* sec04 */
@keyframes stampBounceNM {
    0% {opacity: 0; transform:scale(1.8);}
    30% {opacity: 1; transform:scale(1);}
    50% { transform: scale(0.95);}
    70% { transform:scale(1.02);}
    85% { transform:scale(0.98);}
    100% {transform: scale(1); opacity: 1;}
}

.brand02.aos-animate {
    animation:stampBounceNM 1s ease-in-out;
    -webkit-animation:stampBounceNM 1s ease-in-out;
}




/* sec05 */
@keyframes S05flash {
    0% {opacity: 0;}
    20% {opacity: 0.3;}
    40% {opacity: 0;}
    60% {opacity: 0.3;}
    80% {opacity: 0;}
    100% {opacity: 0.3;}
}
[data-aos="S05flash"] {
    opacity: 0;
}

[data-aos="S05flash"].aos-animate {
    animation-name: S05flash;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
}

.sec04Botm.aos-animate {animation: bounceInUp 1s ease-in-out;}
.sec04Botm.aos-animate {animation: bounceInUp 1s ease-in-out;}



.bonusTiem.aos-animate {
    animation:stampBounceNM 1s ease-in-out;
}



@keyframes s09Coin01Ani {
    0% { opacity: 0; transform:translate(-200px, -200px); -webkit-transform:translate(-200px, -200px); -moz-transform:translate(-200px, -200px); -ms-transform:translate(-200px, -200px); -o-transform:translate(-200px, -200px); }
    100% { opacity: 1; transform:translate(0%, 0%); -webkit-transform:; -moz-transform:; -ms-transform:; -o-transform:; }
}
.s09Coin01.aos-animate {
    animation: s09Coin01Ani 0.4s ease-in-out forwards;
    -webkit-animation: s09Coin01Ani 0.4s ease-in-out forwards;
}



@keyframes s09Coin02Ani {
    0% { opacity: 0; transform:translate(150px, -200px); -webkit-transform:translate(150px, -200px); -moz-transform:translate(150px, -200px); -ms-transform:translate(150px, -200px); -o-transform:translate(150px, -200px); }
    100% { opacity: 1; transform:translate(0%, 0%);}
}
.s09Coin02.aos-animate {
    animation: s09Coin02Ani 0.4s ease-in-out forwards;
    -webkit-animation: s09Coin02Ani 0.4s ease-in-out forwards;
}



@keyframes s09Coin03Ani {
    0% { opacity: 0; transform:translate(-150px, 200px); -webkit-transform:translate(-150px, 200px); -moz-transform:translate(-150px, 200px); -ms-transform:translate(-150px, 200px); -o-transform:translate(-150px, 200px); }
    100% { opacity: 1; transform:translate(0%, 0%); -webkit-transform:translate(0%, 0%); -moz-transform:translate(0%, 0%); -ms-transform:translate(0%, 0%); -o-transform:translate(0%, 0%); }
}
.s09Coin03.aos-animate {
    animation: s09Coin03Ani 0.4s ease-in-out forwards;
    -webkit-animation: s09Coin03Ani 0.4s ease-in-out forwards;
}


@keyframes s09Coin04Ani {
    0% { opacity: 0; transform:translate(150px, 200px); -webkit-transform:translate(150px, 200px); -moz-transform:translate(150px, 200px); -ms-transform:translate(150px, 200px); -o-transform:translate(150px, 200px); }
    100% { opacity: 1; transform:translate(0%, 0%); -webkit-transform:translate(0%, 0%); -moz-transform:translate(0%, 0%); -ms-transform:translate(0%, 0%); -o-transform:translate(0%, 0%); }
}
.s09Coin04.aos-animate {
    animation: s09Coin04Ani 0.4s ease-in-out forwards;
    -webkit-animation: s09Coin04Ani 0.4s ease-in-out forwards;
}


.sec11List.aos-animate {
    animation:stampBounceNM 1s ease-in-out forwards;
    -webkit-animation:stampBounceNM 1s ease-in-out forwards;
    animation-delay: 1s;
}