@charset "utf-8";

#visualSlide {
}
#visualSlide .sw {
  height: 750px;
}
#visualSlide .sw > a {
  display: block;
  height: inherit;
}
#visualSlide .guide {
  position: relative;
  width: 1210px;
  height: inherit;
  margin: 0 auto;
  opacity: 0;
}
#visualSlide .spl {
  display: inline-block;
}
#visualSlide .ani {
  position: absolute;
  top: 0;
  left: 0;
}

#visualSlide .sw2 {
  background: #e7e6e7 url(../img/main/visual/v2/bg.jpg) center no-repeat;
}
#visualSlide .sw2 .a1 {
  top: 238px;
  left: 369px;
  opacity: 0;
  animation: none;
}
#visualSlide .sw2 .a2 {
  top: 365px;
  left: 164px;
  opacity: 0;
  animation: none;
}
#visualSlide .sw2 .a3 {
  top: 400px;
  left: 60px;
  opacity: 0;
  animation: none;
}
#visualSlide .sw2 .a4 {
  top: 511px;
  left: 122px;
  opacity: 0;
  animation: none;
}
#visualSlide .sw2 .a5 {
  top: 547px;
  left: 74px;
  opacity: 0;
  animation: none;
}
#visualSlide .sw2 .a6 {
  top: 597px;
  left: 201px;
  opacity: 0;
  animation: none;
}

#visualSlide .sw2.on .guide {
  opacity: 1 !important;
}
#visualSlide .sw2.on .a1 {
  -webkit-animation: fade-in-top 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 0.1s
    both;
  animation: fade-in-top 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 0.1s both;
}
#visualSlide .sw2.on .a2 {
  -webkit-animation: fade-in-top 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 0.6s
    both;
  animation: fade-in-top 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 0.6s both;
}
#visualSlide .sw2.on .a3 {
  -webkit-animation: fade-in-top 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 1.2s
    both;
  animation: fade-in-top 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 1.2s both;
}
#visualSlide .sw2.on .a4 {
  -webkit-animation: fade-in-left 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 1.8s
    both;
  animation: fade-in-left 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 1.8s both;
}
#visualSlide .sw2.on .a5 {
  -webkit-animation: fade-in-right 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 2.4s
    both;
  animation: fade-in-right 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 2.4s both;
}
#visualSlide .sw2.on .a6 {
  -webkit-animation: fade-in-bottom 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 3s
    both;
  animation: fade-in-bottom 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 3s both;
}

#visualSlide .sw3 {
  background: #e7e6e7 url(../img/main/visual/v3/bg.jpg) center no-repeat;
}
#visualSlide .sw3 .a1 {
  top: 124px;
  left: 426px;
  opacity: 0;
  animation: none;
}
#visualSlide .sw3 .a2 {
  top: 172px;
  left: 143px;
  opacity: 0;
  animation: none;
}
#visualSlide .sw3 .a3 {
  top: 238px;
  left: 283px;
  opacity: 0;
  animation: none;
}
#visualSlide .sw3 .a4 {
  top: 341px;
  left: 327px;
  opacity: 0;
  animation: none;
}
#visualSlide .sw3 .a5 {
  top: 341px;
  left: 522px;
  opacity: 0;
  animation: none;
}
#visualSlide .sw3 .a6 {
  top: 341px;
  left: 717px;
  opacity: 0;
  animation: none;
}

#visualSlide .sw3.on .guide {
  opacity: 1 !important;
}
#visualSlide .sw3.on .a1 {
  -webkit-animation: fade-in-top 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 0.1s
    both;
  animation: fade-in-top 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 0.1s both;
}
#visualSlide .sw3.on .a2 {
  -webkit-animation: fade-in-left 1s cubic-bezier(0.39, 0.575, 0.565, 1) 0.6s
    both;
  animation: fade-in-left 1s cubic-bezier(0.39, 0.575, 0.565, 1) 0.6s both;
}
#visualSlide .sw3.on .a3 {
  -webkit-animation: fade-in-right 1s cubic-bezier(0.39, 0.575, 0.565, 1) 1.5s
    both;
  animation: fade-in-right 1s cubic-bezier(0.39, 0.575, 0.565, 1) 1.5s both;
}
#visualSlide .sw3.on .a4 {
  -webkit-animation: fade-in-bottom 0.7s cubic-bezier(0.39, 0.575, 0.565, 1)
    2.2s both;
  animation: fade-in-bottom 0.7s cubic-bezier(0.39, 0.575, 0.565, 1) 2.2s both;
}
#visualSlide .sw3.on .a5 {
  -webkit-animation: fade-in-bottom 0.7s cubic-bezier(0.39, 0.575, 0.565, 1) 3s
    both;
  animation: fade-in-bottom 0.7s cubic-bezier(0.39, 0.575, 0.565, 1) 3s both;
}
#visualSlide .sw3.on .a6 {
  -webkit-animation: fade-in-bottom 0.7s cubic-bezier(0.39, 0.575, 0.565, 1)
    3.8s both;
  animation: fade-in-bottom 0.7s cubic-bezier(0.39, 0.575, 0.565, 1) 3.8s both;
}

#visualSlide .swiper-button-next {
  right: 320px;
  width: 30px;
  height: 70px;
  background-image: none;
  background-size: 30px 70px;
}
#visualSlide .swiper-button-prev {
  left: 320px;
  width: 30px;
  height: 70px;
  background-image: none;
  background-size: 30px 70px;
}

@-webkit-keyframes fade-in-top {
  0% {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-top {
  0% {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@-webkit-keyframes fade-in-left {
  0% {
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-left {
  0% {
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@-webkit-keyframes fade-in-right {
  0% {
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-right {
  0% {
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@-webkit-keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-1000px);
    transform: translateY(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-1000px);
    transform: translateY(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@-webkit-keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@-webkit-keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-1000px);
    transform: translateX(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-1000px);
    transform: translateX(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@-webkit-keyframes slide-in-bottom {
  0% {
    -webkit-transform: translateY(1000px);
    transform: translateY(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-in-bottom {
  0% {
    -webkit-transform: translateY(1000px);
    transform: translateY(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@-webkit-keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes swing-in-top-fwd {
  0% {
    -webkit-transform: rotateX(-100deg);
    transform: rotateX(-100deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 1;
  }
}
@keyframes swing-in-top-fwd {
  0% {
    -webkit-transform: rotateX(-100deg);
    transform: rotateX(-100deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 1;
  }
}

@-webkit-keyframes bounce-in-top {
  0% {
    -webkit-transform: translateY(-500px);
    transform: translateY(-500px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    -webkit-transform: translateY(-65px);
    transform: translateY(-65px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  72% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  81% {
    -webkit-transform: translateY(-28px);
    transform: translateY(-28px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  90% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  95% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1;
  }
}
@keyframes bounce-in-top {
  0% {
    -webkit-transform: translateY(-500px);
    transform: translateY(-500px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    -webkit-transform: translateY(-65px);
    transform: translateY(-65px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  72% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  81% {
    -webkit-transform: translateY(-28px);
    transform: translateY(-28px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  90% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  95% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1;
  }
}

@-webkit-keyframes roll-in-left {
  0% {
    -webkit-transform: translateX(-800px) rotate(-540deg);
    transform: translateX(-800px) rotate(-540deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) rotate(0deg);
    transform: translateX(0) rotate(0deg);
    opacity: 1;
  }
}
@keyframes roll-in-left {
  0% {
    -webkit-transform: translateX(-800px) rotate(-540deg);
    transform: translateX(-800px) rotate(-540deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) rotate(0deg);
    transform: translateX(0) rotate(0deg);
    opacity: 1;
  }
}

@-webkit-keyframes flicker-in-1 {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 0;
  }
  10.1% {
    opacity: 1;
  }
  10.2% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  20.1% {
    opacity: 1;
  }
  20.6% {
    opacity: 0;
  }
  30% {
    opacity: 0;
  }
  30.1% {
    opacity: 1;
  }
  30.5% {
    opacity: 1;
  }
  30.6% {
    opacity: 0;
  }
  45% {
    opacity: 0;
  }
  45.1% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  55% {
    opacity: 1;
  }
  55.1% {
    opacity: 0;
  }
  57% {
    opacity: 0;
  }
  57.1% {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  60.1% {
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  65.1% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  75.1% {
    opacity: 0;
  }
  77% {
    opacity: 0;
  }
  77.1% {
    opacity: 1;
  }
  85% {
    opacity: 1;
  }
  85.1% {
    opacity: 0;
  }
  86% {
    opacity: 0;
  }
  86.1% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes flicker-in-1 {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 0;
  }
  10.1% {
    opacity: 1;
  }
  10.2% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  20.1% {
    opacity: 1;
  }
  20.6% {
    opacity: 0;
  }
  30% {
    opacity: 0;
  }
  30.1% {
    opacity: 1;
  }
  30.5% {
    opacity: 1;
  }
  30.6% {
    opacity: 0;
  }
  45% {
    opacity: 0;
  }
  45.1% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  55% {
    opacity: 1;
  }
  55.1% {
    opacity: 0;
  }
  57% {
    opacity: 0;
  }
  57.1% {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  60.1% {
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  65.1% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  75.1% {
    opacity: 0;
  }
  77% {
    opacity: 0;
  }
  77.1% {
    opacity: 1;
  }
  85% {
    opacity: 1;
  }
  85.1% {
    opacity: 0;
  }
  86% {
    opacity: 0;
  }
  86.1% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes slide-in-elliptic-left-fwd {
  0% {
    -webkit-transform: translateX(-800px) rotateY(30deg) scale(0);
    transform: translateX(-800px) rotateY(30deg) scale(0);
    -webkit-transform-origin: -100% 50%;
    transform-origin: -100% 50%;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) rotateY(0) scale(1);
    transform: translateX(0) rotateY(0) scale(1);
    -webkit-transform-origin: 1800px 50%;
    transform-origin: 1800px 50%;
    opacity: 1;
  }
}
@keyframes slide-in-elliptic-left-fwd {
  0% {
    -webkit-transform: translateX(-800px) rotateY(30deg) scale(0);
    transform: translateX(-800px) rotateY(30deg) scale(0);
    -webkit-transform-origin: -100% 50%;
    transform-origin: -100% 50%;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) rotateY(0) scale(1);
    transform: translateX(0) rotateY(0) scale(1);
    -webkit-transform-origin: 1800px 50%;
    transform-origin: 1800px 50%;
    opacity: 1;
  }
}

@-webkit-keyframes rotate-center {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    opacity: 1;
  }
}
@keyframes rotate-center {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    opacity: 1;
  }
}

@-webkit-keyframes gradient {
  0% {
    background-position: 0% 50%;
    opacity: 1;
  }
  50% {
    background-position: 100% 50%;
    opacity: 1;
  }
  100% {
    background-position: 0% 50%;
    opacity: 1;
  }
}
@keyframes gradient {
  0% {
    background-position: 0% 50%;
    opacity: 1;
  }
  50% {
    background-position: 100% 50%;
    opacity: 1;
  }
  100% {
    background-position: 0% 50%;
    opacity: 1;
  }
}
@-webkit-keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
    transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
    transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
    transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
    transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
    transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
    transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@-webkit-keyframes wobble-hor-top {
  0%,
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateX(-30px) rotate(6deg);
    transform: translateX(-30px) rotate(6deg);
  }
  30% {
    -webkit-transform: translateX(15px) rotate(-6deg);
    transform: translateX(15px) rotate(-6deg);
  }
  45% {
    -webkit-transform: translateX(-15px) rotate(3.6deg);
    transform: translateX(-15px) rotate(3.6deg);
  }
  60% {
    -webkit-transform: translateX(9px) rotate(-2.4deg);
    transform: translateX(9px) rotate(-2.4deg);
  }
  75% {
    -webkit-transform: translateX(-6px) rotate(1.2deg);
    transform: translateX(-6px) rotate(1.2deg);
  }
}
@keyframes wobble-hor-top {
  0%,
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateX(-30px) rotate(6deg);
    transform: translateX(-30px) rotate(6deg);
  }
  30% {
    -webkit-transform: translateX(15px) rotate(-6deg);
    transform: translateX(15px) rotate(-6deg);
  }
  45% {
    -webkit-transform: translateX(-15px) rotate(3.6deg);
    transform: translateX(-15px) rotate(3.6deg);
  }
  60% {
    -webkit-transform: translateX(9px) rotate(-2.4deg);
    transform: translateX(9px) rotate(-2.4deg);
  }
  75% {
    -webkit-transform: translateX(-6px) rotate(1.2deg);
    transform: translateX(-6px) rotate(1.2deg);
  }
}

@keyframes wobble-hor-top-little {
  0%,
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  15% {
    -webkit-transform: translateX(-1px) rotate(2deg);
    transform: translateX(-1px) rotate(2deg);
  }
  30% {
    -webkit-transform: translateX(1px) rotate(-2deg);
    transform: translateX(1px) rotate(-2deg);
  }
  45% {
    -webkit-transform: translateX(-1px) rotate(2.6deg);
    transform: translateX(-1px) rotate(2.6deg);
  }
  60% {
    -webkit-transform: translateX(1px) rotate(-2.4deg);
    transform: translateX(1px) rotate(-2.4deg);
  }
  75% {
    -webkit-transform: translateX(-1px) rotate(1.2deg);
    transform: translateX(-1px) rotate(1.2deg);
  }
}

#visualSlide .sw0 {
  background: #fff url(../img/main/visual/v0/bg.jpg) center no-repeat;
}
#visualSlide .sw0 .a0 {
  top: 291px;
  left: 396px;
  opacity: 0;
  animation: none;
}
#visualSlide .sw0 .a1 {
  top: 71px;
  left: 300px;
  opacity: 0;
  animation: none;
}
#visualSlide .sw0 .a2 {
  top: 71px;
  left: 595px;
  opacity: 0;
  animation: none;
}
#visualSlide .sw0 .a3 {
  top: 134px;
  left: 317px;
  opacity: 0;
  animation: none;
}
#visualSlide .sw0 .a4 {
  top: 134px;
  left: 661px;
  opacity: 0;
  animation: none;
}
#visualSlide .sw0 .a5 {
  top: 189px;
  left: -27px;
  opacity: 0;
  animation: none;
}
#visualSlide .sw0 .a6 {
  top: 189px;
  left: 888px;
  opacity: 0;
  animation: none;
}
#visualSlide .sw0 .a7 {
  top: 505px;
  left: 433px;
  opacity: 0;
  animation: none;
}

#visualSlide .sw0.on .guide {
  opacity: 1 !important;
}
#visualSlide .sw0.on .a0 {
  -webkit-animation: vis0_ani0 0.5s 0.4s linear both;
  animation: vis0_ani0 0.5s 0.4s linear both;
}
#visualSlide .sw0.on .a1 {
  -webkit-animation: vis0_ani1 0.5s 0.8s linear both;
  animation: vis0_ani1 0.5s 0.8s linear both;
}
#visualSlide .sw0.on .a2 {
  -webkit-animation: vis0_ani2 0.5s 1.1s linear both;
  animation: vis0_ani2 0.5s 1.1s linear both;
}
#visualSlide .sw0.on .a3 {
  -webkit-animation: vis0_ani3 0.7s 1.4s linear both;
  animation: vis0_ani3 0.7s 1.4s linear both;
}
#visualSlide .sw0.on .a4 {
  -webkit-animation: vis0_ani4 0.5s 1.7s linear both;
  animation: vis0_ani4 0.5s 1.7s linear both;
}
#visualSlide .sw0.on .a5 {
  -webkit-animation: vis0_ani5 0.5s 2.2s linear both;
  animation: vis0_ani5 0.5s 2.2s linear both;
}
#visualSlide .sw0.on .a6 {
  -webkit-animation: vis0_ani6 0.5s 2.6s linear both;
  animation: vis0_ani6 0.5s 2.6s linear both;
}
#visualSlide .sw0.on .a7 {
  -webkit-animation: vis0_ani7 0.5s 3s linear both;
  animation: vis0_ani7 0.5s 3s linear both;
}

@-webkit-keyframes vis0_ani0 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes vis0_ani0 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes vis0_ani1 {
  0% {
    top: 95px;
    opacity: 0;
  }
  100% {
    top: 71px;
    opacity: 1;
  }
}
@keyframes vis0_ani1 {
  0% {
    top: 95px;
    opacity: 0;
  }
  100% {
    top: 71px;
    opacity: 1;
  }
}
@-webkit-keyframes vis0_ani2 {
  0% {
    top: 95px;
    opacity: 0;
  }
  100% {
    top: 71px;
    opacity: 1;
  }
}
@keyframes vis0_ani2 {
  0% {
    top: 95px;
    opacity: 0;
  }
  100% {
    top: 71px;
    opacity: 1;
  }
}
@-webkit-keyframes vis0_ani3 {
  0% {
    top: 158px;
    opacity: 0;
  }
  100% {
    top: 134px;
    opacity: 1;
  }
}
@keyframes vis0_ani3 {
  0% {
    top: 158px;
    opacity: 0;
  }
  100% {
    top: 134px;
    opacity: 1;
  }
}
@-webkit-keyframes vis0_ani4 {
  0% {
    top: 158px;
    opacity: 0;
  }
  100% {
    top: 134px;
    opacity: 1;
  }
}
@keyframes vis0_ani4 {
  0% {
    top: 158px;
    opacity: 0;
  }
  100% {
    top: 134px;
    opacity: 1;
  }
}
@-webkit-keyframes vis0_ani5 {
  0% {
    left: -50px;
    opacity: 0;
  }
  100% {
    left: -27px;
    opacity: 1;
  }
}
@keyframes vis0_ani5 {
  0% {
    left: -50px;
    opacity: 0;
  }
  100% {
    left: -27px;
    opacity: 1;
  }
}
@-webkit-keyframes vis0_ani6 {
  0% {
    left: 911px;
    opacity: 0;
  }
  100% {
    left: 888px;
    opacity: 1;
  }
}
@keyframes vis0_ani6 {
  0% {
    left: 911px;
    opacity: 0;
  }
  100% {
    left: 888px;
    opacity: 1;
  }
}
@-webkit-keyframes vis0_ani7 {
  0% {
    top: 528px;
    opacity: 0;
  }
  100% {
    top: 505px;
    opacity: 1;
  }
}
@keyframes vis0_ani7 {
  0% {
    top: 528px;
    opacity: 0;
  }
  100% {
    top: 505px;
    opacity: 1;
  }
}

#visualSlide .sw1 {
  background: #fff url(../img/main/visual/v1/bg.jpg) center no-repeat;
}
#visualSlide .sw1 .a1 {
  top: 85px;
  left: 366px;
  opacity: 0;
  animation: none;
}
#visualSlide .sw1 .a2 {
  top: 143px;
  left: 298px;
  opacity: 0;
  animation: none;
}
#visualSlide .sw1 .a3 {
  top: 238px;
  left: 352px;
  max-width: 512px;
  height: 21px;
  overflow: hidden;
  opacity: 0;
  animation: none;
}
#visualSlide .sw1 .a4 {
  top: 272px;
  left: 605px;
  display: block;
  width: 1px;
  height: 25px;
  background: rgba(255, 255, 255, 0.5);
  opacity: 0;
  animation: none;
}
#visualSlide .sw1 .a5 {
  top: 327px;
  left: 5px;
  opacity: 0;
  animation: none;
}
#visualSlide .sw1 .a6 {
  top: 327px;
  left: 310px;
  opacity: 0;
  animation: none;
}
#visualSlide .sw1 .a7 {
  top: 327px;
  left: 615px;
  opacity: 0;
  animation: none;
}
#visualSlide .sw1 .a8 {
  top: 327px;
  left: 920px;
  opacity: 0;
  animation: none;
}

#visualSlide .sw1.on .guide {
  opacity: 1 !important;
}
#visualSlide .sw1.on .a1 {
  -webkit-animation: vis1_ani1 0.5s 0.4s linear both;
  animation: vis1_ani1 0.5s 0.4s linear both;
}
#visualSlide .sw1.on .a2 {
  -webkit-animation: vis1_ani2 0.5s 0.8s linear both;
  animation: vis1_ani2 0.5s 0.8s linear both;
}
#visualSlide .sw1.on .a3 {
  -webkit-animation: vis1_ani3 1s 1.4s linear both;
  animation: vis1_ani3 1s 1.4s linear both;
}
#visualSlide .sw1.on .a4 {
  -webkit-animation: vis1_ani4 0.7s 2.4s linear both;
  animation: vis1_ani4 0.7s 2.4s linear both;
}
#visualSlide .sw1.on .a5 {
  -webkit-animation: vis1_ani5 0.5s 3s linear both;
  animation: vis1_ani5 0.5s 3s linear both;
}
#visualSlide .sw1.on .a6 {
  -webkit-animation: vis1_ani6 0.5s 3.4s linear both;
  animation: vis1_ani6 0.5s 3.4s linear both;
}
#visualSlide .sw1.on .a7 {
  -webkit-animation: vis1_ani7 0.5s 3.8s linear both;
  animation: vis1_ani7 0.5s 3.8s linear both;
}
#visualSlide .sw1.on .a8 {
  -webkit-animation: vis1_ani8 0.5s 4.2s linear both;
  animation: vis1_ani8 0.5s 4.2s linear both;
}

@-webkit-keyframes vis1_ani1 {
  0% {
    top: 115px;
    opacity: 0;
  }
  100% {
    top: 85px;
    opacity: 1;
  }
}
@-webkit-keyframes vis1_ani2 {
  0% {
    top: 175px;
    opacity: 0;
  }
  100% {
    top: 143px;
    opacity: 1;
  }
}
@-webkit-keyframes vis1_ani3 {
  0% {
    max-width: 0;
    opacity: 0;
  }
  100% {
    max-width: 512px;
    opacity: 1;
  }
}
@-webkit-keyframes vis1_ani4 {
  0% {
    height: 0;
    opacity: 0;
  }
  100% {
    height: 25px;
    opacity: 1;
  }
}
@-webkit-keyframes vis1_ani5 {
  0% {
    left: -25px;
    opacity: 0;
  }
  100% {
    left: 5px;
    opacity: 1;
  }
}
@-webkit-keyframes vis1_ani6 {
  0% {
    left: 280px;
    opacity: 0;
  }
  100% {
    left: 310px;
    opacity: 1;
  }
}
@-webkit-keyframes vis1_ani7 {
  0% {
    left: 585px;
    opacity: 0;
  }
  100% {
    left: 615px;
    opacity: 1;
  }
}
@-webkit-keyframes vis1_ani8 {
  0% {
    left: 890px;
    opacity: 0;
  }
  100% {
    left: 920px;
    opacity: 1;
  }
}

/*칭찬슬라이드*/
#visualSlide .sw4 {
  background: #fff url(../img/main/visual/v4/bg.jpg) center no-repeat;
}
#visualSlide .sw4 .a1 {
  top: 0;
  left: 0;
  opacity: 0;
  animation: none;
}
#visualSlide .sw4 .a2 {
  top: 281px;
  left: 335px;
  opacity: 0;
  animation: none;
}
#visualSlide .sw4 .a3 {
  top: 334px;
  left: 335px;
  opacity: 0;
  animation: none;
}
#visualSlide .sw4 .a4 {
  top: 400px;
  left: 226px;
  width: 800px;
  height: 38px;
  overflow: hidden;
  opacity: 0;
  animation: none;
}

#visualSlide .sw4.on .guide {
  opacity: 1 !important;
}
#visualSlide .sw4.on .a1 {
  -webkit-animation: vis4_ani1 0.5s 0.3s linear both;
  animation: vis4_ani1 0.5s 0.3s linear both;
}

#visualSlide .sw4.on .a2 {
  -webkit-animation: vis4_ani2 0.5s 0.8s linear both;
  animation: vis4_ani2 0.5s 0.8s linear both;
}
#visualSlide .sw4.on .a3 {
  -webkit-animation: vis4_ani2 0.5s 1.2s linear both;
  animation: vis4_ani2 0.5s 1.2s linear both;
}
#visualSlide .sw4.on .a4 {
  -webkit-animation: vis4_ani3 1s 1.6s linear both;
  animation: vis4_ani3 1s 1.6s linear both;
}

@-webkit-keyframes vis4_ani1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes vis4_ani2 {
  0% {
    transform: translateY(30px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes vis4_ani3 {
  0% {
    width: 0;
    opacity: 0;
  }
  100% {
    width: 800px;
    opacity: 1;
  }
}

#visualSlide .sw5 {
  background: #fff url(../img/main/visual/v5/bg.jpg) center no-repeat;
}
#visualSlide .sw5 .a1 {
  top: 66px;
  left: 366px;
  opacity: 0;
  animation: none;
}
#visualSlide .sw5 .a2 {
  top: 124px;
  left: 298px;
  opacity: 0;
  animation: none;
}
#visualSlide .sw5 .a3 {
  top: 219px;
  left: 352px;
  max-width: 512px;
  height: 21px;
  overflow: hidden;
  opacity: 0;
  animation: none;
}
#visualSlide .sw5 .a4 {
  top: 272px;
  left: 605px;
  display: block;
  width: 1px;
  height: 25px;
  background: rgba(255, 255, 255, 0.5);
  opacity: 0;
  animation: none;
}
#visualSlide .sw5 .a5 {
  top: 305px;
  left: 5px;
  opacity: 0;
  animation: none;
}
#visualSlide .sw5 .a6 {
  top: 305px;
  left: 310px;
  opacity: 0;
  animation: none;
}
#visualSlide .sw5 .a7 {
  top: 305px;
  left: 615px;
  opacity: 0;
  animation: none;
}
#visualSlide .sw5 .a8 {
  top: 305px;
  left: 920px;
  opacity: 0;
  animation: none;
}

#visualSlide .sw5.on .guide {
  opacity: 1 !important;
}
#visualSlide .sw5.on .a1 {
  -webkit-animation: vis1_ani1 0.5s 0.4s linear both;
  animation: vis1_ani1 0.5s 0.4s linear both;
}
#visualSlide .sw5.on .a2 {
  -webkit-animation: vis1_ani2 0.5s 0.8s linear both;
  animation: vis1_ani2 0.5s 0.8s linear both;
}
#visualSlide .sw5.on .a3 {
  -webkit-animation: vis1_ani3 1s 1.4s linear both;
  animation: vis1_ani3 1s 1.4s linear both;
}
#visualSlide .sw5.on .a4 {
  -webkit-animation: vis1_ani4 0.7s 2.4s linear both;
  animation: vis1_ani4 0.7s 2.4s linear both;
}
#visualSlide .sw5.on .a5 {
  -webkit-animation: vis1_ani5 0.5s 3s linear both;
  animation: vis1_ani5 0.5s 3s linear both;
}
#visualSlide .sw5.on .a6 {
  -webkit-animation: vis1_ani6 0.5s 3.4s linear both;
  animation: vis1_ani6 0.5s 3.4s linear both;
}
#visualSlide .sw5.on .a7 {
  -webkit-animation: vis1_ani7 0.5s 3.8s linear both;
  animation: vis1_ani7 0.5s 3.8s linear both;
}
#visualSlide .sw5.on .a8 {
  -webkit-animation: vis1_ani8 0.5s 4.2s linear both;
  animation: vis1_ani8 0.5s 4.2s linear both;
}

@-webkit-keyframes vis5_ani1 {
  0% {
    top: 115px;
    opacity: 0;
  }
  100% {
    top: 85px;
    opacity: 1;
  }
}
@-webkit-keyframes vis5_ani2 {
  0% {
    top: 175px;
    opacity: 0;
  }
  100% {
    top: 143px;
    opacity: 1;
  }
}
@-webkit-keyframes vis5_ani3 {
  0% {
    max-width: 0;
    opacity: 0;
  }
  100% {
    max-width: 512px;
    opacity: 1;
  }
}
@-webkit-keyframes vis5_ani4 {
  0% {
    height: 0;
    opacity: 0;
  }
  100% {
    height: 25px;
    opacity: 1;
  }
}
@-webkit-keyframes vis5_ani5 {
  0% {
    left: -25px;
    opacity: 0;
  }
  100% {
    left: 5px;
    opacity: 1;
  }
}
@-webkit-keyframes vis5_ani6 {
  0% {
    left: 280px;
    opacity: 0;
  }
  100% {
    left: 310px;
    opacity: 1;
  }
}
@-webkit-keyframes vis5_ani7 {
  0% {
    left: 585px;
    opacity: 0;
  }
  100% {
    left: 615px;
    opacity: 1;
  }
}
@-webkit-keyframes vis5_ani8 {
  0% {
    left: 890px;
    opacity: 0;
  }
  100% {
    left: 920px;
    opacity: 1;
  }
}

#visualSlide .sw6 {
  background: #fff url(../img/main/visual/v6/bg.jpg) center no-repeat;
}
#visualSlide .sw6 .a0 {
  top: 52px;
  left: 396px;
  opacity: 0;
  animation: none;
}
#visualSlide .sw6 .a1 {
  top: 279px;
  left: 466px;
  opacity: 0;
  animation: none;
}
#visualSlide .sw6 .a2 {
  top: 325px;
  left: 466px;
  opacity: 0;
  animation: none;
}
#visualSlide .sw6 .a3 {
  top: 372px;
  left: 466px;
  opacity: 0;
  animation: none;
}
#visualSlide .sw6 .a4 {
  top: 417px;
  left: 466px;
  opacity: 0;
  animation: none;
}
#visualSlide .sw6 .a5 {
  top: 514px;
  left: 412px;
  opacity: 0;
  animation: none;
}
#visualSlide .sw6 a.btn_more {
  position: absolute;
  display: block;
  width: 115px;
  height: 33px;
  bottom: 10px;
  right: -215px;
}

#visualSlide .sw6.on .guide {
  opacity: 1 !important;
}
#visualSlide .sw6.on .a0 {
  -webkit-animation: vis6_ani0 0.5s 0.4s linear both;
  animation: vis6_ani0 0.5s 0.4s linear both;
}
#visualSlide .sw6.on .a1 {
  -webkit-animation: vis6_ani1 0.5s 0.8s linear both;
  animation: vis6_ani1 0.5s 0.8s linear both;
}
#visualSlide .sw6.on .a2 {
  -webkit-animation: vis6_ani1 0.5s 1.1s linear both;
  animation: vis6_ani1 0.5s 1.1s linear both;
}
#visualSlide .sw6.on .a3 {
  -webkit-animation: vis6_ani1 0.7s 1.4s linear both;
  animation: vis6_ani1 0.7s 1.4s linear both;
}
#visualSlide .sw6.on .a4 {
  -webkit-animation: vis6_ani1 0.5s 1.7s linear both;
  animation: vis6_ani1 0.5s 1.7s linear both;
}
#visualSlide .sw6.on .a5 {
  -webkit-animation: vis6_ani5 0.5s 2.2s linear both;
  animation: vis6_ani5 0.5s 2.2s linear both;
}

@-webkit-keyframes vis6_ani0 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes vis6_ani0 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes vis6_ani1 {
  0% {
    left: 486px;
    opacity: 0;
  }
  100% {
    left: 466px;
    opacity: 1;
  }
}
@keyframes vis6_ani1 {
  0% {
    left: 486px;
    opacity: 0;
  }
  100% {
    left: 466px;
    opacity: 1;
  }
}
@keyframes vis6_ani4 {
  0% {
    top: 437px;
    opacity: 0;
  }
  100% {
    top: 417px;
    opacity: 1;
  }
}
@-webkit-keyframes vis6_ani5 {
  0% {
    top: 534px;
    opacity: 0;
  }
  100% {
    top: 514px;
    opacity: 1;
  }
}
@keyframes vis6_ani5 {
  0% {
    top: 534px;
    opacity: 0;
  }
  100% {
    top: 514px;
    opacity: 1;
  }
}

#visualSlide .sw7 {
  background: #e7e6e7 url(../img/main/visual/v7/bg.jpg) center no-repeat;
}
#visualSlide .sw7 .guide {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  padding-bottom: 100px;
}
#visualSlide .sw7 .ani {
  position: relative;
}
#visualSlide .sw7 .a1 {
  opacity: 0;
  animation: none;
}
#visualSlide .sw7 .a2 {
  opacity: 0;
  animation: none;
}
#visualSlide .sw7 .a3 {
  opacity: 0;
  animation: none;
}
#visualSlide .sw7 .a4 {
  opacity: 0;
  animation: none;
}
#visualSlide .sw7 .a5 {
  opacity: 0;
  animation: none;
}

#visualSlide .sw7.on .guide {
  opacity: 1 !important;
}
#visualSlide .sw7.on .a1 {
  -webkit-animation: fade-in-top 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 0.1s
    both;
  animation: fade-in-top 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 0.1s both;
}
#visualSlide .sw7.on .a2 {
  -webkit-animation: fade-in-left 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 0.6s
    both;
  animation: fade-in-left 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 0.6s both;
}
#visualSlide .sw7.on .a3 {
  -webkit-animation: fade-in-right 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 1.2s
    both;
  animation: fade-in-right 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 1.2s both;
}
#visualSlide .sw7.on .a4 {
  -webkit-animation: fade-in-bottom 0.5s cubic-bezier(0.39, 0.575, 0.565, 1)
    1.8s both;
  animation: fade-in-bottom 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 1.8s both;
}
#visualSlide .sw7.on .a5 {
  -webkit-animation: fade-in-right 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 2.4s
    both;
  animation: fade-in-right 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 2.4s both;
}

#visualSlideWrap .swv > video {
  width: 100%;
  height: 100%;
}

#visualSlide .sw8 {
  background: #e7e6e7 url(../img/main/visual/v8/bg.jpg) center no-repeat;
}
#visualSlide .sw8 .guide {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  opacity: 1 !important;
}
#visualSlide .sw8 .ani {
  position: relative;
}
#visualSlide .sw8 .a1 {
  position: absolute;
  top: initial;
  left: 0;
  opacity: 0;
  animation: none;
}
#visualSlide .sw8 .a2 {
  position: absolute;
  top: initial;
  right: 0 !important;
  left: initial;
  opacity: 0;
  animation: none;
}
#visualSlide .sw8 .a3 {
  opacity: 0;
  animation: none;
}
#visualSlide .sw8 .a4 {
  opacity: 0;
  animation: none;
}
#visualSlide .sw8 .a5 {
  opacity: 0;
  animation: none;
}

#visualSlide .sw8.on .a1 {
  -webkit-animation: fade-in-left 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 0.1s
    both;
  animation: fade-in-left 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 0.1s both;
}
#visualSlide .sw8.on .a2 {
  -webkit-animation: fade-in-right 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 0.6s
    both;
  animation: fade-in-right 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 0.6s both;
}
#visualSlide .sw8.on .a3 {
  -webkit-animation: fade-in-bottom 0.5s cubic-bezier(0.39, 0.575, 0.565, 1)
    1.2s both;
  animation: fade-in-bottom 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 1.2s both;
}
#visualSlide .sw8.on .a4 {
  -webkit-animation: fade-in-bottom 0.5s cubic-bezier(0.39, 0.575, 0.565, 1)
    1.8s both;
  animation: fade-in-bottom 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 1.8s both;
}
#visualSlide .sw8.on .a5 {
  -webkit-animation: fade-in-top 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 2.4s
    both;
  animation: fade-in-top 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 2.4s both;
}

#visualSlide .sw9 {
  background: #e7e6e7 url(../img/main/visual/v9/bg.jpg) center no-repeat;
}
#visualSlide .sw9 .guide {
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1 !important;
}
#visualSlide .sw9 .ani {
  position: absolute;
  left: initial;
  top: initial;
  opacity: 0;
}
#visualSlide .sw9 .guide .guide_box {
  width: 50%;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  align-items: center;
}
#visualSlide .sw9 .a1 {
  top: 50px;
}

#visualSlide .sw9 .a2 {
  bottom: 150px;
}
#visualSlide .sw9 .a3 {
  top: 80px;
}
#visualSlide .sw9 .a4 {
  top: 280px;
  left: 120px;
}
#visualSlide .sw9 .a5 {
  top: 280px;
  left: 350px;
}
#visualSlide .sw9 .a6 {
  top: 450px;
  left: 120px;
}
#visualSlide .sw9 .a7 {
  top: 450px;
  left: 350px;
}
#visualSlide .sw9 .a8 {
  top: 650px;
  left: 100px;
}
#visualSlide .sw9.on .a1 {
  -webkit-animation: fade-in-left 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 0.1s
    both;
  animation: fade-in-left 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 0.1s both;
}
#visualSlide .sw9.on .a2 {
  -webkit-animation: fade-in-left 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 0.6s
    both;
  animation: fade-in-left 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 0.6s both;
}
#visualSlide .sw9.on .a3 {
  -webkit-animation: fade-in-right 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 1.2s
    both;
  animation: fade-in-right 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 1.2s both;
}
#visualSlide .sw9.on .a4 {
  -webkit-animation: fade-in-bottom 0.5s cubic-bezier(0.39, 0.575, 0.565, 1)
    1.8s both;
  animation: fade-in-bottom 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 1.8s both;
}
#visualSlide .sw9.on .a5 {
  -webkit-animation: fade-in-bottom 0.5s cubic-bezier(0.39, 0.575, 0.565, 1)
    2.4s both;
  animation: fade-in-bottom 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 2.4s both;
}
#visualSlide .sw9.on .a6 {
  -webkit-animation: fade-in-bottom 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 3s
    both;
  animation: fade-in-bottom 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 3s both;
}
#visualSlide .sw9.on .a7 {
  -webkit-animation: fade-in-bottom 0.5s cubic-bezier(0.39, 0.575, 0.565, 1)
    3.6s both;
  animation: fade-in-bottom 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 3.6s both;
}
#visualSlide .sw9.on .a8 {
  -webkit-animation: fade-in-right 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 4.2s
    both;
  animation: fade-in-right 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 4.2s both;
}