.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(-40px); 

 }

 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(-40px); 

 }

 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.6s; /* 딜레이 값 */
 -webkit-animation-fill-mode: forwards;
 -webkit-animation-iteration-count:1;

 animation-name: animation_10; /* 애니메이션 아이디 */
 animation-duration: 0.7s; /* 재생 시간 값 */
 animation-delay: 0.6s; /* 딜레이 값 */
 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(60px); 

 }

 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(60px); 

 }

 to {
 opacity: 1; /* 투명도 끝 부분 값 */

 transform-origin: 50% 50%;
 transform: scale(1);
 }
}

.animation_11{

 -webkit-animation-name: animation_11; /* 애니메이션 아이디 */
 -webkit-animation-duration: 0.7s; /* 재생 시간 값 */
 -webkit-animation-delay:0.8s; /* 딜레이 값 */
 -webkit-animation-fill-mode: forwards;
 -webkit-animation-iteration-count:1;

 animation-name: animation_11; /* 애니메이션 아이디 */
 animation-duration: 0.7s; /* 재생 시간 값 */
 animation-delay: 0.8s; /* 딜레이 값 */
 animation-fill-mode: forwards;
 animation-iteration-count:1;

 opacity: 0;
}

@-webkit-keyframes animation_11 {
 from {
 opacity: 0.15; /* 투명도 시작 부분 값 */

 /* 방향타입시 추가 : 거리 값 (위로 : translateY(60px), 아래로 : translateY(-60px), 오른쪽으로 : translateX(60px), 왼쪽으로 translateY(-60px)) 각 타입에 따라 Y or X / 마이너스 필요 */
 -webkit-transform: translateY(60px); 

 }

 to {
 opacity: 1; /* 투명도 끝 부분 값 */

-webkit-transform-origin: 50% 50%;
-webkit-transform: scale(1);
 }
}

@keyframes animation_11 {
  from {
  opacity: 0.15; /* 투명도 시작 부분 값 */

 /* 방향타입시 추가 : 거리 값 (위로 : translateY(60px), 아래로 : translateY(-60px), 오른쪽으로 : translateX(60px), 왼쪽으로 translateY(-60px)) 각 타입에 따라 Y or X / 마이너스 필요 */
 transform: translateY(60px); 

 }

 to {
 opacity: 1; /* 투명도 끝 부분 값 */

 transform-origin: 50% 50%;
 transform: scale(1);
 }
}

.animation_12{

 -webkit-animation-name: animation_12; /* 애니메이션 아이디 */
 -webkit-animation-duration: 0.7s; /* 재생 시간 값 */
 -webkit-animation-delay:0.2s; /* 딜레이 값 */
 -webkit-animation-fill-mode: forwards;
 -webkit-animation-iteration-count:1;

 animation-name: animation_12; /* 애니메이션 아이디 */
 animation-duration: 0.7s; /* 재생 시간 값 */
 animation-delay: 0.2s; /* 딜레이 값 */
 animation-fill-mode: forwards;
 animation-iteration-count:1;

 opacity: 0;
}

@-webkit-keyframes animation_12 {
 from {
 opacity: 0.15; /* 투명도 시작 부분 값 */

 /* 방향타입시 추가 : 거리 값 (위로 : translateY(60px), 아래로 : translateY(-60px), 오른쪽으로 : translateX(60px), 왼쪽으로 translateY(-60px)) 각 타입에 따라 Y or X / 마이너스 필요 */
 -webkit-transform: translateX(-40px); 

 }

 to {
 opacity: 1; /* 투명도 끝 부분 값 */

-webkit-transform-origin: 50% 50%;
-webkit-transform: scale(1);
 }
}

@keyframes animation_12 {
  from {
  opacity: 0.15; /* 투명도 시작 부분 값 */

 /* 방향타입시 추가 : 거리 값 (위로 : translateY(60px), 아래로 : translateY(-60px), 오른쪽으로 : translateX(60px), 왼쪽으로 translateY(-60px)) 각 타입에 따라 Y or X / 마이너스 필요 */
 transform: translateX(-40px); 

 }

 to {
 opacity: 1; /* 투명도 끝 부분 값 */

 transform-origin: 50% 50%;
 transform: scale(1);
 }
}

.animation_13{

 -webkit-animation-name: animation_13; /* 애니메이션 아이디 */
 -webkit-animation-duration: 0.7s; /* 재생 시간 값 */
 -webkit-animation-delay:0.4s; /* 딜레이 값 */
 -webkit-animation-fill-mode: forwards;
 -webkit-animation-iteration-count:1;

 animation-name: animation_13; /* 애니메이션 아이디 */
 animation-duration: 0.7s; /* 재생 시간 값 */
 animation-delay: 0.4s; /* 딜레이 값 */
 animation-fill-mode: forwards;
 animation-iteration-count:1;

 opacity: 0;
}

@-webkit-keyframes animation_13 {
 from {
 opacity: 0.15; /* 투명도 시작 부분 값 */

 /* 방향타입시 추가 : 거리 값 (위로 : translateY(60px), 아래로 : translateY(-60px), 오른쪽으로 : translateX(60px), 왼쪽으로 translateY(-60px)) 각 타입에 따라 Y or X / 마이너스 필요 */
 -webkit-transform: translateX(40px); 

 }

 to {
 opacity: 1; /* 투명도 끝 부분 값 */

-webkit-transform-origin: 50% 50%;
-webkit-transform: scale(1);
 }
}

@keyframes animation_13 {
  from {
  opacity: 0.15; /* 투명도 시작 부분 값 */

 /* 방향타입시 추가 : 거리 값 (위로 : translateY(60px), 아래로 : translateY(-60px), 오른쪽으로 : translateX(60px), 왼쪽으로 translateY(-60px)) 각 타입에 따라 Y or X / 마이너스 필요 */
 transform: translateX(40px); 

 }

 to {
 opacity: 1; /* 투명도 끝 부분 값 */

 transform-origin: 50% 50%;
 transform: scale(1);
 }
}

.animation_14{

 -webkit-animation-name: animation_14; /* 애니메이션 아이디 */
 -webkit-animation-duration: 0.7s; /* 재생 시간 값 */
 -webkit-animation-delay:0.6s; /* 딜레이 값 */
 -webkit-animation-fill-mode: forwards;
 -webkit-animation-iteration-count:1;

 animation-name: animation_14; /* 애니메이션 아이디 */
 animation-duration: 0.7s; /* 재생 시간 값 */
 animation-delay: 0.6s; /* 딜레이 값 */
 animation-fill-mode: forwards;
 animation-iteration-count:1;

 opacity: 0;
}

@-webkit-keyframes animation_14 {
 from {
 opacity: 0.15; /* 투명도 시작 부분 값 */

 /* 방향타입시 추가 : 거리 값 (위로 : translateY(60px), 아래로 : translateY(-60px), 오른쪽으로 : translateX(60px), 왼쪽으로 translateY(-60px)) 각 타입에 따라 Y or X / 마이너스 필요 */
 -webkit-transform: translateX(-40px); 

 }

 to {
 opacity: 1; /* 투명도 끝 부분 값 */

-webkit-transform-origin: 50% 50%;
-webkit-transform: scale(1);
 }
}

@keyframes animation_14 {
  from {
  opacity: 0.15; /* 투명도 시작 부분 값 */

 /* 방향타입시 추가 : 거리 값 (위로 : translateY(60px), 아래로 : translateY(-60px), 오른쪽으로 : translateX(60px), 왼쪽으로 translateY(-60px)) 각 타입에 따라 Y or X / 마이너스 필요 */
 transform: translateX(-40px); 

 }

 to {
 opacity: 1; /* 투명도 끝 부분 값 */

 transform-origin: 50% 50%;
 transform: scale(1);
 }
}

.animation_15{

 -webkit-animation-name: animation_15; /* 애니메이션 아이디 */
 -webkit-animation-duration: 0.7s; /* 재생 시간 값 */
 -webkit-animation-delay:0.8s; /* 딜레이 값 */
 -webkit-animation-fill-mode: forwards;
 -webkit-animation-iteration-count:1;

 animation-name: animation_15; /* 애니메이션 아이디 */
 animation-duration: 0.7s; /* 재생 시간 값 */
 animation-delay: 0.8s; /* 딜레이 값 */
 animation-fill-mode: forwards;
 animation-iteration-count:1;

 opacity: 0;
}

@-webkit-keyframes animation_15 {
 from {
 opacity: 0.15; /* 투명도 시작 부분 값 */

 /* 방향타입시 추가 : 거리 값 (위로 : translateY(60px), 아래로 : translateY(-60px), 오른쪽으로 : translateX(60px), 왼쪽으로 translateY(-60px)) 각 타입에 따라 Y or X / 마이너스 필요 */
 -webkit-transform: translateX(40px); 

 }

 to {
 opacity: 1; /* 투명도 끝 부분 값 */

-webkit-transform-origin: 50% 50%;
-webkit-transform: scale(1);
 }
}

@keyframes animation_15 {
  from {
  opacity: 0.15; /* 투명도 시작 부분 값 */

 /* 방향타입시 추가 : 거리 값 (위로 : translateY(60px), 아래로 : translateY(-60px), 오른쪽으로 : translateX(60px), 왼쪽으로 translateY(-60px)) 각 타입에 따라 Y or X / 마이너스 필요 */
 transform: translateX(40px); 

 }

 to {
 opacity: 1; /* 투명도 끝 부분 값 */

 transform-origin: 50% 50%;
 transform: scale(1);
 }
}

.animation_16{

 -webkit-animation-name: animation_16; /* 애니메이션 아이디 */
 -webkit-animation-duration: 0.7s; /* 재생 시간 값 */
 -webkit-animation-delay:0.2s; /* 딜레이 값 */
 -webkit-animation-fill-mode: forwards;
 -webkit-animation-iteration-count:1;

 animation-name: animation_16; /* 애니메이션 아이디 */
 animation-duration: 0.7s; /* 재생 시간 값 */
 animation-delay: 0.2s; /* 딜레이 값 */
 animation-fill-mode: forwards;
 animation-iteration-count:1;

 opacity: 0;
}

@-webkit-keyframes animation_16 {
 from {
 opacity: 0.15; /* 투명도 시작 부분 값 */

 /* 방향타입시 추가 : 거리 값 (위로 : translateY(60px), 아래로 : translateY(-60px), 오른쪽으로 : translateX(60px), 왼쪽으로 translateY(-60px)) 각 타입에 따라 Y or X / 마이너스 필요 */
 -webkit-transform: translateY(40px); 

 }

 to {
 opacity: 1; /* 투명도 끝 부분 값 */

-webkit-transform-origin: 50% 50%;
-webkit-transform: scale(1);
 }
}

@keyframes animation_16 {
  from {
  opacity: 0.15; /* 투명도 시작 부분 값 */

 /* 방향타입시 추가 : 거리 값 (위로 : translateY(60px), 아래로 : translateY(-60px), 오른쪽으로 : translateX(60px), 왼쪽으로 translateY(-60px)) 각 타입에 따라 Y or X / 마이너스 필요 */
 transform: translateY(40px); 

 }

 to {
 opacity: 1; /* 투명도 끝 부분 값 */

 transform-origin: 50% 50%;
 transform: scale(1);
 }
}

.animation_17{

 -webkit-animation-name: animation_17; /* 애니메이션 아이디 */
 -webkit-animation-duration: 0.7s; /* 재생 시간 값 */
 -webkit-animation-delay:0.4s; /* 딜레이 값 */
 -webkit-animation-fill-mode: forwards;
 -webkit-animation-iteration-count:1;

 animation-name: animation_17; /* 애니메이션 아이디 */
 animation-duration: 0.7s; /* 재생 시간 값 */
 animation-delay: 0.4s; /* 딜레이 값 */
 animation-fill-mode: forwards;
 animation-iteration-count:1;

 opacity: 0;
}

@-webkit-keyframes animation_17 {
 from {
 opacity: 0.15; /* 투명도 시작 부분 값 */

 /* 방향타입시 추가 : 거리 값 (위로 : translateY(60px), 아래로 : translateY(-60px), 오른쪽으로 : translateX(60px), 왼쪽으로 translateY(-60px)) 각 타입에 따라 Y or X / 마이너스 필요 */
 -webkit-transform: translateY(-40px); 

 }

 to {
 opacity: 1; /* 투명도 끝 부분 값 */

-webkit-transform-origin: 50% 50%;
-webkit-transform: scale(1);
 }
}

@keyframes animation_17 {
  from {
  opacity: 0.15; /* 투명도 시작 부분 값 */

 /* 방향타입시 추가 : 거리 값 (위로 : translateY(60px), 아래로 : translateY(-60px), 오른쪽으로 : translateX(60px), 왼쪽으로 translateY(-60px)) 각 타입에 따라 Y or X / 마이너스 필요 */
 transform: translateY(-40px); 

 }

 to {
 opacity: 1; /* 투명도 끝 부분 값 */

 transform-origin: 50% 50%;
 transform: scale(1);
 }
}

.animation_18{

 -webkit-animation-name: animation_18; /* 애니메이션 아이디 */
 -webkit-animation-duration: 0.7s; /* 재생 시간 값 */
 -webkit-animation-delay:0.2s; /* 딜레이 값 */
 -webkit-animation-fill-mode: forwards;
 -webkit-animation-iteration-count:1;

 animation-name: animation_18; /* 애니메이션 아이디 */
 animation-duration: 0.7s; /* 재생 시간 값 */
 animation-delay: 0.2s; /* 딜레이 값 */
 animation-fill-mode: forwards;
 animation-iteration-count:1;

 opacity: 0;
}

@-webkit-keyframes animation_18 {
 from {
 opacity: 0.15; /* 투명도 시작 부분 값 */

 /* 방향타입시 추가 : 거리 값 (위로 : translateY(60px), 아래로 : translateY(-60px), 오른쪽으로 : translateX(60px), 왼쪽으로 translateY(-60px)) 각 타입에 따라 Y or X / 마이너스 필요 */
 -webkit-transform: translateY(-40px); 

 }

 to {
 opacity: 1; /* 투명도 끝 부분 값 */

-webkit-transform-origin: 50% 50%;
-webkit-transform: scale(1);
 }
}

@keyframes animation_18 {
  from {
  opacity: 0.15; /* 투명도 시작 부분 값 */

 /* 방향타입시 추가 : 거리 값 (위로 : translateY(60px), 아래로 : translateY(-60px), 오른쪽으로 : translateX(60px), 왼쪽으로 translateY(-60px)) 각 타입에 따라 Y or X / 마이너스 필요 */
 transform: translateY(-40px); 

 }

 to {
 opacity: 1; /* 투명도 끝 부분 값 */

 transform-origin: 50% 50%;
 transform: scale(1);
 }
}

.animation_19{

 -webkit-animation-name: animation_19; /* 애니메이션 아이디 */
 -webkit-animation-duration: 0.7s; /* 재생 시간 값 */
 -webkit-animation-delay:0.9s; /* 딜레이 값 */
 -webkit-animation-fill-mode: forwards;
 -webkit-animation-iteration-count:1;

 animation-name: animation_19; /* 애니메이션 아이디 */
 animation-duration: 0.7s; /* 재생 시간 값 */
 animation-delay: 0.9s; /* 딜레이 값 */
 animation-fill-mode: forwards;
 animation-iteration-count:1;

 opacity: 0;
}

@-webkit-keyframes animation_19 {
 from {
 opacity: 0.15; /* 투명도 시작 부분 값 */

 /* 방향타입시 추가 : 거리 값 (위로 : translateY(60px), 아래로 : translateY(-60px), 오른쪽으로 : translateX(60px), 왼쪽으로 translateY(-60px)) 각 타입에 따라 Y or X / 마이너스 필요 */
 -webkit-transform: translateY(-40px); 

 }

 to {
 opacity: 1; /* 투명도 끝 부분 값 */

-webkit-transform-origin: 50% 50%;
-webkit-transform: scale(1);
 }
}

@keyframes animation_19 {
  from {
  opacity: 0.15; /* 투명도 시작 부분 값 */

 /* 방향타입시 추가 : 거리 값 (위로 : translateY(60px), 아래로 : translateY(-60px), 오른쪽으로 : translateX(60px), 왼쪽으로 translateY(-60px)) 각 타입에 따라 Y or X / 마이너스 필요 */
 transform: translateY(-40px); 

 }

 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(-40px); 

 }

 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(-40px); 

 }

 to {
 opacity: 1; /* 투명도 끝 부분 값 */

 transform-origin: 50% 50%;
 transform: scale(1);
 }
}

.animation_20{

 -webkit-animation-name: animation_20; /* 애니메이션 아이디 */
 -webkit-animation-duration: 0.7s; /* 재생 시간 값 */
 -webkit-animation-delay:1s; /* 딜레이 값 */
 -webkit-animation-fill-mode: forwards;
 -webkit-animation-iteration-count:1;

 animation-name: animation_20; /* 애니메이션 아이디 */
 animation-duration: 0.7s; /* 재생 시간 값 */
 animation-delay: 1s; /* 딜레이 값 */
 animation-fill-mode: forwards;
 animation-iteration-count:1;

 opacity: 0;
}

@-webkit-keyframes animation_20 {
 from {
 opacity: 0.15; /* 투명도 시작 부분 값 */

 /* 방향타입시 추가 : 거리 값 (위로 : translateY(60px), 아래로 : translateY(-60px), 오른쪽으로 : translateX(60px), 왼쪽으로 translateY(-60px)) 각 타입에 따라 Y or X / 마이너스 필요 */
 -webkit-transform: translateY(-40px); 

 }

 to {
 opacity: 1; /* 투명도 끝 부분 값 */

-webkit-transform-origin: 50% 50%;
-webkit-transform: scale(1);
 }
}

@keyframes animation_20 {
  from {
  opacity: 0.15; /* 투명도 시작 부분 값 */

 /* 방향타입시 추가 : 거리 값 (위로 : translateY(60px), 아래로 : translateY(-60px), 오른쪽으로 : translateX(60px), 왼쪽으로 translateY(-60px)) 각 타입에 따라 Y or X / 마이너스 필요 */
 transform: translateY(-40px); 

 }

 to {
 opacity: 1; /* 투명도 끝 부분 값 */

 transform-origin: 50% 50%;
 transform: scale(1);
 }
}

.animation_21{

 -webkit-animation-name: animation_21; /* 애니메이션 아이디 */
 -webkit-animation-duration: 0.7s; /* 재생 시간 값 */
 -webkit-animation-delay:1.1s; /* 딜레이 값 */
 -webkit-animation-fill-mode: forwards;
 -webkit-animation-iteration-count:1;

 animation-name: animation_21; /* 애니메이션 아이디 */
 animation-duration: 0.7s; /* 재생 시간 값 */
 animation-delay: 1.1s; /* 딜레이 값 */
 animation-fill-mode: forwards;
 animation-iteration-count:1;

 opacity: 0;
}

@-webkit-keyframes animation_21 {
 from {
 opacity: 0.15; /* 투명도 시작 부분 값 */

 /* 방향타입시 추가 : 거리 값 (위로 : translateY(60px), 아래로 : translateY(-60px), 오른쪽으로 : translateX(60px), 왼쪽으로 translateY(-60px)) 각 타입에 따라 Y or X / 마이너스 필요 */
 -webkit-transform: translateY(-40px); 

 }

 to {
 opacity: 1; /* 투명도 끝 부분 값 */

-webkit-transform-origin: 50% 50%;
-webkit-transform: scale(1);
 }
}

@keyframes animation_21 {
  from {
  opacity: 0.15; /* 투명도 시작 부분 값 */

 /* 방향타입시 추가 : 거리 값 (위로 : translateY(60px), 아래로 : translateY(-60px), 오른쪽으로 : translateX(60px), 왼쪽으로 translateY(-60px)) 각 타입에 따라 Y or X / 마이너스 필요 */
 transform: translateY(-40px); 

 }

 to {
 opacity: 1; /* 투명도 끝 부분 값 */

 transform-origin: 50% 50%;
 transform: scale(1);
 }
}

.animation_22{

 -webkit-animation-name: animation_22; /* 애니메이션 아이디 */
 -webkit-animation-duration: 0.7s; /* 재생 시간 값 */
 -webkit-animation-delay:1s; /* 딜레이 값 */
 -webkit-animation-fill-mode: forwards;
 -webkit-animation-iteration-count:1;

 animation-name: animation_22; /* 애니메이션 아이디 */
 animation-duration: 0.7s; /* 재생 시간 값 */
 animation-delay: 1s; /* 딜레이 값 */
 animation-fill-mode: forwards;
 animation-iteration-count:1;

 opacity: 0;
}

@-webkit-keyframes animation_22 {
 from {
 opacity: 0.15; /* 투명도 시작 부분 값 */

 /* 방향타입시 추가 : 거리 값 (위로 : translateY(60px), 아래로 : translateY(-60px), 오른쪽으로 : translateX(60px), 왼쪽으로 translateY(-60px)) 각 타입에 따라 Y or X / 마이너스 필요 */
 -webkit-transform: translateY(60px); 

 }

 to {
 opacity: 1; /* 투명도 끝 부분 값 */

-webkit-transform-origin: 50% 50%;
-webkit-transform: scale(1);
 }
}

@keyframes animation_22 {
  from {
  opacity: 0.15; /* 투명도 시작 부분 값 */

 /* 방향타입시 추가 : 거리 값 (위로 : translateY(60px), 아래로 : translateY(-60px), 오른쪽으로 : translateX(60px), 왼쪽으로 translateY(-60px)) 각 타입에 따라 Y or X / 마이너스 필요 */
 transform: translateY(60px); 

 }

 to {
 opacity: 1; /* 투명도 끝 부분 값 */

 transform-origin: 50% 50%;
 transform: scale(1);
 }
}

.animation_23{

 -webkit-animation-name: animation_23; /* 애니메이션 아이디 */
 -webkit-animation-duration: 0.7s; /* 재생 시간 값 */
 -webkit-animation-delay:0.4s; /* 딜레이 값 */
 -webkit-animation-fill-mode: forwards;
 -webkit-animation-iteration-count:1;

 animation-name: animation_23; /* 애니메이션 아이디 */
 animation-duration: 0.7s; /* 재생 시간 값 */
 animation-delay: 0.4s; /* 딜레이 값 */
 animation-fill-mode: forwards;
 animation-iteration-count:1;

 opacity: 0;
}

@-webkit-keyframes animation_23 {
 from {
 opacity: 0.15; /* 투명도 시작 부분 값 */

 /* 방향타입시 추가 : 거리 값 (위로 : translateY(60px), 아래로 : translateY(-60px), 오른쪽으로 : translateX(60px), 왼쪽으로 translateY(-60px)) 각 타입에 따라 Y or X / 마이너스 필요 */
 -webkit-transform: translateY(-40px); 

 }

 to {
 opacity: 1; /* 투명도 끝 부분 값 */

-webkit-transform-origin: 50% 50%;
-webkit-transform: scale(1);
 }
}

@keyframes animation_23 {
  from {
  opacity: 0.15; /* 투명도 시작 부분 값 */

 /* 방향타입시 추가 : 거리 값 (위로 : translateY(60px), 아래로 : translateY(-60px), 오른쪽으로 : translateX(60px), 왼쪽으로 translateY(-60px)) 각 타입에 따라 Y or X / 마이너스 필요 */
 transform: translateY(-40px); 

 }

 to {
 opacity: 1; /* 투명도 끝 부분 값 */

 transform-origin: 50% 50%;
 transform: scale(1);
 }
}

.animation_24{

 -webkit-animation-name: animation_24; /* 애니메이션 아이디 */
 -webkit-animation-duration: 0.7s; /* 재생 시간 값 */
 -webkit-animation-delay:0.2s; /* 딜레이 값 */
 -webkit-animation-fill-mode: forwards;
 -webkit-animation-iteration-count:1;

 animation-name: animation_24; /* 애니메이션 아이디 */
 animation-duration: 0.7s; /* 재생 시간 값 */
 animation-delay: 0.2s; /* 딜레이 값 */
 animation-fill-mode: forwards;
 animation-iteration-count:1;

 opacity: 0;
}

@-webkit-keyframes animation_24 {
 from {
 opacity: 0.15; /* 투명도 시작 부분 값 */

 /* 방향타입시 추가 : 거리 값 (위로 : translateY(60px), 아래로 : translateY(-60px), 오른쪽으로 : translateX(60px), 왼쪽으로 translateY(-60px)) 각 타입에 따라 Y or X / 마이너스 필요 */
 -webkit-transform: translateY(40px); 

 }

 to {
 opacity: 1; /* 투명도 끝 부분 값 */

-webkit-transform-origin: 50% 50%;
-webkit-transform: scale(1);
 }
}

@keyframes animation_24 {
  from {
  opacity: 0.15; /* 투명도 시작 부분 값 */

 /* 방향타입시 추가 : 거리 값 (위로 : translateY(60px), 아래로 : translateY(-60px), 오른쪽으로 : translateX(60px), 왼쪽으로 translateY(-60px)) 각 타입에 따라 Y or X / 마이너스 필요 */
 transform: translateY(40px); 

 }

 to {
 opacity: 1; /* 투명도 끝 부분 값 */

 transform-origin: 50% 50%;
 transform: scale(1);
 }
}

.animation_25{

 -webkit-animation-name: animation_25; /* 애니메이션 아이디 */
 -webkit-animation-duration: 0.7s; /* 재생 시간 값 */
 -webkit-animation-delay:0.4s; /* 딜레이 값 */
 -webkit-animation-fill-mode: forwards;
 -webkit-animation-iteration-count:1;

 animation-name: animation_25; /* 애니메이션 아이디 */
 animation-duration: 0.7s; /* 재생 시간 값 */
 animation-delay: 0.4s; /* 딜레이 값 */
 animation-fill-mode: forwards;
 animation-iteration-count:1;

 opacity: 0;
}

@-webkit-keyframes animation_25 {
 from {
 opacity: 0.15; /* 투명도 시작 부분 값 */

 /* 방향타입시 추가 : 거리 값 (위로 : translateY(60px), 아래로 : translateY(-60px), 오른쪽으로 : translateX(60px), 왼쪽으로 translateY(-60px)) 각 타입에 따라 Y or X / 마이너스 필요 */
 -webkit-transform: translateX(-40px); 

 }

 to {
 opacity: 1; /* 투명도 끝 부분 값 */

-webkit-transform-origin: 50% 50%;
-webkit-transform: scale(1);
 }
}

@keyframes animation_25 {
  from {
  opacity: 0.15; /* 투명도 시작 부분 값 */

 /* 방향타입시 추가 : 거리 값 (위로 : translateY(60px), 아래로 : translateY(-60px), 오른쪽으로 : translateX(60px), 왼쪽으로 translateY(-60px)) 각 타입에 따라 Y or X / 마이너스 필요 */
 transform: translateX(-40px); 

 }

 to {
 opacity: 1; /* 투명도 끝 부분 값 */

 transform-origin: 50% 50%;
 transform: scale(1);
 }
}

.animation_26{

 -webkit-animation-name: animation_26; /* 애니메이션 아이디 */
 -webkit-animation-duration: 0.7s; /* 재생 시간 값 */
 -webkit-animation-delay:0.6s; /* 딜레이 값 */
 -webkit-animation-fill-mode: forwards;
 -webkit-animation-iteration-count:1;

 animation-name: animation_26; /* 애니메이션 아이디 */
 animation-duration: 0.7s; /* 재생 시간 값 */
 animation-delay: 0.6s; /* 딜레이 값 */
 animation-fill-mode: forwards;
 animation-iteration-count:1;

 opacity: 0;
}

@-webkit-keyframes animation_26 {
 from {
 opacity: 0.15; /* 투명도 시작 부분 값 */

 /* 방향타입시 추가 : 거리 값 (위로 : translateY(60px), 아래로 : translateY(-60px), 오른쪽으로 : translateX(60px), 왼쪽으로 translateY(-60px)) 각 타입에 따라 Y or X / 마이너스 필요 */
 -webkit-transform: translateX(-40px); 

 }

 to {
 opacity: 1; /* 투명도 끝 부분 값 */

-webkit-transform-origin: 50% 50%;
-webkit-transform: scale(1);
 }
}

@keyframes animation_26 {
  from {
  opacity: 0.15; /* 투명도 시작 부분 값 */

 /* 방향타입시 추가 : 거리 값 (위로 : translateY(60px), 아래로 : translateY(-60px), 오른쪽으로 : translateX(60px), 왼쪽으로 translateY(-60px)) 각 타입에 따라 Y or X / 마이너스 필요 */
 transform: translateX(-40px); 

 }

 to {
 opacity: 1; /* 투명도 끝 부분 값 */

 transform-origin: 50% 50%;
 transform: scale(1);
 }
}

.animation_27{

 -webkit-animation-name: animation_27; /* 애니메이션 아이디 */
 -webkit-animation-duration: 0.7s; /* 재생 시간 값 */
 -webkit-animation-delay:0.8s; /* 딜레이 값 */
 -webkit-animation-fill-mode: forwards;
 -webkit-animation-iteration-count:1;

 animation-name: animation_27; /* 애니메이션 아이디 */
 animation-duration: 0.7s; /* 재생 시간 값 */
 animation-delay: 0.8s; /* 딜레이 값 */
 animation-fill-mode: forwards;
 animation-iteration-count:1;

 opacity: 0;
}

@-webkit-keyframes animation_27 {
 from {
 opacity: 0.15; /* 투명도 시작 부분 값 */

 /* 방향타입시 추가 : 거리 값 (위로 : translateY(60px), 아래로 : translateY(-60px), 오른쪽으로 : translateX(60px), 왼쪽으로 translateY(-60px)) 각 타입에 따라 Y or X / 마이너스 필요 */
 -webkit-transform: translateX(-40px); 

 }

 to {
 opacity: 1; /* 투명도 끝 부분 값 */

-webkit-transform-origin: 50% 50%;
-webkit-transform: scale(1);
 }
}

@keyframes animation_27 {
  from {
  opacity: 0.15; /* 투명도 시작 부분 값 */

 /* 방향타입시 추가 : 거리 값 (위로 : translateY(60px), 아래로 : translateY(-60px), 오른쪽으로 : translateX(60px), 왼쪽으로 translateY(-60px)) 각 타입에 따라 Y or X / 마이너스 필요 */
 transform: translateX(-40px); 

 }

 to {
 opacity: 1; /* 투명도 끝 부분 값 */

 transform-origin: 50% 50%;
 transform: scale(1);
 }
}

.animation_28{

 -webkit-animation-name: animation_28; /* 애니메이션 아이디 */
 -webkit-animation-duration: 0.7s; /* 재생 시간 값 */
 -webkit-animation-delay:1s; /* 딜레이 값 */
 -webkit-animation-fill-mode: forwards;
 -webkit-animation-iteration-count:1;

 animation-name: animation_28; /* 애니메이션 아이디 */
 animation-duration: 0.7s; /* 재생 시간 값 */
 animation-delay: 1s; /* 딜레이 값 */
 animation-fill-mode: forwards;
 animation-iteration-count:1;

 opacity: 0;
}

@-webkit-keyframes animation_28 {
 from {
 opacity: 0.15; /* 투명도 시작 부분 값 */

 /* 방향타입시 추가 : 거리 값 (위로 : translateY(60px), 아래로 : translateY(-60px), 오른쪽으로 : translateX(60px), 왼쪽으로 translateY(-60px)) 각 타입에 따라 Y or X / 마이너스 필요 */
 -webkit-transform: translateX(-40px); 

 }

 to {
 opacity: 1; /* 투명도 끝 부분 값 */

-webkit-transform-origin: 50% 50%;
-webkit-transform: scale(1);
 }
}

@keyframes animation_28 {
  from {
  opacity: 0.15; /* 투명도 시작 부분 값 */

 /* 방향타입시 추가 : 거리 값 (위로 : translateY(60px), 아래로 : translateY(-60px), 오른쪽으로 : translateX(60px), 왼쪽으로 translateY(-60px)) 각 타입에 따라 Y or X / 마이너스 필요 */
 transform: translateX(-40px); 

 }

 to {
 opacity: 1; /* 투명도 끝 부분 값 */

 transform-origin: 50% 50%;
 transform: scale(1);
 }
}

.animation_29{

 -webkit-animation-name: animation_29; /* 애니메이션 아이디 */
 -webkit-animation-duration: 0.7s; /* 재생 시간 값 */
 -webkit-animation-delay:1.2s; /* 딜레이 값 */
 -webkit-animation-fill-mode: forwards;
 -webkit-animation-iteration-count:1;

 animation-name: animation_29; /* 애니메이션 아이디 */
 animation-duration: 0.7s; /* 재생 시간 값 */
 animation-delay: 1.2s; /* 딜레이 값 */
 animation-fill-mode: forwards;
 animation-iteration-count:1;

 opacity: 0;
}

@-webkit-keyframes animation_29 {
 from {
 opacity: 0.15; /* 투명도 시작 부분 값 */

 /* 방향타입시 추가 : 거리 값 (위로 : translateY(60px), 아래로 : translateY(-60px), 오른쪽으로 : translateX(60px), 왼쪽으로 translateY(-60px)) 각 타입에 따라 Y or X / 마이너스 필요 */
 -webkit-transform: translateX(-40px); 

 }

 to {
 opacity: 1; /* 투명도 끝 부분 값 */

-webkit-transform-origin: 50% 50%;
-webkit-transform: scale(1);
 }
}

@keyframes animation_29 {
  from {
  opacity: 0.15; /* 투명도 시작 부분 값 */

 /* 방향타입시 추가 : 거리 값 (위로 : translateY(60px), 아래로 : translateY(-60px), 오른쪽으로 : translateX(60px), 왼쪽으로 translateY(-60px)) 각 타입에 따라 Y or X / 마이너스 필요 */
 transform: translateX(-40px); 

 }

 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(-40px); 

 }

 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(-40px); 

 }

 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.5s; /* 딜레이 값 */
 -webkit-animation-fill-mode: forwards;
 -webkit-animation-iteration-count:1;

 animation-name: animation_4; /* 애니메이션 아이디 */
 animation-duration: 0.7s; /* 재생 시간 값 */
 animation-delay: 0.5s; /* 딜레이 값 */
 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(-40px); 

 }

 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(-40px); 

 }

 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.6s; /* 딜레이 값 */
 -webkit-animation-fill-mode: forwards;
 -webkit-animation-iteration-count:1;

 animation-name: animation_5; /* 애니메이션 아이디 */
 animation-duration: 0.7s; /* 재생 시간 값 */
 animation-delay: 0.6s; /* 딜레이 값 */
 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(-40px); 

 }

 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(-40px); 

 }

 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.7s; /* 딜레이 값 */
 -webkit-animation-fill-mode: forwards;
 -webkit-animation-iteration-count:1;

 animation-name: animation_6; /* 애니메이션 아이디 */
 animation-duration: 0.7s; /* 재생 시간 값 */
 animation-delay: 0.7s; /* 딜레이 값 */
 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(-40px); 

 }

 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(-40px); 

 }

 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.8s; /* 딜레이 값 */
 -webkit-animation-fill-mode: forwards;
 -webkit-animation-iteration-count:1;

 animation-name: animation_7; /* 애니메이션 아이디 */
 animation-duration: 0.7s; /* 재생 시간 값 */
 animation-delay: 0.8s; /* 딜레이 값 */
 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(-40px); 

 }

 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(-40px); 

 }

 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: translateY(60px); 

 }

 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: translateY(60px); 

 }

 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.4s; /* 딜레이 값 */
 -webkit-animation-fill-mode: forwards;
 -webkit-animation-iteration-count:1;

 animation-name: animation_9; /* 애니메이션 아이디 */
 animation-duration: 0.7s; /* 재생 시간 값 */
 animation-delay: 0.4s; /* 딜레이 값 */
 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: translateY(60px); 

 }

 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: translateY(60px); 

 }

 to {
 opacity: 1; /* 투명도 끝 부분 값 */

 transform-origin: 50% 50%;
 transform: scale(1);
 }
}

.animation_sub034_1{

 -webkit-animation-name: animation_sub034_1; /* 애니메이션 아이디 */
 -webkit-animation-duration: 0.7s; /* 재생 시간 값 */
 -webkit-animation-delay:0.2s; /* 딜레이 값 */
 -webkit-animation-fill-mode: forwards;
 -webkit-animation-iteration-count:1;

 animation-name: animation_sub034_1; /* 애니메이션 아이디 */
 animation-duration: 0.7s; /* 재생 시간 값 */
 animation-delay: 0.2s; /* 딜레이 값 */
 animation-fill-mode: forwards;
 animation-iteration-count:1;

 opacity: 0;
}

@-webkit-keyframes animation_sub034_1 {
 from {
 opacity: 0.15; /* 투명도 시작 부분 값 */

 /* 방향타입시 추가 : 거리 값 (위로 : translateY(60px), 아래로 : translateY(-60px), 오른쪽으로 : translateX(60px), 왼쪽으로 translateY(-60px)) 각 타입에 따라 Y or X / 마이너스 필요 */
 -webkit-transform: translateY(60px); 

 }

 to {
 opacity: 1; /* 투명도 끝 부분 값 */

 }
}

@keyframes animation_sub034_1 {
  from {
  opacity: 0.15; /* 투명도 시작 부분 값 */

 /* 방향타입시 추가 : 거리 값 (위로 : translateY(60px), 아래로 : translateY(-60px), 오른쪽으로 : translateX(60px), 왼쪽으로 translateY(-60px)) 각 타입에 따라 Y or X / 마이너스 필요 */
 transform: translateY(60px); 

 }

 to {
 opacity: 1; /* 투명도 끝 부분 값 */

 }
}

.animation_sub034_2{

 -webkit-animation-name: animation_sub034_2; /* 애니메이션 아이디 */
 -webkit-animation-duration: 0.7s; /* 재생 시간 값 */
 -webkit-animation-delay:0.4s; /* 딜레이 값 */
 -webkit-animation-fill-mode: forwards;
 -webkit-animation-iteration-count:1;

 animation-name: animation_sub034_2; /* 애니메이션 아이디 */
 animation-duration: 0.7s; /* 재생 시간 값 */
 animation-delay: 0.4s; /* 딜레이 값 */
 animation-fill-mode: forwards;
 animation-iteration-count:1;

 opacity: 0;
}

@-webkit-keyframes animation_sub034_2 {
 from {
 opacity: 0.15; /* 투명도 시작 부분 값 */

 /* 방향타입시 추가 : 거리 값 (위로 : translateY(60px), 아래로 : translateY(-60px), 오른쪽으로 : translateX(60px), 왼쪽으로 translateY(-60px)) 각 타입에 따라 Y or X / 마이너스 필요 */
 -webkit-transform: translateY(60px); 

 }

 to {
 opacity: 1; /* 투명도 끝 부분 값 */

 }
}

@keyframes animation_sub034_2 {
  from {
  opacity: 0.15; /* 투명도 시작 부분 값 */

 /* 방향타입시 추가 : 거리 값 (위로 : translateY(60px), 아래로 : translateY(-60px), 오른쪽으로 : translateX(60px), 왼쪽으로 translateY(-60px)) 각 타입에 따라 Y or X / 마이너스 필요 */
 transform: translateY(60px); 

 }

 to {
 opacity: 1; /* 투명도 끝 부분 값 */

 }
}