document.addEventListener('DOMContentLoaded', function(){


  const btn = document.querySelector('.mo_menu_btn');
  const side = document.querySelector('.mo_side');
  const overlay = document.querySelector('.mo_overlay');
  const back = document.querySelector('.side_back');


  // 🔹 ¸ð¹ÙÀÏ ¸Þ´º ¿­±â
  btn.addEventListener('click', function(){
    side.style.left = "0";
    overlay.style.display = "block";
  });


  // 🔹 ¸ð¹ÙÀÏ ¸Þ´º ´Ý±â (X ¹öÆ° Ŭ¸¯)
  back.addEventListener('click', function(){
    side.style.left = "-280px";
    overlay.style.display = "none";
  });


  // 🔹 ¸ð¹ÙÀÏ ¸Þ´º ´Ý±â (¹è°æ ¿À¹ö·¹ÀÌ Å¬¸¯)
  overlay.addEventListener('click', function(){
    side.style.left = "-280px";
    overlay.style.display = "none";
  });


  // 🔹 ¾ÆÄÚµð¾ð ¼­ºê¸Þ´º Á¦¾î
  document.querySelectorAll('.menu_main').forEach(function(el){
    el.addEventListener('click', function(){
      const sub = this.nextElementSibling;


      // Ŭ¸¯ÇÑ ¸Þ´º ¿Ü¿¡ ´Ù¸¥ ¼­ºê¸Þ´º´Â ¸ðµÎ ´Ý±â
      document.querySelectorAll('.menu_sub').forEach(s => {
        if(s !== sub) s.style.display = 'none';
      });


      // ÇöÀç Ŭ¸¯ÇÑ ¼­ºê¸Þ´º Åä±Û (¿­¸²/´ÝÈû)
      sub.style.display = (sub.style.display === 'block') ? 'none' : 'block';
    });
  });


});