:root{--ink:#19304f;--deep:#17375d;--blue:#0877b5;--teal:#168778;--paper:#fff;--line:#d7e5ee;--muted:#333}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#f6f9fc;color:var(--ink);font:16px/1.6 Arial,'Noto Sans KR',sans-serif}
a{color:#1761a3;text-underline-offset:3px}
a:focus-visible{outline:3px solid #e7a83d;outline-offset:4px}
.skip{position:absolute;left:-9999px;top:0}
.skip:focus{left:12px;top:12px;z-index:10;background:#fff;padding:12px 18px;border-radius:8px}
.insights-header{background:#fff;border-bottom:1px solid var(--line)}
.header-inner{max-width:1440px;margin:auto;padding:17px clamp(20px,3vw,45px);display:flex;align-items:center;justify-content:space-between;gap:24px}
.insights-brand{display:block;flex:0 0 min(300px,28vw)}
.insights-brand img{display:block;max-width:100%;height:auto}
.insights-header nav{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.insights-header nav a{display:inline-flex;align-items:center;min-height:42px;padding:9px 13px;border:1px solid #80b9d5;border-radius:999px;background:#edf8ff;color:#165a80;text-decoration:none;font-size:.91rem;font-weight:800;line-height:1.2}
.insights-header nav a:hover{background:#e1f3fc;border-color:#4a96bb}
.insights-header nav a[aria-current="page"]{background:#ffe28a;border-color:#e4bb56;color:#20304d}
main{max-width:1120px;margin:auto;padding:clamp(34px,6vw,76px) 24px 100px}
.insights-kicker{margin:0 0 12px;color:#147a87;font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.insights-list-heading{max-width:none;margin:0 auto 42px;text-align:center}
.insights-list-heading h1,.article-heading h1{margin:0;color:#153760;font-size:clamp(2.25rem,5vw,4rem);line-height:1.14;letter-spacing:-.04em}
.insights-list-heading>p:last-child{max-width:none;margin:19px auto 0;color:var(--muted);font-size:1.12rem;line-height:1.7}
.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:24px}
.insights-card{padding:clamp(26px,4vw,42px);border:1px solid #cbdde9;border-radius:20px;background:#fff;box-shadow:0 12px 35px #1437600b}
.insights-card h2{margin:0 0 17px;font-size:clamp(1.55rem,3vw,2rem);line-height:1.24;letter-spacing:-.025em}
.insights-card h2 a{color:var(--deep);text-decoration:none}
.insights-card h2 a:hover{text-decoration:underline}
.insights-card>p:not(.insights-kicker){color:#333;font-size:1.125rem;line-height:1.7}
.insights-read{display:inline-block;margin-top:12px;font-weight:800}
.insights-list-cta{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:37px;padding:22px 28px;border:1px solid #bfdfdf;border-radius:16px;background:#eaf7f6}
.insights-list-cta p{margin:0;color:#333;font-size:1.125rem}
.insights-list-cta a,.jobs-link{display:inline-flex;align-items:center;min-height:47px;padding:11px 18px;border-radius:9px;background:#17679a;color:#fff;text-decoration:none;font-weight:800}
.insights-list-cta a:hover,.jobs-link:hover{background:#114e79}
.article-page{max-width:860px;margin:0 auto}
.article-heading{padding-bottom:35px;border-bottom:1px solid var(--line)}
.article-heading h1{max-width:820px;font-size:clamp(2.15rem,5vw,3.65rem)}
.article-deck{max-width:730px;margin:21px 0 0;color:#333;font-size:1.16rem;line-height:1.7}
.article-back{display:inline-block;margin-top:24px;font-size:.92rem;font-weight:750}
.article-body{color:#1a1a1a;max-width:760px;margin:42px auto 0;font-family:Georgia,'Noto Serif',serif;font-size:1.25rem;line-height:1.6}
.article-body p{margin:0 0 1.38em}
.article-body h2{margin:2.9em 0 .8em;color:#153760;font-family:Arial,'Noto Sans KR',sans-serif;font-size:clamp(1.5rem,3vw,2rem);line-height:1.25;letter-spacing:-.025em}
.article-body h3.case-heading{margin:2.25em 0 .9em;padding:16px 20px;border-left:5px solid var(--teal);border-radius:0 9px 9px 0;background:#edf7f6;color:#145c69;font-family:Arial,'Noto Sans KR',sans-serif;font-size:clamp(1.25rem,2.7vw,1.55rem);font-weight:800;line-height:1.34;letter-spacing:-.02em}
.article-body ul,.article-body ol{margin:0 0 1.6em;padding-left:1.45em}
.article-body li{padding-left:.18em;margin:.32em 0}
.article-body li::marker{color:#238579}
.article-body blockquote{margin:1.5em 0;padding:18px 25px;border-left:3px solid #65a9b2;border-radius:0 8px 8px 0;background:#eef8f8;color:#244c63}
.article-body blockquote p{margin:0}
.article-body hr{border:0;border-top:1px solid #d5e4ed;margin:2.6em 0}
.article-body .article-pullquote{margin:3.55em 0;padding:1.9em clamp(12px,3vw,38px);border-top:1px solid #9fbecb;border-bottom:1px solid #9fbecb;background:#f6fbfc;color:#194d65;font-family:Arial,'Noto Sans KR',sans-serif;font-size:clamp(1.36rem,2.7vw,1.85rem);font-style:normal;font-weight:400;line-height:1.48;letter-spacing:-.025em}
.article-job-cta{margin:65px 0 0;padding:clamp(26px,4vw,42px);border:1px solid #b6dadb;border-radius:18px;background:linear-gradient(120deg,#eaf7f5,#eef4fd)}
.article-job-cta h2{margin:0 0 12px;color:var(--deep);font-size:clamp(1.55rem,3vw,2.1rem);line-height:1.3}
.article-job-cta p:not(.insights-kicker){max-width:650px;margin:0 0 20px;color:#333;font-size:1.125rem;line-height:1.7}
.insights-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:28px max(24px,calc((100vw - 1120px)/2));border-top:1px solid var(--line);background:#fff;color:#333;font-size:1rem}
.insights-footer>div{display:flex;align-items:center;gap:10px}
.footer-eum{color:#0877b5;font-size:1.3rem;font-weight:900;text-decoration:none}
.insights-footer small{font-size:1rem}
.insights-footer nav{display:flex;gap:18px;flex-wrap:wrap}
.insights-footer nav a{color:#315e8f;font-weight:700}
@media(max-width:900px){.header-inner{align-items:flex-start;flex-direction:column}.insights-brand{flex-basis:auto;width:min(300px,75vw)}}
@media(max-width:600px){.header-inner{padding:16px 18px}.insights-header nav{gap:6px}.insights-header nav a{min-height:38px;padding:8px 10px;font-size:.8rem}main{padding:36px 18px 70px}.article-body{font-size:1.25rem}.article-body .article-pullquote{margin:3em 0;padding:1.45em 15px}.insights-list-cta{padding:21px}.insights-footer{padding:24px 18px}}
