@charset "UTF-8";
/* =========================================
    PETIT 세부 페이지 전용 (필러 / 보톡스 / 스킨부스터 / 콜라겐부스터 / 실리프팅)
    - .about 프레임 + about-common.css + signature.css(섹션·FAQ) 재사용
    - 섹션 순서 : intro / dark-split / cards / iconcards / benefits / recommend / faq
    - 여기엔 petit 전용 조정만 (아이콘카드 3·5열, 라인색 등)
========================================= */
/* 스코프 : 해당 페이지 #contents 안에서만 (footer/header 관여 금지) */
#contents {
  /* 인트로 포인트 이미지 플레이스홀더 */
}
#contents .about--petit .about__sec.--intro .intro__point .img__box {
  background: #e6e6e2;
}
#contents {
  /* ---------- 04. ICON CARDS (부위·목적별 케어, 3~5개) ---------- */
}
#contents .about__sec.--iconcards .sig__head {
  margin-bottom: 20px;
}
#contents .about__sec.--iconcards .iconcards__list.--3 {
  grid-template-columns: repeat(3, 1fr);
}
#contents .about__sec.--iconcards .iconcards__list.--5 {
  grid-template-columns: repeat(5, 1fr);
}
#contents .about__sec.--iconcards .iconcards__list::before {
  top: 90px;
  background: rgba(0, 0, 0, 0.08);
}
#contents .about__sec.--iconcards .iconcards__card {
  padding-top: 50px;
}
#contents .about__sec.--iconcards .iconcards__card .--ico {
  border-color: rgba(0, 0, 0, 0.18);
}
#contents .about__sec.--iconcards .iconcards__card p {
  margin-top: 8px;
}
#contents {
  /* RECOMMEND / FAQ 센터·경계 라인은 살짝 진하게 (#dbdbdb) */
}
#contents .about--petit .about__sec.--recommend .ani__line.--height.--05,
#contents .about--petit .about__sec.--faq .ani__line.--height.--05,
#contents .about--petit .about__sec.--recommend .content__line.--width,
#contents .about--petit .about__sec.--faq .content__line.--width {
  background: #dbdbdb;
}
#contents {
  /* ---------- RESPONSIVE ---------- */
}
@media (max-width: 1200px) {
  #contents .about__sec.--iconcards .iconcards__list.--3,
  #contents .about__sec.--iconcards .iconcards__list.--5 {
    grid-template-columns: repeat(2, 1fr);
    gap: 44px 24px;
  }
  #contents .about__sec.--iconcards .iconcards__card {
    padding-top: 0;
  }
}
@media (max-width: 1024px) {
  #contents .about--petit .about__sec.--faq .ani__line.--height.--05,
  #contents .about--petit .about__sec.--recommend .ani__line.--height.--05 {
    display: none;
  }
}
#contents {
  /* 640 이하 : 640px 모바일 시안 기준 vw (1vw = 6.4px) */
}
@media (max-width: 640px) {
  #contents .about__sec.--iconcards .iconcards__list.--3,
  #contents .about__sec.--iconcards .iconcards__list.--5 {
    grid-template-columns: 1fr;
    gap: 6.25vw; /* 40 */
  }
  #contents .about__sec.--iconcards .iconcards__card p {
    margin-top: 1.25vw; /* 8 */
    font-size: 3.13vw; /* 20 */
  }
}/*# sourceMappingURL=petit.css.map */