@keyframes bgPlay {
 0% { opacity:0; }
 0.05% {opacity:1; }
 100% {opacity:1; }
}
@-webkit-keyframes bgPlay {
 0% { opacity:0; }
 0.05% {opacity:1; }
 100% {opacity:1; }
}
@keyframes info_over{
 0%{transform:scale(0); }
 100%{transform:scale(1); }
}
@keyframes over_off{
 0%{opacity:1; }
 100%{opacity:0; }
}
@-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 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 txtUp_1 {
  from {
    -webkit-transform: translate3d(0, 150%, 0);
    transform: translate3d(0, 150%, 0);
    visibility: visible;
    opacity:0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity:1;
  }
}
@keyframes txtUp_1 {
  from {
    -webkit-transform: translate3d(0, 150%, 0);
    transform: translate3d(0, 150%, 0);
    visibility: visible;
    opacity:0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity:1;
  }
}
@keyframes over_bg{
 0%{transform:scale(0); }
 100%{transform:scale(1); }
}
@keyframes txt_op {
 0% { opacity:0; }
 50% {opacity:1; }
 100% {opacity:1; }
}
@-webkit-keyframes txt_op {
 0% { opacity:0; }
 50% {opacity:1; }
 100% {opacity:1; }
}
@keyframes txt_big {
 0% {  opacity:0; }
 40% { opacity:0; }
 100% {  opacity:1; }
}
@-webkit-keyframes txt_big {
 0% {  opacity:0; }
 40% { opacity:0; }
 100% {  opacity:1; }
}

@keyframes gnbSub {
 0% { transform:translateY(30px); opacity:0; }
 100% { transform:translateY(0); opacity:1; }
}
.allmenu a:hover > span > span { opacity:1;}
#allmenuBox.on { z-index:5555; opacity:1; visibility:visible; }
.family.on .linkbox { z-index:99; opacity:1; visibility:visible; }
@keyframes scaleY_bar {
 0% { -webkit-transform:scaleY(0); -ms-transform:scaleY(0); transform:scaleY(0); opacity:0; }
 100% { -webkit-transform:scaleY(1); -ms-transform:scaleY(1); transform:scaleY(1); opacity: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_3 {
 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 {
 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_5 {
 0% {opacity: 0;}
 100% {opacity: 1;}
}

@keyframes ani_over {
 0% {opacity: 0;}
 95% {opacity: 1;}
 100% {opacity: 0;}
}
@keyframes line_over {
 0% {  opacity:0; }
 80% {  opacity:0.3; }
 99% {  opacity:0.3; }
 100% {  opacity:0; }
}
@keyframes txt_big {
 0% {  opacity:0; }
 40% { opacity:0; }
 100% {  opacity:1; }
}
@-webkit-keyframes txt_big {
 0% {  opacity:0; }
 40% { opacity:0; }
 100% {  opacity:1; }
}
@keyframes vsImg {
 0% { transform:scale(1); }
 100% { transform:scale(1.1); }
}
@-webkit-keyframes vsImg {
 0% { transform:scale(1); }
 100% { transform:scale(1.1); }
}

@keyframes txt_op {
 0% { opacity:0; }
 100% {opacity:1; }
}
@-webkit-keyframes txt_op {
 0% { opacity:0; }
 100% { opacity:1; }
}
@keyframes img_b {
 0% { transform:scale(1.2); opacity:0; }
 100% { transform:scale(1); opacity:1; }
}
@-webkit-keyframes img_b {
 0% { transform:scale(1.2); opacity:0; }
 100% { transform:scale(1); opacity:1; }
}