:root{--accent:#455683;--deep:#192438;--pale:#f1f4fb;--radius:12px;--body-font:"Noto Sans KR","Malgun Gothic",sans-serif;--heading-font:"Noto Sans KR","Malgun Gothic",sans-serif;}

/* Independent AD-ON design system: responsive, text-first publishing. */
:root{--ink:var(--deep);--muted:#56616d;--line:color-mix(in srgb,var(--accent) 18%,white);--paper:#fff;--dark:var(--deep)}
body{background:var(--pale);color:var(--ink);font-family:var(--body-font);font-size:16px;line-height:1.85;overflow-wrap:anywhere}
h1,h2,h3{font-family:var(--heading-font);font-weight:700;letter-spacing:-.035em;line-height:1.45;text-wrap:balance}h1{font-size:clamp(2rem,4vw,3.5rem)}h2{font-size:clamp(1.5rem,2.2vw,2rem)}
a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}a:hover{color:var(--accent)}
.main{min-width:0}.wrap{max-width:1320px;padding:42px 48px 72px}.wrap>*{min-width:0}.columns{grid-template-columns:minmax(0,1fr) 248px;gap:48px}.columns>*{min-width:0}
.brand strong{font-size:26px;letter-spacing:-1.5px}.brand small{font-size:12px;letter-spacing:1px;color:inherit;opacity:.8}.mark{background:var(--accent);color:#fff;border:0;border-radius:var(--radius);width:44px;height:44px}
.sidebar,.site-header,.mobile-header{background:var(--deep);color:#fff;border:0}.sidebar{width:246px;padding:32px 22px;overflow:auto}.sidebar nav a{font-size:15px;color:#fff;border-radius:var(--radius);padding:12px}.sidebar nav a.active,.sidebar nav a:hover{background:rgba(255,255,255,.14)}.sidebar .side-bottom p{color:#fff;opacity:.8}.side-bottom .button{padding:10px 8px}.main,.footer{margin-left:246px}
.button{background:var(--accent);color:#fff!important;border:1px solid var(--accent);border-radius:var(--radius);min-height:44px;font-size:15px}.button:hover{background:var(--deep);border-color:var(--deep)}.button+.button{margin-top:8px}.sidebar .button:hover{background:#fff;color:var(--deep)!important}
.eyebrow{color:var(--accent);font-size:14px;letter-spacing:.08em}.lead{color:#4e5864;font-size:18px}.meta,.read,.breadcrumbs{font-size:14px;color:var(--muted)}
.feature-grid{gap:20px;margin-bottom:56px;align-items:stretch;counter-reset:feature}.feature{counter-increment:feature;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:none;min-width:0;color:var(--ink);position:relative}.feature:hover{border-color:var(--accent);transform:translateY(-3px)}.feature img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#fff}.feature-body{padding:22px;display:flex;flex-direction:column;flex:1}.feature-body .eyebrow{font-size:14px}.feature h3{font-size:18px;line-height:1.55;margin:4px 0 16px;overflow-wrap:anywhere}.feature .read{margin-top:auto;color:var(--accent)}
.article-body>section{padding:36px 0;border-color:var(--line)}.article-body h2{font-size:26px}.article-body p,.article-content p{font-size:17px;line-height:2}.toc{background:#fff;border-color:var(--line);border-radius:var(--radius);padding:26px}.toc a{font-size:16px}.toc ol{display:grid;gap:10px}.aside-block{border-color:var(--accent);padding:24px;background:var(--paper);border-radius:var(--radius)}.aside-block p,.aside-block li{color:var(--muted);font-size:14px}.aside-block a{overflow-wrap:anywhere}.aside-block h3{color:var(--ink)}
.service-list{gap:16px}.service-list>div{background:var(--pale);border:0;border-radius:var(--radius);padding:24px}.service-list strong{font-size:22px;color:var(--accent)}.steps{counter-reset:step;list-style:none;padding:0}.steps li{counter-increment:step;position:relative;padding:16px 16px 16px 66px;border-bottom:1px solid var(--line);margin:0}.steps li:before{content:counter(step,decimal-leading-zero);position:absolute;left:14px;top:16px;font-size:24px;font-weight:700;color:var(--accent)}
.journal-head{padding:32px;border:0;border-left:5px solid var(--accent);background:#fff;border-radius:var(--radius);margin:0 0 28px}.journal-head h1{font-size:clamp(2rem,3.5vw,3rem)}.category-nav{padding:24px;margin:0 0 32px}.category-nav ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:16px 0 0}.category-nav li{margin:0}.category-nav a{display:block;padding:7px 12px;background:var(--pale);border-radius:var(--radius);font-size:14px}.category-nav a:hover{background:var(--accent);color:#fff}
.post-grid{display:grid;grid-template-columns:1fr;gap:0}.post-card{background:#fff;border:0;border-bottom:1px solid var(--line);border-radius:0;min-width:0}.post-card>a{display:block}.post-info{padding:28px}.post-info h2{font-size:23px}.post-info p{font-size:16px;color:var(--muted)}.post-card:hover{background:var(--pale)}.pagination a,.pagination span{border-radius:var(--radius);background:#fff}.pagination [aria-current]{background:var(--accent);color:#fff}
.article-heading{padding:32px;background:#fff;border-top:5px solid var(--accent);border-bottom:0;border-radius:var(--radius);margin-bottom:36px}.article-heading h1{font-size:clamp(1.9rem,3.2vw,2.8rem)}.article-content{padding:0 12px}.article-content h2{font-size:25px;margin-top:48px}.article-content p{color:var(--ink)}.hospital-links{padding:28px;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}.hospital-links h2{font-size:18px}.hospital-links a{color:var(--accent);font-size:16px}.hospital-links ul{display:flex;flex-wrap:wrap;gap:12px 24px}.hospital-links li{margin:0}.post-nav{gap:24px}.post-nav a{font-size:15px;min-width:0}
.consultation{background:var(--deep);color:#fff;border-radius:var(--radius);padding:42px;margin-top:56px}.consultation h2{font-size:clamp(1.7rem,3vw,2.5rem);color:#fff}.consultation p{color:#fff;opacity:.85}.consultation .eyebrow{color:#fff}.consultation .button{background:#fff;color:var(--deep)!important;border-color:#fff}.consultation .button:hover{background:var(--pale)}
.footer{background:#fff;color:var(--muted);border-top:1px solid var(--line);font-size:14px;padding:40px 48px}.footer strong{color:var(--ink)}.footer nav{flex-wrap:wrap}.footer a{overflow-wrap:anywhere}.cover img{border-radius:var(--radius)}.location-map,.location-section{min-width:0}iframe{max-width:100%}
.design-kicker{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:0 0 20px;margin-bottom:24px;border-bottom:2px solid var(--accent);font-size:14px;color:var(--accent);font-weight:700;letter-spacing:.06em}.design-kicker a{text-decoration:none}.design-kicker span{color:var(--ink)}
.sidebar{position:relative;inset:auto;width:100%;flex-direction:row;align-items:center;gap:28px;padding:22px 4vw;overflow:visible}.sidebar nav{display:flex;flex-wrap:wrap;margin:0 0 0 auto;gap:4px}.sidebar nav a{padding:9px 12px}.side-bottom{margin:0}.side-bottom p{display:none}.side-bottom .button{width:auto}.side-bottom .button+.button{display:none}.main,.footer{margin-left:0}.wrap{max-width:1380px}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}.feature:nth-child(3n+2){margin-top:38px}.feature:nth-child(3n){margin-top:76px}.feature img{aspect-ratio:1}.feature-body{padding:24px}.feature h3{font-size:20px}.route-home .article-body>section{border-top:5px solid var(--accent);padding:30px;background:#fff;margin:0 0 30px;border-radius:var(--radius)}.route-home .article-body>section>.eyebrow{font-size:20px}.post-grid{counter-reset:entry}.post-card{counter-increment:entry}.post-info{position:relative;padding-left:84px}.post-info:before{content:counter(entry,decimal-leading-zero);position:absolute;left:24px;top:28px;font:30px Georgia,serif;color:var(--accent)}.journal-head{text-align:center;border-left:0;border-bottom:5px solid var(--accent)}
@media(min-width:1001px){.site-header .header-inner{max-width:1320px;margin:auto;padding:26px 40px;display:flex;align-items:center;justify-content:space-between;gap:28px}.site-header .desktop-nav{display:flex;gap:24px}.site-header .desktop-nav a{text-decoration:none;color:#fff}.site-header .mobile-menu{display:none}}
@media(max-width:1100px){.columns{grid-template-columns:1fr;gap:24px}.aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.feature-grid{gap:16px}.feature-body{padding:16px}.feature h3{font-size:17px}.wrap{padding:30px}.route-home .columns{grid-template-columns:1fr}.route-home .columns>.article-body,.route-home .columns>.aside{grid-column:auto;grid-row:auto}.feature-body .eyebrow{font-size:14px}.feature:nth-child(6) .feature-body{display:flex}.feature:nth-child(6) img{max-width:100%}}
@media(max-width:1000px){.sidebar{display:none!important}.main,.footer{margin:0!important}.mobile-header{display:flex;padding:20px 24px;align-items:center;justify-content:space-between}.mobile-header nav{background:var(--deep);width:220px}.mobile-header details{position:relative}.mobile-header nav a{color:#fff;padding:8px}.mobile-header summary{min-height:44px;display:flex;align-items:center;font-size:16px}.site-header .header-inner{padding:20px 24px;display:flex;justify-content:space-between;align-items:center}.site-header .desktop-nav,.site-header .header-contact{display:none}.site-header .mobile-menu{display:block;position:relative}.site-header .mobile-menu nav{position:absolute;right:0;top:38px;width:230px;background:var(--deep);padding:20px;z-index:20;display:grid;gap:12px}.site-header .mobile-menu a{color:#fff}.wrap{padding:28px 24px 48px}.footer{padding:32px 24px}}
@media(max-width:700px){h1{font-size:2rem}.feature-grid:not(.keep-ribbon){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.feature-grid:not(.keep-ribbon) .feature{display:flex;flex-direction:column;grid-column:auto;grid-row:auto;margin:0;padding:0;gap:0;border:1px solid var(--line);background:#fff}.feature-grid:not(.keep-ribbon) .feature img{width:100%;max-height:none;grid-column:auto;grid-row:auto;aspect-ratio:1}.feature-grid:not(.keep-ribbon) .feature-body{display:flex;flex-direction:column;grid-column:auto;grid-row:auto;gap:0;padding:16px}.feature-grid:not(.keep-ribbon) .feature h3{font-size:17px;margin:5px 0 14px}.feature-grid:not(.keep-ribbon) .feature .read{margin-top:auto}.feature .eyebrow{font-size:14px;letter-spacing:0}.route-home .article-body{display:block}.route-home .article-body>section{display:block;padding:24px;margin-bottom:20px}.route-home .article-body>section>h2{font-size:23px;margin:12px 0 20px}.aside,.route-home .aside{display:block}.route-home .service-list,.service-list{grid-template-columns:1fr 1fr}.post-grid{grid-template-columns:1fr}.post-card .post-info{display:block;padding:24px}.post-info:before{position:static;display:block;margin-bottom:12px}.article-heading,.journal-head{padding:24px}.article-content{padding:0}.consultation{padding:28px;text-align:left}.footer nav{gap:14px}.hospital-links ul{display:block}.hospital-links li{margin-bottom:12px}.design-kicker{font-size:14px;letter-spacing:0}.columns{gap:24px}.brand strong{font-size:24px}.brand small{font-size:12px}}
@media(max-width:380px){.feature-grid:not(.keep-ribbon){grid-template-columns:1fr}.service-list,.route-home .service-list{grid-template-columns:1fr}.wrap{padding-left:18px;padding-right:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.feature{transition:none;transform:none!important}}

.feature-body{min-width:0}.feature-grid.keep-ribbon .feature{min-width:0}