@charset "UTF-8";

.lp_wrap .no1 .slider_wrap {
  position: absolute;
  top: 42%;
  left: 0%;
  width: 100%;
}
.lp_wrap .no1 .movie {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  overflow: hidden;
  clip-path: polygon(0 0, 100% 0, 100% 81%, 0 100%);
}
.lp_wrap .no1 .cover {
  position: absolute;
  top: 3.2%;
  left: 8.8%;
  width: 82.4%;
}
.lp_wrap .no1 .head li {
  position: absolute;
}
.lp_wrap .no1 .head li:nth-child(1) {
  top: 9.7%;
  left: 19.8%;
  width: 60.4%;
}
.lp_wrap .no1 .head li:nth-child(2) {
  top: 34.1%;
  left: 8.467%;
  width: 83.067%;
}
.lp_wrap .no1 .head li:nth-child(1) img {
  transition: 0.6s;
}
.lp_wrap .no1 .head li:nth-child(2) img {
  transition: 0.6s 0.4s;
}
.lp_wrap .no1 .head li.trigger img,
.lp_wrap .no1 .head li.trigger ~ li img {
  opacity: 0;
  transform: translateY(-20%);
}
.lp_wrap .no1 .head li.trigger.move img,
.lp_wrap .no1 .head li.trigger.move ~ li img {
  opacity: 1;
  transform: translateY(0);
}
.lp_wrap .no1 .icon li {
  position: absolute;
}
.lp_wrap .no1 .icon li:nth-child(1) {
  top: 73.3%;
  left: 4.8%;
  width: 41.867%;
}
.lp_wrap .no1 .icon li:nth-child(2) {
  top: 72.45%;
  left: 48.4%;
  width: 47.467%;
}
.lp_wrap .no1 .icon li:nth-child(1) img {
  transition: 0.6s;
}
.lp_wrap .no1 .icon li:nth-child(2) img {
  transition: 0.6s 0.3s;
}
.lp_wrap .no1 .icon li.trigger img,
.lp_wrap .no1 .icon li.trigger ~ li img {
  opacity: 0;
  transform: translateY(-20%);
}
.lp_wrap .no1 .icon li.trigger.move img,
.lp_wrap .no1 .icon li.trigger.move ~ li img {
  opacity: 1;
  transform: translateY(0);
}