@charset "UTF-8";
.sub_tt01 {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #8090d0;
}

.sub_arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  filter: none;
}

.con02.ncon02 {
  padding-bottom: 6.2vw; /* (2496-2378)/1915 — body 끝 → banner 사이, clarity_img bottom -3.5vw 여유 포함 */
}
.con02.ncon02 .con02_head {
  padding-top: 7.5vw;
  padding-bottom: 6.8vw;
}
.con02.ncon02 .head_desc {
  color: #23284c;
}
.con02.ncon02 .con02_body {
  margin-top: 2vw;
}
.con02.ncon02 .con02_left {
  width: 50.3%; /* 963/1915 */
  height: 43.5vw; /* 834/1915 */
  background-color: #0e1220;
  background-image: url(/images/ncon02_02.png);
  background-size: cover;
  background-position: center;
}
.con02.ncon02 .con02_right {
  width: 42.5%;
  padding-top: 6.7vw;
}
.con02.ncon02 .right_eyebrow {
  color: #23284c;
}
.con02.ncon02 .right_desc {
  color: #282828;
}
.con02.ncon02 .right_desc b {
  font-weight: 800;
}
.con02.ncon02 .right_desc + .right_desc {
  margin-top: 1.2vw;
}

.ncon02_clarity_img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(var(--px) * 886);
  aspect-ratio: 886/277;
  left: 0;
  bottom: -3.5vw;
}

.ncon02_banner {
  padding-top: 8.7vw;
  padding-bottom: 8.7vw;
  background-color: #131628;
  background-image: url(/images/ncon02_04.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.banner_tt01 {
  font-size: calc(var(--px) * 18);
  font-weight: 500;
  line-height: 1.61;
  letter-spacing: -0.025em;
  color: #fff;
  text-align: center;
  font-family: "Pretendard Variable", sans-serif;
}
.banner_tt01 b {
  font-weight: 800;
}

.gcon04.ncon03 {
  background-color: #212635;
  padding-top: 5.5vw; /* (2977-2871)/1915 ≈ 5.54 */
  padding-bottom: 9.5vw; /* (5203-5020)/1915 ≈ 9.56 */
}

.ncon03_kp {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(var(--px) * 249); /* ncon03_01.png 원본 */
  aspect-ratio: 249/29;
}

.ncon03_card01 .gcon04_card_row02 {
  padding-top: 4.5vw; /* (3180-3093)/1915 */
  padding-left: 3.9vw; /* (1033-959)/1915 */
}

.ncon03_card02 .gcon04_card_row02 {
  padding-top: 9.9vw; /* (3928-3739)/1915 */
  padding-left: 5.3vw; /* (281-179)/1915 */
  order: 1;
}

.ncon03_card03 .gcon04_card_row02 {
  padding-top: 8vw; /* (4546-4393)/1915 */
  padding-left: 3.9vw; /* (1033-959)/1915 */
}

.ncon03_card01 .gcon04_card_row01 {
  background-color: #131628;
  overflow: hidden; /* 장비 사진 absol top:-49% 박스 밖 영역 클립 */
}
.ncon03_card01 .gcon04_card_row01 > img {
  width: 100%;
}
.ncon03_card01 .gcon04_card_row01 { /* ncon03_02 다크 실크 deco (카드02/03 패턴 동일) */ }

.ncon03_card02 .gcon04_card_row01 {
  background-color: #000004;
  order: 2;
}
.ncon03_card02 .gcon04_card_row01 > img {
  width: 100%;
}

.ncon03_card03 .gcon04_card_row01 {
  background-color: #000004;
}
.ncon03_card03 .gcon04_card_row01 > img {
  width: 100%;
}

.ncon03_machine_img {
  width: 39.3%; /* 308/783 */
  aspect-ratio: 308/1119;
  display: flex;
  justify-content: center;
  align-items: center;
  top: -49%;
}

.ncon03_labels {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 1.3vw; /* title bottom (3301) → 라벨 top (3326) = 25/1915 */
  gap: 0.5vw; /* (1325-1315)/1915 ≈ 0.52 */
}

.ncon03_label_img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(var(--px) * 282); /* ncon03_05/06 원본 */
  aspect-ratio: 282/190;
}

.ncon03_eye {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(var(--px) * 112); /* ncon03_07/10 원본 */
  aspect-ratio: 112/23;
}

.ncon03_card01 .ncon03_eye {
  width: calc(var(--px) * 109); /* ncon03_04 원본 */
  aspect-ratio: 109/23;
}

/* ncon03 desc — c4a_body 공통 + margin delta */
.ncon03_desc {
  margin-top: 2.1vw; /* 라벨 bottom (3530) → desc (3570) = 40/1915 — 카드01 기준 */
}

.ncon03_card02 .ncon03_desc,
.ncon03_card03 .ncon03_desc {
  margin-top: 3.1vw; /* (4108-4049)/1915 — title bottom → desc */
}

.ncon03_card03 .ncon03_desc + .ncon03_desc {
  margin-top: 1.5vw; /* 빈 줄(line-height) 효과 */
}

.gcon07.ncon04 {
  background: #fff;
  padding-top: 5.7vw; /* (5359 - section top)/1915 — sub11 패턴 기본 따름 */
  padding-bottom: 6vw;
}
.gcon07.ncon04 .gcon07_eyebrow {
  color: #5a66a0;
}
.gcon07.ncon04 .gcon07_num {
  color: #5a66a0;
}

@media (max-width: 599px) {
  /* ----- ncon02 — 클라리티Ⅱ 레이저 소개 ----- */
  .con02.ncon02 {
    padding-bottom: 14vw;
  }
  .con02.ncon02 .con02_head {
    padding-top: 16vw;
    padding-bottom: 14vw;
  }
  .con02.ncon02 .head_title {
    font-size: 5.5vw;
    line-height: 1.4;
  }
  .con02.ncon02 .head_desc {
    margin-top: 4vw;
    font-size: 3.3vw;
    line-height: 1.65;
    padding: 0 6%;
    box-sizing: border-box;
  }
  .con02.ncon02 .con02_body {
    flex-direction: column;
    align-items: center;
    margin-top: 0;
  }
  .con02.ncon02 .con02_left {
    width: 100%;
    height: 86.6vw;
  }
  .con02.ncon02 .con02_right {
    width: 100%;
    align-items: center;
    text-align: center;
    padding: 12vw 6% 0;
    box-sizing: border-box;
  }
  .con02.ncon02 .right_eyebrow {
    font-size: 3.5vw;
    line-height: 1.5;
    text-align: center;
  }
  .con02.ncon02 .right_title {
    margin-top: 3vw;
    font-size: 6.5vw;
    line-height: 1.3;
  }
  .con02.ncon02 .right_desc {
    margin-top: 4vw;
    font-size: 3.3vw;
    line-height: 1.65;
    text-align: center;
  }
  .con02.ncon02 .right_desc + .right_desc {
    margin-top: 3vw;
  }
  /* Clarity II 큰 영문 deco — PC absol → 모바일 자연 흐름 + 가운데 */
  .ncon02_clarity_img {
    position: static;
    width: 90vw;
    margin-top: 6vw;
    bottom: auto;
    left: auto;
  }
  /* br.mobile-pc 전역 override */
  br.mobile-pc {
    display: block;
  }
  /* ----- ncon02_banner — 다크 배너 ----- */
  .ncon02_banner {
    padding-top: 14vw;
    padding-bottom: 14vw;
  }
  .banner_tt01 {
    font-size: 3.3vw;
    line-height: 1.65;
    padding: 0 6%;
    box-sizing: border-box;
  }
  /* ----- ncon03 — Clarity II Key point (gcon04 + 3카드 지그재그) ----- */
  .gcon04.ncon03 {
    padding-top: 14vw;
    padding-bottom: 14vw;
  }
  .ncon03_kp {
    width: 42vw;
    aspect-ratio: 249/29;
  }
  /* Card01·03 사진 좌 / 텍스트 우 → 세로 스택 (사진 위, 텍스트 아래) */
  .ncon03_card01,
  .ncon03_card03 {
    flex-direction: column;
    align-items: stretch;
  }
  /* Card02 텍스트 좌 / 사진 우 → 사진 위 텍스트 아래 (zigzag 풀어서 일관성) */
  .ncon03_card02 {
    flex-direction: column-reverse;
    align-items: stretch;
  }
  /* 모든 카드 row width 100% — sub11/sub10 mobile 패턴 */
  .ncon03_card .gcon04_card_row {
    width: 100%;
  }
  .ncon03_card01 .gcon04_card_row02,
  .ncon03_card02 .gcon04_card_row02,
  .ncon03_card03 .gcon04_card_row02 {
    width: 100%;
    padding: 8vw 6%;
    box-sizing: border-box;
    align-items: center;
    text-align: center;
  }
  /* eyebrow / title / desc 모바일 사이즈 */
  .ncon03_card .ncon03_eye {
    width: 23vw;
    margin: 0 auto;
  }
  .ncon03_title {
    margin-top: 3vw;
  }
  .ncon03_desc {
    margin-top: 4vw;
  }
  .ncon03_card02 .ncon03_desc,
  .ncon03_card03 .ncon03_desc {
    margin-top: 4vw;
  }
  .ncon03_card03 .ncon03_desc + .ncon03_desc {
    margin-top: 3vw;
  }
  /* 라벨카드 — 가운데 정렬 + 모바일 폭 */
  .ncon03_labels {
    justify-content: center;
    gap: 2vw;
    margin-top: 4vw;
  }
  .ncon03_label_img {
    width: 40vw;
    aspect-ratio: 282/190;
  }
  /* ----- ncon04 — 시술 후 주의사항 (공통 gcon07 PC override 재지정) ----- */
  .ncon04 .gcon07_text {
    white-space: normal;
  }
}