*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--gold:#f5a623;--gold-dark:#e0921a;--gold-light:#fff8ed;--text-primary:#1a1a1a;--text-secondary:#555;--text-muted:#888;--border:#e5e5e5;--bg:#fff;--bg-gray:#f7f7f7;--header-bg:#111;--header-text:#fff;--max-width:1200px;--radius:8px;--shadow:0 2px 12px #00000014;--shadow-hover:0 6px 24px #00000021}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text-primary);font-family:Apple SD Gothic Neo,Noto Sans KR,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.container{max-width:var(--max-width);margin:0 auto;padding:0 20px}.header{background:var(--header-bg);z-index:100;position:sticky;top:0;box-shadow:0 2px 8px #0000004d}.header__top{height:60px;max-width:var(--max-width);justify-content:space-between;align-items:center;margin:0 auto;padding:0 20px;display:flex}.header__logo{color:var(--gold);letter-spacing:-.5px;align-items:center;gap:8px;font-size:1.5rem;font-weight:800;display:flex}.header__logo span{color:#fff}.header__nav{max-width:var(--max-width);-ms-overflow-style:none;scrollbar-width:none;background:#1a1a1a;align-items:center;gap:4px;margin:0 auto;padding:0 20px;display:flex;overflow-x:auto}.header__nav::-webkit-scrollbar{display:none}.header__nav a{white-space:nowrap;color:#ccc;border-bottom:2px solid #0000;padding:10px 14px;font-size:.875rem;font-weight:500;transition:color .2s,border-color .2s}.header__nav a:hover,.header__nav a.active{color:var(--gold);border-bottom-color:var(--gold)}.header__menu-btn{color:#fff;padding:4px;display:none}.category-bar{background:var(--gold-light);border-bottom:2px solid var(--gold);padding:8px 20px}.category-bar .container{-ms-overflow-style:none;scrollbar-width:none;align-items:center;gap:8px;display:flex;overflow-x:auto}.category-bar .container::-webkit-scrollbar{display:none}.category-filter{flex-wrap:wrap;gap:8px;padding:24px 0 8px;display:flex}.category-btn{border:1.5px solid var(--border);color:var(--text-secondary);background:#fff;border-radius:20px;padding:6px 16px;font-size:.875rem;font-weight:600;transition:all .18s}.category-btn:hover{border-color:var(--gold);color:var(--gold-dark)}.category-btn.active{background:var(--gold);border-color:var(--gold);color:#fff}.home-main{min-height:60vh;padding:0 0 60px}.posts-grid{grid-template-columns:repeat(3,1fr);gap:28px;padding:24px 0 40px;display:grid}.empty-state{text-align:center;color:var(--text-muted);grid-column:1/-1;padding:80px 20px}.empty-state h2{color:var(--text-secondary);margin-bottom:8px;font-size:1.25rem}.post-card{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;flex-direction:column;transition:box-shadow .2s,transform .2s;display:flex;overflow:hidden}.post-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-3px)}.post-card__thumb{aspect-ratio:16/9;object-fit:cover;background:#eee;width:100%}.post-card__thumb-placeholder{aspect-ratio:16/9;width:100%;color:var(--gold);background:linear-gradient(135deg,#1a1a1a 0%,#333 100%);justify-content:center;align-items:center;font-size:2rem;display:flex}.post-card__body{flex-direction:column;flex:1;padding:16px;display:flex}.post-card__category{color:var(--gold-dark);background:var(--gold-light);text-transform:uppercase;letter-spacing:.5px;border-radius:4px;margin-bottom:8px;padding:2px 8px;font-size:.72rem;font-weight:700;display:inline-block}.post-card__title{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;margin-bottom:10px;font-size:1rem;font-weight:700;line-height:1.45;display:-webkit-box;overflow:hidden}.post-card__meta{color:var(--text-muted);align-items:center;gap:10px;font-size:.78rem;display:flex}.post-card__meta svg{width:13px;height:13px}.summary-box{border:2px solid var(--gold);border-radius:var(--radius);background:linear-gradient(135deg,#fffbf0 0%,#fff8e1 100%);margin:28px 0;padding:24px 28px}.summary-box__header{color:var(--gold-dark);border-bottom:1px solid #f0d080;align-items:center;gap:8px;margin-bottom:14px;padding-bottom:10px;font-size:1rem;font-weight:800;display:flex}.summary-box__header svg{width:20px;height:20px;color:var(--gold)}.summary-box__list{flex-direction:column;gap:8px;list-style:none;display:flex}.summary-box__list li{color:var(--text-primary);align-items:flex-start;gap:10px;font-size:.95rem;line-height:1.55;display:flex}.summary-box__list li:before{content:"✓";color:var(--gold);flex-shrink:0;margin-top:1px;font-weight:700}.post-detail{max-width:780px;margin:0 auto;padding:40px 20px 80px}.post-detail__back{color:var(--text-muted);align-items:center;gap:6px;margin-bottom:24px;font-size:.875rem;transition:color .15s;display:inline-flex}.post-detail__back:hover{color:var(--gold-dark)}.post-detail__category{color:var(--gold-dark);background:var(--gold-light);border-radius:4px;margin-bottom:12px;padding:3px 12px;font-size:.8rem;font-weight:700;display:inline-block}.post-detail__title{color:var(--text-primary);margin-bottom:12px;font-size:2rem;font-weight:800;line-height:1.3}.post-detail__meta{color:var(--text-muted);align-items:center;gap:16px;margin-bottom:8px;font-size:.875rem;display:flex}.post-detail__meta svg{width:14px;height:14px}.post-detail__meta-item{align-items:center;gap:5px;display:flex}.post-detail__divider{border:none;border-top:1px solid var(--border);margin:20px 0}.toc{background:var(--bg-gray);border-radius:var(--radius);border-left:4px solid var(--gold);margin:28px 0;padding:20px 24px}.toc__title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:.9rem;font-weight:700}.toc__list{flex-direction:column;gap:6px;list-style:none;display:flex}.toc__list li a{color:var(--text-secondary);align-items:flex-start;gap:8px;font-size:.9rem;transition:color .15s;display:flex}.toc__list li a:hover{color:var(--gold-dark)}.toc__list li a:before{content:attr(data-num);color:var(--gold);flex-shrink:0;margin-top:2px;font-size:.8rem;font-weight:700}.post-body{color:var(--text-primary);margin:28px 0;line-height:1.85}.post-body h2{border-bottom:2px solid var(--gold-light);color:var(--text-primary);margin:40px 0 16px;padding-bottom:10px;font-size:1.45rem;font-weight:800}.post-body h3{color:var(--text-primary);margin:28px 0 12px;font-size:1.15rem;font-weight:700}.post-body p{margin-bottom:16px;font-size:1rem}.post-body ul,.post-body ol{margin:16px 0 16px 20px}.post-body li{margin-bottom:8px;font-size:1rem}.post-body strong{color:var(--text-primary);font-weight:700}.post-body blockquote{border-left:4px solid var(--gold);background:var(--gold-light);border-radius:0 var(--radius) var(--radius) 0;color:var(--text-secondary);margin:20px 0;padding:12px 20px;font-style:italic}.post-body table{border-collapse:collapse;width:100%;margin:20px 0;font-size:.9rem}.post-body th{color:#fff;text-align:left;background:#1a1a1a;padding:10px 14px;font-weight:600}.post-body td{border-bottom:1px solid var(--border);padding:10px 14px}.post-body tr:nth-child(2n) td{background:var(--bg-gray)}.faq{border-top:2px solid var(--border);margin:40px 0;padding-top:28px}.faq__title{align-items:center;gap:8px;margin-bottom:20px;font-size:1.3rem;font-weight:800;display:flex}.faq__title svg{color:var(--gold);width:22px;height:22px}.faq__item{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:10px;overflow:hidden}.faq__question{text-align:left;width:100%;color:var(--text-primary);background:#fff;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;font-size:.975rem;font-weight:600;transition:background .15s;display:flex}.faq__question:hover{background:var(--bg-gray)}.faq__question svg{color:var(--gold);flex-shrink:0;width:18px;height:18px;transition:transform .2s}.faq__question.open svg{transform:rotate(180deg)}.faq__answer{max-height:0;color:var(--text-secondary);padding:0 20px;font-size:.95rem;line-height:1.7;transition:max-height .3s,padding .3s;overflow:hidden}.faq__answer.open{max-height:400px;padding:4px 20px 18px}.cta-box{text-align:center;background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 100%);border-radius:12px;margin:40px 0 20px;padding:36px 32px;position:relative;overflow:hidden}.cta-box:before{content:"";background:linear-gradient(90deg, var(--gold), #ff8c00);height:3px;position:absolute;top:0;left:0;right:0}.cta-box__subtitle{color:#aaa;letter-spacing:.5px;margin-bottom:8px;font-size:.85rem}.cta-box__title{color:#fff;margin-bottom:8px;font-size:1.35rem;font-weight:800}.cta-box__desc{color:#bbb;margin-bottom:24px;font-size:.9rem;line-height:1.6}.cta-box__btn{background:linear-gradient(90deg, var(--gold), #ff8c00);color:#fff;border-radius:8px;align-items:center;gap:8px;padding:14px 32px;font-size:1rem;font-weight:800;transition:opacity .2s,transform .2s;display:inline-flex;box-shadow:0 4px 16px #f5a62359}.cta-box__btn:hover{opacity:.92;transform:translateY(-1px)}.footer{color:#888;background:#111;padding:40px 20px;font-size:.85rem}.footer__inner{max-width:var(--max-width);flex-direction:column;gap:16px;margin:0 auto;display:flex}.footer__logo{color:var(--gold);font-size:1.2rem;font-weight:800}.footer__logo span{color:#fff}.footer__desc{color:#666;max-width:500px;line-height:1.6}.footer__links{flex-wrap:wrap;gap:16px;display:flex}.footer__links a{color:#666;transition:color .15s}.footer__links a:hover{color:var(--gold)}.footer__copy{color:#444;border-top:1px solid #222;padding-top:16px}.breadcrumb{color:var(--text-muted);align-items:center;gap:6px;margin-bottom:20px;font-size:.8rem;display:flex}.breadcrumb a{color:var(--text-muted);transition:color .15s}.breadcrumb a:hover{color:var(--gold-dark)}.breadcrumb__sep{font-size:.7rem}.not-found{text-align:center;padding:100px 20px}.not-found__code{color:var(--gold);font-size:6rem;font-weight:900;line-height:1}.not-found__title{margin:16px 0 8px;font-size:1.5rem;font-weight:700}.not-found__desc{color:var(--text-muted);margin-bottom:28px}.btn-primary{background:var(--gold);color:#fff;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-weight:700;transition:background .15s;display:inline-flex}.btn-primary:hover{background:var(--gold-dark)}.page-hero{border-bottom:3px solid var(--gold);background:linear-gradient(135deg,#111 0%,#1e1e1e 100%);padding:36px 20px}.page-hero__inner{max-width:var(--max-width);margin:0 auto}.page-hero__title{color:#fff;font-size:2rem;font-weight:900}.page-hero__title span{color:var(--gold)}.page-hero__desc{color:#aaa;margin-top:6px;font-size:.95rem}.post-detail__thumb{aspect-ratio:16/8;object-fit:cover;border-radius:var(--radius);width:100%;margin-bottom:28px}.post-detail__thumb-placeholder{aspect-ratio:16/8;border-radius:var(--radius);width:100%;color:var(--gold);background:linear-gradient(135deg,#1a1a1a 0%,#333 100%);justify-content:center;align-items:center;margin-bottom:28px;font-size:3rem;display:flex}@media (width<=1024px){.posts-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.header__nav{display:none}.header__nav.open{z-index:99;background:#1a1a1a;flex-direction:column;gap:0;padding:8px 0;display:flex;position:absolute;top:60px;left:0;right:0}.header__nav.open a{border-bottom:1px solid #2a2a2a;padding:12px 20px}.header__menu-btn{display:block}.posts-grid{grid-template-columns:1fr;gap:18px}.post-detail__title{font-size:1.5rem}.cta-box{padding:24px 20px}.page-hero__title{font-size:1.4rem}}@media (width<=480px){.summary-box{padding:18px 16px}.post-detail{padding:24px 16px 60px}}