@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 Daniel Eden
 */

.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.animated.infinite {
  animation-iteration-count: infinite;
}

.animated.hinge {
  animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  animation-duration: .75s;
}


/* == VerTex == */

@keyframes AFadeInUp {
	from {opacity:0; transform: translateY(3rem);}
	to {opacity:1; transform: translateY(0px);}
}
.AFadeInUp { animation-name: AFadeInUp; animation-fill-mode: both; animation-duration:1s;}
.AFadeInUpD2 {animation-name: AFadeInUp; animation-delay: 0.2s;}
.AFadeInUpD3 {animation-name: AFadeInUp; animation-delay: 0.3s;}
.AFadeInUpD4 {animation-name: AFadeInUp; animation-delay: 0.4s;}
.AFadeInUpD5 {animation-name: AFadeInUp; animation-delay: 0.5s;}
.AFadeInUpD6 {animation-name: AFadeInUp; animation-delay: 0.6s;}
.AFadeInUpD7 {animation-name: AFadeInUp; animation-delay: 0.7s;}
.AFadeInUpD8 {animation-name: AFadeInUp; animation-delay: 0.8s;}
.AFadeInUpD9 {animation-name: AFadeInUp; animation-delay: 0.9s;}
.AFadeInUpD10 {animation-name: AFadeInUp; animation-delay: 1s;}
.AFadeInUpD11 {animation-name: AFadeInUp; animation-delay: 1.1s;}
.AFadeInUpD12 {animation-name: AFadeInUp; animation-delay: 1.2s;}
.AFadeInUpD13 {animation-name: AFadeInUp; animation-delay: 1.3s;}
.AFadeInUpD14 {animation-name: AFadeInUp; animation-delay: 1.4s;}
.AFadeInUpD20 {animation-name: AFadeInUp; animation-delay: 2s;}


@keyframes AFadeIn {
	from {opacity:0;}
	to {opacity:1;}
}
.AFadeIn {animation-name: AFadeIn; animation-fill-mode: both; animation-duration:1s;}
.AFadeInD2 {animation-name: AFadeIn; animation-delay: 0.2s;}
.AFadeInD3 {animation-name: AFadeIn; animation-delay: 0.3s;}
.AFadeInD4 {animation-name: AFadeIn; animation-delay: 0.4s;}
.AFadeInD5 {animation-name: AFadeIn; animation-delay: 0.5s;}
.AFadeInD6 {animation-name: AFadeIn; animation-delay: 0.6s;}
.AFadeInD7 {animation-name: AFadeIn; animation-delay: 0.7s;}
.AFadeInD8 {animation-name: AFadeIn; animation-delay: 0.8s;}
.AFadeInD9 {animation-name: AFadeIn; animation-delay: 0.9s;}
.AFadeInD10 {animation-name: AFadeIn; animation-delay: 1s;}
.AFadeInD13 {animation-name: AFadeIn; animation-delay: 1.3s;}
.AFadeInD20 {animation-name: AFadeIn; animation-delay: 2s;}



@keyframes AFadeInLeft {
	from {opacity:0; transform: translateX(-10rem);}
	to {opacity:1; transform: translateX(0px);}
}
.AFadeInLeft { animation-name: AFadeInLeft;}

@keyframes AFadeInRight {
	from {opacity:0; transform: translateX(10rem);}
	to {opacity:1; transform: translateX(0px);}
}
.AFadeInRight { animation-name: AFadeInRight;}


@media (max-width:991px) {
	@keyframes AFadeInLeft {
		from {opacity:0; transform: translateX(-5rem);}
		to {opacity:1; transform: translateX(0px);}
	}
	
	@keyframes AFadeInRight {
		from {opacity:0; transform: translateX(5rem);}
		to {opacity:1; transform: translateX(0px);}
	}
}


/* 타임라인 */

@keyframes timeline {
	from {width:0%;}
	to {width:87%;;}
}
.timeline {animation-name: timeline; animation-fill-mode: both; animation-duration:1.5s; animation-timing-function: ease-in-out; animation-delay: 0.2s;}



@keyframes color {
	0% {color:#FFF;}
	100% {color:#1B5A7D;}
}
.color {animation-name: color; animation-fill-mode: both; animation-duration:0.3s; animation-timing-function: ease-in-out; animation-delay: 2s;}






/* == // VerTex == */