dt.ani, p.ani, h4.ani, li.ani,
h3.ani {
  opacity: 0;
}
dt.ani.animation, p.ani.animation, h4.ani.animation, li.ani.animation,
h3.ani.animation {
  animation: fadein 0.6s 0.2s ease-out forwards;
}

@keyframes fadein {
  0% {
    opacity: 0;
    transform: translate(0, 12%);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}
div.se03-cont-wrap.ani {
  transition: all 0.4s;
}
div.se03-cont-wrap.ani.animation {
  background: #e3e3e3;
  transition: all 0.6s;
}

@media screen and (min-width: 768px) {
  div.main-image-box div.main-image-txt-box h1 {
    opacity: 0;
    animation: fademain 0.6s 0.4s ease-out forwards;
  }
}

@keyframes fademain {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
section.top-sec04 div.sec04-cont-box.ani.animation::before {
  background: #FFF;
  transition: all 0.4s 0.2s;
}

section.top-sec05 div.sec05-cont-box.ani.animation::before {
  background: #e1e1e1;
  transition: all 0.4s 0.2s;
}/*# sourceMappingURL=animation.css.map */