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

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

.con02.rcon02 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding-bottom: 6.2vw;
}

.rcon02 .con02_head {
  padding-top: 7.5vw;
  padding-bottom: 6.8vw;
  background-image: url(/images/rcon02_01.png);
  background-size: cover;
  background-position: center;
}

.rcon02 .head_desc {
  color: #282828;
}

.rcon02 .con02_body {
  margin-top: 2vw;
}

.rcon02 .con02_left {
  /* heightSource: PSD 자연 사이즈 (959×830 → 43.3vw on 1915 canvas) */
  width: 50.1%;
  height: 43.3vw;
  background-color: #f4fdfd;
  background-image: url(/images/rcon02_02.png);
  background-size: cover;
  background-position: center;
}

.rcon02 .con02_right {
  width: 42.5%;
  padding-top: 10.7vw;
}

.rcon02 .right_eyebrow {
  color: #285a5c;
}

.rcon02 .right_desc {
  color: #05130b;
}
.rcon02 .right_desc b {
  font-weight: 800;
}

.rcon02 .right_desc + .right_desc {
  margin-top: 1.2vw;
}

.rcon02_botox_img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(var(--px) * 670);
  aspect-ratio: 670/186;
  left: 0;
  bottom: 2.5vw;
}

.gcon03.rcon03 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding-top: 6.8vw;
}

.rcon03 .gcon03_left {
  background-color: #05130b;
  background-image: url(/images/rcon03_01.png);
  padding-top: 11.3vw; /* (2726-2509)/1915 — card top → num top */
}

.rcon03 .gcon03_right {
  background-color: #05130b;
  background-image: url(/images/rcon03_03.png);
  padding-top: 11.3vw;
}

.rcon03 .gcon03_left .gcon03_title {
  color: #fff;
}

.rcon03 .gcon03_right .gcon03_title {
  color: #fff;
}

.rcon03 .gcon03_left .gcon03_desc {
  color: #fff;
}

.rcon03 .gcon03_right .gcon03_desc {
  color: #fff;
}

.hcon05.rcon04 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color: #f4fdfd;
  padding-top: 6.5vw;
  padding-bottom: 0vw;
}

.rcon04_01 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 7.3%;
  aspect-ratio: 139/18;
}

.rcon04_title {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 1.5vw;
  font-size: calc(var(--px) * 41);
  font-weight: 500;
  letter-spacing: -0.025em;
  color: #05130b;
  text-align: center;
  font-family: "Pretendard Variable", sans-serif;
}
.rcon04_title b {
  font-weight: 800;
}

.rcon04_top_tt {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 1vw;
  font-size: calc(var(--px) * 18);
  font-weight: 500;
  line-height: 1.61;
  letter-spacing: -0.025em;
  color: #05130b;
  text-align: center;
  font-family: "Pretendard Variable", sans-serif;
}

.rcon04_14 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 87.4%;
  aspect-ratio: 1674/193;
  top: 36.1%;
}

.rcon04_03 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30.1%;
  aspect-ratio: 575/1053;
  margin-top: 1.5vw;
}

.rcon04_02 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(var(--px) * 159);
  aspect-ratio: 159/17;
  left: 7.7%;
  top: 8.8%;
}

.rcon04_label_03 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(var(--px) * 159);
  aspect-ratio: 159/17;
  left: 12.1%;
  top: 13.4%;
}

.rcon04_04 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(var(--px) * 214);
  aspect-ratio: 214/42;
  left: 1.1%;
  top: 19.2%;
}

.rcon04_05 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(var(--px) * 163);
  aspect-ratio: 163/17;
  left: 49.1%;
  top: 11.7%;
}

.rcon04_06 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(var(--px) * 176);
  aspect-ratio: 176/17;
  left: 50.8%;
  top: 22.1%;
}

.rcon04_07 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(var(--px) * 178);
  aspect-ratio: 178/17;
  left: 63.1%;
  top: 30.2%;
}

.rcon04_08 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(var(--px) * 240);
  aspect-ratio: 240/17;
  left: -19.5%;
  top: 42.2%;
}

.rcon04_09 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(var(--px) * 160);
  aspect-ratio: 160/17;
  left: -16.1%;
  top: 53.1%;
}

.rcon04_10 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(var(--px) * 312);
  aspect-ratio: 312/17;
  left: -25.2%;
  top: 71.1%;
}

.rcon04_11 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(var(--px) * 176);
  aspect-ratio: 176/17;
  left: 66.6%;
  top: 87.8%;
}

.rcon04_12 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(var(--px) * 174);
  aspect-ratio: 174/61;
  left: 71.1%;
  top: 94.1%;
}

.rcon04_banner {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding-top: 5.5vw;
  padding-bottom: 5.5vw;
  background-color: #102d2e;
  background-image: url(/images/rcon04_15.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.banner_eyebrow {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: calc(var(--px) * 26);
  font-weight: 500;
  line-height: 1.31;
  letter-spacing: -0.025em;
  color: #adc6c7;
  text-align: center;
  font-family: "Pretendard Variable", sans-serif;
}
.banner_eyebrow b {
  font-weight: 700;
}

.rcon04_banner .banner_tt01 {
  margin-top: 1.2vw;
  font-size: calc(var(--px) * 20);
  font-weight: 500;
  line-height: 1.45;
  letter-spacing: -0.025em;
  color: #fff;
  text-align: center;
  font-family: "Pretendard Variable", sans-serif;
}

.gcon04.rcon05 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color: #285a5c;
  padding-top: 5.5vw;
  padding-bottom: 8.7vw;
}

.rcon05_kp {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(var(--px) * 197);
  aspect-ratio: 197/30;
}

.rcon05 .c4b {
  margin-top: 4.65vw;
  gap: 1vw 0;
}

.rcon05_card {
  background-color: #ffffff;
}

.rcon05_card .gcon04_card_row01 {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #edf7f7;
}
.rcon05_card .gcon04_card_row01 > img {
  width: 100%;
}

.rcon05_card .gcon04_card_row02 {
  padding-top: 9.2vw;
  padding-left: 4.5vw;
}

.rcon05_eye {
  display: flex;
  justify-content: center;
  align-items: center;
}

.rcon05_card01 .rcon05_eye {
  width: calc(var(--px) * 110);
  aspect-ratio: 110/17;
}

.rcon05_card02 .rcon05_eye {
  width: calc(var(--px) * 127);
  aspect-ratio: 127/18;
}

.rcon05_card03 .rcon05_eye {
  width: calc(var(--px) * 136);
  aspect-ratio: 136/18;
}

.rcon05_card04 .rcon05_eye {
  width: calc(var(--px) * 132);
  aspect-ratio: 132/17;
}

.rcon05_card05 .rcon05_eye {
  width: calc(var(--px) * 135);
  aspect-ratio: 135/24;
}

.rcon05_title {
  margin-top: 1.4vw;
  font-weight: 800;
  text-align: left !important;
  color: #282828;
}

.rcon05_desc {
  margin-top: 2.5vw;
  text-align: left !important;
  color: #585858;
}

.rcon05_desc + .rcon05_desc {
  margin-top: 1.2vw;
}

.rcon05_num {
  display: flex;
  justify-content: center;
  align-items: center;
}

.rcon05_card01 .rcon05_num {
  width: 13.2%;
  aspect-ratio: 206/164;
  left: 82.7%;
  top: 4.5vw;
}

.rcon05_card02 .rcon05_num {
  width: 15.1%;
  aspect-ratio: 234/163;
  left: 81.8%;
  top: 4.4vw;
}

.rcon05_card03 .rcon05_num {
  width: 16.5%;
  aspect-ratio: 258/177;
  left: 80.8%;
  top: 3.7vw;
}

.rcon05_card04 .rcon05_num {
  width: 16.1%;
  aspect-ratio: 250/163;
  left: 81.1%;
  top: 4.4vw;
}

.rcon05_card05 .rcon05_num {
  width: 16.5%;
  aspect-ratio: 258/177;
  left: 80.8%;
  top: 3.7vw;
}

.gcon05.rcon06 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.rcon06 .gcon05_num {
  color: #285a5c;
}

.gcon07.rcon07 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background: #edf7f7;
  padding-top: 5.7vw;
  padding-bottom: 6vw;
}

.rcon07 .gcon07_eyebrow {
  color: #285a5c;
}

.rcon07 .gcon07_num {
  color: #285a5c;
}

@media (max-width: 599px) {
  br.mobile-pc {
    display: block;
  }
  /* ----- rcon02 ----- */
  .con02.rcon02 {
    padding-bottom: 14vw;
  }
  .rcon02 .con02_head {
    padding-top: 16vw;
    padding-bottom: 14vw;
  }
  .rcon02 .head_title {
    font-size: 5.5vw;
    line-height: 1.4;
  }
  .rcon02 .head_desc {
    margin-top: 4vw;
    font-size: 3.3vw;
    line-height: 1.65;
    padding: 0 6%;
    box-sizing: border-box;
  }
  .rcon02 .con02_body {
    flex-direction: column;
    align-items: center;
    margin-top: 0;
  }
  .rcon02 .con02_left {
    /* heightSource: PSD 자연 사이즈 (959×830 → 86.6vw on mobile) */
    width: 100%;
    height: 86.6vw;
  }
  .rcon02 .con02_right {
    width: 100%;
    align-items: center;
    text-align: center;
    padding: 12vw 6% 0;
    box-sizing: border-box;
  }
  .rcon02 .right_eyebrow {
    font-size: 3.5vw;
    line-height: 1.5;
    text-align: center;
  }
  .rcon02 .right_title {
    margin-top: 3vw;
    font-size: 6.5vw;
    line-height: 1.3;
  }
  .rcon02 .right_desc {
    margin-top: 4vw;
    font-size: 3.3vw;
    line-height: 1.65;
    text-align: center;
  }
  .rcon02 .right_desc + .right_desc {
    margin-top: 3vw;
  }
  .rcon02_botox_img {
    position: static;
    width: 90vw;
    margin-top: 6vw;
    bottom: auto;
    left: auto;
  }
  /* ----- rcon03 — 2-col → 세로 스택 ----- */
  .gcon03.rcon03 {
    padding-top: 0;
  }
  .rcon03 .gcon03_left {
    padding-top: 15vw;
  }
  .rcon03 .gcon03_right {
    padding-top: 15vw;
  }
  .rcon03 .gcon03_left::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
  }
  .rcon03 .gcon03_right::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
  }
  .rcon03 .gcon03_num {
    position: relative;
    z-index: 1;
  }
  .rcon03 .gcon03_title {
    position: relative;
    z-index: 1;
  }
  .rcon03 .gcon03_desc {
    position: relative;
    z-index: 1;
  }
  /* ----- rcon04 시술부위 ----- */
  .hcon05.rcon04 {
    padding-top: 14vw;
    padding-bottom: 0vw;
  }
  .rcon04_01 {
    width: 27vw;
    aspect-ratio: 139/18;
  }
  .rcon04_title {
    font-size: 5.5vw;
    line-height: 1.3;
    margin-top: 3vw;
  }
  .rcon04_top_tt {
    font-size: 3.3vw;
    line-height: 1.6;
    margin-top: 3vw;
    padding: 0 6%;
    box-sizing: border-box;
  }
  .rcon04_14 {
    width: 96vw;
    top: 30%;
  }
  .rcon04_03 {
    width: 60vw;
    margin-top: 8vw;
  }
  .rcon04_02 {
    width: 16.6vw;
  } /* 159/575 × 60 */
  .rcon04_label_03 {
    width: 16.6vw;
  } /* 159/575 × 60 */
  .rcon04_04 {
    width: 22.3vw;
  } /* 214/575 × 60 */
  .rcon04_05 {
    width: 17vw;
  } /* 163/575 × 60 */
  .rcon04_06 {
    width: 18.4vw;
  } /* 176/575 × 60 */
  .rcon04_07 {
    width: 18.6vw;
  } /* 178/575 × 60 */
  .rcon04_08 {
    width: 25vw;
  } /* 240/575 × 60 */
  .rcon04_09 {
    width: 16.7vw;
  } /* 160/575 × 60 */
  .rcon04_10 {
    width: 32.6vw;
  } /* 312/575 × 60 */
  .rcon04_11 {
    width: 18.4vw;
  } /* 176/575 × 60 */
  .rcon04_12 {
    width: 18.2vw;
  } /* 174/575 × 60 */
  /* ----- rcon04_banner ----- */
  .rcon04_banner {
    padding-top: 14vw;
    padding-bottom: 14vw;
  }
  .banner_eyebrow {
    font-size: 3.3vw;
    line-height: 1.6;
    padding: 0 6%;
    box-sizing: border-box;
  }
  .rcon04_banner .banner_tt01 {
    font-size: 3.5vw;
    line-height: 1.6;
    margin-top: 3vw;
    padding: 0 6%;
    box-sizing: border-box;
  }
  /* ----- rcon05 — BOTOX Program 5카드 ----- */
  .gcon04.rcon05 {
    padding-top: 14vw;
    padding-bottom: 14vw;
  }
  .rcon05_kp {
    width: 45vw;
    aspect-ratio: 197/30;
  }
  .rcon05_card {
    flex-direction: column;
    align-items: stretch;
  }
  .rcon05_card .gcon04_card_row {
    width: 100%;
  }
  .rcon05_card .gcon04_card_row02 {
    width: 100%;
    padding: 8vw 6%;
    box-sizing: border-box;
    align-items: center;
    text-align: center;
  }
  .rcon05_eye {
    justify-content: center;
  }
  .rcon05_card01 .rcon05_eye {
    width: 22vw;
  }
  .rcon05_card02 .rcon05_eye {
    width: 25.4vw;
  }
  .rcon05_card03 .rcon05_eye {
    width: 27.2vw;
  }
  .rcon05_card04 .rcon05_eye {
    width: 26.4vw;
  }
  .rcon05_card05 .rcon05_eye {
    width: 27vw;
  }
  .rcon05_title {
    margin-top: 3vw;
    text-align: center !important;
  }
  .rcon05_desc {
    margin-top: 4vw;
    text-align: center !important;
  }
  .rcon05_desc + .rcon05_desc {
    margin-top: 3vw;
  }
  .rcon05_card01 .rcon05_num {
    width: 22vw;
    left: auto;
    right: 4%;
    top: 4vw;
  }
  .rcon05_card02 .rcon05_num {
    width: 22vw;
    left: auto;
    right: 4%;
    top: 4vw;
  }
  .rcon05_card03 .rcon05_num {
    width: 22vw;
    left: auto;
    right: 4%;
    top: 4vw;
  }
  .rcon05_card04 .rcon05_num {
    width: 22vw;
    left: auto;
    right: 4%;
    top: 4vw;
  }
  .rcon05_card05 .rcon05_num {
    width: 22vw;
    left: auto;
    right: 4%;
    top: 4vw;
  }
  /* ----- rcon06 — 추천대상 순서 재배치 ----- */
  .rcon06 .gcon05_row {
    display: contents;
  }
  .rcon06 .gcon05_row_2 {
    display: contents;
  }
  .rcon06 .gcon05_item:has(.gcon05_num_01) {
    order: 1;
  }
  .rcon06 .gcon05_item:has(.gcon05_num_02) {
    order: 2;
  }
  .rcon06 .gcon05_item:has(.gcon05_num_03) {
    order: 3;
  }
  .rcon06 .gcon05_item:has(.gcon05_num_04) {
    order: 4;
  }
  .rcon06 .gcon05_item:has(.gcon05_num_05) {
    order: 5;
  }
  .rcon06 .gcon05_item:has(.gcon05_num_06) {
    order: 6;
  }
}