@charset "UTF-8";
.sub__title h2 span::after {
  background: url(../img/ps-contour-injection/title-icon.png) center/contain no-repeat;
  width: 0.4em;
  height: 0.4em;
  max-width: 64px;
  max-height: 56px;
}

/* ========================= 솔루션 ========================= */
.sub__solution {
  padding-bottom: 10em;
}
.sub__solution .sol__group.--01 {
  background: url(../img/ps-contour-injection/solution/01.png) center/cover no-repeat;
}
.sub__solution .sol__group.--02 {
  background: url(../img/ps-contour-injection/solution/02.png) center/cover no-repeat;
}

@media (max-width: 768px) {
  .sub__solution {
    padding-bottom: 5em;
  }
}
/* ========================= 플로우 ========================= */
.sub__flow {
  padding: 1em 0 0.3em;
}
.sub__flow .swiper-slide {
  width: 5.8em;
}

/* ========================= 단계 ========================= */
.sub__proc {
  background-image: url(../img/ps-contour-injection/proc/bg.webp);
}
.sub__proc .proc__img.--01 {
  background: url(../img/ps-contour-injection/proc/01.png) center/cover no-repeat;
}
.sub__proc .proc__img.--02 {
  background: url(../img/ps-contour-injection/proc/02.png) center/cover no-repeat;
}
.sub__proc .proc__img.--03 {
  background: url(../img/ps-contour-injection/proc/03.png) center/cover no-repeat;
}

/* ========================= 스텝 ========================= */
.sub__step {
  padding-top: 10em;
}
.sub__step .swiper-slide.--01::before {
  background: url(../img/ps-contour-injection/step/01.png) center/contain no-repeat;
}
.sub__step .swiper-slide.--02::before {
  background: url(../img/ps-contour-injection/step/02.png) center/contain no-repeat;
}
.sub__step .swiper-slide.--03::before {
  background: url(../img/ps-contour-injection/step/03.png) center/contain no-repeat;
}
.sub__step .swiper-slide.--04::before {
  background: url(../img/ps-contour-injection/step/04.png) center/contain no-repeat;
}

/* ========================= 포인트 ========================= */
.sub__point {
  background-image: url(../img/ps-contour-injection/point/bg.webp);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.sub__point * {
  color: var(--c-yellow);
}
.sub__point .point__swiper .swiper-slide p span {
  color: #b2b099;
}
.sub__point .point__swiper .swiper__navigation .swiper__nav svg .cls-1 {
  fill: var(--c-yellow);
}
.sub__point .swiper-slide.--01::before {
  background: url(../img/ps-contour-injection/point/01.png) center/contain no-repeat;
}
.sub__point .swiper-slide.--02::before {
  background: url(../img/ps-contour-injection/point/02.png) center/contain no-repeat;
}
.sub__point .swiper-slide.--03::before {
  background: url(../img/ps-contour-injection/point/03.png) center/contain no-repeat;
}

/* ========================= 부위별 효과 ========================= */
.sub__part .part__container {
  background: url(../img/ps-contour-injection/part/bg.webp) center/cover no-repeat;
}
.sub__part .part__spot[data-part=v-line] {
  top: 62%;
  left: 15.5%;
}
.sub__part .part__spot[data-part=cheek] {
  top: 44%;
  left: 68%;
}
.sub__part .part__spot[data-part=mentum] {
  top: 81%;
  left: 45%;
}
.sub__part .part__spot[data-part=side-cheek] {
  top: 54%;
  left: 77%;
}
.sub__part .part__spot[data-part=double-chin] {
  top: 77%;
  left: 62%;
}
.sub__part .part__spot[data-part=mouth] {
  top: 52%;
  left: 33%;
}
.sub__part .part__spot[data-part=cheek-bone] {
  top: 39%;
  left: 11.5%;
}
.sub__part .part__spot[data-part=smile-line] {
  top: 59%;
  left: 60%;
}/*# sourceMappingURL=ps-contour-injection.min.css.map */