/* ── 블로그 전용 CSS ── */
:root{--bc-bg:#fff;--bc-main:#111827;--bc-muted:#6B7280;--bc-light:#9CA3AF;--bc-primary:#2563EB;--bc-border:#E5E7EB;--bc-width:1080px;}
.blog-content{width:100%;background:#fff;}
.blog-content a{text-decoration:none;color:inherit;}
.blog-content ul,.blog-content li{list-style:none;margin:0;padding:0;}
.blog-content button{cursor:pointer;border:none;background:none;}
.blog-content .inner-container{max-width:var(--bc-width);margin:0 auto;padding:0 20px;}
.blog-content .hero-header{padding-top:100px;margin-bottom:64px;position:relative;z-index:1;}
.blog-content .hero-header::after{content:'BLOG';position:absolute;right:20px;bottom:4px;font-size:160px;font-weight:900;font-family:'Poppins','Roboto',sans-serif;color:rgba(17,24,39,0.07);letter-spacing:-0.03em;pointer-events:none;user-select:none;line-height:0.75;z-index:-1;}
.blog-content .hero-title{margin:0;font-size:48px;font-weight:700;line-height:1.3;letter-spacing:-.02em;color:var(--bc-main);}
.blog-content .featured-post{display:flex;align-items:center;gap:48px;margin-bottom:96px;cursor:pointer;}
.blog-content .featured-img-box{width:480px;flex-shrink:0;aspect-ratio:1/1;border-radius:16px;overflow:hidden;background:#f3f4f6;}
.blog-content .featured-img-box img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease-out;color:transparent;}
.blog-content .featured-post:hover .featured-img-box img{transform:scale(1.05);}
.blog-content .featured-text-box .badge{display:block;font-size:14px;font-weight:700;color:var(--bc-primary);margin-bottom:12px;}
.blog-content .featured-text-box .title{font-size:36px;font-weight:700;line-height:1.3;margin-bottom:20px;transition:color .2s;color:var(--bc-main);}
.blog-content .featured-post:hover .featured-text-box .title{color:var(--bc-primary);}
.blog-content .featured-text-box .meta{font-size:14px;font-weight:500;color:var(--bc-light);}
.blog-content .filter-section{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px solid var(--bc-border);margin-bottom:48px;padding-bottom:12px;gap:24px;}
.blog-content .category-nav{display:flex;gap:32px;flex-wrap:wrap;}
.blog-content .category-item{font-size:18px;font-weight:500;color:var(--bc-light);padding-bottom:16px;margin-bottom:-13px;border-bottom:3px solid transparent;cursor:pointer;transition:all .2s;}
.blog-content .category-item:hover{color:var(--bc-main);border-bottom-color:#D1D5DB;}
.blog-content .category-item.active{color:var(--bc-main);border-bottom-color:var(--bc-main);}
.blog-content .search-wrap{position:relative;width:260px;display:flex;align-items:center;}
.blog-content .search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--bc-light);}
.blog-content .search-input{width:100%;background:#F3F4F6;border:1px solid transparent;border-radius:9999px;padding:10px 40px 10px 40px;font-size:14px;color:var(--bc-main);outline:none;transition:all .2s;}
.blog-content .search-input::placeholder{color:var(--bc-light);}
.blog-content .search-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--bc-light);display:flex;align-items:center;padding:0;transition:color .2s;}
.blog-content .search-btn:hover{color:var(--bc-primary);}
.blog-content .blog-grid{display:grid;grid-template-columns:repeat(3,1fr);column-gap:32px;row-gap:64px;margin-bottom:80px;}
.blog-content .blog-card{display:flex;flex-direction:column;cursor:pointer;text-decoration:none;color:inherit;}
.blog-content .blog-card-img{width:100%;aspect-ratio:1/1;border-radius:12px;overflow:hidden;background:#F3F4F6;margin-bottom:24px;}
.blog-content .blog-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;color:transparent;}
.blog-content .blog-card:hover .blog-card-img img{transform:scale(1.05);}
.blog-content .blog-card .badge{font-size:12px;font-weight:700;color:var(--bc-muted);margin-bottom:12px;}
.blog-content .blog-card .title{font-size:20px;font-weight:700;line-height:1.4;margin-bottom:12px;transition:color .2s;color:var(--bc-main);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.blog-content .blog-card:hover .title{color:var(--bc-primary);}
.blog-content .blog-card .meta{font-size:14px;font-weight:500;color:var(--bc-light);margin-top:4px;}
.blog-content .pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-bottom:128px;}
.blog-content .page-btn,.blog-content .page-num{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;font-size:16px;font-weight:500;transition:all .2s;}
.blog-content .page-btn{border:1px solid var(--bc-border);color:var(--bc-light);}
.blog-content .page-btn:hover{background:#F9FAFB;color:var(--bc-main);}
.blog-content .page-num{color:var(--bc-muted);border:1px solid transparent;}
.blog-content .page-num:hover{background:#F3F4F6;}
.blog-content .page-num.active{background:var(--bc-main);color:#fff;font-weight:600;}
@media(max-width:1024px){.blog-content .hero-title{font-size:36px;}.blog-content .featured-post{gap:32px;}.blog-content .featured-img-box{width:360px;}.blog-content .featured-text-box .title{font-size:28px;}.blog-content .filter-section{flex-direction:column;align-items:flex-start;}.blog-content .search-wrap{width:100%;}.blog-content .blog-grid{grid-template-columns:repeat(2,1fr);gap:48px 24px;}.blog-content .hero-header::after{font-size:100px;}}
@media(max-width:768px){.blog-content .hero-title{font-size:28px;}.blog-content .featured-post{flex-direction:column;align-items:stretch;margin-bottom:64px;}.blog-content .featured-img-box{width:100%;aspect-ratio:16/9;}.blog-content .blog-grid{grid-template-columns:1fr;}.blog-content .hero-header::after{display:none;}}