From 2eb83bad57f6ec41c13ba5518df22050850763cc Mon Sep 17 00:00:00 2001
From: Daseul Kim <seul@interplug.co.kr>
Date: Thu, 10 Jul 2025 13:56:19 +0900
Subject: [PATCH] =?UTF-8?q?refactor:=20=EC=A7=80=EB=B6=95=EC=9E=AC?=
 =?UTF-8?q?=EC=A0=81=ED=95=A9=EC=84=B1=20=EC=B2=B4=ED=81=AC=EB=B0=95?=
 =?UTF-8?q?=EC=8A=A4=20id=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/suitable/SuitableList.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/suitable/SuitableList.tsx b/src/components/suitable/SuitableList.tsx
index 461beb9..b684772 100644
--- a/src/components/suitable/SuitableList.tsx
+++ b/src/components/suitable/SuitableList.tsx
@@ -74,11 +74,11 @@ export default function SuitableList() {
             <div className={`check-form-box ${isMainIndeterminate(item.id, item.detailCnt) ? 'space' : ''}`}>
               <input
                 type="checkbox"
-                id={`ch${item.id}`}
+                id={`main_ch${item.id}`}
                 checked={isItemSelected(item.id)}
                 onChange={() => handleItemClick(item.id, undefined, toSuitableDetailIds(item.detail))}
               />
-              <label htmlFor={`ch${item.id}`}>{item.productName}</label>
+              <label htmlFor={`main_ch${item.id}`}>{item.productName}</label>
             </div>
             <div className="check-name-btn">
               <button className="bx-btn" onClick={() => toggleItemOpen(item.id)}></button>
@@ -91,11 +91,11 @@ export default function SuitableList() {
                   <div className="check-form-box light">
                     <input
                       type="checkbox"
-                      id={`ch${subItem.id}`}
+                      id={`sub_ch${subItem.id}`}
                       checked={isItemSelected(item.id, subItem.id)}
                       onChange={() => handleItemClick(item.id, subItem.id)}
                     />
-                    <label htmlFor={`ch${subItem.id}`}>{toCodeName(SUITABLE_HEAD_CODE.TRESTLE_MFPC_CD, subItem.trestleMfpcCd)}</label>
+                    <label htmlFor={`sub_ch${subItem.id}`}>{toCodeName(SUITABLE_HEAD_CODE.TRESTLE_MFPC_CD, subItem.trestleMfpcCd)}</label>
                   </div>
                   <div className="compliance-icon-wrap">
                     <div className="compliance-icon">
@@ -114,7 +114,7 @@ export default function SuitableList() {
         </div>
       )
     },
-    [isItemSelected, openItems, handleItemClick, toggleItemOpen, toCodeName, toSuitableDetail],
+    [isItemSelected, openItems, handleItemClick, toggleItemOpen, toCodeName, toSuitableDetail, toSuitableDetailIds],
   )
 
   /* 조회 데이터 리스트 */