@charset "UTF-8";
:root{--blue:#244be5;--navy:#10254b;--ink:#20252e;--muted:#707986;--line:#e4e8ec;--paper:#f8f9fa;--sky:#eaf1fa}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:104px}body{margin:0;color:var(--ink);background:#fff;font-family:Arial,"Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",sans-serif;letter-spacing:-.035em;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;max-width:100%}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #577aff;outline-offset:5px}p{line-height:1.85;word-break:keep-all}h1,h2,h3,p{margin-top:0}h1,h2,h3{word-break:keep-all}button{border:0;background:none;color:inherit}button:disabled{cursor:wait}.wrap{width:min(1260px,calc(100% - 80px));margin:auto}.skip{position:fixed;top:-100px;z-index:100;background:white;padding:16px}.skip:focus{top:0}.announcement{height:31px;display:flex;align-items:center;justify-content:center;background:var(--blue);color:#fff;font-size:11px;letter-spacing:.01em;gap:12px}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line)}.header-inner{height:85px;display:flex;align-items:center;justify-content:space-between;gap:24px}.wordmark{font-size:27px;font-weight:900;letter-spacing:-1.6px;color:#19212d}.wordmark b{color:var(--blue)}.header-links{display:flex;gap:35px;align-items:center;font-size:13px}.header-links a:hover{color:var(--blue)}.primary{display:inline-flex;justify-content:center;align-items:center;gap:25px;background:var(--blue);color:#fff;border-radius:6px;padding:15px 22px;font-size:13px;font-weight:700;min-height:46px;transition:background .2s}.primary:hover{background:#1939bd}.arrow{font-size:19px;line-height:1}.eyebrow{display:block;font-size:10px;letter-spacing:.18em;color:var(--blue);font-weight:700;margin-bottom:18px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px;gap:24px}.section-head h2{font-size:28px;line-height:1.4;margin-bottom:8px;font-weight:700}.section-head p{font-size:14px;color:var(--muted);margin:0}.text-link{font-size:13px;display:inline-flex;gap:20px;align-items:center;border-bottom:1px solid var(--ink);padding-bottom:7px;white-space:nowrap}.home-mast{padding:42px 0 28px;display:flex;align-items:flex-end;justify-content:space-between}.home-mast h1{font-size:23px;margin:0}.home-mast .eyebrow{margin-bottom:10px}.home-mast p{font-size:13px;color:var(--muted);margin:0}.banner-link{display:block;border-radius:13px;overflow:hidden;background:#d9eafb;transition:box-shadow .25s}.banner-link:hover{box-shadow:0 12px 40px #173c741a}.banner-link img{width:100%;height:auto}.banner-caption{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;margin-top:14px}.home-collection{padding:76px 0 70px}.teaser-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:24px 20px}.teaser{display:block}.product-photo{aspect-ratio:1;background-image:url('/magazine/top10/product-atlas.png');background-size:500% 200%;background-position:var(--x) var(--y);background-repeat:no-repeat;background-color:#efeeeb}.teaser-photo{overflow:hidden;border-radius:5px;position:relative}.teaser-photo .product-photo{transition:transform .35s}.teaser:hover .product-photo{transform:scale(1.035)}.photo-number{position:absolute;left:12px;top:12px;background:#fffffff0;border-radius:50%;width:27px;height:27px;display:grid;place-items:center;font-size:10px;letter-spacing:0}.teaser h3{font-size:14px;margin:15px 0 6px}.teaser p{font-size:11px;color:var(--muted);margin:0;line-height:1.6}.small-note{font-size:11px;color:var(--muted);line-height:1.8}.editorial-note{display:grid;grid-template-columns:1fr 1.2fr;border-top:1px solid var(--line);padding:32px 0 56px;gap:40px}.editorial-note h2{font-size:21px;line-height:1.6}.editorial-note p{font-size:14px;color:#626c7a;margin:0}.footer{border-top:1px solid var(--line);padding:40px 0 25px;background:#fafbfc}.footer-top{display:flex;justify-content:space-between;gap:35px}.footer .wordmark{font-size:23px}.footer p{font-size:12px;color:var(--muted);margin:10px 0}.footer nav{display:flex;gap:25px;align-items:center;font-size:12px}.footer-bottom{margin-top:30px;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;font-size:10px;color:var(--muted);letter-spacing:0}.breadcrumb{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--muted);padding-top:31px}.breadcrumb a:hover{color:var(--blue)}.article-header{padding:38px 0 38px;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:60px}.article-header h1{font-size:clamp(30px,3.6vw,49px);line-height:1.3;letter-spacing:-.055em;margin-bottom:24px}.article-header h1 strong{color:var(--blue)}.article-deck{font-size:15px;color:#646e7b;line-height:1.9;margin-bottom:28px}.byline{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--muted)}.byline-logo{width:30px;height:30px;border-radius:50%;background:var(--blue);display:grid;place-items:center;color:#fff;font-weight:800}.header-image{margin:0;width:100%;min-width:0}.header-image img{display:block;width:100%;height:auto;border-radius:12px;background:#d6e8f5}.header-image figcaption{display:flex;justify-content:space-between;gap:16px;padding-top:12px;font-size:9px;line-height:1.6;color:#738397;letter-spacing:.08em}.header-image figcaption span:last-child{letter-spacing:0}.editor-intro{max-width:810px;margin:28px auto 56px;text-align:center}.editor-intro h2{font-size:26px;line-height:1.6;margin-bottom:18px}.editor-intro p{font-size:14px;color:#646e7b}.selection-note{padding:14px 20px;font-size:11px;line-height:1.75;color:#6c7684;background:#f5f7fa;border-radius:4px}.article-layout{display:grid;grid-template-columns:170px minmax(0,1fr);gap:60px;border-top:1px solid var(--line);padding-top:48px}.contents{position:sticky;top:115px;align-self:start}.contents-label{font-size:10px;letter-spacing:.13em;color:var(--muted);margin-bottom:22px}.contents nav{display:flex;flex-direction:column;gap:3px}.contents a{display:flex;gap:12px;font-size:11px;line-height:1.6;padding:9px 0;color:#727d8d;align-items:baseline}.contents a span{font-size:10px;letter-spacing:0;color:#9ba6b3}.contents a:hover,.contents a.active{color:var(--blue);font-weight:700}.contents .text-link{margin-top:28px;border-color:var(--line);color:var(--blue);font-size:11px}.product-story{padding-bottom:64px;margin-bottom:56px;border-bottom:1px solid var(--line);scroll-margin-top:112px}.story-topline{display:flex;align-items:center;gap:13px;margin-bottom:23px;font-size:10px;letter-spacing:.12em;color:var(--muted)}.story-topline .index{font-size:32px;color:var(--blue);font-weight:400;letter-spacing:-.05em}.story-heading h2{font-size:30px;line-height:1.4;margin:0 0 9px}.story-subtitle{font-size:15px;color:#728099;margin-bottom:24px}.story-visual{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}.story-image{margin:0}.story-image .product-photo{border-radius:5px}.story-image figcaption{font-size:10px;color:#8a929d;margin-top:10px}.tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px}.tag{padding:5px 8px;border:1px solid #dfe6f1;color:#63758d;border-radius:3px;font-size:10px;letter-spacing:-.02em}.story-description{font-size:14px;line-height:1.9;color:#495362;margin-bottom:25px}.point-list{margin:0}.point-list div{display:grid;grid-template-columns:36px 1fr;padding:13px 0;gap:12px;border-top:1px solid #e5e9ee}.point-list dt{font-size:11px;font-weight:700;line-height:1.8;color:var(--navy)}.point-list dd{font-size:12px;line-height:1.8;color:#6a7483;margin:0;word-break:keep-all}.story-bottom{display:flex;justify-content:space-between;align-items:center;gap:26px;background:#f6f8fb;padding:20px 22px;margin-top:25px;border-radius:4px}.story-bottom p{font-size:11px;line-height:1.8;color:#69768a;margin:0}.story-bottom strong{display:block;color:#334762;font-size:11px;margin-bottom:2px}.story-inquiry{display:inline-flex;align-items:center;gap:15px;color:var(--blue);font-size:12px;font-weight:700;white-space:nowrap;min-height:40px}.closing{padding:48px 45px 44px;background:#edf3fc;border-radius:7px;margin-bottom:28px;scroll-margin-top:105px}.closing .eyebrow{margin-bottom:14px}.closing h2{font-size:30px;line-height:1.5;margin-bottom:14px}.closing p{font-size:13px;color:#596a83;max-width:580px}.checklist{padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:25px 0 30px;font-size:12px;color:#4c5d76}.checklist li:before{content:'✓';display:inline-block;margin-right:10px;color:var(--blue)}.article-end{margin-bottom:65px}.article-end .text-link{margin-top:25px}.dialog{width:min(540px,calc(100% - 32px));padding:34px;border:0;border-radius:12px;color:var(--ink);box-shadow:0 30px 100px #13274b33;max-height:90dvh;overflow:auto}.dialog::backdrop{background:#11223c77;backdrop-filter:blur(3px)}.dialog h2{font-size:23px;line-height:1.5;padding-right:20px;margin-bottom:12px}.dialog p{font-size:12px;color:#647084}.dialog-close{position:absolute;right:18px;top:16px;font-size:25px;width:32px;height:32px;display:grid;place-items:center}.draft-label{font-size:11px;display:block;font-weight:700;margin:22px 0 9px}.dialog textarea{width:100%;resize:vertical;min-height:196px;border:1px solid #d8e1ed;border-radius:6px;background:#f8fafc;padding:15px;color:#3f5066;font-size:12px;line-height:1.85}.dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.secondary{border:1px solid #d7deea;min-height:44px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:12px}.dialog .primary{font-size:12px}.copy-status{font-size:11px;min-height:20px;color:var(--blue);margin:10px 0}.email-link{display:block;text-align:center;color:#63718b;font-size:11px;margin-top:16px;text-decoration:underline;text-underline-offset:4px}.dialog-footnote{font-size:10px!important;text-align:center;margin-bottom:0}.back-to-top{position:fixed;right:24px;bottom:25px;z-index:10;border:1px solid #dce3eb;border-radius:50%;background:#fffffff5;width:43px;height:43px;display:grid;place-items:center;font-size:18px;box-shadow:0 3px 12px #1223430c}.mobile-toc{display:none}.noscript{padding:15px;background:#f1f5ff;font-size:12px}
@media(min-width:1440px){.wrap{max-width:1280px}.article-layout{gap:70px;grid-template-columns:180px minmax(0,1fr)}}
@media(max-width:1050px){.wrap{width:calc(100% - 48px)}.header-links{gap:20px}.article-layout{gap:30px;grid-template-columns:145px minmax(0,1fr)}.story-visual{gap:24px}.article-header{gap:30px}.story-description{font-size:13px}.teaser-grid{gap:24px 15px}.story-bottom{padding:18px;gap:20px}.story-bottom p{max-width:70%}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.header-inner{height:70px}.wordmark{font-size:24px}.header-links>a{display:none}.header-links{gap:0}.header-links .primary{padding:11px 14px;min-height:40px;font-size:11px;gap:12px}.home-mast{padding:30px 0 22px}.home-mast p{display:none}.home-mast h1{font-size:21px}.home-collection{padding:48px 0}.teaser-grid{grid-template-columns:repeat(3,1fr)}.section-head h2{font-size:23px}.section-head p{font-size:12px}.section-head .text-link{font-size:11px}.article-header{grid-template-columns:1fr;gap:30px}.header-image{max-width:560px;justify-self:center}.article-header h1{font-size:33px}.article-deck{font-size:13px}.article-layout{display:block;padding-top:30px}.contents{display:none}.mobile-toc{display:block;margin:0 0 35px;border:1px solid var(--line);border-radius:4px;padding:15px 18px}.mobile-toc summary{font-size:12px;cursor:pointer}.mobile-toc nav{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.mobile-toc a{font-size:11px;color:#64748a;padding:4px 0}.editor-intro{margin:24px auto 38px}.editor-intro h2{font-size:23px}.story-heading h2{font-size:26px}.story-bottom p{max-width:none}.story-visual{grid-template-columns:1fr 1.1fr;gap:27px}.story-description{font-size:13px}.footer nav{gap:16px}.closing{padding:35px}.editorial-note{gap:25px}}
@media(max-width:560px){html{scroll-padding-top:86px}.wrap{width:calc(100% - 36px)}.announcement{font-size:9px;height:28px;gap:8px}.header-inner{height:64px}.wordmark{font-size:23px}.home-mast .eyebrow{font-size:9px}.home-mast h1{font-size:20px}.home-mast{padding:28px 0 20px}.banner-link{border-radius:10px}.banner-caption{font-size:9px;gap:12px}.banner-caption span:last-child{display:none}.home-collection{padding:42px 0}.section-head{align-items:flex-start;gap:15px}.section-head h2{font-size:22px}.section-head .text-link{display:none}.teaser-grid{grid-template-columns:repeat(2,1fr);gap:25px 14px}.teaser h3{font-size:13px;line-height:1.5;margin:11px 0 5px}.teaser p{font-size:10px}.photo-number{width:24px;height:24px;font-size:9px;top:10px;left:10px}.editorial-note{grid-template-columns:1fr;gap:10px;padding:28px 0 40px}.editorial-note h2{font-size:21px}.editorial-note p{font-size:13px}.footer{padding-top:30px}.footer-top{flex-direction:column;gap:15px}.footer nav{font-size:11px}.footer-bottom{flex-direction:column;font-size:9px;gap:9px;margin-top:24px;line-height:1.7}.breadcrumb{padding-top:23px;font-size:10px}.article-header{grid-template-columns:1fr;padding-top:29px;gap:26px}.article-header .eyebrow{font-size:9px;margin-bottom:16px}.article-header h1{font-size:34px;line-height:1.35;margin-bottom:20px}.article-deck{font-size:13px;margin-bottom:19px}.byline{font-size:10px}.editor-intro{margin:13px auto 32px;text-align:left}.editor-intro h2{font-size:22px;line-height:1.5}.editor-intro p{font-size:13px;line-height:1.85}.selection-note{padding:13px 15px;font-size:10px}.article-layout{padding-top:25px}.mobile-toc{margin-bottom:30px}.product-story{padding-bottom:36px;margin-bottom:35px;scroll-margin-top:85px}.story-topline{margin-bottom:15px;font-size:9px}.story-topline .index{font-size:29px}.story-heading h2{font-size:25px;letter-spacing:-.055em;margin-bottom:6px}.story-subtitle{font-size:13px;margin-bottom:21px}.story-visual{grid-template-columns:1fr;gap:23px}.story-image .product-photo{aspect-ratio:1}.story-image figcaption{font-size:9px}.story-description{font-size:14px;line-height:1.9;margin-bottom:20px}.tags{margin-bottom:16px}.tag{font-size:10px}.point-list dt{font-size:11px}.point-list dd{font-size:12px}.point-list div{padding:12px 0}.story-bottom{display:block;padding:17px 18px;margin-top:22px}.story-bottom p{font-size:11px}.story-inquiry{margin-top:9px;min-height:36px;font-size:12px}.closing{padding:30px 23px}.closing h2{font-size:25px}.closing p{font-size:12px}.checklist{grid-template-columns:1fr;font-size:11px;gap:12px}.closing .primary{width:100%;justify-content:space-between}.article-end{margin-bottom:43px}.small-note{font-size:10px}.dialog{padding:28px 23px}.dialog h2{font-size:21px}.dialog-actions{grid-template-columns:1fr}.dialog textarea{font-size:11px}.back-to-top{right:14px;bottom:18px;width:37px;height:37px;font-size:16px}}
@media(max-width:800px){.dialog textarea{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
@media print{.announcement,.site-header,.contents,.mobile-toc,.dialog,.back-to-top,.story-inquiry,.primary{display:none!important}.wrap{width:100%}.article-layout{display:block}.product-story{break-inside:avoid}.footer{background:#fff}.product-photo{-webkit-print-color-adjust:exact;print-color-adjust:exact}}