/* Board Default Styles */
.container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
.btn { display: inline-block; padding: 6px 12px; border-radius: 4px; text-decoration: none; font-size: 14px; }
.btn-primary { background: #333; color: #fff; }

/* 카테고리 탭 스타일 */
.k1-category-tabs { display: flex; gap: 8px; margin-bottom: 30px; flex-wrap: wrap; }
.k1-category-tab { 
    display: inline-block; padding: 8px 20px; font-size: 14px; color: #666; 
    background: #f8f9fa; border: 1px solid #eee; border-radius: 30px; 
    text-decoration: none; transition: all 0.3s ease; font-weight: 500;
}
.k1-category-tab:hover { background: #fff; border-color: var(--c-primary); color: var(--c-primary); transform: translateY(-2px); box-shadow: 0 4px 10px rgba(0,0,0,0.05); }
.k1-category-tab.active { background: var(--c-primary); border-color: var(--c-primary); color: #fff; font-weight: 700; box-shadow: 0 4px 12px rgba(231,76,60,0.2); }

/* 분류 배지 스타일 */
.k1-category-badge {
    display: inline-block; padding: 2px 8px; font-size: 11px; font-weight: 700;
    border-radius: 4px; background: rgba(231,76,60,0.08); color: var(--c-primary);
    margin-right: 6px; vertical-align: middle;
}
.k1-category-badge.gallery { margin-bottom: 8px; }
.k1-category-badge.faq { background: #f0f0f0; color: #666; font-size: 12px; }

.table { width: 100%; border-collapse: collapse; }
.table th, .table td { border: 1px solid #eee; padding: 10px; }

/* Board Layout (Sidebar + Content) */
.board-container-wrap { display: flex; gap: 30px; align-items: flex-start; margin-top: 20px; }
.board-sidebar { width: 260px; flex-shrink: 0; background: #fff; border: 1px solid #eee; border-radius: 12px; padding: 25px; box-shadow: 0 10px 30px rgba(0,0,0,0.03); }
.board-main-content { flex: 1; min-width: 0; }
.sidebar-title { font-size: 16px; font-weight: 800; margin-bottom: 20px; color: #333; }
.sidebar-list { list-style: none; padding: 0; margin: 0; }
.sidebar-item { margin-bottom: 5px; }
.sidebar-item a { display: block; padding: 10px 15px; border-radius: 8px; text-decoration: none; font-size: 14px; color: #666; transition: all 0.2s; }
.sidebar-item a:hover, .sidebar-item a.active { background: #fff5f5; color: #e74c3c; font-weight: 800; }

@media (max-width: 768px) {
    .board-container-wrap { flex-direction: column; gap: 20px; }
    .board-sidebar { width: 100%; display: none; } /* 모바일에서는 사이드바 숨김 (헤더 메뉴로 대체) */
}