@charset "UTF-8";

/*!
* animate.css 에서 추가되는 animation 을 별도로 작성 하였음
* by domingo
*/

@-webkit-keyframes fadeInUp50 {
   0% {
      opacity: 0;
      -webkit-transform: translate3d(0, 50px, 0);
      transform: translate3d(0, 50px, 0)
   }
   to {
      opacity: 1;
      -webkit-transform: none;
      transform: none
   }
}

@keyframes fadeInUp50 {
   0% {
      opacity: 0;
      -webkit-transform: translate3d(0, 50px, 0);
      transform: translate3d(0, 50px, 0)
   }
   to {
      opacity: 1;
      -webkit-transform: none;
      transform: none
   }
}

.fadeInUp50 {
   -webkit-animation-name: fadeInUp50;
   animation-name: fadeInUp50;
}

@-webkit-keyframes fadeInRightShorter {
   0% {
      opacity: 0;
      -webkit-transform: translate3d(200px, 0, 0);
      transform: translate3d(200px, 0, 0)
   }
   to {
      opacity: 1;
      -webkit-transform: none;
      transform: none
   }
}

@keyframes fadeInRightShorter {
   0% {
      opacity: 0;
      -webkit-transform: translate3d(200px, 0, 0);
      transform: translate3d(200px, 0, 0)
   }
   to {
      opacity: 1;
      -webkit-transform: none;
      transform: none
   }
}

.fadeInRightShorter {
   -webkit-animation-name: fadeInRightShorter;
   animation-name: fadeInRightShorter;
}


@-webkit-keyframes blurIn {
   0% {
      opacity: 0;
      -webkit-filter: blur(20px);
              filter: blur(20px);
      -webkit-transform: scale(1.3);
              transform: scale(1.3);
   }
   100% {
      opacity: 1;
      -webkit-filter: blur(0);
              filter: blur(0);
      -webkit-transform: none;
              transform: none;
   }
}

@keyframes blurIn {
   0% {
      opacity: 0;
      -webkit-filter: blur(20px);
              filter: blur(20px);
      -webkit-transform: scale(1.3);
              transform: scale(1.3);
   }
   100% {
      opacity: 1;
      -webkit-filter: blur(0);
              filter: blur(0);
      -webkit-transform: none;
              transform: none;
   }
}

.blurIn {
   -webkit-animation-name: blurIn;
   animation-name: blurIn;
}

@-webkit-keyframes fadeInLeftShorter {
   0% {
      opacity: 0;
      -webkit-transform: translate3d(-100px, 0, 0);
      transform: translate3d(-100px, 0, 0)
   }
   to {
      opacity: 1;
      -webkit-transform: none;
      transform: none
   }
}

@keyframes fadeInLeftShorter {
   0% {
      opacity: 0;
      -webkit-transform: translate3d(-100px, 0, 0);
      transform: translate3d(-100px, 0, 0)
   }
   to {
      opacity: 1;
      -webkit-transform: none;
      transform: none
   }
}

.fadeInLeftShorter {
   -webkit-animation-name: fadeInLeftShorter;
   animation-name: fadeInLeftShorter;
}

@-webkit-keyframes fadeInDown80 {
   0% {
      opacity: 0;
      -webkit-transform: translate3d(0, -80px, 0);
      transform: translate3d(0, -80px, 0)
   }
   to {
      opacity: 1;
      -webkit-transform: none;
      transform: none
   }
}

@keyframes fadeInDown80 {
   0% {
      opacity: 0;
      -webkit-transform: translate3d(0, -80px, 0);
      transform: translate3d(0, -80px, 0)
   }
   to {
      opacity: 1;
      -webkit-transform: none;
      transform: none
   }
}

.fadeInDown80 {
   -webkit-animation-name: fadeInDown80;
   animation-name: fadeInDown80;
}

@-webkit-keyframes fadeInUp80 {
   0% {
      opacity: 0;
      -webkit-transform: translate3d(0, 80px, 0);
      transform: translate3d(0, 80px, 0)
   }
   to {
      opacity: 1;
      -webkit-transform: none;
      transform: none
   }
}

@keyframes fadeInUp80 {
   0% {
      opacity: 0;
      -webkit-transform: translate3d(0, 80px, 0);
      transform: translate3d(0, 80px, 0)
   }
   to {
      opacity: 1;
      -webkit-transform: none;
      transform: none
   }
}

.fadeInUp80 {
   -webkit-animation-name: fadeInUp80;
   animation-name: fadeInUp80;
}

@-webkit-keyframes fadeInDown280 {
   0% {
      opacity: 0;
      -webkit-transform: translate3d(0, -280px, 0);
      transform: translate3d(0, -280px, 0)
   }
   to {
      opacity: 1;
      -webkit-transform: none;
      transform: none
   }
}

.fadeInDown140 {
   -webkit-animation-name: fadeInDown140;
   animation-name: fadeInDown140;
}

@-webkit-keyframes fadeInDown280 {
   0% {
      opacity: 0;
      -webkit-transform: translate3d(0, -280px, 0);
      transform: translate3d(0, -280px, 0)
   }
   to {
      opacity: 1;
      -webkit-transform: none;
      transform: none
   }
}

@keyframes fadeInDown280 {
   0% {
      opacity: 0;
      -webkit-transform: translate3d(0, -280px, 0);
      transform: translate3d(0, -280px, 0)
   }
   to {
      opacity: 1;
      -webkit-transform: none;
      transform: none
   }
}

.fadeInDown280 {
   -webkit-animation-name: fadeInDown280;
   animation-name: fadeInDown280;
}

@-webkit-keyframes blurInSlope {
   0% {
      opacity: 0;
      -webkit-filter: blur(20px);
              filter: blur(20px);
      -webkit-transform: scale(1.3) rotate(-10deg);
              transform: scale(1.3) rotate(-10deg);
   }
   100% {
      opacity: 1;
      -webkit-filter: blur(0);
              filter: blur(0);
      -webkit-transform: rotate(-10deg);
              transform: rotate(-10deg);
   }
}

@keyframes blurInSlope {
   0% {
      opacity: 0;
      -webkit-filter: blur(20px);
              filter: blur(20px);
      -webkit-transform: scale(1.3) rotate(-10deg);
              transform: scale(1.3) rotate(-10deg);
   }
   100% {
      opacity: 1;
      -webkit-filter: blur(0);
              filter: blur(0);
      -webkit-transform: rotate(-10deg);
              transform: rotate(-10deg);
   }
}

.blurInSlope {
   -webkit-animation-name: blurInSlope;
   animation-name: blurInSlope;
}

@-webkit-keyframes back_position {
   0% {
      background-position: 0% 0%;
      opacity: 1;
   }
   to {
      background-position: 100% 100%;
      opacity: 1;
   }
}

@keyframes back_position {
   0% {
      background-position: 0% 0%;
      opacity: 1;
   }
   to {
      background-position: 100% 100%;
      opacity: 1;
   }
}

.back_position {
   -webkit-animation-name: back_position;
   animation-name: back_position;
}

@-webkit-keyframes arrowright {
   0% {
      width: 0px;
      opacity: 0;
   }
   to {
      width: 71%;
      opacity: 1;
   }
}

@keyframes  arrowright {
   0% {
      width: 0px;
      opacity: 0;
   }
   to {
      width: 71%;
      opacity: 1;
   }
}

.arrowright {
   -webkit-animation-name: arrowright;
   animation-name: arrowright;
}

@-webkit-keyframes arrowright2 {
   0% { width: 0px; opacity: 0;}
   to { width: 71%; opacity: 1; }
}

@keyframes  arrowright2 {
   0% { width: 0px; opacity: 0; }
   to { width: 71%; opacity: 1; }
}

.arrowright2 {
   -webkit-animation-name: arrowright2;
   animation-name: arrowright2;
}

@-webkit-keyframes arrowright3 {
   0% { width: 0px; opacity: 0;}
   to { width: 100%; opacity: 1; }
}

@keyframes  arrowright3 {
   0% { width: 0px; opacity: 0; }
   to { width: 100%; opacity: 1; }
}

.arrowright3 {
   -webkit-animation-name: arrowright3;
   animation-name: arrowright3;
}

/* fadeIn : opacity: 0
fadeInDown  : transform: translate3d(0, -100%, 0)
fadeInDownBig : transform: translate3d(0, -2000px, 0)
fadeInUp  : transform: translate3d(0, 100%, 0)
fadeInUpBig : transform: translate3d(0, 2000px, 0)
fadeInLeft  : transform: translate3d(-100%, 0, 0)
fadeInLeftBig  : transform: translate3d(-2000px, 0, 0)
fadeInRight  : transform: translate3d(100%, 0, 0)
fadeInRightBig  : transform: translate3d(2000px, 0, 0)

fadeOut : opacity: 1
~~
flip
flipInX
flipInY
flipOutX
flipOutY

lightSpeedIn
lightSpeedOut

rotateIn
rotateInDownLeft
rotateInDownRight
rotateInUpLeft
rotateInUpRight
rotateOut
rotateOutDownLeft
rotateOutDownRight
rotateOutUpLeft
rotateOutUpRight

hinge
rollIn
rollOut
zoomIn
zoomInDown
zoomInLeft
zoomInRight
zoomInUp
zoomOut
zoomOutDown
zoomOutLeft
zoomOutRight
zoomOutUp
slideInDown
slideInLeft
slideInRight
slideInUp
slideOutDown
slideOutLeft
slideOutRight
slideOutUp */