// HEADER SCROLL $(function (){ $(window).on('scroll', function (){ var header = $('#header-wrap'); var breadcrumb = $('#breadcrumb'); header.addClass('floating'); if( $(document).scrollTop() <= 320 ){ header.removeClass('floating'); breadcrumb.removeClass('floating'); }else if( $(document).scrollTop() > 320 ){ breadcrumb.addClass('floating'); } }); }); // GNB $(function (){ $(window).on('load', function (){ responsive(); }); $(window).on('resize', function (){ responsive(); }); function responsive(){ if($(window).width() > 1200){ $('#wrap').removeClass('responsive'); $('#header .gnb > li > ul').removeAttr('style'); $('#snb-bar').removeAttr('style'); $('#header .gnb > li > a').on('mouseenter focus', function (){ $('#header-wrap').addClass('active'); var gnbH = $('#header .nav').height(); $('#snb-bar').height(gnbH - 80); }); $('#header-wrap').on('mouseleave blur', function (){ $('#header-wrap').removeClass('active'); }); $('#header .gnb > li > a').off('click'); } else{ $('#wrap').addClass('responsive'); $('#header .nav').removeAttr('style'); $('#header-wrap').removeClass('active'); $('#snb-bar').hide(); $('#mobile-menu').on('click', function (event){ event.preventDefault(); $(this).siblings('.nav').stop().animate({ 'right': '0', 'opacity' : '1', }, 400).show(); }); $('.mobile-nav .ico-close').on('click', function (event){ event.preventDefault(); $(this).parents('.nav').stop().animate({ 'right': '-100%', 'opacity' : '0', }, 400).hide(); }); $('#header .gnb > li > a').on('click', function (event){ event.preventDefault(); $('#header .gnb > li > a').removeClass('active'); $('#header .gnb > li > ul').hide(); $(this).addClass('active'); }) } } }); // BREADCRUMB $(function (){ $('.depth1 > a').on('click', function (event){ event.preventDefault(); $('.depth2').removeClass('open'); $(this).parent().toggleClass('open'); return false; }); $('.depth2 > a').on('click', function (event){ event.preventDefault(); $('.depth1').removeClass('open'); $(this).parent().toggleClass('open'); return false; }); $(document).on('click', function (event){ $('#breadcrumb .inner > ul > li').removeClass('open'); event.stopImmediatePropagation(); }); var depth = $('.depth2 ul li.on').text(); $('.depth2 > a').text(depth); }); // CUSTOMER $(function (){ $('.customer .customer-tbl tr td:first-child').each(function (){ var customerTitle = $(this).children('font'); var titleStyle = customerTitle.css('font-weight'); if(titleStyle == '700'){ customerTitle.addClass('required'); } }); $('.customer .customer-tbl tr td').removeAttr('width'); }) // CERTIFICATION $(function (){ var cert = $('.cert ul li'); cert.each(function (){ var certImg = $(this).find('img'); var certTxt = $(this).text(); var certSrc = certImg.attr('src'); var W=certImg.width(); var H=certImg.height(); var O="width=500" + ",height=736" + ",scrollbars=yes"; certImg.click(function (){ var imgWin=window.open("","",O); imgWin.document.write('' + certTxt + ''); imgWin.document.write(''); imgWin.document.write(''); imgWin.document.close(); }); }); }); // SITEMAP $(function (){ $(window).on('load resize', function (){ if( $(window).width() >= 560 ){ var sitemap = $('.sitemap'); var company = sitemap.find('.menu1'); var business = sitemap.find('.menu2'); var recruit = sitemap.find('.menu3'); var customer = sitemap.find('.menu4'); var community = sitemap.find('.menu5'); recruit.innerHeight( business.innerHeight() ); community.innerHeight( customer.innerHeight() ); company.innerHeight( business.innerHeight() + community.innerHeight() ); } }); }); // LAYER POPUP function emailNo(){ $('#layerPopup').show(); $('#layerPopup .emailNo').show(); $('#layerPopup .privacyPolicy').hide(); $('#layerPopup .layer').css('padding','40px'); $('#layerPopup .privacyPolicy').parent('.layer').css('margin-top','-200px'); }; function privacyPolicy(){ $('#layerPopup').show(); $('#layerPopup .emailNo').hide(); $('#layerPopup .privacyPolicy').show(); $('#layerPopup .layer').css('padding','0 0 20px 0'); $('#layerPopup .privacyPolicy').parent('.layer').css('margin-top','-320px'); }; $(function (){ var layer = $('#layerPopup .layer'); var layerW = layer.find('.layerCon').innerWidth(); var close = layer.find('.close'); layer.css('margin-left',-layerW/2); close.on('click', function (){ $('#layerPopup').hide(); }); });