/*스크롤*/
@keyframes scroll-ani { 
 0% { margin-top: 0; } 
 100% { margin-top: 85%; } 
 }

/*라떼*/
@keyframes img-ani1 { 
 0% { margin-top: 0; } 
 100% { margin-top: 1.5%; } 
 }
@keyframes img-ani2 { 
 0% { margin-top: 1%; } 
 100% { margin-top: 0%; } 
 }
 @keyframes img-ani3 { 
 0% { margin-top: 0%; } 
 100% { margin-top: 5%; } 
 }
 @keyframes img-ani4 { 
 0% { margin-left: 0; } 
 100% { margin-left: 1%; } 
 }
 @keyframes img-ani5 { 
 0% { margin-left: -28rem; margin-top: 9rem; } 
 100% { margin-left: -27rem; margin-top: 10rem; } 
 }
 @keyframes img-ani6 { 
 0% { margin-left: 26rem; margin-top: -28rem; } 
 100% { margin-left: 27rem; margin-top: -29rem; } 
 }

@keyframes star-ani { 
 0% { width: 0; transform: rotate(0deg); opacity: 0; } 
 50% { opacity: .4; } 
 100% { width: 100%; transform: rotate(180deg); } 
 }

@keyframes ci-ani1 { 
 0% { width: 0; height: 0; } 
 100% { width: var(--ci-wi); height:var(--ci-wi); } 
 }

/*이벤트*/
@keyframes upWave { 
 0% { transform: translateY(0%); } 
 100% { transform: translateY(-100%); } 
 }
@keyframes downWave { 
 0% { transform: translateY(0%); } 
 100% { transform: translateY(100%); } 
 }

/*컨택*/
@keyframes leWave { 
 0% { transform: translateX(0%); } 
 50% { transform: translateX(-100%); } 
 50.1% { transform: translateX(100%); } 
 100% { transform: translateX(0%); } 
 }
@keyframes riWave { 
 0% { transform: translateX(-80%); } 
 50% { transform: translateX(0%); } 
 50.1% { transform: translateX(0%); } 
 100% { transform: translateX(80%); } 
 }