From ec66381b424030aee2c6cda67b12e6964a7f1e86 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=9C=A0=EC=A7=80=EC=9D=B8?= <jiyoo@dbnt.co.kr>
Date: Fri, 28 Nov 2025 15:07:11 +0900
Subject: [PATCH] =?UTF-8?q?=EC=88=98=EC=A0=95=EC=9A=94=EC=B2=AD=EB=8C=80?=
 =?UTF-8?q?=EC=83=81=20=EA=B7=B8=EB=A3=B9=EC=83=81=EC=84=B8=EC=84=A4?=
 =?UTF-8?q?=EB=AA=85=20=EA=B4=80=EB=A6=AC=EC=9E=90=EC=97=90=EB=8F=84=20?=
 =?UTF-8?q?=ED=91=9C=EC=8B=9C=20=EC=B2=98=EB=A6=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../sqlmap/mapper/regi/manageList.xml         |  3 +
 .../views/web/manage/modeify_call_reason.jsp  | 59 +++++++++++++++----
 .../web/manage/select_modeify_call_reason.jsp | 18 ++----
 3 files changed, 55 insertions(+), 25 deletions(-)

diff --git a/src/main/resources/egovframework/sqlmap/mapper/regi/manageList.xml b/src/main/resources/egovframework/sqlmap/mapper/regi/manageList.xml
index 72b8b530..e1886f95 100644
--- a/src/main/resources/egovframework/sqlmap/mapper/regi/manageList.xml
+++ b/src/main/resources/egovframework/sqlmap/mapper/regi/manageList.xml
@@ -395,11 +395,14 @@
 					]]>
 </select>
 
+
 <!-- 수정요청사유 팝업 > 수정요청대상에 표시 할 항목 조회  -->
 <select id="selectModifyItem" parameterType="map" resultType="java.util.HashMap">
 	SELECT GRP.GRP_IDX 
 	      ,IT.IT_IDX 
 	      ,GRP.NAME AS GRP_NAME
+<!--      ,GRP."DESC" AS GRP_DESC -->
+	      ,REPLACE(GRP."DESC", CHR(13), '') AS GRP_DESC<!-- 줄바꿈 처리 필요 -->
 	      ,IT.NAME AS ITEM_NAME
 	FROM   TEMP_MANAGE_STATE_MODI_IT IT
 	LEFT JOIN TEMP_MANAGE_STATE_MODI_GRP GRP ON GRP.GRP_IDX = IT.GRP_IDX
diff --git a/src/main/webapp/WEB-INF/views/web/manage/modeify_call_reason.jsp b/src/main/webapp/WEB-INF/views/web/manage/modeify_call_reason.jsp
index 7966336e..1779678c 100644
--- a/src/main/webapp/WEB-INF/views/web/manage/modeify_call_reason.jsp
+++ b/src/main/webapp/WEB-INF/views/web/manage/modeify_call_reason.jsp
@@ -48,6 +48,45 @@
     margin: 0;
     padding: 0;
 }
+i.help {
+    position: relative;
+    margin-left: 5px;
+    border: 2px solid #89c2ff;
+    padding: 0px 3px;
+    border-radius: 10px;
+    color: #89c2ff;
+    background: #fff;
+    font-size: 11px;
+    font-weight: 800;
+    cursor:pointer;
+}
+
+.help:hover::after {
+    content: attr(data-tooltip);
+    position: absolute;
+    top: 24px;
+    left: 0;
+    white-space: pre-wrap;   /* 줄바꿈 적용 */
+    width: 240px;
+    background: #333;
+    color: #fff;
+    padding: 8px 10px;
+    border-radius: 4px;
+    font-size: 12px;
+    z-index: 9999;
+    box-shadow: 0 2px 8px rgba(0,0,0,0.3);
+}
+
+.help:hover::before {
+    content: "";
+    position: absolute;
+    top: 18px;
+    left: 8px;
+    border-width: 6px;
+    border-style: solid;
+    border-color: #333 transparent transparent transparent;
+    z-index: 9999;
+}
 </style>
 <script type="text/javascript">
 let addNum = 0;
@@ -159,29 +198,23 @@ function addNumModifyItemValue(){
 			<c:set var="prevGrp" value="" />
 	        <ul>
 			<c:forEach var="item" items="${resultList.modiItemList}" varStatus="st">
-			    <!-- 새로운 그룹이 시작되는 경우 -->
-			    <c:if test="${prevGrp ne item.GRP_IDX}">
-			        <!-- 첫 그룹이 아니라면 이전 그룹의 ul/li 닫기 -->
-			        <c:if test="${!st.first}">
+			    <c:if test="${prevGrp ne item.GRP_IDX}"><%-- 새로운 그룹이 시작되는 경우 --%>
+			        <c:if test="${!st.first}"><%-- 첫 그룹이 아니라면 이전 그룹의 ul/li 닫기 --%>
 			            </ul>
 			        </li>
 			        </c:if>
-			        <!-- 그룹 제목 표시 -->
-			        <li data-grp="${item.GRP_IDX }">
-			            ${item.GRP_NAME}
+			        <li data-grp="${item.GRP_IDX }"><%-- 그룹 제목 표시 --%>
+			            ${item.GRP_NAME} <c:if test="${not empty item.GRP_DESC }"><i class="help"  data-tooltip="${ item.GRP_DESC }">?</i></c:if>
 			            <ul>
 			    </c:if>
-			    <!-- 아이템 출력 -->
-			    <li>
+			    <li><%-- 아이템 출력 --%>
 			        <label>
 			            <input type="checkbox" name="MODIFY_ITEM_VAL" value="${item.IT_IDX}" />
 			            ${item.ITEM_NAME}
 			        </label>
 			    </li>
-			    <!-- prevGrp 최신화 -->
-			    <c:set var="prevGrp" value="${item.GRP_IDX}" />
-			    <!-- 마지막 루프일 경우 태그 닫기 -->
-			    <c:if test="${st.last}">
+			    <c:set var="prevGrp" value="${item.GRP_IDX}" /><%-- prevGrp 최신화 --%>
+			    <c:if test="${st.last}"><%-- 마지막 루프일 경우 태그 닫기 --%>
 			            </ul>
 			        </li>
 			    </c:if>
diff --git a/src/main/webapp/WEB-INF/views/web/manage/select_modeify_call_reason.jsp b/src/main/webapp/WEB-INF/views/web/manage/select_modeify_call_reason.jsp
index c9820652..c481f678 100644
--- a/src/main/webapp/WEB-INF/views/web/manage/select_modeify_call_reason.jsp
+++ b/src/main/webapp/WEB-INF/views/web/manage/select_modeify_call_reason.jsp
@@ -125,25 +125,19 @@ function resize(){
 			<c:set var="prevGrp" value="" />
 	        <ul>
 			<c:forEach var="item" items="${modiItem}" varStatus="st">
-			    <!-- 새로운 그룹이 시작되는 경우 -->
-			    <c:if test="${prevGrp ne item.GRP_IDX}">
-			        <!-- 첫 그룹이 아니라면 이전 그룹의 ul/li 닫기 -->
-			        <c:if test="${!st.first}">
+			    <c:if test="${prevGrp ne item.GRP_IDX}"><%-- 새로운 그룹이 시작되는 경우 --%>
+			        <c:if test="${!st.first}"><%-- 첫 그룹이 아니라면 이전 그룹의 ul/li 닫기 --%>
 			            </ul>
 			        </li>
 			        </c:if>
-			        <!-- 그룹 제목 표시 -->
-			        <li data-grp="${item.GRP_IDX }">
+			        <li data-grp="${item.GRP_IDX }"><%-- 그룹 제목 표시 --%>
 			            ${item.GRP_NAME} <c:if test="${not empty item.GRP_DESC }"><i class="help"  data-tooltip="${ item.GRP_DESC }">?</i></c:if>
 			            <ul>
 			    </c:if>
-			    <!-- 아이템 출력 -->
-			    <li>${item.ITEM_NAME}<c:if test="${!(st.last or item.GRP_IDX ne modiItem[st.index + 1].GRP_IDX)}">,</c:if>
+			    <li>${item.ITEM_NAME}<c:if test="${!(st.last or item.GRP_IDX ne modiItem[st.index + 1].GRP_IDX)}">,</c:if><%-- 아이템 출력 --%>
 			    </li>
-			    <!-- prevGrp 최신화 -->
-			    <c:set var="prevGrp" value="${item.GRP_IDX}" />
-			    <!-- 마지막 루프일 경우 태그 닫기 -->
-			    <c:if test="${st.last}">
+			    <c:set var="prevGrp" value="${item.GRP_IDX}" /><%-- prevGrp 최신화 --%>
+			    <c:if test="${st.last}"><%-- 마지막 루프일 경우 태그 닫기 --%>
 			            </ul>
 			        </li>
 			    </c:if>