CSS 메인 파일 업데이트:

- "main.min.css"에서 디자인 스타일 및 애니메이션 수정 및 최적화.

src/main/resources/templates/views/apps/mypage/apiKeyModifyStep2.html

@@ -176,7 +176,10 @@
       </div>
     </div>
   </div>
+</th:block>
 
+<!-- 화면 전체 오버레이/플로팅은 body 직속(pagePopups)으로 렌더 → wrapper transform·overflow 영향 없이 뷰포트 기준 중앙 정렬 -->
+<section layout:fragment="pagePopups">
   <!-- Floating Cart Button -->
   <button type="button" class="s2-floating-cart" id="floatingCartBtn" style="display: none;">
     <span class="s2-cart-label">선택된 API</span>
@@ -204,7 +207,7 @@
       </div>
     </div>
   </div>
-</th:block>
+</section>
 
 <th:block layout:fragment="contentScript">
   <script th:inline="javascript">
@@ -614,7 +617,7 @@
 
       // Open modal
       function openModal() {
-        selectedApisModal.style.display = 'block';
+        selectedApisModal.style.display = 'flex'; // .s2-modal은 flex 중앙정렬 → block 금지
         // Add show class to backdrop and modal for visibility
         setTimeout(function() {
           if (modalOverlay) {
@@ -663,7 +666,7 @@
 
       // Close modal on ESC key
       document.addEventListener('keydown', function(e) {
-        if (e.key === 'Escape' && selectedApisModal.style.display === 'block') {
+        if (e.key === 'Escape' && selectedApisModal.style.display === 'flex') {
           closeModal();
         }
       });