/********************************************************************************************************* ## Common Script ## * º» ½ºÅ©¸³Æ®ÀÇ ÀúÀÛ±ÇÀº (ÁÖ)À¥½º¸®ÆÛºí¸¯¿¡ ÀÖ½À´Ï´Ù. * º» ½ºÅ©¸³Æ®¸¦ ¹«´ÜÀ¸·Î ÀÌ¿ë(¶Ç´Â µµ¿ë)Çϰųª º¹Á¦ ¶Ç´Â ¼öÁ¤ »ç¿ë½Ã ÀúÀ۱ǹý¿¡ ÀǰŠó¹ú¹ÞÀ» ¼ö ÀÖ½À´Ï´Ù. * ±¸¸Å ÈÄ¿¡µµ Á¦ 2Â÷ »çÀÌÆ® µî ¶óÀ̼±½º°¡ Àû¿ëµÇÁö ¾Ê´Â »çÀÌÆ®¿¡ ´ëÇÏ¿© »ç¿ëÀº ±ÝÁöµÇ¾î ÀÖ½À´Ï´Ù. * À§ »çÇ׿¡ ´ëÇÏ¿© À§¹Ý½Ã Àý´ë ÇÕÀÇ´Â ¾ø½À´Ï´Ù ! * date : 2022-01-24 * author : Joo Pil Gue(websre@naver.com) *********************************************************************************************************/ // PC ÇØ»óµµ ¿©ºÎ üũ ÇÔ¼ö function isPC() { var $winWidth = $(window).width(); if($winWidth > 1024) { return true; } else { return false; } } // ÆĶó¸ÞÅÍ °ª °¡Á®¿À±â var getUrlParameter = function getUrlParameter(sParam) { var sPageURL = decodeURIComponent(window.location.search.substring(1)), sURLVariables = sPageURL.split('&'), sParameterName, i; for (i = 0; i < sURLVariables.length; i++) { sParameterName = sURLVariables[i].split('='); if (sParameterName[0] === sParam) { return sParameterName[1] === undefined ? true : sParameterName[1]; } } }; $(document).ready(function() { var depth1 = getUrlParameter('top') - 1; var depth2 = getUrlParameter('sub') - 1; $("#gnb > li").eq(depth1).addClass('active123'); $("#gnb > li").eq(depth1).find('ul').children().eq(depth2).addClass('on'); }); // Çì´õ ¹× GNB °ü·Ã °øÅë ½ºÅ©¸³Æ® $(function() { var $gnb = $(".btm"); var $gnbTrigger = $("#gnbTrigger"); var $logo = $("#logo"); var mask = $(".mask"); var allMenu = $("#all-menu"); var mnuEasing = "easeInOutExpo"; // GNB È°¼ºÈ­ $("#nav > li").each(function() { if(isPC() === true) { var $currIndex = getUrlParameter('top') - 1; if($(this).index() == $currIndex) $(this).addClass('open'); } }); // À©µµ¿ì ¸®»çÀÌ¡ ó¸® $(window).bind('resize', function() { var $winWidth = $(this).width(); if($winWidth < 1024) { $("#nav > li").removeClass('open'); } else { } }); // GNB ºñÈ°¼ºÈ­ function gnbdeActive() { $("#nav > li").removeClass('open'); $("#nav > li > ul").removeAttr('style'); $gnbTrigger.removeClass('open'); $("body").removeClass('lock'); } // GNB ¸¶¿ì½º¿À¹ö $("#nav > li").mouseenter(function() { var $option = { 'display':'block', 'top':'60px', 'opacity':'0' } if(isPC() === true) { if(!$(this).hasClass('on')) { $(this).addClass('on'); if($(this).find('div.menu-item').length > 0) { $(this).find('div.menu-item').css($option); TweenMax.to($(this).find('div'), 0.25, {'opacity':1, 'top':'60px'}); } } } }); // GNB ¸¶¿ì½º¾Æ¿ô $("#nav > li").mouseleave(function() { var $idx = $(this).index(); var $option = { 'display':'', 'top':'', 'opacity':'' } if(isPC() === true) { $(this).removeClass('on'); if($(this).find('div.menu-item').length > 0) { TweenMax.to($(this).find('div.menu-item'), 0.25, {'opacity':0, 'top':'60px', onComplete:function() { $("#nav > li").eq($idx).find('div.menu-item').css($option); }}); } } }); // GNB Ŭ¸¯ $("#nav > li > a").click(function(e) { if(isPC() === false) { if(!$(this).parent().hasClass('open')) { if($(this).next('div.menu-item').length > 0) { e.preventDefault(); $("#nav > li div.menu-item").stop().slideUp(250); $("#nav > li").removeClass('open'); $(this).parent().addClass('open'); $(this).next('div.menu-item').stop().slideDown(350, 'easeInOutExpo'); } } else { if($(this).next('div.menu-item').length > 0) { e.preventDefault(); $(this).parent().removeClass('open'); $(this).next('div.menu-item').stop().slideUp(250); } } } }); // ¸ð¹ÙÀϸ޴º Åä±Û¹öÆ° Ŭ¸¯ $gnbTrigger.click(function() { if(!TweenMax.isTweening($gnb)) { if(!$(this).hasClass('open')) { $(this).addClass('open'); $("body").addClass('lock'); mask.css({'opacity':'0.65', 'height':'100%'}); TweenMax.to($gnb, 0.5, {right:'0px', ease:Expo.easeInOut, onComplete:function() { //$logo.stop().fadeIn(200); }}); } else { $(this).removeClass('open'); $("body").removeClass('lock'); mask.css({'opacity':'0', 'height':'0'}); TweenMax.to($gnb, 0.5, {right:'-100%', ease:Expo.easeInOut}); //$logo.stop().fadeOut(100); } } }); mask.click(function() { $("#gnbTrigger").removeClass('open'); $("body").removeClass('lock'); mask.css({'opacity':'0', 'height':'0'}); TweenMax.to($gnb, 0.5, {right:'-300px', ease:Expo.easeInOut}); }); // À©µµ¿ì ¸®»çÀÌ¡ ó¸® $(window).bind('resize', function() { var $winWidth = $(this).width(); if($winWidth > 1024) { $logo.removeAttr('style'); $gnb.removeAttr('style'); mask.removeAttr('style'); gnbdeActive(); } else { if(!$gnbTrigger.hasClass('open')) { $logo.removeAttr('style'); } } }); // Àüü¸Þ´º ¿­±â function allMenuOpen() { if(!allMenu.hasClass('open')) { allMenu.addClass('open'); allMenu.find('.menu-layer').removeAttr('style'); allMenu.find('.menu-layer').css({top:'-100%', opacity:'0'}); allMenu.fadeIn(400); allMenu.find('.menu-layer').stop().animate({top:'50%', opacity:'1'}, 800, mnuEasing); $("body").addClass('fixed'); } } // Àüü¸Þ´º ´Ý±â function allMenuClose() { allMenu.removeClass('open'); allMenu.find('.menu-layer').stop().animate({top:'-100%', opacity:'0'}, 600, mnuEasing); allMenu.fadeOut(1000); $("body").removeClass('fixed'); } // Àüü¸Þ´º ¿­±â ¹öÆ° Ŭ¸¯ $("#header .btn-allmenu").click(function() { allMenuOpen(); }); // Àüü¸Þ´º ´Ý±â ¹öÆ° Ŭ¸¯ $("#all-menu .btnClose").click(function() { allMenuClose(); }); // ¸¶½ºÅ©¿µ¿ª Ŭ¸¯½Ã Àüü¸Þ´º ´Ý±â $("#all-menu .mask_all").click(function() { allMenuClose(); }); }); // À©µµ¿ì À̺¥Æ® $(window).load(function() { var elem = $(".scrollreveal"); var sty = { 'opacity':'0', 'transition':'none' } elem.css(sty); $("html, body").animate({scrollTop:'10'}, 10, function() { $("html, body").animate({scrollTop:'0'}, 0); }); // ½ºÅ©·Ñ½Ã ¾Ö´Ï¸ÞÀÌ¼Ç Ã³¸® $(window).bind('scroll', function() { var winWidth = $(this).width(); var winTop = $(this).scrollTop(); var winHeight = $(this).height(); var docHeight = $(document).height(); var hdHeight = $("#header").height(); var elemHeight; var showDelay = 0; if(winWidth > 1024) { if(winTop >= hdHeight) { if(!$("#header").hasClass('fixed')) { $("#header").addClass('fixed'); $("#scrollTop").stop(true,false).fadeIn(300); $("#scrollTop_shop").stop(true,false).fadeIn(300); } } else { $("#header").removeClass('fixed'); $("#scrollTop").stop(true,false).fadeOut(300); $("#scrollTop_shop").stop(true,false).fadeOut(300); } } elem.each(function() { var etop = $(this).offset().top; var eh = $(this).height(); var delay = $(this).data('delay'); if(delay == null) { delay = 100; } if(winTop >= etop - winHeight) { if(!$(this).hasClass('animated')) { var aniOptions; var styR = { 'position':'relative', 'top':'30px' } var sty = { 'top':'30px' } if($(this).css('position') == 'static') { aniOptions = { 'opacity':'1', 'top':'0' } $(this).css(styR); } else if($(this).css('position') == 'absolute') { aniOptions = { 'opacity':'1', } } else { aniOptions = { 'opacity':'1', 'top':'0' } $(this).css(sty); } showDelay += delay; $(this).stop().delay(showDelay).animate(aniOptions, 500, function() { var sty = { 'position':'', 'top':'', 'opacity':'', 'transition':'' } $(this).css(sty); }); $(this).addClass('animated'); } } }); }); }); // ÆäÀÌÁö ·Îµù $(window).load(function() { $("#page-loader").fadeOut(600, function() { $("#page-loader").delay(100).remove(); }); }); $(function() { // ½ºÅ©·Ñ ¹öÆ° À̺¥Æ® $("#scrollTop").bind('mouseenter mouseleave click', function(e) { if(e.type === 'mouseenter') { if(!$(this).hasClass('on')) { $(this).addClass('on'); } } else if(e.type === 'click') { $("html, body").stop().animate({scrollTop:'0'}, 500, 'easeInOutExpo'); } else { $(this).removeClass('on'); } }) }); $(function() { // ½ºÅ©·Ñ ¹öÆ° À̺¥Æ® $("#scrollTop_shop").bind('mouseenter mouseleave click', function(e) { if(e.type === 'mouseenter') { if(!$(this).hasClass('on')) { $(this).addClass('on'); } } else if(e.type === 'click') { $("html, body").stop().animate({scrollTop:'0'}, 500, 'easeInOutExpo'); } else { $(this).removeClass('on'); } }) }); // Æû¸ÞÀÏ placehold Ãß°¡ $(function() { if($(".tbl_formmail").length > 0) { var $form = $(".tbl_formmail"); $form.find('input[name=name]').attr('placeholder','Name'); $form.find('input[name=receiver_email]').attr('placeholder','Email'); $form.find('textarea[name=description]').attr('placeholder','Message'); } });