@keyframes fadeUp{
	0%{opacity:0; transform:translateY(50%);}
	100%{opacity:1; transform:translateY(0);}
}
@keyframes fadeDown{
	0%{opacity:0; transform:translateY(-50px);}
	100%{opacity:1; transform:translateY(0);}
}

@keyframes fadeUpDown{
	0%{opacity:0; transform:translateY(20px);}
	50%{opacity:1; transform:translateY(-10px);}
	100%{opacity:1; transform:translateY(0);}
}
@keyframes fadeLeft{
	0%{opacity:0; transform:translateX(-50px);}
	100%{opacity:1; transform:translateX(0);}
}
@keyframes fadeRight{
	0%{opacity:0; transform:translateX(50px);}
	100%{opacity:1; transform:translateX(0);}
}

@keyframes scaleDown{
	0%{}
	100%{transform:scale(1);}
}

@keyframes scaleUp{
	0%{transform:scale(1);}
	100%{transform:scale(1.05);}
}

@keyframes scaleUpDown{
	0%{transform:scale(1);}
	50%{transform:scale(1.1);}
	100%{transform:scale(1);}
}
@keyframes fade{
	0%{opacity:0;}
	100%{opacity:1;}
}


/*메인비주얼*/
#mainVisual .main-item .mvTit p,
#mainVisual .main-item .mvTit h2{opacity:0;}
#mainVisual .main-item.on .mvTit p{animation:mvTit_p 0.7s linear forwards;}
#mainVisual .main-item.on .mvTit h2{animation:mvTit_h2 0.7s 0.7s linear forwards;}
@keyframes mvTit_p{
	0% {transform:translateY(-50px);}
	100% {transform:translateY(0); opacity:1; }
}
-webkit-@keyframes mvTit_p{
	0% {transform:translateY(-50px);}
	100% {transform:translateY(0); opacity:1; }
}
@keyframes mvTit_h2{
	0% {transform:translateY(50px);}
	100% {transform:translateY(0); opacity:1; }
}
-webkit-@keyframes mvTit_h2{
	0% {transform:translateY(50px);}
	100% {transform:translateY(0); opacity:1; }
}

#mainVisual .scrollBtn:before{content:""; display:block; width:86px; height:86px; box-shadow: 0 0 0 0 rgba(255,255,255,.1); border-radius:100%; z-index:-1; position:absolute; left:50%; top:0;
transform:translateX(-50%);
-webkit-transform:translateX(-50%);
-moz-transform:translateX(-50%);
-ms-transform:translateX(-50%);
-o-transform:translateX(-50%);
animation:scrollBtn 2s linear infinite;
-webkit-animation:scrollBtn 2s linear infinite;
}
@keyframes scrollBtn{
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  60% {
    box-shadow: 0 0 0 60px rgba(255,255,255,.1);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
-webkit-@keyframes scrollBtn{
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  60% {
    box-shadow: 0 0 0 60px rgba(255,255,255,.1);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}


/*메인영역*/
.mcTit h3 span{display:inline-block; opacity:0;}
.mcTit p{opacity:0; }
.mcon.move .mcTit h3 span{animation:mcTit_h3 0.7s linear forwards; -webkit-animation:mcTit_h3 0.7s linear forwards;}
.mcon.move .mcTit h3 span:nth-child(1){animation-delay: 0s;}
.mcon.move .mcTit h3 span:nth-child(2){animation-delay: 0.1s;}
.mcon.move .mcTit h3 span:nth-child(3){animation-delay: 0.25s;}
.mcon.move .mcTit h3 span:nth-child(4){animation-delay: 0.35s;}
.mcon.move .mcTit h3 span:nth-child(5){animation-delay: 0.45s;}
.mcon.move .mcTit p{animation:mcTit_p 0.8s 0.7s linear forwards; -webkit-animation:mcTit_p 0.8s 0.7s linear forwards;}
@keyframes mcTit_h3{
	0% {transform:translateY(-80px);}
	100% {transform:translateY(0); opacity:1;}
}
-webkit-@keyframes mcTit_h3{
	0% {transform:translateY(-80px);}
	100% {transform:translateY(0); opacity:1;}
}
@keyframes mcTit_p{
	0% {transform:translateY(50px);}
	100% {transform:translateY(0); opacity:1; }
}
-webkit-@keyframes mcTit_p{
	0% {transform:translateY(50px);}
	100% {transform:translateY(0); opacity:1; }
}


#mcon02 .bottom ul li:hover > div img{animation:img_rotate 0.3s linear forwards; -webkit-animation:img_rotate 0.3s linear forwards;}
@keyframes img_rotate{
  0% {
    transform:rotateY(0)
  }
  50% {
    transform:rotateY(180deg)
  }
  100% {
    transform:rotateY(0)
  }
}
-webkit-@keyframes img_rotate{
  0% {
    transform:rotateY(0)
  }
  50% {
    transform:rotateY(180deg)
  }
  100% {
    transform:rotateY(0)
  }
}

/*미래기술연구부*/
#quickCon .box .right ul li > div .more:hover span:after{animation:more_btn 1s linear infinite;}
@keyframes more_btn{
  0% {
    right:22px;
  }
  50% {
	right:14px;
  }
  100% {
	right:22px;
  }
}
-webkit-@keyframes more_btn{
  0% {
    right:22px;
  }
  50% {
	right:14px;
  }
  100% {
	right:22px;
  }
}

/*mcon02*/
#mcon02.move .top:before{animation:line01 0.7s linear forwards;}
@keyframes line01{
	0%{height:0; box-shadow:0 0 10px rgba(255,255,255,0.8);}
	100%{height:138px; box-shadow:0 0 10px rgba(255,255,255,0.01);}
}

#mcon02.move .mcTit h3 span:nth-child(1){animation-delay: 1.0s;}
#mcon02.move .mcTit h3 span:nth-child(2){animation-delay: 1.1s;}
#mcon02.move .mcTit h3 span:nth-child(3){animation-delay: 1.2s;}
#mcon02.move .mcTit h3 span:nth-child(4){animation-delay: 1.3s;}
#mcon02.move .mcTit h3 span:nth-child(5){animation-delay: 1.4s;}
#mcon02.move .mcTit p{animation:mcTit_p 0.8s 1s linear forwards; -webkit-animation:mcTit_p 0.8s 1s linear forwards;}

#mcon02.move .top .mcTit img{animation:img_ani01 0.8s 0.6s linear forwards;}
@keyframes img_ani01{
	0% {opacity:0;}
	100% {opacity:1;}
}
#mcon02 .top .BtnG{opacity:0;}
#mcon02.move .top .BtnG{animation:btn_ani 0.7s 1.4s linear forwards;}
@keyframes btn_ani{
	0% {transform:translateY(-30px);}
	100% {transform:translateY(0); opacity:1; }
}