@charset "utf-8";

  .animated {
    -moz-animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    
    -moz-animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }

  .animated2 {
    -moz-animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    
    -moz-animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }

  .animated.flipOutX,
  .animated.flipOutY,
  .animated.bounceIn,
  .animated.bounceOut {
    -moz-animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
  }

 #content .section#home .line_box .box .line{
    -moz-animation-duration: 1s;
      -webkit-animation-duration: 1s;
      animation-duration: 1s;
      
      -moz-animation-fill-mode: both;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
  }




#content ul.bxslider li .bg img {
    -webkit-animation: scale_vis 6s infinite alternate ease-in-out;
    animation: scale_vis 6s infinite alternate ease-in-out;
  }

  /*추가*/
  
ul.bxslider li .bg img {
    -webkit-animation: scale_vis 6s infinite alternate ease-in-out;
    animation: scale_vis 6s infinite alternate ease-in-out;
  }
  


  @keyframes scale_vis {
    from {
      transform-origin: center;
      -ms-transform: scale(1.0, 1.0); /* IE 9 */
      -o-transform: scale(1.0, 1.0); /* IE 9 */
      -moz-transform: scale(1.0, 1.0); /* IE 9 */
      -webkit-transform: scale(1.0, 1.0); /* Chrome, Safari, Opera */
      transform: scale(1.0, 1.0);
    }

    to {
      transform-origin: center;
      -ms-transform: scale(1, 1); /* IE 9 */
      -o-transform: scale(1, 1); /* IE 9 */
      -moz-transform: scale(1, 1); /* IE 9 */
      -webkit-transform: scale(1, 1); /* Chrome, Safari, Opera */
      transform: scale(1, 1);
    }
  }

  .scale_vis {
    -moz-animation-name: scale_vis;
    -webkit-animation-name: scale_vis;
    animation-name: scale_vis;
  }





  @keyframes rotateIn {
    from {
      transform-origin: center;
      transform: rotate3d(0, 0, 1, 90deg);
      opacity: 0;
    }

    to {
      transform-origin: center;
      transform: none;
      opacity: 1;
    }
  }

  .rotateIn {
    -moz-animation-name: rotateIn;
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
  }

    @keyframes rotateReverse {
    from {
      transform-origin: center;
      transform: rotate3d(0, 0, 1, -90deg);
      opacity: 0;
    }

    to {
      transform-origin: center;
      transform: none;
      opacity: 1;
    }
  }

  .rotateReverse {
    -moz-animation-name: rotateReverse;
    -webkit-animation-name: rotateReverse;
    animation-name: rotateReverse;
  }

  @keyframes fadeInUp {
    from {
      opacity: 0;
      transform: translate3d(0, 100%, 0);
    }

    to {
      opacity: 1;
      transform: none;
    }
  }

  .fadeInUp {
    -moz-animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
  }

  @keyframes fadeInDown {
    from {
      opacity: 1;
      transform: none;
    }

    to {
      opacity: 0;
      transform: translate3d(0, 100%, 0);
      visibility: hidden;
    }
  }

  .fadeInDown {
    -moz-animation-name: fadeInDown;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
  }



  @keyframes fadeInUps {
    from {
      opacity: 0;
      transform: none;
      transform: translate3d(0, 100%, 0);
    }
    
    20% {
      opacity: 0;
      transform: translate3d(0, 100%, 0);
    }

    to {
      opacity: 1;
      transform: none;
    }
  }

  .fadeInUps {
    -moz-animation-name: fadeInUps;
    -webkit-animation-name: fadeInUps;
    animation-name: fadeInUps;
  }

  @keyframes fadeInDowns {
    from {
      opacity: 1;
      transform: none;
    }
    
    50% {
      opacity: 0;
      transform: translate3d(0, 100%, 0);
    }

    to {
      opacity: 0;
      transform: none;
      transform: translate3d(0, 100%, 0);
      visibility: hidden;

    }
  }

  .fadeInDowns {
    -moz-animation-name: fadeInDowns;
    -webkit-animation-name: fadeInDowns;
    animation-name: fadeInDowns;
  }

  @keyframes fadeOut {
    from {
      opacity: 0.4;
    }

    to {
      opacity: 1;
    }
  }

  .fadeOut {
    -moz-animation-name: fadeOut;
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
  }


/* 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 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(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%, 50px); -ms-transform:translate(-50%, 50px); transform:translate(-50%, 50px); 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_5 {
	0% {opacity:0;}
	100% {opacity:1;}
}
@keyframes ani_6 {
	0% {  transform:translate(100px, 100px); opacity:0;}
	100% { transform:translate(0); opacity:1;}
}
@keyframes ani_h0 {
	0% {height:0;}
	100% {height:0;}
}
@keyframes ani_h {
	0% {height:0;}
	100% {height:100%;}
}

@keyframes q_off {
	0% {  opacity:1;}
	100% { transform:translate(250px, 0);  opacity: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 map_over1 {
	0% {opacity:0;}
	100% {opacity:0.8 !important;}
}
@keyframes map_over2 {
	0% {opacity:0;}
	100% {opacity:0.15 !important;}
}
@keyframes map_over3 {
	0% {opacity:0;}
	100% {opacity:0.15 !important;}
}
@keyframes map_over4 {
	0% {opacity:0;}
	100% {opacity:0.1 !important;}
}