pg견적문의 생성 및 퀵배너 변경

src/main/resources/static/js/main.js

@@ -25,25 +25,32 @@ const slideData = [
     },
 ];
 
+setTimeout(function () {
+    $('.txt_box').addClass('animate-in');
+}, 100);
+
 // ② 텍스트 업데이트 함수 (fade out → 내용 교체 → fade in)
 function updateSlideText(index) {
     const d = slideData[index];
     const $box = $('#mainVisual .txt_box');
 
-    $box.removeClass('animate-in');
+    // ① transition 없이 즉시 초기 상태로 snap
+    $box.addClass('no-transition').removeClass('animate-in');
 
     $box.find('.main-tit').text(d.mainTit);
     $box.find('.sub-tit-line').text(d.subTitLine);
     $box.find('.sub-tit-bold').text(d.subTitBold);
 
-    // 클래스명 대신 순서로 선택
     const $btns = $box.find('.visual-btn');
     $btns.eq(0).attr('href', d.btn1.href).find('.btn-txt').text(d.btn1.text);
     $btns.eq(1).attr('href', d.btn2.href).find('.btn-txt').text(d.btn2.text);
 
-    setTimeout(function () {
-        $box.addClass('animate-in');
-    }, 0);
+    // ② 두 프레임 후 transition 복원 + animate-in (브라우저가 초기 상태를 확실히 렌더링한 뒤 실행)
+    requestAnimationFrame(function () {
+        requestAnimationFrame(function () {
+            $box.removeClass('no-transition').addClass('animate-in');
+        });
+    });
 }
 // ③ Swiper 초기화
 const mySwiper = new Swiper('.MainSwiper', {