/*! 6/21/2024, 11:42:51 AM */
/******/ (() => { // webpackBootstrap
var __webpack_exports__ = {};
(() => {
    const { EventManager, utils } = ShopbySkin;
    const url = new URL(window.location.href);
    const searchParams = new URLSearchParams(url.search);

    const boardId = searchParams.get('boardId');
    const boardNo = searchParams.get('boardNo');

    let shopbyCommonData = {};
    EventManager.on('PAGE_LOAD_COMPLETED', (commonData) => {
    shopbyCommonData = commonData;

    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);
    });
})();

/******/ })()
;