@charset "UTF-8";

.lp_wrap .htu .slider_wrap {
  position: absolute;
  top: 8.9%;
  left: 0%;
  width: 184%;
}
.lp_wrap .htu .icon li {
  position: absolute;
  top: 14.2%;
  transition: 0.6s;
}
.lp_wrap .htu .icon li:nth-child(1) {
  left: 0%;
  width: 28.133%;
  transform: translateX(-101%);
}
.lp_wrap .htu .icon li:nth-child(2) {
  right: 0%;
  width: 28%;
  transform: translateX(101%);
}
.lp_wrap .htu .icon li.trigger.move,
.lp_wrap .htu .icon li.trigger.move ~ li {
  transform: translateX(0);
}
.lp_wrap .htu .item {
  position: absolute;
  top: 0%;
  left: 25.6%;
  width: 59.333%;
}
.lp_wrap .htu .movie {
  position: absolute;
  top: 29.65%;
  left: 5.334%;
  width: 89.333%;
}
.lp_wrap .htu .line li {
  position: absolute;
}
.lp_wrap .htu .line li:nth-child(1) {
  top: 59.3%;
  left: 31.9%;
  width: 32.933%;
  transition: 0.8s;
  clip-path: inset(0 100% 0 0);
}
.lp_wrap .htu .line li:nth-child(2) {
  top: 70.3%;
  left: 32.6%;
  width: 33.067%;
  transition: 0.8s 0.6s;
  clip-path: inset(0 0 0 100%);
}
.lp_wrap .htu .line li:nth-child(3) {
  top: 83.15%;
  left: 32.7%;
  width: 32.933%;
  transition: 0.8s 1.2s;
  clip-path: inset(0 100% 0 0);
}
.lp_wrap .htu .line li.trigger.move,
.lp_wrap .htu .line li.trigger.move ~ li {
  clip-path: inset(0);
}