@charset "utf-8";

:root {
  --font-nskr:'Noto Serif KR', serif;
  --font-per: 'Perpetua';
  --font-suit: 'SUIT Variable';
}

.flexCenter { display: flex; justify-content: center; align-items: center; }
.flexCol_aiCenter { display: flex; flex-direction: column; align-items: center; }

/* 이미지 flex common css */
.imgFlexCont_wrap { display: flex; flex-direction: column; gap: 9.188rem; width: 100%; max-width: 78.875rem; margin-inline: auto; }
.imgFlexCont_wrap .imgFlexCont_item { display: flex; align-items: flex-start; width: 100%; }
.imgFlexCont_wrap .imgFlexCont_item.imgLeft { justify-content: flex-start; }
.imgFlexCont_wrap .imgFlexCont_item.imgRight { justify-content: flex-end; }

.imgFlexCont_wrap .imgFlexCont_item .imgBox { position: relative; z-index: 1; width: 37.25rem; }
.imgFlexCont_wrap .imgFlexCont_item .imgBox .sub3_sect1_bgImg { z-index: -1; position: absolute; left: -12.625rem; bottom: -7.313rem; width: 15.688rem; }

.imgFlexCont_wrap .imgFlexCont_item .descBox { display: flex; flex-direction: column; align-items: flex-start; }
.imgFlexCont_wrap .imgFlexCont_item .item_title { display: flex; justify-content: flex-start; align-items: center; gap: 1.625rem; margin-bottom: 2.375rem; font-family: var(--font-nskr); font-weight: 600; font-size: 2.375rem; color: #232323; }
.imgFlexCont_wrap .imgFlexCont_item .item_title_eng { font-family: var(--font-per); font-weight: 400; font-size: 1.75rem; }

.imgFlexCont_wrap .imgFlexCont_item .item_desc { font-family: 'SUIT Variable'; font-weight: 400; font-size: 1.25rem; letter-spacing: -0.02em; color: #232323; line-height: 1.5; }
.imgFlexCont_wrap .imgFlexCont_item .item_desc b { font-family: 'SUIT Variable'; font-weight: 600; letter-spacing: inherit; color: inherit; }
.imgFlexCont_wrap .imgFlexCont_item .item_goal { font-family: var(--font-nskr); font-weight: 600; font-size: 1.438rem; letter-spacing: -0.02em; color: #232323; line-height: 1.4782; }

.imgFlexCont_wrap .imgFlexCont_item .item_desc1,
.imgFlexCont_wrap .imgFlexCont_item .item_desc2 { margin-bottom: 1.25rem; }

/* sub3 slide common */
.sub3_common_slide { position: relative; padding-block: 12.375rem 14.875rem; }
.sub3_common_slide .sub3_common_bgImg { z-index: -1; position: absolute; top: 11.563rem; left: 50%; transform: translateX(-50%); width: 1920px; max-width: none; }
.sub3_common_slide .sect_title { font-size: 2.375rem; font-family: 'Noto Serif KR', serif; line-height: 1.4; }
.sub3_common_slide .sect_desc { font-size: 1.313rem; color: #232323; margin-top: 2rem; font-weight: 400; line-height: 1.4; text-align: center; }

.sub3_common_slide .sub3_swiper_btnWrap { z-index: 1; display: flex; justify-content: center; align-items: center; gap: 9.25rem; margin-block: 3.75rem 4.25rem; }
.sub3_common_slide .sub3_swiper_arrow_btn { flex-shrink: 0; position: static; width: 2.125rem; height: 1rem; margin-top: 0; }
.sub3_common_slide .sub3_swiper_prev { background: url(../sub/img/sub3_prev_arrow.png) center / contain no-repeat; }
.sub3_common_slide .sub3_swiper_next { background: url(../sub/img/sub3_next_arrow.png) center / contain no-repeat; }

.sub3_common_slide .swiper-pagination { display: flex; justify-content: center; align-items: center; gap: 1.438rem 8.438rem; position: static; flex-wrap: wrap; }
.sub3_common_slide .swiper-pagination .bulletText { position: relative; font-family: 'SUIT Variable'; font-weight: 500; font-size: 1.25rem; color: #1e1c1e; }
.sub3_common_slide .swiper-pagination .bulletText::before { opacity: 0; content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: opacity 0.5s ease; width: calc(100% + 6.626rem); height: 2.938rem; border: 2px solid #432839; border-radius: 1.5rem; }
.sub3_common_slide .swiper-pagination .swiper-pagination-bullet-active { background: transparent; }
.sub3_common_slide .swiper-pagination .swiper-pagination-bullet-active .bulletText::before { opacity: 1; }

.sub3_common_slide .sub3_slide_cont { width: 83.875rem; padding: 4.063rem 5.313rem; background: #f7f7f7; border-radius: 1.875rem; }

.sub3_common_slide .swiper-slide { display: flex; justify-content: flex-start; align-items: center; gap: 4.25rem; height: auto; }
.sub3_common_slide .swiper-slide-active { display: flex; }

.sub3_common_slide .swiper-slide .slide_title { margin-bottom: 1.5rem; font-family: 'SUIT Variable'; font-weight: 700; font-size: 1.875rem; letter-spacing: -0.02em; color: #432839; }

.sub3_common_slide .slide_tag_wrap { display: flex; align-items: flex-start; flex-direction: column; gap: 0.75rem; margin-bottom: 1.625rem; }
.sub3_common_slide .tagBox { display: flex; justify-content: flex-start; gap: 0.5rem; }
.sub3_common_slide .tagBox .tag_info { display: flex; justify-content: center; align-items: center; height: 2.625rem; border-radius: 1.313rem; padding-inline: 1.375rem; background: #432839; font-family: 'SUIT Variable'; font-weight: 500; font-size: 1.188rem; letter-spacing: -0.02em; color: #fff; }

.sub3_common_slide .swiper-slide .slide_desc_wrap { display: flex; flex-direction: column; align-items: flex-start; gap: 0.625rem; }
.sub3_common_slide .swiper-slide .slide_desc { font-family: var(--font-suit); font-weight: 400; font-size: 1.25rem; letter-spacing: -0.02em; line-height: 1.45; color: #1e1c1e; }
.sub3_common_slide .swiper-slide .slide_desc b { font-weight: 600; }

.sub3_common_slide .swiper-slide .slide_line { width: 100%; height: 1px; margin-block: 2rem; background: rgba(133, 133, 133, 0.5); }

.sub3_common_slide .swiper-slide .slide_info { display: flex; justify-content: flex-start; align-items: flex-start; gap: 2rem; }
.sub3_common_slide .slide_info .info_title_wrap { display: flex; justify-content: flex-start; align-items: center; gap: 0.75rem; }
.sub3_common_slide .slide_info .info_title { font-family: var(--font-suit); font-weight: 700; font-size: 1.438rem; letter-spacing: -0.02em; color: #432839; }

.sub3_common_slide .swiper-slide .slide_recommend { margin-bottom: 2.375rem; }
.sub3_common_slide .swiper-slide .recommend_list { display: flex; flex-direction: column; align-items: flex-start; gap: 0.5rem; }
.sub3_common_slide .swiper-slide .recommend_item { font-family: var(--font-suit); font-weight: 500; font-size: 1.25rem; letter-spacing: -0.02em; color: #1e1c1e; }

.sub3_common_slide .swiper-slide .count_item { display: flex; flex-direction: column; align-items: flex-start; gap: 0.625rem; }
.sub3_common_slide .swiper-slide .count_desc { font-family: var(--font-suit); font-weight: 600; font-size: 1.25rem; letter-spacing: -0.02em; color: #1e1c1e; }
.sub3_common_slide .swiper-slide .count_notice { font-family: var(--font-suit); font-weight: 400; font-size: 1.188rem; letter-spacing: -0.02em; color: #656565; }

/* special points common css */
.specialPoint_wrap { margin-top: 14.125rem; }
.specialPoint_wrap .sect_title_wrap { text-align:center; margin: 0 auto 3.75rem;	}
.specialPoint_wrap .sect_desc { font-family: var(--font-suit); font-size: 1.3rem;}
.specialPoint_wrap .sect_desc b { font-weight: 600; }
.specialPoint_wrap .sect_title { font-family: 'Noto Serif KR', serif; font-size: 2.375rem; margin-top: 1rem; color: #1e1c1e; }
.specialPoint_wrap .sect_title strong { font-weight: 700; }
.specialPoint_wrap .sect_title .text-point { color: #4e2e42; }

.specialPoint_wrap .specialPoint_list { display: flex; justify-content: center; flex-wrap: wrap; gap: 1.563rem; }
.specialPoint_wrap .specialPoint_item { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; width: 19.875rem; height: 26.688rem; padding-top: 2.375rem; background: #f9f4f7; border-radius: 1.875rem; }
.specialPoint_wrap .specialPoint_item .item_img { width: 10.375rem; }
.specialPoint_wrap .specialPoint_item .item_title { margin-block: 1.625rem 1.25rem; font-family: var(--font-suit); font-weight: 700; font-size: 1.5rem; letter-spacing: -0.02em; color: #752d5a; text-align: center; }
.specialPoint_wrap .specialPoint_item .item_desc { font-family: var(--font-suit); font-weight: 400; font-size: 1.25rem; color: #232323; line-height: 1.25; text-align: center; }
.specialPoint_wrap .specialPoint_item .item_desc b { font-weight: 600; }

@media (min-width: 1921px) {
  .sub3_common_slide .sub3_common_bgImg { width: 100vw; height: 988px; }
}
@media (max-width: 1680px) {
  .imgFlexCont_wrap .imgFlexCont_item .imgBox .sub3_sect1_bgImg { left: -8.625rem; }
}
@media (max-width: 1560px) {
  .sub3_common_slide .sub3_slide_cont { width: 93.875rem; }
}
@media (max-width: 1440px) {
  .imgFlexCont_wrap { max-width: 95%; }
  .imgFlexCont_wrap .imgFlexCont_item .imgBox { width: 35.25rem; }
  .imgFlexCont_wrap .imgFlexCont_item .imgBox .sub3_sect1_bgImg {left: -4.625rem; bottom: -6.313rem; width: 12.688rem; }

  .sub3_common_slide .sub3_slide_cont { width: 95%; padding: 4.063rem 3.313rem; }
  .sub3_common_slide .swiper-slide .slide_info { flex-wrap: wrap; gap: 0.5rem 2rem; }
}
@media (max-width: 960px) {
  .imgFlexCont_wrap { max-width: 90%; }
  .imgFlexCont_wrap .imgFlexCont_item { flex-direction: column; align-items: center; }
  .imgFlexCont_wrap .imgFlexCont_item.imgRight { flex-direction: column-reverse; }
  .imgFlexCont_wrap .imgFlexCont_item.imgLeft,
  .imgFlexCont_wrap .imgFlexCont_item.imgRight { justify-content: flex-start; }

  .imgFlexCont_wrap .imgFlexCont_item .imgBox { width: auto; }

  .imgFlexCont_wrap .imgFlexCont_item .descBox { align-items: center; }
  .imgFlexCont_wrap .imgFlexCont_item .item_desc,
  .imgFlexCont_wrap .imgFlexCont_item .item_goal { text-align: center; }


  .sub3_common_slide { padding-block: 7rem; }
  .sub3_common_slide .sub3_slide_cont { width: 90%; }
  .sub3_common_slide .sub3_swiper_btnWrap { gap: 4.25rem; width: 90%; }
  .sub3_common_slide .swiper-pagination { flex-wrap: wrap; gap: 1.938rem 6.438rem; }
  .sub3_common_slide .swiper-pagination .render_swiperBullet_box { min-width: 6rem; text-align: center; }

  .sub3_common_slide .swiper-slide { flex-direction: column; align-items: center; }
  .sub3_common_slide .tagBox { flex-wrap: wrap; }

  .specialPoint_wrap { margin-top: 7rem; }
}
@media (max-width: 680px) {
  .imgFlexCont_wrap .imgFlexCont_item .imgBox .sub3_sect1_bgImg { display: none; }
}
@media (max-width: 640px) {
.sub3_common_slide .swiper-pagination { flex-wrap: wrap; gap: 1.938rem 5.438rem; }
.sub3_common_slide .swiper-pagination .bulletText::before { width: calc(100% + 5.626rem); }
}
@media (max-width: 480px) {
  .imgFlexCont_wrap .imgFlexCont_item .item_desc, 
  .imgFlexCont_wrap .imgFlexCont_item .item_goal { text-wrap: balance; }
  .imgFlexCont_wrap .imgFlexCont_item .item_desc br,
  .imgFlexCont_wrap .imgFlexCont_item .item_goal br { display: none; }

  .sub3_common_slide .sub3_swiper_btnWrap { justify-content: space-between; gap: 2.25rem; }
  .sub3_common_slide .swiper-pagination { gap: 1.938rem 3.438rem; max-width: 19rem; }
  .sub3_common_slide .swiper-pagination .bulletText::before { width: calc(100% + 3.626rem); min-width: auto; }

  .sub3_common_slide .sub3_slide_cont { width: 95%; padding: 4.063rem 2.313rem; }
  .sub3_common_slide .swiper-slide .slide_desc br { display: none; }
}
/********************************************************** 
* sub3-1 색소 홍조
***********************************************************/ 
.sub3_1_top_view_bg { background: url(../sub/img/sub3_1_top_bg.jpg) 50% 50%/ cover no-repeat; } 

.sub31_sect1_wrap { padding-block: 12.563rem 13.5rem; background: url(../sub/img/sub3-4_sect1_bg.png) bottom center / cover no-repeat; }

.sub31_sect1_wrap .imgFlexCont_item { align-items: center; }
.sub31_sect1_wrap .imgFlexCont_item.imgLeft { gap: 11.125rem; }
.sub31_sect1_wrap .imgFlexCont_item.imgRight { gap: 8.675rem; }

.sub31_sect2_wrap .sub3_slide_cont { padding: 4.063rem 3.313rem; }

@media (max-width: 1280px) {
  .sub31_sect2_wrap .render_swiperBullet_box { min-width: 10rem; }
}
@media (max-width: 480px) {
  .sub31_sect2_wrap .sub3_slide_cont { padding: 4.063rem 2.313rem; }
}

/********************************************************** 
* sub3-2 색소 홍조
***********************************************************/ 
.sub3_2_top_view_bg { background: url(../sub/img/sub3_2_top_bg.jpg) 50% 50%/ cover no-repeat; } 

.sub32_sect1_wrap { padding-block: 12.563rem 13.5rem; background: url(../sub/img/sub3-2_sect1_bg.png) bottom center / cover no-repeat; }

.sub32_sect1_wrap .imgFlexCont_item { align-items: center; }
.sub32_sect1_wrap .imgFlexCont_item.imgLeft { gap: 11.125rem; }
.sub32_sect1_wrap .imgFlexCont_item.imgRight { gap: 7.775rem; }

.sub32_sect1_wrap .imgFlexCont_item1 .item_desc { white-space: noWrap; }

.sub32_sect2_wrap .sub3_slide_cont { padding: 4.063rem 3.313rem; }

@media (max-width: 960px) {
  .sub32_sect1_wrap .imgFlexCont_item1 .item_desc { white-space: normal; }
}
@media (max-width: 480px) {
  .sub32_sect2_wrap .sub3_slide_cont { padding: 4.063rem 2.313rem; }
}

/********************************************************** 
* sub3-3 실리프팅
***********************************************************/ 
.sub3_3_top_view_bg { background: url(../sub/img/sub3_3_top_bg.jpg) 50% 50%/ cover no-repeat; } 

.sub33_sect1_wrap { padding-block: 12.563rem 13.5rem; background: url(../sub/img/sub3-3_sect1_bg.png) bottom center / cover no-repeat; }

.sub33_sect1_wrap .imgFlexCont_item.imgLeft { gap: 11.125rem; }

.sub33_sect1_wrap .imgFlexCont_item1 .descBox { margin-top: 0.75rem; }

.sub33_sect2_wrap .sub3_slide_cont { padding: 4.063rem 4.313rem; }

@media (max-width: 480px) {
  .sub33_sect2_wrap .sub3_slide_cont { padding: 4.063rem 2.313rem; }
}

/********************************************************** 
* sub3-4 필러 보톡스
***********************************************************/ 
.sub3_4_top_view_bg { background: url(../sub/img/sub3_4_top_bg.jpg) 50% 50%/ cover no-repeat; } 

.sub34_sect1_wrap { padding-block: 12.563rem 13.5rem; background: url(../sub/img/sub3-4_sect1_bg.png) bottom center / cover no-repeat; }

.sub34_sect1_wrap .imgFlexCont_item.imgLeft { gap: 10.025rem; }
.sub34_sect1_wrap .imgFlexCont_item.imgRight { gap: 11.125rem; }

.sub34_sect1_wrap .imgFlexCont_item1 .descBox { margin-top: 0.5rem; }
.sub34_sect1_wrap .imgFlexCont_item2 .descBox { margin-top: 0.625rem; }

/********************************************************** 
* sub3-5 실리프팅
***********************************************************/ 
.sub3_5_top_view_bg { background: url(../sub/img/sub3_5_top_bg.jpg) 50% 50%/ cover no-repeat; } 

.sub35_sect1_wrap { padding-block: 12.563rem 13.5rem; background: url(../sub/img/sub3-5_sect1_bg.png) bottom center / cover no-repeat; }

.sub35_sect1_wrap .imgFlexCont_item.imgLeft { gap: 11.125rem; }

.sub35_sect1_wrap .imgFlexCont_item1 .descBox { margin-top: 0.75rem; }

/********************************************************** 
* sub3-6 스킨케어
***********************************************************/ 
.sub3_6_top_view_bg { background: url(../sub/img/sub3_6_top_bg.jpg) 50% 50%/ cover no-repeat; } 

.sub36_sect1_wrap { padding-block: 12.563rem 13.5rem; background: url(../sub/img/sub3-6_sect1_bg.png) bottom center / cover no-repeat; }

.sub36_sect1_wrap .imgFlexCont_item.imgLeft { gap: 11.125rem; }

.sub36_sect1_wrap .imgFlexCont_item1 .descBox { margin-top: 0.75rem; }

.sub36_swiper_btnWrap { max-width: 1342px; }
@media (max-width: 1440px) {
  .sub36_swiper_btnWrap { max-width: 95%; }
}
@media (max-width: 1280px) {
  .sub31_swiper_btnWrap,
  .sub33_swiper_btnWrap,
  .sub35_swiper_btnWrap,
  .sub36_swiper_btnWrap { max-width: 95%; }
}

@media (max-width: 1440px) {
  .imgFlexCont_wrap .imgFlexCont_item.imgLeft,
  .imgFlexCont_wrap .imgFlexCont_item.imgRight { justify-content: center; gap: 4rem; }
  .imgFlexCont_wrap .imgFlexCont_item .descBox { margin-top: 0; }
}
@media (max-width: 960px) {
  .sub31_sect1_wrap,
  .sub32_sect1_wrap,
  .sub33_sect1_wrap,
  .sub34_sect1_wrap,
  .sub35_sect1_wrap,
  .sub36_sect1_wrap { padding-block: 7rem; }

  .sub3_common_slide .sub36_swiper_btnWrap { width: 100%; }
}
@media (max-width: 480px) {
  .sub36_sect2_wrap .swiper-pagination { max-width: 25rem; }
}


.mo_cont_960,
.mo_flex_960 { display: none !important; }
@media (max-width: 960px) {
  .pc_cont_960,
  .pc_flex_960 { display: none !important; }
  .mo_cont_960 { display: block !important; }
  .mo_flex_960 { display: flex !important; }
}