.blog-page{--brand-blue:#4880ff;--brand-cta:#319dff;--brand-blue-600:#3a6be0;--brand-blue-050:#eef3ff;--brand-blue-100:#d9e4ff;--ink-900:#1a1a1a;--ink-700:#444;--ink-500:#666;--ink-400:#999;--line:#e0e0e0;--line-soft:#eef0f4;--bg-subtle:#f7f8fc;--bg:#fff;--radius-lg:16px;--radius-md:10px;--radius-sm:6px;--container:1200px;--read-col:720px;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,sans-serif;color:var(--ink-900);-webkit-font-smoothing:antialiased;letter-spacing:-.01em;background:var(--bg)}.blog-page *,.blog-page :after,.blog-page :before{box-sizing:border-box}.blog-page h1 em,.blog-page h1 span,.blog-page h1 strong,.blog-page h2 em,.blog-page h2 span,.blog-page h2 strong,.blog-page h3 em,.blog-page h3 span,.blog-page h3 strong,.blog-page h4 em,.blog-page h4 span,.blog-page h4 strong{font-size:inherit;font-family:inherit;line-height:inherit}.blog-page a{color:inherit;text-decoration:none}.blog-page button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}.blog-page img{max-width:100%;display:block}.blog-page main.blog-main{max-width:var(--container);margin:0 auto;padding:48px 32px 96px}.blog-page .hero{padding:8px 0 32px;text-align:center;border-bottom:1px solid var(--line);margin-bottom:40px}.blog-page .eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:var(--brand-blue);background:var(--brand-blue-050);padding:6px 14px;border-radius:999px;letter-spacing:.04em}.blog-page .eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--brand-blue)}.blog-page .hero h1{font-size:46px;line-height:1.25;font-weight:800;color:var(--ink-900);margin:18px auto 14px;letter-spacing:-.03em;max-width:780px}.blog-page .hero h1 em{font-style:normal;color:var(--brand-blue)}.blog-page .hero p{font-size:17px;line-height:1.7;color:var(--ink-500);max-width:560px;margin:0 auto 28px}.blog-page .search-wrap{max-width:560px;margin:0 auto;display:flex;align-items:center;gap:8px;background:#fff;border:1.5px solid var(--line);border-radius:12px;padding:8px 8px 8px 18px;transition:border-color .15s}.blog-page .search-wrap:focus-within{border-color:var(--brand-blue)}.blog-page .search-wrap svg{color:var(--ink-400);flex:none}.blog-page .search-wrap input{flex:1 1;border:none;outline:none;background:none;font-size:15px;font-family:inherit;color:var(--ink-900);padding:10px 4px}.blog-page .search-wrap input::placeholder{color:var(--ink-400)}.blog-page .search-wrap button{background:var(--brand-cta);color:#fff;font-weight:600;font-size:14px;padding:10px 20px;border-radius:8px}.blog-page .blog-tabs{display:flex;gap:4px;overflow-x:auto;border-bottom:1px solid var(--line);margin-bottom:28px;scrollbar-width:none}.blog-page .blog-tabs::-webkit-scrollbar{display:none}.blog-page .blog-tab{font-size:15px;font-weight:500;color:var(--ink-500);padding:14px 18px;position:relative;white-space:nowrap;transition:color .15s}.blog-page .blog-tab:hover{color:var(--ink-900)}.blog-page .blog-tab.active{color:var(--ink-900);font-weight:700}.blog-page .blog-tab.active:after{content:"";position:absolute;left:14px;right:14px;bottom:-1px;height:2px;background:var(--brand-blue)}.blog-page .blog-tab .count{font-size:12px;color:var(--ink-400);margin-left:4px;font-weight:500}.blog-page .featured{display:grid;grid-template-columns:1.4fr 1fr;grid-gap:28px;gap:28px;padding:8px 0 32px;margin-bottom:8px;cursor:pointer}.blog-page .featured .thumb{aspect-ratio:16/9;border-radius:var(--radius-lg);overflow:hidden;position:relative}.blog-page .featured-body{display:flex;flex-direction:column;justify-content:center}.blog-page .featured-body .tag-row{margin-bottom:14px}.blog-page .featured-body h2{font-size:30px;line-height:1.35;font-weight:700;color:var(--ink-900);margin:0 0 14px;letter-spacing:-.025em}.blog-page .featured-body p{font-size:16px;line-height:1.7;color:var(--ink-500);margin:0 0 20px}.blog-page .featured-body .blog-meta{font-size:13px}.blog-page .blog-tag{display:inline-flex;align-items:center;font-size:12px;font-weight:600;padding:5px 10px;border-radius:6px;letter-spacing:.02em}.blog-page .blog-tag.is-featured{background:var(--brand-blue);color:#fff}.blog-page .blog-tag.is-cat{background:var(--brand-blue-050);color:var(--brand-blue-600)}.blog-page .tag-row{display:inline-flex;gap:6px}.blog-page .blog-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--ink-400)}.blog-page .blog-meta .author{color:var(--ink-700);font-weight:600}.blog-page .blog-meta .dot-sep{width:3px;height:3px;border-radius:50%;background:var(--line)}.blog-page .thumb{position:relative;background:var(--bg-subtle);overflow:hidden}.blog-page .thumb svg.fill{width:100%;height:100%;display:block}.blog-page .thumb .thumb-label{position:absolute;left:14px;bottom:12px;font-family:JetBrains Mono,monospace;font-size:11px;color:var(--ink-500);background:hsla(0,0%,100%,.9);padding:4px 8px;border-radius:4px;letter-spacing:.02em}.blog-page .section-head{display:flex;justify-content:space-between;align-items:baseline;margin:32px 0 20px}.blog-page .section-head h2{font-size:22px;font-weight:700;color:var(--ink-900);margin:0;letter-spacing:-.02em}.blog-page .section-head .sort{font-size:13px;color:var(--ink-500)}.blog-page .section-head select{font-family:inherit;font-size:13px;font-weight:500;background:#fff;border:1px solid var(--line);border-radius:8px;padding:6px 10px;color:var(--ink-900)}.blog-page .blog-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:28px 24px;gap:28px 24px}.blog-page .post-card{display:flex;flex-direction:column;gap:14px;transition:transform .15s ease;cursor:pointer}.blog-page .post-card:hover{transform:translateY(-2px)}.blog-page .post-card:hover h3{color:var(--brand-blue)}.blog-page .post-card .thumb{aspect-ratio:16/9;border-radius:var(--radius-md)}.blog-page .post-card h3{font-size:18px;line-height:1.45;font-weight:700;color:var(--ink-900);margin:0;letter-spacing:-.015em;transition:color .15s}.blog-page .post-card p{font-size:14px;line-height:1.6;color:var(--ink-500);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-page .post-card .blog-meta{margin-top:4px;font-size:12px}.blog-page .pager{margin-top:48px;display:flex;justify-content:center;align-items:center;gap:4px}.blog-page .pager button{min-width:40px;height:40px;padding:0 12px;border-radius:8px;font-size:14px;font-weight:500;color:var(--ink-700);background:#fff;border:1px solid var(--line);transition:all .12s}.blog-page .pager button.active{background:var(--brand-blue);color:#fff;border-color:var(--brand-blue)}.blog-page .pager button:hover:not(.active):not(:disabled){border-color:var(--brand-blue);color:var(--brand-blue)}.blog-page .pager button:disabled{opacity:.4;cursor:not-allowed}.blog-page .cta-banner{margin-top:72px;background:linear-gradient(135deg,#eef3ff,#d9e4ff);border-radius:20px;padding:44px 48px;display:grid;grid-template-columns:1fr auto;grid-gap:32px;gap:32px;align-items:center;position:relative;overflow:hidden}.blog-page .cta-banner:before{content:"";position:absolute;right:-60px;bottom:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(72,128,255,.25),transparent 70%)}.blog-page .cta-banner h3{font-size:26px;font-weight:700;margin:0 0 8px;color:var(--ink-900);letter-spacing:-.02em}.blog-page .cta-banner p{font-size:15px;color:var(--ink-700);margin:0;line-height:1.6}.blog-page .article-body a.cta-btn,.blog-page .article-body a.cta-btn:visited,.blog-page .cta-btn,.blog-page .cta-btn:link,.blog-page .cta-btn:visited{background:var(--brand-cta);color:#fff!important;font-weight:700;font-size:15px;padding:14px 26px;border-radius:10px;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;transition:background .15s;text-decoration:none}.blog-page .cta-btn:hover{background:#2085e0}.blog-page .cta-btn svg{transition:transform .15s}.blog-page .cta-btn:hover svg{transform:translateX(2px)}.blog-page .detail-wrap{max-width:960px;margin:0 auto;padding:32px 32px 96px}.blog-page .breadcrumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:var(--ink-400);margin-bottom:20px}.blog-page .breadcrumb a:hover{color:var(--brand-blue)}.blog-page .breadcrumb .sep{color:var(--line)}.blog-page .breadcrumb .current{color:var(--ink-700);font-weight:500}.blog-page .detail-header{display:block;max-width:var(--read-col);margin:0 auto 32px}.blog-page .detail-header .tag-row{margin-bottom:18px}.blog-page .detail-header h1{font-size:38px;line-height:1.3;font-weight:800;color:var(--ink-900);margin:0 0 16px;letter-spacing:-.03em}.blog-page .detail-header .subtitle{font-size:18px;line-height:1.6;color:var(--ink-500);margin:0 0 28px}.blog-page .author-strip{display:flex;align-items:center;gap:14px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.blog-page .author-strip .avatar-lg{width:44px;height:44px;border-radius:50%;background:var(--brand-blue-050);color:var(--brand-blue);display:grid;place-items:center;font-weight:700;font-size:16px}.blog-page .author-strip .info{flex:1 1}.blog-page .author-strip .info .name{font-size:14px;font-weight:700;color:var(--ink-900)}.blog-page .author-strip .info .name .role{font-size:12px;font-weight:500;color:var(--brand-blue);background:var(--brand-blue-050);padding:2px 8px;border-radius:4px;margin-left:6px}.blog-page .author-strip .info .meta-line{font-size:13px;color:var(--ink-400);margin-top:2px}.blog-page .share-btns{display:flex;gap:6px}.blog-page .share-btns button{width:36px;height:36px;border-radius:50%;background:var(--bg-subtle);color:var(--ink-700);display:grid;place-items:center;transition:all .15s}.blog-page .share-btns button:hover{background:var(--brand-blue-050);color:var(--brand-blue)}.blog-page .hero-image{max-width:960px;margin:0 auto 40px;aspect-ratio:16/9;border-radius:var(--radius-lg);overflow:hidden}.blog-page .article-layout{display:block;max-width:var(--read-col);margin:0 auto}.blog-page .article-layout>:first-child,.blog-page .toc{display:none}.blog-page .toc .toc-title{font-size:11px;font-weight:700;color:var(--ink-400);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}.blog-page .toc ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.blog-page .toc li a{color:var(--ink-500);line-height:1.45;transition:color .15s;display:block}.blog-page .toc li a:hover{color:var(--ink-900)}.blog-page .toc li.active a{color:var(--brand-blue);font-weight:600}.blog-page .toc li.h3-item{padding-left:12px;font-size:12px}.blog-page .article-body{font-size:17px;line-height:1.85;color:var(--ink-700)}.blog-page .article-body h2{font-size:26px;margin:48px 0 16px;letter-spacing:-.02em;line-height:1.35}.blog-page .article-body h2,.blog-page .article-body h3{font-weight:700;color:var(--ink-900);scroll-margin-top:100px}.blog-page .article-body h3{font-size:20px;margin:32px 0 12px;letter-spacing:-.015em;line-height:1.4}.blog-page .article-body p{margin:0 0 18px}.blog-page .article-body a{color:var(--brand-blue);text-decoration:underline;-webkit-text-decoration-color:var(--brand-blue-100);text-decoration-color:var(--brand-blue-100);text-underline-offset:3px}.blog-page .article-body a:hover{-webkit-text-decoration-color:var(--brand-blue);text-decoration-color:var(--brand-blue)}.blog-page .article-body a.cta-btn{color:#fff;text-decoration:none}.blog-page .article-body ol,.blog-page .article-body ul{margin:0 0 18px;padding-left:22px}.blog-page .article-body li{margin-bottom:8px}.blog-page .article-body strong{color:var(--ink-900);font-weight:700}.blog-page .article-body blockquote{margin:24px 0;padding:16px 22px;border-left:4px solid var(--brand-blue);background:var(--bg-subtle);border-radius:0 8px 8px 0;font-size:16px;color:var(--ink-700);font-style:normal}.blog-page .article-body blockquote p:last-child{margin-bottom:0}.blog-page .article-body figure{margin:28px 0}.blog-page .article-body figure .thumb{border-radius:var(--radius-md);aspect-ratio:16/9}.blog-page .article-body figcaption{font-size:13px;color:var(--ink-400);text-align:center;margin-top:10px}.blog-page .article-body pre{background:#0f1a33;color:#e6edf5;border-radius:10px;padding:18px 20px;font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.7;overflow-x:auto;margin:24px 0}.blog-page .article-body code{background:var(--bg-subtle);border-radius:4px;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:.9em;color:var(--ink-900)}.blog-page .article-body pre code{background:none;padding:0;color:inherit;font-size:inherit}.blog-page .article-body table{width:100%;border-collapse:collapse;margin:24px 0;font-size:14px}.blog-page .article-body td,.blog-page .article-body th{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left}.blog-page .article-body th{background:var(--bg-subtle);font-weight:700;color:var(--ink-900)}.blog-page .article-body img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:20px 0}.blog-page .inline-cta{margin:36px 0;background:var(--bg-subtle);border:1px solid var(--line);border-radius:14px;padding:24px 28px;display:flex;align-items:center;gap:24px;flex-wrap:wrap}.blog-page .inline-cta .icon{width:48px;height:48px;border-radius:12px;background:var(--brand-blue-050);color:var(--brand-blue);display:grid;place-items:center;flex:none}.blog-page .inline-cta .text{flex:1 1;min-width:240px}.blog-page .inline-cta .text strong{display:block;font-size:16px;font-weight:700;color:var(--ink-900);margin-bottom:4px}.blog-page .inline-cta .text span{font-size:14px;color:var(--ink-500)}.blog-page .tag-chips{margin:36px 0 24px;display:flex;flex-wrap:wrap;gap:8px}.blog-page .tag-chips a{font-size:13px;color:var(--ink-700);background:var(--bg-subtle);padding:7px 14px;border-radius:999px;border:1px solid transparent;transition:all .15s}.blog-page .tag-chips a:hover{border-color:var(--brand-blue-100);background:var(--brand-blue-050);color:var(--brand-blue)}.blog-page .tag-chips a:before{content:"#";color:var(--brand-blue);margin-right:2px;font-weight:700}.blog-page .author-card{margin-top:32px;background:var(--bg-subtle);border-radius:16px;padding:28px;display:grid;grid-template-columns:64px 1fr;grid-gap:20px;gap:20px;align-items:start}.blog-page .author-card .avatar-xl{width:64px;height:64px;border-radius:50%;background:var(--brand-blue);color:#fff;display:grid;place-items:center;font-weight:700;font-size:22px}.blog-page .author-card h4{margin:0 0 4px;font-size:16px;font-weight:700;color:var(--ink-900)}.blog-page .author-card .role{font-size:13px;color:var(--brand-blue);font-weight:600;margin-bottom:10px}.blog-page .author-card p{margin:0;font-size:14px;color:var(--ink-500);line-height:1.65}.blog-page .prev-next{margin-top:48px;display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.blog-page .prev-next a{border:1px solid var(--line);border-radius:12px;padding:20px 22px;display:block;background:#fff;transition:border-color .15s;-webkit-tap-highlight-color:transparent}.blog-page .prev-next a>*,.blog-page .prev-next a>*>*{background:transparent!important;border:none!important;box-shadow:none!important}.blog-page .prev-next a:focus,.blog-page .prev-next a:hover{border-color:var(--brand-blue)}.blog-page .prev-next a:focus{outline:none}.blog-page .prev-next .label{font-size:12px;color:var(--ink-400);font-weight:600;letter-spacing:.04em;margin-bottom:8px;display:flex;align-items:center;gap:6px}.blog-page .prev-next .title{font-size:15px;color:var(--ink-900);font-weight:600;line-height:1.45;background:transparent;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.blog-page .prev-next .next{text-align:right}.blog-page .prev-next .next .label{justify-content:flex-end}.blog-page .related{margin-top:64px}.blog-page .related h3{font-size:22px;font-weight:700;margin:0 0 20px;color:var(--ink-900);letter-spacing:-.02em}.blog-page .related .blog-grid{grid-template-columns:repeat(3,1fr);gap:24px}@media (max-width:860px){.blog-page main.blog-main{padding:32px 20px 64px}.blog-page .detail-wrap{padding:24px 20px 64px}.blog-page .hero h1{font-size:32px}.blog-page .hero p{font-size:15px}.blog-page .featured{grid-template-columns:1fr;gap:20px}.blog-page .featured-body h2{font-size:24px}.blog-page .blog-grid{gap:24px 20px}.blog-page .blog-grid,.blog-page .related .blog-grid{grid-template-columns:repeat(2,1fr)}.blog-page .cta-banner{grid-template-columns:1fr;padding:28px;text-align:left}.blog-page .cta-banner h3{font-size:22px}.blog-page .detail-header h1{font-size:28px}.blog-page .detail-header .subtitle{font-size:16px}.blog-page .article-body{font-size:16px;line-height:1.8}.blog-page .article-body h2{font-size:22px;margin-top:36px}.blog-page .article-body h3{font-size:18px;margin-top:26px}}@media (max-width:520px){.blog-page .author-card,.blog-page .blog-grid,.blog-page .prev-next,.blog-page .related .blog-grid{grid-template-columns:1fr}.blog-page .author-card{text-align:center}.blog-page .author-card .avatar-xl{margin:0 auto}.blog-page .hero h1{font-size:28px}.blog-page .author-strip{flex-wrap:wrap}.blog-page .share-btns{margin-left:auto}}@media print{.blog-page *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.blog-page .pager,.blog-page .share-btns,.blog-page .sort{display:none!important}.blog-page .detail-wrap,.blog-page main.blog-main{padding:8mm 0!important;max-width:100%!important}.blog-page .hero{padding-top:0}.blog-page .hero h1{font-size:30px}.blog-page .featured{grid-template-columns:1.2fr 1fr;page-break-inside:avoid;break-inside:avoid}.blog-page .featured-body h2{font-size:22px}.blog-page .article-body blockquote,.blog-page .article-body figure,.blog-page .author-card,.blog-page .cta-banner,.blog-page .featured,.blog-page .inline-cta,.blog-page .post-card,.blog-page .prev-next,.blog-page .related,.blog-page .tag-chips{page-break-inside:avoid;break-inside:avoid}.blog-page .article-body h2,.blog-page .article-body h3{page-break-after:avoid;break-after:avoid}.blog-page .cta-banner{background:#eef3ff!important}.blog-page .cta-btn{background:#319dff!important;color:#fff!important}.blog-page .article-layout{max-width:var(--read-col);margin:0 auto}}