const faqs = document.querySelectorAll(".faq");


faqs.forEach((faq) => {
  const btn = faq.querySelector(".faq_btn");
  const question = faq.querySelector(".faq_question");


  // ¹öÆ° Ŭ¸¯
  btn.addEventListener("click", () => toggleFaq(faq));


  // Áú¹® ¿µ¿ª Ŭ¸¯
  question.addEventListener("click", () => toggleFaq(faq));
});


function toggleFaq(faqItem) {
  const isActive = faqItem.classList.contains("active");
  removeActiveClasses();


  if (!isActive) {
    faqItem.classList.add("active");
  }
}


function removeActiveClasses() {
  document.querySelectorAll(".faq").forEach((faq) => {
    faq.classList.remove("active");
  });
}