/********************************************************************************************************* ## Common Script ## * º» ½ºÅ©¸³Æ®ÀÇ ÀúÀÛ±ÇÀº (ÁÖ)À¥½º¸®ÆÛºí¸¯¿¡ ÀÖ½À´Ï´Ù. * º» ½ºÅ©¸³Æ®¸¦ ¹«´ÜÀ¸·Î ÀÌ¿ë(¶Ç´Â µµ¿ë)Çϰųª º¹Á¦ ¶Ç´Â ¼öÁ¤ »ç¿ë½Ã ÀúÀ۱ǹý¿¡ ÀǰŠó¹ú¹ÞÀ» ¼ö ÀÖ½À´Ï´Ù. * ±¸¸Å ÈÄ¿¡µµ Á¦ 2Â÷ »çÀÌÆ® µî ¶óÀ̼±½º°¡ Àû¿ëµÇÁö ¾Ê´Â »çÀÌÆ®¿¡ ´ëÇÏ¿© »ç¿ëÀº ±ÝÁöµÇ¾î ÀÖ½À´Ï´Ù. * À§ »çÇ׿¡ ´ëÇÏ¿© À§¹Ý½Ã Àý´ë ÇÕÀÇ´Â ¾ø½À´Ï´Ù ! * date : 2022-11-24 * author : Joo Pil Gue(websre@naver.com) * [¼öÁ¤] 2026-03-26 — JS ¿À·ù ¼öÁ¤ (Clarity ±âÁØ ¿À·ù 1¼øÀ§, 2¼øÀ§) * - $(window).load: n.offset().top null ¹æ¾î (¿À·ù 46.5%) * - scroll_visual: cont_pos undefined ¹æ¾î * - isInViewport: $(this).offset() null ¹æ¾î (¿À·ù 26.2%) *********************************************************************************************************/ 'use strict'; (function (root, factory) { if (typeof define === 'function' && define.amd) { define(factory); } else if (typeof exports === 'object') { module.exports = factory(); } else { root.creator = factory(); } }(this, function() { if('undefined' === typeof window.NFront) { NFront = window.NFront = {}; NFront.Data = {}; } $( document ).ready(function() { Data.init(); }); var Data = NFront.Data = { init: function () { var main_big_banner_text = new Array(); $('.slider img').each(function(index){ main_big_banner_text[index] = $(this).attr('alt'); }); $('.main_big_banner .slider').slick({ autoplay:true, autoplaySpeed : 333000, dots: true, speed:500, pauseOnHover:false, customPaging: function(slick,index) { return ''; } }); $('.main_big_banner .slider').on('beforeChange', function(event, slick, currentSlide, nextSlide){ var dot = $('.main_big_banner .slider .slick-dots'); $('.slick-dots li').each(function(index){ dot.removeClass('idx' + (index + 1)); }); dot.addClass('idx' + (nextSlide + 1)); }); $('.main_sub_rolling .slider').slick({ autoplay:false, autoplaySpeed : 3500, dots: true, speed:500, pauseOnHover:false, customPaging: function(slick,index) { return ''; } }); $('.tab_style2 ul li > a').off().on('click', function(){ Data.popup($(this).attr('class')); }); }, popup : function(url){ var popupWidth = 700; var popupHeight = 600; var popupX = (window.screen.width / 2) - (popupWidth / 2); var popupY= (window.screen.height / 2) - (popupHeight / 2); window.open("/privacy" + url, "_blank", "scrollbars=yes, resizable=yes, top=" + popupY + ", left=" + popupX + ", width=" + popupWidth + ", height=" + popupHeight); } } })); /* ¡Ú [¼öÁ¤] $(window).load ¡æ $(window).on('load') ·Î º¯°æ (jQuery 3.x ȣȯ) ¿À·ù ¿øÀÎ: n.offset()ÀÌ nullÀÎ °æ¿ì .top Á¢±Ù ½Ã TypeError ¹ß»ý ¼öÁ¤ ³»¿ë: 1. n.length > 0 üũ Ãß°¡ 2. scroll_visual ³»ºÎ¿¡µµ n.length ¹× cont_pos[i] Á¸Àç ¿©ºÎ È®ÀÎ */ $(window).on('load', function(){ // ½ºÅ©·Ñ¸ð¼Ç(s) var now_t = $(this).scrollTop(); var cont_pos = new Array; var prev_pos = new Array; var cont_max = $('.scroll_cont').length; //2016-07-05//¼öÁ¤ var tip_max = 0; var tip_start = new Array; var tip_end = new Array; for(var i = 0; i < cont_max; i++){ var n = $('.cont_lst'+(i+1)); /* ¡Ú ¼öÁ¤: ¿ä¼Ò°¡ Á¸ÀçÇÏ´Â °æ¿ì¿¡¸¸ offset Á¢±Ù */ if (n.length > 0) { cont_pos[i] = n.offset().top - 700; } else { cont_pos[i] = 0; } } //2016-07-05//tipÀ¯¹«Ã¼Å©(e) if (now_t < 0) $('.cont_lst1').addClass('active'); /* 2016-08-04//Ŭ·¡½º¼öÁ¤ */ else scroll_visual(now_t); $(window).scroll(function() { var win_top = $(this).scrollTop(); scroll_visual(win_top); }); function scroll_visual(nt) { for (var i = 0; i < cont_max; i++) { var n = $('.cont_lst' + (i + 1)); /* ¡Ú ¼öÁ¤: nÀÌ Á¸ÀçÇϰí cont_pos[i]°¡ Á¤ÀÇµÈ °æ¿ì¿¡¸¸ ó¸® */ if (n.length > 0 && typeof cont_pos[i] !== 'undefined' && cont_pos[i] <= nt) { $(n).addClass('active'); } } } // ½ºÅ©·Ñ¸ð¼Ç(e) }); //media(e) $(function(){ var win = $(window); var vh = 0; /* gogo js */ /* ¡Ú [¼öÁ¤] isInViewport: $(this).offset()ÀÌ nullÀÎ °æ¿ì ¹æ¾î ¼û°ÜÁø ¿ä¼Ò³ª display:none ¿ä¼Ò¿¡¼­ offset()ÀÌ null ¹ÝȯµÉ ¼ö ÀÖÀ½ */ $.fn.isInViewport = function() { var offsetData = $(this).offset(); /* ¡Ú ¼öÁ¤: offsetÀÌ nullÀ̸é false ¹Ýȯ */ if (!offsetData) { return false; } var elementTop = offsetData.top; var elementBottom = elementTop + $(this).outerHeight(); var viewportTop = $(window).scrollTop(); var viewportBottom = viewportTop + $(window).height(); return (elementBottom > viewportTop + (vh/18)) && (elementTop < viewportBottom - (vh/18)); }; $(window).on('load resize scroll',function(){ $('.aniBox').each(function(){ if($(this).isInViewport()){ $(this).addClass('gogo'); } }); }); }); $(document).ready(function() { /* ¡Ú [¼öÁ¤] Swiper ÃʱâÈ­ Àü ¿ä¼Ò Á¸Àç ¿©ºÎ È®ÀÎ .websre_mainÀÌ ¾ø´Â ¼­ºêÆäÀÌÁö¿¡¼­ Swiper ÃʱâÈ­ ½Ãµµ ½Ã ³»ºÎ ¿À·ù ¹æÁö */ if ($('.websre_main').length > 0) { var swiper = new Swiper('.websre_main', { autoplay: { delay: 3000, disableOnInteraction: false, }, speed:700, spaceBetween: 0, effect: 'slide', loop: true, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', } }); } });