@charset "UTF-8";

.lp_wrap .change .head li {
  position: absolute;
}
.lp_wrap .change .head li:nth-child(1) {
  top: 10.2%;
  left: 37.3%;
  width: 8%;
  height: 7.9%;
  background: #e6005a;
  transition: 0.6s;
  clip-path: inset(0 0 100% 0);
}
.lp_wrap .change .head li:nth-child(2) {
  top: 10.85%;
  left: 39.2%;
  width: 4.267%;
  transition: 0.6s 0.3s;
  opacity: 0;
}
.lp_wrap .change .head li:nth-child(3) {
  top: 10.15%;
  left: 24.1%;
  width: 11.467%;
  transition: 0.8s 0.5s;
  clip-path: inset(0 0 100% 0);
}
.lp_wrap .change .head li:nth-child(4) {
  top: 10.2%;
  left: 7.2%;
  width: 13.333%;
  transition: 1s 0.7s;
  clip-path: inset(0 0 100% 0);
}
.lp_wrap .change .head li.trigger.move,
.lp_wrap .change .head li.trigger.move ~ li {
  clip-path: inset(0);
  opacity: 1;
}
.lp_wrap .change .icon li {
  position: absolute;
  transform: scale(0);
}
.lp_wrap .change .icon li:nth-child(1) {
  top: 48.9%;
  left: 6%;
  width: 26.667%;
  transition: 0.6s;
}
.lp_wrap .change .icon li:nth-child(2) {
  top: 47.55%;
  left: 36.667%;
  width: 26.667%;
  transition: 0.6s 0.3s;
}
.lp_wrap .change .icon li:nth-child(3) {
  top: 46.3%;
  left: 67.3%;
  width: 26.667%;
  transition: 0.6s 0.6s;
}
.lp_wrap .change .icon li.trigger.move,
.lp_wrap .change .icon li.trigger.move ~ li {
  transform: scale(1);
}
.lp_wrap .change .slider_wrap {
  position: absolute;
  top: 69%;
  left: 0%;
  width: 100%;
}
.lp_wrap .change .slider_wrap img {
  width: 86.6666%;
  margin: auto;
}
.lp_wrap .change .slider_wrap .slick-arrow {
  position: absolute;
  top: 44.3%;
  width: 10.771%;
  z-index: 1;
}
.lp_wrap .change .slider_wrap .slick-arrow.prev {
  left: 3.3%;
}
.lp_wrap .change .slider_wrap .slick-arrow.next {
  right: 1.9%;
}
.lp_wrap .change .slider_wrap .slider .slick-dots {
  bottom: 1.6%;
  height: 8.4%;
  width: 49.8%;
}
.lp_wrap .change .slider_wrap .slider .slick-dots li {
  width: auto;
  height: 100%;
  margin: 0% 2.8%;
  aspect-ratio: 1 / 1;
  box-sizing: border-box;
  background: url("../image/change-dots1.png") center center/contain no-repeat;
  transition: 0.2s;
}
.lp_wrap .change .slider_wrap .slider .slick-dots li:nth-of-type(2) {
  background: url("../image/change-dots2.png") center center/contain no-repeat;
}
.lp_wrap .change .slider_wrap .slider .slick-dots li:nth-of-type(3) {
  background: url("../image/change-dots3.png") center center/contain no-repeat;
}
.lp_wrap .change .slider_wrap .slider .slick-dots li.slick-active {
  background: url("../image/change-dots1-on.png") center center/contain no-repeat;
}
.lp_wrap .change .slider_wrap .slider .slick-dots li.slick-active:nth-of-type(2) {
  background: url("../image/change-dots2-on.png") center center/contain no-repeat;
}
.lp_wrap .change .slider_wrap .slider .slick-dots li.slick-active:nth-of-type(3) {
  background: url("../image/change-dots3-on.png") center center/contain no-repeat;
}