//header
$('.header .depth01').hover(
  function () {
    $('.depth02-container').show();
    $('.header').addClass('on');

    // over
  },
  function () {
    $('.depth02-container').hide();
    $('.header').removeClass('on');
    // out
  }
);

//mobile header

$('.mobile-nav .menu-btn').click(function (e) {
  e.preventDefault();
  $('.mobile-nav').addClass('on');
});

$('.mobile-nav .close-btn').click(function (e) {
  e.preventDefault();
  $('.mobile-nav').removeClass('on');
});

$(window).resize(function () {
  let wrap = $('body').width();
  if (wrap >= 1024) {
    $('.mobile-nav').removeClass('on');
  }
});

//mobile nav click
$('.mobile-nav-container .m-dept01 .m-depth01-tit').click(function () {
  // e.preventDefault();
  $('.mobile-nav-container .m-dept01 .m-depth01-tit').removeClass('on');
  $(this).addClass('on');
  $('.m-depth02-container').stop().slideUp();
  $(this).next($('.m-depth02-container')).stop().slideDown();
  console.log('클릭중');
});