document.addEventListener('DOMContentLoaded', function() {
  const familyLink = document.querySelector('.foot_nav .foot_list li.family_link');
  const familyList = document.querySelector('.foot_nav .foot_list .family_list');

  familyLink.addEventListener('click', function(event) {
    event.stopPropagation();
    familyList.style.display = (familyList.style.display === 'block') ? 'none' : 'block';
  });

  const toggleLink = document.querySelector('.foot_terms li.toggle_term');
  const termRecruit = document.querySelector('.term_recruit');

  toggleLink.addEventListener('click', function(){
    termRecruit.style.display = (termRecruit.style.display === 'block') ? 'none' : 'block';
    
    if (toggleLink.classList.contains('active')) {
      toggleLink.classList.remove('active');
    } else {
      toggleLink.classList.add('active');
    }
    window.scrollTo({
      top: document.body.scrollHeight,
      behavior: 'smooth'
    });
  });
});