( function() { $(document).ready(function() { //=================================== GNB ========================================== var $body = $('body'); var header = $('header'); var gnb = $('.gnb'), gnb_li = gnb.find('li'); $(document).on({ mouseenter:function(){ if( $('.menu-trigger').hasClass('active')){ }else{ gnb.addClass('open'); gnb_li.find('ul').removeClass('open') $(this).next('ul').addClass('open'); $('.navi-bg').addClass('open'); $('header').addClass('on'); } } },'.gnb > ul > li > a'); $(document).on({ mouseenter:function(){ $(this).find('.line').addClass('motion depth1-line-show'); }, mouseleave:function(){ $(this).find('.line').removeClass('motion depth1-line-show'); } },'.gnb > ul > li'); $(document).on({ mouseleave:function(){ if( $('.menu-trigger').hasClass('active')){ }else{ gnb.removeClass('open'); gnb_li.find('ul').removeClass('open') $('.navi-bg').removeClass('open'); if( $('header').css('position') !='fixed' ){ $('header').removeClass('on'); } } } },'header'); $(document).on({ click:function(){ //pc m 공통 사항 gnb.removeClass('open'); gnb_li.find('ul').removeClass('open') $('.navi-bg').removeClass('open'); if( header.css('position') !='fixed' ){ header.toggleClass('on'); }else{ header.addClass('on'); } gnb.toggleClass('open'); $(this).toggleClass('active'); if( $body.hasClass('m_var') || $body.hasClass('t_var') ){ // 모바일 네비 if( $('div.m_nav').css('display')== 'none' ){ $('div.m_nav').slideDown(); }else{ $('div.m_nav').slideUp(); } }else{ $('div.all_nav').toggleClass('open'); $('.navi-bg').toggleClass('active'); }//pc 전체네비 } },'.menu-trigger'); function reset_nav(){ gnb.removeClass('open'); gnb_li.find('ul').removeClass('open') $('.navi-bg').removeClass('open'); if( header.css('position') !='fixed' ){ header.removeClass('on'); }else{ header.addClass('on'); } $('.menu-trigger').removeClass('active'); $('div.m_nav').slideUp(); $('div.all_nav').removeClass('open'); $('.navi-bg').removeClass('active'); } $(document).on({ click:function(){ if( $(this).next('dd').css('display')== 'none' ){ $('.m_nav > dl > dt').removeClass('on'); $('.m_nav > dl > dd').slideUp(); $(".m_nav > dl > dt img").each(function(){ $(this).attr("src",$(this).attr("src").replace("_over.png",".png")) }) $(this).find('img').attr("src",$(this).find('img').attr("src").replace(".png","_over.png")) $(this) .addClass('on') .next('dd').slideDown(); }else{ $('.m_nav > dl > dt').removeClass('on') $('.m_nav > dl > dd').slideUp(); $(this).find('img').attr("src",$(this).find('img').attr("src").replace("_over.png",".png")) } } },'.m_nav > dl > dt'); $(window).resize(function(){ reset_nav(); if( $body.hasClass('m_var') ){ }else if( $body.hasClass('t_var') ){ }else{ } }).resize(); }); // function /* $(window).scroll(function(){ var this_scroll = $(this).scrollTop(); var header = $('header'); if(this_scroll > 5 ){ header .css({"position" : "fixed","top" : "0px","left":($("#container").offset().left)+"px"}) .addClass('on'); }else{ header .css({"position" : "absolute","top" : "0px","left":0}); if( $('.menu-trigger').hasClass('active') || $('.gnb').hasClass('open')){ }else{ header.removeClass('on'); } } }) */ $(document).on('click','.top_btn a',function(){ $('html, body').animate({ scrollTop : 0 }, 400); return false; }) }());