@charset "UTF-8";

.lp_wrap .up .head {
  position: absolute;
  top: 24.2%;
  left: 10.8%;
  width: 42%;
}
.lp_wrap .up .head.trigger {
  transition: 0.8s;
  clip-path: inset(0 100% 0 0);
}
.lp_wrap .up .head.trigger.move {
  clip-path: inset(0);
}
.lp_wrap .up .catch {
  position: absolute;
  top: 28.68%;
  left: 7.867%;
  width: 84.267%;
}
.lp_wrap .up .catch.trigger {
  transition: 1.2s;
  filter: blur(10px);
  opacity: 0;
}
.lp_wrap .up .catch.trigger.move {
  filter: blur(0px);
  opacity: 1;
}
.lp_wrap .up .copy li {
  position: absolute;
  opacity: 0;
  transform: translateY(20%);
}
.lp_wrap .up .copy li:nth-child(1) {
  top: 73.45%;
  left: 84.3%;
  width: 7.733%;
  transition: 0.6s;
}
.lp_wrap .up .copy li:nth-child(2) {
  top: 76.2%;
  left: 84.4%;
  width: 7.6%;
  transition: 0.6s 0.3s;
}
.lp_wrap .up .copy li.trigger.move,
.lp_wrap .up .copy li.trigger.move ~ li {
  opacity: 1;
  transform: translateY(0);
}
.lp_wrap .up .slider_wrap1 {
  position: absolute;
  top: 62.4%;
  left: 0%;
  width: 77.333%;
  overflow: hidden;
}
.lp_wrap .up .slider_wrap1 .cont {
  position: relative;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
}
.lp_wrap .up .slider_wrap1 .slide {
  position: absolute;
  inset: 0;
}
.lp_wrap .up .slider_wrap1 .slide2 {
  animation: 4s up_slide1 ease-in-out infinite;
}
@keyframes up_slide1 {
  0%, 80%, 100% {
    clip-path: inset(0%);
  }
  30%, 35%  {
    clip-path: inset(0% 0% 0 100%);
  }
  35%, 50%  {
    clip-path: inset(0% 100% 0% 0%);
  }
}
.lp_wrap .up .slider_wrap2 {
  position: absolute;
  top: 78.7%;
  left: 0%;
  width: 77.333%;
  overflow: hidden;
}
.lp_wrap .up .slider_wrap2 .cont {
  position: relative;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
}
.lp_wrap .up .slider_wrap2 .slide {
  position: absolute;
  inset: 0;
}
.lp_wrap .up .slider_wrap2 .slide2 {
  animation: 4s up_slide2 ease-in-out infinite;
}
@keyframes up_slide2 {
  0%, 80%, 100% {
    clip-path: inset(0%);
  }
  30%, 35%  {
    clip-path: inset(0% 100% 0% 0%);
  }
  35%, 50%  {
    clip-path: inset(0% 0% 0 100%);
  }
}
.lp_wrap .up .fire1 li {
  position: absolute;
  width: 44.484%;
  transform: scale(0);
  opacity: 0;
  transform-origin: 50% 100%;
}
.lp_wrap .up .fire1 li:nth-child(1) {
  top: 37.6%;
  left: 37%;
  animation: 4s up_fire ease-in-out infinite;
}
.lp_wrap .up .fire1 li:nth-child(2) {
  top: -9.9%;
  left: 41%;
  animation: 4s up_fire -2s ease-in-out infinite;
}
.lp_wrap .up .fire2 li {
  position: absolute;
  width: 44.484%;
  transform: scale(0);
  opacity: 0;
  transform-origin: 50% 100%;
}
.lp_wrap .up .fire2 li:nth-child(1) {
  top: 38%;
  left: 19%;
  animation: 4s up_fire ease-in-out infinite;
}
.lp_wrap .up .fire2 li:nth-child(2) {
  top: 25.1%;
  left: 24.8%;
  animation: 4s up_fire -2s ease-in-out infinite;
}
@keyframes up_fire {
  0%, 20%, 100% {
    transform: scale(0);
    opacity: 0;
  }
  30%  {
    transform: scale(1.2);
    opacity: 1;
  }
  35%, 60%  {
    transform: scale(1);
    opacity: 1;
  }
  80% {
    transform: scale(1);
    opacity: 0;
  }
}