@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%);}
}