 // ###  header.js  ###
// 헤더의 동작을 구현합니다.







$(function()
{
    "use strict";
    var mname = $('.menu_name');
    var header = $('#header');


    // 헤더의 이름에 마우스오버하면 세부 메뉴를 아래로 슬라이드합니다.
    // 이 때, 마우스오버 하지않은 다른 세부 메뉴들은 감춥니다.
    mname.on('mouseover', function()
    {
        $('.menu_sub').not($(this).siblings()).stop().slideUp(250);
        $(this).siblings('.menu_sub').stop().slideDown(250);
    })
    
    // 헤더에서 커서가 완전히 떠나면, 모든 세부메뉴를 감춥니다.
    header.on('mouseleave', function()
    {
        $('.menu_sub').stop().slideUp(250);
    })




    


    
    
    // $('.menu_wrap').on('mouseenter focusin', function()
    // {
    //     $(this).addClass('on');
    // })


    // $('.menu_wrap').on('mouseleave focusout', function()
    // {
    //     $(this).removeClass('on');
    // })
})







// -------- 헤더 스티키 --------
// 헤더가 특정 픽셀이상 스크롤되었을 때 고정 속성을 관리합니다.
$(window).scroll(function () 
{
    if ($(this).scrollTop() > 45) 
    {
        $('.webheader').addClass('sticky-top');
    } else 
    {
        $('.webheader').removeClass('sticky-top');
    }
});
// -------- 헤더 스티키 --------