/* Å°ºñ */
@keyframes move_ball01{
  0% {
	right:-230px;
	top:160px;
	transform:scale(0.5);
  }
  25% {
	right:100px;
	top:240px;
	transform:scale(0.7);
  }
  60% {
	right:800px;
	top:340px;
	transform:scale(0.9);
  }
  75% {
	right:1120px;
	top:360px;
	transform:scale(1);
  }
  100% {
	right:1800px;
	top:440px;
	transform:scale(1);
  }
}
@keyframes working01{
  0% {
	background-image:url('../images/visual/char01.png');
  }
  100% {
	background-image:url('../images/visual/char01_1.png');
  }
}
@keyframes working02{
  0% {
	background-image:url('../images/visual/char02.png');
  }
  100% {
	background-image:url('../images/visual/char02_1.png');
  }
}

@keyframes bag_open{
  0% {
	height:0px;
  }
  100%{
	height:363px;
  }
}
@keyframes draw_ball{
  0% {
	left:-6px;
	top:0;
	transform:rotate(0deg);
  }
  90%{
	opacity:1;
  }
  100%{
	opacity:0;
	left:254px;
	top:-150px;
	transform:rotate(90deg);
  }
}

@keyframes draw_ball02{
  0% {
	left:0;
	top:0;
	transform:rotate(0deg);
  }
  90%{
	opacity:1;
  }
  100%{
	opacity:0;
	left:-90px;
	top:-230px;
	transform:rotate(90deg);
  }
}


@keyframes move_ball02{
  0% {
	right:-330px;
	top:200px;
	transform:scale(0.5);
  }
  25% {
	right:100px;
	top:330px;
	transform:scale(0.7);
  }
  60% {
	right:800px;
	top:460px;
	transform:scale(0.9);
  }
  75% {
	right:1120px;
	top:510px;
	transform:scale(1);
  }
  100% {
	right:1800px;
	top:660px;
	transform:scale(1);
  }
}


@keyframes rotate{
  0% {
	transform:rotate(0deg);
  }
  100% {
	transform:rotate(-360deg);
  }
}
@keyframes opacity{
  0% {
	opacity:1;
  }
  50% {
	opacity:0;
  }
  100% {
	opacity:1;
  }
}
@keyframes wchar_move{
  0% {
		left:126px;
		top:304px;
		transform:scale(.5);
  }
  90% {
		
		left:200px;
		top:300px;
		opacity:1;
  }
  100% {
		left:200px;
		top:300px;
		opacity:0;
		transform:scale(1);
  }
}
@keyframes f_wave01{
  0% {
	transform:rotate(0);
  }
  25% {
	transform:rotate(-10deg);	
  }
  50% {
	transform:rotate(0deg);		
  }
  75% {
	transform:rotate(10deg);		
  }
  100% {
	transform:rotate(0deg);		
  }
}
@keyframes f_wave02{
  0% {
	transform:rotate(0);
  }
  25% {
	transform:rotate(-5deg);	
  }
  50% {
	transform:rotate(0deg);		
  }
  75% {
	transform:rotate(5deg);		
  }
  100% {
	transform:rotate(0deg);		
  }
}
@keyframes f_wave01_2{
  0% {
	transform:rotate(0);
  }
  25% {
	transform:rotate(-5deg);	
  }
  50% {
	transform:rotate(0deg);		
  }
  75% {
	transform:rotate(5deg);		
  }
  100% {
	transform:rotate(0deg);		
  }
}
@keyframes f_wave02_2{
  0% {
	transform:rotate(0);
  }
  25% {
	transform:rotate(-5deg);	
  }
  50% {
	transform:rotate(0deg);		
  }
  75% {
	transform:rotate(5deg);		
  }
  100% {
	transform:rotate(0deg);		
  }
}
@keyframes wave{
  0% {
	transform:rotate(0);
  }
  25% {
	transform:rotate(-2deg);	
  }
  50% {
	transform:rotate(0deg);		
  }
  75% {
	transform:rotate(2deg);		
  }
  100% {
	transform:rotate(0deg);		
  }
}
@keyframes nation_wave{
  0% {
	transform:rotate(0);
  }
  25% {
	transform:rotate(7deg);	
  }
  50% {
	transform:rotate(0deg);		
  }
  75% {
	transform:rotate(7deg);		
  }
  100% {
	transform:rotate(0deg);		
  }
}
@keyframes nation_wave2{
  0% {
	transform:rotate(0);
  }
  25% {
	transform:rotate(-7deg);	
  }
  50% {
	transform:rotate(0deg);		
  }
  75% {
	transform:rotate(-7deg);		
  }
  100% {
	transform:rotate(0deg);		
  }
}
@keyframes slogan{
  0% {
	transform:rotate(0);
  }
  25% {
	transform:rotate(-5deg);	
  }
  50% {
	transform:rotate(0deg);		
  }
  75% {
	transform:rotate(5deg);		
  }
  100% {
	transform:rotate(0deg);		
  }
}
@keyframes whand_wave1{
  0% {
	transform:rotate(0);
  }
  25% {
	transform:rotate(-5deg);	
  }
  50% {
	transform:rotate(0deg);		
  }
  75% {
	transform:rotate(5deg);		
  }
  100% {
	transform:rotate(0deg);		
  }
}
@keyframes whand_wave2{
  0% {
	transform:rotate(0);
  }
  25% {
	transform:rotate(-2deg);	
  }
  50% {
	transform:rotate(0deg);		
  }
  75% {
	transform:rotate(2deg);		
  }
  100% {
	transform:rotate(0deg);		
  }
}
/* Å°ºñ */

/* À̺¥Æ® 01 */
@keyframes e01Step01{
  0% {
		left:-50px;
  }
  100% {
		left:280px;
  }
}
@keyframes e01Step02{
  0% {
		left:280px;
  }
  100% {
		left:630px;
  }
}
@keyframes e01Step03{
  0% {
		left:630px;
  }
  100% {
		left:950px;
  }
}
@keyframes e01StepEnd{
  0% {
		left:950px;
  }
  100% {
		left:1300px;
  }
}
@keyframes foot01{
  0% {
		opacity:1;
  }
  100% {
		opacity:.3;
  }
}
@keyframes foot02{
  0% {
		opacity:1;
  }
  100% {
		opacity:.5;
  }
}
@keyframes foot03{
  0% {
		opacity:1;
  }
  100% {
		opacity:.7;
  }
}
/* À̺¥Æ® 01 */



@keyframes area_show{
  0% {
		opacity:0;
  }
  20% {
		opacity:1;
  }
  100% {
		opacity:1;
  }
  
}

@keyframes mark_show{
  0% {
		opacity:0;
		transform:scale(.9);
  }
  100% {
		opacity:1;
		transform:scale(1);
  }
}



@keyframes zoom{
  0% {
    scale: 1;
  }
  50% {
    scale: 1.1;
  }
  100% {
    scale: 1;
  }
}
@keyframes arrow{
  0% {
	right: -90px
  }
  100% {
	right: -130px
   
  }
}
@keyframes blink{
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes typing{
  0% {
    width: 0%;
  }
  50% {
    width: 350px;
  }
  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;
  }
}
@keyframes watercan_move{
  0% {
   transform:rotate(0deg);
  }
  100% {
	transform:rotate(-10deg);
  }
}

@keyframes leaf_up{
  0% {
    bottom:-114px;
	opacity:0;
  }
  70% {
    bottom:-17px;
	opacity:0;
  }
  100% {
	bottom:0;
	opacity:1;
  }
}

@keyframes water_drop{
  0% {
   opacity:0;
   width:0;
  }
  100% {
	width:89px;
	opacity:1;
  }
}
@keyframes twinkle{
 0% {
   opacity:0;
   transform:scale(0);
  }
  50% {
	opacity:1;
  }
  100% {
	transform:scale(1);
	opacity:0;
  }
}

@keyframes h_move01{
  0% {
	right:0;
	top:150px;
  }
  100% {
	top:150px;
	right:-300px;
  }
}
@keyframes h_move02{
  0% {
	top:100px;
	left:0;	
  }
  100% {
	top:400px;
	left:-420px
  }
}
@keyframes h_move03{
  0% {
	top:200px;
	left:0;	
  }
  100% {
	top:200px;
	left:-200px
  }
}
@keyframes event_end{
  0% {
	opacity:0;
  }
  49% {
	opacity:0;
  }
  50% {
	opacity:1;
  }
  99% {
	opacity:1;
  }
  100% {
	opacity:0;
  }
}
@keyframes leaf_move{
  0% {
	left:130px;
  }
  80% {	
	opacity:1;
  }
  100% {
	left:170px;
	opacity:0;
  }
}