;(function () { $(".nessus-slider > li").click(function(){ var current_li = $(this); var c_index = current_li.index(); if(current_li.hasClass("active")) { current_li.removeClass("active"); current_li.children('.nessus-slider__content').css("display","none"); } else { $(".nessus-slider > li").removeClass("active"); $(".nessus-slider__content").css("display","none"); current_li.addClass("active"); current_li.children('.nessus-slider__content').css("display","block"); $(".lightbox").children("img").removeClass("active"); $(".lightbox").eq(c_index).children("img").addClass("active"); } }); $(".lightbox").click(function(e){ e.preventDefault(); }); //FAQ 클릭이벤트 $(".product-page__faq-item").click(function() { $(this).toggleClass("open"); if($(this).hasClass("open")) { $(this).find(".faq-item-answer").css("display","block"); }else { $(this).find(".faq-item-answer").css("display","none"); } }); //ot, 하단 tab 클릭이벤트 $("#slider_desc > li").click(function(){ var current = $(this); var index = current.index(); if(current.hasClass("active")) { current.removeClass("active"); current.children('.slider_text').css("display","none"); } else { $("#slider_desc > li").removeClass("active"); $(".slider_text").css("display","none"); current.addClass("active"); current.children('.slider_text').css("display","block"); $("#slider_imgs img").removeClass("active").eq(index).addClass("active"); } }); //ot, video 하단 탭 클릭이벤트 $("#tabs-container > a").click(function(){ var current = $(this); var index = current.index(); if(!current.hasClass("active")) { $("#video-container > a").removeClass("active").eq(index).addClass("active"); $("#tabs-container > a").removeClass("active").eq(index).addClass("active"); }; }); //ot, 메인컨텐츠 비디오 클릭이벤트 const vidyard = document.getElementById("mainVidyard"); if(vidyard) { vidyard.href = "javascript:void(0)"; vidyard.addEventListener("click", function(){ fn_vidyard_3j31QGLYHahna7x1jDrzga(); }); } //listImgClick 의 클릭하면 img 변경 , default 설정 $("#imgContent > img").eq(0).addClass("active"); $("#listContent > ul > li").eq(0).addClass("active"); $("#listContent > ul > li").click(function(e){ e.preventDefault(); var current = $(this); var index = current.index(); if(!current.hasClass("active")) { $("#imgContent > img").removeClass("active").eq(index).addClass("active"); $("#listContent > ul > li").removeClass("active").eq(index).addClass("active"); }; }); //gscan 기대효과 li 클릭 $("#list li").click(function(){ $(this).toggleClass("on"); $(this).siblings().removeClass("on"); }); //gscan 주요 특장점 li 클릭 $(".column li").click(function() { $(this).toggleClass("on"); $(this).siblings().removeClass("on"); $(this).next("ul").toggleClass("active"); $(this).next("ul").siblings().removeClass("active"); $(this).children(".fas") if($(this).children(".fas").hasClass("fa-angle-down")) { $(this).children(".fas").removeClass("fa-angle-down"); $(this).children(".fas").addClass("fa-angle-up"); } else { $(this).children(".fas").removeClass("fa-angle-up"); $(this).children(".fas").addClass("fa-angle-down"); } }); //임퍼바 - 웹 방화벽 $(".tabBox").eq(0).addClass("on"); $(".tabBtn").mouseover( function() { $(this).addClass("on"); $(this).siblings().removeClass('on'); var i = $(this).index(); $(".tabBox").eq(i).addClass("on"); $(".tabBox").eq(i).siblings().removeClass('on'); }); const slideContent = document.querySelector(".slideContent"); const liHeight = $(".contentWrap li").first().outerHeight(); const $bars = $('.progressBar .bar'); const $imgs = $('.contentWrap .innerImg img'); $imgs.removeClass('active'); $imgs.eq(0).addClass('active'); $bars.removeClass("on"); $bars.eq(0).addClass("on"); $(".slideContent").on("scroll", function() { const scrollTop = $(this).scrollTop(); const index = Math.round(scrollTop / liHeight); $bars.removeClass('on'); $bars.eq(index).addClass('on'); $imgs.removeClass('active'); $imgs.eq(index).addClass('active'); }); $(".slideContent").on('wheel', function(e) { const { scrollTop, scrollHeight, clientHeight } = scrollArea; const isScrollingDown = e.deltaY > 0; const isScrollingUp = e.deltaY < 0; const atTop = scrollTop === 0; const atBottom = scrollTop + clientHeight >= scrollHeight; // 내부에서 스크롤이 가능한 경우만 e.preventDefault() 안 함 const canScrollUp = isScrollingUp && !atTop; const canScrollDown = isScrollingDown && !atBottom; if (canScrollUp || canScrollDown) { // 내부 영역 스크롤 허용: 기본 동작 허용 (아무 것도 안 함) return; } // 내부 영역이 더 이상 스크롤 못할 경우: body 스크롤을 막지 않음 // 아무 것도 안 막으면 body가 자연스럽게 스크롤됨 }, { passive: false }); }());