.loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../images/open.jpg") center center #fff;
  -webkit-background-size: cover;
          background-size: cover;
  z-index: 300;
}

.loading .loading_inner {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0.55);
      -ms-transform: translate(-50%, -50%) scale(0.55);
          transform: translate(-50%, -50%) scale(0.55);
  width: 190px;
  height: 660px;
  overflow: hidden;
}

.loading.load .loading_inner img {
  -webkit-animation: opening 3s steps(44) forwards;
          animation: opening 3s steps(44) forwards;
}

@-webkit-keyframes opening {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(-29040px);
            transform: translateY(-29040px);
  }
}

@keyframes opening {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(-29040px);
            transform: translateY(-29040px);
  }
}

.sc_anm {
  opacity: 0;
  filter: alpha(opacity=0);
}

.sc_anm.sc_anm_in {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: opacity 1.5s ease;
          transition: opacity 1.5s ease;
}