.blog-wide{grid-template-columns:var(--side-w) minmax(0, 1fr);column-gap:var(--side-gap);font-family:"Pretendard Site", "Pretendard Blog", var(--font-body);align-items:start;display:grid}.blog-wide .ph{grid-column:1/-1}.ph .rss{color:var(--text-2);margin-left:auto;font-size:14px}.blog-wide .main-col{grid-area:2/2;min-width:0}.blog-wide .side{top:var(--side-top);grid-area:2/1;position:sticky}.tabs{flex-wrap:wrap;gap:6px;margin-bottom:28px;display:none}.tabs a{color:var(--text-2);background:var(--surface);border-radius:999px;padding:6px 14px;font-size:14px;font-weight:600;text-decoration:none}.tabs a[aria-current]{background:var(--btn);color:var(--btn-text)}.cat-nav ul li{padding:0}.cat-nav a{width:calc(100% + 20px);color:var(--text-2);border-radius:10px;justify-content:space-between;margin:0 -10px;padding:8px 10px;text-decoration:none;display:flex}.cat-nav a:hover{color:var(--text)}.cat-nav a[aria-current]{background:var(--bg);color:var(--text);font-weight:700}.cat-nav a span:last-child{font-variant-numeric:tabular-nums}.list{margin:0;padding:0;list-style:none}.list li{border-bottom:1px solid var(--line)}.list a.item{grid-template-columns:minmax(0,1fr) 228px;align-items:center;gap:24px;padding:28px 0;text-decoration:none;display:grid}.list .chips{flex-wrap:wrap;gap:6px;display:flex}.list .t{letter-spacing:-.01em;text-wrap:pretty;margin:8px 0 6px;font-size:20px;font-weight:700;line-height:1.45}.list a.item:hover .t{text-underline-offset:4px;text-decoration:underline}.list .s{color:var(--text-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:17px;line-height:1.6;display:-webkit-box;overflow:hidden}.pager{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-top:40px;font-size:15px;display:grid}.pager ol{gap:4px;margin:0;padding:0;list-style:none;display:flex}.pager ol a,.pager ol span{min-width:36px;height:36px;color:var(--text-2);font-variant-numeric:tabular-nums;border-radius:8px;place-items:center;text-decoration:none;display:grid}.pager ol a:hover{background:var(--surface);color:var(--text)}.pager ol span[aria-current]{background:var(--btn);color:var(--btn-text);font-weight:700}.pager-step{color:var(--text-2);text-underline-offset:3px}.pager-step.next{justify-self:end}@media (max-width:1080px){.blog-wide{grid-template-columns:minmax(0,1fr)}.blog-wide .main-col{grid-area:auto}.tabs{display:flex}.blog-wide .side{display:none}}@media (max-width:720px){.list a.item{grid-template-columns:minmax(0,1fr);gap:14px;padding:24px 0}.list .th{order:-1}.list .t{font-size:19px}.pager{grid-template-columns:1fr 1fr}.pager ol{flex-wrap:wrap;grid-area:1/1/auto/-1;justify-content:center}}
