:root{--accent:#3d6b3d;--accent-ink:#fff;--bg:#fff;--surface:#f6f8f6;--surface-2:#eef2ee;--fg:#18201a;--fg-soft:#3f4a42;--muted:#6b7770;--border:#e6ebe6;--shadow:0 1px 2px rgba(20,30,20,.04),0 8px 24px rgba(20,30,20,.06);--shadow-lg:0 4px 12px rgba(20,30,20,.08),0 24px 48px rgba(20,30,20,.1);--radius:16px;--radius-sm:10px;--maxw:1120px;--readw:720px;--nav-h:64px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--accent:#6fae74;--accent-ink:#0c130d;--bg:#0e130f;--surface:#151b16;--surface-2:#1c241d;--fg:#e9efe9;--fg-soft:#c3ccc4;--muted:#8f9b91;--border:#262f27;--shadow:0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.3);--shadow-lg:0 4px 12px rgba(0,0,0,.4),0 24px 48px rgba(0,0,0,.45)}}:root[data-theme=dark]{--accent:#6fae74;--accent-ink:#0c130d;--bg:#0e130f;--surface:#151b16;--surface-2:#1c241d;--fg:#e9efe9;--fg-soft:#c3ccc4;--muted:#8f9b91;--border:#262f27;--shadow:0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.3);--shadow-lg:0 4px 12px rgba(0,0,0,.4),0 24px 48px rgba(0,0,0,.45)}*{box-sizing:border-box}html{scroll-behavior:smooth}body,html{padding:0;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Pretendard,Segoe UI,Malgun Gothic,Noto Sans KR,Roboto,sans-serif;color:var(--fg);background:var(--bg);line-height:1.7;-webkit-font-smoothing:antialiased;letter-spacing:-.01em}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}::selection{background:color-mix(in srgb,var(--accent) 26%,transparent)}.container{max-width:var(--maxw);margin:0 auto;padding:0 22px}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:var(--bg);border-bottom:1px solid var(--border)}.site-header .row{display:flex;align-items:center;justify-content:space-between;height:var(--nav-h);gap:16px}.brand{font-size:21px;font-weight:800;letter-spacing:-.03em;color:var(--fg);display:inline-flex;align-items:center;gap:8px;min-width:0;overflow:hidden}.brand .dot{width:10px;height:10px;border-radius:50%;background:var(--accent);flex-shrink:0}.brand-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand .brand-mark{display:none;width:30px;height:30px;border-radius:8px;object-fit:cover;flex-shrink:0}.brand--logo .dot{display:none}.brand--logo .brand-mark{display:block}.brand--logo .brand-name{color:var(--brand-wm,var(--fg));font-weight:800}.header-actions{flex-shrink:0}.nav{display:flex;gap:4px;align-items:center;min-width:0;overflow-x:auto;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav a{color:var(--fg-soft);font-size:14.5px;font-weight:500;padding:8px 12px;border-radius:999px;transition:background .15s,color .15s;white-space:nowrap}.nav a:hover{background:var(--surface-2);color:var(--fg)}.icon-btn{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:999px;border:1px solid var(--border);background:var(--bg);color:var(--fg-soft);cursor:pointer;transition:background .15s}.icon-btn:hover{background:var(--surface-2)}.hamburger,.mobile-panel{display:none}main{min-height:62vh;padding:40px 0 20px}.section{margin-bottom:44px}.section-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:18px;gap:12px}.section-title{font-size:15px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--muted);margin:0}h1.page-title{font-size:clamp(28px,4vw,40px);font-weight:800;letter-spacing:-.03em;margin:0 0 8px}.page-desc{color:var(--muted);margin:0 0 28px;font-size:16px}.hero{position:relative;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--border);background:var(--surface)}.hero a{display:grid;grid-template-columns:1.15fr 1fr;min-height:320px}.hero-img{background-size:cover;background-position:50%;min-height:220px}.hero-body{padding:34px;display:flex;flex-direction:column;justify-content:center;gap:12px}.hero-body h2{font-size:clamp(24px,3.2vw,34px);font-weight:800;letter-spacing:-.03em;line-height:1.2;margin:0}.hero-body p{color:var(--fg-soft);margin:0;font-size:16px}.hero:hover h2{color:var(--accent)}.hero.hero-text a{grid-template-columns:1fr;min-height:0}.hero-banner{display:block;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--border)}.hero-banner img{display:block;width:100%;height:auto}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:24px;gap:24px}.post-list{gap:2px}.card,.post-list{display:flex;flex-direction:column}.card{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--bg);box-shadow:var(--shadow);transition:transform .18s ease,box-shadow .18s ease,border-color .18s}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.card-thumb{aspect-ratio:16/9;background:var(--surface-2);background-size:cover;background-position:50%}.card-body{padding:18px 20px 22px;display:flex;flex-direction:column;gap:8px;flex:1 1}.card-title{font-size:19px;font-weight:700;letter-spacing:-.02em;line-height:1.35;margin:0}.card:hover .card-title{color:var(--accent)}.card-summary{color:var(--muted);font-size:14.5px;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-meta{color:var(--muted);font-size:12.5px;display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:auto;padding-top:6px}.post-card{display:flex;gap:18px;padding:22px 0;border-bottom:1px solid var(--border);align-items:flex-start}.post-card:hover .post-card-title{color:var(--accent)}.post-card-thumb{width:160px;aspect-ratio:16/10;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;background:var(--surface-2)}.post-card-main{min-width:0;flex:1 1}.post-card-title{font-size:20px;font-weight:700;letter-spacing:-.02em;margin:0 0 6px;line-height:1.35}.post-card-summary{color:var(--muted);margin:6px 0 0;font-size:15px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-card-meta{color:var(--muted);font-size:13px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.badge{display:inline-flex;align-items:center;background:var(--surface-2);border-radius:999px;padding:3px 11px;font-size:12px;font-weight:600;color:var(--fg-soft);letter-spacing:-.01em}.badge.accent{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent)}.chip-row{display:flex;gap:8px;flex-wrap:wrap}.chip{display:inline-flex;padding:7px 14px;border:1px solid var(--border);border-radius:999px;font-size:13.5px;font-weight:600;color:var(--fg-soft);background:var(--bg);transition:all .15s}.chip:hover{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.article{max-width:var(--readw);margin:0 auto}.article-wide{max-width:900px;margin:0 auto}.breadcrumb{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--muted);margin-bottom:16px;flex-wrap:wrap}.breadcrumb a:hover{color:var(--accent)}.article-header h1{font-size:clamp(28px,4.5vw,44px);font-weight:800;letter-spacing:-.035em;line-height:1.18;margin:0 0 14px}.article-meta{color:var(--muted);font-size:14px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}.article-meta .avatar{width:26px;height:26px;border-radius:50%;background:var(--accent);color:var(--accent-ink);display:inline-grid;place-items:center;font-size:12px;font-weight:700}.cover{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius);margin:24px 0 8px;box-shadow:var(--shadow)}.article-body{font-size:17.5px;color:var(--fg-soft)}.article-body>:first-child{margin-top:0}.article-body h2{margin:40px 0 14px;font-size:25px;letter-spacing:-.02em}.article-body h2,.article-body h3{font-weight:700;color:var(--fg);scroll-margin-top:84px}.article-body h3{margin:28px 0 10px;font-size:20px}.article-body p{margin:0 0 18px}.article-body a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.article-body pre{background:#0d1117;color:#e6edf3;padding:16px 18px;border-radius:var(--radius-sm);overflow-x:auto;font-size:14px}.article-body code{background:var(--surface-2);padding:2px 6px;border-radius:5px;font-size:.9em}.article-body pre code{background:none;padding:0}.article-body blockquote{border-left:3px solid var(--accent);margin:20px 0;padding:6px 18px;color:var(--muted);background:var(--surface);border-radius:0 8px 8px 0}.article-body img{border-radius:var(--radius-sm);margin:16px 0}.article-body ol,.article-body ul{padding-left:24px;margin:0 0 18px}.article-body li{margin:6px 0}.article-body hr{border:none;border-top:1px solid var(--border);margin:32px 0}.toc{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px;margin:0 0 28px}.toc strong{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.toc ul{margin:10px 0 0;padding-left:16px;font-size:14.5px;line-height:2}.toc a{color:var(--fg-soft)}.toc a:hover{color:var(--accent)}.like-btn{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--border);background:var(--bg);border-radius:999px;padding:11px 24px;cursor:pointer;font-size:15px;font-weight:600;color:var(--fg-soft);transition:all .15s}.like-btn.on,.like-btn:hover{border-color:var(--accent)}.like-btn.on{color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,transparent)}.comments{margin-top:48px;padding-top:32px}.comment,.comments{border-top:1px solid var(--border)}.comment{padding:16px 0}.comment.reply,.comment:first-of-type{border-top:none}.comment.reply{margin-left:32px;padding-left:16px;border-left:2px solid var(--border)}.comment-head{display:flex;gap:10px;align-items:baseline;font-size:13px;color:var(--muted)}.comment-author{font-weight:700;color:var(--fg)}.comment-body{margin:7px 0;white-space:pre-wrap;color:var(--fg-soft)}.comment-actions{font-size:12px;color:var(--muted);display:flex;gap:14px}.comment-actions button{background:none;border:none;color:var(--muted);cursor:pointer;padding:0;font-size:12px;font-weight:600}.comment-actions button:hover{color:var(--accent)}.pagination{display:flex;gap:6px;justify-content:center;margin:44px 0;flex-wrap:wrap}.pagination a,.pagination span{min-width:40px;text-align:center;padding:9px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px;font-weight:600;color:var(--fg-soft)}.pagination a:hover{border-color:var(--accent);color:var(--accent)}.pagination .cur{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}input:not([type=checkbox]):not([type=radio]),select,textarea{font-family:inherit;font-size:15px;padding:11px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;background:var(--bg);color:var(--fg);transition:border-color .15s,box-shadow .15s}input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent)}textarea{resize:vertical}label{display:block;font-size:13px;color:var(--muted);margin:16px 0 6px}.btn,label{font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--accent);color:var(--accent-ink);border:none;border-radius:var(--radius-sm);padding:11px 22px;font-size:15px;cursor:pointer;transition:filter .15s,transform .1s}.btn:hover{filter:brightness(1.06)}.btn:active{transform:translateY(1px)}.btn.secondary{background:var(--bg);color:var(--fg);border:1px solid var(--border)}.btn.secondary:hover{background:var(--surface-2);filter:none}.btn.danger{background:#c0392b;color:#fff}.btn:disabled{opacity:.55;cursor:not-allowed}.notice{border:1px dashed var(--border);border-radius:var(--radius);padding:20px;font-size:14.5px;color:var(--muted)}.ad-slot,.notice{background:var(--surface);text-align:center}.ad-slot{margin:32px 0;min-height:90px;border-radius:var(--radius-sm);display:grid;place-items:center;overflow:hidden}.ad-slot:empty:after{content:"광고";color:var(--muted);font-size:12px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-gap:40px;gap:40px;align-items:start}.layout.layout-left{grid-template-columns:300px minmax(0,1fr)}.layout.layout-left .sidebar{order:-1}.layout.layout-nosb{display:block}.layout-main{min-width:0}.sidebar{display:flex;flex-direction:column;gap:20px;position:-webkit-sticky;position:sticky;top:calc(var(--nav-h) + 20px)}.widget{border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;background:var(--bg)}.widget-title{font-size:13px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}.widget-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;counter-reset:none}.widget-list li a{display:flex;gap:11px;align-items:flex-start;padding:7px 0}.widget-list .rank{flex-shrink:0;width:22px;height:22px;border-radius:7px;background:var(--surface-2);color:var(--accent);font-size:12px;font-weight:800;display:grid;place-items:center}.widget-list .wl-title{font-size:14px;font-weight:600;line-height:1.45;color:var(--fg-soft);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.widget-list li a:hover .wl-title{color:var(--accent)}.widget-cats{list-style:none;margin:0;padding:0}.widget-cats li a{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 0;font-size:14.5px;font-weight:600;color:var(--fg-soft);border-bottom:1px solid var(--border)}.widget-cats li:last-child a{border-bottom:none}.widget-cats li a:hover{color:var(--accent)}.widget-cats .cat-count{flex-shrink:0;min-width:22px;text-align:center;font-size:12px;font-weight:700;color:var(--fg-soft);background:var(--surface-2);border-radius:7px;padding:1px 7px}.nf-banner{display:flex;gap:14px;align-items:center;text-decoration:none;background:linear-gradient(140deg,#2f5d34,#1c3a20);color:#eaf3ea;border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);transition:transform .18s ease,box-shadow .18s ease}.nf-banner:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.nf-banner img{flex-shrink:0}.nf-banner-body strong{display:block;font-size:17px;font-weight:800;letter-spacing:-.02em}.nf-banner-body p{margin:4px 0 8px;font-size:13px;line-height:1.5;color:rgba(234,243,234,.82)}.nf-cta{display:inline-block;font-size:13px;font-weight:700;color:#bfe3c3}.nf-banner-wide{max-width:none;margin:40px 0}.nf-banner-wide .nf-banner-body strong{font-size:20px}.nf-banner-wide .nf-banner-body p{font-size:14.5px}.site-footer{border-top:1px solid var(--border);margin-top:72px;padding:40px 0;color:var(--muted);font-size:14px;background:var(--surface)}.footer-row{justify-content:space-between;gap:20px;align-items:center}.footer-links,.footer-row{display:flex;flex-wrap:wrap}.footer-links{gap:16px}.footer-links a:hover{color:var(--accent)}.admin-wide{width:min(1300px,95vw);position:relative;left:50%;transform:translateX(-50%)}.admin-shell{display:flex;gap:24px}.admin-nav{width:190px;flex-shrink:0}.admin-nav a{display:block;padding:9px 14px;border-radius:var(--radius-sm);color:var(--muted);font-size:14px;font-weight:600}.admin-nav a:hover{background:var(--surface-2);color:var(--fg)}.admin-main{flex:1 1;min-width:0}table{width:100%;border-collapse:collapse;font-size:14px}td,th{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border)}th{font-size:12px;text-transform:uppercase;letter-spacing:.03em;color:var(--muted)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));grid-gap:12px;gap:12px;margin-bottom:28px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.stat-card .n{font-size:28px;font-weight:800;color:var(--accent);letter-spacing:-.02em}.stat-card .l{font-size:13px;color:var(--muted);margin-top:2px}.guide{max-width:820px}.guide h2{font-size:22px;margin:36px 0 12px;letter-spacing:-.02em}.guide h3{font-size:17px;margin:24px 0 8px}.guide li,.guide p{color:var(--fg-soft);font-size:15.5px}.guide ol,.guide ul{padding-left:22px}.guide li{margin:7px 0}.guide .step{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px 22px;margin:14px 0}.guide kbd{background:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:1px 7px;font-size:13px;font-weight:600}@media (max-width:940px){.layout{grid-template-columns:1fr;gap:32px}.sidebar{position:static;flex-direction:row;flex-wrap:wrap}.sidebar>*{flex:1 1 260px}.nf-banner{flex-basis:100%}}@media (max-width:860px){.hero a{grid-template-columns:1fr}.hero-img{min-height:200px;aspect-ratio:16/9}.hero-body{padding:24px}.admin-shell{flex-direction:column}.admin-nav{width:100%;display:flex;gap:6px;overflow-x:auto;padding-bottom:4px}.admin-nav a{white-space:nowrap}}@media (max-width:720px){main{padding:24px 0 12px}.desktop-only,.nav{display:none}.brand .brand-mark{display:block}.brand .dot,.brand-name{display:none}.brand--logo .brand-name{display:inline}.hamburger{display:inline-grid}.mobile-panel.open{display:block;position:fixed;top:var(--nav-h);left:0;right:0;height:calc(100vh - var(--nav-h));background:var(--bg);z-index:49;padding:20px 22px;overflow-y:auto}.mobile-panel.open a{display:block;padding:14px 4px;font-size:18px;font-weight:600;border-bottom:1px solid var(--border)}.post-card{gap:14px}.post-card-thumb{width:108px}.post-card-title{font-size:17px}.card-grid{grid-template-columns:1fr;gap:18px}.comment.reply{margin-left:14px}}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}