/* animation 키프래임 */

.ani,
.ani_load {opacity:0;}

@keyframes fade{
	0%{
    opacity:0; 
  }
	100%{
    opacity:1;
  }
}

@keyframes fadeUp10{
	0% {
    opacity:0; 
    transform:translateY(10px);
  }
	100% {
    opacity:1; 
    transform:translateY(0);
  }
}

@keyframes fadeUp20{
	0%{
    opacity:0; 
    transform:translateY(20px); 
    -webkit-transform:translateY(20px);
  }
	100%{
    opacity:1; 
    transform:translateY(0); 
    -webkit-transform:translateY(0); 
  }
}

@keyframes fadeUp30{
	0%{
    opacity:0; 
    transform:translateY(30px);
    -webkit-transform:translateY(30px);
  }
	100%{
    opacity:1; 
    transform:translateY(0);
    -webkit-transform:translateY(0); 
  }
}

@keyframes fadeUp100{
	0%{
    opacity:0; 
    transform:translateY(100px);
    -webkit-transform:translateY(100px);
  }
	100%{
    opacity:1; 
    transform:translateY(0);
    -webkit-transform:translateY(0); 
  }
}

@keyframes fadeDown30{
	0%{
    opacity:0; 
    transform:translateY(-30px);
  }
	100%{
    opacity:1; 
    transform:translateY(0);
  }
}

@keyframes fadeLeft{
	0%{
    opacity:0; 
    transform:translateX(-50px);
  }
	100%{
    opacity:1; 
    transform:translateX(0);
  }
}

@keyframes fadeRight100{
	0%{
    opacity:0; 
    transform:translateX(100px);
  }
	100%{
    opacity:1; 
    transform:translateX(0);
  }
}