window.onload = function(){


  // =====================================================
  // ±âº» ¿ä¼Ò
  // =====================================================
  var openBtn = document.querySelector('.mo_menu_btn');
  var closeBtn = document.querySelector('.mo_close');
  var side = document.querySelector('.mo_side');
  var overlay = document.querySelector('.mo_overlay');


  // =====================================================
  // ¸Þ´º ¿­±â
  // =====================================================
  if(openBtn){


    openBtn.onclick = function(){


      side.style.left = '0';
      overlay.style.opacity = '1';
      overlay.style.visibility = 'visible';


    };


  }


  // =====================================================
  // ¸Þ´º ´Ý±â
  // =====================================================
  if(closeBtn){


    closeBtn.onclick = function(){


      side.style.left = '-100%';
      overlay.style.opacity = '0';
      overlay.style.visibility = 'hidden';


    };


  }


  // =====================================================
  // ¿À¹ö·¹ÀÌ ´Ý±â
  // =====================================================
  if(overlay){


    overlay.onclick = function(){


      side.style.left = '-100%';
      overlay.style.opacity = '0';
      overlay.style.visibility = 'hidden';


    };


  }


  // =====================================================
  // ¾ÆÄÚµð¾ð
  // =====================================================
  var menuButtons = document.querySelectorAll('.mo_menu > li > button');


  for(var i=0; i<menuButtons.length; i++){


    menuButtons[i].onclick = function(){


      var parent = this.parentNode;
      var subMenu = parent.querySelector('ul');


      // ´Ù¸¥ ¸Þ´º ´Ý±â
      var allMenus = document.querySelectorAll('.mo_menu > li');


      for(var j=0; j<allMenus.length; j++){


        if(allMenus[j] != parent){


          allMenus[j].classList.remove('open');


          var otherSub = allMenus[j].querySelector('ul');


          if(otherSub){
            otherSub.style.display = 'none';
          }


        }


      }


      // ÇöÀç ¸Þ´º Åä±Û
      if(subMenu.style.display == 'block'){


        subMenu.style.display = 'none';
        parent.classList.remove('open');


      }else{


        subMenu.style.display = 'block';
        parent.classList.add('open');


      }


    };


  }


};