document.querySelectorAll('.tab').forEach(tab => {
tab.addEventListener('click', () => {
const target = tab.getAttribute('data-target');
// 모든 탭 비활성화
document.querySelectorAll('.tab').forEach(t => t.classList.remove('active'));
document.querySelectorAll('.tab-pane').forEach(pane => pane.classList.remove('active'));
// 클릭한 탭 활성화
tab.classList.add('active');
// 해당 콘텐츠 활성화
document.getElementById(target).classList.add('active');
});
});