@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap');
:root{--ink:#183d3d;--ink2:#395656;--mint:#d7e9df;--paper:#f7f8f4;--white:#fff;--muted:#647774;--line:#dde5df;--accent:#c97955;--accent2:#e9b99a;--deep:#123331;--shadow:0 18px 55px rgba(24,61,61,.065);--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans KR',-apple-system,BlinkMacSystemFont,system-ui,sans-serif;line-height:1.75;word-break:keep-all}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img,svg{max-width:100%}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #b8773f;outline-offset:4px}::selection{background:#c6e1d2;color:var(--deep)}.skip{position:absolute;top:-70px;left:10px;background:var(--deep);color:white;padding:10px;z-index:100}.skip:focus{top:10px}.shell{max-width:1200px;margin:auto;padding-inline:34px}.site-header{position:sticky;top:0;z-index:70;border-bottom:1px solid rgba(28,71,68,.1);background:rgba(248,250,247,.95);backdrop-filter:blur(16px)}.header-row{height:82px;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:12px;min-width:260px}.brand-mark{height:43px;width:43px;display:grid;place-items:center;border-radius:15px;background:var(--ink);color:#fdf9f3;font-family:'DM Sans',sans-serif;font-weight:800;font-size:17px;letter-spacing:-2px}.brand-name{font-size:19px;line-height:1.15;font-weight:800;letter-spacing:-1.3px;white-space:nowrap}.brand-strap{display:block;font-size:10px;letter-spacing:.9px;color:#768981;font-weight:700;margin-top:5px}.main-nav{display:flex;align-items:center;gap:28px}.main-nav a{font-size:13px;font-weight:700;transition:color .2s}.main-nav a:hover,.main-nav a.active{color:var(--accent)}.nav-right{display:flex;align-items:center;gap:12px}.search-trigger{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;background:white;padding:9px 15px;font-size:12px;font-weight:700}.search-icon{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2}.menu-toggle{display:none;border:1px solid var(--line);background:white;border-radius:12px;padding:10px;line-height:0}.menu-toggle svg{width:20px;height:20px}.notice-strip{background:#e8f0eb;border-bottom:1px solid #d1dfd7;color:#41635a;font-size:12px}.notice-strip .shell{padding-top:10px;padding-bottom:10px;display:flex;gap:9px;align-items:center}.dot{display:inline-block;background:#86b9a1;border-radius:50%;width:6px;height:6px;flex:none}.eyebrow{font-family:'DM Sans','Noto Sans KR',sans-serif;font-size:11px;letter-spacing:2.4px;font-weight:800;text-transform:uppercase;color:var(--accent)}.eyebrow.light{color:#d9b58e}.hero{padding:72px 0 88px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.16fr .84fr;align-items:center;gap:42px}.hero h1{font-size:clamp(43px,5.1vw,70px);letter-spacing:-4.2px;line-height:1.28;font-weight:800;margin:22px 0 26px}.hero h1 em{font-style:normal;color:var(--accent)}.hero-copy{font-size:15px;line-height:2;color:var(--muted);max-width:595px}.hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:31px 0}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:14px 22px;gap:10px;font-weight:700;font-size:13px;line-height:1.3;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn.primary{background:var(--ink);color:white}.btn.outline{border:1px solid #cbd8d0;color:var(--ink);background:white}.hero-foot{color:#73847c;font-size:12px;font-weight:600;display:flex;gap:18px;flex-wrap:wrap}.hero-foot span:before{content:'✓';margin-right:7px;color:#5a9975}.visual{background:#e7eee7;border-radius:32px;min-height:430px;padding:30px;position:relative;overflow:hidden;box-shadow:var(--shadow);isolation:isolate}.visual:before{content:'';position:absolute;width:330px;height:330px;border:1px solid rgba(41,93,78,.2);border-radius:50%;left:-110px;top:-130px}.visual:after{content:'';position:absolute;width:340px;height:340px;background:#b6d6c6;border-radius:50%;right:-180px;bottom:-195px;z-index:-1}.visual-inner{position:absolute;inset:60px 34px 74px;border-radius:28px;background:linear-gradient(150deg,#f8faf5,#eaf0e8);border:1px solid #fff;display:grid;place-items:center;box-shadow:0 10px 40px rgba(30,69,58,.055)}.visual-inner svg{width:260px;height:260px}.visual-top{position:absolute;top:27px;left:31px;font-size:11px;letter-spacing:2px;font-weight:800;color:#698578;font-family:'DM Sans',sans-serif}.visual-stamp{position:absolute;bottom:28px;left:32px;right:32px;display:flex;justify-content:space-between;align-items:center;gap:10px}.visual-stamp b{font-size:12px;letter-spacing:-.5px}.visual-stamp small{font-family:'DM Sans';color:#71857c;font-size:11px}.mini-chart{position:absolute;top:100px;right:8px;background:#fff;border-radius:16px;padding:17px 18px;box-shadow:0 20px 50px rgba(35,81,65,.12);z-index:3;min-width:133px}.mini-chart span{display:block;font-size:10px;color:#84958d;font-weight:700}.mini-chart strong{display:block;font-size:16px;letter-spacing:-.5px}.mini-chart i{display:block;height:4px;background:#dcebe1;margin-top:12px;border-radius:4px;position:relative}.mini-chart i:after{content:'';position:absolute;inset:0 36% 0 0;background:#7bb79c;border-radius:4px}.section{padding:72px 0}.section.no-top{padding-top:0}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:28px}.section-head h2{font-size:32px;letter-spacing:-1.8px;line-height:1.5;margin:8px 0 0}.section-head p{font-size:13px;color:var(--muted);max-width:450px}.all-link{font-size:12px;font-weight:800;white-space:nowrap;border-bottom:1px solid var(--ink);padding-bottom:5px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.category-tile{background:white;border:1px solid var(--line);border-radius:21px;padding:27px 24px;min-height:222px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.category-tile:hover,.article-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.category-top{display:flex;justify-content:space-between;align-items:start}.category-symbol{width:47px;height:47px;border-radius:16px;display:grid;place-items:center;font-size:22px}.sand .category-symbol{background:#f9eade;color:#b56a49}.blue .category-symbol{background:#e5eef5;color:#5e819b}.mint .category-symbol{background:#e2eee5;color:#598d69}.coral .category-symbol{background:#f6e7e3;color:#b87361}.category-n{font-family:'DM Sans';font-size:11px;color:#b2beb7;font-weight:700}.category-tile h3{font-size:19px;letter-spacing:-.7px;margin:25px 0 6px}.category-tile p{font-size:12px;color:var(--muted);line-height:1.8;margin:0}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.article-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:27px;display:flex;flex-direction:column;min-height:252px;transition:transform .2s,box-shadow .2s}.article-card .type{font-size:11px;font-weight:800;color:#6c927a}.article-card h3{font-size:18px;line-height:1.65;letter-spacing:-.7px;margin:15px 0 10px}.article-card p{color:var(--muted);font-size:12.5px;line-height:1.9;margin:0 0 25px;flex-grow:1}.card-bottom{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#8a9a91;border-top:1px solid #edf1ed;padding-top:15px}.arrow-circle{background:#edf4ee;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;font-size:17px;color:#3e6b56}.feature-panel{background:var(--deep);color:white;border-radius:30px;padding:52px 58px;position:relative;overflow:hidden}.feature-panel:after{content:'✧';font-size:270px;position:absolute;right:85px;top:-97px;color:rgba(219,241,226,.055)}.feature-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:36px;align-items:center;position:relative;z-index:1}.feature-panel h2{font-size:32px;letter-spacing:-1.6px;line-height:1.5;margin:13px 0}.feature-panel p{color:#b4c9c0;font-size:13px;line-height:2;max-width:570px}.feature-list{list-style:none;margin:0;padding:0;display:grid;gap:17px}.feature-list li{padding:13px 15px;border-bottom:1px solid rgba(255,255,255,.15);color:#e4eee8;font-size:13px;display:flex;gap:14px}.feature-list i{font-family:'DM Sans';color:#dbb998;font-style:normal}.source-band{display:flex;gap:17px;align-items:center;flex-wrap:wrap;border:1px solid var(--line);border-radius:16px;background:#fff;padding:20px 24px;margin:44px 0 0;font-size:12px;color:#60766a}.source-band strong{color:var(--ink);font-size:12px}.source-band span{background:#f1f5f0;padding:6px 12px;border-radius:50px}.page-banner{padding:70px 0 55px}.breadcrumbs{font-size:11px;color:#71847a;display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-bottom:20px}.breadcrumbs a:hover{text-decoration:underline}.page-banner h1{font-size:clamp(36px,4vw,56px);line-height:1.35;letter-spacing:-2.7px;max-width:980px;margin:15px 0 20px}.page-banner p{font-size:15px;color:var(--muted);max-width:720px}.divider-line{height:1px;background:var(--line)}.listing-toolbar{margin:22px 0 27px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;color:#72847d}.input-search{display:flex;align-items:center;gap:10px;border:1px solid #d7e0d8;padding:0 18px;background:#fff;border-radius:14px;max-width:530px;width:100%;height:53px}.input-search svg{width:18px;stroke:#82978b}.input-search input{width:100%;outline:none;border:0;background:transparent;color:var(--ink);font-size:13px}.filter-tags{display:flex;gap:8px;flex-wrap:wrap;padding:0 0 26px}.filter-tags a{border:1px solid #d9e3da;border-radius:50px;padding:9px 15px;font-size:12px;background:#fff}.filter-tags a.selected,.filter-tags a:hover{background:var(--ink);color:white;border-color:var(--ink)}.empty{display:none;color:var(--muted);padding:30px;background:white;border:1px solid var(--line);border-radius:14px}.article-hero{padding:47px 0 53px}.article-hero h1{font-size:clamp(34px,4.4vw,54px);line-height:1.42;letter-spacing:-2px;max-width:910px;margin:18px 0}.article-lead{color:#526d64;max-width:770px;font-size:16px;line-height:2;margin:0 0 22px}.article-meta{display:flex;gap:17px;flex-wrap:wrap;font-size:11px;color:#81938b}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 255px;align-items:start;gap:57px;margin-top:0}.article-body{background:white;border:1px solid #e1e8e0;border-radius:24px;padding:45px 49px 42px;box-shadow:0 12px 30px rgba(21,53,43,.018);min-width:0}.article-body h2{font-size:24px;line-height:1.5;letter-spacing:-1.1px;margin:46px 0 15px;padding-top:8px;scroll-margin-top:115px}.article-body section:first-of-type h2{margin-top:28px}.article-body p{font-size:14.5px;line-height:2.12;color:#455d55;margin:0 0 18px}.article-body .keypoints{background:#edf5ef;border-radius:16px;padding:23px 29px;margin-bottom:27px}.article-body .keypoints strong{font-size:13px;color:#1f5946}.keypoints ul{padding-left:19px;margin:13px 0 0}.keypoints li{font-size:13px;color:#47665a;margin:7px 0}.article-body .warning{border-left:3px solid #cb8b65;background:#fff8f2;padding:16px 20px;margin:28px 0;font-size:12px;color:#7b5b46}.article-body .warning strong{color:#885032}.source-section{margin:46px 0 0;border-top:1px solid var(--line);padding-top:28px}.source-section h2{margin:0 0 14px!important;padding:0!important;font-size:19px}.source-section p{font-size:12px}.source-list{padding:0;list-style:none}.source-list li{border-bottom:1px solid #edf1ed;padding:13px 0;display:flex;gap:12px}.source-list li::before{content:'↗';color:#7c997d}.source-list a{font-size:13px;font-weight:700;word-break:break-word}.source-list span{display:block;font-size:11px;color:var(--muted)}.source-list a:hover{text-decoration:underline}.faq-list details{border-bottom:1px solid var(--line);padding:17px 0}.faq-list summary{font-weight:700;font-size:14px;cursor:pointer;list-style-position:outside}.faq-list details p{font-size:13px;margin-top:12px}.aside{position:sticky;top:118px}.aside-box{background:white;border:1px solid var(--line);border-radius:17px;padding:23px;margin-bottom:13px}.aside-heading{font-size:12px;font-weight:800;margin:0 0 17px}.toc-list{display:grid;gap:12px}.toc-list a{font-size:12px;color:#70877c;line-height:1.55}.toc-list a:hover{color:#174e3b}.aside-box p{font-size:12px;color:#687d73;line-height:1.9}.aside-box a.aside-action{display:block;margin-top:17px;border-bottom:1px solid #aac4b4;width:fit-content;color:#285e45;font-size:11px;font-weight:800}.article-bottom{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;border-top:1px solid var(--line);margin-top:34px;padding-top:22px}.small-btn{display:inline-flex;gap:8px;border:1px solid var(--line);padding:10px 14px;background:#fff;border-radius:30px;font-size:11px;color:var(--ink);font-weight:700}.more-title{font-size:23px;letter-spacing:-1px;margin:45px 0 20px}.prose-page{background:white;border:1px solid var(--line);border-radius:25px;padding:42px 50px;max-width:890px;margin:0 auto 72px}.prose-page h2{font-size:20px;letter-spacing:-1px;margin:34px 0 11px}.prose-page p,.prose-page li{font-size:14px;line-height:2;color:#52675c}.prose-page ul{padding-left:21px}.prose-page a{color:#246a54;text-decoration:underline;text-underline-offset:4px}.contact-box{padding:24px;background:#eef5ef;border-radius:17px;margin:25px 0}.contact-box .email{font-size:22px;color:#234a3a;font-weight:700;overflow-wrap:anywhere}.small-note{color:#8a958e;font-size:12px}.site-footer{margin-top:70px;background:#163a36;color:#f3f6ef;padding:58px 0 26px}.footer-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:30px}.footer-title{font-size:21px;font-weight:800}.footer-desc{font-size:12px;line-height:2;color:#b8cfc4;max-width:310px;margin:15px 0}.footer-col strong{font-size:12px;display:block;margin-bottom:17px}.footer-col a{display:block;font-size:11px;color:#b4c8bd;margin:9px 0}.footer-col a:hover{color:#fff}.footer-bottom{margin-top:44px;padding-top:18px;border-top:1px solid rgba(255,255,255,.15);display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#93afa2}.footer-bottom span{max-width:700px}.footer-col a.mail{word-break:break-word}.page-empty{text-align:center;margin:100px 0}.page-empty h1{font-size:65px}.reading-bar{position:fixed;z-index:90;top:0;left:0;width:0;height:3px;background:#d69d74;pointer-events:none}.external-arrow{font-size:13px;margin-left:5px}.sources-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.source-card{padding:20px;border:1px solid var(--line);background:#fff;border-radius:15px}.source-card strong{display:block;font-size:14px}.source-card p{font-size:12px;color:#72847d}.source-card a{display:block;font-size:11px;color:#386b56;word-break:break-all;text-decoration:underline;margin-top:7px}.search-help{color:#678073;font-size:12px}.mobile-only{display:none}
@media(max-width:1050px){.main-nav{gap:15px}.main-nav a{font-size:12px}.brand{min-width:auto}.hero-grid{gap:24px}.category-grid{grid-template-columns:repeat(2,1fr)}.article-layout{gap:25px;grid-template-columns:minmax(0,1fr) 230px}.footer-top{grid-template-columns:1fr 1fr}.visual{min-height:390px}}
@media(max-width:760px){.shell{padding-inline:20px}.header-row{height:70px}.brand-mark{height:38px;width:38px;border-radius:12px}.brand{min-width:0;flex-shrink:1;gap:8px}.brand-mark{flex-shrink:0}.brand-name{font-size:16px;letter-spacing:-.9px}.brand-strap{font-size:8px;letter-spacing:.35px}.header-row{gap:8px}.nav-right{gap:6px;flex-shrink:0}.search-trigger{font-size:0;padding:10px}.menu-toggle{display:block}.main-nav{position:absolute;left:0;right:0;top:69px;display:none;flex-direction:column;align-items:stretch;padding:17px 22px 22px;background:#fafcf9;border-bottom:1px solid var(--line);gap:0;box-shadow:0 18px 25px rgba(0,0,0,.05)}.main-nav.open{display:flex}.main-nav a{padding:12px 0;font-size:13px}.hero{padding:39px 0 56px}.hero-grid{grid-template-columns:1fr}.hero h1{font-size:44px;letter-spacing:-2.6px;margin-top:15px}.hero-copy{font-size:13px}.visual{min-height:330px;max-width:560px}.visual-inner{inset:50px 28px 58px}.visual-inner svg{width:200px;height:200px}.mini-chart{top:90px}.section{padding:48px 0}.section-head{align-items:start}.section-head h2{font-size:26px}.category-grid{grid-template-columns:repeat(2,1fr);gap:10px}.category-tile{min-height:205px;padding:20px}.category-tile h3{font-size:16px}.category-tile p{font-size:11px}.card-grid{grid-template-columns:repeat(2,1fr);gap:12px}.article-card{padding:19px;min-height:240px}.article-card h3{font-size:15px}.article-card p{font-size:11px}.feature-panel{padding:34px 27px}.feature-grid{grid-template-columns:1fr}.feature-panel h2{font-size:26px}.page-banner{padding:45px 0 38px}.page-banner h1{font-size:37px;letter-spacing:-1.7px}.article-hero{padding:32px 0}.article-hero h1{font-size:34px;letter-spacing:-1.6px}.article-layout{grid-template-columns:1fr}.aside{position:static;grid-row:1}.aside-box:not(:first-child){display:none}.aside-box:first-child{padding:16px 18px}.toc-list{display:flex;gap:13px;overflow-x:auto;padding-bottom:5px}.toc-list a{white-space:nowrap;font-size:11px}.article-body{padding:27px 24px}.article-body h2{font-size:21px}.article-body p{font-size:13px}.prose-page{padding:28px 25px}.sources-grid{grid-template-columns:1fr}.source-band{margin-top:25px}.footer-top{grid-template-columns:1fr 1fr;gap:24px}.footer-bottom{flex-direction:column;gap:7px}.site-footer{padding-top:43px}.mobile-only{display:block}}
@media(max-width:480px){.hero h1{font-size:39px}.category-grid,.card-grid{grid-template-columns:1fr}.category-tile{min-height:auto;padding:20px}.category-tile h3{margin-top:17px}.article-card{min-height:195px}.article-card p{margin-bottom:16px}.section-head{flex-wrap:wrap}.source-band{gap:7px}.source-band span{font-size:10px}.footer-top{grid-template-columns:1fr 1fr}.footer-top>div:first-child{grid-column:1/-1}.footer-top>div:last-child{grid-column:1/-1}.hero-foot{gap:10px}.article-body .keypoints{padding:18px 20px}.page-banner h1{font-size:33px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important}}

@media(min-width:761px) and (max-width:1180px){.header-row{gap:10px}.brand{min-width:245px}.main-nav{gap:15px}.main-nav a{font-size:12px}}
@media(max-width:760px){.article-layout{grid-template-columns:minmax(0,1fr)}.article-layout>*{min-width:0;max-width:100%}.aside{position:static}.toc-list{max-width:100%;overflow-x:auto}.toc-list a{flex:none}}
@media(max-width:385px){.shell{padding-inline:15px}.brand-name{font-size:15px}.brand-strap{font-size:7px}.brand-mark{width:34px;height:34px;font-size:14px}}