@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css");

* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body.hospital-page {
  --blue:#5f98bf;
  --blue-2:#8bb8d5;
  --blue-soft:#eef6fb;
  --navy:#07111f;
  --ink:#111827;
  --muted:#697480;
  --line:#e4edf3;
  --soft:#f7fafc;
  --max:1400px;
  --header-max:1680px;
  margin:0;
  overflow-x:hidden;
  background:#fff;
  color:var(--ink);
  font-family:"Pretendard","Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;
  word-break:keep-all;
}
a { color:inherit; text-decoration:none; }
button, input, select, textarea { font:inherit; }
button { cursor:pointer; }
.hospital-inner { width:min(var(--max), calc(100% - 52px)); margin:0 auto; }

.hospital-header {
  position:fixed;
  inset:0 0 auto;
  z-index:90;
  height:86px;
  display:grid;
  grid-template-columns:minmax(260px, 1fr) auto minmax(220px, 1fr);
  align-items:center;
  gap:46px;
  padding:0 max(18px, calc((100vw - var(--header-max)) / 2));
  background:transparent;
  border-bottom:1px solid transparent;
  box-shadow:none;
  backdrop-filter:none;
  transition:background-color .25s ease, border-color .25s ease, backdrop-filter .25s ease;
}
.hospital-header.is-scrolled {
  background:rgba(9,12,15,.82);
  border-bottom-color:rgba(255,255,255,.12);
  backdrop-filter:blur(14px);
}
.hospital-logo {
  display:inline-flex;
  align-items:center;
  gap:12px;
  justify-self:start;
  color:#102133;
  font-size:26px;
  font-weight:700;
  line-height:1;
  white-space:nowrap;
}
.hospital-logo-mark {
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  color:var(--blue);
}
.hospital-header.is-scrolled .hospital-logo { color:#fff; }
.hospital-header.is-scrolled .hospital-logo-mark { color:#c6d3db; }
.hospital-logo svg { display:block; width:44px; height:44px; }
.hospital-header nav {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:38px;
  color:#172536;
  font-size:18px;
  font-weight:600;
  white-space:nowrap;
}
.hospital-header nav a {
  position:relative;
  padding:30px 0;
}
.hospital-header nav a::after {
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:18px;
  height:3px;
  background:var(--blue);
  transform:scaleX(0);
  transform-origin:center;
  transition:transform .22s ease;
}
.hospital-header nav a:hover::after { transform:scaleX(1); }
.hospital-header.is-scrolled nav { color:rgba(255,255,255,.88); }
.hospital-header.is-scrolled nav a::after { background:#c6d3db; }
.hospital-call {
  justify-self:end;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:166px;
  height:48px;
  padding:0 22px;
  background:var(--blue);
  color:#fff;
  border-radius:999px;
  font-size:17px;
  font-weight:700;
  letter-spacing:.02em;
  transition:background-color .22s ease;
}
.hospital-call:hover { background:#4f86ad; }
.hospital-header.is-scrolled .hospital-call {
  background:#fff;
  color:#0d1217;
}
.hospital-header.is-scrolled .hospital-call:hover { background:#c6d3db; }

.hospital-hero {
  position:relative;
  min-height:1010px;
  display:flex;
  align-items:center;
  overflow:hidden;
  padding-top:86px;
  background:#eef5ff;
}
.hospital-hero-bg {
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.9) 36%, rgba(255,255,255,.22) 66%, rgba(255,255,255,.03) 100%),
    url('/img/4_quote/라온숨이비인후과_메인배너.png') center right/cover no-repeat;
  transform:scale(1);
  transform-origin:center right;
  animation:hospitalBgZoom 18s ease-in-out infinite alternate;
}
.hospital-hero::before {
  content:"";
  position:absolute;
  left:0;
  top:228px;
  width:min(49vw, 760px);
  height:370px;
  background:rgba(255,255,255,.64);
  border:1px solid rgba(255,255,255,.74);
  border-radius:0 70px 70px 0;
  box-shadow:0 26px 90px rgba(17,68,168,.13);
  backdrop-filter:blur(8px);
  transform:translateX(-18%);
}
.hospital-hero-content {
  position:relative;
  z-index:1;
  width:min(1120px, calc(100% - 52px));
  margin-left:max(18px, calc((100vw - var(--header-max)) / 2));
  padding:26px 0 0;
}
.hospital-hero-content h1 {
  margin:0;
  color:#102133;
  font-size:clamp(42px, 3.8vw, 62px);
  font-weight:700;
  line-height:1.2;
  letter-spacing:-.04em;
  text-shadow:none;
}
.hospital-hero-content h1 span {
  color:var(--blue);
}
.hospital-hero-content strong {
  display:block;
  width:max-content;
  max-width:100%;
  margin-top:28px;
  color:#43566a;
  font-size:clamp(17px, 1.05vw, 20px);
  font-weight:400;
  line-height:1.6;
  white-space:nowrap;
  text-shadow:none;
}
.hospital-quick {
  position:relative;
  z-index:3;
  width:min(1200px, calc(100% - 52px));
  margin:-76px auto 0;
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  overflow:hidden;
  background:#fff;
  border-radius:30px 0 30px 0;
  box-shadow:0 26px 70px rgba(57,107,142,.16);
}
.hospital-quick a {
  min-height:152px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:14px;
  padding:34px 42px;
  border-right:1px solid var(--line);
  color:#1d2b39;
  font-size:25px;
  font-weight:700;
  transition:background-color .22s ease, color .22s ease;
}
.hospital-quick a:last-child { border-right:0; }
.hospital-quick span {
  color:var(--blue-2);
  font-size:18px;
  font-weight:800;
}
.hospital-quick a:hover {
  background:var(--blue);
  color:#fff;
}
.hospital-quick a:hover span { color:#d7e8ff; }

.hospital-section { padding:150px 0; }
.hospital-title {
  max-width:860px;
  margin:0 auto 70px;
  text-align:center;
}
.hospital-title h2,
.hospital-treatment-head h2,
.hospital-doctor-copy h2,
.hospital-location-copy h2 {
  margin:0;
  color:#0b1726;
  font-size:clamp(40px, 4vw, 58px);
  font-weight:700;
  line-height:1.22;
  letter-spacing:-.035em;
}
.hospital-title span,
.hospital-treatment-head span {
  display:block;
  margin-top:24px;
  color:var(--muted);
  font-size:20px;
  font-weight:400;
  line-height:1.8;
}

.hospital-clinic { background:#fff; }
.hospital-clinic-grid {
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:28px;
}
.hospital-clinic-grid article {
  min-height:440px;
  display:flex;
  flex-direction:column;
  padding:48px 42px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:30px 0 30px 0;
  box-shadow:0 28px 80px rgba(57,107,142,.08);
  transition:opacity .9s cubic-bezier(.19,1,.22,1), transform .24s ease, background-color .22s ease, color .22s ease;
}
.hospital-clinic-grid article:hover {
  transform:translate3d(0,-6px,0);
  background:var(--blue);
  color:#fff;
}
.hospital-clinic-grid small,
.hospital-feature-grid span,
.hospital-equipment-grid b,
.hospital-pain-list b {
  color:var(--blue-2);
  font-size:20px;
  font-weight:800;
}
.hospital-clinic-grid h3 {
  margin:34px 0 20px;
  font-size:34px;
  font-weight:700;
  line-height:1.24;
}
.hospital-clinic-grid p {
  margin:0;
  color:#5c6978;
  font-size:18px;
  font-weight:400;
  line-height:1.82;
}
.hospital-clinic-grid article:hover p { color:rgba(255,255,255,.86); }
.hospital-clinic-grid a {
  width:max-content;
  margin-top:auto;
  padding-top:42px;
  color:inherit;
  font-size:17px;
  font-weight:700;
}

.hospital-pain {
  position:relative;
  overflow:hidden;
  background:linear-gradient(90deg, rgba(67,125,164,.86), rgba(139,184,213,.7));
  color:#fff;
}
.hospital-pain::before {
  content:"";
  position:absolute;
  right:-120px;
  bottom:-120px;
  width:420px;
  height:420px;
  border:64px solid rgba(255,255,255,.08);
  border-radius:50%;
  z-index:1;
}
.hospital-pain::after {
  content:"";
  position:absolute;
  inset:-3%;
  z-index:0;
  background:url('/img/4_quote/라온숨병원_장비.png') center/cover no-repeat;
  opacity:.42;
  transform:scale(1);
  transform-origin:center;
  animation:hospitalBgZoom 18s ease-in-out infinite alternate;
}
.hospital-pain-grid {
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(340px, .78fr) minmax(0, 1.22fr);
  gap:72px;
  align-items:start;
}
.hospital-pain .hospital-title {
  margin:0;
  text-align:left;
}
.hospital-pain .hospital-title p,
.hospital-pain .hospital-title h2,
.hospital-pain .hospital-title span { color:#fff; }
.hospital-pain .hospital-title span { color:rgba(255,255,255,.8); }
.hospital-pain-list {
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:20px;
}
.hospital-pain-list article {
  min-height:220px;
  padding:36px;
  background:rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.22);
  border-radius:24px 0 24px 0;
  backdrop-filter:blur(6px);
  transition:opacity .9s cubic-bezier(.19,1,.22,1), transform .24s ease, background-color .22s ease;
}
.hospital-pain-list article:hover {
  transform:translate3d(0,-6px,0);
  background:rgba(255,255,255,.2);
}
.hospital-pain-list b { color:#d9e9ff; }
.hospital-pain-list h3 {
  margin:22px 0 14px;
  color:#fff;
  font-size:26px;
  font-weight:700;
}
.hospital-pain-list p {
  margin:0;
  color:rgba(255,255,255,.78);
  font-size:17px;
  font-weight:400;
  line-height:1.72;
}

.hospital-doctor {
  padding:154px 0;
  background:#fff;
}
.hospital-doctor-grid {
  display:grid;
  grid-template-columns:minmax(420px, .9fr) minmax(0, 1.1fr);
  gap:76px;
  align-items:center;
}
.hospital-doctor-photo {
  position:relative;
  min-height:650px;
  overflow:hidden;
  border-radius:70px 0 70px 0;
  background:#eef5ff;
  box-shadow:0 32px 80px rgba(57,107,142,.14);
}
.hospital-doctor-photo::before {
  content:"";
  position:absolute;
  inset:0;
  background:url('/img/4_quote/라온숨병원_의료진.png') center/cover no-repeat;
  transform:scale(1.02);
  transform-origin:center;
  animation:hospitalImageLayerZoom 18s ease-in-out infinite alternate;
}
.hospital-doctor-photo::after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg, rgba(95,152,191,.26), rgba(255,255,255,.08));
}
.hospital-doctor-photo div {
  position:relative;
  z-index:1;
  width:100%;
  height:100%;
  min-height:650px;
  background:linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,.2));
}
.hospital-doctor-copy strong {
  display:block;
  margin-top:34px;
  color:var(--blue);
  font-size:26px;
  font-weight:700;
}
.hospital-doctor-copy ul {
  display:grid;
  gap:16px;
  margin:34px 0 0;
  padding:0;
  list-style:none;
}
.hospital-doctor-copy li {
  position:relative;
  padding-left:24px;
  color:#4e6072;
  font-size:19px;
  font-weight:400;
  line-height:1.7;
}
.hospital-doctor-copy li::before {
  content:"";
  position:absolute;
  left:0;
  top:.78em;
  width:8px;
  height:8px;
  background:var(--blue-2);
}

.hospital-feature {
  background:linear-gradient(180deg, #fbfdff 0%, #eef6fb 100%);
}
.hospital-feature-grid {
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:28px;
}
.hospital-feature-grid article {
  min-height:320px;
  padding:44px;
  background:#fff;
  border-radius:30px 0 30px 0;
  box-shadow:0 26px 70px rgba(57,107,142,.1);
  transition:opacity .9s cubic-bezier(.19,1,.22,1), transform .24s ease;
}
.hospital-feature-grid article:hover {
  transform:translate3d(0,-6px,0);
}
.hospital-feature-grid h3,
.hospital-equipment-grid h3,
.hospital-treatment-grid h3 {
  margin:28px 0 16px;
  color:#0d243d;
  font-size:28px;
  font-weight:700;
}
.hospital-feature-grid p,
.hospital-equipment-grid p,
.hospital-treatment-grid p {
  margin:0;
  color:#617080;
  font-size:17px;
  font-weight:400;
  line-height:1.78;
}

.hospital-treatment {
  padding:136px 0;
  background:#fff;
}
.hospital-treatment-head {
  display:block;
  margin-bottom:50px;
  text-align:center;
}
.hospital-treatment-head h2 { white-space:nowrap; }
.hospital-treatment-head span { display:none; }
.hospital-treatment-grid {
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:28px;
}
.hospital-treatment-grid article {
  min-height:310px;
  padding:36px 38px 32px;
  background:#eef6fb;
  border-radius:0 90px 0 90px;
  transition:opacity .9s cubic-bezier(.19,1,.22,1), transform .24s ease;
}
.hospital-treatment-grid article:hover {
  transform:translate3d(0,-6px,0);
}
.hospital-treatment-grid article:nth-child(2) { background:#dcecf6; }
.hospital-treatment-grid article:nth-child(3) { background:#5f98bf; }
.hospital-treatment-grid article:nth-child(3) h3,
.hospital-treatment-grid article:nth-child(3) p,
.hospital-treatment-grid article:nth-child(3) li { color:#fff; }
.hospital-treatment-grid h3 { margin-top:0; }
.hospital-treatment-grid ul {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:28px 0 0;
  padding:0;
  list-style:none;
}
.hospital-treatment-grid li {
  padding:10px 16px;
  background:#fff;
  color:var(--blue);
  border-radius:999px;
  font-size:14px;
  font-weight:700;
}
.hospital-treatment-grid article:nth-child(3) li {
  background:rgba(255,255,255,.14);
}

.hospital-equipment {
  position:relative;
  overflow:hidden;
  padding:144px 0;
  background:linear-gradient(180deg, rgba(255,255,255,.78), rgba(247,250,252,.9));
}
.hospital-equipment::before {
  content:"";
  position:absolute;
  inset:-3%;
  z-index:0;
  background:url('/img/4_quote/라온숨병원_장비.png') center/cover no-repeat;
  opacity:.32;
  transform:scale(1);
  animation:hospitalBgZoom 19s ease-in-out infinite alternate;
}
.hospital-equipment .hospital-inner {
  position:relative;
  z-index:1;
}
.hospital-equipment-grid {
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:20px;
}
.hospital-equipment-grid article {
  min-height:270px;
  padding:34px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:28px 0 28px 0;
  box-shadow:0 22px 60px rgba(57,107,142,.08);
  transition:opacity .9s cubic-bezier(.19,1,.22,1), transform .24s ease;
}
.hospital-equipment-grid article:hover {
  transform:translate3d(0,-6px,0);
}
.hospital-equipment-grid h3 { font-size:24px; }

.hospital-preview {
  padding:144px 0;
  background:#fff;
}
.hospital-space-grid {
  display:grid;
  grid-template-columns:1.08fr .96fr .96fr;
  gap:28px;
}
.hospital-space-grid figure {
  --space-img:url('/img/4_quote/라온숨이비인후과_진료실.png');
  position:relative;
  min-height:440px;
  margin:0;
  overflow:hidden;
  border-radius:60px 0 60px 0;
  background:#eef5ff;
  box-shadow:0 28px 70px rgba(57,107,142,.12);
  transition:opacity .9s cubic-bezier(.19,1,.22,1), transform .24s ease;
}
.hospital-space-grid figure:hover {
  transform:translate3d(0,-6px,0);
}
.hospital-space-grid figure::before {
  content:"";
  position:absolute;
  inset:0;
  background:var(--space-img) center/cover no-repeat;
  transform:scale(1.02);
  transform-origin:center;
  animation:hospitalImageLayerZoom 17s ease-in-out infinite alternate;
  pointer-events:none;
}
.hospital-space-grid figure::after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg, rgba(95,152,191,.2), rgba(139,184,213,.06));
  pointer-events:none;
}
.hospital-space-grid figure:nth-child(2) {
  --space-img:url('/img/4_quote/라온숨이비인후과_검사실.png');
}
.hospital-space-grid figure:nth-child(2)::before {
  animation-delay:.4s;
}
.hospital-space-grid figure:nth-child(3) {
  --space-img:url('/img/4_quote/라온숨이비인후과_로비.png');
}
.hospital-space-grid figure:nth-child(3)::before {
  animation-delay:.8s;
}
.hospital-space-grid span {
  position:absolute;
  z-index:2;
  left:28px;
  bottom:28px;
  padding:14px 22px;
  background:#fff;
  color:var(--blue);
  border-radius:12px;
  font-size:19px;
  font-weight:700;
}

.hospital-location {
  padding:144px 0;
  background:#f5f7fb;
}
.hospital-location-grid {
  display:grid;
  grid-template-columns:minmax(0, 1fr);
  max-width:1040px;
  margin:0 auto;
  align-items:center;
}
.hospital-location-copy {
  position:relative;
  overflow:hidden;
  padding:70px 76px;
  background:#fff;
  border-radius:0 120px 0 120px;
  box-shadow:0 28px 80px rgba(57,107,142,.12);
}
.hospital-location-copy::after {
  content:"";
  position:absolute;
  right:-80px;
  bottom:-120px;
  width:360px;
  height:360px;
  background:#eef6fb;
  border-radius:50%;
}
.hospital-location-copy > * { position:relative; z-index:1; }
.hospital-location-copy dl {
  display:grid;
  gap:0;
  margin:42px 0 0;
}
.hospital-location-copy div {
  display:grid;
  grid-template-columns:150px 1fr;
  gap:24px;
  align-items:start;
  padding:28px 0;
  border-bottom:1px solid #dce8f7;
}
.hospital-location-copy dt {
  color:var(--blue);
  font-size:16px;
  font-weight:800;
}
.hospital-location-copy dd {
  margin:0;
  color:#34465a;
  font-size:20px;
  font-weight:400;
  line-height:1.65;
}

.hospital-side {
  position:fixed;
  right:0;
  top:50%;
  z-index:96;
  display:grid;
  width:104px;
  border-top:1px solid rgba(255,255,255,.16);
  border-left:1px solid rgba(255,255,255,.16);
  background:rgba(10,13,17,.9);
  color:#fff;
  transform:translateY(-50%);
  backdrop-filter:blur(12px);
  box-shadow:0 16px 38px rgba(0,0,0,.16);
}
.hospital-side a {
  display:grid;
  place-items:center;
  min-height:104px;
  gap:8px;
  padding:18px 10px;
  border-bottom:1px solid rgba(255,255,255,.16);
  text-align:center;
  transition:background-color .22s ease;
}
.hospital-side a:hover {
  background:rgba(255,255,255,.12);
}
.hospital-side span {
  color:#9fb1bd;
  font-size:13px;
  font-weight:600;
}
.hospital-side b {
  color:#fff;
  font-size:15px;
  font-weight:600;
  line-height:1.35;
}
.hospital-side-top {
  background:rgba(10,13,17,.9);
  color:#fff;
}
.hospital-side-top span {
  width:0;
  height:0;
  border-left:7px solid transparent;
  border-right:7px solid transparent;
  border-bottom:10px solid #9fb1bd;
}
.hospital-side-top {
  gap:2px;
}
.hospital-side-top:hover { background:rgba(255,255,255,.12); }
.hospital-footer {
  padding:64px 0;
  background:#07111f;
  color:rgba(255,255,255,.66);
}
.hospital-footer strong {
  display:block;
  margin-bottom:12px;
  color:#fff;
  font-size:22px;
  font-weight:700;
}
.hospital-footer p {
  margin:0;
  font-size:14px;
  font-weight:400;
}

.reveal {
  opacity:0;
  transform:translateY(36px);
  transition:opacity .9s cubic-bezier(.19,1,.22,1), transform .9s cubic-bezier(.19,1,.22,1);
}
.reveal.on {
  opacity:1;
  transform:translateY(0);
}
.delay-1 { transition-delay:.1s; }
.delay-2 { transition-delay:.2s; }
.delay-3 { transition-delay:.3s; }
.delay-4 { transition-delay:.4s; }

.hospital-clinic-grid article,
.hospital-pain-list article,
.hospital-feature-grid article,
.hospital-treatment-grid article,
.hospital-equipment-grid article,
.hospital-space-grid figure {
  backface-visibility:hidden;
  will-change:transform;
}

@keyframes hospitalBgZoom {
  from { transform:scale(1); }
  to { transform:scale(1.07); }
}

@keyframes hospitalImageLayerZoom {
  from { transform:scale(1.02); }
  to { transform:scale(1.09); }
}

@media (max-width:1100px) {
  .hospital-header {
    height:auto;
    min-height:92px;
    grid-template-columns:1fr auto;
    gap:14px 24px;
    padding:14px 26px;
  }
  .hospital-header nav {
    order:3;
    grid-column:1 / -1;
    gap:26px;
    overflow:auto;
    justify-content:center;
  }
  .hospital-hero { min-height:890px; }
  .hospital-hero::before {
    width:min(70vw, 720px);
    height:410px;
  }
  .hospital-hero-content strong {
    width:auto;
    white-space:normal;
  }
  .hospital-clinic-grid,
  .hospital-feature-grid,
  .hospital-treatment-grid,
  .hospital-equipment-grid { grid-template-columns:repeat(2, 1fr); }
  .hospital-pain-grid,
  .hospital-doctor-grid,
  .hospital-location-grid { grid-template-columns:1fr; }
  .hospital-pain .hospital-title,
  .hospital-treatment-head { text-align:center; }
}

@media (max-width:720px) {
  .hospital-inner { width:min(100% - 34px, var(--max)); }
  .hospital-header {
    padding:12px 17px;
  }
  .hospital-logo {
    font-size:21px;
    gap:9px;
  }
  .hospital-logo-mark,
  .hospital-logo svg {
    width:36px;
    height:36px;
  }
  .hospital-call {
    min-width:auto;
    height:42px;
    padding:0 14px;
    border-radius:999px;
    font-size:15px;
  }
  .hospital-header nav {
    justify-content:flex-start;
    gap:16px;
    padding-bottom:3px;
    font-size:14px;
    scrollbar-width:none;
  }
  .hospital-header nav::-webkit-scrollbar { display:none; }
  .hospital-hero {
    min-height:auto;
    padding:176px 0 120px;
  }
  .hospital-hero-bg {
    background:
      linear-gradient(180deg, rgba(255,255,255,.9) 0%, rgba(255,255,255,.68) 52%, rgba(255,255,255,.5) 100%),
      url('/img/4_quote/라온숨이비인후과_메인배너.png') center/cover no-repeat;
  }
  .hospital-hero::before {
    top:230px;
    width:calc(100% - 22px);
    height:430px;
    border-radius:0 48px 48px 0;
    transform:translateX(-8%);
  }
  .hospital-hero-content {
    width:min(100% - 34px, var(--max));
    margin:0 auto;
    padding:92px 0 0;
  }
  .hospital-hero-content h1 { font-size:clamp(34px, 9.6vw, 48px); }
  .hospital-hero-content strong {
    margin-top:24px;
    font-size:16px;
    white-space:normal;
  }
  .hospital-quick {
    width:calc(100% - 34px);
    margin:-48px auto 0;
    grid-template-columns:1fr;
    border-radius:22px 0 22px 0;
  }
  .hospital-quick a {
    min-height:98px;
    padding:24px;
    border-right:0;
    border-bottom:1px solid var(--line);
    font-size:21px;
  }
  .hospital-section,
  .hospital-doctor,
  .hospital-treatment,
  .hospital-equipment,
  .hospital-preview,
  .hospital-location {
    padding:88px 0;
  }
  .hospital-title { margin-bottom:42px; }
  .hospital-title h2,
  .hospital-treatment-head h2,
  .hospital-doctor-copy h2,
  .hospital-location-copy h2 {
    font-size:clamp(32px, 9vw, 42px);
  }
  .hospital-title span,
  .hospital-treatment-head span {
    font-size:16px;
  }
  .hospital-treatment-head h2 {
    white-space:normal;
  }
  .hospital-clinic-grid,
  .hospital-feature-grid,
  .hospital-treatment-grid,
  .hospital-equipment-grid,
  .hospital-pain-list,
  .hospital-space-grid {
    grid-template-columns:1fr;
  }
  .hospital-clinic-grid article,
  .hospital-feature-grid article,
  .hospital-treatment-grid article,
  .hospital-equipment-grid article,
  .hospital-pain-list article {
    min-height:auto;
    padding:30px 26px;
    border-radius:22px 0 22px 0;
  }
  .hospital-location-copy {
    padding:36px 26px;
    border-radius:0 58px 0 58px;
  }
  .hospital-location-copy div {
    grid-template-columns:1fr;
    gap:10px;
  }
  .hospital-clinic-grid h3 {
    margin-top:24px;
    font-size:28px;
  }
  .hospital-doctor-grid,
  .hospital-pain-grid { gap:36px; }
  .hospital-doctor-photo,
  .hospital-doctor-photo div { min-height:380px; }
  .hospital-doctor-photo { border-radius:42px 0 42px 0; }
  .hospital-space-grid figure {
    min-height:280px;
    border-radius:36px 0 36px 0;
  }
  .hospital-side {
    width:78px;
  }
  .hospital-side a {
    min-height:78px;
    padding:12px 8px;
  }
  .hospital-side span { font-size:12px; }
  .hospital-side b { font-size:12px; }
  .hospital-footer { padding:42px 0; }
}

@media (max-width:380px) {
  .hospital-inner { width:min(100% - 28px, var(--max)); }
  .hospital-header { grid-template-columns:1fr; }
  .hospital-call { justify-self:start; }
  .hospital-header nav { font-size:13px; gap:12px; }
  .hospital-hero { padding-top:210px; }
  .hospital-side { width:68px; }
  .hospital-side a {
    min-height:70px;
    padding:10px 6px;
  }
  .hospital-side b { font-size:11px; }
}