/* Full-page desktop and mobile visual review, 2026-10-06. */
article:has(> .nshHeroBanner) { margin-top:32px!important; }
article:has(> .nshHeroBanner) > .nshHeroBanner { height:auto!important; max-height:none!important; }
article:has(> .nshHeroBanner) > .nshHeroBanner img { height:auto!important; max-height:none!important; object-fit:contain!important; }
.subSpecial:has(> .repeatTopSection):not(:has(> .nshHeroBanner)):not(.nshReadingStack), .nshSpineIntervention { padding-top:32px; }
.subSpecial:not(:has(> .nshHeroBanner)) > .repeatTopSection { padding-top:100px!important; }
.nshStenosisPage, .nshHealthColumn, .nshDischarge, .nshPreop { padding-top:80px!important; }
.nsqHero { position:relative; }
.nsqHero > .nshMediaCaption { position:absolute; bottom:10px; right:20px; max-width:calc(100% - 40px); z-index:2; border-radius:6px; font-size:11px; }
.nsqHero__inner { flex-shrink:0; padding-bottom:82px!important; }
a.view_image .nshMediaCaption { padding-bottom:26px; }
.footer .footer-info :is(p,a,li,span,.info-area) { color:#dce8ec!important; }
.nsh2-referral-card > span:not(.num) { color:#415e71; font-size:15px; line-height:1.7; word-break:keep-all; }
.nsh2 .nsh2-more .wrap { padding-right:0; }
.subVisual--hero .subVisual__imgAr .nshMedicalOriginalAction { position:absolute; right:8px; bottom:60px; z-index:4; }
.repeatMap .infoAr :is(p,dt,dd,span,b), .repeatMap .infoAr .time a, .repeatMap .textAr :is(h4,p) { color:#f4f8f9!important; }
.repeatMap .infoAr .callAr a { color:#72ddd0!important; }
.repeatMap .infoAr .time a { text-decoration:underline; text-underline-offset:3px; }
.subVisual:not(.subVisual--hero) .textArea :is(.text1,.text2) { color:#fff!important; text-shadow:0 2px 8px #102f3d; }
.subSpecial .contentsAr p.con-text { text-align:left!important; line-height:1.85; max-width:900px; margin-left:auto; margin-right:auto; }
.nshTeo3Hero::after { background:linear-gradient(90deg,rgba(10,41,66,.94),rgba(10,41,66,.78))!important; }
.nshTeo3Hero { background-image:url('/assets/img/semantic-20261006/hospital-actual-v1.webp')!important; }
.nshTeo3HeroIn::after { content:'새기준병원 실제 건물 외관 · 병원 공개 사진'; display:block; margin-top:22px; color:#e5f4f2; font-size:12px; line-height:1.5; }
.nshAdvancedSpineProcess { grid-template-columns:repeat(4,minmax(0,1fr))!important; }
#spine26-links { box-sizing:border-box; background:#f1f8f6; border:1px solid #d6e5e0; border-radius:18px; }
#spine26-links h2 { margin:0 0 22px; font-size:26px; line-height:1.45; color:#173e4c; }
#spine26-links ul { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; padding:0; list-style:none; }
#spine26-links li { margin:0; min-width:0; }
#spine26-links a { display:flex; align-items:center; box-sizing:border-box; height:100%; min-height:60px; padding:16px; border:1px solid #c9ddd7; border-radius:10px; background:#fff; color:#175d5c; font-weight:700; line-height:1.55; word-break:keep-all; }
#spine26-links a:hover { border-color:#197b70; background:#e4f2ee; }
#spine26-links a:focus-visible { outline:3px solid #197b70; outline-offset:3px; }
.ns26-hero .ns26-wrap { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); column-gap:36px; align-items:center; }
.ns26-hero nav { grid-column:1/-1; }
.ns26-hero .ns26-eyebrow { grid-column:1; margin-top:26px; align-self:end; }
.ns26-hero h1 { grid-column:1; grid-row:3; align-self:start; }
.ns26-hero .ns26-hero-figure { grid-column:2; grid-row:2/4; margin:26px 0 0!important; }
.ns26-hero .ns26-hero-figure img { width:100%; height:auto; object-fit:contain; }
@media(min-width:981px) { .nshRgHero > .nshMedicalOriginalAction { grid-column:2; grid-row:1; align-self:end; margin-bottom:38px; z-index:3; background:transparent; } }
@media(max-width:1180px) { #spine26-links ul, .nshAdvancedSpineProcess { grid-template-columns:repeat(2,minmax(0,1fr))!important; } }
@media(max-width:768px) {
 body:has(.nshGuideHub) #nsOfficialQuick.quick { display:block!important; }
 article:has(> .nshHeroBanner) { margin-top:74px!important; }
 .nshStenosisPage,.nshHealthColumn { padding-top:74px!important; }
 .nshDischarge,.nshPreop { padding-top:0!important; }
 .nshSpineIntervention { padding-top:20px; }
 #spine26-links { width:calc(100% - 32px); }
 #spine26-links ul { grid-template-columns:1fr!important; }
 .nshAdvancedSpineProcess { grid-template-columns:1fr!important; }
 #spine26-links h2 { font-size:23px; }
 .ns26-hero .ns26-wrap { display:flex; flex-direction:column; align-items:stretch; }
 .ns26-hero nav { order:0; }
 .ns26-hero .ns26-eyebrow { order:1; align-self:auto; }
 .ns26-hero h1 { order:2; }
 .ns26-hero .ns26-hero-figure { order:3; margin-top:20px!important; }
}

/* Account for the measured search row added below the fixed navigation. */
body #nsNoticePanel{top:calc(160px + var(--ns-search-height,0px));max-height:calc(100dvh - 184px - var(--ns-search-height,0px))}
body #nsNoticePanel .cz-popup-slide .item img,body #nsNoticePanel .cz-popup-basic .item img{max-height:calc(100dvh - 272px - var(--ns-search-height,0px))}
@media(max-width:1025px){
 body #nsNoticePanel{max-height:calc(100dvh - 280px - var(--ns-search-height,0px) - env(safe-area-inset-bottom))}
 body #nsNoticePanel .cz-popup-slide .item img,body #nsNoticePanel .cz-popup-basic .item img{max-height:calc(100dvh - 368px - var(--ns-search-height,0px) - env(safe-area-inset-bottom))}
}
@media(max-width:768px){
 body #nsNoticePanel{top:calc(126px + var(--ns-search-height,0px) + env(safe-area-inset-top));max-height:calc(100dvh - 246px - var(--ns-search-height,0px) - env(safe-area-inset-top) - env(safe-area-inset-bottom))}
 body #nsNoticePanel .cz-popup-slide .item img,body #nsNoticePanel .cz-popup-basic .item img{max-height:calc(100dvh - 334px - var(--ns-search-height,0px) - env(safe-area-inset-top) - env(safe-area-inset-bottom))}
}

