@charset "utf-8";

/* 메인 글자효과 */
@-webkit-keyframes mTxt_effect {
  from {
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translateY(50px) rotate(-0.01deg);
  }
  to {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: translateY(0) rotate(-0.01deg);
  }
}

@keyframes mTxt_effect {
  from {
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translateY(50px) rotate(-0.01deg);
  }
  to {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: translateY(0) rotate(-0.01deg);
  }
}

/* 세션별 효과 */
@-webkit-keyframes mCon_effect {
  from {
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translateY(100px) rotate(-0.01deg);
  }
  to {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: translateY(0) rotate(-0.01deg);
  }
}

@keyframes mCon_effect {
  from {
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translateY(100px) rotate(-0.01deg);
  }
  to {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: translateY(0) rotate(-0.01deg);
  }
}

@-webkit-keyframes sTxt_effect {
  from {
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translateY(40px) rotate(-0.01deg);
  }
  to {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: translateY(0) rotate(-0.01deg);
  }
}

@keyframes sTxt_effect {
  from {
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translateY(40px) rotate(-0.01deg);
  }
  to {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: translateY(0) rotate(-0.01deg);
  }
}


/* Fade 이미지 효과 */
.Fade_img {animation: fadeIn 5s;-webkit-animation: fadeIn 5s;-moz-animation: fadeIn 5s;-o-animation: fadeIn 5s;-ms-animation: fadeIn 5s;}
@keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}
@-moz-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}
@-webkit-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}
@-o-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}
@-ms-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

/* 좌우글자 효과 */
.Move_R { animation-name: move_right;  animation-duration: 1s;  animation-direction: reverse;  }
@keyframes move_right {
  0%   {left:0; top:0;}
  100% {left:100px; top:0;}
}
.Move_L { animation-name: move_left;  animation-duration: 1s; animation-direction: reverse;  }
@keyframes move_left {
  0%   {left:100px; top:0;}
  100% {left:0; top:0;}
}

@-webkit-keyframes mouseScroll {
    0% { transform: translateY(0);}
    50% { transform: translateY(10px);}
    100% {transform: translateY(0);}
}