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

.con02 {
  padding-top: 8.6vw;
  background-image: url("/images/hcon02_01.png");
  background-size: 100%;
  background-position: top;
  background-repeat: no-repeat;
}
.con02 .con02_head {
  padding-bottom: 7.1vw;
}
.con02 .con02_body {
  align-items: flex-start;
}
.con02 .con02_left {
  width: 50.1%;
  height: 43.3vw;
}
.con02 .con02_right {
  width: 43%;
}
.con02 .right_eyebrow {
  margin-top: 11.6vw;
  line-height: 1.12;
  color: #71994b;
}
.con02 .right_title {
  line-height: 0.82;
}
.con02 .hcon02_lily {
  width: calc(var(--px) * 795);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 2vw;
}

.gcon03_left {
  background-image: url(/images/hcon03_01.png);
}

.gcon03_right {
  background-image: url(/images/hcon03_03.png);
}

.gcon03_left .gcon03_title {
  color: #71994B;
}

.gcon03_left .gcon03_desc {
  color: #71994B;
}

.gcon03_right .gcon03_title {
  color: #fff;
}

.gcon03_right .gcon03_desc {
  color: #fff;
}

.gcon04 {
  background-color: #20301B;
}

.c4_dis {
  color: #80A360;
}

.gcon04_card04 .gcon04_card_row01 {
  background-image: url(/images/hcon04_02.png);
  background-size: cover;
}

.hcon04_06 {
  width: 16.0003%;
  aspect-ratio: 112/23;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.gcon04_card04_img {
  width: 40.2858%;
  aspect-ratio: 282/190;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.gcon04_card05 .gcon04_card_row01 {
  background-image: url(/images/hcon04_07.png);
  background-size: cover;
}

.hcon04_03 {
  width: 15.5718%;
  aspect-ratio: 109/23;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.gcon04_card04_img_wrap {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 1vw;
  margin-top: 0.5vw;
  margin-bottom: -1.5vw;
}

.gcon04_card04 .gcon04_card_row02 {
  padding-top: 5.5vw;
}

.c4c_body05 {
  margin-top: 1.5vw;
}

.gcon04_card05 .gcon04_card_row02 {
  padding-top: 6.5vw;
}

.hcon05 {
  background-color: #EFF7E7;
  padding-top: 6vw;
}

.hcon05_01 {
  width: 7.29669%;
  aspect-ratio: 139/18;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.hcon05_title {
  font-size: calc(var(--px) * 44);
  font-weight: 500;
  margin-top: 1.5vw;
}

.hcon05_top_tt {
  font-size: calc(var(--px) * 18);
  font-weight: 500;
  margin-top: 1vw;
}

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

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

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

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

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

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

.hcon05_07 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(var(--px) * 282);
  aspect-ratio: 282/17;
  left: -13.9%;
  top: 63.9%;
}

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

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

.hcon05_02 {
  width: 87.8741%;
  aspect-ratio: 1674/193;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  top: 36%;
}

.hcon06 {
  background-image: url(/images/hcon06_01.png);
  background-size: cover;
  padding: 5vw 0;
}

.hcon06_main {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.hcon06_right {
  width: 50.3938%;
  aspect-ratio: 960/855;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.hcon06_left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-left: calc(var(--px) * 239);
  font-family: "Pretendard", sans-serif;
  letter-spacing: -0.025em;
  color: #fff;
}

.hcon06_eyebrow {
  font-size: var(--size-26);
  font-weight: 500;
  line-height: 1.2;
}

.hcon06_title {
  margin-top: 0.3vw;
  font-size: var(--size-44);
  font-weight: 800;
  line-height: 1.27;
}

.hcon06_noppc {
  margin-top: 2.2vw;
  width: calc(var(--px) * 407);
  aspect-ratio: 407/71;
  display: flex;
  justify-content: center;
  align-items: center;
}

.hcon06_noppc_tt {
  top: 0;
  bottom: 0;
  left: 22.1%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.hcon06_noppc_tt p {
  font-size: var(--size-20);
  font-weight: 500;
  line-height: 1.45;
}

.hcon06_noppc_tt b {
  font-weight: 800;
}

.hcon06_desc01 {
  margin-top: 2.3vw;
  font-size: var(--size-18);
  font-weight: 500;
  line-height: 1.61;
}

.hcon06_desc02 {
  margin-top: 1.5vw;
  font-size: var(--size-18);
  font-weight: 500;
  line-height: 1.61;
}

.hcon06_desc02 b {
  font-weight: 800;
}

.hcon07 {
  background-color: #05130B;
  height: calc(var(--px) * 377);
}

.hcon07_bg {
  background-image: url(/images/hcon07_02.png);
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
}

.hcon07_tt {
  font-size: calc(var(--px) * 20);
  font-weight: 500;
  color: #fff;
  line-height: 1.4;
}

.hcon09 {
  background-image: url(/images/hcon09_01.png);
  padding-top: 8vw;
  padding-bottom: 8vw;
}

.hcon09_02 {
  width: 6.87674%;
  aspect-ratio: 131/19;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.hcon09_title {
  font-size: calc(var(--px) * 44);
  font-weight: 500;
  margin-top: 1vw;
}

.hcon09_top_tt {
  font-size: calc(var(--px) * 18);
  font-weight: 500;
  margin-top: 1vw;
}

.hcon09_row_wrap {
  width: calc(var(--px) * 1200);
  flex-wrap: wrap;
  gap: 1.3vw 0.7vw;
  margin-top: 2.3vw;
}

.hcon09_row {
  width: 44.4168%;
  aspect-ratio: 533/379;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.hcon09_bot {
  font-size: calc(var(--px) * 44);
  font-weight: 500;
  margin-top: 3vw;
}

.hcon09_07 {
  width: 13.3859%;
  aspect-ratio: 255/130;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-left: 1.5vw;
  margin-right: 0.5vw;
}

.hcon09_bot_tt {
  font-size: calc(var(--px) * 18);
  font-weight: 500;
  margin-top: 0.7vw;
}

.hcon11 {
  background-color: #F7FBF2;
}

.gcon07_eyebrow {
  color: #71994B;
}

.gcon07_num {
  color: #71994B;
}

.gcon05_num {
  color: #71994B;
}

@media (max-width: 599px) {
  /* ----- hcon02 — 시그니처 인트로 ----- */
  .con02 {
    padding-top: 14vw;
    background-size: cover;
  }
  .con02 .con02_head {
    padding-bottom: 12vw;
  }
  .con02 .con02_body {
    flex-direction: column;
    align-items: center;
  }
  .con02 .head_title {
    font-size: 5.5vw;
    line-height: 1.4;
  }
  .con02 .head_desc {
    margin-top: 3.5vw;
    font-size: 3.3vw;
    line-height: 1.65;
    box-sizing: border-box;
    padding: 0 6%;
  }
  .con02 .head_desc .eb {
    display: block;
  }
  .con02 .con02_left {
    width: 100%;
    height: auto;
    aspect-ratio: 959/720;
  }
  .con02 .con02_right {
    width: 100%;
    align-items: center;
    text-align: center;
    padding: 11vw 6%;
  }
  .con02 .right_eyebrow {
    margin-top: 0;
    font-size: 3.5vw;
  }
  .con02 .right_title {
    margin-top: 3vw;
    font-size: 6vw;
    line-height: 1.3;
  }
  .con02 .right_desc {
    margin-top: 4.5vw;
    font-size: 3.3vw;
    line-height: 1.7;
    text-align: center;
  }
  .con02 .hcon02_lily {
    width: 72vw;
    margin-top: 7vw;
  }
  /* ----- gcon04 (hcon04) — Key point 카드 세로 스택 (배경 row 숨김) ----- */
  .gcon04_card {
    flex-direction: column;
  }
  .gcon04_card .gcon04_card_row01 {
    display: none;
  }
  .gcon04_card .gcon04_card_row02 {
    width: 100%;
    padding: 10vw 0%;
    align-items: center;
    text-align: center;
  }
  .hcon04_03 {
    width: 17vw;
    aspect-ratio: 109/23;
  }
  .hcon04_06 {
    width: 17vw;
    aspect-ratio: 112/23;
  }
  .gcon04_card04_img_wrap {
    justify-content: center;
    gap: 3vw;
    margin-top: 5vw;
    margin-bottom: 0;
  }
  .gcon04_card04_img {
    width: 41vw;
  }
  .c4c_body05 {
    margin-top: 4vw;
  }
  .c4c_title {
    font-size: 6vw;
  }
  /* ----- hcon05 — 시술부위 인체도 ----- */
  .hcon05 {
    padding-top: 14vw;
    padding-bottom: 0;
  }
  .hcon05_01 {
    width: 27vw;
    aspect-ratio: 139/18;
  }
  .hcon05_title {
    font-size: 5.5vw;
    line-height: 1.3;
    margin-top: 3vw;
    text-align: center;
  }
  .hcon05_top_tt {
    font-size: 3.3vw;
    line-height: 1.6;
    margin-top: 3vw;
    text-align: center;
    padding: 0 6%;
    box-sizing: border-box;
  }
  .hcon05_03 {
    width: 68vw;
    margin-top: 8vw;
  }
  /* 인체도 라벨 — px() width → 카드 비율 % 로 변환 (left/top 은 PC % 유지) */
  .hcon05_08 {
    width: 28.2%;
  }
  .hcon05_04 {
    width: 30.4%;
  }
  .hcon05_09 {
    width: 30.4%;
  }
  .hcon05_05 {
    width: 41.5%;
  }
  .hcon05_06 {
    width: 30.4%;
  }
  .hcon05_07 {
    width: 48.8%;
  }
  .hcon05_10 {
    width: 47.1%;
  }
  .hcon05_11 {
    width: 37.7%;
  }
  /* ----- hcon06 — NO PPC ----- */
  .hcon06 {
    padding: 16vw 0;
  }
  .hcon06_main {
    flex-direction: column;
    align-items: center;
  }
  .hcon06_left {
    width: 100%;
    padding-left: 0;
    align-items: center;
    text-align: center;
  }
  .hcon06_eyebrow {
    font-size: 3.5vw;
  }
  .hcon06_title {
    margin-top: 2vw;
    font-size: 6vw;
    line-height: 1.3;
  }
  .hcon06_noppc {
    margin-top: 5vw;
    width: 52vw;
    aspect-ratio: 407/71;
  }
  .hcon06_noppc_tt p {
    font-size: 3.3vw;
  }
  .hcon06_desc01 {
    margin-top: 6vw;
    font-size: 3.3vw;
    line-height: 1.65;
  }
  .hcon06_desc02 {
    margin-top: 3.5vw;
    font-size: 3.3vw;
    line-height: 1.65;
  }
  .hcon06_right {
    width: 86.4%;
    aspect-ratio: 960/855;
    margin-top: 9vw;
  }
  /* ----- hcon07 — 띠 배너 ----- */
  .hcon07 {
    height: auto;
    padding: 16vw 0;
  }
  .hcon07_bg {
    background-attachment: scroll;
  }
  .hcon07_tt {
    font-size: 3.3vw;
    line-height: 1.75;
    padding: 0;
    box-sizing: border-box;
  }
  /* ----- gcon05 (hcon08) — 추천대상 모바일 1~5 순서 ----- */
  .gcon05_row {
    display: contents;
  }
  .gcon05_item_l {
    order: 1;
  }
  .gcon05_item_r {
    order: 2;
  }
  /* ----- hcon09 — 변화로 증명 ----- */
  .hcon09 {
    padding-top: 16vw;
    padding-bottom: 16vw;
  }
  .hcon09_02 {
    width: 24vw;
    aspect-ratio: 131/19;
  }
  .hcon09_title {
    font-size: 5.5vw;
    line-height: 1.3;
    margin-top: 3.5vw;
  }
  .hcon09_top_tt {
    font-size: 3.3vw;
    line-height: 1.6;
    margin-top: 3.5vw;
    padding: 0 6%;
    box-sizing: border-box;
  }
  .hcon09_row_wrap {
    width: 90.2%;
    gap: 3vw 3%;
    margin-top: 8vw;
  }
  .hcon09_row {
    width: 100%;
    aspect-ratio: 533/379;
  }
  .hcon09_bot {
    font-size: 5.2vw;
    margin-top: 8vw;
  }
  .hcon09_07 {
    width: 32vw;
    aspect-ratio: 255/130;
    margin-left: 2.5vw;
    margin-right: 1.5vw;
  }
  .hcon09_bot_tt {
    font-size: 3.3vw;
    line-height: 1.6;
    margin-top: 3.5vw;
    padding: 0 7%;
    box-sizing: border-box;
  }
}