@keyframes scroll_auto{
  0% {
    bottom:420px;	
  }  
  100% {
	bottom:140px;
  }
}
@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:620px;
	top:150px;
  }
  50% {
    left:340px;
	top:150px;
  }
  75% {
    left:340px;
	top:40px;
  }
  100% {
    left:170px;
	top:40px;	
  }
}

@keyframes move_02{
  0% {
    left:620px;
	top:150px;
  }
  100% {
    left:910px;
	top:150px;
  }
}

@keyframes move_03{
  0% {
    left:620px;
	top:150px;
  }
  50% {
    left:1060px;
	top:150px;
  }
  75% {
    left:1060px;
	top:80px;
  }
  100% {
    left:1110px;
	top:80px;	
  }
}

@keyframes move_04{
  0% {
    left:620px;
	top:150px;
  }
  30% {
    left:410px;
	top:150px;
  }
  60% {
    left:410px;
	top:340px;
  }
  100% {
    left:120px;
	top:340px;	
  }
}


@keyframes move_05{
  0% {
    left:620px;
	top:150px;
  }
  70% {
    left:620px;
	top:550px;
  }
  100% {
    left:430px;
	top:550px;
  }
}

@keyframes move_06{
  0% {
    left:620px;
	top:150px;
  }
  70% {
    left:620px;
	top:550px;
  }
  100% {
    left:770px;
	top:550px;
  }
}


@keyframes move_07{
  0% {
    left:620px;
	top:150px;
  }
  40% {
    left:905px;
	top:150px;
  }
  75% {
    left:905px;
	top:370px;
  }
  100% {
    left:1100px;
	top:370px;	
  }
}

/* 드래그 화살표 */
@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;
  }
}