.slide-top {
	-webkit-animation: slide-top 1s both;
	animation: slide-top 1s both;
}
@-webkit-keyframes slide-top {
 0% {
 -webkit-transform: translateY(70px);
 transform: translateY(70px);
 opacity: 0;
}
 100% {
 -webkit-transform: translateY();
 transform: translateY();
}
}
@keyframes slide-top {
 0% {
 -webkit-transform: translateY(70px);
 transform: translateY(70px);
 opacity: 0;
}
 100% {
 -webkit-transform: translateY();
 transform: translateY();
}
}
.ani_up {
	-webkit-animation:up infinite 2s ease-in-out;
	animation: up infinite 2s ease-in-out;
}
 @-webkit-keyframes up {
 50% {
transform: translateY(10px);
}
}
 @keyframes up {
 50% {
transform: translateY(10px);
}
}
.kenburns-top {
	-webkit-animation: kenburns-top 5s ease-out both;
	animation: kenburns-top 5s ease-out both;
}
{
 -webkit-animation: kenburns-top 5s ease-out both;
 animation: kenburns-top 5s ease-out both;
}
 @-webkit-keyframes kenburns-top {
 0% {
 -webkit-transform: scale(1) translateY(0);
 transform: scale(1) translateY(0);
 -webkit-transform-origin: 30% 5%;
 transform-origin: 30% 5%;
}
 100% {
 -webkit-transform: scale(1.25) translateY(-15px);
 transform: scale(1.25) translateY(-15px);
 -webkit-transform-origin: top;
 transform-origin: top;
}
}
@keyframes kenburns-top {
 0% {
 -webkit-transform: scale(1) translateY(0);
 transform: scale(1) translateY(0);
 -webkit-transform-origin:30% 5%;
 transform-origin: 30% 5%;
}
 100% {
 -webkit-transform: scale(1.25) translateY(-15px);
 transform: scale(1.25) translateY(-15px);
 -webkit-transform-origin: top;
 transform-origin: top;
}
}




/* apboard */

.slide-top-s {
	-webkit-animation: slide-top 3s  both;
	        animation: slide-top 3s  both;
}
@-webkit-keyframes slide-top-s {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
							
      
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY();
            transform: translateY();
  }
}
@keyframes slide-top-s {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
											
         
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY();
            transform: translateY();
  }
}









/**
 * ----------------------------------------
 * animation kenburns-top
 * ----------------------------------------
 */
	
	
	.kenburns-top {
	-webkit-animation: kenburns-top 5s ease-out both;
	        animation: kenburns-top 5s ease-out both;
}
	
	
@-webkit-keyframes kenburns-top {
  0% {
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 16%;
            transform-origin: 50% 16%;
  }
  100% {
    -webkit-transform: scale(1.25) translateY(-15px);
            transform: scale(1.25) translateY(-15px);
    -webkit-transform-origin: top;
            transform-origin: top;
  }
}
@keyframes kenburns-top {
  0% {
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 16%;
            transform-origin: 50% 16%;
  }
  100% {
    -webkit-transform: scale(1.25) translateY(-15px);
            transform: scale(1.25) translateY(-15px);
    -webkit-transform-origin: top;
            transform-origin: top;
  }
}





/* ÆäÀ̵åÀÎ */

.fade-in {
	-webkit-animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}