@charset "UTF-8";

.lp_wrap .hope .marquee {
  position: absolute;
  top: 36.2%;
  left: 0%;
  width: 228.2666%;
  display: flex;
}
.lp_wrap .hope .marquee div {
  animation: 14s hope_marquee linear infinite
}
@keyframes hope_marquee {
  to {
    transform: translateX(-100%);
  }
}
.lp_wrap .hope .model {
  position: absolute;
  top: 11.05%;
  left: 19.3%;
  width: 66%;
}
.lp_wrap .hope .tab li {
  position: absolute;
  top: 44.4%;
  cursor: pointer;
}
.lp_wrap .hope .tab li:nth-child(1) {
  left: 4.1%;
  width: 44.533%;
  background: url("../image/hope-tab1-on.png") center center/contain no-repeat;
}
.lp_wrap .hope .tab li:nth-child(2) {
  left: 48.9%;
  width: 47.2%;
  background: url("../image/hope-tab2-on.png") center center/contain no-repeat;
}
.lp_wrap .hope .tab li img {
  opacity: 1;
  transition: 0.3s;
}
.lp_wrap .hope .tab li.active img {
  opacity: 0;
}
.lp_wrap .hope .cont li {
  position: absolute;
  top: 51.4%;
  left: 4.1%;
  width: 92%;
  opacity: 0;
  transition: 0.3s;
}
.lp_wrap .hope .cont li.active {
  opacity: 1;
}