$(document).ready(function () {


    //메인 navi 슬라이드업
    $('.submenu > a').mouseenter(function () {
        if ($(this).not($(this).hasClass('on'))) {
            $('.submenuul').slideUp();
            $(this).next().slideToggle();
            $('.submenuul').removeClass('on');
            $(this).parent().addClass('on');
        }
    });
    $('.main-nav').mouseleave(function () {
        $(this).find('li ul').slideUp();
    });

    //Main Menu
    $('.main-nav ul li:has(ul)').addClass('submenu');
    $('.main-nav ul li:has(ul)').append("<i></i>");
    $('.main-nav ul i').click(function () {
        $(this).parent('li').toggleClass('open');
        $(this).parent('li').children('ul').slideToggle();
    })



    //Mobile Menu
    $('.mob-btn').click(function () {
        $('#header').addClass('header_scroll');
        $('html').addClass('show');

    });
    $('.overlay').click(function () {
        $('#header').removeClass('header_scroll');
        $('html').removeClass('show');
    })
    //    $('.mob-btn').click(function () {
    //        if (!$('html').hasClass('show')) {
    //            $('html').addClass('show');
    //        } else {
    //            $('html').removeClass('show');
    //        }
    //    });
    //
    //    $('.overlay').click(function () {
    //        if ($('html').hasClass('show')) {
    //            $('html').removeClass('show');
    //        }
    //    });
    //
    //    Append and Prepend
    //    $('.first ul').clone().prependTo('.main-nav').addClass('desk-hide')
    //    $('.last ul').clone().appendTo('.main-nav').addClass('desk-hide')


    $('.submenu > a').mouseenter(function () {
        if ($(this).not($(this).hasClass('on'))) {
            $('.submenuul').slideUp();
            $(this).next().slideToggle();
            $('.submenuul').removeClass('on');
            $(this).parent().addClass('on');
        }
    });
    $('.main-nav').mouseleave(function () {
        $(this).find('li ul').slideUp();
    });

    //Main Menu
    $('.main-nav ul li:has(ul)').addClass('submenu');
    $('.main-nav ul li:has(ul)').append("<i></i>");
    $('.main-nav ul i').click(function () {
        $(this).parent('li').toggleClass('open');
        $(this).parent('li').children('ul').slideToggle();
    })

    $('nav').mouseenter(function () {
        $('#header').addClass('over');
    });
    $('nav').mouseleave(function () {
        $('#header').removeClass('over');
    });





    //Mobile Menu
    $('.mob-btn').click(function () {
        $('html').addClass('show');
    });
    $('.overlay').click(function () {
        $('html').removeClass('show');
    })

    

    $(".lang_button").click(function(){
        $('.lang_button > ul > li > ul').slideToggle();
    });




});


const menuButton = document.querySelector(".menu-button");
const menuOverlay = document.querySelector(".menu-overlay");
const baseMenu = document.querySelector("#header");

menuButton.addEventListener("click", function () {
  menuButton.classList.toggle("active");
  menuOverlay.classList.toggle("open");
  baseMenu.classList.toggle("over");
});