var controller = new ScrollMagic.Controller();

// philosophy tit
var scene = new ScrollMagic.Scene({
    triggerElement: '.top_philosophy_text',
    triggerHook: "0.7",
})
.on('enter', function () {
    setTimeout(function () {
        document.querySelector('.top_philosophy_text').classList.add('active');
    }, 1000); // 0.5초 딜레이
})
.on('leave', function () {
    document.querySelector('.top_philosophy_text').classList.remove('active');
})
.addTo(controller);


// philosophy 1

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

// philosophy 2

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

// philosophy 3

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