@charset "UTF-8";

.lp_wrap .feature1d .head li {
  position: absolute;
  clip-path: inset(0 100% 0 0);
}
.lp_wrap .feature1d .head li:nth-child(1) {
  top: 0.85%;
  left: 12.8%;
  width: 74.267%;
  transition: 0.8s;
}
.lp_wrap .feature1d .head li:nth-child(2) {
  top: 3.8%;
  left: 16.4%;
  width: 67.067%;
  transition: 0.8s 0.4s;
}
.lp_wrap .feature1d .head li.trigger.move,
.lp_wrap .feature1d .head li.trigger.move ~ li {
  clip-path: inset(0);
}
.lp_wrap .feature1d .line {
  position: absolute;
  top: 9.77%;
  left: 23.2%;
  width: 69.733%;
}
.lp_wrap .feature1d .line.trigger {
  transition: 0.8s;
  clip-path: inset(0 100% 0 0);
}
.lp_wrap .feature1d .line.trigger.move {
  clip-path: inset(0);
}
.lp_wrap .feature1d .icon li {
  position: absolute;
  opacity: 0;
}
.lp_wrap .feature1d .icon li:nth-child(1) {
  top: 31.07%;
  left: 36.8%;
  width: 25.6%;
  transition: 0.6s;
  transform: scale(0);
}
.lp_wrap .feature1d .icon li:nth-child(2) {
  top: 33.4%;
  left: 62.7%;
  width: 25.467%;
  transition: 0.6s 0.2s;
  transform: scale(0);
}
.lp_wrap .feature1d .icon li:nth-child(3) {
  top: 39.4%;
  left: 67.4%;
  width: 25.467%;
  transition: 0.6s 0.4s;
  transform: scale(0);
}
.lp_wrap .feature1d .icon li:nth-child(4) {
  top: 44.5%;
  left: 51%;
  width: 25.467%;
  transition: 0.6s 0.6s;
  transform: scale(0);
}
.lp_wrap .feature1d .icon li:nth-child(5) {
  top: 44.5%;
  left: 24.1%;
  width: 25.467%;
  transition: 0.6s 0.8s;
  transform: scale(0);
}
.lp_wrap .feature1d .icon li:nth-child(6) {
  top: 39.4%;
  left: 7.2%;
  width: 25.467%;
  transition: 0.6s 1s;
  transform: scale(0);
}
.lp_wrap .feature1d .icon li:nth-child(7) {
  top: 33.4%;
  left: 11.2%;
  width: 25.467%;
  transition: 0.6s 1.2s;
  transform: scale(0);
}
.lp_wrap .feature1d .icon li:nth-child(8) {
  top: 33.3%;
  left: 29%;
  width: 43.0666%;
  transition: 0.6s 1.4s;
  transform: translateY(-30%);
}
.lp_wrap .feature1d .icon li.trigger.move,
.lp_wrap .feature1d .icon li.trigger.move ~ li {
  opacity: 1;
  transform: scale(1) translateY(0);
}
.lp_wrap .feature1d .center li {
  position: absolute;
  transition: 0.8s;
}
.lp_wrap .feature1d .center li:nth-child(1) {
  top: 51.7%;
  left: 11.9%;
  width: 23.867%;
  transform: translateX(-150%);
}
.lp_wrap .feature1d .center li:nth-child(2) {
  top: 51.8%;
  left: 64.5%;
  width: 24.667%;
  transform: translateX(150%);
}
.lp_wrap .feature1d .center li.trigger.move,
.lp_wrap .feature1d .center li.trigger.move ~ li {
  transform: translateX(0);
}
.lp_wrap .feature1d .slider_wrap {
  position: absolute;
  top: 69.3%;
  left: 0%;
  width: 100%;
}
.lp_wrap .feature1d .slider_wrap img {
  width: 91.788%;
  margin: auto;
}
.lp_wrap .feature1d .slider_wrap .slick-arrow {
  position: absolute;
  top: 44.1%;
  width: 6.248%;
  z-index: 1;
}
.lp_wrap .feature1d .slider_wrap .slick-arrow.prev {
  left: 9.2%;
}
.lp_wrap .feature1d .slider_wrap .slick-arrow.next {
  right: 8.4%;
}
.lp_wrap .feature1d .slider_wrap .slider .slick-dots {
  bottom: -4%;
  height: 1.1%;
}
.lp_wrap .feature1d .slider_wrap .slider .slick-dots li {
  width: auto;
  height: 100%;
  margin: 0% 1.2%;
  aspect-ratio: 1 / 1;
  box-sizing: border-box;
  background-color: #fff;
  transition: 0.2s;
}
.lp_wrap .feature1d .slider_wrap .slider .slick-dots li.slick-active {
  background-color: #001928;
}