@charset "UTF-8";
.sub__title h2 span::after {
  background: url(../img/acne-pigmentation/title-icon.png) center/contain no-repeat;
  width: 0.5em;
  height: 0.5em;
  margin: 0 0 0 0;
  position: relative;
  top: -0.03em;
}

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

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

/* ==================== sub__A - icon ==================== */
.sub__A.A__icon {
  background-image: url(../img/acne-pigmentation/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-pigmentation/sub_A/icon/01.png) center/contain no-repeat;
}
.sub__A.A__icon .icon__group.--02 i {
  background: url(../img/acne-pigmentation/sub_A/icon/02.png) center/contain no-repeat;
}
.sub__A.A__icon .icon__group.--03 i {
  background: url(../img/acne-pigmentation/sub_A/icon/03.png) center/contain no-repeat;
}

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

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

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

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

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

@media (max-width: 1600px) {
  .sub__type.type__slider .type__wrapper .swiper-slide {
    width: 430px;
  }
}
@media (max-width: 640px) {
  .sub__type.type__slider .type__wrapper .swiper-slide {
    width: 370px;
  }
}
@media (max-width: 480px) {
  .sub__type.type__slider .type__wrapper .swiper-slide {
    width: 320px;
  }
}
/* ==================== .sub__tab - tab__slider ==================== */
.sub__tab.tab__slider.--tag__list .tab__group[data-tab="01"] .tab__img {
  background: url(../img/acne-pigmentation/sub_A/tab/01.png) center/contain no-repeat;
}
.sub__tab.tab__slider.--tag__list .tab__group[data-tab="02"] .tab__img {
  background: url(../img/acne-pigmentation/sub_A/tab/02.png) center/contain no-repeat;
}
.sub__tab.tab__slider.--tag__list .tab__group[data-tab="03"] .tab__img {
  background: url(../img/acne-pigmentation/sub_A/tab/03.png) center/contain no-repeat;
}
.sub__tab.tab__slider.--tag__list .tab__group[data-tab="04"] .tab__img {
  background: url(../img/acne-pigmentation/sub_A/tab/04.png) center/contain no-repeat;
}
.sub__tab.tab__slider.--tag__list .tab__group[data-tab="05"] .tab__img {
  background: url(../img/acne-pigmentation/sub_A/tab/05.png) center/contain no-repeat;
}
.sub__tab.tab__slider.--tag__list .tab__group[data-tab="06"] .tab__img {
  background: url(../img/acne-pigmentation/sub_A/tab/06.png) center/contain no-repeat;
}
.sub__tab.tab__slider.--tag__list .tab__group[data-tab="07"] .tab__img {
  background: url(../img/acne-pigmentation/sub_A/tab/07.png) center/contain no-repeat;
}
.sub__tab.tab__slider.--tag__list .tab__group[data-tab="08"] .tab__img {
  background: url(../img/acne-pigmentation/sub_A/tab/08.png) center/contain no-repeat;
}

@media (max-width: 1024px) {
  .sub__diff .diff__table .diff__col li {
    height: 5em;
  }
}/*# sourceMappingURL=acne-pigmentation.min.css.map */