/* 공통 Animate */

@media (min-width:1025px)   {
.animation-element {-webkit-transition:visibility 1.1s ease, opacity 1.1s ease, transform 1.1s ease;transition:visibility 1.1s ease, opacity 1.1s ease, transform 1.1s ease}
.animation-element.fadeIn{visibility:hidden;opacity:0}
.animation-element.fadeIn.in-view {visibility:visible;opacity:1}
.animation-element.fadeInUp {position:relative;visibility:hidden;opacity:0;transform: translateY(110px)}
.animation-element.fadeInUp.in-view {visibility:visible;opacity:1;transform: translateY(0)}
.animation-element.fadeInDown {position:relative;visibility:hidden;opacity:0;transform: translateY(-110px)}
.animation-element.fadeInDown.in-view {visibility:visible;opacity:1;transform: translateY(0)}
.animation-element.fadeInLeft {
  opacity: 0;
  -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: translate3d(-100px, 0px, 0px);
  -webkit-transform: translate3d(-100px, 0px, 0px);
  -o-transform: translate(-100px, 0px);
  -ms-transform: translate(-100px, 0px);
  transform: translate3d(-100px, 0px, 0px);
}

.animation-element.fadeInLeft.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

}