:root{--white:#fff;--ink:#15283e;--muted:#55687c;--line:#dde6ed;--soft:#f3f7fb;--blue:#0674dd;--blue-soft:#eaf4ff;--green:#147c68;--onblue:#fff;--brand:var(--blue);--brand-dark:var(--blue);--brand-deep:var(--blue);--brand-soft:var(--blue-soft);--brand-line:var(--line);--ink-soft:var(--muted);--bg-soft:var(--soft);--max-w:1140px;--gutter:clamp(22px, 5.3vw, 64px);--reading-max:760px;--section-y:64px;--section-y-narrow:48px;--btn-h:46px;--r-btn:6px;--r-panel:9px;--r-panel-lg:12px;--dark-white:#122537;--dark-bg:#131a23;--dark-ink:#edf4ff;--dark-muted:#adbed0;--dark-line:#344153;--dark-soft:#1c2735;--dark-blue:#64b2ff;--dark-blue-soft:#203c59;--dark-green:#6ed7bc;--dark-onblue:#102132}*{box-sizing:border-box}html{font-family:"Pretendard", var(--font-sans);color:var(--ink);background:var(--white);-webkit-font-smoothing:antialiased}body{word-break:keep-all;overflow-wrap:anywhere;margin:0;font-size:15px;font-weight:400;line-height:1.7}h1,h2,h3,h4{font-weight:500}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}:where(a,button,summary,input,select,textarea):focus-visible{outline:3px solid var(--blue);outline-offset:3px}img{max-width:100%;height:auto}.container{width:100%;max-width:var(--max-w);padding-inline:var(--gutter);margin-inline:auto}.reading{width:100%;max-width:var(--reading-max);margin-inline:auto}.section{padding-block:var(--section-y)}.section--soft{background:var(--soft)}.section-title{letter-spacing:-.045em;text-wrap:balance;margin:0 0 8px;font-size:clamp(26px,3.1vw,33px);font-weight:500;line-height:1.42}.section-title .en{color:var(--blue);letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px;font-size:12px;font-weight:500;line-height:1.6;display:block}.section-sub{color:var(--muted);max-width:660px;margin:14px 0 32px}.btn{min-height:var(--btn-h);border-radius:var(--r-btn);border:1px solid #0000;justify-content:center;align-items:center;gap:9px;padding:12px 18px;font-size:14px;font-weight:500;line-height:1.4;display:inline-flex}.btn--primary{background:var(--blue);color:var(--onblue);border-color:var(--blue)}.btn--primary:hover{filter:brightness(.92);text-decoration:none}.btn--ghost{color:#fff;border-color:#ffffffb3}.btn--ghost:hover{background:#ffffff1f;text-decoration:none}.btn--line{background:var(--white);border-color:var(--line);color:var(--ink)}.btn--line:hover{border-color:var(--blue);color:var(--blue);text-decoration:none}.grid{gap:24px;display:grid}.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width<=860px){.grid--3,.grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.grid--2,.grid--3,.grid--4{grid-template-columns:1fr}}.card{background:var(--white);border:1px solid var(--line);border-radius:var(--r-panel);flex-direction:column;display:flex;overflow:hidden}.card a{color:inherit}.card-thumb{aspect-ratio:1200/630;object-fit:cover;background:var(--soft);width:100%;display:block}.card-thumb--contain{object-fit:contain}.card-body{padding:18px 20px 22px}.card-date{color:var(--muted);font-size:12px}.card-title{letter-spacing:-.025em;margin:6px 0 8px;font-size:16px;font-weight:500;line-height:1.55}.card-desc{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:14px;display:-webkit-box;overflow:hidden}.prose{max-width:var(--reading-max);margin:0 auto;font-size:16px}.prose p{margin:0 0 1.1em}.prose img{border-radius:var(--r-btn);margin:1.4em auto;display:block}.prose h1,.prose h2,.prose h3{letter-spacing:-.035em;margin:1.6em 0 .6em;line-height:1.42}.prose table{border-collapse:collapse;width:100%;font-size:14px}.prose td,.prose th{border:1px solid var(--line);padding:8px 10px}.prose span[style]{font-family:inherit!important}.page-head{background:var(--soft);color:var(--ink);border-bottom:1px solid var(--line);padding:72px 0 56px}.page-head h1{letter-spacing:-.055em;text-wrap:balance;margin:0 0 6px;font-size:clamp(30px,4.3vw,45px);line-height:1.35}.page-head p{color:var(--muted);margin:0}@media (width<=560px){:root{--gutter:22px}.section{padding-block:var(--section-y-narrow)}.page-head{padding:48px 0 40px}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}