$(function(){ /* start */ iOS(); fn_header(); //header /* end */ }); /** * [fn_header description] */ function fn_header(){ var $gnb_open = $(".btn-gnb-open"); // gnb 열기 버튼 var $gnb_close = $(".btn-gnb-close"); // gnb 닫기 버튼 var $sitemap_open = $(".btn-sitemap-open"); // sitemap 열기 버튼 var $sitemap_close = $(".btn-sitemap-close"); // sitemap 닫기 버튼 var $btn_back = $("#header .btn-back"); var $btn_forward = $("#header .btn-forward"); //170905 var $gnb_wrap = $("#gnb-wrap"); var $sitemap = $("#sitemap"); var $gnb = $("#gnb"); var $gnb_dep1 = $("#gnb .dep1 > li"); var $gnb_dep2 = $("#gnb .dep2 > li"); $gnb_open.on("click", function(){ $("body").removeClass("gnb-close").addClass("gnb-open"); $gnb_wrap.velocity({left : 0, opacity : 1}, {display: "block", duration : 250}); }); $gnb_close.on("click", function(){ $("body").removeClass("gnb-open").addClass("gnb-close"); $gnb_wrap.velocity("reverse"); }); // 사이트맵 $sitemap_open.on("click", function(e){ e.preventDefault(); $("body").removeClass("gnb-close").addClass("gnb-open"); $sitemap.velocity({left : 0, opacity : 1}, {display: "block", duration : 250}); }); $sitemap_close.on("click", function(){ $sitemap.velocity("reverse"); $gnb_wrap.velocity("reverse"); $("body").removeClass("gnb-open").addClass("gnb-close"); }); $gnb_dep1.on("click", "> a", function(e){ var url = $(this).attr("href"); var $this = $(this); if(url == "#" || url == ""){ e.preventDefault(); if(!$this.closest("li").hasClass("on")){ $gnb_dep1.removeClass("on"); $gnb.find(".dep2").slideUp(250); $(this).closest("li").find(".dep2").slideDown(300); $(this).closest("li").addClass("on"); }else { $gnb_dep1.removeClass("on"); $gnb.find(".dep2").slideUp(250); } } }); // 3depth sub menu 있을 경우 $gnb_dep2.each(function(){ var $this = $(this); if($(this).find(".dep3").length){ $this.addClass("sub-list"); } }); $gnb_dep2.on("click", "> a", function(e){ var url = $(this).attr("href"); var $this = $(this); if(url == "#" || url == ""){ e.preventDefault(); if(!$this.closest("li").hasClass("on")){ $gnb_dep2.removeClass("on"); $gnb.find(".dep3").slideUp(250); $(this).closest("li").find(".dep3").slideDown(300); $(this).closest("li").addClass("on"); }else { $gnb_dep2.removeClass("on"); $gnb.find(".dep3").slideUp(250); } } }); $btn_back.on('click', function(){ history.back(); }); //170905 $btn_forward.on('click', function(){ history.forward(); }); } function tab1(tab_id){ var $tab = $(tab_id); var $tab_btn = $tab.find(".tab_btn ul > li"); var ontab = $(tab_id).find(".tab_btn ul > li.on a").attr("href"); $(ontab).show(); $tab_btn.on("click", "a", function(e){ e.preventDefault(); var cts = $(this).attr("href"); $tab_btn.removeClass("on"); $(this).closest("li").addClass("on"); $tab.find(".tab_cts").hide(); $(cts).show(); }); } // 브라우저 체크 var Browser = { chk : navigator.userAgent.toLowerCase() } Browser = { ie : Browser.chk.indexOf('msie') != -1, ie6 : Browser.chk.indexOf('msie 6') != -1, ie7 : Browser.chk.indexOf('msie 7') != -1, ie8 : Browser.chk.indexOf('msie 8') != -1, ie9 : Browser.chk.indexOf('msie 9') != -1, ie10 : Browser.chk.indexOf('msie 10') != -1, opera : !!window.opera, safari : Browser.chk.indexOf('safari') != -1, safari3 : Browser.chk.indexOf('applewebkir/5') != -1, mac : Browser.chk.indexOf('mac') != -1, chrome : Browser.chk.indexOf('chrome') != -1, firefox : Browser.chk.indexOf('firefox') != -1 } //ios 기기 체크 function iOS() { var iDevices = ['iPad Simulator', 'iPhone Simulator', 'iPod Simulator', 'iPad', 'iPhone', 'iPod']; if (Browser.safari == true && Browser.chrome == false) { $("body").addClass("ios"); } if (!!navigator.platform) { while (iDevices.length) { if (navigator.platform === iDevices.pop()){ $("body").addClass("ios"); } } } return false; } jQuery.fn.popCenter = function () { this.css("position","absolute"); this.css("top", Math.max(0, (($(window).height() - $(this).outerHeight()) / 2) + $(window).scrollTop()) + "px"); this.css("left", Math.max(0, (($(window).width() - $(this).outerWidth()) / 2) + $(window).scrollLeft()) + "px"); var pos = $(this).position().top; if ($(window).height() <= $(this).outerHeight()) { $("html, body").stop().animate({ scrollTop : pos }, 250); }; objThis = this; // 레이어 팝업 가로중앙 정렬 $(window).resize(function(){ $(objThis).css("left", Math.max(0, (($(window).width() - $(objThis).outerWidth()) / 2) + $(window).scrollLeft()) + "px"); }); return this; } /** * 숫자만 반환 */ function changeStr(key){ var val = []; if(typeof(key) === "string"){ $.each([ "em", "px", "%", "pt" ], function(idx, unit){ if ( key.indexOf( unit ) > 0 ) { val = [parseFloat(key), unit]; } }); return val[0]; }else { return key; } } /* 숫자만 입력 */ function fNumber(obj){ $(obj).keyup(function(){ $(this).val($(this).val().replace(/[^0-9]/g,"")); }); } function tab2(tab_id){ var $tab = $(tab_id); var $tab_btn = $tab.find(" > .tab_btn a"); var ontab = $(tab_id).find("li.on a").attr("href"); $(ontab).show(); $tab_btn.on("click", function(e){ e.preventDefault(); var cts = $(this).attr("href"); $tab_btn.closest("li").removeClass("on"); $(this).closest("li").addClass("on"); $tab.find(".tab_cts").hide(); $(cts).show(); }); }