@charset "utf-8";
@keyframes move-a {
	0% { margin-left:-20px; opacity:0; }
	100% { margin-left:0;  opacity:1; }
}
@keyframes gnbSub {
	0% { transform:translateY(30px); opacity:0; }
	100% { transform:translateY(0); opacity:1; }
}
@keyframes rotate {
    to {
        transform: rotate(360deg);
    }
}
@keyframes shine {
	100% { left: 125%; }
}

@keyframes spin {
	0% {
		transform:rotateY(0deg);
	}
	100% {
		transform:rotateY(360deg);
	}
}

@keyframes blur_txt {
	0% { filter:blur(10px); opacity:0; }
	100% { filter:blur(0); opacity:1; }
}


@keyframes bgs{
	0%{transform:scale(1.15); opacity:0;}
	100%{transform:scale(1.00); opacity:1;}
}
@keyframes bgs1{
	0%{transform:scale(1.25);}
	100%{transform:scale(1.00);}
}
@keyframes bgs1-1{
	0%{transform:scale(0.8);}
	100%{transform:scale(1.00);}
}
@keyframes bgs2{
	0%{transform:scale(1.00); }
	100%{transform:scale(1.15); }
}
@keyframes bgs3{
	0%{transform:scale(0.9); opacity:0;}
	100%{transform:scale(1.00); opacity:1;}
}
@keyframes bgs3-1{
	0%{transform:scale(0.7); opacity:0;}
	100%{transform:scale(1.00); opacity:1;}
}
@keyframes bgs4{
	0%{transform:scale(0); opacity:0;}
	100%{transform:scale(1.00); opacity:1;}
}
@keyframes bgs4_1{
	0%{transform:scale(0) translate(-50%, -50%); opacity:0;}
	100%{transform:scale(1.00) translate(-50%, -50%); opacity:1;}
}
@keyframes bgs4_b {
	0%{transform:scale(1.00); opacity:1;}
	100%{transform:scale(0.9); opacity:0;}
}
@keyframes bgs5{
	0%{transform:scale(1.15);}
	100%{transform:scale(1.00);}
}

@keyframes left30 {
  from {
    transform:translateX(30%);
    opacity:0;
  }
  to {
    transform:translateX(0);
    opacity:1;
  }
}
@keyframes left30_1 {
  from {
    transform:translateX(0);
    opacity:0;
  }
  to {
   transform:translateX(30%);
    opacity:1;
  }
}

@-webkit-keyframes txtLeft {
  from {
    -webkit-transform:translate3d(-100%, 0, 0);
    transform:translate3d(-100%, 0, 0);
    visibility:visible;
    opacity:0;
  }
  to {
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0);
    opacity:1;
  }
}

@keyframes txtLeft {
  from {
    -webkit-transform:translate3d(-100%, 0, 0);
    transform:translate3d(-100%, 0, 0);
    visibility:visible;
    opacity:0;
  }
  to {
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0);
    opacity:1;
  }
}


@-webkit-keyframes vmLeft {
  from {
    -webkit-transform:translate3d(-30%, 0, 0);
    transform:translate3d(-30%, 0, 0);
    visibility:visible;
    opacity:0;
  }
  to {
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0);
    opacity:1;
  }
}

@keyframes vmLeft {
  from {
    -webkit-transform:translate3d(-30%, 0, 0);
    transform:translate3d(-30%, 0, 0);
    visibility:visible;
    opacity:0;
  }
  to {
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0);
    opacity:1;
  }
}
@-webkit-keyframes txtUp {
  from {
    -webkit-transform:translate3d(0, 250%, 0);
    transform:translate3d(0, 250%, 0);
    visibility:visible;
    opacity:0;
  }
  to {
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0);
    opacity:1;
  }
}

@keyframes txtUp {
  from {
    -webkit-transform:translate3d(0, 250%, 0);
    transform:translate3d(0, 250%, 0);
    visibility:visible;
    opacity:0;
  }
  to {
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0);
    opacity:1;
  }
}
@-webkit-keyframes vm_txtUp {
  from {
    -webkit-transform:translate3d(0, 100%, 0);
    transform:translate3d(0, 100%, 0);
    visibility:visible;
    opacity:0;
  }
  to {
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0);
    opacity:1;
  }
}

@keyframes vm_txtUp {
  from {
    -webkit-transform:translate3d(0, 100%, 0);
    transform:translate3d(0, 100%, 0);
    visibility:visible;
    opacity:0;
  }
  to {
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0);
    opacity:1;
  }
}


/* keyframes animation */
@keyframes scroll {
	0% { transform:translateX(3px);}
	50% { transform:translateX(-3px);}
	100% { transform:translateX(3px);}
}


@keyframes vsImg {
	0% { -webkit-transform:scale(1.15); -ms-transform:scale(1.15); transform:scale(1.15); }
	100% { -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); }
}

@keyframes ani_1 {
	0% { -webkit-transform:translateX(-100px); -ms-transform:translateX(-100px); transform:translateX(-100px); opacity:0;}
	100% { -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); opacity:1;}
}

@keyframes ani_2 {
	0% { -webkit-transform:translateX(100px); -ms-transform:translateX(100px); transform:translateX(100px); opacity:0;}
	100% { -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); opacity:1;}
}

@keyframes ani_2-1 {
	0% { -webkit-transform:translateX(100px); -ms-transform:translateX(100px); transform:translateX(100px); opacity:0;}
	100% { -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); opacity:0.2;}
}

@keyframes ani_3 {
	0% { -webkit-transform:translateY(100px); -ms-transform:translateY(100px); transform:translateY(100px); opacity:0;}
	100% { -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); opacity:1;}
}

@keyframes ani_3_1 {
	0% { -webkit-transform:translate(-50%, 30px); -ms-transform:translate(-50%, 30px); transform:translate(-50%, 30px); opacity:0;}
	100% { -webkit-transform:translate(-50%, 0); -ms-transform:translate(-50%, 0); transform:translate(-50%, 0); opacity:1;}
}

@keyframes ani_4 {
	0% { -webkit-transform:translateY(-50px); -ms-transform:translateY(-50px); transform:translateY(-50px); opacity:0;}
	100% { -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); opacity:1;}
}

@keyframes ani_4_1 {
	0% { transform:translateY(-50px) scale(0.9); opacity:0;}
	100% { transform:translateY(0) scale(1.00); opacity:1;}
}

@keyframes ani_5 {
	0% {opacity:0;}
	100% {opacity:1;}
}
@keyframes ani_5-1 {
	0% {opacity:0;}
	100% {opacity:0.08;}
}
@keyframes ani_6 {
	0% {opacity:1;}
	100% {opacity:0;}
}
@keyframes ani_h100 {
	0% {height:100%;}
	100% {height:0;}
}
@keyframes ani_w100 {
	0% {width:100%;}
	100% {width:0;}
}
@keyframes ani_c100 {
	0% { clip-path:polygon(0 0, 0 0, 0 100%, 0% 100%); }
	100% { clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%); }
}
@keyframes ani_w {
	0% {width:0;}
	100% {width:100%;}
}
@keyframes ani_h0 {
	0% {height:0;}
	100% {height:0;}
}
@keyframes ani_h {
	0% {height:0;}
	100% {height:100%;}
}
@keyframes ani_h100 {
	0% {height:100%;}
	100% {height:0;}
}
@keyframes ani_w50 {
	0% { width:50%; }
	100% { width:0;}
}

@keyframes mv_scale{
	0%{transform:scale(0.85); opacity:0;}
	100%{transform:scale(1); opacity:1;}
}
@keyframes scale{
	0%{transform:scale(0.6); opacity:0;}
	100%{transform:scale(1); opacity:1;}
}

@keyframes ani_icon5 {
	0%{ border-radius:50%; transform:rotateZ(0); }
	50%{ border-radius:0; transform:rotateZ(180deg); }
	100%{ border-radius:50%; transform:rotateZ(360deg); }
}
@-webkit-keyframes ani_icon5 {
	0%{ border-radius:50%; transform:rotateZ(0); }
	50%{ border-radius:0; transform:rotateZ(180deg); }
	100%{ border-radius:50%; transform:rotateZ(360deg); }
}

@keyframes ani_s1 {
	0% { width:100%; }
	100% { width:0; }
}
@keyframes ani_s1_i {
	0% { transform:scale(1.3);}
	100% { transform:scale(1);}
}


@keyframes visual_bg {
  0% {
    background-position: top left;
  } 33% {
    background-position: bottom right;
  } 66% {
    background-position: top right;
  } 100% {
    background-position: bottom left;
  }
}

@keyframes arr_p {
	0% { transform:translateX(-100px) rotate(45deg); opacity:0;}
	100% { transform:translateX(0) rotate(45deg); opacity:1;}
}

@keyframes arr_n {
	0% { transform:translateX(100px) rotate(45deg); opacity:0;}
	100% { transform:translateX(0) rotate(45deg); opacity:1;}
}

@keyframes gradientShift {
	0% { background-position: 100%; }
	100% { background-position: 0%; }
}