/* movie */
.movie {
  height: 1022px;
  padding-top: 94px;
  background: url("../../assets/img/movie/movie_bg_bottom.png") center bottom no-repeat;
}

.movie:before {
  height: calc(100% - 330px);
  background-image: url("../../assets/img/movie/movie_bg_top.png"), url("../../assets/img/movie/movie_bg_repeat.png");
  background-position: center 0, center -4px;
}

.movie-title-main {
  margin-bottom: 49px;
  text-align: center;
}

.movie-title-sub {
  height: 47px;
  margin-bottom: 54px;
  text-align: center;
}

.movie-list {
  width: 844px;
  height: 566px;
  margin: 0 auto 30px;
  position: relative;
}

.movie-item {
  position: absolute;
  width: 100%;
  height: 100%;
  display: none;
}

.movie-item.is-active {
  display: block;
}

.movie-frame {
  width: 100%;
  height: 494px;
  position: relative;
  background: url("../../assets/img/movie/movie_frame01.png") center center no-repeat;
  box-sizing: border-box;
}

.movie-frame .youtube-box {
  width: 800px;
  height: 450px;
  top: 22px;
  left: 22px;
}

.movie-nav-list {
  text-align: center;
  font-size: 0;
}

.movie-nav-item {
  position: relative;
  display: inline-block;
}

.movie-nav-item .icon-new-right:after {
  top: -12px;
  left: -6px;
}

.movie-nav-item:not(:first-child) {
  margin-left: 20px;
}

.movie-nav-item.is-active img.clone {
  opacity: 1 !important;
}