$(function(){ tl = TweenMax; startJs(); menuJs(); allMenuJs(); popupJs(); customCursor(); }); $(document).on('click', 'a[href="#none"]', function(e) { e.preventDefault(); }); function allMenuJs(){ var $navStatus = 0; var allLogo = $("#allmenu .all_bg a"); $(document).on("click",".hamburger_btn",function(e){ e.preventDefault(); $('html, body').on('scroll touchmove mousewheel', function(e) { event.preventDefault(); event.stopPropagation(); return false; }); $('body').stop().addClass('menu_open'); $('body').stop().addClass('popup_open'); $("#allmenu").fadeIn(); $("#allmenu .all_box").fadeIn(); $("#wrap, #allmenu").addClass("open"); /*darkLogoJs();*/ if($navStatus == 0) { $navStatus = 1; $('body').stop().addClass('menu_open'); if($('body').hasClass('menu_open')) { }else{ $navStatus = 0; } } //태블릿,모바일 아코디언 allmenu $(window).on('resize', function() { var windowSize = $(window).width(); if(windowSize <= 1279) { //init $('#allmenu .sub_menu').hide(); $('#allmenu .dep1').removeClass('act'); } else { //init $('#allmenu .dep1').removeClass('act'); $('#allmenu .sub_menu').show(); } }).resize(); }); $(document).on('click','#allmenu .dep1',function(){ $(this).toggleClass('act'); if($(this).hasClass('act')){ $('#allmenu .dep1').removeClass('act'); $(this).addClass('act'); $(this).parents('.menu').siblings().find('.sub_menu').stop(true).slideUp(); $(this).parents('.menu').find('.sub_menu').stop(true).slideDown(500); }else{ $('#allmenu .dep1').removeClass('act'); $(this).parents('.menu').find('.sub_menu').stop(true).slideUp(); } }); $(document).on("click","#allmenu .close",function(e){ $navStatus = 0; e.preventDefault(); $('html,body').off('scroll touchmove mousewheel'); $('body').stop().removeClass('menu_open'); $('body').stop().removeClass('popup_open'); $("#wrap, #allmenu").removeClass("open"); $("#allmenu").hide("slide", { direction: "right" }, 600); $("#allmenu .all_box").hide("slide", { direction: "left" }, 600); }); } //기본js function startJs(){ $(document).on('click', 'a[href="#none"]', function(e) {e.preventDefault()}); if($('html').is('.ie67, .ie7, .ie8, .ie9')) { $('div.ie_alert_text').show().html('현재 사이트는 IE9 미만의 하위브라우저를 지원하지 않습니다.
브라우저를 최신 버전으로 업데이트해 주세요.'); } WebFont.load({google: {families: ['Noto Sans KR', 'Montserrat']}}); $('#wrap').addClass('ani'); //모바일구분 $(window).resize(function(){ windowWidth = $(window).width(); if(windowWidth < 1260){ $('body').removeClass('pc'); $('#wrap').removeClass('pc'); $('#wrap').addClass('mobile'); }else{ $('body').addClass('pc'); $('#wrap').addClass('pc'); $('#wrap').removeClass('mobile'); } }).resize(); /* $("#wrap").imagesLoaded( function() { $("html").smoothWheel() }); */ } function menuJs(){ //footer family site $("#family_site .btn").click(function(){ $("#family_site ul").slideToggle(); }); $("#family_site").mouseleave(function(){ $("#family_site ul").slideUp(); }); $("#nav .gnb >li").mouseenter(function(){ $('header').addClass('act'); }); $("#nav").mouseleave(function(){ if($('header').hasClass('scrollDownOn')){ }else{ $('header').removeClass('act'); } }); $("#nav>ul>li").mouseover(function(){ var menuNum = $(this).index()+1; if(menuNum === menuNum){ $(".lnb").stop().hide().removeClass('on'); $(".lnb.sub"+menuNum+"").stop().slideDown({duration: 1000,easing: "easeOutQuart"}); }else{ $(".lnb").stop().hide(); } }); $("#nav").mouseleave(function(){ $(".lnb").stop().slideUp(); }); //언어선택 셀렉박스 $(document).on("click","#util_list .language button",function(){ $(this).parent(".language").toggleClass("open"); if($(this).parent(".language").hasClass("open")){ $(".language").find("ul").stop().slideDown(500); }else{ $(".language").find("ul").stop().slideUp(300); } }); $("#util_list .language ul").mouseleave(function(){ $("#util_list .language").removeClass("open"); $(this).stop().slideUp(300); }); $('#allmenu .all_gnb_wrap').niceScroll({ cursorcolor: "rgba(0,0,0,0.6)", cursorwidth: 0, scrollspeed: 70, cursorborderradius: 0, mousescrollstep: 60, cursoropacitymin: 0, cursoropacitymax: 1, background: "rgba(0,0,0,0.2)", cursorborder: "none", autohidemode: false, boxzoom: false, smoothscroll: true, zindex:1001, }); } function popupJs(){ //레이어팝업 var bg = $("#bg"); $(document).on('click',' #bg, #popup .close ', function (e) { bg.fadeOut(); $('#popup').html(''); $('#popup').hide(); }); $(document).on('click','footer .pop_btn, header .pop_btn',function () { var ClassName = $(this).data('link'); bg.show(); $('#popup').show(); $('#popup').html( '
'+ ''+ '
'+ '
' ); //foot 메뉴 클릭시 switch (ClassName) { case "privacy1": $("#popup div.container").load("/_privacy1.php"); break; case "inquiry1": $("#popup div.container").load("/_inquiry1.php"); break; } }); } function customCursor(){ var $cursor_primary = $('#custom_cursor'); var $circle = $cursor_primary.find('.custom_cursor_circle'); var $cursor_secondary = $('#custom_cursor_text'); var $cursor_txt = $cursor_secondary.find('.custom_cursor_txt'); $('body').mousemove(function(e) { TweenMax.to($cursor_primary, 0.3, {x: e.clientX,y: e.clientY,ease: Power3.easeOut}); TweenMax.to($cursor_secondary, 0.4, {x: e.clientX,y: e.clientY,ease: Power3.easeOut}); }); $(document).on('mouseenter', '.custom_mousemove', function(){ var $this = $(this); var words = ( $this.data('hover') != undefined ) ? $this.data('hover') : ''; var size = ( $this.data('size') != undefined ) ? $this.data('size') : '100%'; if( $this.hasClass('arrow_prev') ){ $cursor_primary.removeClass('arrow_next'); $cursor_secondary.removeClass('arrow_next'); $cursor_primary.addClass('arrow_prev'); $cursor_secondary.addClass('arrow_prev'); }else if( $this.hasClass('arrow_next') ){ $cursor_primary.removeClass('arrow_prev'); $cursor_secondary.removeClass('arrow_prev'); $cursor_primary.addClass('arrow_next'); $cursor_secondary.addClass('arrow_next'); }else{ $cursor_primary.removeClass('arrow_prev'); $cursor_secondary.removeClass('arrow_prev'); $cursor_primary.removeClass('arrow_next'); $cursor_secondary.removeClass('arrow_next'); } $cursor_txt.find('> span').text( words ); TweenMax.killTweensOf($circle); TweenMax.killTweensOf($cursor_txt); TweenMax.to($circle, .3, {width: size,height: size,autoAlpha: 1,ease: Power0.easeNone}); TweenMax.to($cursor_txt, .3, {width: size,height: size,autoAlpha: 1,ease: Power0.easeNone}); }); $(document).on('mouseleave', '.custom_mousemove', function(){ var $this = $(this); if( $this.hasClass('arrow_prev') && $this.hasClass('arrow_next')){ $cursor_primary.removeClass('arrow_prev'); $cursor_secondary.removeClass('arrow_prev'); $cursor_primary.removeClass('arrow_next'); $cursor_secondary.removeClass('arrow_next'); } TweenMax.killTweensOf($circle); TweenMax.killTweensOf($cursor_txt); TweenMax.to($circle, .2, {width: '0%',height: '0%',autoAlpha: 0,ease: Power0.easeNone}); TweenMax.to($cursor_txt, .2, {width: '0%',height: '0%',autoAlpha: 0,ease: Power0.easeNone}); }); }