/*********************************************
     * 모바일 카톡 및 전화 버튼
*********************************************/

var scrollTopBtn = $('#btnToTop'); var gnbNav = $('#gnb > li'); var gnbMobile = $('#header nav'); var gnbToggle = $('#nav-toggle'); var gnbMask = $('#header .nav-overlay'); var headerInit = function() { gnbNav.each(function() { if ($(this).find('.subnav').length) $(this).addClass('has-subdepth'); }); }; /* sticky header */ var stickyHeader = function() { var window_w = $(window).width(); var header = $('#header'); var header_h = header.height(); var scrollTop = $(window).scrollTop(); if (window_w > 1024) { if (scrollTop >= header_h) { if (!header.hasClass('sticky')) { header.addClass('sticky'); } } else { header.removeClass('sticky'); } } else { header.removeClass('sticky'); } }; /* show gnb */ var showGnb = function() { gnbToggle.addClass('open'); gnbMobile.stop().slideDown(600, 'easeOutQuint'); gnbMask.stop().fadeIn(600); }; /* hide gnb */ var hideGnb = function() { gnbToggle.removeClass('open'); gnbMobile.stop().slideUp(600, 'easeOutQuint'); gnbMask.stop().fadeOut(600); }; /* hamburger button */ gnbToggle.click(function() { $('#header .member-wrapper').removeClass('open'); if (!$(this).hasClass('open')) { showGnb(); } else { hideGnb(); } }); /* member function for under pc devices */ $('#header .member-wrapper > a').on('click', function() { var window_w = $(window).width(); var parent = $(this).parent(); if (window_w < 1025) parent.toggleClass('open'); }); /* gnb click event for under pc devices */ $('#gnb > li > a').click(function(e) { var window_w = $(window).width(); var parent = $(this).parent(); if (window_w < 1025) { if (parent.hasClass('has-subdepth')) { e.preventDefault(); if (!parent.hasClass('open')) { gnbNav.find('.subnav').stop().slideUp(300); gnbNav.removeClass('open'); parent.addClass('open'); $(this).siblings('.subnav').stop().slideDown(300); } else { parent.removeClass('open'); $(this).siblings('.subnav').stop().slideUp(300); } } } }); gnbMask.click(function() { hideGnb(); }); /* go to top button */ var showTopButton = function() { var header_h = $('#header').height(); var scrollTop = $(window).scrollTop(); var mobileKakao = $('#mobile-fixed-btn'); if (scrollTop >= header_h) { if (!scrollTopBtn.hasClass('show')) { scrollTopBtn.addClass('show'); mobileKakao.addClass('show'); } } else { scrollTopBtn.removeClass('show'); mobileKakao.removeClass('show'); } }; headerInit(); $(window).bind('scroll', function() { stickyHeader(); showTopButton(); }); scrollTopBtn.click(function() { $('html, body').animate({ scrollTop: 0 }, 650, 'easeInOutQuint'); });