@charset "utf-8";

/* head.sub.php의 Schema.org Organization 마크업(검색엔진용 메타데이터, 화면 표시 불필요).
   templatehouse.css의 전역 a{display:inline-block} 리셋 때문에 내부 빈 <a> 태그들이
   줄 높이만큼 실제 공간을 차지해 헤더 위에 여백이 생기는 문제가 있어 통째로 숨김. */
span[itemscope][itemtype="http://schema.org/Organization"] {
  display: none;
}

/*공통*/
.container {
  max-width: 1540px;
  margin-right: auto;
  margin-left: auto;
}

/* 서브·프로그램 영역: 운영 테마 default.css 발췌 + 배경 이미지 URL을 labeauty.kr 절대경로로 치환 */

/* sub */
.sub_wrap {
  width: 100%;
}

.sub_wrap img {
  width: 100%;
}

.path {
  width: 100%;
}

.path ul {
  width: 100%;
}

.path ul:after {
  display: block;
  content: "";
  clear: both;
}

.path li {
  width: 110px;
  float: left;
}

.sub_content {
  width: 100%;
  margin: 0 auto;
}

.sub_content img {
  width: 100%;
}

.on_the_anvil {
  width: 600px;
  margin: 50px auto;
}

/* sub end */

.event-tit {
  margin: 70px 0 20px 0;
}

#m-rolling {
  margin-bottom: 50px;
}

.index-con {
  display: table;
  width: 1600px;
  margin: 0 auto;
}

.mt-2 {
  margin-top: 20px;
}

.mt-3 {
  margin-top: 30px
}

.mb-2 {
  margin-bottom: 20px;
}

.mb-3 {
  margin-bottom: 30px;
}

.mt-5 {
  margin-top: 50px;
}

.mb-5 {
  margin-bottom: 50px;
}

.mbn {
  display: flex;
}

.mbn li {
  float: left;
  width: 25%;
  margin: 0 15px;
}

.mbn li:first-child {
  margin-left: 0;
}

.mbn li:last-child {
  margin-right: 0;
}

.mbn li img {
  width: 100%;
}

.bg-info {
  background: url('../../img/m_time_bg.png') no-repeat;
  padding: 65px 0;
  width: 1600px;
}

#visual .bx-controls-direction {
  display: none;
}

.s_tab {
  margin: 0 auto;
  text-align: center;
}

.s_tab li {
  display: inline-block;
}

.s_tab a {
  display: block;
  padding: 20px;
  font-size: 1.2em;
}

.s_tab a:hover {
  text-decoration: none;
}

.s_tab .active a {
  font-weight: bold;
  text-decoration: none;
}

#s40 .s_tab {
  border-bottom: 2px solid #25bebc;
}

#s40 .s_tab .active a {
  color: #25bebc;
}

#spink .s_tab {
  border-bottom: 2px solid #ff82ae;
}

#spink .s_tab .active a {
  color: #ff82ae;
}

#purple .s_tab {
  border-bottom: 2px solid #6b5db3;
}

#purple .s_tab .active a {
  color: #6b5db3;
}

.bg-green {
  background: #25bebc;
}

.bg-pink {
  background: #ff82ae;
}

.bg-purple {
  background: #6b5db3;
}

.fc-f {
  color: #fff;
}

.st-tit {
  width: 100%;
  margin: 0 auto;
  padding: 15px 10px;
  font-size: 2em;
  text-align: center;
  font-weight: 800;
  letter-spacing: -1px;
}

.sub_content_2 {
  max-width: 1260px !important;
  margin: 30px auto 0 auto;
}

.sec {
  position: relative;
  max-width: 1000px !important;
  margin: 0 auto 50px auto;
}

.sec::after {
  content: '';
  display: block;
  clear: both;
}

.sec li {
  width: 50%;
  float: left;
}

.sec li img {
  width: 100%;
  display: block;
}

.sec a {
  display: block;
}

/* 회원가입 숨김 처리 */
#mb_login #login_info {
  display: none;
}


/* 프로그램 서브비주얼 */
.s-visual {
  background: url(../../img/mainvisual_bg.webp) no-repeat center / cover;
  color: #d09165;
  position: relative;
  text-align: center;
  height: 760px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
}

.s-visual h2 {
  font-size: 80px;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: 0;
}

.s-visual p {
  font-weight: 400;
}

/* 프로그램 네비 */
.s-program .snb {
  display: block;
}

/* 프로그램 리스트 */
.s-program-title {
  padding: 80px 0 20px 0;
  font-size: 30px !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
  text-align: center;
  color: #4f4350
}

.s-program-list {
  background: #fffcf8;
  text-align: center;
}

.s-program-list .thumb {
  border: 5px solid #fffcf8;
  transition: 0.7s;
}

.s-program-list .thumb:hover {
  border: 5px solid #e7c8b2;
  transition: 0.7s;
}

.s-program-list .kr {
  padding-top: 1rem;
  font-size: 1.8em;
  font-weight: 700;
  color: #222;
}

.s-program-list .eng {
  padding-bottom: 3rem;
  font-size: 0.9em;
  font-weight: 400;
  color: #996c33;
  text-transform: uppercase;
}




/* 프로그램 컨텐츠 서브비주얼 */
.s-program-con {
  position: relative;
}

.s-program-con .container {
  max-width: 1540px;
}

.s-program-con .s-visual {
  position: relative;
  background: url(../../img/program_con_bg.webp) no-repeat center / cover;
  text-align: center;
  height: 840px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
}

.s-visual .title .pro_sub_tit {
  font-family: 'Raleway Roman';
  font-size: 20px;
  line-height: 1.4;
  font-weight: 400;
  letter-spacing: 0.26em;
  color: #c0ae95;
  margin-bottom: 16px;
}

.s-visual .title .pro_tit {
  font-size: 70px;
  line-height: 1.2;
  font-weight: 400;
  color: #d09c65;
  margin-bottom: 16px;
}

.s-visual .title .pro_txt {
  font-size: 22px;
  line-height: 1.5;
  font-weight: 300;
  color: #a39d93;
}

.s-visual .title .descr_point {
  background-color: #d09c65;
  color: #FFF;
  font-size: 18px;
  padding: 10px 30px;
  margin-top: 50px;
}



.s-program-con .s-program-con-sub-tit {
  font-family: 'Raleway Roman';
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 0.26em;
  color: #d09165;
  text-align: center;
  width: 100%;
}

.s-program-con-tit {
  font-size: 50px;
  line-height: 1.3;
  font-weight: 300;
  color: #333;
  text-align: center;
  width: 100%;
  margin-bottom: 120px;
}


.s-program-con-bg {
  position: relative;
  background-color: #fffcf8;
  padding: 80px 0 200px;
}

/* 설명 */
.s-explan {
  position: relative;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.s-explan .img_box {
  margin-right: 100px;
  width: 500px;
}
.s-explan .txt_box {
  width: 740px;
}

.txt_box {
  font-size: 20px;
  font-weight: 300;
}

.s-explan .txt_box .point_txt_box {
  background-color: #f4efe8;
  font-size: 15px;
  padding: 30px;
  max-width: 530px;
  margin-top: 30px;
}

.s-explan .txt_box .icon_box {
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
  text-align: left;
  justify-content: flex-start;
}

.s-explan .txt_box .icon_box>li {
  display: flex;
  width: 320px;
  margin-top: 30px;
}

.s-explan .txt_box .icon_box>li>img {
  max-width: 80px;
  max-height: 80px;
  margin-right: 20px;
  box-shadow: 0 0 15px rgba(127, 120, 111, 0.07);
}

.s-explan .txt_box .icon_box>li>p {
  font-size: 20px;
  font-weight: 300;
  margin-top: 12px;
}

.s-explan .txt_box .icon_box>li>p>span {
  font-size: 20px;
  font-weight: 700;
  color: #333;
}

/* 설명2 */
.s-explan-2 {
  margin-top: 230px;
}

.s-explan-2 .s-program-con-tit {
  margin-bottom: 60px !important;
}

/* .s-explan-2 .txt_box는 css/default.css:931에서 관리 (중복 제거) */

/* 모드 비교 박스 (mode-box 뱃지) - lifting_titanium, lifting_pting 등에서 공용 */
.mode2 .s-program-con-tit,
.mode3 .s-program-con-tit {
  margin-bottom: 0;
}

.mode2 .txt_box,
.mode3 .txt_box {
  padding-top: 1rem;
  font-size: 22px;
}

.mode2 .mode-box h4,
.mode3 .mode-box h4 {
  background-color: #d09165;
  margin: 30px auto 0;
  border-radius: 30px;
  color: #fff;
  font-weight: bold;
  font-size: 30px;
  line-height: 1.3;
}

.mode2 .mode-box h4 {
  width: 30%;
}

.mode3 .mode-box h4 {
  width: 50%;
}

.mode2 .txt,
.mode3 .txt {
  font-size: 20px;
}

.mode2 .img_box,
.mode3 .img_box {
  margin: 5rem 0 0;
}

@media (max-width: 768px) {
  .mode2 .row .col-xs-6,
  .mode3 .row .col-xs-6 {
    width: 100%;
    float: none;
  }

  .mode2 .mode-box,
  .mode3 .mode-box {
    margin-bottom: 30px;
  }

  .mode2 .mode-box h4 {
    width: 60%;
  }

  .mode3 .mode-box h4 {
    width: 70%;
  }

  .mode2 .mode-box h4,
  .mode3 .mode-box h4 {
    font-size: 20px;
  }

  .mode2 .img_box,
  .mode3 .img_box {
    margin: 2rem 0 0;
  }

  .mode2 .txt_box,
  .mode3 .txt_box {
    font-size: 16px;
  }

  .mode2 .txt,
  .mode3 .txt {
    font-size: 14px;
  }
  .mode2>.txt_box{
    font-size: 16px !important;
  }
}

/* 원리 */
.s-principle {
  position: relative;
  margin-top: 230px;
}

.s-principle .point_tit {
  font-size: 20px;
  font-weight: 500;
  padding: 10px 0;
  background-color: #d09165;
  color: #FFF;
  text-align: center;
}

.s-principle .s-program-con-tit {
  margin-bottom: 60px;
}

.s-principle .s-principle-list {
  text-align: center;
}

.s-principle .s-principle-list>li {
  padding: 40px 15px 30px;
  width: 50% !important;
}

.s-principle .s-principle-list>li img {
  border-bottom: 2px solid #d09165;
}

.s-principle .s-principle-list>li p.list_tit {
  font-size: 20px;
  line-height: 26px;
  color: #252525;
  font-weight: 500;
}

.s-principle .s-principle-list>li p {
  font-size: 18px;
  line-height: 26px;
  color: #444;
}

.s-principle .s-principle-list>li p>span {
  display: block;
  font-size: 24px;
  font-weight: 500;
  color: #d09165;
  margin: 20px 0 10px;
}

.s-principle .s-principle-list>li.on {
  background-color: #d09165;
}

.s-principle .s-principle-list>li.on p {
  color: #fafafa;
}

.s-principle .s-principle-list>li.on p>span {
  color: #FFF;
}


/* 효과 */
.s-effect {
  position: relative;
  margin-top: 230px;
}

.s-effect .s-program-con-tit {
  margin-bottom: 60px;
}

.s-effect .s-effect-list {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.s-effect .s-effect-list>li {
  position: relative;
  width: 490px;
  background-color: #FFF;
  box-shadow: 0 0 15px rgba(127, 120, 111, 0.07);
  padding: 35px 40px;
  border-radius: 60px;
  margin: 20px 10px 0;
}

.s-effect .s-effect-list>li>p {
  font-size: 21px;
  font-weight: 300;
  color: #444;
}

.s-effect .s-effect-list>li>p>span {
  display: inline-block;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #d09c66;
  text-align: center;
  line-height: 36px;
  font-weight: 400;
  color: #FFF;
  margin-right: 15px;
}

.s-effect .s-program-txt {
  font-size: 20px;
  font-weight: 400;
  color: #444;
  line-height: 32px;
  text-align: center;
  margin-top: 80px;
}

.s-effect .s-program-txt>span {
  color: #d09165;
  font-weight: 700;
}

/* 장점 */
.s-advantage {
  position: relative;
  margin-top: 230px;
}

.s-advantage .s-program-con-tit {
  margin-bottom: 56px;
}

.s-advantage .s-advantage-list {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.s-advantage .s-advantage-list>li {
  position: relative;
  width: 740px;
  background-color: #FFF;
  box-shadow: 0 0 15px rgba(127, 120, 111, 0.07);
  padding: 35px 40px;
  margin: 24px 11px 0;
}

.s-advantage .s-advantage-list>li>p {
  font-size: 21px;
  font-weight: 300;
  color: #444;
}

.s-advantage .s-advantage-list>li>p>span {
  display: inline-block;
  position: relative;
  color: #d09165;
  font-size: 24px;
  font-weight: 400;
  margin-right: 80px;
}

.s-advantage .s-advantage-list>li>p>span::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: -40px;
  transform: translateY(-50%);
  width: 1px;
  height: 30px;
  background-color: #e3cab9;
}

/* 배너 */
.s-banner {
  position: relative;
  overflow: hidden;
  background: url(../../img/sub/pro_con_banner_bg.webp) no-repeat center / cover;
  margin-top: 200px;
  text-align: center;
}

.s-banner .bannerSwiper {
  position: relative;
  padding: 100px 0 140px;
}

.s-banner .bannerSwiper .s-program-con-tit {
  margin-bottom: 50px;
}

.s-banner .point_tit {
  font-size: 20px;
  font-weight: 500;
  padding: 10px 0;
  background-color: #d09165;
  color: #FFF;
  text-align: center;
  width: 840px;
  margin: -30px auto 0;
}

.s-banner .bannerSwiper .txt_box {
  text-align: left;
}

.s-banner .bannerSwiper .add_txt_list {
  display: flex;
  margin-top: 30px;
}

.s-banner .bannerSwiper .add_txt_list>li {
  padding: 5px 10px;
  color: #FFF;
  background-color: #d09165;
  margin-right: 5px;
}

.s-banner .bannerSwiper .add_txt_list>li:last-child {
  margin-right: 0;
}

.s-banner .bannerSwiper .s-banner-txt {
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
  color: #444;
}

.s-banner .bannerSwiper .s-banner-txt>span {
  color: #d09165;
}

.s-banner .bannerSwiper .s-banner-tit {
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  color: #d09165;
  margin: 20px 0 10px;
}

.s-banner .bannerSwiper .s-banner-stxt {
  font-size: 16px;
  font-weight: 300;
  line-height: 22px;
  color: #444;
}

.s-banner .bannerSwiper .swiper-pagination {
  bottom: 50px;
}

.s-banner .bannerSwiper .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  opacity: 0.5;
  background-color: #FFF;
}

.s-banner .bannerSwiper .swiper-pagination .swiper-pagination-bullet-active {
  opacity: 1;
  background-color: #d09165;
}

.s-banner .bannerSwiper .swiper-button-prev {
  background: url(../../img/sub/s-banner-prev.webp) no-repeat center;
  width: 45px;
  height: 86px;
  margin-left: 290px;
}

.s-banner .bannerSwiper .swiper-button-next {
  background: url(../../img/sub/s-banner-next.webp) no-repeat center;
  width: 45px;
  height: 86px;
  margin-right: 290px;
}

@media (max-width: 768px) {
.s-banner .bannerSwiper{
  padding: 40px 0 80px;
}
.s-banner{
  margin-bottom: 50px !important;
}
}



/* 대상 */
.s-target {
  position: relative;
  margin-top: 230px;
}

.s-target .s-program-con-tit {
  margin-bottom: 80px;
}

.s-target .s-target-list {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
}

.s-target .s-target-list>li {
  position: relative;
  width: 260px;
  height: 260px;
  border-radius: 50%;
  background-color: #FFF;
  box-shadow: 0 0 20px rgba(127, 120, 111, 0.05);
  margin-right: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.s-target .s-target-list>li:last-child {
  margin-right: 0;
}

.s-target .s-target-list>li>p {
  font-size: 21px;
  font-weight: 300;
  color: #444;
  line-height: 30px;
  letter-spacing: -0.04em;
}

/* 관리 */
.s-treatment {
  position: relative;
  margin-top: 230px;
}

.s-treatment .s-program-con-tit {
  margin-bottom: 80px;
}

.s-treatment .s-treatment-list {
  text-align: center;
  border-top: 1px solid #e4cdbd;
}

.s-treatment .s-treatment-list>li {
  font-size: 21px;
  font-weight: 300;
  color: #444;
  border-bottom: 1px solid #f1eae0;
  line-height: 80px;
}

/* 부위 */
.s-part {
  position: relative;
  margin-top: 230px;
}

.s-part .s-program-con-tit {
  margin-bottom: 56px;
}

.s-part .s-part-list {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.s-part .s-part-list>li {
  position: relative;
  background-color: #FFF;
  box-shadow: 0 0 15px rgba(127, 120, 111, 0.07);
  padding: 35px 80px;
  margin: 24px 11px 0;
}

.s-part .s-part-list>li>p {
  font-size: 21px;
  font-weight: 300;
  color: #444;
}


/* 250814 원리 style추가 */
.swiper-slide .s-principle-list {
  width: 1540px;
  margin: 0 auto;
  margin-top: 50px;
}

.swiper-slide .s-principle-list .img-responsive {
  border-bottom: 2px solid #d09165;
}

.swiper-slide .s-principle-list li .list_tit {
  display: flex;
  flex-direction: column;
  font-size: 20px;
  line-height: 26px;
  color: #252525;
  font-weight: 500;
}

.swiper-slide .s-principle-list li .list_tit>span {
  display: block;
  font-size: 24px;
  font-weight: 500;
  color: #d09165;
  margin: 20px 0 10px;
}

.swiper-slide .s-principle-list li .list_tit p {
  font-size: 18px;
  line-height: 26px;
  color: #444;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after,
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  display: none;
}

/* .s-program-con-bg 안 타이틀은 PHP 마크업상 .s-program-con 조상이 없어 운영과 동일 타이포 적용 */
.s-program-con-bg>.container>.s-explan>.s-program-con-sub-tit,
.s-program-con-bg .s-program-con-sub-tit {
  font-family: 'Raleway', 'Raleway Roman', 'Pretendard', sans-serif;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 0.26em;
  color: #d09165;
  text-align: center;
  width: 100%;
}

.s-program-con-bg>.container>.s-explan>.s-program-con-tit,
.s-program-con-bg>.container>.s-explan-2>.s-program-con-tit {
  font-size: 50px;
  font-weight: 300;
  color: #333;
  text-align: center;
  width: 100%;
  margin-bottom: 120px;
  letter-spacing: -0.05em;
}

/* 리뉴얼 레이아웃: 본문 전체 폭 사용
   overflow-x:hidden은 여기 두면 안 됨 — .th-layout-content가
   .about-why-labeauty-N1 .scroll-wrap(position:sticky)의 조상이라,
   overflow가 hidden/auto/scroll이면 sticky가 무력화되어 스크롤 핀 효과가
   깨지고 스크롤 시 빈 공간만 보이는 문제가 생김(position:sticky는 상위
   요소 중 하나라도 overflow가 visible이 아니면 동작하지 않음).
   가로 스크롤이 실제로 발생하면 그 원인이 되는 요소를 직접 좁혀서
   고쳐야 하며, 이 위치에 overflow-x:hidden을 다시 넣으면 안 됨. */
.th-layout-content {
  width: 100%;
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}

/* 서브 설명 블록 반응형 (고정 폭 완화) */
@media screen and (max-width: 1200px) {
  .s-explan .txt_box {
    width: min(740px, 50%);
  }
}

@media screen and (max-width: 992px) {
  .container{
    padding: 0 15px;
  }
  .s-banner{
        margin: 50px 0;
  }
  .s-program-con .s-visual {
    height: 400px;
  }
  .s-visual .title .pro_tit{
    font-size: 42px;
    line-height: 1.2;
  }
  .s-visual .title .pro_txt,.s-visual .title .pro_sub_tit{
    font-size: 18px;
    line-height: 1.4;
  }
  .swiper-slide{
    padding: 0 15px;
  }
  .s-explan .img_box{
    width: 100%;
    margin-right: 0;
  }

  .s-explan {
    flex-direction: column;
    align-items: center;
  }

  .s-explan .txt_box {
    width: 90%;
    margin-top: 30px;
    max-width: 740px;
  }

  .s-effect .s-program-con-tit{
    margin-bottom: 20px ;
  }

  .s-program-con-tit{
    font-size: 30px;
    font-weight: 300;
    color: #333;
    text-align: center;
    width: 100%;
    margin-bottom: 20px !important;
    line-height: 34px;
  }
  .s-program-con-bg .s-program-con-sub-tit{
    font-family: 'Raleway Roman';
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.26em;
    color: #d09165;
    text-align: center;
    width: 100%;
    margin-bottom: 8px;
  }
  
  .s-effect .s-effect-list>li{
    position: relative;
    width: 90%;
    background-color: #FFF;
    box-shadow: 0 0 15px rgba(127, 120, 111, 0.07);
    padding: 20px;
    border-radius: 30px;
    margin: 8px 0;
  }
  .s-explan-2 {
    margin-top: 100px;
  }
  .s-advantage .s-advantage-list>li>p>span::after{
    right: -15px;
    height: 20px;
  }
  .s-target .s-target-list>li{
    position: relative;
    border-radius: 10px;
    background-color: #FFF;
    box-shadow: 0 0 20px rgba(127, 120, 111, 0.05);
    margin: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    width: 100%;
    height: 55px;
  }
  .s-treatment .s-treatment-list>li{
    font-size: 14px;
    font-weight: 300;
    color: #444;
    border-bottom: 1px solid #f1eae0;
    line-height: 22px;
    padding: 12px;
  }
  .sec li{
    width: 100%;
  }
  .s-banner .bannerSwiper .swiper-button-prev,.s-banner .bannerSwiper .swiper-button-next{
    display: none;
  }
  .s-banner .bannerSwiper .s-banner-txt{
    padding: 0 20px;
    line-height: 1.8;
    text-align: left;
    font-size: 14px;
  }
  .sub_content .con-tit{
    font-size: 30px;
    line-height: 1.3;
  }
  .sub_content .con-sub-tit{
    font-size: 14px;
  }
  .s-principle,
  .s-effect,
  .s-part,
  .s-advantage,
  .s-target,
  .s-treatment,
  .s-banner {
    margin-top: 100px;
  }

  /* 원래 이 미디어쿼리 안에 있어야 했는데 밖으로 빠져나와서 PC에서도
     margin-bottom이 0으로 덮어써지던 버그 수정 (css/default.css의 .mb-5:50px 무력화) */
  .mb-5{
    margin-bottom: 0;
  }
}

/* 진료안내/오시는길 — 주소 바(운영 default 1250px 고정) 반응형 */
.sub_map {
  max-width: 100%;
  width: min(1250px, 100%) !important;
  box-sizing: border-box;
  padding: 0 16px;
}

.sub_map p {
  font-size: clamp(14px, 2.2vw, 23px) !important;
  padding: 0 8px;
}


/* new_snb 서브메뉴는 head.php 인라인 스타일/스크립트(마우스오버 방식)로 통일 —
   여기 있던 클릭(.open) 기반 새 버전은 같은 .ssnb_list에 동시 적용되며 충돌해
   드롭다운이 아예 안 보이는 문제가 있어 제거함(데스크톱/모바일 버전 모두). */
/* ===== 서브페이지 본문 콘텐츠 모바일 폰트/여백 조정 ===== */
@media (max-width: 768px) {
  /* 서브페이지 전역에서 .img_box/.txt_box가 500px, 740px, 50%, 40% 등 각자 다른
     특이도의 고정폭을 갖고 있어, 어디서든 무조건 100%로 눌러 세로 스택되게 강제함 */
  .img_box, .txt_box { width: 100% !important; }

  /* .mode5/.mode5-2(퍼스널 디자인 리프팅 등 img_box+txt_box 2단 구성) - signature_1.php,
     program_2_evetitan/density/ultherapy/tuneface/titanium.php 등 6개 파일이 각자 페이지 내
     인라인 <style>로 이 클래스를 쓰는데, 모바일 반응형이 아예 없었음. 값은 labeauty(운영)의
     css/mobile.css:1557-1594(.mode5), :1733-1764(.mode5-2)를 그대로 이식. 페이지별 인라인
     <style>보다 나중에 로드되므로 !important로 확실히 덮어씀. */
  .mode5 { margin: 100px auto !important; }
  .mode5 .row {
    max-width: 100% !important;
    flex-direction: column !important;
    padding-top: 0 !important;
  }
  .mode5 .row .txt_box {
    margin-left: 0 !important;
    margin-top: 2rem !important;
    gap: 0.8rem !important;
    padding: 0 1rem !important;
  }
  .mode5 .row .txt_box .p1 { font-size: 18px !important; }
  .mode5 .row .txt_box strong { font-size: 25px !important; }
  .mode5 .row .txt_box .p2 { font-size: 16px !important; line-height: 1.3 !important; }
  .mode5 .row:nth-of-type(2) { margin-top: 5rem; flex-direction: column !important; }

  .mode5-2 { margin: 100px auto 0 !important; max-width: 768px !important; }
  .mode5-2 .row {
    flex-direction: column !important;
    padding-top: 3rem !important;
  }
  .mode5-2 .row .txt_box {
    margin-left: 0 !important;
    margin-right: 0 !important;
    gap: 1rem !important;
    margin-top: 2rem !important;
    padding: 0 1rem !important;
  }
  .mode5-2 .s-program-con-tit { margin-bottom: 40px !important; }
  .mode5-2 .row .txt_box .p1, .mode5-2 .row .txt_box strong { font-size: 30px !important; }
  .mode5-2 .row .txt_box .p1 span { font-size: 21px !important; }
  .mode5-2 .row .txt_box .p2 { font-size: 14px !important; line-height: 1.8 !important; }
  .mode5-2 .row:nth-of-type(1) { padding-top: 0 !important; }

  /* ===== 본문 콘텐츠 폰트/여백 모바일 조정 ===== */
  /* 비주얼 영역 */
  .s-program-con .s-visual { height: 280px; }
  .s-visual .title .pro_tit { font-size: 42px; line-height: 1.2; }
  .s-visual .title .pro_txt,
  .s-visual .title .pro_sub_tit { font-size: 16Px; line-height: 1.4; }
  .s-visual .title .descr_point { font-size: 13px; padding: 8px 20px; margin-top: 20px; }

  /* 섹션 제목 */
  .s-program-con-bg > .container > .s-explan > .s-program-con-tit,
  .s-program-con-bg > .container > .s-explan-2 > .s-program-con-tit { font-size: 30px; margin-bottom: 25px !important;  }
  .s-program-con-bg { padding: 40px 0 80px; }

  /* 섹션 상단 간격 축소 */
  .s-principle, .s-effect, .s-part,
  .s-advantage, .s-target, .s-treatment, .s-banner,

  /* 설명문 */
  .txt_box { font-size: 15px; }
  .s-explan .txt_box .point_txt_box { font-size: 13px; padding: 20px; }
  .s-explan .txt_box .icon_box > li > img { max-width: 56px; max-height: 56px; margin-right: 14px; }
  .s-explan .txt_box .icon_box > li > p,
  .s-explan .txt_box .icon_box > li > p > span { font-size: 15px; }

  /* 원리 */
  .s-principle .point_tit { font-size: 14px; }
  .s-principle .s-principle-list > li { padding: 24px 12px; }
  .s-principle .s-principle-list > li p.list_tit { font-size: 16px; }
  .s-principle .s-principle-list > li p { font-size: 14px; }
  .s-principle .s-principle-list > li p > span { font-size: 18px; margin: 14px 0 8px; }

  /* 효과 / 장점 / 대상 / 관리 / 부위 리스트 */
  .s-effect .s-effect-list > li,
  .s-advantage .s-advantage-list > li,
  .s-target .s-target-list > li,
  .s-part .s-part-list > li { padding: 14px 16px; }
  .s-effect .s-effect-list > li > p,
  .s-advantage .s-advantage-list > li > p,
  .s-target .s-target-list > li > p,
  .s-treatment .s-treatment-list > li,
  .s-part .s-part-list > li > p { font-size: 15px; line-height: 1.5; }
  .s-effect .s-effect-list > li > p > span { width: 22px; height: 22px; line-height: 22px; margin-right: 8px; }
  .s-advantage .s-advantage-list > li > p > span { font-size: 16px; margin-right: 30px; }
  .s-effect .s-program-txt { font-size: 15px; margin-top: 20px; }
}