@charset "UTF-8";

.lp_wrap .cospa {
  margin-top: -21%;
  margin-bottom: -1px;
}
.lp_wrap .cospa .graph1 {
  position: absolute;
  top: 15.2%;
  left: 37.1%;
  width: 61%;
  aspect-ratio: 1 / 1;
}
.lp_wrap .cospa .graph1 svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  transform:rotate(-90deg);
}
.lp_wrap .cospa .graph1 svg circle {
  fill: transparent;
  stroke: #ebbd41;
  stroke-width: 26;
  stroke-dasharray: 1300;
  stroke-dashoffset: 0;
}
.lp_wrap .cospa .graph1.trigger.move svg circle {
  animation: 1s cospa_graph1 ease-in-out forwards;
}
@keyframes cospa_graph1 {
  0% {
    stroke-dashoffset: 0;
  }
  100%{
    stroke-dashoffset: 1240;
  }
}
.lp_wrap .cospa .num1 {
  position: absolute;
  top: 30.63%;
  left: 39.3%;
  width: 16.4%;
}
.lp_wrap .cospa .num1.trigger img {
  transition: 0.6s;
  opacity: 0;
  transform: translateY(-30%);
}
.lp_wrap .cospa .num1.trigger.move img {
  opacity: 1;
  transform: translateY(0);
}
.lp_wrap .cospa .slider_wrap1 {
  position: absolute;
  top: 38.3%;
  left: 0%;
  width: 100%;
}
.lp_wrap .cospa .slider_wrap1 img {
  width: 91.77%;
  margin: auto;
}
.lp_wrap .cospa .graph2 {
  position: absolute;
  top: 58%;
  left: 0%;
  width: 100%;
  left: 37.1%;
  width: 61%;
  aspect-ratio: 1 / 1;
}
.lp_wrap .cospa .graph2 svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  transform:rotate(-90deg);
}
.lp_wrap .cospa .graph2 svg circle {
  fill: transparent;
  stroke: #ebbd41;
  stroke-width: 26;
  stroke-dasharray: 1300;
  stroke-dashoffset: 0;
}
.lp_wrap .cospa .graph2.trigger.move svg circle {
  animation: 1s cospa_graph2 ease-in-out forwards;
}
@keyframes cospa_graph2 {
  0% {
    stroke-dashoffset: 0;
  }
  100%{
    stroke-dashoffset: 1240;
  }
}
.lp_wrap .cospa .num2 {
  position: absolute;
  top: 75%;
  left: 4.8%;
  width: 54.266%;
}
.lp_wrap .cospa .num2.trigger img {
  transition: 0.6s;
  opacity: 0;
  transform: translateY(-30%);
}
.lp_wrap .cospa .num2.trigger.move img {
  opacity: 1;
  transform: translateY(0);
}
.lp_wrap .cospa .cover {
  position: absolute;
  top: 76.1%;
  left: 60.5%;
  width: 8.933%;
}
.lp_wrap .cospa .slider_wrap2 {
  position: absolute;
  top: 81.25%;
  left: 0%;
  width: 100%;
}
.lp_wrap .cospa .slider_wrap2 img {
  width: 92.157%;
  margin: auto;
}