@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.pcon02 {
  padding-bottom: 6.2vw;
}
.con02.pcon02 .con02_head {
  padding-top: 7.5vw;
  padding-bottom: 6.8vw;
}
.con02.pcon02 .head_desc {
  color: #23284c;
}
.con02.pcon02 .con02_body {
  margin-top: 2vw;
}
.con02.pcon02 .con02_left {
  width: 50.3%;
  height: 43.5vw;
  background-color: #0e1220;
  background-image: url(/images/pcon02_01.png);
  background-size: cover;
  background-position: center;
}
.con02.pcon02 .con02_right {
  width: 42.5%;
  padding-top: 6.7vw;
}
.con02.pcon02 .right_eyebrow {
  color: #23284c;
}
.con02.pcon02 .right_desc {
  color: #282828;
}
.con02.pcon02 .right_desc b {
  font-weight: 800;
}
.con02.pcon02 .right_desc + .right_desc {
  margin-top: 1.2vw;
}

.pcon02_clarity_img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(var(--px) * 1008); /* pcon02_02.png 원본 */
  aspect-ratio: 1008/277;
  left: 0;
  bottom: 1.5vw;
}

.pcon02_banner {
  padding-top: 8.7vw;
  padding-bottom: 8.7vw;
  background-color: #131628;
  background-image: url(/images/pcon02_03.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.pcon03 {
  background-color: #212635;
  padding-top: 5.5vw;
  padding-bottom: 8.3vw;
}

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

.pcon03_card01 .gcon04_card_row02 {
  padding-top: 8.8vw; /* (3261-3093)/1915 — text 우측 */
  padding-left: 3.9vw; /* (1033-959)/1915 */
}

.pcon03_card02 .gcon04_card_row02 {
  padding-top: 10vw; /* (3928-3736)/1915 — card02 top + 192 */
  padding-left: 5.3vw; /* (281-179)/1915 → text 좌측 */
  order: 1;
}

.pcon03_card01 .gcon04_card_row01 {
  background-color: #131628;
  overflow: hidden;
}
.pcon03_card01 .gcon04_card_row01 > img {
  width: 100%;
}

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

.pcon03_eye {
  font-size: calc(var(--px) * 24);
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.025em;
  color: #5a66a0;
  font-family: "cofo-raffine", sans-serif;
}

.pcon03_desc {
  margin-top: 3.1vw;
}

.gcon07.pcon04 {
  background: #fff;
  padding-top: 5.7vw;
  padding-bottom: 6vw;
}
.gcon07.pcon04 .gcon07_eyebrow {
  color: #5a66a0;
}
.gcon07.pcon04 .gcon07_num {
  color: #5a66a0;
}

@media (max-width: 599px) {
  /* ----- pcon02 ----- */
  .con02.pcon02 {
    padding-bottom: 14vw;
  }
  .con02.pcon02 .con02_head {
    padding-top: 16vw;
    padding-bottom: 14vw;
  }
  .con02.pcon02 .head_title {
    font-size: 5.5vw;
    line-height: 1.4;
  }
  .con02.pcon02 .head_desc {
    margin-top: 4vw;
    font-size: 3.3vw;
    line-height: 1.65;
    padding: 0 6%;
    box-sizing: border-box;
  }
  .con02.pcon02 .con02_body {
    flex-direction: column;
    align-items: center;
    margin-top: 0;
  }
  .con02.pcon02 .con02_left {
    width: 100%;
    height: 86.6vw;
  }
  .con02.pcon02 .con02_right {
    width: 100%;
    align-items: center;
    text-align: center;
    padding: 12vw 6% 0;
    box-sizing: border-box;
  }
  .con02.pcon02 .right_eyebrow {
    font-size: 3.5vw;
    line-height: 1.5;
    text-align: center;
  }
  .con02.pcon02 .right_title {
    margin-top: 3vw;
    font-size: 6.5vw;
    line-height: 1.3;
  }
  .con02.pcon02 .right_desc {
    margin-top: 4vw;
    font-size: 3.3vw;
    line-height: 1.65;
    text-align: center;
  }
  .con02.pcon02 .right_desc + .right_desc {
    margin-top: 3vw;
  }
  .pcon02_clarity_img {
    position: static;
    width: 90vw;
    margin-top: 6vw;
    bottom: auto;
    left: auto;
  }
  br.mobile-pc {
    display: block;
  }
  /* ----- pcon02_banner ----- */
  .pcon02_banner {
    padding-top: 14vw;
    padding-bottom: 14vw;
  }
  .banner_tt01 {
    font-size: 3.3vw;
    line-height: 1.65;
    padding: 0 6%;
    box-sizing: border-box;
  }
  /* ----- pcon03 — Picoandy Key point ----- */
  .gcon04.pcon03 {
    padding-top: 14vw;
    padding-bottom: 14vw;
  }
  .pcon03_kp {
    width: 42vw;
    aspect-ratio: 254/29;
  }
  /* Card01 photo 좌 / text 우 → 세로 stack */
  .pcon03_card01 {
    flex-direction: column;
    align-items: stretch;
  }
  /* Card02 text 좌 / photo 우 → 사진 위 텍스트 아래 (zigzag 풀기) */
  .pcon03_card02 {
    flex-direction: column-reverse;
    align-items: stretch;
  }
  .pcon03_card .gcon04_card_row {
    width: 100%;
  }
  .pcon03_card01 .gcon04_card_row02,
  .pcon03_card02 .gcon04_card_row02 {
    width: 100%;
    padding: 8vw 6%;
    box-sizing: border-box;
    align-items: center;
    text-align: center;
  }
  .pcon03_eye {
    font-size: 3.5vw;
  }
  .pcon03_title {
    margin-top: 3vw;
  }
  .pcon03_desc {
    margin-top: 4vw;
  }
  /* ----- pcon04 — 시술 후 주의사항 ----- */
  .pcon04 .gcon07_text {
    white-space: normal;
  }
}