.animation_1{

 -webkit-animation-name: animation_1; /* 애니메이션 아이디 */
 -webkit-animation-duration: 0.7s; /* 재생 시간 값 */
 -webkit-animation-delay:0.2s; /* 딜레이 값 */
 -webkit-animation-fill-mode: forwards;
 -webkit-animation-iteration-count:1;

 animation-name: animation_1; /* 애니메이션 아이디 */
 animation-duration: 0.7s; /* 재생 시간 값 */
 animation-delay: 0.2s; /* 딜레이 값 */
 animation-fill-mode: forwards;
 animation-iteration-count:1;

 opacity: 0;
}

@-webkit-keyframes animation_1 {
 from {
 opacity: 0.15; /* 투명도 시작 부분 값 */

 /* 방향타입시 추가 : 거리 값 (위로 : translateY(60px), 아래로 : translateY(-60px), 오른쪽으로 : translateX(60px), 왼쪽으로 translateY(-60px)) 각 타입에 따라 Y or X / 마이너스 필요 */
 -webkit-transform: translateY(-30px); 

 }

 to {
 opacity: 1; /* 투명도 끝 부분 값 */

-webkit-transform-origin: 50% 50%;
-webkit-transform: scale(1);
 }
}

@keyframes animation_1 {
  from {
  opacity: 0.15; /* 투명도 시작 부분 값 */

 /* 방향타입시 추가 : 거리 값 (위로 : translateY(60px), 아래로 : translateY(-60px), 오른쪽으로 : translateX(60px), 왼쪽으로 translateY(-60px)) 각 타입에 따라 Y or X / 마이너스 필요 */
 transform: translateY(-30px); 

 }

 to {
 opacity: 1; /* 투명도 끝 부분 값 */

 transform-origin: 50% 50%;
 transform: scale(1);
 }
}

.animation_10{

 -webkit-animation-name: animation_10; /* 애니메이션 아이디 */
 -webkit-animation-duration: 0.7s; /* 재생 시간 값 */
 -webkit-animation-delay:0.5s; /* 딜레이 값 */
 -webkit-animation-fill-mode: forwards;
 -webkit-animation-iteration-count:1;

 animation-name: animation_10; /* 애니메이션 아이디 */
 animation-duration: 0.7s; /* 재생 시간 값 */
 animation-delay: 0.5s; /* 딜레이 값 */
 animation-fill-mode: forwards;
 animation-iteration-count:1;

 opacity: 0;
}

@-webkit-keyframes animation_10 {
 from {
 opacity: 0.15; /* 투명도 시작 부분 값 */

 /* 방향타입시 추가 : 거리 값 (위로 : translateY(60px), 아래로 : translateY(-60px), 오른쪽으로 : translateX(60px), 왼쪽으로 translateY(-60px)) 각 타입에 따라 Y or X / 마이너스 필요 */
 -webkit-transform: translateY(-30px); 

 }

 to {
 opacity: 1; /* 투명도 끝 부분 값 */

-webkit-transform-origin: 50% 50%;
-webkit-transform: scale(1);
 }
}

@keyframes animation_10 {
  from {
  opacity: 0.15; /* 투명도 시작 부분 값 */

 /* 방향타입시 추가 : 거리 값 (위로 : translateY(60px), 아래로 : translateY(-60px), 오른쪽으로 : translateX(60px), 왼쪽으로 translateY(-60px)) 각 타입에 따라 Y or X / 마이너스 필요 */
 transform: translateY(-30px); 

 }

 to {
 opacity: 1; /* 투명도 끝 부분 값 */

 transform-origin: 50% 50%;
 transform: scale(1);
 }
}

.animation_2{

 -webkit-animation-name: animation_2; /* 애니메이션 아이디 */
 -webkit-animation-duration: 0.7s; /* 재생 시간 값 */
 -webkit-animation-delay:0.3s; /* 딜레이 값 */
 -webkit-animation-fill-mode: forwards;
 -webkit-animation-iteration-count:1;

 animation-name: animation_2; /* 애니메이션 아이디 */
 animation-duration: 0.7s; /* 재생 시간 값 */
 animation-delay: 0.3s; /* 딜레이 값 */
 animation-fill-mode: forwards;
 animation-iteration-count:1;

 opacity: 0;
}

@-webkit-keyframes animation_2 {
 from {
 opacity: 0.15; /* 투명도 시작 부분 값 */

 /* 방향타입시 추가 : 거리 값 (위로 : translateY(60px), 아래로 : translateY(-60px), 오른쪽으로 : translateX(60px), 왼쪽으로 translateY(-60px)) 각 타입에 따라 Y or X / 마이너스 필요 */
 -webkit-transform: translateY(-30px); 

 }

 to {
 opacity: 1; /* 투명도 끝 부분 값 */

-webkit-transform-origin: 50% 50%;
-webkit-transform: scale(1);
 }
}

@keyframes animation_2 {
  from {
  opacity: 0.15; /* 투명도 시작 부분 값 */

 /* 방향타입시 추가 : 거리 값 (위로 : translateY(60px), 아래로 : translateY(-60px), 오른쪽으로 : translateX(60px), 왼쪽으로 translateY(-60px)) 각 타입에 따라 Y or X / 마이너스 필요 */
 transform: translateY(-30px); 

 }

 to {
 opacity: 1; /* 투명도 끝 부분 값 */

 transform-origin: 50% 50%;
 transform: scale(1);
 }
}

.animation_3{

 -webkit-animation-name: animation_3; /* 애니메이션 아이디 */
 -webkit-animation-duration: 0.7s; /* 재생 시간 값 */
 -webkit-animation-delay:0.4s; /* 딜레이 값 */
 -webkit-animation-fill-mode: forwards;
 -webkit-animation-iteration-count:1;

 animation-name: animation_3; /* 애니메이션 아이디 */
 animation-duration: 0.7s; /* 재생 시간 값 */
 animation-delay: 0.4s; /* 딜레이 값 */
 animation-fill-mode: forwards;
 animation-iteration-count:1;

 opacity: 0;
}

@-webkit-keyframes animation_3 {
 from {
 opacity: 0.15; /* 투명도 시작 부분 값 */

 /* 방향타입시 추가 : 거리 값 (위로 : translateY(60px), 아래로 : translateY(-60px), 오른쪽으로 : translateX(60px), 왼쪽으로 translateY(-60px)) 각 타입에 따라 Y or X / 마이너스 필요 */
 -webkit-transform: translateY(30px); 

 }

 to {
 opacity: 1; /* 투명도 끝 부분 값 */

-webkit-transform-origin: 50% 50%;
-webkit-transform: scale(1);
 }
}

@keyframes animation_3 {
  from {
  opacity: 0.15; /* 투명도 시작 부분 값 */

 /* 방향타입시 추가 : 거리 값 (위로 : translateY(60px), 아래로 : translateY(-60px), 오른쪽으로 : translateX(60px), 왼쪽으로 translateY(-60px)) 각 타입에 따라 Y or X / 마이너스 필요 */
 transform: translateY(30px); 

 }

 to {
 opacity: 1; /* 투명도 끝 부분 값 */

 transform-origin: 50% 50%;
 transform: scale(1);
 }
}

.animation_4{

 -webkit-animation-name: animation_4; /* 애니메이션 아이디 */
 -webkit-animation-duration: 0.7s; /* 재생 시간 값 */
 -webkit-animation-delay:0.4s; /* 딜레이 값 */
 -webkit-animation-fill-mode: forwards;
 -webkit-animation-iteration-count:1;

 animation-name: animation_4; /* 애니메이션 아이디 */
 animation-duration: 0.7s; /* 재생 시간 값 */
 animation-delay: 0.4s; /* 딜레이 값 */
 animation-fill-mode: forwards;
 animation-iteration-count:1;

 opacity: 0;
}

@-webkit-keyframes animation_4 {
 from {
 opacity: 0.15; /* 투명도 시작 부분 값 */

 /* 방향타입시 추가 : 거리 값 (위로 : translateY(60px), 아래로 : translateY(-60px), 오른쪽으로 : translateX(60px), 왼쪽으로 translateY(-60px)) 각 타입에 따라 Y or X / 마이너스 필요 */
 -webkit-transform: translateY(30px); 

 }

 to {
 opacity: 1; /* 투명도 끝 부분 값 */

-webkit-transform-origin: 50% 50%;
-webkit-transform: scale(1);
 }
}

@keyframes animation_4 {
  from {
  opacity: 0.15; /* 투명도 시작 부분 값 */

 /* 방향타입시 추가 : 거리 값 (위로 : translateY(60px), 아래로 : translateY(-60px), 오른쪽으로 : translateX(60px), 왼쪽으로 translateY(-60px)) 각 타입에 따라 Y or X / 마이너스 필요 */
 transform: translateY(30px); 

 }

 to {
 opacity: 1; /* 투명도 끝 부분 값 */

 transform-origin: 50% 50%;
 transform: scale(1);
 }
}

.animation_5{

 -webkit-animation-name: animation_5; /* 애니메이션 아이디 */
 -webkit-animation-duration: 0.7s; /* 재생 시간 값 */
 -webkit-animation-delay:0.3s; /* 딜레이 값 */
 -webkit-animation-fill-mode: forwards;
 -webkit-animation-iteration-count:1;

 animation-name: animation_5; /* 애니메이션 아이디 */
 animation-duration: 0.7s; /* 재생 시간 값 */
 animation-delay: 0.3s; /* 딜레이 값 */
 animation-fill-mode: forwards;
 animation-iteration-count:1;

 opacity: 0;
}

@-webkit-keyframes animation_5 {
 from {
 opacity: 0.15; /* 투명도 시작 부분 값 */

 /* 방향타입시 추가 : 거리 값 (위로 : translateY(60px), 아래로 : translateY(-60px), 오른쪽으로 : translateX(60px), 왼쪽으로 translateY(-60px)) 각 타입에 따라 Y or X / 마이너스 필요 */
 -webkit-transform: translateY(30px); 

 }

 to {
 opacity: 1; /* 투명도 끝 부분 값 */

-webkit-transform-origin: 50% 50%;
-webkit-transform: scale(1);
 }
}

@keyframes animation_5 {
  from {
  opacity: 0.15; /* 투명도 시작 부분 값 */

 /* 방향타입시 추가 : 거리 값 (위로 : translateY(60px), 아래로 : translateY(-60px), 오른쪽으로 : translateX(60px), 왼쪽으로 translateY(-60px)) 각 타입에 따라 Y or X / 마이너스 필요 */
 transform: translateY(30px); 

 }

 to {
 opacity: 1; /* 투명도 끝 부분 값 */

 transform-origin: 50% 50%;
 transform: scale(1);
 }
}

.animation_6{

 -webkit-animation-name: animation_6; /* 애니메이션 아이디 */
 -webkit-animation-duration: 0.7s; /* 재생 시간 값 */
 -webkit-animation-delay:0.2s; /* 딜레이 값 */
 -webkit-animation-fill-mode: forwards;
 -webkit-animation-iteration-count:1;

 animation-name: animation_6; /* 애니메이션 아이디 */
 animation-duration: 0.7s; /* 재생 시간 값 */
 animation-delay: 0.2s; /* 딜레이 값 */
 animation-fill-mode: forwards;
 animation-iteration-count:1;

 opacity: 0;
}

@-webkit-keyframes animation_6 {
 from {
 opacity: 0.15; /* 투명도 시작 부분 값 */

 /* 방향타입시 추가 : 거리 값 (위로 : translateY(60px), 아래로 : translateY(-60px), 오른쪽으로 : translateX(60px), 왼쪽으로 translateY(-60px)) 각 타입에 따라 Y or X / 마이너스 필요 */
 -webkit-transform: translateY(30px); 

 }

 to {
 opacity: 1; /* 투명도 끝 부분 값 */

-webkit-transform-origin: 50% 50%;
-webkit-transform: scale(1);
 }
}

@keyframes animation_6 {
  from {
  opacity: 0.15; /* 투명도 시작 부분 값 */

 /* 방향타입시 추가 : 거리 값 (위로 : translateY(60px), 아래로 : translateY(-60px), 오른쪽으로 : translateX(60px), 왼쪽으로 translateY(-60px)) 각 타입에 따라 Y or X / 마이너스 필요 */
 transform: translateY(30px); 

 }

 to {
 opacity: 1; /* 투명도 끝 부분 값 */

 transform-origin: 50% 50%;
 transform: scale(1);
 }
}

.animation_7{

 -webkit-animation-name: animation_7; /* 애니메이션 아이디 */
 -webkit-animation-duration: 0.7s; /* 재생 시간 값 */
 -webkit-animation-delay:0.2s; /* 딜레이 값 */
 -webkit-animation-fill-mode: forwards;
 -webkit-animation-iteration-count:1;

 animation-name: animation_7; /* 애니메이션 아이디 */
 animation-duration: 0.7s; /* 재생 시간 값 */
 animation-delay: 0.2s; /* 딜레이 값 */
 animation-fill-mode: forwards;
 animation-iteration-count:1;

 opacity: 0;
}

@-webkit-keyframes animation_7 {
 from {
 opacity: 0.15; /* 투명도 시작 부분 값 */

 /* 방향타입시 추가 : 거리 값 (위로 : translateY(60px), 아래로 : translateY(-60px), 오른쪽으로 : translateX(60px), 왼쪽으로 translateY(-60px)) 각 타입에 따라 Y or X / 마이너스 필요 */
 -webkit-transform: translateY(30px); 

 }

 to {
 opacity: 1; /* 투명도 끝 부분 값 */

-webkit-transform-origin: 50% 50%;
-webkit-transform: scale(1);
 }
}

@keyframes animation_7 {
  from {
  opacity: 0.15; /* 투명도 시작 부분 값 */

 /* 방향타입시 추가 : 거리 값 (위로 : translateY(60px), 아래로 : translateY(-60px), 오른쪽으로 : translateX(60px), 왼쪽으로 translateY(-60px)) 각 타입에 따라 Y or X / 마이너스 필요 */
 transform: translateY(30px); 

 }

 to {
 opacity: 1; /* 투명도 끝 부분 값 */

 transform-origin: 50% 50%;
 transform: scale(1);
 }
}

.animation_8{

 -webkit-animation-name: animation_8; /* 애니메이션 아이디 */
 -webkit-animation-duration: 0.7s; /* 재생 시간 값 */
 -webkit-animation-delay:0.2s; /* 딜레이 값 */
 -webkit-animation-fill-mode: forwards;
 -webkit-animation-iteration-count:1;

 animation-name: animation_8; /* 애니메이션 아이디 */
 animation-duration: 0.7s; /* 재생 시간 값 */
 animation-delay: 0.2s; /* 딜레이 값 */
 animation-fill-mode: forwards;
 animation-iteration-count:1;

 opacity: 0;
}

@-webkit-keyframes animation_8 {
 from {
 opacity: 0.15; /* 투명도 시작 부분 값 */

 /* 방향타입시 추가 : 거리 값 (위로 : translateY(60px), 아래로 : translateY(-60px), 오른쪽으로 : translateX(60px), 왼쪽으로 translateY(-60px)) 각 타입에 따라 Y or X / 마이너스 필요 */
 -webkit-transform: translateX(-30px); 

 }

 to {
 opacity: 1; /* 투명도 끝 부분 값 */

-webkit-transform-origin: 50% 50%;
-webkit-transform: scale(1);
 }
}

@keyframes animation_8 {
  from {
  opacity: 0.15; /* 투명도 시작 부분 값 */

 /* 방향타입시 추가 : 거리 값 (위로 : translateY(60px), 아래로 : translateY(-60px), 오른쪽으로 : translateX(60px), 왼쪽으로 translateY(-60px)) 각 타입에 따라 Y or X / 마이너스 필요 */
 transform: translateX(-30px); 

 }

 to {
 opacity: 1; /* 투명도 끝 부분 값 */

 transform-origin: 50% 50%;
 transform: scale(1);
 }
}

.animation_9{

 -webkit-animation-name: animation_9; /* 애니메이션 아이디 */
 -webkit-animation-duration: 0.7s; /* 재생 시간 값 */
 -webkit-animation-delay:0.3s; /* 딜레이 값 */
 -webkit-animation-fill-mode: forwards;
 -webkit-animation-iteration-count:1;

 animation-name: animation_9; /* 애니메이션 아이디 */
 animation-duration: 0.7s; /* 재생 시간 값 */
 animation-delay: 0.3s; /* 딜레이 값 */
 animation-fill-mode: forwards;
 animation-iteration-count:1;

 opacity: 0;
}

@-webkit-keyframes animation_9 {
 from {
 opacity: 0.15; /* 투명도 시작 부분 값 */

 /* 방향타입시 추가 : 거리 값 (위로 : translateY(60px), 아래로 : translateY(-60px), 오른쪽으로 : translateX(60px), 왼쪽으로 translateY(-60px)) 각 타입에 따라 Y or X / 마이너스 필요 */
 -webkit-transform: translateX(-30px); 

 }

 to {
 opacity: 1; /* 투명도 끝 부분 값 */

-webkit-transform-origin: 50% 50%;
-webkit-transform: scale(1);
 }
}

@keyframes animation_9 {
  from {
  opacity: 0.15; /* 투명도 시작 부분 값 */

 /* 방향타입시 추가 : 거리 값 (위로 : translateY(60px), 아래로 : translateY(-60px), 오른쪽으로 : translateX(60px), 왼쪽으로 translateY(-60px)) 각 타입에 따라 Y or X / 마이너스 필요 */
 transform: translateX(-30px); 

 }

 to {
 opacity: 1; /* 투명도 끝 부분 값 */

 transform-origin: 50% 50%;
 transform: scale(1);
 }
}