/** 페이드인 효과**/
.fade_in{
    animation: fade_in 1s;
    -moz-animation: fade_in 1s; /* Firefox */
    -webkit-animation: fade_in 1s; /* Safari and Chrome */
    -o-animation: fade_in 1s; /* Opera */	
  }

  @keyframes fade_in {
      from {
          opacity: 0;
      }
      to {
          opacity: 1;
      }
  }
  @-moz-keyframes fade_in { /* Firefox */
      from {
          opacity: 0;
      }
      to {
          opacity: 1;
      }
  }
  @-webkit-keyframes fade_in { /* Safari and Chrome */
      from {
          opacity: 0;
      }
      to {
          opacity: 1;
      }
  }
  @-o-keyframes fade_in { /* Opera */
      from {
          opacity: 0;
      }
      to {
          opacity: 1;
      }
  }

/** 페이드인업 효과**/
  .fade_in_up{
    -moz-animation: fade_in_up 1s; /* Firefox */
    -webkit-animation: fade_in_up 1s; /* Safari and Chrome */
    -o-animation: fade_in_up 1s; /* Opera */	
    animation-fill-mode: both;
    opacity: 0;
  }
  @keyframes fade_in_up {
      from {
          transform: translate3d(0,40px,0)
      }

      to {
          transform: translate3d(0,0,0);
          opacity: 1
      }
  }
  @-webkit-keyframes fade_in_up {
      from {
          transform: translate3d(0,40px,0)
      }

      to {
          transform: translate3d(0,0,0);
          opacity: 1
      }
  }
  @-moz-keyframes fade_in_up { /* Firefox */
      from {
          transform: translate3d(0,40px,0)
      }

      to {
          transform: translate3d(0,0,0);
          opacity: 1
      }
  }
  @-webkit-keyframes fade_in_up { /* Safari and Chrome */
      from {
          transform: translate3d(0,40px,0)
      }

      to {
          transform: translate3d(0,0,0);
          opacity: 1
      }
  }
  @-o-keyframes fade_in_up { /* Opera */
      from {
          transform: translate3d(0,40px,0)
      }

      to {
          transform: translate3d(0,0,0);
          opacity: 1
      }
  }
/** 페이드인다운 효과**/
  .fade_in_down{
    -moz-animation: fade_in_down 1s; /* Firefox */
    -webkit-animation: fade_in_down 1s; /* Safari and Chrome */
    -o-animation: fade_in_down 1s; /* Opera */	
    animation-fill-mode: both;
    opacity: 0;
  }
  @keyframes fade_in_down {
      from {
          transform: translate3d(0,-40px,0px)
      }

      to {
          transform: translate3d(0,0,0);
          opacity: 1
      }
  }
  @-webkit-keyframes fade_in_down {
      from {
          transform: translate3d(0,-40px,0px)
      }

      to {
          transform: translate3d(0,0,0);
          opacity: 1
      }
  }
  @-moz-keyframes fade_in_down { /* Firefox */
      from {
          transform: translate3d(0,-40px,0px)
      }

      to {
          transform: translate3d(0,0,0);
          opacity: 1
      }
  }
  @-webkit-keyframes fade_in_down { /* Safari and Chrome */
      from {
          transform: translate3d(0,-40px,0px)
      }

      to {
          transform: translate3d(0,0,0);
          opacity: 1
      }
  }
  @-o-keyframes fade_in_down { /* Opera */
      from {
          transform: translate3d(0,-40px,0px)
      }

      to {
          transform: translate3d(0,0,0);
          opacity: 1
      }
  }

  /** 페이드인라이트 효과**/
  .fade_in_right{
    -moz-animation: fade_in_right 1s; /* Firefox */
    -webkit-animation: fade_in_right 1s; /* Safari and Chrome */
    -o-animation: fade_in_right 1s; /* Opera */	
    animation-fill-mode: both;
    opacity: 0;
  }
  @keyframes fade_in_right {
      from {
          transform: translate3d(-40px,0px,0px)
      }

      to {
          transform: translate3d(0,0,0);
          opacity: 1
      }
  }
  @-webkit-keyframes fade_in_right {
      from {
          transform: translate3d(-40px,0px,0px)
      }

      to {
          transform: translate3d(0,0,0);
          opacity: 1
      }
  }
  @-moz-keyframes fade_in_right { /* Firefox */
      from {
          transform: translate3d(-40px,0px,0px)
      }

      to {
          transform: translate3d(0,0,0);
          opacity: 1
      }
  }
  @-webkit-keyframes fade_in_right { /* Safari and Chrome */
      from {
          transform: translate3d(-40px,0px,0px)
      }

      to {
          transform: translate3d(0,0,0);
          opacity: 1
      }
  }
  @-o-keyframes fade_in_right { /* Opera */
      from {
          transform: translate3d(-40px,0px,0px)
      }

      to {
          transform: translate3d(0,0,0);
          opacity: 1
      }
  }

  /** 페이드인레프트 효과**/
  .fade_in_left{
    -moz-animation: fade_in_left 1.5s; /* Firefox */
    -webkit-animation: fade_in_left 1.5s; /* Safari and Chrome */
    -o-animation: fade_in_left 1.5s; /* Opera */	
    animation-fill-mode: both;
    opacity: 0;
  }
  @keyframes fade_in_left {
      from {
          transform: translate3d(40px,0px,0px)
      }

      to {
          transform: translate3d(0,0,0);
          opacity: 1
      }
  }
  @-webkit-keyframes fade_in_left {
      from {
          transform: translate3d(40px,0px,0px)
      }

      to {
          transform: translate3d(0,0,0);
          opacity: 1
      }
  }
  @-moz-keyframes fade_in_left { /* Firefox */
      from {
          transform: translate3d(40px,0px,0px)
      }

      to {
          transform: translate3d(0,0,0);
          opacity: 1
      }
  }
  @-webkit-keyframes fade_in_left { /* Safari and Chrome */
      from {
          transform: translate3d(40px,0px,0px)
      }

      to {
          transform: translate3d(0,0,0);
          opacity: 1
      }
  }
  @-o-keyframes fade_in_left { /* Opera */
      from {
          transform: translate3d(40px,0px,0px)
      }

      to {
          transform: translate3d(0,0,0);
          opacity: 1
      }
  }