/* The complete face also supplies uncommon Hanja outside the mobile core. */
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("assets/NotoSansKR.ttf") format("truetype");
  unicode-range: U+3400-4DBF, U+4E00-9FFF, U+F900-FAFF, U+20000-2FFFF, U+30000-323AF;
}
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("assets/noto-sans-kr-core-v21.woff2") format("woff2");
  unicode-range: U+0000-33FF, U+4DC0-4DFF, U+A000-F8FF, U+FB00-1FFFF, U+323B0-10FFFF;
}
:root{--green:#245440;--ink:#24251F;--orange:#F15A3B;--line:#deded8;color-scheme:light}*{box-sizing:border-box}html{scroll-padding-top:20px}body{margin:0;background:#fff;color:var(--ink);font:16px/1.65 "Noto Sans KR","Malgun Gothic","Apple SD Gothic Neo",sans-serif;word-break:keep-all;overflow-wrap:break-word}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:4px}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:3px}body a.skip{position:absolute;left:-9999px;top:0;background:white;padding:8px;z-index:9}.skip:focus{left:6px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.28;letter-spacing:-.055em}img{max-width:100%;height:auto}.mast{border-bottom:1px solid var(--line);background:white}.mast>div{max-width:1120px;margin:auto;padding:13px 34px;display:flex;align-items:center;justify-content:space-between;gap:25px}.wordmark{display:flex;align-items:center}.wordmark img{width:148px}.mast nav{display:flex;gap:28px;margin-left:auto;font-weight:650;color:var(--green);font-size:14px}.menuToggle{font-size:13px;color:var(--green);font-weight:700;display:flex;align-items:center;gap:7px}.menuToggle span{font-size:20px}.wrap{max-width:1120px;margin:auto;padding:0 34px}.hero{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:40px;padding:47px 0 39px;border-bottom:1px solid var(--line)}.label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:750;color:var(--green);letter-spacing:.035em}.label:before{content:'';width:18px;height:3px;background:var(--orange)}.hero h1{font-size:clamp(36px,4.8vw,62px);letter-spacing:-.065em;margin:17px 0 12px;font-weight:800}.hero em{font-style:normal;color:var(--green)}.hero p,.intro p,.story p,.indexrow p{color:#55645a}.heroimg{display:block}.heroimg img{display:block;width:100%;border-radius:10px}.primary{display:inline-flex;align-items:center;gap:9px;background:var(--green);color:white;font-weight:750;padding:12px 17px;border-radius:4px}.primary img{border-radius:4px;background:white}.primary span{margin-left:12px}.stories{padding:35px 0 55px}.sectionhead{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:16px}.sectionhead h2{font-size:clamp(24px,3vw,35px);margin:7px 0 0;color:var(--green)}.sectionhead>a,.back,.oldbrowse{font-weight:650;color:var(--green);font-size:14px}.storygrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.story{display:flex;flex-direction:column;gap:13px}.story img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:6px}.story h3{margin:5px 0;font-size:22px}.story small{font-weight:750;color:var(--green)}.story p{font-size:14px;margin:0}.reading{max-width:720px;margin:0 auto;padding:38px 24px 75px;min-height:58vh}.intro{margin:12px 0 24px}.intro h1{font-size:clamp(29px,4vw,44px);color:var(--green);margin:12px 0}.intro p{margin:0}.indexrow{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 6px;border-top:1px solid var(--line)}.indexrow strong{font-size:21px;color:var(--green)}.indexrow p{font-size:14px;margin:2px 0}.indexrow>span{color:var(--orange);font-size:22px}.tabs{display:flex;flex-wrap:wrap;gap:18px;padding:12px 0;border-block:1px solid var(--line);font-size:14px;font-weight:700;color:var(--green)}.detail{padding:22px 0 8px}.detail h2{color:var(--green);font-size:22px;margin:0 0 9px}.detail p{margin:0}.detail dl{display:grid;grid-template-columns:auto 1fr;gap:8px 16px}.detail dd{margin:0}.columns{padding-block:30px 55px}.search{display:grid;gap:5px;max-width:410px;font-weight:700;color:var(--green)}.search input{font:inherit;padding:9px 12px;border:1px solid var(--green);border-radius:4px}.oldbrowse{display:inline-block;margin-top:24px}.foot{padding:26px max(24px,calc((100vw - 1052px)/2));background:#fff;border-top:1px solid var(--line);color:var(--green);font-size:13px}.foot p{margin:2px 0 12px}.foot nav{display:flex;flex-wrap:wrap;gap:6px 18px}.foot small{display:block;margin-top:12px}.wide{width:100%;border-radius:6px}[hidden]{display:none!important}@media(max-width:680px){.mast>div{padding:9px 18px}.mast nav{display:none}.wordmark img{width:125px}.wrap{padding-inline:19px}.hero{display:flex;flex-direction:column;align-items:stretch;gap:17px;padding:24px 0}.hero>div{display:contents}.hero .label{display:none}.hero h1{font-size:33px;margin:0}.hero h1 br{display:none}.hero p{margin:-10px 0 0;font-size:14px}.heroimg{order:1}.primary{order:2;justify-content:center}.stories{padding:25px 0 32px}.sectionhead h2{font-size:22px}.sectionhead>a{font-size:12px;white-space:nowrap}.home .storygrid{display:grid;grid-auto-flow:column;grid-auto-columns:80%;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 0 12px}.home .story{scroll-snap-align:start}.storygrid{gap:15px}.columns .storygrid{grid-template-columns:1fr}.reading{padding:25px 20px 48px}.story h3{font-size:19px}.foot{padding:22px 20px}}
body a.skip:focus { left: 6px; }
