.dcent-blog-list{background:#fff;padding:31px 16px 80px;font-family:var( --dcent-font-en-body, "Funnel Sans", "Pretendard", system-ui, sans-serif )}.dcent-blog-list__inner{max-width:1400px;margin:0 auto}.dcent-blog-list__title{margin:0;font-size:28px;font-weight:600;letter-spacing:-1.12px;color:#000}html:has(.dcent-blog-list),body:has(.dcent-blog-list){overflow-x:clip}.dcent-blog-list__bar{position:sticky;top:calc(var(--m-header-height, 66px) - 8px + var(--dcent-hd-pinned-pt, 16px) - 8px);z-index:5;display:flex;flex-direction:column;gap:12px;margin-top:24px;margin-inline:-16px;padding:12px 16px;background:#fff}.dcent-blog-list__bar:before{content:"";position:fixed;top:0;left:0;right:0;height:var(--m-header-height, 66px);background:#fff;pointer-events:none;z-index:-1}.dcent-blog-list__chips{display:flex;gap:8px;margin:0 -16px;padding:0 16px;overflow-x:auto;scrollbar-width:none}.dcent-blog-list__chips::-webkit-scrollbar{display:none}.dcent-blog-list__chip{flex-shrink:0;white-space:nowrap;padding:10px 20px;border-radius:var(--dcent-pill-radius, 999px);background:#f4f4f4;font-size:14px;font-weight:500;letter-spacing:-.56px;color:#2b2b2b;text-decoration:none;transition:background-color .15s}.dcent-blog-list__chip:hover{background:#ececec}.dcent-blog-list__chip.is-active{background:var(--dcent-color-brand);color:var(--dcent-color-on-brand)}.dcent-blog-list__grid{display:grid;grid-template-columns:1fr;gap:16px;margin-top:32px}.dcent-blog-list__empty{margin:32px 0 0;text-align:center;font-size:20px;letter-spacing:-.4px;color:#000}.dcent-blog-list__card{display:flex;flex-direction:column;overflow:hidden;border:1px solid #ededed;text-decoration:none;transition:border-color .15s}.dcent-blog-list__card:hover{border-color:#d9d9d9}.dcent-blog-list__thumb-box{aspect-ratio:456 / 240;width:100%;overflow:hidden;background:#f1f1f1}.dcent-blog-list__thumb{width:100%;height:100%;object-fit:cover;transition:transform .3s}.dcent-blog-list__card:hover .dcent-blog-list__thumb{transform:scale(1.03)}.dcent-blog-list__body{display:flex;flex:1;flex-direction:column;gap:12px;padding:20px;border-top:1px solid #f0f0f0}.dcent-blog-list__tags{display:flex;flex-wrap:wrap;gap:6px}.dcent-blog-list__tag{white-space:nowrap;padding:4px 8px;border-radius:var(--dcent-pill-radius, 999px);background:#f3f3f3;font-size:14px;letter-spacing:-.42px;color:#000}.dcent-blog-list__card-title{display:-webkit-box;overflow:hidden;margin:8px 0 0;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:18px;font-weight:600;line-height:1.375;letter-spacing:-.72px;color:#000}.dcent-blog-list__card-date{margin-top:auto;font-size:12px;letter-spacing:-.48px;color:#0009}.dcent-blog-list__pagination{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:48px}.dcent-blog-list__pages{display:flex;align-items:center;gap:4px}.dcent-blog-list__page{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#f3f3f3;font-size:14px;font-weight:500;line-height:20px;color:#000;text-decoration:none;transition:background-color .15s}.dcent-blog-list__page:hover{background:#e9e9e9}.dcent-blog-list__page.is-active{background:#09090b;color:#fff}.dcent-blog-list__page--arrow.is-disabled{background:#fbfbfb;color:#0000004d;cursor:not-allowed}.dcent-blog-list__page--arrow.is-disabled:hover{background:#fbfbfb}.dcent-blog-list__page svg{display:block;width:18px;height:18px}@media(min-width:640px){.dcent-blog-list__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.dcent-blog-list{padding-left:40px;padding-right:40px}.dcent-blog-list__bar{margin-inline:-40px;padding-inline:40px}}@media(min-width:1024px){.dcent-blog-list{padding-top:42px;padding-bottom:160px}.dcent-blog-list__title{font-size:40px;letter-spacing:-1.6px}.dcent-blog-list__bar{top:calc(var(--m-header-height, 88px) - 16px);flex-direction:row;align-items:center;justify-content:space-between;gap:40px;margin-top:32px}.dcent-blog-list__chips{margin:0;padding:0}.dcent-blog-list__grid{grid-template-columns:repeat(3,1fr);margin-top:40px}.dcent-blog-list__body{gap:8px;padding:24px}.dcent-blog-list__card-title{font-size:22px;letter-spacing:-.88px}.dcent-blog-list__card-date{font-size:14px;letter-spacing:-.56px}.dcent-blog-list__pagination{gap:20px;margin-top:64px}.dcent-blog-list__page{width:40px;height:40px}.dcent-blog-list__page svg{width:20px;height:20px}}
/*# sourceMappingURL=/cdn/shop/t/80/assets/dcent-blog-list.css.map */