.hayan_ani_up{opacity: 0}
.hayan_ani_down{opacity: 0}
.hayan_ani_left{opacity: 0}
.hayan_ani_right{opacity: 0}

.hayan_ani_big{opacity: 1}
.hayan_ani_small{opacity: 1}


.fadein_up {
	-webkit-animation: ani-up .5s linear both;
	animation: ani-up .5s linear both
}
	
	
@-webkit-keyframes ani-up {
0% {-webkit-transform:translateY(0px);transform:translateY(0px); opacity: 0; }
100% {-webkit-transform:translateY(-30px);transform:translateY(-30px); opacity: 1; }
}
@keyframes ani-up {
0% {-webkit-transform:translateY(0px);transform:translateY(0px); opacity: 0; }
100% {-webkit-transform:translateY(-30px);transform:translateY(-30px); opacity: 1; }
}


.fadein_down {
	-webkit-animation: ani-down .5s linear both;
	animation: ani-down .5s linear both
}
	
	
@-webkit-keyframes ani-down {
0% {-webkit-transform:translateY(-30px);transform:translateY(-30px); opacity: 0; }
100% {-webkit-transform:translateY(0px);transform:translateY(0px); opacity: 1; }
}
@keyframes ani-downp {
0% {-webkit-transform:translateY(-30px);transform:translateY(-30px); opacity: 0; }
100% {-webkit-transform:translateY(0px);transform:translateY(0px); opacity: 1; }
}



.fadein_left {
	-webkit-animation: ani-left .5s linear both;
	animation: ani-left .5s linear both
}
	
	
@-webkit-keyframes ani-left {
0% {-webkit-transform:translateX(-30px);transform:translateX(-30px); opacity: 0; }
100% {-webkit-transform:translateX(0px);transform:translateX(0px); opacity: 1; }
}
@keyframes ani-left {
0% {-webkit-transform:translateX(-30px);transform:translateX(-30px); opacity: 0; }
100% {-webkit-transform:translateX(0px);transform:translateX(0px); opacity: 1; }
}


.fadein_right {
	-webkit-animation: ani-right .5s linear both;
	animation: ani-right .5s linear both
}
	
	
@-webkit-keyframes ani-right {
0% {-webkit-transform:translateX(30px);transform:translateX(30px); opacity: 0; }
100% {-webkit-transform:translateX(0px);transform:translateX(0px); opacity: 1; }
}
@keyframes ani-right {
0% {-webkit-transform:translateX(30px);transform:translateX(30px); opacity: 0; }
100% {-webkit-transform:translateX(0px);transform:translateX(0px); opacity: 1; }
}


.fadein_big {
	-webkit-animation: ani-big 1.5s linear both;
	animation: ani-big 1.5s linear both
}
	
	
@-webkit-keyframes ani-big {
0% {-webkit-transform: scale(1.1);	transform: scale(1.1);}
100% {-webkit-transform: scale(1);	transform: scale(1); opacity: 1; }
}
@keyframes ani-big {
0% {-webkit-transform: scale(1.1);	transform: scale(1.1);}
100% {-webkit-transform: scale(1);	transform: scale(1); opacity: 1; }
}


/*시간차*/

.time01{animation-delay:0.1s;}
.time02{animation-delay:0.2s;}
.time03{animation-delay:0.3s;}
.time04{animation-delay:0.4s;}
.time05{animation-delay:0.5s;}
.time06{animation-delay:0.6s;}
.time07{animation-delay:0.7s;}
.time08{animation-delay:0.8s;}
.time09{animation-delay:0.9s;}
.time10{animation-delay:1.0s;}
.time11{animation-delay:1.1s;}
.time12{animation-delay:1.5s;}
.time13{animation-delay:1.3s;}