:root{--color-accent: #151c28;--color-accent-hover: #234764;--color-point: #5b8dff;--color-accent-soft: #1e2736;--gradient-brand: linear-gradient(90deg, #142e48 0%, #5b8dff 100%);--gradient-brand-on-ink: linear-gradient(90deg, #1b3d5e 0%, #3d6bd6 100%);--color-accent-tint: #eef2fc;--color-ink: #151c28;--color-ink-strong: #1b1a17;--color-ink-black: #0a0b0d;--color-ink-soft: #34495c;--color-bg: #ffffff;--color-bg-sand: #eff2f5;--color-bg-surface-2: #f3f4f6;--color-bg-surface-3: #f8fafc;--color-bg-surface-4: #eef2f5;--color-bg-cream: #f5f3f0;--color-bg-blue: #f4f8ff;--color-bg-ink: #151c28;--color-text: #2b323c;--color-text-muted: #8a8f91;--color-text-soft: #59616d;--color-text-subtle: #9a9ea4;--color-on-ink: #c3c5c9;--color-on-ink-muted: #a6adb5;--color-kakao: #fee500;--color-kakao-hover: #f2da00;--color-kakao-ink: #191600;--color-naver: #03c75a;--color-naver-hover: #02b350;--color-danger: #dc2626;--color-required: #e0413a;--color-border: #dcdcd9;--color-border-soft: #e5e7eb;--color-border-strong: #d3d4d7;--color-border-ink: rgba(255, 255, 255, .12);--font-sans: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, "Apple SD Gothic Neo", sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-md: 18px;--font-size-lg: 20px;--font-size-xl: 24px;--font-size-2xl: 34px;--font-size-3xl: 34px;--font-size-4xl: 40px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-snug: 1.4;--line-height-normal: 1.6;--line-height-relaxed: 1.8;--tracking-tight: -.02em;--tracking-normal: -.01em;--tracking-wide: .12em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--section-y: 56px;--section-x: 20px;--header-h: 56px;--content-width: 760px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 22px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(27, 42, 65, .06);--shadow-md: 0 6px 20px rgba(27, 42, 65, .08);--shadow-lg: 0 16px 40px rgba(27, 42, 65, .12);--transition-fast: .15s ease;--transition-base: .24s ease;--z-header: 100;--z-dropdown: 200}@media(min-width:901px){:root{--header-h: 54px}}@media(min-width:1440px){:root{--section-y: 112px;--font-size-3xl: 44px;--font-size-4xl: 60px}}.page-hero{position:relative;padding-block:56px 72px;background:var(--color-bg)}.page-hero:before{content:"";position:absolute;inset:0;z-index:0;background-image:url(../../images/subhero-bg.webp);background-image:image-set(url(../../images/subhero-bg.avif) type("image/avif"),url(../../images/subhero-bg.webp) type("image/webp"));background-position:right center;background-size:cover;background-repeat:no-repeat;-webkit-mask-image:linear-gradient(to bottom,#000 45%,transparent 100%);mask-image:linear-gradient(to bottom,#000 45%,transparent 100%);pointer-events:none}.page-hero>.container{position:relative;z-index:1}.page-hero--title{margin:0 0 10px;font-size:28px;font-weight:var(--font-weight-bold);line-height:1.3;letter-spacing:-.04em;color:var(--color-ink)}.page-hero--desc{margin:0;max-width:var(--content-width);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:1.5;color:var(--color-text-muted)}@media(min-width:1440px){.page-hero{padding-block:125px 56px}.page-hero--title{font-size:44px;font-weight:var(--font-weight-semibold);line-height:1.34}.page-hero--desc{max-width:480px}}.breadcrumb ol{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1)}.breadcrumb li{display:flex;align-items:center;gap:var(--space-1)}.breadcrumb li:not(:first-child):before{content:"/";color:var(--color-text-subtle)}.breadcrumb a,.breadcrumb--current{font-size:var(--font-size-sm);color:var(--color-text-muted)}.breadcrumb a:hover{color:var(--color-accent)}.breadcrumb--current{color:var(--color-text)}.post-filter--wrap{margin-top:72px;margin-bottom:var(--space-8)}.post-filter{display:flex;flex-wrap:nowrap;align-items:center;overflow-x:auto;gap:var(--space-2);scrollbar-width:none}.post-filter::-webkit-scrollbar{display:none}.post-filter--pill{display:inline-flex;align-items:center;flex-shrink:0;height:40px;padding-inline:14px;border-radius:var(--radius-full);font-weight:var(--font-weight-medium);font-size:15px;line-height:1;letter-spacing:-.02em;white-space:nowrap;background:var(--color-bg);color:var(--color-ink);border:1px solid var(--color-border);transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.post-filter--pill:hover:not(.is-active){background:var(--color-bg-sand)}.post-filter--pill.is-active{background:var(--color-accent);color:#fff;border-color:transparent}@media(min-width:1024px){.post-filter--wrap{margin-top:56px;margin-bottom:var(--space-10)}}.page-blog--list{display:grid;grid-template-columns:1fr;gap:48px;padding-block:var(--space-8)}.page-blog--empty{padding-block:var(--space-16);text-align:center;color:var(--color-text-muted)}@media(min-width:640px){.page-blog--list{grid-template-columns:repeat(2,1fr);column-gap:14px;row-gap:48px}}@media(min-width:1024px){.page-blog--list{grid-template-columns:repeat(3,1fr);column-gap:37px;row-gap:64px}}.blog-card{position:relative;display:flex;flex-direction:column}.blog-card--link{position:absolute;inset:0;z-index:1}.blog-card--thumb{aspect-ratio:350 / 197;border-radius:var(--radius-lg);overflow:hidden;background:var(--color-bg-sand)}.blog-card--img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.blog-card:hover .blog-card--img{transform:scale(1.1)}.blog-card--thumb-empty{display:block;width:100%;height:100%;background:var(--color-accent-tint)}.blog-card--body{padding-top:18px;display:flex;flex-direction:column;flex:1}.blog-card--title{margin:0 0 8px;font-size:20px;font-weight:var(--font-weight-bold);line-height:1.3;letter-spacing:-.04em;color:var(--color-ink)}@media(min-width:640px){.blog-card--title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}.blog-card--excerpt{margin:0 0 16px;color:var(--color-text);font-size:var(--font-size-base);line-height:1.5;letter-spacing:-.04em;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.blog-card--meta{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.blog-card--byline{display:flex;align-items:center;gap:6px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:24px;letter-spacing:-.02em;color:var(--color-text-subtle)}.blog-card--dot{width:2px;height:2px;border-radius:50%;background:var(--color-text-subtle);flex-shrink:0}.blog-card--author,.blog-card--cat{position:relative;z-index:2}.blog-card--author:hover{text-decoration:underline}.blog-card--cat{padding:2px 10px;border-radius:var(--radius-sm);background:var(--color-bg-sand);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:1.5;letter-spacing:-.02em;color:var(--color-ink);white-space:nowrap;transition:background var(--transition-fast)}.blog-card--cat:hover{background:var(--color-accent-tint)}.blog-pagination{display:flex;justify-content:center;padding:72px 20px 0}.blog-pagination--links{display:flex;align-items:center;gap:8px}.blog-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:1.5;letter-spacing:-.04em;text-decoration:none;border-radius:50%;color:var(--color-text-subtle)}.blog-pagination .page-numbers.current{color:var(--color-ink)}.blog-pagination .page-numbers.prev,.blog-pagination .page-numbers.next{width:36px;background:var(--color-bg-sand);color:var(--color-ink)}.blog-pagination .page-numbers.prev.is-disabled,.blog-pagination .page-numbers.next.is-disabled{background:var(--color-bg-surface-2);color:var(--color-text-subtle);cursor:default}.blog-pagination .page-numbers.dots{background:none;min-width:24px;pointer-events:none;color:transparent;background-image:radial-gradient(circle,var(--color-text-subtle) 1.5px,transparent 1.5px),radial-gradient(circle,var(--color-text-subtle) 1.5px,transparent 1.5px),radial-gradient(circle,var(--color-text-subtle) 1.5px,transparent 1.5px);background-size:3px 3px;background-position:0 50%,9px 50%,18px 50%;background-repeat:no-repeat}@media(min-width:1024px){.blog-pagination{padding:100px 20px 0}}