스크롤시 고정되는거요~ 채택완료

</p>

<p>

    $(document).ready(function(){

        new WOW().init();

        $(window).scroll(function(){

            let scrollTop = $(window).scrollTop();</p>

<p>            scrollTextMove(scrollTop);</p>

<p>            if($(window).width() >= 1024){

                $(".mask-image-wrapper").removeClass("off");

                scrollImgMove(scrollTop);

            }else{

                $(".mask-image-wrapper").addClass("off");

            }</p>

<p>            if(scrollTop > 0){

                $("header").addClass("on");

            }else{

                $("header").removeClass("on");

            }</p>

<p>            let navHt = $("header").outerHeight() + 20;

            let scrollFixContainer = $("section#promiseWrap .info-wrapper.pc");

            let scrollFixTarget = $("section#promiseWrap .info-wrapper.pc .info__image-01");

            let scrollFixStart = scrollFixContainer.offset().top - navHt;

            let scrollFixEnd = scrollFixStart + scrollFixContainer.outerHeight() - scrollFixTarget.outerHeight();

            if(scrollTop < scrollFixStart){

                scrollFixTarget.removeClass("on").removeClass("bottom");

            }else if(scrollTop >= scrollFixStart && scrollTop < scrollFixEnd){

                scrollFixTarget.removeClass("bottom").addClass("on");

            }else if(scrollTop >= scrollFixEnd){

                scrollFixTarget.removeClass("on").addClass("bottom");

            }

        });

 </p>

<p>