@charset "UTF-8";
.sub__title h2 span::after {
  background: url(../img/acne-treatment/title-icon.png) center/contain no-repeat;
}

/* ========================= 솔루션 ========================= */
.sub__solution .sol__group.--01 {
  background: url(../img/acne-treatment/solution/01.png) center/cover no-repeat;
}
.sub__solution .sol__group.--02 {
  background: url(../img/acne-treatment/solution/02.png) center/cover no-repeat;
}

/* ========================= 포인트 ========================= */
.sub__point .swiper-slide.--01::before {
  background: url(../img/acne-treatment/point/01.png) center/contain no-repeat;
}
.sub__point .swiper-slide.--02::before {
  background: url(../img/acne-treatment/point/02.png) center/contain no-repeat;
}
.sub__point .swiper-slide.--03::before {
  background: url(../img/acne-treatment/point/03.png) center/contain no-repeat;
}

/* ==================== sub__A - icon ==================== */
.sub__A.A__icon {
  background-image: url(../img/acne-treatment/sub_A/icon/bg.webp);
}
.sub__A.A__icon .icon__wrapper {
  width: 90%;
  max-width: 1600px;
  margin: 0 auto;
}
.sub__A.A__icon .icon__group.--01 i {
  background: url(../img/acne-treatment/sub_A/icon/01.png) center/contain no-repeat;
}
.sub__A.A__icon .icon__group.--02 i {
  background: url(../img/acne-treatment/sub_A/icon/02.png) center/contain no-repeat;
}
.sub__A.A__icon .icon__group.--03 i {
  background: url(../img/acne-treatment/sub_A/icon/03.png) center/contain no-repeat;
}

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

/* ========================= 플로우 ========================= */
.sub__flow {
  padding-top: 1em;
}
.sub__flow .swiper-slide {
  width: 12em;
}

/* ========================= 단계 ========================= */
.sub__proc {
  background-image: url(../img/acne-treatment/proc/bg.webp);
}

/* ========================= 진단 ========================= */
.sub__diag {
  background-image: url(../img/acne-treatment/diag/bg.webp);
}
.sub__diag .diag__list li.--01 p::before {
  background: url(../img/acne-treatment/diag/01.png) center/contain no-repeat;
}
.sub__diag .diag__list li.--02 p::before {
  background: url(../img/acne-treatment/diag/02.png) center/contain no-repeat;
}
.sub__diag .diag__list li.--03 p::before {
  background: url(../img/acne-treatment/diag/03.png) center/contain no-repeat;
}
.sub__diag .diag__list li.--04 p::before {
  background: url(../img/acne-treatment/diag/04.png) center/contain no-repeat;
}
.sub__diag .diag__list li.--05 p::before {
  background: url(../img/acne-treatment/diag/05.png) center/contain no-repeat;
}

/* ========================= 증상 ========================= */
.sub__type.type__slider .type__wrapper .swiper-slide {
  width: 450px;
}

@media (max-width: 640px) {
  .sub__type.type__slider .type__wrapper .swiper-slide {
    width: 380px;
  }
}
@media (max-width: 480px) {
  .sub__type.type__slider .type__wrapper .swiper-slide {
    width: 320px;
  }
}
@media (max-width: 360px) {
  .sub__type.type__slider .type__wrapper .swiper-slide {
    width: 290px;
  }
}
/* ==================== .sub__tab - tab__slider ==================== */
.sub__tab.tab__slider.--tag__list .tab__group[data-tab=capri] .tab__img {
  background: url(../img/acne-treatment/sub_A/tab/capri.png) center/contain no-repeat;
}
.sub__tab.tab__slider.--tag__list .tab__group[data-tab=PTT] .tab__img {
  background: url(../img/acne-treatment/sub_A/tab/PTT.png) center/contain no-repeat;
}
.sub__tab.tab__slider.--tag__list .tab__group[data-tab=PDT] .tab__img {
  background: url(../img/acne-treatment/sub_A/tab/PDT.png) center/contain no-repeat;
}
.sub__tab.tab__slider.--tag__list .tab__group[data-tab=blackpeel] .tab__img {
  background: url(../img/acne-treatment/sub_A/tab/blackpeel.png) center/contain no-repeat;
}
.sub__tab.tab__slider.--tag__list .tab__group[data-tab=skin] .tab__img {
  background: url(../img/acne-treatment/sub_A/tab/skin.png) center/contain no-repeat;
}/*# sourceMappingURL=acne-treatment.min.css.map */