/* 240610 서주원 - 상단비주얼 애니메이션 */
var controller = new ScrollMagic.Controller();

// 애니메이션 정의
var tween = gsap.to(".visual2", {
    duration: 1, // 애니메이션 시간 (초)
    width: "2000px", // 최종 너비
    // ease: "power2.inOut" // 이징 적용
});

// ScrollMagic 씬 생성
var scene = new ScrollMagic.Scene({
    triggerElement: ".visual2", // 애니메이션 시작 요소
    triggerHook: 0.4, // 스크롤 위치 (0.5는 화면 중앙)
    duration: 270 // 애니메이션 지속 거리
})
.setTween(tween)
// .addIndicators({name: "Box Animation"}) // 디버그를 위한 인디케이터 추가 (선택 사항)
.addTo(controller);
/* 240610 서주원 - 상단비주얼 애니메이션 끝 */


// partners tit
var controller = new ScrollMagic.Controller();

var scene = new ScrollMagic.Scene({
    triggerElement: '.top_rni_text',
    triggerHook: "0.7",
})
.setClassToggle('.top_rni_text', 'active')
.addTo(controller);


const popup = document.querySelector('.certify_layer');
const modalTitle = document.querySelector('.title-modal__title');
const modalImg = document.querySelector('.modal-img');
const closeBtn = document.querySelector('.title-modal__close-btn');
const dim = document.querySelector('.dim');

document.querySelectorAll('.certify_list_wrap ul li').forEach(item => {
    item.addEventListener('click', function() {
        const title = this.dataset.title;
        const imgSrc = `/assets/images/home/company/rni/layer_${this.dataset.img}.png`;

        modalTitle.textContent = title;
        modalImg.src = imgSrc;

        popup.classList.remove('dn');
    });
});

closeBtn.addEventListener('click', function() {
    popup.classList.add('dn');
});

dim.addEventListener('click', function() {
    popup.classList.add('dn');
});