/* ============================================================
   renew/hospital.css — 병원 소개 페이지 전용 (.mo-renew .mo-hosp 스코프)
   실측: Figma PC 6523:505 (1920×9345) / MO 6523:659 (390×11149)
         진료일정 팝업 6400:975 / 6400:2792
   토큰: tokens.css(.mo-renew --mo-*). 압구정 기준 정적(추후 지점 분기).
   ⚠️ 클래스/구조는 디자이너 팩(hospital.html)과 공유 — 변경 시 동기화.
   이미지는 추후 대체 예정 → .mo-ph 회색 플레이스홀더.
   ============================================================ */

/* body UA 마진 제거 (membership/price 와 동일 이유: calc 클립 방지) */
.mo-renew {
    margin: 0;
    background: var(--mo-bg-2);
}

/* 페이지 셸: 1920 캡·센터 */
.mo-renew .mo-hosp {
    max-width: var(--mo-base-w);
    margin: 0 auto;
    background: var(--mo-bg-2);
    /* 가로 넘침 차단을 body(.mo-renew)로 이관 — 1920 초과 모니터에서 BA/philo 슬라이더가
       1920 섬 밖 뷰포트 끝까지 우측 풀블리드 하도록(클리핑은 body). ≤1920 무영향. */
    overflow-x: visible;
    /* 고정 GNB(top15+58=73) 아래로 본문 진입(Figma 헤드1 y163) */
    padding-top: 163px;
}

/* 이미지 플레이스홀더(추후 대체) */
.mo-renew .mo-hosp .mo-ph {
    background: #efefef;
}

/* PC/MO 토글 기본(PC) */
.mo-renew .mo-hosp .mo-mo-only {
    display: none;
}

/* 공통 콘텐츠 밴드 1440 센터(좌우 240) */
.mo-renew .mo-hosp__wide {
    width: var(--mo-wide-w);
    max-width: calc(100% - 80px);
    margin: 0 auto;
}

/* 섹션/철학 공통 헤드(fs30 w400) — 콘텐츠 좌측 +50 (Figma x290) */
.mo-renew .mo-hosp__sect-head,
.mo-renew .mo-hosp__philo-head {
    margin: 0;
    padding-left: 50px;
    font-size: var(--mo-fs-h2);
    /* 30 */
    line-height: 1.5;
    font-weight: var(--mo-w-regular);
    color: #333333;
}

/* ============================================================
   ① PHILO — 브랜드 철학 3블록
   ============================================================ */
.mo-renew .mo-hosp__philo {
    width: var(--mo-wide-w);
    max-width: calc(100% - 80px);
    margin: 0 auto;
}

/* 블록1: 헤드 + 풀블리드 대형 이미지(1850×740 r120) */
.mo-renew .mo-hosp__philo-hero {
    width: var(--mo-fullbleed-w);
    /* 1850 — 밴드(1440) 밖으로 브레이크아웃 */
    max-width: calc(100vw - 70px);
    height: 740px;
    margin: 50px auto 0;
    /* 헤드 y163(+90) → 이미지 y303 ≈ 50 */
    border-radius: var(--mo-r-lg);
    /* 120 */
    /* 밴드 폭(1440) 기준 좌측 35 정렬 위해 음수 마진 센터 */
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    background-color: #efefef;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* 블록2: 캡션 카드 슬라이더(Swiper) — 헤드 좌 + 화살표 우 */
.mo-renew .mo-hosp__philo-pairtop {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
}

.mo-renew .mo-hosp__philo-nav {
    display: flex;
    gap: 5px;
    flex: none;
    padding-top: 6px;
}

.mo-renew .mo-hosp__philo-swiper {
    margin-top: 36px;
    /* 헤드2 끝 → 카드 y1499 */
    overflow: hidden;
}

/* 캡션 카드(855px×2)가 1440 밴드 우측에서 잘려 우측 빈여백이 "짤림"처럼 보이던 문제.
   좌측은 밴드-좌(헤드 정렬) 유지하고 우측만 뷰포트까지 음수마진으로 확장 → 부모 .mo-hosp
   (overflow-x:clip)가 1920 프레임으로 트림. transform 미사용이라 data-mo-fade 무충돌.
   (메인 BA 캐러셀 풀폭화와 동일 결과 — 카드가 우측 페이지 끝까지 이어짐.) PC 전용. */
@media (min-width: 769px) {
    .mo-renew .mo-hosp__philo-block--pair .mo-hosp__philo-swiper {
        margin-right: calc((100% - 100vw) / 2);
    }
}

.mo-renew .mo-hosp__philo-card {
    position: relative;
    width: 855px;
    height: 470px;
    box-sizing: border-box;
    border-radius: var(--mo-r-lg);
    /* 120 */
    overflow: hidden;
    background-color: #eeeff0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.mo-renew .mo-hosp__philo-cap {
    position: absolute;
    top: 60px;
    left: 80px;
    z-index: 1;
}

.mo-renew .mo-hosp__philo-cap-t {
    margin: 0;
    font-size: var(--mo-fs-h3);
    /* 20 */
    line-height: 31px;
    font-weight: var(--mo-w-medium);
    color: var(--mo-ink);
}

.mo-renew .mo-hosp__philo-cap-b {
    margin: 10px 0 0;
    font-size: var(--mo-fs-body-sm);
    /* 15 */
    line-height: 29px;
    font-weight: var(--mo-w-regular);
    color: var(--mo-ink);
}

/* 슬라이더 화살표 — 철학(기본)=알약(스타디움) 회색 / 공간=원형 흰버튼(--space) */
.mo-renew .mo-hosp__arrow {
    width: 52px;
    height: 30px;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: var(--mo-bg);
    /* #f5f5f5 알약 */
    color: #333333;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s ease, color 0.2s ease;
}

.mo-renew .mo-hosp__arrow::before {
    content: "";
    display: block;
    width: 20px;
    height: 12px;
    background: url(/assets/img/lineup/arrow_r.svg) no-repeat center / contain;
}

.mo-renew .mo-hosp__arrow svg {
    width: 26px;
    height: 15px;
    display: block;
}

.mo-renew .mo-hosp__arrow:hover {
    background: #ececec;
}

/* 시작/끝 비활성 화살표 = 연하게(Figma: prev 회색) */
.mo-renew .mo-hosp__arrow.swiper-button-disabled {
    color: #c8c8c8;
    cursor: default;
}

.mo-renew .mo-hosp__arrow.swiper-button-disabled:hover {
    background: var(--mo-bg);
    color: #c8c8c8;
}

/* ============================================================
   ② DOCTORS — 6인 카드(PC 3×2). 카드 = 포토(430×550) + 텍스트
   ============================================================ */
.mo-renew .mo-hosp__doctors {
    width: var(--mo-wide-w);
    max-width: calc(100% - 80px);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    row-gap: 40px;
}

/* 한 줄(2명) = 페이드인업 단위(data-mo-fade) */
.mo-renew .mo-hosp__doc-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 80px;
    row-gap: 40px;
}

.mo-renew .mo-hosp__doc {
    display: flex;
    gap: 30px;
}

.mo-renew .mo-hosp__doc-photo {
    flex: 0 0 430px;
    height: 550px;
    border-radius: var(--mo-r-md);
    /* 50 */
    /* 원장 이미지 = 그룹 추출본(430×550 카드 프레이밍 일치) → cover 1:1, 투명부 흰 배경 */
    background-color: var(--mo-white);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.mo-renew .mo-hosp__doc-body {
    flex: 1;
    min-width: 0;
    padding-top: 30px;
    position: relative;
    width: 230px;
}

.mo-renew .mo-hosp__doc-tagline {
    margin: 0;
    font-size: var(--mo-fs-body);
    /* 17 */
    line-height: 29px;
    font-weight: var(--mo-w-regular);
    color: #333333;
}

.mo-renew .mo-hosp__doc-name {
    margin: 20px 0 0;
    font-size: var(--mo-fs-body);
    /* 17 */
    line-height: 1.5;
    font-weight: var(--mo-w-medium);
    color: var(--mo-ink);
}

.mo-renew .mo-hosp__doc-badge {
    display: inline-block;
    margin-left: 8px;
    padding: 3px 9px;
    border-radius: var(--mo-r-ui);
    /* 8 */
    background: var(--mo-ink);
    font-size: var(--mo-fs-caption);
    /* 13 */
    line-height: 1;
    font-weight: var(--mo-w-medium);
    color: var(--mo-white);
    vertical-align: middle;
}

.mo-renew .mo-hosp__doc-lines {
    margin: 5px 0 0;
    padding: 0;
    list-style: none;
}

.mo-renew .mo-hosp__doc-line {
    font-size: var(--mo-fs-body-sm);
    /* 15 */
    line-height: 29px;
    font-weight: var(--mo-w-regular);
    color: var(--mo-ink);
}

.mo-renew .mo-hosp__doc-line:before {
    content: '-';
    margin: 0 5px 0 0;
}

.mo-renew .mo-hosp__doc-line.no:before {
    content: none;
}

.mo-renew .mo-hosp__doc-line.is-gap {
    height: 14px;
}

.mo-renew .mo-hosp__doc-sch {
    display: inline-block;
    margin-top: 22px;
    font-size: var(--mo-fs-body-sm);
    /* 15 */
    line-height: 1;
    font-weight: var(--mo-w-regular);
    color: var(--mo-line);
    /* #cccccc */
    text-decoration: none;
    transition: color 0.2s ease;
    position: absolute;
    bottom: 40px;
}

/* 디자이너 메모: 마우스 오버 시 하단 라인 이펙트 생성(좌→우 그로우) */
.mo-renew .mo-hosp__doc-sch span {
    position: relative;
    display: inline-block;
    padding-bottom: 4px;
}

.mo-renew .mo-hosp__doc-sch span::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background: currentColor;
    transition: width 0.25s ease;
}

.mo-renew .mo-hosp__doc-sch:hover {
    color: var(--mo-ink);
}

.mo-renew .mo-hosp__doc-sch:hover span::after {
    width: 100%;
}

/* ============================================================
   ③ SPACE — 병원 공간 풀블리드 이미지(1920×920, 좌우 가득)
   ============================================================ */
.mo-renew .mo-hosp__space {
    width: 100%;
    position: relative;
}

.mo-renew .mo-hosp__space .mo-hosp__arrow::before {
    content: none;
}

.mo-renew .mo-hosp__space-swiper {
    width: 100%;
    overflow: hidden;
}

.mo-renew .mo-hosp__space-img {
    width: 100%;
    height: 920px;
    background-color: #d9d9d9;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.mo-renew .mo-hosp__arrow--space {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    width: 50px;
    height: 50px;
    background: rgba(239, 239, 239, 0.15);
    /*box-shadow: 0 2px 12px rgba(0, 0, 0, 0.14);*/
}

.mo-renew .mo-hosp__arrow--space svg {
    width: 20px;
    height: 20px;
}

.mo-renew .mo-hosp__arrow--space:hover {
    background: var(--mo-white);
}

.mo-renew .mo-hosp__arrow--space[data-mo-swiper-prev] {
    left: 30px;
}

.mo-renew .mo-hosp__arrow--space[data-mo-swiper-next] {
    right: 30px;
}

/* 슬라이드 1장이면 Swiper 가 nav 잠금(.swiper-button-lock) → 화살표 숨김 */
.mo-renew .mo-hosp__arrow.swiper-button-lock {
    display: none;
}

/* ============================================================
   ④ BRANCH — 압구정점 소개: 헤드 좌측 + 흰 정보 카드 2열
   Figma: 헤드 x290 / 카드 좌열 x780 우열 x1240, 카드폭 430 r35
   ============================================================ */
.mo-renew .mo-hosp__branch {
    width: var(--mo-wide-w);
    max-width: calc(100% - 80px);
    margin: 0 auto;
    position: relative;
}

.mo-renew .mo-hosp__info {
    margin-top: -48px;
    /* 헤드 y5695 와 첫 카드 같은 줄 → 카드를 헤드 옆(우측)으로 */
    margin-left: 540px;
    /* 밴드 x240 기준 카드열 x780 (=240+540) */
    display: flex;
    gap: 30px;
    width: 890px;
    /* 카드 430×2 + gap 30 */
}

/* 2열 명시(Figma: 좌=Location/ClinicHours, 우=Parking/버스/지하철) */
.mo-renew .mo-hosp__info-col {
    display: flex;
    flex-direction: column;
    gap: 30px;
    width: 430px;
}

.mo-renew .mo-hosp__info-card {
    width: 430px;
    padding: 30px 35px;
    border-radius: var(--mo-r-sm);
    /* 35 */
    background: var(--mo-white);
}

.mo-renew .mo-hosp__info-eyebrow {
    display: inline-block;
    padding: 5px 15px;
    border-radius: 8px;
    background: var(--mo-bg);
    /* #f5f5f5 */
    font-size: var(--mo-fs-caption);
    /* 13 */
    line-height: 1;
    font-weight: var(--mo-w-medium);
    color: var(--mo-ink);
}

.mo-renew .mo-hosp__info-title {
    margin: 13px 0 0;
    font-size: var(--mo-fs-h3);
    /* 20 */
    line-height: 1.55;
    font-weight: var(--mo-w-regular);
    color: var(--mo-ink);
}

.mo-renew .mo-hosp__info-body {
    margin: 23px 0 0;
    font-size: var(--mo-fs-body-sm);
    /* 15 */
    line-height: 29px;
    font-weight: var(--mo-w-regular);
    color: var(--mo-ink);
}

/* ============================================================
   ⑤ NETWORK — 전국 지점: 헤드 좌측 + 지점 칩 3×2
   Figma: 칩 460×57 r15, 첫 칩 다크(#323232/흰글자)
   ============================================================ */
.mo-renew .mo-hosp__network {
    width: var(--mo-wide-w);
    max-width: calc(100% - 80px);
    margin: 0 auto;
}

.mo-renew .mo-hosp__net-list {
    margin: 32px 0 0;
    margin-left: 0px;
    /* 헤드와 동일 좌측 정렬(x290) */
    padding: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(3, 460px);
    gap: 20px 30px;
}

.mo-renew .mo-hosp__net-item {
    height: 57px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--mo-r-ui);
    /* 8~15 → Figma r15 */
    border-radius: 15px;
    background: var(--mo-bg);
    /* #f5f5f5 */
    font-size: var(--mo-fs-h3);
    /* 20 */
    line-height: 1;
    font-weight: var(--mo-w-regular);
    color: var(--mo-ink);
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease;
}

.mo-renew .mo-hosp__net-item.is-active {
    background: var(--mo-ink);
    /* #323232 */
    color: var(--mo-white);
}

/* 디자이너 메모: 마우스 오버 시 버튼 색상 반전 */
.mo-renew .mo-hosp__net-item:hover {
    background: var(--mo-ink);
    color: var(--mo-white);
}

.mo-renew .mo-hosp__net-item.is-active:hover {
    background: var(--mo-bg);
    color: var(--mo-ink);
}

/* ============================================================
   ⑥ STATS — 누적 수치: 리드(중앙) + 수치 그리드(3 + 2)
   Figma: num fs55 w500 / label fs20. 1행 3개, 2행 2개 중앙
   ============================================================ */
.mo-renew .mo-hosp__stats {
    width: var(--mo-wide-w);
    max-width: calc(100% - 80px);
    margin: 0 auto;
    text-align: center;
}

.mo-renew .mo-hosp__stats-lead {
    margin: 0;
    font-size: var(--mo-fs-body);
    /* 17 */
    line-height: 1.824;
    font-weight: var(--mo-w-regular);
    color: var(--mo-ink);
}

.mo-renew .mo-hosp__stats-grid {
    margin-top: 120px;
    /* 리드 끝 → 수치 y7705 */
}

/* 1행(3개) pitch≈417, 2행(2개) pitch≈390, 모두 중앙 */
.mo-renew .mo-hosp__stats-row {
    display: flex;
    justify-content: center;
}

.mo-renew .mo-hosp__stats-row:first-child {
    column-gap: 137px;
}

.mo-renew .mo-hosp__stats-row:last-child {
    margin-top: 89px;
    column-gap: 110px;
}

.mo-renew .mo-hosp__stat {
    width: 280px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.mo-renew .mo-hosp__stat-num {
    font-size: 55px;
    line-height: 1;
    font-weight: var(--mo-w-medium);
    color: var(--mo-ink);
}

.mo-renew .mo-hosp__stat-label {
    margin-top: 15px;
    font-size: var(--mo-fs-h3);
    /* 20 */
    line-height: 1;
    font-weight: var(--mo-w-regular);
    color: var(--mo-ink);
}

/* ============================================================
   MODAL — 진료 일정표 팝업
   ============================================================ */
.mo-renew .mo-hosp__modal[hidden] {
    display: none;
}

.mo-renew .mo-hosp__modal {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mo-renew .mo-hosp__modal-dim {
    position: absolute;
    inset: 0;
    /* 디자이너 메모: 팝업 시 뒤쪽 블러(프로스트 글래스) */
    background: rgba(255, 255, 255, 0.35);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

.mo-renew .mo-hosp__modal-card {
    position: relative;
    z-index: 1;
    width: 960px;
    max-width: calc(100% - 40px);
    padding: 110px 90px 87px;
    border-radius: var(--mo-r-md);
    /* 50 */
    background: var(--mo-white);
}

.mo-renew .mo-hosp__modal-x {
    position: absolute;
    top: 40px;
    right: 40px;
    width: 48px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 999px;
    background: var(--mo-bg);
    font-size: 20px;
    line-height: 1;
    color: var(--mo-ink);
    cursor: pointer;
}

.mo-renew .mo-hosp__modal-x svg {
    width: 19px;
    height: 19px;
}

.mo-renew .mo-hosp__modal-card-in {
    display: grid;
    grid-template-columns: 1fr 600px;
}

.mo-renew .mo-hosp__modal-name {
    margin: 12px 0 0 0;
    font-size: var(--mo-fs-h4);
    /* 20 */
    line-height: 1;
    font-weight: var(--mo-w-medium);
    color: var(--mo-ink);
}

.mo-renew .mo-hosp__sch {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
}

.mo-renew .mo-hosp__sch th,
.mo-renew .mo-hosp__sch td {
    padding: 14px 0;
    text-align: center;
    font-size: var(--mo-fs-body-sm);
    /* 15 */
    line-height: 1;
    font-weight: var(--mo-w-regular);
    color: var(--mo-ink);
    border-bottom: 1px solid var(--mo-line-2);
}

.mo-renew .mo-hosp__sch-rowhead {
    text-align: left !important;
    white-space: nowrap;
    width: 115px;
}

.mo-renew .mo-hosp__sch-on {
    color: var(--mo-ink);
}

.mo-renew .mo-hosp__sch-off {
    color: var(--mo-line);
}

/* ============================================================
   모바일 (≤768, 390 디자인 기준) — 전 섹션 단일 컬럼
   Figma MO 6523:659. 콘텐츠 350(좌우 20), 헤드 x35
   ============================================================ */
@media (max-width: 768px) {
    .mo-renew .mo-hosp .mo-pc-only {
        display: none;
    }

    .mo-renew .mo-hosp {
        padding-top: 129px;
    }

    /* 공통 밴드 350 */
    .mo-renew .mo-hosp__philo,
    .mo-renew .mo-hosp__doctors,
    .mo-renew .mo-hosp__branch,
    .mo-renew .mo-hosp__network,
    .mo-renew .mo-hosp__stats {
        width: var(--mo-content-w);
        /* 350 */
        max-width: calc(100% - 40px);
    }

    .mo-renew .mo-hosp__sect-head,
    .mo-renew .mo-hosp__philo-head {
        padding-left: 15px;
    }

    /* 철학: 풀블리드/카드/포트레이트 → 세로 적층 */
    .mo-renew .mo-hosp__philo-hero {
        width: 100%;
        max-width: none;
        height: 400px;
        margin-top: 20px;
        border-radius: var(--mo-r-lg);
        /* MO 50 */
        left: auto;
        transform: none;
        position: static;
    }

    .mo-renew .mo-hosp__philo-swiper {
        margin-top: 30px;
    }

    .mo-renew .mo-hosp__philo-card {
        width: 100%;
        height: 450px;
        /* Figma MO 슬라이더 1컷 높이(911-1361) */
        border-radius: var(--mo-r-lg);
        /* 50 */
    }

    .mo-renew .mo-hosp__philo-card.mo-hosp__philo-card1 {
        background-image: url(/assets/img/design/renew/hospital/philo_card1_m.png) !important;
        background-size: 100%;
    }

    .mo-renew .mo-hosp__philo-card.mo-hosp__philo-card2 {
        background-image: url(/assets/img/design/renew/hospital/philo_card2_m.png) !important;
        background-size: 100%;
    }

    /* MO 화살표 축소 */
    .mo-renew .mo-hosp__arrow {
        width: 37px;
        height: 22px;
    }

    .mo-renew .mo-hosp__arrow::before {
        width: 15px;
        height: 10px;
    }

    .mo-renew .mo-hosp__arrow svg {
        width: 18px;
        height: 18px;
    }

    .mo-renew .mo-hosp__arrow--space[data-mo-swiper-prev] {
        left: 14px;
    }

    .mo-renew .mo-hosp__arrow--space[data-mo-swiper-next] {
        right: 14px;
    }

    .mo-renew .mo-hosp__philo-cap {
        top: 30px;
        left: 35px;
    }

    .mo-renew .mo-hosp__philo-cap-t {
        font-size: var(--mo-fs-body);
        /* 17 */
        line-height: 28px;
    }

    .mo-renew .mo-hosp__philo-cap-b {
        margin: 5px 0 0 0;
    }

    .mo-renew .mo-hosp__philo-portrait {
        margin: 0 auto;
    }

    .mo-renew .mo-hosp__philo-block--portrait .mo-hosp__philo-head {
        margin-top: 24px;
        text-align: center;
    }

    /* 원장진: 1열 적층, 카드 = 포토 위 + 텍스트 아래 */
    .mo-renew .mo-hosp__doctors {
        row-gap: 60px;
    }

    /* 행(2명) → MO 1열 적층, 카드 간 60 */
    .mo-renew .mo-hosp__doc-row {
        grid-template-columns: 1fr;
        row-gap: 60px;
    }

    .mo-renew .mo-hosp__doc {
        flex-direction: column;
        gap: 15px;
    }

    .mo-renew .mo-hosp__doc-body {
        padding-top: 0;
        padding-left: 15px;
        width: 100%;
    }

    .mo-renew .mo-hosp__doc-name {
        font-size: var(--mo-fs-body-sm);
        margin: 10px 0 0 0;
    }

    .mo-renew .mo-hosp__doc-body-in {
        display: grid;
        grid-template-columns: 1fr 1.5fr;
        margin: 10px 0 0 0;
    }

    .mo-renew .mo-hosp__doc-sch {
        position: relative;
        bottom: 0;
    }

    .mo-renew .mo-hosp__doc-line:before {
        margin: 0 5px 0 -9px;
    }

    .mo-renew .mo-hosp__doc-line {
        padding: 0 0 0 10px;
    }

    .mo-renew .mo-hosp__doc-photo {
        flex: none;
        width: 100%;
        height: 423px;
        border-radius: var(--mo-r-sm);
        /* 30 — fig 포토 448 이나 mine 본문 line-height 가 fig 보다 느슨 → 카드 net 높이 맞춰 423 보정 */
    }

    /* 공간 이미지 MO */
    .mo-renew .mo-hosp__space-img {
        height: 240px;
    }

    .mo-renew .mo-hosp__space .mo-hosp__arrow--space {
        display: none;
    }

    /* 압구정점 소개: 헤드 위 + 카드 1열 적층 */
    .mo-renew .mo-hosp__info {
        margin: 30px 0 0;
        flex-direction: column;
        gap: 12px;
        width: 100%;
    }

    .mo-renew .mo-hosp__info-eyebrow {
        padding: 5px 13px;
    }

    .mo-renew .mo-hosp__info-col {
        width: 100%;
        gap: 20px;
    }

    .mo-renew .mo-hosp__info-card {
        width: 100%;
        padding: 25px;
        /* MO 밀도: fig 정보카드 스택 높이 정합(40→30) */
        border-radius: var(--mo-r-sm);
        /* 30 */
    }

    .mo-renew .mo-hosp__info-body {
        margin: 20px 0 0 0;
    }

    /* 전국 지점: 1열 칩 적층 */
    .mo-renew .mo-hosp__net-list {
        margin-left: 0;
        margin-top: 30px;
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .mo-renew .mo-hosp__net-item {
        font-size: var(--mo-fs-body);
        /* 17 */
    }

    /* 누적 수치: 세로 1열 */
    .mo-renew .mo-hosp__stats-lead {
        font-size: var(--mo-fs-body-sm);
        /* 15 */
        line-height: 29px;
    }

    .mo-renew .mo-hosp__stats-grid {
        margin-top: 70px;
    }

    /* MO: 전 수치 세로 1열 */
    .mo-renew .mo-hosp__stats-row {
        flex-direction: column;
        align-items: center;
        row-gap: 60px;
        column-gap: 0;
    }

    .mo-renew .mo-hosp__stats-row:last-child {
        margin-top: 50px;
        column-gap: 0;
    }

    .mo-renew .mo-hosp__stat-num {
        font-size: 35px;
    }

    .mo-renew .mo-hosp__stat-label {
        font-size: var(--mo-fs-body);
        /* 17 */
    }

    /* 진료 일정표 팝업 MO */
    .mo-renew .mo-hosp__modal-card {
        padding: 75px 27px 60px;
    }

    .mo-renew .mo-hosp__modal-card-in {
        display: block;
    }

    .mo-renew .mo-hosp__modal-x {
        width: 40px;
        height: 25px;
        top: 25px;
        right: 25px;
    }

    .mo-renew .mo-hosp__modal-name {
        margin: 0 0 30px 0;
    }

    .mo-renew .mo-hosp__sch-rowhead {
        width: 85px;
    }
}