/* = animation keyframe
------------------------------------------------------------------------------------------*/
@-webkit-keyframes op_anime {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes op_anime {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes op_anime2 {
  0% {
    width: 100%;
  }
  100% {
    width: 0;
  }
}
@keyframes op_anime2 {
  0% {
    width: 100%;
  }
  100% {
    width: 0;
  }
}
@-webkit-keyframes rotation1 {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotation1 {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* animation: rotation1 60s linear infinite; */
@-webkit-keyframes hor_move_l {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes hor_move_l {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}
/* animation: hor_move_l 60s linear infinite; */
@-webkit-keyframes hor_move_r {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0%);
  }
}
@keyframes hor_move_r {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0%);
  }
}
@-webkit-keyframes slide_l1 {
  0% {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(-200%);
  }
}
@keyframes slide_l1 {
  0% {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(-200%);
  }
}
@-webkit-keyframes slide_r1 {
  0% {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0%);
  }
}
@keyframes slide_r1 {
  0% {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0%);
  }
}
/* animation: hor_move_r 60s linear infinite; */
@-webkit-keyframes wave_l {
  0% {
    transform: rotateZ(0deg) translate3d(0, 3%, 0) rotateZ(0deg);
  }
  100% {
    transform: rotateZ(360deg) translate3d(0, 3%, 0) rotateZ(-360deg);
  }
}
@keyframes wave_l {
  0% {
    transform: rotateZ(0deg) translate3d(0, 3%, 0) rotateZ(0deg);
  }
  100% {
    transform: rotateZ(360deg) translate3d(0, 3%, 0) rotateZ(-360deg);
  }
}
@-webkit-keyframes wave_r {
  0% {
    transform: rotateZ(0deg) translate3d(0, 3%, 0) rotateZ(0deg);
  }
  100% {
    transform: rotateZ(-360deg) translate3d(0, 3%, 0) rotateZ(360deg);
  }
}
@keyframes wave_r {
  0% {
    transform: rotateZ(0deg) translate3d(0, 3%, 0) rotateZ(0deg);
  }
  100% {
    transform: rotateZ(-360deg) translate3d(0, 3%, 0) rotateZ(360deg);
  }
}
@-webkit-keyframes rotate-anime_r {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotate-anime_r {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes rotate-anime_l {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@keyframes rotate-anime_l {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@-webkit-keyframes shake {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  10% {
    opacity: 1;
    transform: translateX(-4%);
  }
  20% {
    opacity: 1;
    transform: translateX(4%);
  }
  30% {
    opacity: 1;
    transform: translateX(-4%);
  }
  40% {
    opacity: 1;
    transform: translateX(3%) rotate(1deg);
  }
  50% {
    opacity: 1;
    transform: translateX(-3%) rotate(-1deg);
  }
  60% {
    opacity: 1;
    transform: translateX(2%);
  }
  70% {
    opacity: 1;
    transform: translateX(-2%);
  }
  80% {
    opacity: 1;
    transform: translateX(2%);
  }
  90% {
    opacity: 1;
    transform: translateX(-1%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes shake {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  10% {
    opacity: 1;
    transform: translateX(-4%);
  }
  20% {
    opacity: 1;
    transform: translateX(4%);
  }
  30% {
    opacity: 1;
    transform: translateX(-4%);
  }
  40% {
    opacity: 1;
    transform: translateX(3%) rotate(1deg);
  }
  50% {
    opacity: 1;
    transform: translateX(-3%) rotate(-1deg);
  }
  60% {
    opacity: 1;
    transform: translateX(2%);
  }
  70% {
    opacity: 1;
    transform: translateX(-2%);
  }
  80% {
    opacity: 1;
    transform: translateX(2%);
  }
  90% {
    opacity: 1;
    transform: translateX(-1%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-webkit-keyframes bgSlide {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -800px -200px;
  }
}
@keyframes bgSlide {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -800px -200px;
  }
}
/* animation: bgSlide 20s linear infinite; */
/* =op fv animation
------------------------------------------------------------------------------------------*/
.kv .flex .left .main_tit {
  transform: translateX(-10vw);
  filter: blur(20px);
  opacity: 0;
  transition: 1.4s cubic-bezier(0.03, 0.37, 0, 1.09);
  transition-delay: 2.1s;
}
.kv .flex .left .main_date {
  transform: translateX(-10vw);
  filter: blur(20px);
  opacity: 0;
  transition: 1.4s cubic-bezier(0.03, 0.37, 0, 1.09);
  transition-delay: 2.2s;
}
.kv .flex .left .top_nav {
  transform: translateX(-10vw);
  filter: blur(20px);
  opacity: 0;
  transition: 1.4s cubic-bezier(0.03, 0.37, 0, 1.09);
  transition-delay: 2.3s;
}
.kv .flex .right figure {
  transform: scale(1.5);
  filter: blur(20px);
  opacity: 0;
  transition: 1.4s cubic-bezier(0.03, 0.37, 0, 1.09);
  transition-delay: 2.4s;
}
.kv.open .flex .left .main_tit {
  transform: translateX(0);
  filter: blur(0);
  opacity: 1;
}
.kv.open .flex .left .main_date {
  transform: translateX(0);
  filter: blur(0);
  opacity: 1;
}
.kv.open .flex .left .top_nav {
  transform: translateX(0);
  filter: blur(0);
  opacity: 1;
}
.kv.open .flex .right figure {
  transform: scale(1);
  filter: blur(0);
  opacity: 1;
}
.kv.open .main_kv {
  transform: scale(1);
  opacity: 1;
}
.kv.open .days_layer .days {
  transform: scale(1);
  opacity: 1;
}
.kv.open .bg_box .obj {
  transform: scale(1);
  opacity: 1;
}

@media only screen and (max-width: 769px) {
  .kv .flex .left .main_tit {
    transition-delay: 2.2s;
  }
  .kv .flex .left .main_date {
    transition-delay: 2.3s;
  }
  .kv .flex .left .top_nav {
    transition-delay: 2.4s;
  }
  .kv .flex .right figure {
    transition-delay: 2.1s;
  }
}
.reveal {
  transform: translateY(100px);
  filter: blur(10px);
  opacity: 0;
  transition: 1.8s cubic-bezier(0.03, 0.37, 0, 1.09);
}
.reveal.scroll_in {
  transform: translateY(0);
  filter: blur(0);
  opacity: 1;
}
/*# sourceMappingURL=animation.css.map */