@import url('https://fonts.googleapis.com/css2?family=DM+Mono&family=Nanum+Myeongjo:wght@400;700;800&family=Noto+Sans+KR:wght@400;500;600;700&display=swap');
:root{--navy:#071b3d;--paper:#f5f3ed;--line:rgba(7,27,61,.22)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--navy);font-family:'Noto Sans KR',sans-serif}a{color:inherit;text-decoration:none}.wrap{width:min(1320px,calc(100% - 48px));margin:auto}.mono{font:11px/1.35 'DM Mono',monospace;letter-spacing:.1em}nav{height:156px;display:flex;align-items:flex-start;justify-content:space-between;position:relative;padding-top:14px;border-bottom:1px solid var(--line);z-index:10}.wordmark{font:800 18px/.9 'Nanum Myeongjo',serif;letter-spacing:.015em}.wordmark small{display:block;margin-top:8px;font:9px 'DM Mono',monospace;letter-spacing:.08em}.tagline{display:block;margin:8px 0 0;font:12px/1.25 'Nanum Myeongjo',serif;letter-spacing:.01em}.brand{display:flex;align-items:center;gap:5px}.symbol-shell{position:relative;width:52px;height:66px;flex:0 0 auto}.symbol-face{position:absolute;inset:0;background:#fff;clip-path:polygon(10% 26%,58% 13%,58% 92.5%,10% 79%)}.brand-symbol{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.brand .wordmark{font-size:30px;line-height:.86}.brand .tagline{margin-top:2px;font-size:15px;line-height:1.2}.nav-menu{position:absolute;inset:auto 0 0;height:45px;display:flex;justify-content:center;align-items:center;border-top:1px solid var(--line)}.nav-links{width:min(760px,62vw);display:flex;align-items:center;justify-content:space-between;padding:0;font:500 15px 'Noto Sans KR',sans-serif;letter-spacing:-.04em}.nav-item{height:45px;display:flex;align-items:center}.nav-trigger{appearance:none;padding:0;border:0;background:transparent;color:inherit;font:inherit;letter-spacing:inherit;cursor:pointer}.nav-trigger:focus-visible{outline:1px solid var(--navy);outline-offset:6px}.menu-popover{position:absolute;top:calc(100% + 1px);left:0;right:0;padding:30px 34px 32px;background:var(--paper);border-bottom:1px solid var(--navy);box-shadow:0 13px 23px rgba(7,27,61,.09);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px);transition:opacity .18s ease,transform .18s ease,visibility .18s ease}.nav-item:hover .menu-popover,.nav-item:focus-within .menu-popover,.nav-item.is-open .menu-popover{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.hamburger{position:absolute;top:0;right:0;width:45px;height:45px;display:grid;align-content:center;justify-items:center;gap:5px;padding:0;border:0;background:transparent;cursor:pointer}.hamburger span{display:block;width:19px;height:1px;background:var(--navy)}.hamburger:focus-visible{outline:1px solid var(--navy);outline-offset:-5px}.mega-menu{position:absolute;top:calc(100% + 1px);left:0;right:0;display:grid;grid-template-columns:1.1fr .85fr 1fr;gap:34px;padding:30px 34px 32px;background:var(--paper);border-bottom:1px solid var(--navy);box-shadow:0 13px 23px rgba(7,27,61,.09);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px);transition:opacity .18s ease,transform .18s ease,visibility .18s ease}.nav-menu.is-open .mega-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.mega-menu section+section{padding-left:34px;border-left:1px solid var(--line)}.mega-menu h2,.menu-popover h2{margin:0 0 18px;font:800 18px/1.1 'Nanum Myeongjo',serif;letter-spacing:-.04em}.mega-menu ul,.menu-popover ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}.mega-menu li,.menu-popover li{font-size:13px;letter-spacing:-.025em}.edition{padding:8px 11px;border:1px solid var(--navy)}.utility{width:245px;display:grid;justify-items:end;gap:6px}.utility-clockbox{min-width:154px;display:grid;justify-items:end;gap:4px;padding:7px 10px;border:1px solid var(--navy)}.utility .edition{min-width:0;padding:0;border:0;text-align:center}.kst-clock{display:flex;align-items:baseline;gap:9px;font-size:11px;letter-spacing:-.03em}.kst-clock time{font:12px 'DM Mono',monospace;letter-spacing:.04em}.utility-actions{display:flex;gap:6px}.utility-action{height:26px;display:flex;align-items:center;gap:5px;padding:0 9px;border:1px solid var(--navy);background:transparent;color:inherit;font:10px 'Noto Sans KR',sans-serif;cursor:pointer}.utility-action span{font-size:14px;line-height:1}.hero{min-height:700px;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;position:relative}.hero-copy{padding:72px 0}.kicker{margin:0 0 24px;font:12px 'DM Mono',monospace;letter-spacing:.14em}h1{margin:0;font:800 clamp(72px,10vw,144px)/.96 'Nanum Myeongjo',serif;letter-spacing:.008em}h1 span{display:block;margin-top:.08em}.intro{max-width:500px;margin:31px 0 0;font-size:16px;font-weight:500;line-height:1.9;letter-spacing:-.015em;word-break:keep-all}.intro span{display:block}.intro .justify{text-align:justify;text-align-last:justify;text-justify:inter-character}.hero-foot{display:flex;align-items:center;gap:15px;margin-top:38px}.arrow{width:43px;height:43px;display:grid;place-items:center;border:1px solid var(--navy);border-radius:50%;font-size:20px}.visual{width:min(100%,620px);aspect-ratio:1;justify-self:end}.visual img{display:block;width:100%;height:auto;clip-path:circle(47.5% at 50% 50%)}.rail{overflow:hidden;white-space:nowrap;border-block:1px solid var(--navy);background:var(--navy);color:var(--paper)}.rail div{display:inline-block;padding:15px 0;font:11px 'DM Mono',monospace;letter-spacing:.2em;animation:slide 28s linear infinite}@keyframes slide{to{transform:translateX(-50%)}}.placeholder{position:relative;min-height:430px;display:grid;align-content:center;padding:54px 0;border-bottom:1px solid var(--line)}.placeholder .number{margin-bottom:30px}.placeholder h2{margin:0;font:800 clamp(48px,7vw,102px)/.88 'Nanum Myeongjo',serif;letter-spacing:-.09em}.placeholder p{margin:20px 0 0;font:13px 'DM Mono',monospace;letter-spacing:.13em}.placeholder:nth-of-type(2){background:var(--navy);color:var(--paper);margin-inline:calc((100vw - min(1320px,calc(100vw - 48px)))/-2);padding-inline:calc((100vw - min(1320px,calc(100vw - 48px)))/2)}.placeholder:nth-of-type(3){min-height:350px}footer{padding:29px 0;background:#dbe0e0}footer .wrap{display:flex;align-items:end;justify-content:space-between}footer p{margin:8px 0 0;font-size:11px}.up{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--navy);border-radius:50%;font-size:18px}.article-favorite{position:absolute;top:42px;right:0;border:0;background:transparent;color:inherit;font-size:23px;cursor:pointer}.article-favorite:focus-visible,.utility-action:focus-visible{outline:1px solid var(--navy);outline-offset:3px}dialog{width:min(520px,calc(100% - 32px));border:1px solid var(--navy);background:var(--paper);color:var(--navy);padding:24px}dialog::backdrop{background:rgba(7,27,61,.28)}.dialog-close{float:right;padding:0;border:0;background:transparent;color:inherit;font-size:25px;cursor:pointer}.dialog-title{margin:0 0 18px;font:800 28px/1 'Nanum Myeongjo',serif}.dialog-input{width:100%;padding:11px;border:1px solid var(--navy);background:transparent;color:inherit;font:14px 'Noto Sans KR',sans-serif}.dialog-list{display:grid;gap:8px;margin:16px 0 0;padding:0;list-style:none}.dialog-list a{display:block;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}.dialog-empty{padding-top:4px;font-size:14px}@media(max-width:740px){.wrap{width:min(calc(100% - 32px),600px)}nav{height:180px;padding-top:18px}.brand{gap:4px}.symbol-shell{width:35px;height:46px}.brand .wordmark{font-size:22px}.brand .tagline{margin-top:1px;font-size:11px}.utility{position:absolute;top:62px;left:0;right:0;width:auto;display:grid;grid-template-columns:1fr auto;grid-template-areas:'clock actions';align-items:center;gap:8px}.utility-clockbox{position:absolute;top:-44px;right:0;min-width:142px;padding:6px 8px}.kst-clock{grid-area:clock;justify-self:start;font-size:10px}.kst-clock time{font-size:11px}.utility-actions{grid-area:actions}.utility-action{height:25px;padding:0 7px;font-size:9px}.nav-menu{height:38px}.nav-links{width:auto;gap:20px;padding-right:45px;font-size:12px}.nav-item{height:38px}.menu-popover{padding:22px 20px}.hamburger{width:38px;height:38px}.mega-menu{grid-template-columns:1fr;gap:20px;padding:22px 20px}.mega-menu section+section{padding:20px 0 0;border-top:1px solid var(--line);border-left:0}.mega-menu h2,.menu-popover h2{margin-bottom:12px;font-size:16px}.mega-menu ul,.menu-popover ul{gap:8px}.mega-menu li,.menu-popover li{font-size:12px}.hero{min-height:auto;display:flex;flex-direction:column;align-items:stretch;gap:0;padding-top:45px}.hero-copy{padding:47px 0 31px}h1{font-size:clamp(68px,20vw,108px);letter-spacing:.008em}.intro{max-width:360px;font-size:14px}.intro .justify{text-align:left;text-align-last:auto}.visual{width:88%;margin:5px auto 36px;align-self:center}.placeholder{min-height:300px;padding:42px 0}.placeholder:nth-of-type(2){margin-inline:-16px;padding-inline:16px}.placeholder h2{font-size:52px}.article-favorite{top:30px}dialog{padding:20px}}