@charset "utf-8";

/* ============================================================
   서브페이지 반응형 (2026 리뉴얼) — 브레이크포인트별로 묶고 페이지명 주석
   로드 순서: reset → common → sub → sub2 → media → sub_resp (마지막)
   ⚠️ 구간마다 @media 블록은 하나뿐이다(2026-10-14 통합 — 2000 · 1800 · 1640 · 1440 · 1240 · 1040 · 768 · 600 · 560, 넓은 구간 → 좁은 구간 순).
      새 규칙은 해당 구간 블록 안 그 페이지 주석 아래에 넣고, 같은 구간 @media 를 파일 아래에 새로 열지 말 것 —
      좁은 구간 블록이 늘 뒤에 있어야 좁은 화면 규칙이 넓은 화면 규칙을 이긴다(예전엔 뒤에 연 1240 블록이 600 규칙을 덮어 죽였다).
   ============================================================ */

@media screen and (max-width: 2000px) {

    /* ============================================================
       SPACE & EQUIP(_Skin/about/space-equip.php) — 반응형
       본문 블록은 inc/css/sub.css `.spac_page`
       ============================================================ */
    .spac_page .spac_elev .card::after {background: linear-gradient(180deg, rgba(0,0,0,0) 45%, rgba(0,0,0,.9) 100%);}   /* 1241~2000(rem 7.8px 고정) — 글자가 px 하한에 걸려 카드보다 덜 줄어 제목이 카드 61~67% 높이에서 시작한다 */
}

@media screen and (max-width: 1800px) {
    .abte_page .abte_num .num_list {padding: 0 14rem;}   /* ABOUT ELEV 수치 — 기본 28rem 이면 1641~1800 에서 칸이 좁아 첫 항목이 넘쳤다(2026-10-15) */

    /* 필요한 순간(.has_label — 인물 컷·사진 위 HTML 글자) 601~1800 — PC 처럼 글 왼쪽·인물 오른쪽(2026-10-14 사용자 지시 — 예전엔 1800 부터 사진 위·글 아래로 쌓았다).
       섹션 높이로 덮으면(cover) 좁은 폭에서 인물·라벨이 오른쪽 화면 밖으로 잘리므로, 사진 판(2560x1000 비율)을 「높이 cover」 와 「폭 x 1.3」 중 작은 쪽으로 줄여
       섹션 아래에 붙이고 라벨 끝(판의 --rx)을 섹션 폭 94% 에 맞춘다. 판이 섹션보다 작아진 빈 곳은 .bg 가 잇는다 — 인물 = 같은 그라데이션, 하트힙 사진 = 가장자리 페이드.
       --fw/--fh/--fl/--ft 는 .bg 기준 cqw/cqh 라 자식(판·사진·글자)에서 풀린다. 600 이하는 사진 위·글 아래(600 블록에서 되돌림) */
    .sub_cont .moment_sect.has_label .bg {--fw: min(max(100cqw, 100cqh * 2.56), 100cqw * var(--fk, 1.3)); --fh: calc(var(--fw) / 2.56); --fl: calc(100cqw * var(--tx, .94) - var(--rx, .82) * var(--fw)); --ft: calc(100cqh - var(--fh));}
    .sub_cont .moment_sect.has_label .bg.is_person {background: var(--momentGrad);}
    .sub_cont .moment_sect.has_label .person_canvas {--iw: var(--fw); left: var(--fl); top: var(--ft); background: none;}
    .sub_cont .moment_sect.has_label .bg:not(.is_person) {background: radial-gradient(ellipse 80% 120% at 45% 0%, #f6f6f6 0%, #e4e4e4 55%, #d8d8d8 100%);}
    .sub_cont .moment_sect.has_label .bg:not(.is_person) img {position: absolute; left: var(--fl); top: var(--ft); width: var(--fw); height: var(--fh); max-width: none; object-fit: fill;
        -webkit-mask-image: linear-gradient(to right, transparent, #000 12%), linear-gradient(to bottom, transparent, #000 12%); -webkit-mask-composite: source-in;
        mask-image: linear-gradient(to right, transparent, #000 12%), linear-gradient(to bottom, transparent, #000 12%); mask-composite: intersect;}
    .sub_cont .moment_sect.has_label .img_label {--iw: var(--fw);}
    .sub_cont .moment_sect.has_label .img_label li {left: calc(var(--fl) + var(--lx) * var(--iw)); top: calc(var(--ft) + var(--ly) * var(--ih));}
    .sub_cont .moment_sect.has_label .img_label li.r {left: auto; right: calc(100cqw - var(--fl) - var(--lx) * var(--iw));}
    .hhip .moment_sect.hh_moment .bg {--rx: .86; --fk: 1.1;}   /* 하트힙 — 라벨이 엉덩이 좌우로 퍼져(왼쪽 3개) 판을 조금 더 줄인다, 오른쪽 라벨(2072 + 영문)이 길다 */

    /* .sub_cont .moment_sect.has_label .moment_box {width: auto; max-width: none; margin: 0 var(--inPd);} */

    .sub_cont .moment_sect.has_label .sect_tit_box, .sub_cont .moment_sect.has_label .check_list {max-width: min(58rem, 51vw); min-width: 0;}
    .en .sub_cont .moment_sect.has_label .sect_tit, .ja .sub_cont .moment_sect.has_label .sect_tit, .zh_cn .sub_cont .moment_sect.has_label .sect_tit {text-wrap: balance;}
}

@media screen and (max-width: 1640px) {
    .sub_cont .sig_sect .txt_box {padding: var(--pd4);}


    .sub_cont .elev_grid_sect .motion_txt,
    .sub_cont .elev_sect .motion_txt {font-size: 6vw;}

    .layered .ll_sig .motion_txt {font-size: 7vw;}

    .sub_cont .elev_sect .card .txt br {display: none;}
    .sub_cont .elev_sect .card .tit br {display: none;}   /* 제목 br 은 1641 이상(넓은 카드)에서 단어 한두 개만 떨어지는 것을 막는 용도 — 좁아지면 자연 줄바꿈(2026-10-19) */

    .abte_page .abte_num .num_list {padding: 0;}   /* 1640 이하 — 14rem 이면 칸이 좁아 국문 「2,500만샷」도 넘쳤다(1441~1640, 2026-10-15). 14rem 은 1800 블록으로 */
}

@media screen and (max-width: 1440px) {
    .sub_cont .sig_sect .txt_box {padding: 0;}

    .abte_page .abte_num .num_list {padding: 0;}
    .abte_page .abte_num .num .val {font-size: 8rem;}
    .abte_page .abte_num .num .unit {font-size: var(--h8);}
    .ja .abte_page .abte_num .num .val, .zh_cn .abte_page .abte_num .num .val {font-size: 6.5rem;}   /* 일문·중문 단위가 길어 칸을 넘쳤다(sub.css 기본 규칙 주석) */
    .ja .abte_page .abte_num .num .unit, .zh_cn .abte_page .abte_num .num .unit {font-size: var(--p1);}




    .abte_page .philo_list .philo_card {padding: 5rem; justify-content: flex-start;}

    .abte_page .abte_doctor .doc_img {width: 48%;}

    .sub_cont .moment_sect.has_label .sect_tit_box {max-width: 100%;}
}

@media screen and (max-width: 1240px) {
    /* 엘레브 카드 — 1240 이하는 GSAP 스크롤 연동(1241 이상, sub-elev.php) 대신 화면에 들어오면(.active) 아래에서 떠오르는 등장 효과(2026-10-14 사용자 지시 — 예전 600 이하 「효과 없이 처음부터 보임」 대체).
       .elev_scrub 가 꺼 둔 transition 만 되살린다 — 감춤(opacity 0)·.active 노출·카드별 지연은 sub.css 공용 규칙 그대로 */
    .sub_cont .elev_sect.elev_scrub .card {transition: opacity .7s ease, transform .8s cubic-bezier(.16,1,.3,1), box-shadow .5s ease;}

    /* BEFORE & AFTER 공용 */
    .sub_cont .ba_sect .swiper-slide {width: 60rem;}
    .sub_cont .ba_sect .swiper-slide:not(.swiper-slide-active) {transform: scale(.72);}
    .sub_cont .ba_sect .ba_card .img_row {height: auto; aspect-ratio: 670 / 375;}
    .sub_cont .ba_sect .ba_prev {left: calc(50% - 38.5rem);}
    .sub_cont .ba_sect .ba_next {right: calc(50% - 38.5rem);}
    /* FAQ 공용 */
    .sub_cont .faq_sect .a .inner {max-width: none;}

    /* 서브탑 */
    .top_img { padding-top: calc(var(--hdH) + 3rem); height: 55vw; min-height: 0;}
    .top_img .bg img { object-position: 70% 30%;}
    .top_img .sub_nav .li { width: 16rem; }
    .top_img.band .in { gap: 6rem; }
    .top_img .top_tit_box { padding-bottom: 10rem; }


    /* 서브 공통 */

    .area_sect .area_cont {gap: 6rem;}   /* 부위 섹션 공용(2026-10-12 — 울쎄라피 기준으로 전 페이지 통일) */

    .sub_cont .area_sect.area_r464 .face_box,
    .sub_cont .area_sect.area_r475 .face_box,
    .sub_cont .area_sect.area_r570 .face_box,
    .sub_cont .area_sect.area_r600 .face_box,
    .sub_cont .area_sect.area_r604 .face_box,
    .sub_cont .area_sect.area_r660 .face_box,
    .sub_cont .area_sect.area_r665 .face_box,
    .sub_cont .area_sect.area_r760 .face_box,
    .sub_cont .area_sect.area_r764 .face_box {width: 50%;}

    .area_sect .who_list li {padding: 2rem 0 2rem 1rem;}
    .area_sect .who_list svg {width: 3rem;height: 3rem;}



    /* MINTOS 실리프팅 */


    /* 「{시술명}이란?」 공용(sub-about.php) */
    .sub_cont .about_sect .img { width: 100%; height: auto; aspect-ratio: 797 / 460; }
    .sub_cont .about_sect .sect_txt br { display: none; }
    .mintos .mt_duo .duo_list { gap: 3rem; }
    .mintos .mt_duo .item .img { height: auto; aspect-ratio: 716 / 425; }
    .mintos .mt_duo .plus { width: 5rem; height: 5rem; }



    .mintos .mt_info .stat_list { flex-wrap: wrap; }
    .mintos .mt_info .stat_list li { flex: 1 1 33.333%; height: 12rem; }
    .mintos .mt_info .stat_list li:nth-child(3) { border-right: 0; }
    .mintos .mt_info .info_box_list { flex-direction: column; }
    .mintos .mt_info .info_box_list li { height: auto; padding: 4rem 3rem; }
    .mintos .mt_related .related_box { flex-direction: column; }
    .mintos .mt_related .related_list { width: 100%; }
    .mintos .mt_related .related_list li { flex: 1; width: auto; height: auto; aspect-ratio: 392 / 500; }
    .mintos .mt_related .sect_txt br { display: none; }

    /* 울쎄라피 프라임 */




    /* 덴서티 */
    .dens_area .face_box {height: auto; aspect-ratio: 750 / 760;}
    /* 소프라노 티타늄 */
    .sopr_page .intro_sect .img_box {width: 50%;}
    .sopr_area .face_box {height: auto; aspect-ratio: 750 / 464;}

    /* 레이어드 리프팅 */
    .layered .ll_sig {padding-top: 24rem;}
    .layered .ll_sig .sig_list {gap: 3rem;}
    .layered .ll_sig .sig_list li {height: auto;  padding: 6rem 3rem;}
    .layered .ll_sig .drop_line {height: 24rem;}
    .layered .ll_device .dev_scroll {height: 180vh;}
    .layered .ll_device .dev_marquee {top: calc(50vh - 23rem);}
    .layered .ll_device .dev_track {--amp: 5rem; gap: 3rem;}
    .layered .ll_device .dev_track li {width: 28rem; height: 36rem;}
    .layered .ll_layer .layer_list {gap: 2rem;}
    .layered .ll_layer .layer_list .ico {width: 100%; max-width: 25rem; height: auto; aspect-ratio: 250 / 187;}




    .sub_cont .compare_sect .compare_box {column-gap: 2rem;}   /* 비교표 공용 */
    .en .sub_cont .compare_sect .lb span {font-size: var(--p5);}   /* 영문 라벨 — 이 구간은 p3·p4 가 같은 14px 라 p5(13) 로 한 타입 작게 */

    .layered .ll_info .stat_list {flex-wrap: wrap;}
    .layered .ll_info .stat_list li {flex: 0 0 33.3333%; height: 12rem; border-bottom: 1px solid var(--gray20);}
    .layered .ll_info .stat_list li:nth-child(3n) {border-right: 0;}
    .layered .ll_info .stat_list li:nth-last-child(-n+2) {border-bottom: 0;}
    .layered .ll_info .info_box_list {gap: 2rem;}
    .layered .ll_info .info_box_list li {padding: 0 3rem;}

    /* 엘레브 공용 */
    .sub_cont .elev_grid_sect .motion_txt,
    .sub_cont .elev_sect .motion_txt {font-size: 7vw}
    .sub_cont .elev_sect.en_wrap .motion_txt {font-size: 11rem;}

    /* 디자인필러 */
    .intro_sect .fit_img > .img_box {width: 50%; height: auto; aspect-ratio: 820 / 520;}   /* 필러·보톡스 시술 소개 */
    .sub_cont .fit_img > .img_box > img {top: 50%; width: 100%; height: 100%; object-fit: cover;}   /* 1041~1240 은 이미지 박스가 텍스트 열 높이까지 늘어난다 — 사진이 박스를 다 채우게(디자인필러·보톡스 3종은 위 +2.55rem 오프셋·높이 auto 라 위아래 회색이 드러났다) */
    .dsfl_area .face_box {height: auto; aspect-ratio: 750 / 464;}
    .dsfl_area .face_box img {width: 124%; height: auto;}
    /* 팔자필러 */
    .nlf_area .face_box {height: auto; aspect-ratio: 750 / 464;}

    /* 초음파필러제거 */
    .usfr_area .face_box {height: auto; aspect-ratio: 750 / 464;}

    /* 이마필러 */
    .ffil_area .face_box {height: auto; aspect-ratio: 750 / 464;}

    /* 입술필러 */
    .lipf_area .face_box {height: auto; aspect-ratio: 750 / 464;}

    /* 서브탑 (텍스트형) */
    .top_img.no_img {padding-top: calc(var(--hdH) + var(--contMt2));}
    .top_img.no_img .sub_nav {margin-top: var(--contMt2);}

    /* 게시글 상세 공용 */
    .sub_cont .view_sect {padding-top: calc(var(--hdH) + var(--contMt3));}
    .sub_cont .view_pn .txt .sbj {max-width: 22rem;}

    /* 썸네일 카드 목록 공용 */
    .sub_cont .list_sect {padding-top: var(--contMt2);}

    /* ARCHIVE 목록 */
    .col_page .col_sect {padding-top: var(--contMt2);}
    .ytb_page .ytb_sect {padding-top: var(--contMt2);}

    /* 예약하기 */
    .resv_page .resv_notice {padding: 4rem 5rem;}
    .resv_page .fd_source input.etc_txt {width: 36rem;}

    /* BEFORE & AFTER */
    .bfaf_page .bfaf_sect {padding-top: var(--contMt2);}
    .bfaf_view .view_body .cont, .bfaf_view .view_body .opinion {width: 100%;}
    .bfaf_view .view_pn .txt .sbj {max-width: 22rem;}

    /* 간단요약 영상 (공용) */
    .sub_cont .video_sect .ghost_txt {font-size: 16rem;}
    /* 오시는 길 */
    .vst_page .vst_map .map_cont {gap: 30px;}
    .vst_page .vst_map .info_box {}
    .vst_page .vst_map .map_box {width: 48%; padding-top: 35%; position: relative;}
    .vst_page .vst_map .map_box iframe {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}

    .vst_page .vst_transit .col {width: 100%;}
    .vst_page .vst_transit .label {width: 16rem;}
    .vst_page .vst_hours .hours_list li { gap: 3rem; padding: 3.5rem 3rem;}
    .vst_page .vst_banner {padding: 10rem 0;}

    /* ELEV 하트힙 */
    .hhip .point_sect .sect_tit br {display: none;}   /* 힙 라인 설계(sub-point) 제목 줄바꿈 해제 */
    .hhip .hh_info .stat_list {flex-wrap: wrap;}
    .hhip .hh_info .stat_list li {flex: 1 1 33.333%; height: 12rem;}
    .hhip .hh_info .stat_list li:nth-child(3) {border-right: 0;}
    .hhip .hh_info .info_box_list {flex-direction: column;}
    .hhip .hh_info .info_box_list li {height: auto; padding: 4rem 3rem;}

    /* 하단 상담 배너 공용 */


    .sub_cont .sig_sect {padding-top: var(--pd);}
    .sub_cont .sig_sect .motion_txt {font-size: 7.5vw;}
    .sub_cont .sig_sect .sig_body { margin-top: var(--pd); padding: 0 var(--inPd);}
    .sub_cont .sig_sect .img {width: 46%; padding-top: 46%;}   /* 데스크톱 50%(시안) — 태블릿은 글 칸을 위해 예전 비율 */
    .sub_cont .sig_sect .sig_body::before {right: -20vw; top: auto; bottom: -15vw; width: 110vw; height: 110vw; transform: translateY(0) scale(.55);}
    .sub_cont .sig_sect .sig_body.active::before {transform: translateY(0) scale(1);}
    .sub_cont .sig_sect .txt_box .ko_box {margin-top: 8rem;}


    /* 시그니처 엘레브 공용(sub-sig-elev.php) — 타이틀 위, 카드 전체폭 */
    .sub_cont .sig_elev_sect .motion_txt {font-size: 7.5vw;}
    .sub_cont .sig_elev_sect .elev_body {flex-direction: column; padding-top: var(--pd4);}
    .sub_cont .sig_elev_sect .sect_tit_box, .sub_cont .sig_elev_sect .card_view {width: 100%;}
    .sub_cont .sig_elev_sect .card_list li {padding: 3rem;}
    .sub_cont .sig_elev_sect .card_list .badge {right: 3rem; top: 3rem;}
    .sub_cont .sig_elev_sect .card_list .tit br, .sub_cont .sig_elev_sect .card_list .txt br {display: none;}
    /* 함께하면 좋은 시술 공용(sub-related.php) — 타이틀 위, 카드 전체폭 */

    .sub_cont .related_sect .sect_txt br {display: none;}
    /* 함께하면 좋은 시술 카드형 공용(sub-related.php `type => card`) — 카드 목록이 타이틀 옆 남은 폭을 채운다 */
    .sub_cont .related_card_sect .related_list {flex: 1; width: auto; min-width: 0;}
    .sub_cont .related_card_sect .sect_txt br {display: none;}
    /* 시술 프로세스 공용(sub-process.php) */
    .sub_cont .process_sect .swiper-slide {width: 38rem;}
    /* 시술 정보 공용(sub-info.php) — 요약 3열, 박스 세로 */


    /* POINT 리스트 공용(sub-point.php) — 리스트 55% */
    .sub_cont .point_sect .point_view {width: 55%;}

    /* ELEV 하트콜라겐 */
    .hcol .point_sect .sect_txt br { display: none; }   /* 하트 디자인 4 POINT(sub-point) 설명 줄바꿈 해제 */
    .hcol .hc_info .stat_list { flex-wrap: wrap; }
    .hcol .hc_info .stat_list li { flex: 1 1 33.333%; height: 12rem; }
    .hcol .hc_info .stat_list li:nth-child(3) { border-right: 0; }
    .hcol .hc_info .info_box_list { flex-direction: column; }
    .hcol .hc_info .info_box_list li { height: auto; padding: 4rem 3rem; }

    /* ELEV 쓰리쥬란 */
    .tjr_page .tjr_info .stat_list {flex-wrap: wrap;}
    .tjr_page .tjr_info .stat_list li {flex: 1 1 33.333%; height: 12rem;}
    .tjr_page .tjr_info .stat_list li:nth-child(3) {border-right: 0;}
    .tjr_page .tjr_info .info_box_list {flex-direction: column;}
    .tjr_page .tjr_info .info_box_list li {height: auto; padding: 4rem 3rem;}

    /* 리니어지 */
    .lnz_intro .type_box {width: 50%;}
    .lnz_intro .tip_cards {padding: 0 6%;}
    .lnz_intro .tip_cards li {padding: 3rem 2rem;}
    .lnz_area .face_box {width: 50%;}

    /* 인모드 */
    .inmd_page .intro_sect .img_box {width: 50%;}
    .inmd_area .face_box {width: 50%; height: auto; aspect-ratio: 750 / 760;}
    /* 악센트 프라임 / 프로파운드 */
    .intro_sect .img_box {width: 45%;}
    .aa_page .intro_sect .img_box {width: 45%;}
    .intro_sect .prod_list li {gap: 4rem; padding: 4rem;}   /* 시술 소개 제품 카드(지방분해주사·리쥬란) */
    .lift_area .face_box {width: 42%; height: auto; aspect-ratio: 520 / 667;}
    .lift_area.wide .face_box {width: 55%; aspect-ratio: 680 / 427;}

    /* ELEV 하트필러 (.hfil) */
    .hfil .hf_info .stat_list {flex-wrap: wrap;}
    .hfil .hf_info .stat_list li {flex: 1 1 33.333%; height: 12rem;}
    .hfil .hf_info .stat_list li:nth-child(3) {border-right: 0;}
    .hfil .hf_info .info_box_list {flex-direction: column;}
    .hfil .hf_info .info_box_list li {height: auto; padding: 4rem 3rem;}

    /* 필요한 순간 공용 */
    .sub_cont .moment_sect .moment_box { }
    .sub_cont .moment_sect .bg { --ox: .4; }   /* 사진 object-position(가로 40%) — .img_label 위치 계산과 공유 */
    .sub_cont .moment_sect .sect_txt br { display: none; }
    .sub_cont .moment_sect .spot_list { display: none; }


    /* ABOUT ELEV — 서브탑(다크형) */
    .top_img.dark .top_tit_box .tit {font-size: 7.4rem;}
    .top_img.dark .top_tit_box .sub_tit {margin-top: 6rem;}
    /* ABOUT ELEV — 본문 */
    .abte_page .abte_philo {padding-top: 10rem;}
    .abte_page .abte_philo .philo_line {height: 24rem; margin: 0 auto 10rem;}
    .abte_page .philo_list {gap: 3rem;}
    .abte_page .philo_list li {min-height: 0;}
    .abte_page .philo_list .philo_card {gap: var(--contMt3); padding: 5rem 4rem;}
    .abte_page .abte_story .story_col .logo {margin-bottom: 9rem;}
    .abte_page .abte_story .story_col .tit {font-size: var(--h4);}
    .abte_page .abte_story .story_col .desc {gap: 4rem; margin-top: 7rem;}
    .abte_page .abte_story .story_col .desc p {font-size: var(--p1);}
    .abte_page .abte_num .num .val {font-size: 8rem;}
    .abte_page .abte_num .num_list li {gap: 3rem; padding: 3rem .5rem;}
    .ja .abte_page .abte_num .num .val, .zh_cn .abte_page .abte_num .num .val {font-size: 5.5rem;}   /* 일문·중문 단위가 길어 칸을 넘쳤다(sub.css 기본 규칙 주석) */
    .ja .abte_page .abte_num .num .unit, .zh_cn .abte_page .abte_num .num .unit {font-size: var(--p2);}
    .abte_page .abte_promise .promise_list .tag {left: 4rem; top: 4rem;}
    .abte_page .abte_promise .promise_list .txt_box {gap: 3rem; left: 4rem; bottom: 6rem;}
    .abte_page .abte_promise .promise_list .tit {width: 32rem;}
    .abte_page .abte_promise .promise_seal {right: 0; bottom: -4rem; width: 18rem; height: 18rem;}
    .abte_page .abte_doctor {height: auto;}
    .abte_page .abte_doctor .doc_img {position: relative; right: auto; bottom: auto; width: 62rem; max-width: 70%; margin: -4rem 0 0 auto;}
    .abte_page .abte_doctor .doc_en {bottom: 1rem;}




    .dens_tip .tip_list li {padding: 3rem;}
    .dens_tip .tip_list .txt br {display: none;}


    .sub_cont .info_sect .info_box_list .val {font-size: var(--p3);}
    .sub_cont .info_sect .info_box_list.num5 {display: grid;grid-template-columns: repeat(6, 1fr);}
    .sub_cont .info_sect .info_box_list.num5 li {grid-column: span 2;}
    .sub_cont .info_sect .info_box_list.num5 li:nth-child(n+4) {grid-column: span 3;}


    .sub_cont .info_sect .unit_list li {padding: 15px;}


    .abte_page .philo_list .ico img {max-width: none; max-width: 12.5rem;}



    .resv_page .fd_captcha .cap_box, .resv_page .fd_tel .nice-select,
    .resv_page .resv_form input[type="text"], .resv_page .resv_form input[type="tel"], .resv_page .resv_form select {height: 40px;}
    .resv_page .fd_tel .nice-select {line-height: 40px;}
    /* 마이페이지 회원 정보 수정 — 예약하기와 같은 입력 높이(2026-10-15) */
    .mypage_page .info_form input[type="text"], .mypage_page .info_form input[type="tel"], .mypage_page .info_form input[type="email"], .mypage_page .fd_select .nice-select, .mypage_page .fd_phone .nice-select {height: 40px;}
    .mypage_page .fd_select .nice-select, .mypage_page .fd_phone .nice-select {line-height: 38px;}
    .resv_page .btn_pick {height: 35px;}

    .mdt_page .mdt_care .care_list .tit {font-size: var(--p1);}

    .sub_cont .elev_grid_sect .card_grid .badge {font-size: 10px;}

    /* 12401 */

    /* ============================================================
       메디컬팀(_Skin/about/medical-team.php) — 반응형
       본문 블록은 inc/css/sub.css `.mdt_page`
       ============================================================ */




    .mdt_page .mdt_care .care_cont > .sect_tit_box {width: 50%;}
    .mdt_page .mdt_doctor .circle_txt {right: -2.5rem; top: calc(var(--pd2) * -1 - 2.4rem); width: 20.2rem; height: 20rem;}
    .mdt_page .mdt_doctor .doctor_item {gap: 4rem;}
    .mdt_page .mdt_doctor .photo {width: 40%; height: auto; aspect-ratio: 670 / 750;}
    .mdt_page .mdt_doctor .info .career {margin-top: 4rem;}
    .mdt_page .mdt_research .research_body {gap: 12rem;}
    .mdt_page .mdt_research .g_head .tit {font-size: var(--h5);}   /* 34px 하한(28)이 좁은 화면에서 섹션 제목(h3)보다 커지지 않게 */
    .mdt_page .mdt_research .book_list {gap: 2rem;}
    .mdt_page .mdt_research .book_list .img {height: 26rem;}
    .mdt_page .mdt_research .academy_list li {height: 34rem; padding: 3rem;}
    .mdt_page .mdt_research .cert_list {grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 3rem 2rem;}

    /* ── SPACE & EQUIP(_Skin/about/space-equip.php) — 반응형 ── */

    /* 1. ELEV PRIVATE SPACE */
    .spac_page .spac_elev {padding-top: 25rem;}
    .spac_page .spac_elev .motion_txt {font-size: 7.4rem;}
    .spac_page .spac_elev .card_wrap {margin-top: var(--pd4);}
    .spac_page .spac_elev .card::after {background: linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(0,0,0,.9) 100%);}   /* 카드가 낮아지면 제목이 카드 61~68% 높이에서 시작한다 — 시안(70%→)대로면 제목이 밝은 사진 위에 남는다 */
    /* 설명글·카드 문구의 br 은 문장 구분이라 좁은 화면에서도 숨기지 않는다(붙으면 "한가운데,엘레브의" 처럼 읽힌다) */
    /* 2. 공간 롤링 */
    .spac_page .spac_room {--roomW: 34rem; --roomH: 24rem; --roomOnW: 52rem; --roomOnH: 33rem; --roomGap: 4rem; --roomArw: 5rem; --roomArwGap: 2.5rem;}
    .spac_page .spac_room .room_arw svg {width: 2.4rem; height: 2.4rem;}
    /* 3. ELEV TECHNOLOGY */
    .spac_page .spac_tech .sect_tit {font-size: 7.4rem;}
    .spac_page .spac_tech .tech_slider {margin-top: var(--pd4);}
    .spac_page .spac_tech .tech_swiper .swiper-slide {width: 34rem;}
    .spac_page .spac_tech .tech_swiper .thumb {height: auto; aspect-ratio: 420 / 520;}

    /* ---------- 통합검색 결과 (sub.css .srch_page) ---------- */

    .srch_page .srch_top {padding: calc(var(--hdH) + 60px) 0 70px;}
    .srch_page .menu_list {grid-template-columns: repeat(3, minmax(0, 1fr));}
    .srch_page .result_tab button {height: 40px; line-height: 38px; padding: 0 18px;}
}

@media screen and (max-width: 1040px) {

    /* 필요한 순간 — 1040 이하는 사진을 위(16:9, 얼굴 쪽 크롭 --ox .96), 글을 아래로 쌓는다(2026-10-15 사용자 지시 — 768 구조를 1040 부터. 예전엔 1800 → 600 → 768 부터 쌓았다).
       1041~1800 의 「PC형」 판 크기·위치(1800 블록)를 되돌린 뒤 예전 쌓기 규칙 그대로. .mo_crop = 4:3 크롭 */
    .sub_cont .moment_sect {padding: var(--pd2) 0 0;}
    .sub_cont .moment_sect.has_label {padding: var(--pd2) 0 0;}
    .sub_cont .moment_sect.has_label .bg_box {position: relative; inset: auto; padding: 0 var(--inPd);}
    .sub_cont .moment_sect.has_label .bg_box .bg {position: relative; inset: auto; aspect-ratio: var(--mdAr, 16 / 9); container-type: size; --ox: .96;}
    .sub_cont .moment_sect.has_label .img_label {--iw: max(100cqw, 100cqh * var(--ar));}
    .sub_cont .moment_sect.has_label .img_label li {left: calc(var(--ox) * (100cqw - var(--iw)) + var(--lx) * var(--iw)); top: calc(var(--oy) * (100cqh - var(--ih)) + var(--ly) * var(--ih));}
    .sub_cont .moment_sect.has_label .img_label li.r {left: auto; right: calc(100cqw - var(--ox) * (100cqw - var(--iw)) - var(--lx) * var(--iw));}
    .sub_cont .moment_sect.has_label .moment_box {width: 114rem; max-width: calc(100% - var(--inPd) * 2); margin: 5rem auto 0;}
    .sub_cont .moment_sect.has_label .bg.is_person {background: none;}
    .sub_cont .moment_sect.has_label .person_canvas {--iw: max(100cqw, 100cqh * var(--ar)); left: calc(var(--ox) * (100cqw - var(--iw))); top: calc(var(--oy) * (100cqh - var(--ih))); background: var(--momentGrad);}
    .sub_cont .moment_sect.has_label .bg:not(.is_person) {background: none;}
    .sub_cont .moment_sect.has_label .bg:not(.is_person) img {position: static; width: 100%; height: 100%; object-fit: cover; -webkit-mask-image: none; mask-image: none;}
    .sub_cont .moment_sect.has_label .sect_tit_box, .sub_cont .moment_sect.has_label .check_list, .sub_cont .moment_sect.has_label .sect_tit {max-width: none;}
    .sub_cont .moment_sect .bg_box {position: relative; padding: 0 var(--inPd);}
    .sub_cont .moment_sect .bg_box .bg {position: relative; container-type: inline-size;}   /* 사진이 원본 비율(잘림 없음) — 크기 컨테이너면 높이가 0 이 된다 */
    .sub_cont .moment_sect .img_label {--iw: 100cqw;}
    .sub_cont .moment_sect .img_label li {left: calc(var(--lx) * var(--iw)); top: calc(var(--ly) * var(--ih));}
    /* .mo_crop — 라벨이 촘촘한 사진(MINTOS 4개)은 원본 비율이면 얼굴이 작아 글자가 겹친다 → 정사각(--moAr)으로 얼굴 쪽을 잘라 키운다.
       잘림이 다시 생기므로 PC 와 같은 cover 식으로 되돌린다(가로 위치 = .bg 의 --ox, 페이지 블록) */
    /* 시그니처 6종 전부 같은 비율 4:3(2026-10-14 사용자 지시 — 예전 정사각은 얼굴이 너무 크고, mo_crop 이 없던 레이어드는 16:9 라 너무 작았다).
       --ox .795 = 인물 컷 가운데(캔버스 x 1642/2560)가 사진 칸 가운데에 오는 값: (0.6414 × 1.92 − 0.5) / 0.92 (4:3 에서 cover 폭 = 칸 폭 × 1.92) */
    .sub_cont .moment_sect.mo_crop .bg_box .bg {aspect-ratio: var(--moAr, 4 / 3); --ox: .795;}   /* 위치 계산(cover 식)은 위 .has_label 규칙 그대로 */
    .sub_cont .moment_sect .moment_box {margin-top: 30px;}
    .sub_cont .moment_sect .check_list {display: block; min-width: 0;}   /* 2026-10-01: 데스크톱 최소폭 58rem(375 화면 406px)이 체크리스트 글을 오른쪽에서 잘랐다(시그니처 6종 공통) */
    .sub_cont .moment_sect.no_label_mo .img_label {display: none;}
    /* 'pinsMo' 코드 핀 — 사진(cover)과 같은 판을 같은 식으로 놓는다(.img_label 과 같은 --ox/--oy). 하트힙 영문·일문(2026-10-15) */
    .sub_cont .moment_sect.has_mo_pin .pin_canvas {display: block; position: absolute; z-index: 1; pointer-events: none; --iw: max(100cqw, 100cqh * var(--ar)); --ih: calc(var(--iw) / var(--ar)); left: calc(var(--ox) * (100cqw - var(--iw))); top: calc(var(--oy, .5) * (100cqh - var(--ih))); width: var(--iw); height: var(--ih);}
    .hhip .moment_sect.hh_moment.has_mo_pin .bg {--ox: .92;}   /* 라벨 묶음(왼쪽 글자 ~ 오른쪽 글자) 가운데가 칸 가운데 — 인물 컷 기준 .795 보다 오른쪽 */   /* 'labelsMo' => false(하트힙) — 1040 이하는 하트 없는 사진(bgMo)이라 글자도 끈다. 일문 라벨은 10px 에서도 601 폭에 다 못 들어간다 */
    /* pinsMo 코드 핀 — 구운 점·선 대신 코드 판(.pin_canvas)을 쓰므로 HTML 라벨은 끈다. 구운 점·선 사진은 파셜이 _v2(bgMo)로 바꾼다 */
    .sub_cont .moment_sect.has_mo_pin .img_label {display: none;}
    /* POINT 리스트 공용(sub-point.php) — 타이틀·리스트 세로 배치 */
    .sub_cont .sect_tit_box .sect_tit br {display: none;}
    .sub_cont .point_sect .sect_tit_box {width: 45%;}
    .sub_cont .point_sect .point_cont {gap: 0;}
    .sub_cont .point_sect .point_view {width: 50%;}
    .sub_cont .point_sect.reveal_up .point_list li {padding: 25px;}


    /* 함께하면 좋은 시술 카드형 공용(sub-related.php `type => card`) — 타이틀 위, 카드 전체폭 */
    .sub_cont .related_card_sect .related_box {flex-direction: column;}
    .sub_cont .related_card_sect .related_list {flex: none; width: 100%; margin-left: 0;}

    /* MINTOS 실리프팅 */
    .mintos .mt_related .related_list li { border-radius: 2rem; }

    /* 울쎄라피 프라임 */


    .area_sect .area_cont {align-items: flex-start;}   /* 부위 섹션 공용 — 600 까지 사진 왼쪽·리스트 오른쪽(리스트 위쪽 정렬), 600 이하 세로 */



    .sub_cont .video_sect .tag_list li span {font-size: var(--p4);}




    /* 써마지 FLX */


    /* 덴서티 */
    .dens_tip .tip_cont {gap: 5rem;}
    .dens_tip .tip_card {min-height: 46rem;}
    .dens_tip .tip_card .badge {font-size: var(--p4); height: 2.2em; width: 100%;}
    /* 2026-10-19 카드 설명이 「TIP 종류」 문장 3줄로 바뀌어 줄 구분(br)을 유지한다 — 예전 .txt br {display:none} 제거 */


    .dens_tip .tip_list .txt {font-size: var(--p5);}
    .dens_tip .tip_list li {justify-content: flex-start;}



    /* 소프라노 티타늄 */

    /* 레이어드 리프팅 */
    .layered .ll_sig .sig_list li {padding: 30px 15px; justify-content: flex-start;}
    .layered .ll_sig .sig_list .txt br {display: none;}
    .layered .ll_sig .sig_list .tit {font-size: var(--p1); margin-top: 6rem;}
    .layered .ll_sig .sig_list .type {font-size: var(--p2);}





    /* 엘레브 공용 */
    .sub_cont .elev_sect .card_wrap {gap: 30px;}



    /* 포인트 공용 */
    .sub_cont .point_sect .point_list li  {padding: 4rem;}
    .sub_cont .point_sect .sect_tit_box .sect_txt br {display: none;}
    .sub_cont .point_sect .point_list .badge {font-size: var(--p6);padding: 0.5em 0.8em;}







    /* 필러·보톡스 */
    .nlf_area .who_list {align-self: stretch;}   /* 팔자필러 */

    /* 게시글 상세 공용 */
    .sub_cont .view_pn .txt .sbj {max-width: 18rem;}

    /* 썸네일 카드 목록 공용 — 3단 → 2단 */

    /* ARCHIVE 목록 */
    .col_page .col_list a {gap: 3rem;}

    /* 예약하기 — 안내 박스 세로 배치 */
    .resv_page .resv_notice {flex-direction: column; align-items: flex-start; gap: var(--contMt4); padding: 4rem;}
    .resv_page .qr_box {align-self: center;}

    /* BEFORE & AFTER */
    .bfaf_page .bfaf_list {grid-template-columns: repeat(2, minmax(0, 1fr));}
    .bfaf_view .view_pn .txt .sbj {max-width: 18rem;}

    /* ELEV 하트힙 */

    /* ELEV 하트콜라겐 */

    /* ELEV 쓰리쥬란 */

    /* 리니어지 */
    .lnz_intro .tip_cards {padding: 0;}

    /* 인모드 */
    /* 악센트 프라임 / 프로파운드 */
    .intro_sect .intro_cont {gap: 30px;}
    /* .intro_sect .prod_list.n4 {grid-template-columns: repeat(2, minmax(0, 1fr));}   */
    .intro_sect .prod_list li {gap: 20px; padding: 20px;}
    .intro_sect .prod_list .name {font-size: var(--p2);}
    .intro_sect .prod_list .txt {font-size: var(--p4); line-height: 1.5;}


    /* ELEV 하트필러 (.hfil) */

    /* 시간을 이어가는 변화 */
    .sub_cont .step_sect .step_list .txt br {display: none;}
    .sub_cont .step_sect .step_list li + li::before {width: 30%;height: 1.8%;}
    .sub_cont .step_sect .step_list {--icoH: 12rem;}   /* .ico 크기 = 화살표 위치 변수(sub.css) */
    .sub_cont .info_sect .stat_list {flex-wrap: wrap; justify-content: center; gap: 30px 0;}
    .sub_cont .info_sect .stat_list li {width: 33.333%; flex: none;}
    .sub_cont .info_sect .stat_list li:nth-child(3n) {border-right: none;}




    .sub_cont .info_sect .info_box_list {}
    .sub_cont .info_sect .info_box_list li {padding: 20px 15px;}
    .sub_cont .info_sect .info_box_list .val {font-size: var(--p3); display: block; flex: none;}
    .sub_cont .info_sect .info_box_list .val br {display: none;}
    .sub_cont .info_sect .info_box_list .val .keep_br br {display: inline;}   /* 줄 단위로 나열한 값(디자인필러·팔자필러 국문 승인국가)은 br 을 숨기면 글자가 붙어 유지 */
    .sub_cont .info_sect .info_box_list li small {font-size: var(--p6);}
    .sub_cont .info_sect .info_box_list li small br {display: none;}




    .sub_cont .info_sect .unit_list {flex-wrap: wrap;}   /* 제품 썸네일 카드 — 2열 */
    .sub_cont .info_sect .unit_list li {flex: 1 1 calc(50% - .75rem); padding: 20px 15px;}
    .sub_cont .info_sect .unit_list.num3 {flex-wrap: nowrap;}   /* 3장(쥬베룩)은 2+1 로 접으면 마지막 카드가 전폭이 돼 3열 유지, 768 이하 1열 */
    .sub_cont .info_sect .unit_list.num3 li {flex: 1 1 0;}



    /* 시술 전·후 주의사항 공용 */
    .sub_cont .caution_sect .caution_list { grid-template-columns: minmax(0, 1fr); gap: 2rem; }



    /* BEFORE & AFTER 공용  */
    .sub_cont .ba_sect .ba_bar .bar {height: 2px;}


    /* 함께하면 좋은 시술 */
    .sub_cont .related_sect .related_box {display: block;}
    .sub_cont .related_sect .related_list {width: 100%; margin-top: var(--contMt2); display: grid; grid-template-columns: repeat(2,minmax(0,1fr));}
    .sub_cont .related_sect.cols2 .related_list {gap: 2.5rem;}
    .sub_cont .related_slide_sect .swiper-slide {width: 30rem;}
    .sub_cont .related_slide_sect .swiper-slide .img {height: 21rem;}
    .sub_cont .related_slide_sect .swiper-slide .txt_box {height: auto; min-height: 17rem; padding: 2rem;}
    .sub_cont .related_sect .related_list a {flex-direction: column; height: 100%; min-height: 0;}
    .sub_cont .related_sect .related_list .img {width: 100%;}
    .sub_cont .related_sect .related_list .txt_box {padding: 20px;}
    /* 세로형 카드는 설명 오른쪽 여백(50px)으로 원 자리를 비우므로 원은 다시 절대배치(데스크톱은 sub.css 에서 흐름 배치) */
    .sub_cont .related_sect .related_list .arr {position: absolute; width: 40px; height: 40px; margin: 0; bottom: 20px; right: 20px;}
    .sub_cont .related_sect .related_list .arr svg {width: 50%; height: auto;}

    .sub_cont .related_sect .related_list .tit,
    .sub_cont .related_sect .related_list .txt {padding-right: 50px; margin-bottom: 0;}




    /* ABOUT ELEV */
    .top_img.dark .top_tit_box .tit {font-size: 6.4rem;}
    .abte_page .philo_list {display: flex; width: 100%; overflow-x: auto; overflow-x: auto; margin-left: calc(var(--inPd) * -1); padding: 0 var(--inPd); width: calc(100% + var(--inPd) * 2); scroll-snap-type: x mandatory;-webkit-overflow-scrolling: touch; scroll-padding-left: var(--inPd);}
    .abte_page .philo_list::-webkit-scrollbar {display: none;}
    .abte_page .philo_list .ico {justify-content: flex-start; height: 9rem;}
    .abte_page .philo_list > li {opacity: 1;transform: translateY(0) rotateY(0);flex-shrink: 0; width: 60%; scroll-snap-align: start; scroll-snap-stop: always;}




    .abte_page .abte_promise .promise_list li,
    .abte_page .abte_promise .promise_list li:nth-child(2),
    .abte_page .abte_promise .promise_list li:nth-child(3) {width: 100%;}
    .abte_page .abte_promise .promise_list .txt_box {display: block;}
    .abte_page .abte_promise .promise_list .tit {width: 100%;}
    .abte_page .abte_promise .promise_list .txt {margin-top: 1.5rem;}


    .sub_cont .sig_sect .sig_body { align-items: center;}
    .sub_cont .sig_sect .sig_body .img {margin-left: 30px;}
    .sub_cont .sig_sect .line {display: inline;}
    .sub_cont .sig_sect .line.empty_area {display: none;}
    .sub_cont .sig_sect .line > span {display: inline;}

    .sub_cont .sig_elev_sect .card_list .badge {font-size: var(--p8);}

    .sub_cont .video_sect .btn_play {width: 8rem; height: 8rem;}
    .sub_cont .video_sect .btn_play svg {width: 20%;}


    .sub_cont .faq_sect .a {padding: 3rem 5rem 5rem;}

    .mintos .mt_duo .duo_list {gap: 2rem;}

    .sub_cont .area_sect .face_box .pin.line span {font-size: var(--p8);}

    .layered .ll_depth .depth_box {gap: 30px;}



    .vst_page .vst_map .addr {font-size: var(--h8);}



    .vst_page .vst_transit .label {width: 14rem; font-size: var(--p3);}
    .vst_page .vst_transit .stop_list .name {font-size: var(--p3);}

    .vst_page .vst_hours .hours_list .time {font-size: var(--p2);}
    .vst_page .vst_hours .hours_list .en {font-size: var(--p6);}
    .vst_page .vst_hours .hours_list .badge {font-size: var(--p6);}
    .vst_page .vst_hours .hours_list .txt_box {margin-top: auto;}




    .abte_page .abte_doctor .doc_img {width: 50%;}


    .abte_page .abte_num .num .val {font-size: 6rem;}
    .abte_page .abte_num .num .unit {font-size: var(--p3);padding-bottom: 0.2em;}
    .abte_page .abte_num .meta .name {font-size: var(--p3);}
    .abte_page .abte_num .meta .term {font-size: var(--p6);}
    /* 일문·중문 — 메인 수치(.stat_sect, main.css 1040)와 같이 한 단계 작게(2026-10-15) */
    /* 일문·중문 — 1040 이하는 국문과 같은 크기(2026-10-15 사용자 지시 「크기는 줄이지 말고」 — 1240 블록의 축소를 되돌림). 한 줄 5개가 안 들어가면 common.js 가 .row32(3-2) */
    .ja .abte_page .abte_num .num .val, .zh_cn .abte_page .abte_num .num .val {font-size: 6rem;}
    .ja .abte_page .abte_num .num .unit, .zh_cn .abte_page .abte_num .num .unit {font-size: var(--p3);}


    .sub_cont.mdt_page .cta_sect .bg::before,
    .sub_cont.vst_page .vst_banner .bg::before ,
    .sub_cont.abte_page .cta_sect .bg::before {content: ''; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); z-index: 1; left: 0; top: 0;}
    .sub_cont.mdt_page .cta_sect .in,
    .sub_cont.vst_page .vst_banner .in,
    .sub_cont.abte_page .cta_sect .in {z-index: 2;}


    .col_page .col_list .thumb {width: 20rem; height: 20rem;}

    .resv_page .fd_source .opt_row {gap: 20px; display: grid; grid-template-columns: repeat(6,minmax(0,max-content));}


    /* 1040 이하 — 첫 카드·「1 / N」 바는 본문 여백(sub.css 기본 padding-left = --inPd)에서 시작하고, 넘기면 지나간 카드가 왼쪽 여백을 지나 화면 끝까지 보인다(clip-path 해제).
       .tech_slider 는 .in 밖(섹션 바로 아래)이라 원래 화면 전체 폭 — 폭을 넓히고 -inPd 로 당기면 첫 카드가 화면 왼쪽 끝(0)에 붙는다(2026-10-14 수정) */
    .spac_page .spac_tech .tech_swiper {clip-path: none;}

    .abte_page .abte_promise .promise_list .bg {padding-top: 40%;}






    /* ── 메디컬팀(_Skin/about/medical-team.php) — 반응형 ── */

    .mdt_page .mdt_doctor .doctor_item {gap: 4rem;}
    .mdt_page .mdt_doctor .photo {width: 38%;}

    .mdt_page .mdt_about .about_img {height: 40rem;}
    .mdt_page .mdt_care .care_cont {flex-direction: column; gap: var(--contMt3);}
    .mdt_page .mdt_care .care_cont > .sect_tit_box {width: 100%;}
    .mdt_page .mdt_care .care_body {width: 100%;}
    .mdt_page .mdt_care .care_list .img {width: 24rem; height: 22rem;}
    .mdt_page .mdt_care .care_list li {background: linear-gradient(90deg, transparent 24rem, var(--grayBg1) 24rem);}
    .mdt_page .mdt_care .care_line {align-self: stretch; height: auto;}
    .mdt_page .mdt_care .care_line::before {height: auto; bottom: 0;}

    /* ── SPACE & EQUIP(_Skin/about/space-equip.php) — 반응형 ── */

    /* 카드 2열 → 1열은 공용 .elev_sect 규칙이 처리한다(세로 라인 숨김 포함) */
    .spac_page .spac_elev .card_wrap {margin-top: var(--contMt1);}

    /* 마이페이지 (.mypage_page) — 좁은 화면: 탭 꽉 차게, 예약 표 → 카드, 회원정보 입력은 라벨 위·입력 아래 */

    .mypage_page .fd_phone {flex-wrap: wrap;}

    /* ── 통합검색 결과 (sub.css .srch_page) ── */

    .srch_page .menu_list {grid-template-columns: repeat(2, minmax(0, 1fr));}

    /* ── 1뎁스 카테고리 목록 (sub-category.php) — 반응형 ── */

    .sub_cont .cat_sect .cat_list {grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px 20px;}
    .sub_cont .cat_sect .cat_list .txt {padding: 0 24px 20px;}
    .sub_cont .cat_sect .cat_list .arr {width: 44px; height: 44px;}
    .sub_cont .cat_sect .cat_list .arr svg {width: 14px; height: 14px;}



    /* 10401 */
}

@media screen and (max-width: 768px) {
    .abte_page .abte_num .num .val {font-size: 5rem;}   /* 601~768 한 줄 5개 — 국문 「2,500만샷」(6rem 120px)이 칸(601 에서 약 108px)을 넘쳤다. 600 이하는 600 블록이 6rem 으로 되돌림 */

    /* 서브탑(.top_img) 등장 효과 없음(2026-10-12 사용자 지시) — 768 이하는 처음부터 최종 상태.
       full·band(배경 확대 → 원래 크기, 문구·브레드크럼 아래→위), dark(영문 헤드라인 채움, 강조 문장·설명 블러 등장), full 예약 버튼 */
    .top_img.full .bg img, .top_img.band .bg img {transform: none; transition: none;}
    /* 풀형 세로 모바일 컷(.mo_tall — 시그니처 하위 780×1252)은 768 이하부터(.phone_only) — 화면 높이(100svh), 타이틀은 위쪽 빈 곳 */
    .top_img.full.mo_tall {height: 100svh; min-height: 0;}   /* 사진 비율 높이 대신 화면 높이(2026-10-13 사용자 지시) — 사진은 cover 가운데 */
    .top_img.full.mo_tall .bg img {object-position: 50% 60%;}

    .top_img.full.mo_tall .top_tit_box {flex: none; justify-content: flex-start; padding-top: 30px; padding-bottom: 0;}
    .top_img.full .sub_nav, .top_img.full .top_tit_box .en_tit, .top_img.full .top_tit_box .tit, .top_img.full .top_tit_box .sub_tit, .top_img.full .top_tit_box .txt,
    .top_img.band .sub_nav, .top_img.band .top_tit_box .en_tit, .top_img.band .top_tit_box .tit, .top_img.band .top_tit_box .sub_tit, .top_img.band .top_tit_box .txt {opacity: 1; transform: none; transition: none;}

    .top_img.full .sub_nav {background: rgba(255, 255, 255, .1); backdrop-filter: blur(2.5rem); border-radius: 10em;}

    .top_img.full .btn_reserv {opacity: 1; transform: translateX(-50%); transition: background .3s;}
    .top_img.dark .top_tit_box .tit .fill {clip-path: none; background-position: 0 0; transition: none;}
    .top_img.dark .top_tit_box .sub_tit, .top_img.dark .top_tit_box .txt {opacity: 1; filter: none; transform: none; transition: none;}




    /* 레이어드 리프팅 「한 눈에 보기」 — 2026-10-12 이미지 한 장(글자 포함)으로 바뀌어 작아진 글자는 두 손가락 확대로 본다: 확대 안내 딤(.mobile_touch — 울쎄라피·써마지 팁과 공용) */
    .layered .ll_depth .mobile_touch {display: flex;}
    .bfaf_page .cate_tab {justify-content: flex-start; width: auto; max-width: none; margin-bottom: 3rem; overflow-x: auto; -webkit-overflow-scrolling: touch;}
    .bfaf_page .cate_tab::-webkit-scrollbar {display: none;}
    .bfaf_page .cate_tab li a {height: 2.6em; padding: 0 1.5em;}

    /* 간격 조정 */

    .sub_cont .sig_elev_sect {padding: var(--pd2) 0;}
    .sub_cont .compare_sect,
    .sub_cont .caution_sect {padding-bottom: var(--pd2);}
    .sub_cont .related_sect,
    .sub_cont .about_sect {padding-top: var(--pd2);}
    .sub_cont .point_sect {padding-top: var(--pd2);}



    /* BEFORE & AFTER 공용 */
    .sub_cont .ba_sect .swiper-slide {width: 80%;}
    .sub_cont .ba_sect .swiper-slide:not(.swiper-slide-active) {transform: scale(.85);}
    .sub_cont .ba_sect .ba_card {padding: 2rem;}
    .sub_cont .ba_sect .ba_prev {left: -1rem;}
    .sub_cont .ba_sect .ba_next {right: -1rem;}
    .sub_cont .ba_sect .btn_circle {width: 5rem; height: 5rem; display: none;}
    .sub_cont .ba_sect .btn_circle svg {width: 2.2rem; height: 2.2rem;}
    .sub_cont .ba_sect .ba_bar {width: 250px; margin: var(--contMt4) auto;}
    .sub_cont .ba_sect .lock_box {gap: 1rem; padding: 0 1rem;}   /* 글자는 기본 --p6(모바일 12px — 목록 잠금 상자와 같은 크기) */
    .sub_cont .ba_sect .ba_bar .total,
    .sub_cont .ba_sect .ba_bar .cur {font-size: var(--p3);}
    .sub_cont .ba_sect .ba_bar .dot {width: 2px; height: 2px;;}
    .sub_cont .ba_sect .ba_bar .bar {height: 2px;}
    /* FAQ 공용 */
    .sub_cont .faq_sect .q {padding: 2.5rem 1.5rem;}
    .sub_cont .faq_sect .q .tit {align-items: flex-start; gap: 1.5rem;}
    .sub_cont .faq_sect .a {padding: 3rem 2.5rem 4rem;}
    .sub_cont .faq_sect .a .inner {gap: 1.5rem;}
    .sub_cont .faq_sect .a .mark {width: 4.5rem; height: 4.5rem;}
    .sub_cont .faq_sect .a .txt {min-height: 4.5rem;}
    /* 레거시 media.css 가 768 이하에서 미정의 변수(--in_pd)로 .in 패딩을 0 으로 만든다 → 공통 값 복원 */
    .in { padding: 0 var(--inPd); }

    /* 서브탑 */
    .top_img { min-height: 380px; padding-top: calc(var(--hdH) + 20px); }
    .top_img .bg img { object-position: 75% 20%; }
    .top_img .sub_nav { gap: 12px; }
    .top_img.no_img .sub_nav,
    .top_img.full .sub_nav,
    .top_img.band .sub_nav { height: auto; padding: 12px 16px; border-radius: 20px; }   /* 알약이 화면폭을 넘지 않게 */
    .top_img.band .in { gap: 40px; padding-bottom: 30px; }
    .top_img .sub_nav .li { width: 120px; }
    .top_img .top_tit_box { padding-bottom: 90px; }
    .top_img .btn_reserv { bottom: 30px; width: 180px; height: 52px; font-size: 16px; }
    .top_img .sub_nav .li .nice-select .list {min-width: 100%;}
    /* .top_img .sub_nav .li:last-child .nice-select .list {left: auto; right: 0;} */



    /* 서브 공통 */
    .sub_cont .btn_more svg { width: 16px; height: 16px; }
    .sub_cont .slide_ctrl .arrows button { width: 40px; height: 40px; }



    .intro_sect .mobile_touch {display: flex; border-radius: 10px;}   /* 확대 안내 딤 — 768 이하만(울쎄라피·써마지 팁 도해) */

    .sub_cont .area_sect.area_r464 .face_box,
    .sub_cont .area_sect.area_r475 .face_box,
    .sub_cont .area_sect.area_r570 .face_box,
    .sub_cont .area_sect.area_r600 .face_box,
    .sub_cont .area_sect.area_r604 .face_box,
    .sub_cont .area_sect.area_r660 .face_box,
    .sub_cont .area_sect.area_r665 .face_box,
    .sub_cont .area_sect.area_r760 .face_box,
    .sub_cont .area_sect.area_r764 .face_box {width: 50%;}

    .area_sect .area_cont {gap: 30px;}
    .sub_cont .area_sect .face_box .pin.line span {font-size: 9px;}


    /* MINTOS 실리프팅 */
    .mintos .mt_duo .plus { width: 30px; height:30px; }
    .mintos .mt_duo .item .name {margin-top: 15px; font-size: var(--p1);}
    .mintos .mt_duo .item .txt {margin-top: 10px;}
    .mintos .mt_info .stat_list li { flex: 1 1 50%; }
    .mintos .mt_info .stat_list li:nth-child(3) { border-right: 1px solid var(--gray20); }
    .mintos .mt_info .stat_list li:nth-child(2n) { border-right: 0; }
    .mintos .mt_related .related_list { flex-direction: column; gap: 2rem; }
    .mintos .mt_related .related_list li { width: 100%; height: auto; aspect-ratio: 4 / 3; }
    .mintos .mt_related .related_list .txt_box { left: 3rem; bottom: 3rem; }
    .mintos .mt_related .related_list .name { font-size: 20px; }

    /* 울쎄라피 프라임 */
    .ulth_page .sect_txt br {display: none;}
    .area_sect .pin span {padding: .5rem 1.5rem; font-size: var(--p6);}   /* 부위 섹션 공용 */
    .area_sect .who_list li {padding: 2rem 0 2rem .5rem;}

    /* 써마지 FLX */
    .thmg_page .sect_txt br {display: none;}
    .thmg_page .tip_note br {display: none;}
    /* 덴서티 */
    .dens_page .sect_txt br {display: none;}
    .dens_tip .tip_visual {}
    .dens_tip .tip_card {height: auto; padding-bottom: 15px;}
    .dens_tip .tip_list {flex-direction: column;}
    .dens_tip .tip_list li {flex: none; min-height: 0; padding: 2rem 2.5rem;}
    /* 소프라노 티타늄 */
    .sopr_page .sect_txt br {display: none;}
    .sopr_elev .card.chart .bubble {padding: .8rem 1.2rem;}
    .sopr_elev .card.chart .mark {width: 1.8rem; height: 1.8rem; border-width: .4rem;}

    /* 레이어드 리프팅 */
    .layered .ll_sig {padding-top: 16rem;}
    .layered .ll_sig .motion_txt {font-size: clamp(22px, 8vw, 34px);}

    .layered .ll_sig .sig_list {display: flex; justify-content: flex-start; width: 100%; overflow-x: auto; overflow-x: auto; margin-left: calc(var(--inPd) * -1); padding: 0 var(--inPd); width: calc(100% + var(--inPd) * 2); max-width: none; scroll-snap-type: x mandatory;-webkit-overflow-scrolling: touch; scroll-padding-left: var(--inPd);}   /* max-width: none — 기본 규칙(sub.css)의 max-width:100% 가 화면 끝까지 늘린 폭을 다시 막아 오른쪽이 inPd 만큼 비었다 */
    .layered .ll_sig .sig_list::-webkit-scrollbar {display: none;}
    .layered .ll_sig .sig_list li {padding: 4rem 3rem; flex-shrink: 0; width: 45%; flex: none; scroll-snap-align: start; scroll-snap-stop: always;}

    .layered .ll_sig .sig_list .tit {margin-top: 6rem;}
    .layered .ll_sig .sig_list .txt br {display: none;}
    /* 장비 카드 줄 — 768 이하는 sticky·스크롤 연동 이동 없이 손가락으로 넘기는 가로 스크롤(2026-10-13 사용자 지시, ABOUT .philo_list 와 같은 방식).
       스킨 JS 도 이 폭에서는 런웨이 높이·transform 을 비운다. 카드 지그재그(홀·짝 오르내림)는 고정 위치로 남긴다 */
    .layered .ll_device {padding-bottom: var(--pd2);}
    .layered .ll_device .dev_scroll {height: auto; margin: 60px 0;}
    .layered .ll_device .dev_marquee {position: static; overflow: visible;}
    .layered .ll_device .dev_track {--amp: 3rem; gap: 2rem; width: 100%; overflow-x: auto; padding: var(--amp) var(--inPd); -webkit-overflow-scrolling: touch; scroll-padding-left: var(--inPd);  transform: none !important;}
    .layered .ll_device .dev_track::-webkit-scrollbar {display: none;}
    .layered .ll_device .dev_track li {width: 22rem; height: 28rem; }
    .layered .ll_device .lead_tit {font-size: var(--h5); margin-top: 30px;}

    .layered .ll_layer {padding-top: var(--pd2);}

    .layered .ll_layer .layer_pill {padding: 1.5rem 2rem; font-size: var(--p2); text-align: left;}
    .layered .ll_depth .depth_list li {padding: 2rem;}
    .layered .ll_combo .elev_txt br {display: none;}
    /* 비교표 공용(.compare_sect) — 동탄 .com_vs_sect 768 과 같은 축소: 라벨 칸 15rem · 카드 안쪽 2rem · 행 1.5rem · br 해제 */
    .sub_cont .compare_sect .compare_box {grid-template-columns: minmax(0, 1fr) 15rem minmax(0, 1fr);}
    .sub_cont .compare_sect .head {margin: 3rem 2rem 1rem;}
    .sub_cont .compare_sect .cell {margin: 0 2rem; padding: 1.5rem;}
    .sub_cont .compare_sect .cell br {display: none;}
    .sub_cont .compare_sect .lb span {font-size: var(--p4);}
    .en .sub_cont .compare_sect .lb span {font-size: var(--p5);}   /* 영문 한 타입 작게(p4 → p5) */
    .sub_cont .elev_grid_sect {padding: var(--pd2) 0;}

    .sub_cont .elev_grid_sect .card_grid li {display: flex; flex-direction: column-reverse; align-items: flex-start; justify-content: flex-end; gap: 2rem; padding: 3rem;}   /* 배지를 썸네일 위로 */
    .sub_cont .elev_grid_sect .card_grid .badge {font-size: 7.5px; font-weight: 500; right: 15px; top: 15px;}
    .sub_cont .elev_grid_sect .card_grid .tit {font-size: var(--p1);}
    .sub_cont .elev_grid_sect .card_grid .txt br {display: none;}

    .sub_cont .elev_grid_sect .card_grid .thumb {width: 15rem; aspect-ratio: 335 / 208;}


    .layered .ll_info .stat_list li {flex: 0 0 50%;}
    .layered .ll_info .stat_list li:nth-child(3n) {border-right: 1px solid var(--gray20);}
    .layered .ll_info .stat_list li:nth-child(2n) {border-right: 0;}
    .layered .ll_info .stat_list li:nth-last-child(-n+2) {border-bottom: 1px solid var(--gray20);}
    .layered .ll_info .stat_list li:last-child {border-bottom: 0;}
    .layered .ll_info .info_box_list {flex-direction: column;}
    .layered .ll_info .info_box_list li {height: auto; padding: 4rem 3rem;}

    /* 엘레브 공용 */
    .sub_cont .elev_sect .motion_txt {width: 100%; white-space: normal; text-align: center;}
    .sub_cont .elev_sect .motion_txt .fill {width: 100%;}
    .sub_cont .elev_sect.en_wrap .motion_txt {font-size: clamp(20px, 8.5vw, 56px);}
    .sub_cont .elev_sect .card_wrap {gap: 15px;}
    .sub_cont .elev_sect .card {padding: 5rem 3rem 4rem;}
    .sub_cont .elev_sect .card .tit {margin-right: 0; font-size: var(--p1);}   /* 데스크톱의 제목 4rem 오버행은 패딩 3rem 이라 접는다 */
    .sub_cont .elev_sect .card .txt br {display: none;}
    .en .sub_cont .elev_sect .card .txt {font-size: var(--p6);}


    /* 디자인필러 */
    .dsfl_page .sect_txt br {display: none;}
    .intro_sect .filler_tag {bottom: 1.5rem;}   /* 필러·보톡스 시술 소개 사진 위 칩 */
    .intro_sect .filler_tag li {padding: .8rem 1.2rem; font-size: var(--p8);}
    /* 화살표가 없는 세로 배치라 단계별 지연을 짧게 압축한다 */
    /* 팔자필러 */
    .nlf_page .sect_txt br {display: none;}

    /* 초음파필러제거 */
    .usfr_page .sect_txt br {display: none;}

    /* 이마필러 */
    .ffil_page .sect_txt br {display: none;}

    /* 입술필러 */
    .lipf_page .sect_txt br {display: none;}

    /* 서브탑 (텍스트형) */

    /* 목록 상단 바 공용 */
    .sub_cont .list_top { gap: 1.5rem;}
    .sub_cont .list_top .search_box button {right: 1.5rem;}

    /* 페이지네이션 공용 */
    .sub_cont .sub_paging {gap: 1rem;}
    .sub_cont .sub_paging .nums {gap: .6rem;}
    .sub_cont .sub_paging .nums a, .sub_cont .sub_paging .nums strong, .sub_cont .sub_paging .arw {width: 5rem; height: 5rem;}   /* 모바일 터치 타깃 확보(7px 루트에서 35px) */

    /* 게시글 상세 공용 */
    .sub_cont .view_sect {padding: calc(var(--hdH) + var(--contMt3)) 0 var(--pd2);}
    .sub_cont .view_wrap {gap: var(--contMt3);}
    .sub_cont .btn_back .ico {width: 2.4rem; height: 2.4rem;}
    .sub_cont .view_head {padding-bottom: 2rem;}
    .sub_cont .view_head .date {margin-top: 1.5rem; font-size: var(--p7);}
    .policy_page .policy_date {font-size: var(--p7);}
    .view_page .tit_box .date, .news_list .list_box .date, .thumb_list .list_box li .txt .date {font-size: var(--p7);}   /* 예비 게시판 스킨(_Ext/bbs/skin_kor list·view.bbs) 날짜 — 지금 이 스킨을 쓰는 사용자 게시판은 없다 */
    .sub_cont .view_body {padding-bottom: var(--contMt3);}
    .sub_cont .view_pn {gap: 40px;}
    .sub_cont .view_pn .pn {flex: 1; min-width: 0}
    .sub_cont .view_pn .next {justify-content: flex-end;}

    .sub_cont .view_pn .txt {gap: 8px;}
    .sub_cont .view_pn .txt .sbj {max-width: 100%;}

    /* 썸네일 카드 목록 공용 (ACTIVITIES · 썸네일 게시판) */
    .sub_cont .list_sect {padding: var(--contMt2) 0 var(--pd1);}
    .sub_cont .thumb_list {gap: 30px 15px; margin-top: 20px;}
    .sub_cont .thumb_list .thumb {border-radius: 1rem;}
    .sub_cont .thumb_list .desc {padding: 0; margin-top: 1.5rem;}
    .sub_cont .thumb_list .date {margin-top: 10px; font-size: var(--p7);}
    .ytb_page .ytb_list .tit,
    .sub_cont .thumb_list .tit {font-size: var(--p3); height: auto;}
    .sub_cont .list_empty {min-height: 20rem;}
    .sub_cont .view_body .view_files {padding-top: 2rem;}
    .sub_cont .view_body .view_files a {padding: 1rem 1.4rem;}

    .sub_cont .list_top .search_box {width: 210px; font-size: var(--p6);}
    .sub_cont .list_top .search_box input {font-size: var(--p6);}

    /* ELEV COLUMN — 제목은 nowrap 대신 2줄 클램프 */
    .col_page .col_sect {padding: var(--contMt2) 0 var(--pd1);}
    .col_page .col_list {margin-top: 1.5rem;}

    .col_page .col_list .tit {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.4; white-space: normal; font-size: var(--p1);}
    .col_page .col_list .txt {margin-top: 1rem;}
    .col_page .col_list .date {margin-top: 20px; font-size: var(--p7);}



    .resv_modal .head {padding: 2rem 2.5rem;}
    .resv_modal .body {gap: 3.5rem; padding: 3rem 2.5rem 2rem;}
    .resv_modal .foot {padding: 1.5rem 2.5rem 3rem;}
    .resv_modal .grp .grp_list {margin-top: 1.5rem;}
    .resv_modal .opt label {padding: max(.9rem, 8px) max(1.4rem, 12px);}   /* 터치 대상이 너무 작아지지 않게 최소값 */
    /* 이름·연락처·자동입력방지 — 시안의 250 고정폭은 데스크톱 기준, 좁은 화면은 한 줄을 나눠 채운다 */
    .resv_page .resv_form .fd_name input {width: 100%;}
    .resv_page .fd_tel .sel_box, .resv_page .fd_tel input, .resv_page .fd_captcha .cap_box, .resv_page .fd_captcha input {flex: 1 1 25rem;}   /* 같은 기준폭에서 똑같이 늘어난다(0 이면 패딩만큼 달라짐) */
    /* 선택한 시술 칩 — 768 이하는 rem 이 작아져 칩이 빡빡하고 × 가 작았다(2026-10-16 사용자 지시) → px 로 조금 넓히고 × 키움 */
    .resv_page .chip_list li {gap: 10px; padding: 7px 10px 7px 14px;}
    .resv_page .chip_list .del {width: 20px; height: 20px;}
    .resv_page .chip_list .del svg {width: 8px; height: 8px;}
    .resv_modal .btn_modal {width: 14rem; height: 3em;}

    /* ELEV YOUTUBE */
    .ytb_page .ytb_sect {padding: var(--contMt2) 0 var(--pd1);}
    .ytb_page .ytb_search input { padding: 0 6rem 0 2.5rem; height: 3.5em; font-size: var(--p3);}
    .ytb_page .ytb_search button {right: 2.5rem; width: 2.2rem; height: 2.2rem;}
    .ytb_page .ytb_group + .ytb_group {margin-top: var(--pd3);}
    .ytb_page .group_head .ico {width: 3.4rem;}
    .ytb_page .ytb_list {gap: var(--contMt3) 1.5rem; margin-top: 1.5rem;}
    .ytb_page .ytb_list .desc {padding: 0;}
    .ytb_page .ytb_list .date {margin-top: 1.5rem; font-size: var(--p7);}

    /* BEFORE & AFTER */
    .bfaf_page .bfaf_list {gap: 30px 15px;}
    .bfaf_page .ba_img {aspect-ratio: 390 / 240;}
    .bfaf_page .lock_box .txt {font-size: var(--p6);}
    .bfaf_page .bfaf_list .desc {margin-top: 1.5rem;}
    .bfaf_page .list_none {padding: 8rem 0;}
    .bfaf_view .view_head {flex-wrap: wrap; gap: 1.5rem;}
    .bfaf_view .view_head .tag {padding: .8rem 1.5rem;}
    .bfaf_view .ba_img {width: 100%;}
    .bfaf_view .ba_img .cap {font-size: var(--p8);}
    .bfaf_view .view_body .opinion {padding: 3rem 2.5rem;}
    .bfaf_view .view_pn .arw {width: 4.4rem; height: 4.4rem;}
    .bfaf_view .view_pn .txt .sbj {max-width: 12rem;}

    /* 간단요약 영상 (공용) */
    .sub_cont .video_sect .ghost_txt {font-size: 14rem;}
    .sub_cont .video_sect .tag_list {gap: 1rem; margin-top: 15px;}
    .sub_cont .video_sect .tag_list li span {padding: 1.2rem 1.6rem; font-size: var(--p5);}
    .sub_cont .video_sect .btn_play {width: 8rem; height: 8rem;}
    .sub_cont .video_sect .btn_play svg {width: 1.6rem;}
    /* 오시는 길 */
    .vst_page .sect_tit {font-size: var(--h7);}
    .vst_page .vst_map .map_cont {flex-direction: column; gap: 30px;}
    .vst_page .vst_map .map_box {width: 100%;}
    .vst_page .vst_map .info_box {width: 100%;}
    .vst_page .vst_map .addr {font-size: var(--h7);}
    .vst_page .vst_map .btn_copy {padding: .8rem 1rem; font-size: var(--p5);}
    .vst_page .vst_map .map_btns {width: 100%; gap: 1rem;}
    .vst_page .vst_map .map_btn {flex: 1; justify-content: center; gap: .5rem; padding: 1.2rem 1rem; font-size: var(--p5);}
    .vst_page .vst_map .map_btn img {width: 1.6rem; height: 1.6rem;}
    .vst_page .vst_map .map_btn svg {display: none;}
    .vst_page .vst_map .tel {font-size: var(--h7);}
    .vst_page .vst_transit .col {flex-direction: column; gap: 2rem;}
    .vst_page .vst_transit .label {width: 100%; max-width: 20rem; font-size: var(--p3);}
    .vst_page .vst_transit .stop_list {width: 100%;}
    .vst_page .vst_transit .stop_list .name {font-size: var(--p3);}
    .vst_page .vst_transit .bus_list {row-gap: 1.5rem;}
    .vst_page .vst_transit .bus_list li {font-size: var(--p4);}
    .vst_page .vst_transit .bus_list .type {min-width: 8.4rem;}
    .vst_page .vst_hours .hours_list{flex-wrap: wrap; gap: 15px;}
    .vst_page .vst_hours .hours_list li {flex: 0 0 calc(50% - 7.5px); padding: 20px 15px;}
    .vst_page .vst_banner {padding: 8rem 0;}
    .vst_page .vst_banner .sect_tit {font-size: var(--h6);}
    .vst_page .vst_banner .sect_tit br {display: none;}

    /* ELEV 하트힙 */
    .hhip .hh_info .stat_list li {flex: 1 1 50%;}
    .hhip .hh_info .stat_list li:nth-child(3) {border-right: 1px solid var(--gray20);}
    .hhip .hh_info .stat_list li:nth-child(2n) {border-right: 0;}

    /* 하단 상담 배너 공용 */
    .sub_cont .cta_sect { padding: 8rem 0; }
    /* ELEV 시그니처 인트로 공용(sub-sig.php) */
    .sub_cont .sig_sect {padding-top: 16rem;}
    .sub_cont .sig_sect .motion_txt {font-size: clamp(24px, 9.5vw, 40px);}
    .sub_cont .sig_sect .sig_body {margin-top: 16rem;}
    .sub_cont .sig_sect .txt_box .en_tit {font-size: var(--p2);}
    /* 시그니처 엘레브 공용(sub-sig-elev.php) — 배지를 본문 아래 정적 배치 */

    .sub_cont .sig_elev_sect .bg {height: 100%; opacity: 1;}
    .sub_cont .sig_elev_sect .motion_txt .fill {color: #fff;}
    .sub_cont .sig_elev_sect .motion_txt {font-size: clamp(18px, 7vw, 40px);}
    .sub_cont .sig_elev_sect .card_list li {padding: 2.5rem 2.5rem 3rem; display: flex; flex-direction: column; align-items: flex-start;}
    .sub_cont .sig_elev_sect .card_list .tit {padding-right: 0; order: 3; margin-top: 15px;}
    .sub_cont .sig_elev_sect .card_list .txt {order: 4; margin-top: 5px;}
    .sub_cont .sig_elev_sect .card_list .thumb {width: 12rem;order: 1;}
    /* 함께하면 좋은 시술 공용(sub-related.php) — 768 이하: 1040 이하와 같은 2열 세로형 카드(이미지 위 338/237 + 이름/설명, 화살표 우하단)를 그대로 잇되 글자만 줄인다.
       개수(2~6장)와 무관하게 같은 형태. 2026-09-22: 가로 스크롤(60% 카드 스냅)과 가로형 1열(이미지 좌 40%) 둘 다 폐기 —
       전자는 4장 이상(.cols2)이 특이성에 밀려 폭 114px 그리드로 깨졌고, 후자는 텍스트 칸이 좁아 이름·설명이 3줄로 접혀 어색했다(사용자 캡처). */
    .sub_cont .related_sect .related_list, .sub_cont .related_sect.cols2 .related_list {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; width: 100%; margin: var(--contMt2) 0 0; padding: 0; overflow: visible;}
    .sub_cont .related_sect .related_list li {width: auto; min-width: 0;}
    .sub_cont .related_sect .related_list a {flex-direction: column; height: 100%;}
    .sub_cont .related_sect .related_list .img {flex: none; width: 100%; aspect-ratio: 338 / 237;}
    .sub_cont .related_sect .related_list .txt_box {display: block; flex: 1; min-width: 0; padding: 1.8rem 2rem 6.4rem;}   /* 아래 여백 = 화살표 원 자리 */
    .sub_cont .related_sect .related_list .name {padding-right: 0; font-size: 16px; line-height: 1.35; word-break: keep-all;}
    .sub_cont .related_sect .related_list .txt {padding-right: 0; margin-top: .6rem; font-size: 12px; line-height: 1.5; word-break: keep-all;}
    .sub_cont .related_sect .related_list .arr {position: absolute; right: 1.6rem; bottom: 1.6rem; width: 30px; height: 30px;}

    .sub_cont .process_sect .slide[data-landing-observe] {width: calc(100% + var(--inPd) * 2); padding:0 var(--inPd);}
    .sub_cont .process_sect .slide .swiper-container {overflow: visible;}





    /* 함께하면 좋은 시술 카드형 공용(sub-related.php `type => card`) — 카드 세로 스택.
       터치 기기에는 호버가 없으므로 화살표 원만 상시 노출한다(배경 틴트는 계속 호버 전용). */
    .sub_cont .related_card_sect .related_list {flex-direction: column; gap: 1.5rem;}
    .sub_cont .related_card_sect .related_list li, .sub_cont .related_card_sect.size_lg .related_list li {flex: none; width: 100%;}
    .sub_cont .related_card_sect .related_list a {height: 40rem; padding: 0 3rem 4rem;}
    .sub_cont .related_card_sect .related_list .btn_circle {opacity: 1; width: 5rem; height: 5rem; transform: translate(-50%, -50%) scale(1);}
    .sub_cont .related_card_sect .related_list .btn_circle svg {width: 2.4rem; height: 2.4rem;}
    /* 시술 프로세스 공용(sub-process.php) */
    .sub_cont .process_sect .swiper-slide {width: 62vw;}
    /* 시술 정보 공용(sub-info.php) — 요약 2열 */
    .sub_cont .info_sect .info_cont {padding: 30px 15px 20px;}
    /* POINT 리스트 공용(sub-point.php) — 카드 패딩 */
    .sub_cont .point_sect .point_list li {padding: 3rem 2.5rem;}
    .sub_cont .point_sect .point_list .tit {font-size: var(--p1);}
    /* POINT 리스트 등장 모션(reveal_up/side) — 768 이하 제거, 처음부터 보임 */
    .sub_cont .point_sect.reveal_up .point_list li,
    .sub_cont .point_sect.reveal_side .point_list li {opacity: 1; transform: none; transition: none;}
    /* 섹션 타이틀 박스(.sect_tit_box) 안 등장 모션 — 768 이하 제거, 처음부터 보임
       (landing-common.css 공용 .sect_tit/.sect_txt 등장 · 주의사항 아이콘 · 엘레브 순차 등장 타이틀) */
    .sub_cont .sect_tit_box .sect_tit,
    .sub_cont .sect_tit_box .sect_txt,
    .sub_cont .sect_tit_box .sub_sect_tit,
    .sub_cont .sect_tit_box .sub_sect_txt,
    .sub_cont .caution_sect .sect_tit_box[data-landing-observe] .ico,
    .sub_cont .elev_sect.mt_seq .elev_bottom .sect_tit_box {opacity: 1; transform: none; transition: none;}
    .sub_cont .info_sect .info_box_list li {padding: 20px 10px;}

    .ja .sub_cont .point_sect .sect_tit_box .sect_tit,
    .zh_cn .sub_cont .point_sect .sect_tit_box .sect_tit  {word-break: break-all !important;}

    /* ELEV 하트콜라겐 */
    .hcol .hc_info .stat_list li { flex: 1 1 50%; }
    .hcol .hc_info .stat_list li:nth-child(3) { border-right: 1px solid var(--gray20); }
    .hcol .hc_info .stat_list li:nth-child(2n) { border-right: 0; }

    /* ELEV 쓰리쥬란 */
    .tjr_page .tjr_info .stat_list li {flex: 1 1 50%;}
    .tjr_page .tjr_info .stat_list li:nth-child(3) {border-right: 1px solid var(--gray20);}
    .tjr_page .tjr_info .stat_list li:nth-child(2n) {border-right: 0;}

    /* 리니어지 */
    .lnz_page .sect_txt br {display: none;}
    .lnz_page .btn_circle {width: 5rem; height: 5rem;}
    .lnz_page .btn_circle svg {width: 2.2rem; height: 2.2rem;}
    .lnz_intro .type_row .label {font-size: var(--p6);}
    .lnz_intro .mode_list li {padding: 2rem 2.5rem;}
    .lnz_intro .tip_cards {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem;}
    .lnz_intro .tip_cards li {padding: 2.5rem 1.5rem;}
    .lnz_intro .tip_cards .txt {font-size: var(--p6);}
    .lnz_intro .depth_visual .mm_rows span {width: 9%; font-size: 1rem;}
    .lnz_intro .depth_visual .layer_names li {font-size: 1.1rem;}
    .lnz_area .pin span {padding: .4rem 1.2rem; font-size: var(--p6);}
    .lnz_page .point_sect .point_list li {padding: 2.5rem;}

    /* 인모드 */
    .inmd_page .sect_txt br {display: none;}
    .inmd_page .btn_circle {width: 5rem; height: 5rem;}
    .inmd_page .btn_circle svg {width: 2.2rem; height: 2.2rem;}
    /* 악센트 프라임 / 프로파운드 */
    .lift_page .sect_txt br {display: none;}
    .intro_sect .img_box {max-width: 100%;}
    .lift_area .face_box, .lift_area.wide .face_box {max-width: 100%;}
    .layered .ll_depth .depth_list li,
    .intro_sect .intro_list li {padding: 15px; border-radius: 10px;}
    .intro_sect .prod_list {grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 2rem;}   /* 시술 소개 제품 카드 — 2장은 1열 */
    .intro_sect .prod_list.n4 {grid-template-columns: repeat(2, minmax(0, 1fr));}

    .sub_cont .info_sect .unit_list.num3 {flex-direction: column; gap: 10px;}
    .sub_cont .info_sect .unit_list.num3 li {flex: none;}
    .intro_sect .prod_list li {gap: 25px; padding: 15px; border-radius: 10px;}
    .intro_sect .prod_list .txt br {display: none;}

    /* ELEV 하트필러 (.hfil) */
    .hfil .hf_info .stat_list li {flex: 1 1 50%;}
    .hfil .hf_info .stat_list li:nth-child(3) {border-right: 1px solid var(--gray20);}
    .hfil .hf_info .stat_list li:nth-child(2n) {border-right: 0;}

    /* 시술 원리 / 3 POINT 스텝 공용 */


    /* 필요한 순간 공용 */
    /* check_list 아이콘 첫 줄 정렬은 sub.css 기본 규칙이 전 구간 담당(2026-10-14) */
    /* 시술 전·후 주의사항 공용 */
    .sub_cont .caution_sect .caution_list { gap: 1.5rem; }
    .sub_cont .caution_sect .caution_list li { padding-bottom: 1.5rem; }

    /* ABOUT ELEV — 서브탑(다크형) */
    .top_img.dark {padding-top: calc(var(--hdH) + var(--contMt3));}
    .top_img.dark .sub_nav {align-self: stretch; gap: 1.2rem; padding: 0 2rem;}
    .top_img.dark .top_tit_box {padding-top: var(--pd3);}
    .spac_page .spac_tech .sect_tit,
    .spac_page .spac_elev .motion_txt {font-size: min(4.6rem, 7.2vw);}
    .top_img.dark .top_tit_box .tit {margin-top: 3rem; font-size: min(4.6rem, 7.2vw);}
    .top_img.dark .top_tit_box .sub_tit {margin-top: 4rem; font-size: var(--h8); word-break: keep-all;}
    .top_img.dark .top_tit_box .txt {margin-top: 2.5rem; font-size: var(--p3); word-break: keep-all;}
    /* ABOUT ELEV — 본문 */
    .abte_page .abte_philo {padding: 8rem 0 var(--pd3);}
    .abte_page .abte_philo .philo_line {height: 16rem; margin: 0 auto 8rem;}
    .abte_page .philo_list li {border-radius: 2rem;}
    .abte_page .philo_list .philo_card {padding: 4rem 3rem;}
    .abte_page .philo_list .txt_box {gap: 2rem;}
    .abte_page .philo_list .tit {font-size: var(--h7);}
    /* 스토리 — 세로 화면에서는 작은 컷을 넓게 잡아야 사진이 보인다 */
    .abte_page .abte_story .story_col .logo {width: 40%; margin-bottom: 6rem;}
    .abte_page .abte_story .story_col .tit {font-size: var(--h6); word-break: keep-all;}
    .abte_page .abte_story .story_col .desc {gap: 3rem; margin-top: 5rem;}
    .abte_page .abte_story .story_col .desc p {font-size: var(--p3); word-break: keep-all;}



    .abte_page .abte_promise {height: auto; padding-top: 0;}
    .abte_page .abte_promise .sect_tit_box {position: static;}
    .abte_page .abte_promise .promise_list {gap: 15px; padding-top: 0;}
    .abte_page .abte_promise .promise_list .tag {left: 20px; top: 20px; padding: 1.2rem 1.6rem; font-size: var(--p6);}
    .abte_page .abte_promise .promise_list .txt_box {margin-top: 2.5rem;}
    .abte_page .abte_promise .promise_list .tit {font-size: var(--h6);}
    .abte_page .abte_promise .promise_seal {display: none;}

    .abte_page .abte_promise .promise_seal_sticky {position: static; height: auto;}
    .abte_page .abte_promise .sticky {margin-top: 0;}


    .abte_page .abte_doctor {padding-top: var(--pd3);}
    .abte_page .abte_doctor .tit {margin-top: 3rem; font-size: var(--h6);}


    .sub_cont .step_sect .step_list {gap: 40px;}
    .sub_cont .step_sect .step_list li + li::before {width: 50px; left: -40px;}
    .sub_cont .step_sect .step_list .tit {font-size: var(--p1);}


    .mintos .mt_duo .duo_list {margin-top: var(--contMt3);}

    .sub_cont .footer_banner .txt_box {padding: 60px 0;}
    .sub_cont .footer_banner .txt_box .tit {font-size: var(--p1);}

    .sub_cont .btn_more, .sub_cont a.btn_more:visited {padding: 0.9em 1.2em;}

    .sub_cont .step_sect .step_list {--stepMt: 15px;}   /* .step 위 여백 = 화살표 위치 변수(sub.css) */
    .sub_cont .step_sect .step_list .step {font-size: var(--p6);}
    .sub_cont .step_sect .step_list .txt {margin-top: 10px;}

    .sub_cont .caution_sect .sect_tit_box .ico {width: 30px; height: 30px;}

    .sub_cont .cta_sect .cta_tit {font-size: var(--p1);}



    .area_sect {padding-bottom: var(--pd2);}

    .sub_cont .elev_sect {padding: var(--pd2) 0;}

    .sub_cont .elev_grid_sect .sect_tit_box,
    .sub_cont .elev_sect .elev_bottom {margin-top: var(--pd4);}



    .layered .ll_layer .layer_list .tit {font-size: var(--p1); line-height: 1.3;}



    /* 사진 서브탑 바로 아래 흰 배경으로 시작하는 첫 섹션 — 768 이하 상단 여백 60px(2026-10-13 사용자 지시). intro_sect 는 쓰는 스킨 전부에서 첫 섹션 */
    .sub_cont .intro_sect,
    .dens_page .dens_tip,
    .lnz_page .lnz_intro,
    .mdt_page .mdt_about {padding-top: var(--pd2);}


    .resv_page .fd_source .opt_row { grid-template-columns: repeat(4,minmax(0,max-content));}



    .mdt_page .mdt_doctor .doctor_item {align-items: flex-start;}
    .mdt_page .mdt_doctor .info .career li {font-size: var(--p6);}

    .spac_page .spac_room .room_arw {display: none;}

    .spac_page .spac_tech .tech_swiper .tit {font-size: var(--p1);}

    .layered .ll_depth .depth_list .num {font-size: var(--p7);}

    .en .vst_page .vst_hours .hours_list .badge {font-size: 9px;}


    /* 7681 */

    /* ── 메디컬팀(_Skin/about/medical-team.php) — 반응형 ── */

    .mdt_page .sect_tit_box .sect_txt br {display: none;}
    .mdt_page .sect_tit_box .en_tit + .sect_tit {margin-top: 2.5rem;}
    .mdt_page .mdt_about .about_img {height: auto; aspect-ratio: 39 / 25;}   /* 2026-10-22 시안 모바일 컷 390×250 */
    /* HOW WE CARE — 카드 세로 배치, 진행 라인은 감춘다 */



    /* 연구·학술 활동 */
    .mdt_page .mdt_research .research_body {gap: 60px;}
    .mdt_page .mdt_research .book_list {grid-template-columns: minmax(0, 1fr) ; gap: 3rem;}
    .mdt_page .mdt_research .book_list .img {height: auto; aspect-ratio: 513 / 300;}
    .mdt_page .mdt_research .thesis_list li {flex-direction: column; gap: .5rem; padding: 2rem 0;}
    .mdt_page .mdt_research .thesis_list .num {width: auto; text-align: left;}
    .mdt_page .mdt_research .academy_list { gap: 2rem;}
    .mdt_page .mdt_research .academy_list li {height: auto; aspect-ratio: 785 / 400; padding: 2.5rem;}
    .mdt_page .mdt_research .cert_list .img {height: 18rem;}
    .mdt_page .mdt_research .cert_list .name {line-height: 1.4;}   /* 2열이라 긴 이름이 접힌다 */
    /* 갤러리 */
    .mdt_page .mdt_gallery .roll_wrap {gap: 1.5rem; margin-top: var(--contMt3);}
    .mdt_page .mdt_gallery .roll, .mdt_page .mdt_gallery .roll_list {gap: 1.5rem;}
    .mdt_page .mdt_gallery .roll_list li {width: 20rem; height: 20rem;}
    .mdt_page .mdt_gallery .roll {margin-left: -1rem; animation-duration: calc(var(--n, 16) * 5.625s);}   /* 예전 16장 90s 와 같은 속도 */
    .mdt_page .mdt_gallery .roll.rev {margin-left: -11.75rem;}

    /* 목록 간격이 1.5rem 로 바뀌면 이어붙는 지점도 그만큼 달라진다 */

    @keyframes mdtRoll {from {transform: translateX(0);} to {transform: translateX(calc(-50% - .75rem));}}

    /* ── SPACE & EQUIP(_Skin/about/space-equip.php) — 반응형 ── */

    /* 1. ELEV PRIVATE SPACE — 모션 텍스트는 공용 규칙(줄바꿈 허용)에 맞춰 크기만 조정 */
    .spac_page .spac_elev {padding-top: 16rem;}
    .spac_page .spac_elev .elev_bottom {margin-top: 3rem;}
    /* 공용 .elev_sect 는 768 에서 카드 설명의 br 을 숨기는데, 여기 문구는 두 문장이라 되살린다 */
    .spac_page .spac_elev .card .txt br {display: revert;}
    /* 2. 공간 롤링 — 화면 폭 기준으로 카드가 줄어든다(스와이프 + 옆 카드 탭으로 이동) */
    .spac_page .spac_room {--roomW: 42vw; --roomH: auto; --roomOnW: 64vw; --roomOnH: auto; --roomGap: 1.5rem; --roomArw: 4rem; --roomArwGap: 1rem;}
    .spac_page .spac_room .thumb {height: auto; aspect-ratio: 420 / 295;}
    .spac_page .spac_room .room_item.on .thumb {aspect-ratio: 630 / 400;}
    .spac_page .spac_room .name {margin-top: 15px; font-size: var(--p3);}
    .spac_page .spac_room .room_arw svg {width: 2rem; height: 2rem;}
    .spac_page .roll_bar {gap: 2rem;}
    /* 3. ELEV TECHNOLOGY */
    .spac_page .spac_tech .sect_tit {left: 0; width: auto; white-space: normal; text-align: center;}   /* left 0 · width auto — 768 이하 공용 `.sect_tit_box .sect_tit {transform: none}` 이 가운데 정렬용 translateX(-50%) 만 지워 left 50% 에서 오른쪽으로 화면 밖에 나가던 것(2026-10-14) */
    .spac_page .spac_tech .motion_txt .fill {width: 100%;}
    .spac_page .spac_tech .sect_txt {margin-top: 3rem; font-size: var(--p3);}
    .spac_page .spac_tech .tech_swiper .swiper-slide {width: 42vw;}

    /* ── 마이페이지 (.mypage_page) — 좁은 화면: 탭 꽉 차게, 예약 표 → 카드, 회원정보 입력은 라벨 위·입력 아래 ── */

    .mypage_page .mypage_sect {padding: 50px 0 60px;}
    .mypage_page .mypage_tab {width: 100%;}
    .mypage_page .mypage_tab a {flex: 1; min-width: 0; height: auto; min-height: 42px; padding: 6px 12px; font-size: 14px; line-height: 1.25; text-align: center; white-space: normal; overflow-wrap: anywhere;}   /* 긴 탭명(영문 APPOINTMENT REQUESTS)은 칸 안에서 2줄 — 한 줄 고정(nowrap)이면 360 폭에서 글자가 알약 밖으로 나갔다 */
    .en .mypage_page .mypage_tab a {font-size: 13px;}   /* 영문은 한 단계 작게 */
    .mypage_page .resv_history {margin-top: 30px;}
    .mypage_page .resv_table, .mypage_page .resv_table tbody, .mypage_page .resv_table tr, .mypage_page .resv_table td {display: block; width: 100%;}
    .mypage_page .resv_table colgroup, .mypage_page .resv_table thead {display: none;}
    .mypage_page .resv_table tbody tr {display: grid; grid-template-columns: auto 1fr; gap: 10px; align-items: center; padding: 18px 0; border-bottom: 1px solid #CBD2D9;}
    .mypage_page .resv_table td {height: auto; padding: 0; border: 0; text-align: left;}
    .mypage_page .resv_table td.date {grid-row: 1; grid-column: 2; justify-self: end; width: auto; font-size: var(--p7);}   /* 1행 = 상태 배지 | 상담완료일 */
    .mypage_page .resv_table td.date::before {content: attr(data-label); margin-right: 6px; color: var(--gray50);}
    .mypage_page .resv_table td.date.is_empty {display: none;}
    .mypage_page .resv_table td.proc {grid-column: 1 / -1; font-weight: 600;}
    .mypage_page .resv_table td.memo {grid-column: 1 / -1; color: var(--gray60);}
    .mypage_page .resv_table tbody tr.empty_row {display: block; padding: 0;}
    .mypage_page .resv_table .empty_row td {padding: 40px 0; text-align: center;}
    .mypage_page .info_form {gap: 22px; margin-top: 30px; padding: 30px 0;}
    .mypage_page .info_grp.basic, .mypage_page .info_grp.edit {gap: 22px;}
    /* 회원 정보 수정 행 쌓기(라벨 위·입력 아래)는 예약하기와 같은 600 이하로 옮김(2026-10-15) — 600 블록 「마이페이지 회원 정보 수정」 */
    .mypage_page .info_btm {flex-direction: column-reverse; align-items: stretch; gap: 22px; margin-top: 24px;}
    .mypage_page .btn_withdraw {align-self: flex-start;}
    .mypage_page .btn_save {width: 100%;}

    /* ── 통합검색 결과 (sub.css .srch_page) ── */

    .srch_page .srch_top {padding: calc(var(--hdH) + 40px) 0 48px;}
    .srch_page .srch_result {padding: 40px 0 80px;}
    .srch_page .result_head {flex-direction: column; align-items: flex-start; gap: 8px;}
    .srch_page .result_tab {flex-wrap: nowrap; overflow-x: auto; margin: 20px calc(var(--inPd) * -1) 0; padding: 0 var(--inPd) 24px; scrollbar-width: none; -webkit-overflow-scrolling: touch;}
    .srch_page .result_tab::-webkit-scrollbar {display: none;}
    .srch_page .result_tab button {flex-shrink: 0; height: 36px; line-height: 34px; padding: 0 14px; font-size: 13px;}
    .srch_page .rs_sect {padding-top: 40px;}
    .srch_page .rs_head {margin-bottom: 16px;}
    .srch_page .rs_tit {gap: 8px; font-size: 20px;}
    .srch_page .rs_tit .cnt {height: 22px; padding: 0 8px; font-size: 11px;}
    .srch_page .rs_sub {font-size: 16px;}
    .srch_page .menu_list {gap: 10px;}
    .srch_page .menu_list a {min-height: 0; padding: 18px 58px 18px 18px; border-radius: 10px;}
    .srch_page .menu_list .name {margin-top: 8px; font-size: 16px;}
    .srch_page .menu_list .desc {font-size: 12px;}
    .srch_page .menu_list .arr {right: 16px; bottom: auto; top: 50%; width: 30px; height: 30px; margin-top: -15px;}
    .srch_page .rs_more {margin-top: 24px;}
    .srch_page .rs_yt_shorts {margin-top: 30px;}
    .srch_page .rs_faq .q {padding: 20px 4px;}
    .srch_page .rs_faq .q .tit {flex-wrap: wrap; gap: 8px 12px;}
    .srch_page .rs_faq .q .tag {height: 22px; padding: 0 8px; font-size: 11px;}
    .srch_page .rs_faq .q .txt {flex: 1 1 100%; font-size: 15px;}
    .srch_page .srch_none {padding: 50px 10px;}
    .srch_page .srch_none .tit {font-size: 17px;}

    /* ── 비급여 진료비용 안내(.ncf_page, 반응형) START ── 768 이하: 여백·글자 축소 · 600 이하: 표 → 카드(분류 띠 + 항목명/단위 태그 + 최저·최고 줄) */

    .ncf_page .ncf_sect {padding: 50px 0 80px;}
    .ncf_page .ncf_lang_note {margin-bottom: 24px; padding: 12px 16px; font-size: 13px;}
    .ncf_page .ncf_meta {margin-bottom: 10px; font-size: 13px;}
    .ncf_page .ncf_table thead th {height: 48px; padding: 0 8px; font-size: 14px;}
    .ncf_page .ncf_table thead th:nth-child(n+4) {padding-right: 12px;}
    .ncf_page .ncf_table tbody th,
    .ncf_page .ncf_table tbody td {height: auto; padding: 14px 8px; font-size: 14px;}
    .ncf_page .ncf_table tbody th.name {padding-left: 12px;}
    .ncf_page .ncf_table tbody td.price {padding-right: 12px;}
    .ncf_page .ncf_notice {margin-top: 20px;}
    .ncf_page .ncf_notice li {padding-left: 12px; font-size: 13px;}
    .ncf_page .ncf_empty {padding: 60px 0; font-size: 15px;}

    /* ── 1뎁스 카테고리 목록 (sub-category.php) — 반응형 ── */

    .sub_cont .cat_sect {padding: 50px 0 100px;}
    .sub_cont .cat_sect.no_tab {padding-bottom: 100px;}
    /* 탭이 많으면(부스터·레이저 4개) 가로로 밀어 본다 — 줄바꿈하지 않는다 */
    .sub_cont .cat_sect .cat_tab {width: 100%; margin-bottom: 30px; padding: 5px; overflow-x: auto; scrollbar-width: none;}
    .sub_cont .cat_sect .cat_tab::-webkit-scrollbar {display: none;}
    .sub_cont .cat_sect .cat_tab .tab {flex: 1 0 auto; height: 40px; padding: 0 18px; font-size: 14px;}
    .sub_cont .cat_sect .cat_list {gap: 16px 12px;}
    .sub_cont .cat_sect .cat_list .txt {padding: 0 14px 14px;}
    .sub_cont .cat_sect .cat_list .arr {width: 32px; height: 32px;}
    .sub_cont .cat_sect .cat_list .arr svg {width: 12px; height: 12px;}
    .sub_cont .cat_sect .cat_list .name {font-size: var(--p1);}
    .sub_cont .cat_sect .cat_list li a {border-radius: 10px;}
}

@media screen and (max-width: 600px) {

    /* ABOUT ELEV·메디컬팀·VISIT 하단 배너 — 600 이하 전용 사진(mini_only, 시안 2114:8171 390x250 렌더)은 시안 구도 그대로 가운데(PC 사진의 85% 크롭은 mini_over 에만) */
    .sub_cont.mdt_page .cta_sect .bg img.mini_only, .sub_cont.vst_page .vst_banner .bg img.mini_only, .sub_cont.abte_page .cta_sect .bg img.mini_only {object-position: 50% 50%;}

    /* 서브탑 브레드크럼 — 마지막 셀렉트(2뎁스)는 화면 오른쪽에 있어 왼쪽 기준 목록이 화면 밖으로 펼쳐졌다(닫혀 있어도 opacity 0 이라 폭을 차지 — 영문 시그니처는 375 에서 페이지 폭 432). 오른쪽 끝 기준으로 왼쪽으로 펼친다(2026-10-15) */
    .top_img .sub_nav .li:last-child .nice-select .list {left: auto; right: 0;}




    /* 600 이하 — 서브 페이지 헤더는 전부 블랙 버전(2026-10-08 사용자 지시 → 2026-10-12 서브탑 유무 조건 없이 전체 서브로 확대).
       글자·아이콘(currentColor)은 검정, 로고는 흰색 필터를 풀고 컬러 로고로 — 텍스트형 서브탑(.no_img) 헤더와 같은 모양 */
    /* 아래 규칙마다 :has() 판(사진 서브탑)도 함께 적는다 — sub.css PC 흰 헤더 규칙이 :has() 인자까지 세는 우선순위라 단순 선택자로는 이기지 못한다 */
    body.sub .header:not(.header_down):not(.on), body.sub:has(.top_img:not(.no_img)) .header:not(.header_down):not(.on) {background: transparent; color: var(--black); border-bottom: 1px solid var(--gray20);}
    body.sub .header:not(.header_down):not(.on) .header_in, body.sub:has(.top_img:not(.no_img)) .header:not(.header_down):not(.on) .header_in {background: #fff;}
    body.sub .header:not(.header_down):not(.on) .logo img, body.sub:has(.top_img:not(.no_img)) .header:not(.header_down):not(.on) .logo img {filter: none;}
    body.sub .header:not(.header_down):not(.on) .logo .logo_mono, body.sub:has(.top_img:not(.no_img)) .header:not(.header_down):not(.on) .logo .logo_mono {opacity: 0;}
    body.sub .header:not(.header_down):not(.on) .logo .logo_color, body.sub:has(.top_img:not(.no_img)) .header:not(.header_down):not(.on) .logo .logo_color {opacity: 1;}
    body.sub .header:not(.header_down):not(.on) .util_wrap .btn_reserv, body.sub:has(.top_img:not(.no_img)) .header:not(.header_down):not(.on) .util_wrap .btn_reserv {border-color: var(--black);}
    /* 예외 — ELEV 시그니처 하위(풀 비주얼 서브탑 .top_img.full)는 시안 1908:1955 대로 흰 15% 반투명 + 블러(.header_in 기본 블러 그대로) · 흰 로고·아이콘 · 밑줄 없음(2026-10-13).
       스크롤해 내려가면(.header_down)·메뉴를 열면(.on) 다른 서브와 같은 헤더로 돌아간다 */
    /* 1뎁스 카테고리 목록(.top_img.band.mo_tall — /lifting 등, 시안 2143:4650)도 같은 헤더 */
    body.sub:has(.top_img.full, .top_img.mo_tall) .header:not(.header_down):not(.on) {background: rgba(255,255,255,.15); color: #fff; border-bottom: 0;}
    body.sub:has(.top_img.full, .top_img.mo_tall) .header:not(.header_down):not(.on) .header_in {background: transparent;}
    body.sub:has(.top_img.full, .top_img.mo_tall) .header:not(.header_down):not(.on) .logo img {filter: brightness(0) invert(1);}
    body.sub:has(.top_img.full, .top_img.mo_tall) .header:not(.header_down):not(.on) .logo .logo_mono {opacity: 1;}
    body.sub:has(.top_img.full, .top_img.mo_tall) .header:not(.header_down):not(.on) .logo .logo_color {opacity: 0;}
    body.sub:has(.top_img.full, .top_img.mo_tall) .header:not(.header_down):not(.on) .util_wrap .btn_reserv {border-color: #fff;}

    .top_img {min-height: 0; height: auto; background: transparent; padding-top: calc(var(--hdH) + 20px);}
    .top_img .top_tit_box .en_tit {font-size: var(--p6);}
    .top_img .top_tit_box .tit {margin-top: 15px;}
    .top_img .top_tit_box .txt {font-size: var(--p6); margin-top: 5px;}
    .top_img .sub_nav{gap: 10px; font-size: 10px; padding: 10px 14px;}
    .top_img .sub_nav .li {flex: 1; min-width: 0;}
    .top_img .sub_nav .li .arr {width: 7px; height: 7px; margin-top: 1px;}
    .top_img .sub_nav .home {width: 8px; height: 8px;}
    .top_img .sub_nav .line {height: 1em; opacity: 0.4;}
    .top_img .sub_nav .li .nice-select {min-width: 0;}   /* flex:1 항목은 min-width:auto 라 글자 길이만큼 늘어나 말줄임이 안 됐다 */
    .top_img .sub_nav .li .nice-select .current {display: block; padding-right: 5px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}   /* span(inline)은 말줄임이 걸리지 않아 block 으로 */

    .top_img.band {color: var(--black);}
    .top_img.band .bg {order: 2; margin-top: 30px; padding-top: 66%; position: relative;}
    .top_img.band .bg img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
    .top_img.band .in {display: contents;}
    .top_img.band .top_tit_box { padding: 0 var(--inPd);}

    .top_img.band .sub_nav {position: absolute; left: var(--inPd); bottom: var(--inPd); right: var(--inPd);}
    .top_img.band .sub_nav .home {color: #fff;}
    .top_img.band .sub_nav .li .arr {color: #fff;}
    /* 세로형 모바일 컷(.mo_tall — 카테고리 목록 1뎁스, 780×1252): 사진을 서브탑 전체 배경(원본 비율 --moAr)으로 깔고 위쪽 빈 곳에 타이틀, 아래에 브레드크럼 */
    .top_img.band.mo_tall {position: relative; min-height: 0; height: 100svh;}   /* 사진 비율 높이 대신 화면 높이(2026-10-13 사용자 지시 — 시그니처 하위와 같게), 사진은 cover 가운데 */
    .top_img.band.mo_tall .bg {position: absolute; inset: 0; margin: 0; padding: 0;}
    .top_img.band.mo_tall .top_tit_box {position: relative;}
    /* 시안 2143:4650(2026-10-13) — 사진 위 검정 20% 딤 · 흰 글자 · 브레드크럼은 헤더 바로 아래(흰 10% 알약 + 블러) · 타이틀은 그 아래 */
    .top_img.band.mo_tall {color: #fff;}
    .top_img.band.mo_tall .bg::after {content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.2); pointer-events: none;}
    .top_img.band.mo_tall .sub_nav {order: -1; position: relative; left: auto; right: auto; bottom: auto; z-index: 2; margin: 0 var(--inPd) 30px; background: rgba(255,255,255,.1); -webkit-backdrop-filter: blur(25px); backdrop-filter: blur(25px); border-radius: 100px;}
    /* 시그니처 하위 풀형(.full)도 세로형 컷이면 화면 높이(100vh) 대신 사진 원본 비율 높이 — 타이틀은 위쪽 빈 곳(얼굴과 겹치지 않게 위로 붙임) */


    .top_img.full .top_tit_box {flex: none; }

    /* .top_img.full.mo_tall 은 768 블록으로 옮김(풀형 모바일 컷이 768 이하부터 — .phone_only) */



    .sub_cont .area_sect.area_r464 .face_box,
    .sub_cont .area_sect.area_r475 .face_box,
    .sub_cont .area_sect.area_r570 .face_box,
    .sub_cont .area_sect.area_r600 .face_box,
    .sub_cont .area_sect.area_r604 .face_box,
    .sub_cont .area_sect.area_r660 .face_box,
    .sub_cont .area_sect.area_r665 .face_box,
    .sub_cont .area_sect.area_r760 .face_box,
    .sub_cont .area_sect.area_r764 .face_box {width: 100%;}

    .intro_sect .fit_img > .img_box {width: 100%; max-width: 82rem;}   /* 필러·보톡스 시술 소개 — 1240 의 50% 를 되돌림 */
    .area_sect .area_cont {flex-direction: column;}   /* 부위 섹션 공용 — 600 이하 사진 위·리스트 아래 */
    .area_sect .who_list {width: 100%;}




    .sub_cont .point_sect .point_cont {flex-direction: column;}
    .sub_cont .point_sect .sect_tit_box {width: 100%; position: relative; top: 0;}
    .sub_cont .point_sect .point_view {width: 100%; margin-top: var(--contMt2);}



    .sub_cont .elev_sect .card_wrap {gap: 0; flex-direction: column; padding-left: 15px; position: relative; width: 85%; margin: var(--contMt1) auto 0;}
    .sub_cont .elev_sect .card_col {width: 100%; gap: 30px;}
    .sub_cont .elev_sect .card_col.right {padding-top: 30px;}
    .sub_cont .elev_sect .line_col {width: 2px; position: absolute; left: 0px; top: 0; height: 100%;}
    .sub_cont .elev_sect .line_col .dot {width: 15px; height: 15px;}

    .sub_cont .elev_sect.elev_scrub .line_col .dot {left: 50%;transform: translate3d(-50%, calc(var(--lineH, 150rem) * 1.03 * var(--lineP, 0)), 0);}









    /* 레이어드 리프팅 고민 조합 — 타원 대신 가운데 알약 + 2열 칩, 시술 원 5개는 폭에 맞춰 축소 */
    .layered .ll_combo .combo_map {display: flex; flex-direction: column; align-items: center; gap: 3rem; width: 100%; height: auto;}
    .layered .ll_combo .oval_line, .layered .ll_combo .oval_bg, .layered .ll_combo .points .dot {display: none;}
    .layered .ll_combo .core {position: static; width: 100%; height: auto; padding: 4rem 3rem; border-radius: 3rem;}
    .layered .ll_combo .points {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; width: 100%;}
    .layered .ll_combo .points li {position: static; justify-content: center; padding: 2.5rem 1rem; border-radius: 2rem; background: var(--grayBg1); transform: none !important;}
    .layered .ll_combo .points .lbl {white-space: normal;}
    .layered .ll_combo .points .lbl strong {font-size: var(--p2);}
    .layered .ll_combo .points .lbl span {font-size: var(--p4);}




    .layered .ll_combo .core_tit {font-size: var(--h7);}
    .layered .ll_combo .core_txt {font-size: var(--p3);}
    /* 비교표 공용(.compare_sect) — 동탄 .com_vs_sect 600: 3열 유지, 라벨 칸 6.5rem·11px·모서리 5px, 칸 사이 8px, 카드 안쪽 10px */
    .sub_cont .compare_sect .compare_box {grid-template-columns: minmax(0, 1fr) 6.5rem minmax(0, 1fr); column-gap: 8px;}
    .sub_cont .compare_sect .head {margin: 20px 10px 10px; padding: 10px 5px; border-radius: 5px; font-size: var(--p6); line-height: 1.4;}
    .sub_cont .compare_sect .cell {margin: 0 10px; padding: 1.5rem 0; font-size: var(--p6);}
    .sub_cont .compare_sect .cell.last, .sub_cont .compare_sect .lb.last {margin-bottom: 15px;}
    .sub_cont .compare_sect .lb span {padding: 1rem .3rem; border-radius: 5px; font-size: var(--p8); line-height: 1.3; word-break: keep-all;}
    body.en .sub_cont .compare_sect .compare_box {grid-template-columns: minmax(0, 1fr) 10rem minmax(0, 1fr);}   /* 영문 라벨은 단어가 길어 6.5rem 에 안 들어간다 */
    body.en .sub_cont .compare_sect .lb span {padding: 1rem .2rem; font-size: 9px; line-height: 1.5;}   /* 영문 한 타입 작게(10 → 9) + 줄간격 1.5 */
    /* 원 6개 — 600 이하는 한 줄 3개 × 2줄, 좌우·위아래 모두 겹친다(--o = 겹침 폭, 상자 폭 기준 %라 화면에 비례). 한 줄 폭 = 원 3개 − 겹침 2번 = 100% */
    .layered .ll_combo .circles {flex-wrap: wrap; --o: 4.5%;}
    .layered .ll_combo .circles li {flex: 0 0 calc((100% + var(--o) * 2) / 3 - 1px);}   /* -1px: 딱 100% 면 소수점 반올림으로 셋째 원이 다음 줄로 밀린다 */
    .layered .ll_combo .circles li + li {margin-left: 0;}
    .layered .ll_combo .circles li:not(:nth-child(3n+1)) {margin-left: calc(var(--o) * -1);}
    .layered .ll_combo .circles li:nth-child(n+4) {margin-top: calc(var(--o) * -1);}
    .intro_sect .prod_list.n4 {grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);}   /* 리쥬란 제품 4장 — 1열 */
    /* 게시글 상세 공용 — 좁은 화면에서는 화살표+라벨만 */
    /* .sub_cont .view_pn .txt .sbj {display: none;} */
    .sub_cont .view_pn {gap: 25px;}



    /* 썸네일 카드 목록 공용 — 카드 2단은 제목이 과하게 잘려 1단으로 */
    .sub_cont .thumb_list {grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);}

    /* ELEV COLUMN */
    .col_page .col_list a {gap: 15px; align-items: flex-start; padding: 10px 0;}
    .col_page .col_list .thumb {width: 16rem; height: 16rem;}
    .col_page .col_list .txt {font-size: var(--p6);}

    /* ELEV YOUTUBE */
    .ytb_page .ytb_list, .ytb_page .ytb_list.shorts {grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);}   /* 숏츠도 2단(4단 규칙이 우선순위가 높아 함께 적음) */
    .ytb_page .ytb_list .tit {height: auto;}

    /* 예약하기 — 캡차/시술선택 세로 스택 */
    .resv_page .fd_captcha { gap: 1rem;}
    .resv_page .fd_captcha input {}
    .resv_page .fd_agree {gap: .8rem;}
    .resv_modal .box {max-height: 85svh;}
    .resv_modal .btn_modal {flex: 1; width: auto; max-width: none;}


    .sub_cont .sig_sect .sig_body .img {margin-left: 0; width: 100%; padding-top: 100%;}
    .sub_cont .sig_sect .txt_box .en_tit {margin-top: 40px;}
    .sub_cont .sig_sect .txt_box .ko_box {margin-top: 10px;}
    .sub_cont .sig_sect .txt_box .sub_tit {margin-top: 20px;}
    .sub_cont .sig_sect .txt_box .txt {margin-top: 7px;}

    .sub_cont .about_sect .about_box {display: block;}
    .sub_cont .about_sect .about_box .sect_tit_box {margin-top: 20px;}
    .sub_cont .sect_tit_box .sect_txt p + p {margin-top: 10px;}
    .mintos .mt_duo .item .img {border-radius: 10px;}
    .mintos .mt_duo .duo_list {gap: 10px; align-items: flex-start;}
    .mintos .mt_duo .plus {width: 25px; height: 25px; margin-bottom: 0; margin-top: 9vw;}



    .sub_cont .sig_elev_sect .card_list {display: flex; width: 100%; overflow-x: auto; overflow-x: auto; margin-left: calc(var(--inPd) * -1); padding: 0 var(--inPd); width: calc(100% + var(--inPd) * 2); scroll-snap-type: x mandatory;-webkit-overflow-scrolling: touch; scroll-padding-left: var(--inPd);}
    .sub_cont .sig_elev_sect .card_list::-webkit-scrollbar {display: none;}
    .sub_cont .sig_elev_sect .card_list > li {flex-shrink: 0; width: 76%; scroll-snap-align: start; scroll-snap-stop: always;}


    .sub_cont .sig_elev_sect .card_list .badge {font-size: 7px; right: 15px; padding: 0.5em 0.8em;}
    .sub_cont .sig_elev_sect .card_list .tit {margin-top: 10px;}


    /* .sub_cont .step_sect .step_list {display: block; margin-top: 0;}
    .sub_cont .step_sect .step_list li + li {margin-top: 5px;}
    .sub_cont .step_sect .step_list .ico {width: 10rem; margin-bottom: -5px;}
    .sub_cont .step_sect .step_list .step {margin-top: 0px;}
    .sub_cont .step_sect .step_list .txt br {display: block;}
    .sub_cont .step_sect .step_list .tit {margin-top: 20px;}
    .sub_cont .step_sect .step_list .txt {margin-top: 7px;}
    .sub_cont .step_sect .step_list .step {font-size: var(--p3);} */
    /* .sub_cont .step_sect .step_list.active li + li::before {display: none;} */


    .sub_cont .step_sect .step_list { width: 100%; overflow-x: auto; overflow-x: auto; margin-left: calc(var(--inPd) * -1); padding: 0 var(--inPd); width: calc(100% + var(--inPd) * 2); scroll-snap-type: x mandatory;-webkit-overflow-scrolling: touch; scroll-padding-left: var(--inPd); gap: 15px;}
    .sub_cont .step_sect .step_list::-webkit-scrollbar {display: none;}
    .sub_cont .step_sect .step_list li {flex-shrink: 0; width: 55%; scroll-snap-align: start; scroll-snap-stop: always; flex: none;}
    .sub_cont .step_sect .step_list li + li::before {left: -30px; width: 25px; height: 1.5px; display: none;}
    .sub_cont .step_sect .step_list {--icoH: 70px;}




    .sub_cont .info_sect .stat_list {gap:0;}
    .sub_cont .info_sect .stat_list li {width: calc(50%); padding: 10px;}   /* 좌우 10 — 5 면 중문 긴 값(根据维持情况追加治疗)이 360 이하 폭에서 칸 테두리에 붙었다 */
    .sub_cont .info_sect .stat_list li:last-child:nth-child(5),
    .sub_cont .info_sect .stat_list li:last-child,
    .sub_cont .info_sect .stat_list li:nth-child(2n){border-right: 0;}

    .sub_cont .info_sect .stat_list li:nth-child(3n),
    .sub_cont .info_sect .stat_list.num5 li:nth-child(3) {border-right: 1px solid rgba(0,0,0,.1);}

    .sub_cont .info_sect .stat_list li:last-child {border-right: none;}


    .sub_cont .info_sect .stat_list li:nth-child(n+3) {border-top: 1px solid var(--gray20);}
    .sub_cont .info_sect .stat_list li:last-child:nth-child(7),
    .sub_cont .info_sect .stat_list li:last-child:nth-child(5) {width: 100%;}
    .sub_cont .info_sect .stat_list .val {font-size: var(--p3);}

    .sub_cont .info_sect .info_box_list {display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap:10px; margin-top: 20px;}
    .sub_cont .info_sect .info_box_list li {padding: 15px 10px;}
    .sub_cont .info_sect .info_box_list .val {margin-top: 10px; font-size: var(--p6);}
    .sub_cont .info_sect .info_box_list .val .sm {margin-top: 0;}

    .sub_cont .info_sect .info_box_list.num5 {display: grid;grid-template-columns: repeat(6, minmax(0,1fr));}
    .sub_cont .info_sect .info_box_list.num5 li {grid-column: span 3;}
    .sub_cont .info_sect .info_box_list.num5 li:nth-child(n+4) {grid-column: span 3;}
    .sub_cont .info_sect .info_box_list.num5 li:nth-child(5) {grid-column: span 6;}


    .sub_cont .info_sect .unit_list {flex-direction: column; gap: 10px; margin-top: 20px;}
    .sub_cont .info_sect .unit_list li {flex: none; min-height: 0; padding: 15px;}
    .sub_cont .info_sect .info_box_list .badge {font-size: 10px; }
    .sub_cont .info_sect .info_box_list li small {font-size: 10px;}
    .sub_cont .info_sect .stat_list .ico {width: 3.5rem; height: 3.5rem;}

    .sub_cont .sect_head {flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 20px;}
    .sub_cont .process_sect .swiper-slide {width: 70%;}
    .sub_cont .process_sect .swiper-slide .name {font-size: var(--p1);}
    .sub_cont .process_sect .swiper-slide .step {font-size: var(--p8);}
    .sub_cont .ba_sect .swiper-slide:not(.swiper-slide-active) {transform: scale(0.9);}

    .sub_cont .ba_sect .ba_card .label {font-size: var(--p8);}
    /* 함께하면 좋은 시술 — 600 이하는 768 규칙(2열 세로형 카드)을 그대로 쓴다. 가로 스크롤 시절의 75% 카드·화살표 위치(bottom 65px) 보정은 2026-09-22 제거 */

    .sub_cont .video_sect .tag_list li span {font-size: var(--p8);}
    .sub_cont .sig_sect .txt_box .tit {font-size: var(--h2);}

    .sub_cont .slide_ctrl .arrows button {width: 30px; height: 30px;}
    .sub_cont .caution_sect .caution_list li .item::before {margin-top: 1rem; width: 3px; height: 3px;}

    .sub_cont .faq_sect .q .mark {font-size: var(--p1); margin-top: 2px;}
    .sub_cont .faq_sect .a .mark {font-size: var(--p3); width: 3.5rem; height: 3.5rem;}
    .sub_cont .faq_sect .a .txt {min-height: 4rem;}
    .sub_cont .faq_sect .q .txt {font-size: var(--p2);}

    .sub_cont .slide_ctrl .frac .tot, .sub_cont .ba_ctrl .frac .tot,
    .sub_cont .slide_ctrl .frac .cur, .sub_cont .ba_ctrl .frac .cur {font-size: var(--p3);}




    .dens_tip .tip_visual {flex-direction: column;}
    .dens_tip .tip_card {flex: none; min-height: max(68vw, 260px); padding-top: 40vw;}
    .dens_tip .tip_card .badge {width: 22rem;}
    .dens_tip .tip_card .txt {max-width: 290px;}
    .en .dens_tip .tip_card .txt {line-height: 1.5;}


    .sub_cont .point_sect .point_list .badge {font-size: var(--p8);}

    /* 시술 소개 — 1040 까지 가로, 600 이하 세로(써마지 FLX 기준, 2026-10-14 사용자 지시: 소프라노·인모드·리니어지도 같은 구간) */
    .intro_sect .img_box,
    .sopr_page .intro_sect .img_box,
    .inmd_page .intro_sect .img_box,
    .aa_page .intro_sect .img_box,
    .lnz_intro .type_box {width: 100%;}
    .intro_sect .intro_cont,
    .lnz_intro .intro_cont {flex-direction: column;}

    .sub_cont .elev_grid_sect .motion_txt,
    .sub_cont .elev_sect .motion_txt {font-size: 40px; line-height: 1.3; text-align: center; width: 100%; white-space: normal;}

    .intro_sect .prod_list { display: flex; width: 100%; overflow-x: auto; overflow-x: auto; margin-left: calc(var(--inPd) * -1); padding: 0 var(--inPd); width: calc(100% + var(--inPd) * 2); scroll-snap-type: x mandatory;-webkit-overflow-scrolling: touch; scroll-padding-left: var(--inPd);}
    .intro_sect .prod_list::-webkit-scrollbar {display: none;}
    .intro_sect .prod_list li {flex-shrink: 0; width: 60%; scroll-snap-align: start; scroll-snap-stop: always; flex: none; padding: 10px;}

    .intro_sect .prod_list.n2 li {flex: 1; }


    .layered .ll_layer .layer_pill {font-size: var(--p3);}
    .layered .ll_layer .layer_list .tit {font-size: var(--p2); margin-top: 10px;}
    .layered .ll_layer .layer_list .txt {margin-top: 5px;}


    .layered .ll_depth .depth_list {grid-template-columns: minmax(0, 1fr);}   /* 600 이하 목록 1열(2026-10-20 2열 배치 전환) */

    .sub_cont .elev_grid_sect .card_grid {}

    .sub_cont .elev_grid_sect .card_grid {display: flex; justify-content: flex-start ; width: 100%; overflow-x: auto; overflow-x: auto; margin-left: calc(var(--inPd) * -1); padding: 0 var(--inPd); width: calc(100% + var(--inPd) * 2); scroll-snap-type: x mandatory;-webkit-overflow-scrolling: touch; scroll-padding-left: var(--inPd);}
    .sub_cont .elev_grid_sect .card_grid::-webkit-scrollbar {display: none;}
    .sub_cont .elev_grid_sect .card_grid li {flex-shrink: 0; width: 80%; scroll-snap-align: start; scroll-snap-stop: always; padding: 15px;}
    .sub_cont .elev_grid_sect .card_grid .tit {font-size: var(--p1);}



    .vst_page .vst_transit .transit_cont {flex-direction: column; gap: 40px;}
    .vst_page .vst_transit .stop_list {gap: 20px;}
    .vst_page .vst_map .info_box {gap: 25px;}


    .abte_page .philo_list > li {width: 80%;}

    .abte_page .abte_num .num_list {flex-wrap: wrap; gap: 25px 10px; justify-content: center; max-width: 450px; margin-left: auto; margin-right: auto;}
    .abte_page .abte_num .num_list li {flex:none; width: auto; padding: 0; gap: 0;}
    .abte_page .abte_num .num_list li:nth-child(1) {margin-right: auto;}
    .abte_page .abte_num .num_list li:nth-child(3) {margin-left: auto;}
    .abte_page .abte_num .num_list li:nth-child(n+4) {width: calc(40% - 10px);}
    .abte_page .abte_num .meta {gap: 0;}
    .abte_page .abte_num .meta .name {margin-top: 13px;}
    .abte_page .abte_num .meta .term {font-size: var(--p8); margin-top: 6px;}
    .abte_page .abte_num .num .val {font-size: 6rem;}   /* 768 블록의 5rem(601~768 전용)을 되돌림 */
    /* 3-2 / 2-2-1 — 메인 .stat_sect 와 같은 규칙(main.css 600): 항목명 한 줄, 윗줄 3개가 안 들어가면 common.js statListFit 이 .wrap221 */
    .abte_page .abte_num .meta .name {white-space: nowrap;}
    .abte_page .abte_num .num_list li:nth-child(-n+3) {min-width: 28%;}
    .abte_page .abte_num .num_list li:nth-child(n+4) {width: auto; min-width: calc(40% - 10px);}
    .abte_page .abte_num .num_list.wrap221 li {width: auto; min-width: calc(50% - 5px); margin: 0;}

    /* OUR PROMISE 카드 — 시안 2033:1187(2026-10-15): 사진을 카드 배경으로 깔고 태그·제목·설명을 위에서부터 차례로(30/20/40 패딩, 태그↔제목 15 · 제목↔설명 5).
       카드 비율은 모바일 컷과 같은 390:351(글이 길면 늘어남). 모바일 컷에 시안 그라데이션이 구워져 있어 CSS 오버레이는 끈다 */
    .abte_page .abte_promise .promise_list .cont {display: flex; flex-direction: column; align-items: flex-start; gap: 15px; min-height: 0; aspect-ratio: 390 / 351; padding: 30px 20px 40px; border-radius: 2rem; overflow: hidden;}
    .abte_page .abte_promise .promise_list .bg {position: absolute; inset: 0; padding-top: 0; border-radius: 0;}
    .abte_page .abte_promise .promise_list .bg::after {display: none;}
    .abte_page .abte_promise .promise_list .tag {position: relative; left: auto; top: auto; max-width: 100%; padding: 10px 15px; font-size: 10px; line-height: 1;}
    .abte_page .abte_promise .promise_list .txt_box {position: relative; left: auto; bottom: auto; display: flex; flex-direction: column; gap: 5px; width: 100%; max-width: 100%; margin-top: 0;}
    .abte_page .abte_promise .promise_list .tit {font-size: 30px; line-height: 1.5;}
    .abte_page .abte_promise .promise_list .txt {margin-top: 0; font-size: 13px; font-weight: 400; line-height: 1.7;}



    .abte_page .abte_doctor .doc_box .txt_wrap {}

    .abte_page .abte_doctor .tit {font-size: var(--p1);}
    .abte_page .abte_doctor .txt {width: 80%; font-size: var(--p6)}

    .abte_page .abte_doctor .tit br,
    .abte_page .abte_doctor .txt br {display: none;}
    .abte_page .abte_doctor .doc_img {width: 60%; padding-top: 60px; right: -30px}


    .en .abte_page .abte_doctor .tit {font-size: var(--p2);}
    .en .abte_page .abte_doctor .txt {font-size: var(--p6);}
    .en .abte_page .abte_doctor .doc_img {padding-top: 100px;}


    .abte_page .abte_doctor .doc_box .txt_wrap {width: 60%;}
    .abte_page .abte_doctor .sign {margin-top: 20px;}
    .abte_page .abte_doctor .sign img {width: 11rem;}

    .layered .ll_sig .sig_list li {width: 70%;}


    .bfaf_page .bfaf_list {grid-template-columns: repeat(1, minmax(0, 1fr));}

    .col_page .col_list .tit {font-size: var(--p2);}


    /* 예약하기 — 라벨/입력 세로 스택 */
    .resv_page .resv_sect {padding: var(--pd4) 0 var(--pd1);}
    .resv_page .resv_notice {padding: 3rem 2.5rem; border-radius: 1.5rem;}
    .resv_page .resv_notice .notice_list li {align-items: flex-start; line-height: 1.5; word-break: keep-all;}
    .resv_page .resv_notice .notice_list .ico {margin-top: .6rem;}
    .resv_page .resv_form form {gap: var(--contMt3); padding-top: 3rem;}
    .resv_page .form_row, .resv_page .form_row.row_top {flex-direction: column; align-items: stretch; min-height: 0;}
    .resv_page .form_row .lb {width: 100%; padding: 0 0 12px;}
    /* 희망 시술(.row_treatment)만 한 줄 — 라벨 왼쪽 · [시술 선택] 버튼 오른쪽, 고른 시술 칩은 그 아래 전체 폭(2026-10-14 사용자 지시).
       .fd_proc 를 display:contents 로 풀어 버튼·칩 목록이 행의 직접 항목이 되게 한다 */
    .resv_page .form_row.row_treatment {flex-direction: row; flex-wrap: wrap; align-items: center; gap: 1.2rem 1rem; min-height: 0;}
    .resv_page .form_row.row_treatment .lb { width: auto; padding: 0;}
    .resv_page .form_row.row_treatment .fd_proc {display: contents;}
    .resv_page .form_row.row_treatment .btn_pick {flex: none; width: auto; padding: 0 2.5rem; margin-left: 15px;}
    .resv_page .form_row.row_treatment .chip_list {flex: 0 0 100%;}
    .resv_page .form_row.row_treatment .chip_list:empty {display: none;}
    .resv_page .fd_memo .help {line-height: 1.5;}
    /* 마이페이지 회원 정보 수정 — 예약하기(.resv_page .form_row)와 같은 쌓기·여백(2026-10-15): 라벨 위(아래 12px)·입력 전체 폭, 입력 안쪽 1em */
    .mypage_page .info_row, .mypage_page .info_grp.basic .info_row {flex-direction: column; align-items: stretch; gap: 0; min-height: 0;}
    .mypage_page .info_row .lb {width: 100%; padding: 0 0 12px;}
    .mypage_page .info_row .fd {width: 100%;}
    .mypage_page .email_field, .mypage_page .fd_select .nice-select {width: 100%;}
    .mypage_page .info_row .fd_phone {display: grid; grid-template-columns: 90px 1fr auto; gap: 8px;}   /* .info_row .fd(display:flex) 보다 우선하게 */
    .mypage_page .fd_phone .nice-select {width: 100%;}
    .mypage_page .fd_phone input[type="tel"] {width: 100%;}
    .mypage_page .info_form input[type="text"], .mypage_page .info_form input[type="tel"], .mypage_page .info_form input[type="email"], .mypage_page .fd_select .nice-select, .mypage_page .fd_phone .nice-select {padding-left: 1em; padding-right: 1em;}
    .mypage_page .fd_select .nice-select, .mypage_page .fd_phone .nice-select {padding-right: 3rem;}
    .resv_page .resv_form input[type="text"], .resv_page .resv_form input[type="tel"], .resv_page .fd_tel .nice-select {padding-left: 1em; padding-right: 1em;}
    .resv_page .fd_tel .nice-select {padding-right: 3rem;}
    .resv_page .fd_source {padding-top: 0;}
    .resv_page .fd_source .opt_row {gap: 2.5rem 2rem; grid-template-columns: repeat(4,minmax(0,max-content));}
    .en .resv_page .fd_source .opt_row {grid-template-columns: repeat(3,minmax(0,max-content));}
    .en .resv_page .opt label {font-size: var(--p7);}
    .resv_page .fd_source input.etc_txt {flex: 1; width: auto; min-width: 14rem;}
    .resv_page .fd_captcha .cap_box {padding: 0 1.5rem;}
    .resv_page .resv_form .btn_wrap {margin-top: 0;}

    .ytb_page .ytb_search {width: 40rem;}


    /* OUR DOCTORS */

    .mdt_page .mdt_doctor {padding: var(--pd3) 0;}
    .mdt_page .mdt_doctor .circle_txt {right: -1.8rem; top: calc(var(--pd3) * -1 - 1.8rem); width: 15rem; height: 14.85rem;}
    .mdt_page .mdt_doctor .doctor_item {flex-direction: column; align-items: stretch; gap: 3rem;}
    .mdt_page .mdt_doctor .photo {width: 100%; aspect-ratio: 670 / 750;}
    .mdt_page .mdt_doctor .info .career {margin-top: 3rem;}
    .mdt_page .mdt_doctor .info .career li {font-size: var(--p5); padding-bottom: 1.2rem; line-height: 1.4;}   /* 좁은 화면은 긴 줄이 접히므로 행간을 되살린다 */
    .mdt_page .mdt_doctor .info .career li::before {margin-top: .5em;}
    .mdt_page .mdt_doctor .info .btn_more {margin-top: 3rem;}
    .mdt_page .mdt_doctor .doctor_bar {gap: 2rem;}
    .mdt_page .mdt_doctor .slide_ctrl {gap: 1.5rem;}
    .mdt_page .mdt_doctor .slide_ctrl .arrows button {width: 4rem; height: 4rem;}


    .mdt_page .mdt_care .care_body {gap: 20px;}

    .mdt_page .mdt_care .care_list .img {width: 80px; height: auto;}
    .mdt_page .mdt_care .care_list li {background: var(--grayBg1); padding: 15px; gap: 15px; align-items: flex-start;}
    .mdt_page .mdt_care .care_list .tit {font-size: var(--p1);}
    .mdt_page .mdt_care .care_list .txt {line-height: 1.5;}
    .mdt_page .mdt_care .care_list .txt br {display: none;}




    .mdt_page .mdt_research .academy_list {grid-template-columns: minmax(0, 1fr);}

    .ja .sub_cont .cta_sect .cta_tit br {display: none;}

    /* 6001 */

    /* ── SPACE & EQUIP(_Skin/about/space-equip.php) — 반응형 ── */

    /* landing-common.css 의 전역 `.sect_txt br {display:none}`(600 이하) 되돌리기 —
       「청담 한가운데,」 다음이 붙어 "한가운데,엘레브의" 로 읽히기 때문 */
    .spac_page .spac_elev .sect_txt br {display: revert;}
    .spac_page .spac_elev .motion_txt {font-size: clamp(24px, 8.5vw, 56px);}   /* 768 과 같은 값 — 공용 .sub_cont .elev_sect .motion_txt(6.5vw, 아래 600)보다 이 페이지 값을 유지(구간 통합 2026-10-14 때 순서가 바뀌어 다시 적음) */

    /* ── 비급여 진료비용 안내(.ncf_page, 반응형) START ── 768 이하: 여백·글자 축소 · 600 이하: 표 → 카드(분류 띠 + 항목명/단위 태그 + 최저·최고 줄) ── */

    .ncf_page .ncf_table,
    .ncf_page .ncf_table tbody,
    .ncf_page .ncf_table tr,
    .ncf_page .ncf_table tbody th,
    .ncf_page .ncf_table tbody td {display: block; width: 100%;}
    .ncf_page .ncf_table colgroup,
    .ncf_page .ncf_table thead {display: none;}
    .ncf_page .ncf_table tbody tr {display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 6px 12px; align-items: center; padding: 16px 4px; border-bottom: 1px solid #CBD2D9;}   /* 1행 = 항목명 | 단위 태그, 2·3행 = 최저·최고 */
    .ncf_page .ncf_table tbody tr:hover > * {background: none;}
    .ncf_page .ncf_table tbody th.cate {grid-column: 1 / -1; width: auto; margin: -16px -4px 8px; padding: 10px 12px; border: 0; border-bottom: 1px solid #CBD2D9; background: var(--gray5); font-size: 13px; color: var(--gray70); text-align: left;}   /* 묶음 첫 카드 위 띠 */
    .ncf_page .ncf_table tbody tr:hover > th.cate {background: var(--gray5);}
    .ncf_page .ncf_table tbody th.name {margin-bottom: 4px; padding: 0; border: 0; font-size: 15px;}
    .ncf_page .ncf_table tbody td.unit {width: auto; align-self: start; margin-bottom: 4px; padding: 3px 8px; border: 1px solid var(--gray20); border-radius: 4px; font-size: 12px; line-height: 1.2; color: var(--gray60);}
    .ncf_page .ncf_table tbody td.price {display: flex; justify-content: space-between; gap: 10px; grid-column: 1 / -1; padding: 0; border: 0; text-align: right;}
    .ncf_page .ncf_table tbody td.price::before {content: attr(data-label); flex-shrink: 0; font-weight: 400; color: var(--gray50); text-align: left;}

    /* ── 통합검색 결과 (sub.css .srch_page) ── */
    .srch_page .rs_faq .q .txt {font-size: 15px;}   /* 768 과 같은 값 — 공용 .sub_cont .faq_sect .q .txt(p2, 위 600)보다 검색 결과 FAQ 값을 유지(구간 통합 2026-10-14) */

    /* ── 1뎁스 카테고리 목록 (sub-category.php) — 반응형 ── */

    .sub_cont .cat_sect .cat_list { gap: 10px;}
    .sub_cont .cat_sect .cat_list li a {border-radius: 5px;}
    .sub_cont .cat_sect .cat_list .txt {padding: 10px 10px; align-items: flex-end;}
    .sub_cont .cat_sect .cat_list .arr {width: 24px; height: 24px;}
    .sub_cont .cat_sect .cat_list .name {font-size: var(--p3);}
    .sub_cont .cat_sect .cat_list .arr svg {width: 40%; height: 40%;}

}

@media screen and (max-width: 560px) {
    /* 리니어지 — 단면도 위 깊이·층 라벨은 폭이 줄면 겹친다. 층 정보는 바로 위 팁 카드가 전달하므로 숨긴다 */
    .lnz_intro .depth_visual .mm_rows span, .lnz_intro .depth_visual .layer_names {display: none;}
    .lnz_intro .depth_visual .mm_rows li::after {opacity: .6;}

    /* ── 통합검색 결과 (sub.css .srch_page) ── */

    .srch_page .menu_list {grid-template-columns: minmax(0, 1fr);}
}