@keyframes vslbg {
	0 { background-position: 0 0 }
	100% { background-position: 3940px }
}

@keyframes vslbg2 {
	0 { background-position: 0 0 }
	100% { background-position: -2002px }
}

@keyframes vslbg3 {
	0 { background-position: 0 0 }
	100% { background-position: 2002px }
}

@keyframes fw_img1 {
	0% {transform:translate(0,0px) scale(0); opacity:0;}
	30% {transform:translate(0,-20px) scale(1); opacity:1;}
	60% {transform:translate(0,0px) scale(1.5); opacity:0;}
	100% {transform:translate(0,0) scale(2.5); opacity:0;}
}

@keyframes fw_img2 {
	0% {transform:translate(0,0px) scale(0); opacity:0;}
	20% {transform:translate(0,-20px) scale(1); opacity:1;}
	40% {transform:translate(0,0px) scale(1.5); opacity:0;}
	100% {transform:translate(0,0) scale(2.5); opacity:0;}
}

@keyframes fw_img3 {
	0% {transform:translate(0,0px) scale(1); }
	50% {transform:translate(0,-20px) scale(1); }
	100% {transform:translate(0,0) scale(1); }
}

@keyframes fw_img4 {
	0% {transform:translate(0,0px) scale(1); }
	50% {transform:translate(-20px,0) scale(1); }
	100% {transform:translate(0,0) scale(1); }
}

@keyframes show_title {
	from	{transform: translateX(-100%); opacity:0;}
	to		{transform: translateX(0%); opacity:1;}
}

@keyframes show_con {
	from	{opacity:0;}
	to		{opacity:1;}
}

@keyframes show_sym {
	from	{opacity:0;}
	to		{opacity:0.03;}
}

@keyframes zoom_eff {
	0%	{transform: scale(1);}
	50%	{transform: scale(1.2);}
	100%	{transform: scale(1); }
}

@keyframes mandu-ani1 {
	0% {transform:translate(0,-30px) scale(1); opacity:0; }
	50% {transform:translate(0,-50px) scale(1); opacity:1; }
	100% {transform:translate(0,-70px) scale(1); opacity:0; }
}
@keyframes mandu-ani2 {
	0% {transform:translate(0,-40px) scale(1); opacity:0; }
	50% {transform:translate(0,-60px) scale(1); opacity:1; }
	100% {transform:translate(0,-80px) scale(1); opacity:0; }
}


@keyframes ca_motion_1 {
  0%   { transform: rotate(0deg); }
  20%  { transform: rotate(3deg); }
  50%  { transform: rotate(-3deg); }
  80%  { transform: rotate(2deg); }
  100% { transform: rotate(0deg); }
}

@keyframes ca_motion_2 {
  0%   { transform: translateY(0); }
  50%  { transform: translateY(3px); }
  100% { transform: translateY(0); }
}

@keyframes ca_motion_3 {
  0%   { transform: translateY(0); }
  50%  { transform: translateY(20px); }
  100% { transform: translateY(0); }
}

@keyframes ca_motion_sub1 {
  0%   { transform: translateY(0); }
  50%  { transform: translateY(20px); }
  100% { transform: translateY(0); }
}

@keyframes ca_motion_sub2 {
  0%   { transform: translateY(20px); }
  50%  { transform: translateY(0); }
  100% { transform: translateY(20px); }
}

@keyframes ca_motion_sub_hand {
  0%   { transform: translateY(0); }
  50%  { transform: translateY(8px); }
  100% { transform: translateY(0); }
}


@keyframes titleArea_sub{
    0%{
        letter-spacing: 30px;
        opacity: 0;
    }
    100%{
        opacity: 1;
        letter-spacing: -1px;
    }
}

@keyframes animateBg {
	from {-ms-transform: scale(1.2,1.2); transform: scale(1.2,1.2) translateZ(1px);}
	to {-ms-transform: scale(1, 1); transform: scale(1, 1) translateZ(1px);}
}

@keyframes s-marquee {
	from {transform:translateX(100%);} 
	to {transform:translateX(-100%);}
}

@keyframes s-marqueere {
	from {transform:translateX(-100%);} 
	to {transform:translateX(100%);}
}



@keyframes text-active-right {
	from { opacity:0; filter:Alpha(opacity=0); margin-right:15px }
	to { opacity:1.0; filter:Alpha(opacity=100); margin-right:0 }
}

@keyframes text-active-left {
	from { opacity:0; filter:Alpha(opacity=0); margin-left:15px }
	to { opacity:1.0; filter:Alpha(opacity=100); margin-left:0 }
}

@keyframes text-active-bottom {
	from { opacity:0; filter:Alpha(opacity=0); -webkit-transform: translateY(50px); transform: translateY(50px); }
	to { opacity:1.0; filter:Alpha(opacity=100); -webkit-transform: translateY(0); transform: translateY(0); }
}

@keyframes text-fade-out {
	from { opacity:0;filter:Alpha(opacity=100); }
	to { opacity:1.0;filter:Alpha(opacity=0); }
}

@keyframes text-active-animation {
	from { opacity:0;filter:Alpha(opacity=0); margin-right:15px }
	to { opacity:1.0;filter:Alpha(opacity=100); margin-right:0 }
}

@keyframes image-zoom-out {
	from { transform: scale(1.08,1.08) }
	to { transform: scale(1.0,1.0) }
}

@keyframes image-out {
	from { transform: scale(1.0,1.0) }
	to { transform: scale(1.0,1.0) }
}

@keyframes upDown {
	0% { opacity: 0.6; transform:  translateY(-5px); }
	50% { opacity: 1; transform: translateY(5px); }
	100% { opacity: 0.6; transform:  translateY(-5px); }
}

@keyframes leftmid {
	0% { opacity: 0.1; transform: scale(0.9,0.9); }
	100% { opacity:1; transform: scale(1.0,1.0); }
}

@keyframes rotate {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}