document.addEventListener('DOMContentLoaded', () => {
    const faqList = document.getElementById('faqList');

    // Qna_db.js의 데이터를 화면에 출력
    FAQ_DATA.forEach((item, index) => {
        const faqItem = document.createElement('div');
        faqItem.className = 'faq-item';
        faqItem.innerHTML = `
            <div class="faq-question">
                <span>Q. ${item.question}</span>
                <i class="fas fa-chevron-down faq-icon"></i>
            </div>
            <div class="faq-answer">
                ${item.answer}
            </div>
        `;
        
        faqItem.addEventListener('click', () => {
            const isActive = faqItem.classList.contains('active');
            // 모든 아이템 닫기 (선택 사항)
            document.querySelectorAll('.faq-item').forEach(el => el.classList.remove('active'));
            // 클릭한 것만 열기
            if (!isActive) faqItem.classList.add('active');
        });

        faqList.appendChild(faqItem);
    });
});