js 수정 내용, dbconfig 내용 수정

data/dbconfig.php

@@ -1,6 +1,6 @@
 <?php
 if (!defined('_GNUBOARD_')) exit;
-define('G5_MYSQL_HOST', '192.168.0.62:7780');
+define('G5_MYSQL_HOST', 'dskim.kozow.com:7780');
 define('G5_MYSQL_USER', 'msbfox');
 define('G5_MYSQL_PASSWORD', 'kdsmsb');
 define('G5_MYSQL_DB', 'dnssash');

theme/rd.dnssash/rb.layout/dnssash_main/js/products2.js

@@ -1,10 +1,11 @@
 /**
  * [최종 통합본] 제품 사이드 메뉴 및 메인 맵 연동 모듈 (products2.js)
  * 1: 중앙팝업, 2: 점선연결, 3: 제자리확대, 4: 1초 지연 후 중앙팝업
+ * 5: 점선연결 + 1초후 중앙팝업
  */
 (function() {
     // 💡 설정: 원하는 모드 번호를 입력하세요.
-    const POPUP_MODE = 4;
+    const POPUP_MODE = 5;
 
     let popupTimer = null; // 4번 모드용 타이머
 
@@ -129,6 +130,47 @@
                             imgElement.style.pointerEvents = 'auto';
                             imgElement.onclick = () => { location.href = proLink; };
                         }
+                    } else if(POPUP_MODE === 5 && imgElement) {
+                        // [모드 2] 점선 연결선 정밀 계산
+                        const rect = this.getBoundingClientRect();
+                        const mainRect = mainArea.getBoundingClientRect();
+                        const targetX = mainRect.left + (mainRect.width * (parseFloat(x1) / 100));
+                        const targetY = mainRect.top + (mainRect.height * (parseFloat(y1) / 100));
+                        const isLeft = this.closest('.product-side').classList.contains('left');
+                        const startX = isLeft ? rect.right : rect.left;
+                        const startY = rect.top + (rect.height / 2);
+                        const dx = targetX - startX;
+                        const dy = targetY - startY;
+                        const dist = Math.sqrt(dx * dx + dy * dy);
+                        let angle = Math.atan2(dy, dx) * 180 / Math.PI;
+                        if (!isLeft) angle += 180;
+
+                        this.style.setProperty('--line-width', dist + 'px');
+                        this.style.setProperty('--line-angle', angle + 'deg');
+                        this.classList.add('show-connector');
+                        requestAnimationFrame(() => this.classList.add('active'));
+                        if (imgElement) imgElement.style.transform = 'scale(1.2)';
+
+                        if (imgElement && proLink) {
+                            imgElement.style.cursor = 'pointer';
+                            imgElement.onclick = () => { location.href = proLink; };
+                        }
+
+                        var popupTimer = setTimeout(() => {
+                            if (imgElement) {
+                                const clone = imgElement.cloneNode(true);
+                                clone.id = 'active-popup-img';
+                                clone.src = imgSrc;
+                                if (proLink) {
+                                    clone.style.cursor = 'pointer';
+                                    clone.style.pointerEvents = 'auto';
+                                    clone.onclick = () => { location.href = proLink; };
+                                }
+                                mainArea.appendChild(clone);
+                                requestAnimationFrame(() => clone.classList.add('active'));
+                            }
+                        }, 1000); // 1000ms = 1초 대기
+
                     }
                 }
             });