(function($) {
gnbDiv();
  popMenu();
  function popMenu() {
 $('.pop_box').focus(function(){
  $(this).siblings('.pop_menu_box').show();
    });
 $('.pop_box').mouseleave(function(){
  $('.pop_menu_box').hide();
 });
  }
  //GNB 
  function gnbDiv() {   
    var header = $('#header');
    var gnb_All = $('#header .gnb_area');
    var gnbdp1 = $('#header .gnb_area .depth01');
    var gnbdp1on = $('#header .gnb_area .depth li.m_ > a');
    var gnbdp2 = $('#header .gnb_area .depth .depth02');
    var gnbdp2on = $('#header .gnb_area .depth li.m_ .sm_ > a');
    var gnbdpHi = $('#header .gnb_area .m_3 .depth02').outerHeight();
    var gnbBg = $('#header .sub_gnb_bg');
    gnbdp1on.addClass("on");
    gnbdp2on.addClass("on");
    gnbBg.css('height', gnbdpHi);
    gnbdp2.css('height', gnbdpHi);
    gnbdp1.mouseenter(function(){   
      gnbBg.fadeIn(200);
      gnbdp2.fadeIn(200);
      $('#header').addClass('on');
      $('#header .gnb_area .depth01 a').removeClass("active");
      $(this).children('a').addClass("active");
    });
    gnb_All.mouseleave(function(){
      gnbBg.stop().hide();
      gnbdp2.stop().hide();
      $('#header').removeClass('on');
      $('#header .gnb_area .depth01 > a').removeClass("active");
    });
  }
})(jQuery);