From 89d1e28a06077c886a3c9b456e13d38c61d505a3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B9=80=EC=B0=BD=EC=88=98?= <chang9811@interplug.co.kr>
Date: Wed, 16 Oct 2024 10:28:51 +0900
Subject: [PATCH] =?UTF-8?q?=EB=AC=BC=EA=B1=B4=EC=A0=95=EB=B3=B4=20?=
 =?UTF-8?q?=ED=88=B4=ED=8C=81=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/management/newproduct/page.jsx        |  2 +-
 .../management/newproduct/NewProductTable.jsx |  4 ++-
 .../productinfo/ProductInfoTable.jsx          | 10 ++++--
 src/styles/_table.scss                        | 31 +++++++++++++------
 4 files changed, 33 insertions(+), 14 deletions(-)

diff --git a/src/app/management/newproduct/page.jsx b/src/app/management/newproduct/page.jsx
index 463bbb3..755bf75 100644
--- a/src/app/management/newproduct/page.jsx
+++ b/src/app/management/newproduct/page.jsx
@@ -47,7 +47,7 @@ export default function NewProductPage(){
             {/* <FindAddressPop/> */}
 
             {/* 설계의뢰 불러오기 팝업 */}
-            <DesignRequestPop/>
+            {/* <DesignRequestPop/> */}
         </div>
     )
 }
\ No newline at end of file
diff --git a/src/components/sub/management/newproduct/NewProductTable.jsx b/src/components/sub/management/newproduct/NewProductTable.jsx
index 041e693..c6cf788 100644
--- a/src/components/sub/management/newproduct/NewProductTable.jsx
+++ b/src/components/sub/management/newproduct/NewProductTable.jsx
@@ -192,7 +192,9 @@ export default function NewProductTable(){
                                         <input type="checkbox" id="ch02" />
                                         <label htmlFor="ch02">塩害地域用アイテムの使用</label>
                                     </div>
-                                    <div className="tooltips"></div>
+                                    <div className="tooltips">
+                                        <span>塩害地域の定義は各メーカーの設置マニュアルをご確認ください</span>
+                                    </div>
                                 </div>
                             </td>
                         </tr>
diff --git a/src/components/sub/management/productinfo/ProductInfoTable.jsx b/src/components/sub/management/productinfo/ProductInfoTable.jsx
index 55b070d..857ec37 100644
--- a/src/components/sub/management/productinfo/ProductInfoTable.jsx
+++ b/src/components/sub/management/productinfo/ProductInfoTable.jsx
@@ -102,7 +102,9 @@ export default function ProductInfoTable(){
                                         <div className="title">
                                             一次販売店名/ID <span className="important">*</span>
                                         </div>
-                                        <div className="tooltips"></div>
+                                        <div className="tooltips">
+                                            <span>販売代理店または販売代理店IDを1文字以上入力してください。</span>
+                                        </div>
                                     </div>
                                 </th>
                                 <td>
@@ -125,7 +127,9 @@ export default function ProductInfoTable(){
                                         <div className="title">
                                             二次販売店名/ID <span className="important">*</span>
                                         </div>
-                                        <div className="tooltips"></div>
+                                        <div className="tooltips">
+                                            <span>販売代理店または販売代理店IDを1文字以上入力してください。</span>
+                                        </div>
                                     </div>
                                 </th>
                                 <td>
@@ -225,7 +229,7 @@ export default function ProductInfoTable(){
                                             <input type="checkbox" id="ch02" />
                                             <label htmlFor="ch02">塩害地域用アイテムの使用</label>
                                         </div>
-                                        <div className="tooltips"></div>
+                                        <div className="tooltips"><span>塩害地域の定義は各メーカーの設置マニュアルをご確認ください</span></div>
                                     </div>
                                 </td>
                             </tr>
diff --git a/src/styles/_table.scss b/src/styles/_table.scss
index 51e26e6..f615547 100644
--- a/src/styles/_table.scss
+++ b/src/styles/_table.scss
@@ -115,24 +115,37 @@ table{
         cursor: pointer;
         span{
             position: absolute;
-            top: -25px;
-            left: -10px;
-            padding: 3px 7px;
-            font-size: 11px;
+            top: 50%;
+            transform: translateY(-50%);
+            left: 25px;
+            padding: 11px 7px;
+            font-size: 12px;
             font-weight: 400;
-            color: #344356;
-            background-color: #F7F9FA;
-            border: 1px solid #ECF0F4;
-            border-radius: 30px;
+            color: #45576F;
+            background-color: #fff;
+            border: 2px solid #45576F;
+            border-radius: 2px;
             white-space: nowrap;
             opacity: 0;
             visibility: hidden;
             z-index: 99;
             transition: all .15s ease-in-out;
+            &::before{
+                content: '';
+                position: absolute;
+                top: 50%;
+                left: -6px;
+                transform: translateY(-50%) rotate(45deg);
+                width: 9px;
+                height: 9px;
+                border: 2px solid #45576F;
+                background-color: #fff;
+                border-top: none;
+                border-right: none;
+            }
         }
         &:hover{
             span{
-                top: -30px;
                 opacity: 1;
                 visibility: visible;
             }