:root{--bg:#fff;--surface:#f7f7f5;--tint:#efefec;--fg:#161616;--muted:#6b6b6b;--line:#d6d6d2;--max:1120px;--pad:24px;--gap:24px;--fs-xs:11px;--fs-sm:13px;--fs-md:15px;--fs-lg:20px;--font:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif}*{box-sizing:border-box}html{background:var(--bg);color:var(--fg);font-family:var(--font);font-size:var(--fs-md);-webkit-font-smoothing:antialiased;word-break:keep-all;line-height:1.65}body{margin:0}a{color:inherit;text-decoration:none}.prose a{text-underline-offset:.15em;text-decoration:underline}img,video{max-width:100%;height:auto;display:block}.wrap{max-width:var(--max);padding:0 var(--pad);margin:0 auto}.nav{max-width:var(--max);padding:28px var(--pad) 20px;border-bottom:1px solid var(--line);flex-direction:column;align-items:center;gap:10px;margin:0 auto;display:flex;position:relative}.nav .mark{font-size:var(--fs-md);letter-spacing:.18em;text-transform:uppercase;font-weight:600}.nav nav{font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);gap:20px;display:flex}.nav nav a:hover{color:var(--fg)}.lang{right:var(--pad);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;line-height:1.4;display:flex;position:absolute;top:28px}.lang a{color:var(--muted);border:1px solid var(--line);border-radius:2px 0 0 2px;padding:4px 10px}.lang a+a{border-radius:0 2px 2px 0;margin-left:-1px}.lang a:hover{color:var(--fg)}.lang a.active{background:var(--fg);color:var(--bg);border-color:var(--fg)}@media (width<=720px){.lang{top:20px;right:12px}}.label{font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-align:center;margin:40px 0 8px;font-weight:400}.intro{text-align:center;max-width:620px;color:var(--muted);font-size:var(--fs-sm);margin:0 auto 48px}.grid{gap:var(--gap);grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:96px;display:grid}@media (width<=720px){.grid{grid-template-columns:1fr}}.card{background:var(--bg);border:1px solid var(--line);display:block}.card .media{aspect-ratio:16/9;background:var(--tint);border-bottom:1px solid var(--line);overflow:hidden}.card .media img,.card .media video{object-fit:cover;width:100%;height:100%}.card .body{padding:16px 18px 18px}.card .row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.card h2{font-size:var(--fs-md);margin:0;font-weight:600}.card .idx{font-size:var(--fs-xs);letter-spacing:.08em;color:var(--muted)}.card .org{font-size:var(--fs-sm);margin:10px 0 2px;font-weight:600}.card .sub{font-size:var(--fs-sm);margin:0}.card .meta{font-size:var(--fs-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:12px;display:flex}.badge{border:1px solid var(--line);border-radius:2px;padding:2px 6px}.posts{border-top:1px solid var(--line);margin:0 0 96px;padding:0;list-style:none}.posts li{border-bottom:1px solid var(--line)}.posts a{align-items:flex-start;gap:32px;padding:28px 0;display:flex}.posts .thumb{flex:0 0 220px}.posts .thumb:has(img){border:1px solid var(--line)}.posts .thumb img{width:100%;height:auto;display:block}.posts .body{flex-direction:column;flex:1;gap:8px;padding-top:2px;display:flex}.posts .when{font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.posts .t{font-size:var(--fs-lg);font-weight:600;line-height:1.35}.posts .s{font-size:var(--fs-sm);color:var(--muted);max-width:640px}.posts a:hover .t{text-underline-offset:.15em;text-decoration:underline}@media (width<=720px){.posts a{flex-direction:column;gap:12px;padding:20px 0}.posts .thumb{flex-basis:auto;width:100%}.posts .thumb:not(:has(img)){display:none}}.hero{border:1px solid var(--line);margin:24px 0 32px}.hero img,.hero video{width:100%}.detail{margin-bottom:8px}.detail-head h1{font-size:var(--fs-lg);margin:0 0 4px;font-weight:600}.detail-head p{color:var(--muted);margin:0 0 24px}.metacard{float:right;border:1px solid var(--line);width:360px;font-size:var(--fs-sm);margin:0 0 32px 48px}.metacard dl{border-bottom:1px solid var(--line);margin:0;padding:12px 16px}.metacard dl:last-child{border-bottom:0}.metacard dt{font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:2px}.metacard dd{margin:0}.metacard a{text-decoration:underline}@media (width<=860px){.metacard{float:none;width:auto;margin:0 0 32px}}.prose>:not(img):not(video):not(.embed):not(p:has(>img)){max-width:calc(50% - var(--gap) / 2)}@media (width<=720px){.prose>:not(img):not(video):not(.embed):not(p:has(>img)){max-width:none}}.prose h2{font-size:var(--fs-sm);letter-spacing:.06em;margin:48px 0 16px;font-weight:600}.prose h2:after{content:"";background:var(--fg);width:28px;height:2px;margin-top:8px;display:block}.prose h3{font-size:var(--fs-md);margin:28px 0 8px;font-weight:600}.prose p{margin:0 0 14px}.prose ul,.prose ol{margin:0 0 14px;padding-left:1.25em}.prose li{margin:0 0 6px;padding-left:.25em}.prose li>p{margin:0}.prose li>p+p{margin-top:6px}.prose img,.prose video{border:1px solid var(--line);clear:both;width:100%;margin:28px 0}.prose p:has(>img){clear:both;max-width:none}.prose p:has(>img+img){grid-template-columns:1fr 1fr;gap:16px;display:grid}.prose p:has(>img+img) img{margin:0}.prose p:has(>img+img+img){grid-template-columns:repeat(3,1fr)}.prose p:has(>img+img) img{aspect-ratio:4/3;object-fit:cover}@media (width<=720px){.prose p:has(>img+img),.prose p:has(>img+img+img){grid-template-columns:1fr}}.prose blockquote{border:1px solid var(--line);margin:24px 0;padding:16px 20px}.prose blockquote p{margin:0}.prose .embed{aspect-ratio:16/9;border:1px solid var(--line);clear:both;width:100%;margin:28px 0}.prose .embed iframe{border:0;width:100%;height:100%;display:block}.next{clear:both;border-top:1px solid var(--line);font-size:var(--fs-sm);justify-content:space-between;margin:96px 0;padding-top:24px;display:flex}.footer{border-top:1px solid var(--line);font-size:var(--fs-sm);color:var(--muted);justify-content:space-between;padding-top:24px;padding-bottom:48px;display:flex}.footer .n{color:var(--fg)}.footer-links{gap:16px;display:flex}
