@keyframes scroll_auto{
  0% {
    bottom:140px;	
  }  
  100% {
	bottom:320px;
  }
}
@keyframes in_char01{
  0% {
    bottom:80px;	
	transform:scale(1) rotate(0deg);
	opacity:1;
  }
  40% {
  	opacity:1;
	transform:rotate(5deg);
  }
  60% {
  	opacity:1;
	transform:rotate(0deg);
  }
  90% {
  	opacity:1;
  }
  100% {
	left:110px;
    bottom:259px;	
	transform:scale(.5) rotate(-25deg);
	opacity:0;
  }
}
@keyframes in_char02{
  0% {
    bottom:40px;	
	transform:scale(1);
	opacity:1;
  }
  90% {
  	opacity:1;
  }
  100% {
    bottom:130px;	
	transform:scale(.3);
	opacity:0;
  }
}
@keyframes in_char03{
  0% {
    bottom:138px;	
	transform:scale(1) rotate(0deg);
	opacity:1;
  }
  40% {
  	opacity:1;
	transform:rotate(5deg);
  }
  60% {
  	opacity:1;
	transform:rotate(0deg);
  }
  90% {
  	opacity:1;
  }
  100% {
	right:100px;
    bottom:288px;	
	transform:scale(.5) rotate(-25deg);
	opacity:0;
  }
}
@keyframes main_char02{
  0% {
    left:20px;	
	transform:rotateY(0deg);
  }
  49.8% {
    left:1170px;
	transform:rotateY(0deg);
  }
  50% {
    left:1170px;
	transform:rotateY(180deg);
  }
  100% {
    left:20px;	
	transform:rotateY(180deg);
  }
}


@keyframes move_01{
  0% {
    left:285px;
	top:370px;
  }
  50% {
    left:165px;
	top:370px;
  }
  75% {
    left:165px;
	top:290px;
  }
  100% {
    left:45px;
	top:290px;	
  }
}

@keyframes move_02{
  0% {
    left:335px;
	top:370px;
  }
  50% {
    left:335px;
	top:560px;
  }
  100% {
    left:465px;
	top:560px;
  }
}

@keyframes move_03{
  0% {
    left:285px;
	top:370px;
  }
  50% {
    left:485px;
	top:370px;
  }
  75% {
    left:485px;
	top:310px;
  }
  100% {
    left:540px;
	top:310px;	
  }
}

@keyframes move_04{
  0% {
    left:225px;
	top:370px;
  }
  70% {
    left:225px;
	top:620px;
  }
  100% {
    left:55px;
	top:620px;
  }
}


@keyframes move_05{
  0% {
    left:285px;
	top:370px;
  }
  70% {
    left:285px;
	top:970px;
  }
  100% {
    left:145px;
	top:970px;
  }
}

@keyframes move_06{
  0% {
    left:285px;
	top:370px;
  }
  70% {
    left:285px;
	top:970px;
  }
  100% {
    left:380px;
	top:970px;
  }
}


@keyframes move_07{
  0% {
    left:335px;
	top:370px;
  }
  80% {
    left:335px;
	top:730px;
  }
  100% {
    left:475px;
	top:730px;	
  }
}

/* 드래그 화살표 */
@keyframes scroll{
  0% {
	opacity:1;
    transform:translateY(-100px);
  }
  70% {
	opacity:1;    
  }
  100% {
	opacity:0;    
	transform:translateY(0);
  }
}

@keyframes zoom{
  0% {
    scale: 1;
  }
  50% {
    scale: 1.1;
  }
  100% {
    scale: 1;
  }
}
@keyframes blink{
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes typing{
  0% {
    width: 0%;
  }
  50% {
    width: 300px;
  }
  100% {
    width: 0%;
  }
}
@keyframes txt_blink{
  0% {
    opacity:1;
  }
  55% {
    opacity:.5;
  }
	60% {
    opacity:1;
  }
	70% {
    opacity:0;
  }
	80% {
    opacity:1;
  }
	90% {
    opacity:0;
  }
  100% {
		opacity:1;
  }
}