From 47b30f92b2cb13c9a777fb97e714ad30281d74c4 Mon Sep 17 00:00:00 2001
From: JoJH <jaehyun81@xit.co.kr>
Date: Mon, 11 Nov 2024 14:46:02 +0900
Subject: [PATCH] =?UTF-8?q?=EC=83=81=EC=84=B8=20=EC=A0=95=EB=B3=B4=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95.=20=20=20info=20->=20Info?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../WEB-INF/jsp/fims/crdn/crdn06030-info.jsp  |    2 +-
 .../WEB-INF/jsp/fims/epst/epst02020-info.jsp  |    4 +-
 .../WEB-INF/jsp/fims/epst/epst02040-info.jsp  |    4 +-
 .../WEB-INF/jsp/fims/excl/excl01020-info.jsp  |    6 +-
 .../WEB-INF/jsp/fims/excl/excl02020-info.jsp  |    5 +-
 .../WEB-INF/jsp/fims/excl/excl02030-info.jsp  |    4 +-
 .../WEB-INF/jsp/fims/excl/excl02040-info.jsp  |    2 +-
 .../WEB-INF/jsp/fims/levy/levy01010-main.jsp  |  592 ++++----
 .../WEB-INF/jsp/fims/levy/levy01020-info.jsp  |  113 +-
 .../WEB-INF/jsp/fims/levy/levy01050-main.jsp  |  599 ++++----
 .../WEB-INF/jsp/fims/levy/levy02010-main.jsp  | 1253 ++++++++---------
 .../WEB-INF/jsp/fims/levy/levy02020-info.jsp  |  412 +++---
 .../jsp/fims/payer/payer01020-info.jsp        |    2 +-
 .../WEB-INF/jsp/fims/sprt/sprt04020-info.jsp  |    2 +-
 .../resources/js/fims/crdn/crdn06030.js       |    2 +-
 .../resources/js/fims/epst/epst02020.js       |    2 +-
 .../resources/js/fims/excl/excl01010.js       |    2 +-
 .../resources/js/fims/excl/excl01020.js       |    2 +-
 .../resources/js/fims/excl/excl02020.js       |    2 +-
 .../resources/js/fims/excl/excl02030.js       |    2 +-
 .../resources/js/fims/excl/excl02040.js       |    2 +-
 .../resources/js/fims/sprt/sprt02050.js       |    2 +-
 .../resources/js/fims/sprt/sprt04020.js       |    2 +-
 23 files changed, 1276 insertions(+), 1742 deletions(-)

diff --git a/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn06030-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn06030-info.jsp
index a73df472..a9cac446 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn06030-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn06030-info.jsp
@@ -125,7 +125,7 @@
         $P.fnReset();
 
         // 3. Dataset 설정
-        $P.ctrl.setData([${info}]);
+        $P.ctrl.setData([${Info}]);
 	});
 
 </script>
diff --git a/src/main/webapp/WEB-INF/jsp/fims/epst/epst02020-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/epst/epst02020-info.jsp
index c88828e3..d23bcf53 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/epst/epst02020-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/epst/epst02020-info.jsp
@@ -109,7 +109,7 @@
         // 이벤트 설정
         $P.setEvent = () => {
             // 버튼 이벤트
-            $P.$findn("btnSave").on("click", () => { $P.fnSave() });            // 저장
+            $P.$findn("btnSave").on("click", () => $P.fnSave());                // 저장
         }
 
         // 초기 화면 설정
@@ -136,7 +136,7 @@
         $P.fnReset();
 
         // 3. Dataset 설정
-        $P.ctrl.setData([${info}]);
+        $P.ctrl.setData([${Info}]);
     });
 
 </script>
diff --git a/src/main/webapp/WEB-INF/jsp/fims/epst/epst02040-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/epst/epst02040-info.jsp
index be713db9..ae01149e 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/epst/epst02040-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/epst/epst02040-info.jsp
@@ -120,10 +120,10 @@
 
         // URL
         $P.prefixUrl = "${prefixUrl}";
+        // main 의 검색 조건을 그대로 유지
+        $P.ctrl.query = ${mainQuery};
         // datasetControl
         $P.ctrl = newEpst02040Script("${pageName}", "[data-doctx=${pageName}]");
-        // query
-        $P.ctrl.query = ${mainQuery};
 
         /**************************************************************************
          * DataTables 이벤트
diff --git a/src/main/webapp/WEB-INF/jsp/fims/excl/excl01020-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/excl/excl01020-info.jsp
index beb42750..21427768 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/excl/excl01020-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/excl/excl01020-info.jsp
@@ -46,7 +46,7 @@
                         </select>
                     </div>
                     <div class="col-md-12">
-                        <label is="name-label" class="col-form-label bg-lighter pe-2 w-px-120 text-sm-end align-top" for="etcCn">기타 내용</label>
+                        <label is="name-label" class="col-form-label bg-lighter pe-2 w-px-120 text-sm-end align-top" for="etcCn">기타내용</label>
                     </div>
                     <div class="col-md-12">
                         <textarea is="id-textarea" class="form-control w-100" name="etcCn" data-map="ETC_CN" rows="3" data-maxlengthb="1000" autocomplete="off"></textarea>
@@ -145,7 +145,7 @@
         // 이벤트 설정
         $P.setEvent = () => {
             // 버튼 이벤트
-            $P.$findn("btnSave").on("click", () => { $P.fnSave() });            // 저장
+            $P.$findn("btnSave").on("click", () => $P.fnSave());                // 저장
         }
 
         // 초기 화면 설정
@@ -178,7 +178,7 @@
         $P.fnReset();
 
         // 3. dataset 설정
-        $P.ctrl.setData([${info}]);
+        $P.ctrl.setData([${Info}]);
     });
 
 </script>
diff --git a/src/main/webapp/WEB-INF/jsp/fims/excl/excl02020-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/excl/excl02020-info.jsp
index e029231a..ed0cba0e 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/excl/excl02020-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/excl/excl02020-info.jsp
@@ -384,7 +384,8 @@
             $P.$findn("btnAddFile").on("click", function() {
                 $P.$findn("uploadFiles").trigger("click");                      // 파일 등록 버튼 이벤트
             });
-            $P.$findn("btnSave").on("click", () => { $P.fnSave() });            // 저장
+
+            $P.$findn("btnSave").on("click", () => $P.fnSave());                // 저장
         }
 
         // 초기 화면 설정
@@ -422,7 +423,7 @@
         $P.fnReset();
 
         // 3. Dataset 설정
-        $P.ctrl.setData([${info}]);
+        $P.ctrl.setData([${Info}]);
     });
 
 </script>
diff --git a/src/main/webapp/WEB-INF/jsp/fims/excl/excl02030-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/excl/excl02030-info.jsp
index 85686e30..b12ea152 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/excl/excl02030-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/excl/excl02030-info.jsp
@@ -192,7 +192,7 @@
         // 이벤트 설정
         $P.setEvent = () => {
             // 버튼 이벤트
-            $P.$findn("btnSave").on("click", () => { $P.fnSave() });            // 저장
+            $P.$findn("btnSave").on("click", () => $P.fnSave());                // 저장
         }
 
         // 초기 화면 설정
@@ -226,7 +226,7 @@
         $P.fnReset();
 
         // 3. Dataset 설정
-        $P.ctrl.setData([${info}]);
+        $P.ctrl.setData([${Info}]);
     });
 
 </script>
diff --git a/src/main/webapp/WEB-INF/jsp/fims/excl/excl02040-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/excl/excl02040-info.jsp
index b285796f..5c7fcc37 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/excl/excl02040-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/excl/excl02040-info.jsp
@@ -171,7 +171,7 @@
         $P.fnReset();
 
         // 3. Dataset 설정
-        $P.ctrl.setData([${info}]);
+        $P.ctrl.setData([${Info}]);
 	});
 
 </script>
diff --git a/src/main/webapp/WEB-INF/jsp/fims/levy/levy01010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/levy/levy01010-main.jsp
index 7da4eca4..4e650b42 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/levy/levy01010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/levy/levy01010-main.jsp
@@ -5,34 +5,33 @@
 
 <!-- inner page html -->
 <div class="content-wrapper" data-doctx="${pageName}">
-	<!-- Content -->
-	<div class="container-xxl flex-grow-1 px-0">
-		<div class="card wrapper-list">
-			<!-- 상단 버튼 -->
-			<div class="container-page-btn">
-				<button type="button" class="btn btn-outline-dark w-px-120" name="btnReset" title="초기화">
-					초기화
-				</button>
-				<span class="container-window-btn-right">
-					<button type="button" class="btn btn-search w-px-120" name="btnSearch" title="검색">
-						검색
-					</button>
-					<button type="button" class="btn btn-excel w-px-120" name="btnExcel" title="엑셀">
-						엑셀
-					</button>
-				</span>
-			</div>
-			<!-- 상단 버튼 -->
-
-			<!-- 검색 조건 영역 -->
-			<form name="frmSearch">
-				<!-- hidden -->
-				<input type="hidden" name="sggCd" />
-
-				<!-- 메인 조건 -->
-				<div class="container-search">
-					<div class="row g-1">
-                        <!-- 업무 구분 -->
+    <!-- Content -->
+    <div class="container-xxl flex-grow-1 px-0">
+        <div class="card wrapper-list">
+            <!-- 상단 버튼 -->
+            <div class="container-page-btn">
+                <button type="button" class="btn btn-outline-dark w-px-120" name="btnReset" title="초기화">
+                    초기화
+                </button>
+                <span class="container-window-btn-right">
+                    <button type="button" class="btn btn-search w-px-120" name="btnSearch" title="검색">
+                        검색
+                    </button>
+                    <button type="button" class="btn btn-excel w-px-120" name="btnExcel" title="엑셀">
+                        엑셀
+                    </button>
+                </span>
+            </div>
+            <!-- 상단 버튼 -->
+
+            <!-- 검색 조건 영역 -->
+            <form name="frmSearch">
+                <!-- hidden -->
+                <input type="hidden" name="sggCd" />
+
+                <!-- 메인 조건 -->
+                <div class="container-search">
+                    <div class="row g-1">
                         <div class="col-12">
                             <span class="form-label form-search-title w-px-120 text-end fw-bold">업무구분</span>
                             <span class="form-search-linebox">
@@ -45,34 +44,31 @@
                                 </c:forEach>
                             </span>
                         </div>
-						<!-- 단속 일자 -->
-						<div class="col-6">
-							<label class="form-label form-search-title w-px-120 text-end fw-bold">단속일자</label>
-							<span class="form-search-linebox">
-								<input type="text" class="form-control form-date" name="schCrdnYmdFrom"
-								    data-fmt-type="day" autocomplete="off" title="시작 날짜 선택" />
-								<button type="button" class="bx bx-lg bx-calendar bg-white"></button>
-								~
-								<input type="text" class="form-control form-date" name="schCrdnYmdTo"
-								    data-fmt-type="day" autocomplete="off" title="종료 날짜 선택" />
-								<button type="button" class="bx bx-lg bx-calendar bg-white"></button>
-							</span>
-						</div>
-						<!-- 위반 코드 -->
-						<div class="col-6">
-							<label is="name-label" class="form-label form-search-title w-px-120 text-end fw-bold" for="schVltnCd">위반항목</label>
-							<select is="id-select" class="form-select w-px-240" name="schVltnCd">
-								<option value="">전체</option>
-								<c:forEach items="${FIM004List}" var="item">
-									<option value="${item.code}">${item.value}</option>
-								</c:forEach>
-							</select>
-						</div>
-						<!-- 차량번호 -->
-						<div class="col-6">
-							<label is="name-label" class="form-label form-search-title w-px-120 text-end fw-bold" for="schVhrno">차량번호</label>
-							<input is="id-input" type="text" class="form-control w-px-160" name="schVhrno" autocomplete="off" />
-						</div>
+                        <div class="col-6">
+                            <label class="form-label form-search-title w-px-120 text-end fw-bold">단속일자</label>
+                            <span class="form-search-linebox">
+                                <input type="text" class="form-control form-date" name="schCrdnYmdFrom"
+                                    data-fmt-type="day" autocomplete="off" title="시작 날짜 선택" />
+                                <button type="button" class="bx bx-lg bx-calendar bg-white"></button>
+                                ~
+                                <input type="text" class="form-control form-date" name="schCrdnYmdTo"
+                                    data-fmt-type="day" autocomplete="off" title="종료 날짜 선택" />
+                                <button type="button" class="bx bx-lg bx-calendar bg-white"></button>
+                            </span>
+                        </div>
+                        <div class="col-6">
+                            <label is="name-label" class="form-label form-search-title w-px-120 text-end fw-bold" for="schVltnCd">위반항목</label>
+                            <select is="id-select" class="form-select w-px-240" name="schVltnCd">
+                                <option value="">전체</option>
+                                <c:forEach items="${FIM004List}" var="item">
+                                    <option value="${item.code}">${item.value}</option>
+                                </c:forEach>
+                            </select>
+                        </div>
+                        <div class="col-6">
+                            <label is="name-label" class="form-label form-search-title w-px-120 text-end fw-bold" for="schVhrno">자동차등록번호</label>
+                            <input is="id-input" type="text" class="form-control w-px-160" name="schVhrno" autocomplete="off" />
+                        </div>
                         <!-- 동적검색 -->
                         <div class="col-6">
                             <input type="hidden" name="by" />
@@ -88,49 +84,44 @@
                                 </button>
                             </span>
                         </div> <!-- 동적검색 -->
-					</div>
-				</div> <!-- 메인 조건 -->
+                    </div>
+                </div> <!-- 메인 조건 -->
 
-				<!-- 상세 조건 -->
+                <!-- 상세 조건 -->
                 <div name="searchDetail" class="container-search container-search-detail collapse">
-					<div class="row g-1">
-						<!-- 민원 접수 일자 -->
-						<div class="col-4">
-							<label class="form-label form-search-title w-px-120 text-end fw-bold">민원접수일자</label>
-							<span class="form-search-linebox">
-								<input type="text" class="form-control form-date" name="schCvlcptRcptYmdFrom"
-									data-fmt-type="day" autocomplete="off" title="시작 날짜 선택" />
-								<button type="button" class="bx bx-lg bx-calendar bg-white"></button>
-								~
-								<input type="text" class="form-control form-date" name="schCvlcptRcptYmdTo"
-									data-fmt-type="day" autocomplete="off" title="종료 날짜 선택" />
-								<button type="button" class="bx bx-lg bx-calendar bg-white"></button>
-							</span>
-						</div>
-						<!-- 민원 처리 완료 일시 -->
-						<div class="col-4">
-							<label class="form-label form-search-title w-px-120 text-end fw-bold">민원처리일자</label>
-							<span class="form-search-linebox">
-								<input type="text" class="form-control form-date" name="schCvlcptPrcsCmptnDtFrom"
-									data-fmt-type="day" autocomplete="off" title="시작 날짜 선택" />
-								<button type="button" class="bx bx-lg bx-calendar bg-white"></button>
-								~
-								<input type="text" class="form-control form-date" name="schCvlcptPrcsCmptnDtTo"
-									data-fmt-type="day" autocomplete="off" title="종료 날짜 선택" />
-								<button type="button" class="bx bx-lg bx-calendar bg-white"></button>
-							</span>
-						</div>
-                        <!-- 납부자 번호 -->
+                    <div class="row g-1">
                         <div class="col-4">
-                            <label is="name-label" class="form-label form-search-title w-px-120 text-end fw-bold" for="schRtpyrNm">납부자번호</label>
-                            <input is="id-input" type="text" class="form-control w-px-160" name="schRtpyrNm" autocomplete="off" />
+                            <label class="form-label form-search-title w-px-120 text-end fw-bold">민원접수일자</label>
+                            <span class="form-search-linebox">
+                                <input type="text" class="form-control form-date" name="schCvlcptRcptYmdFrom"
+                                    data-fmt-type="day" autocomplete="off" title="시작 날짜 선택" />
+                                <button type="button" class="bx bx-lg bx-calendar bg-white"></button>
+                                ~
+                                <input type="text" class="form-control form-date" name="schCvlcptRcptYmdTo"
+                                    data-fmt-type="day" autocomplete="off" title="종료 날짜 선택" />
+                                <button type="button" class="bx bx-lg bx-calendar bg-white"></button>
+                            </span>
+                        </div>
+                        <div class="col-4">
+                            <label class="form-label form-search-title w-px-120 text-end fw-bold">민원처리일자</label>
+                            <span class="form-search-linebox">
+                                <input type="text" class="form-control form-date" name="schCvlcptPrcsCmptnDtFrom"
+                                    data-fmt-type="day" autocomplete="off" title="시작 날짜 선택" />
+                                <button type="button" class="bx bx-lg bx-calendar bg-white"></button>
+                                ~
+                                <input type="text" class="form-control form-date" name="schCvlcptPrcsCmptnDtTo"
+                                    data-fmt-type="day" autocomplete="off" title="종료 날짜 선택" />
+                                <button type="button" class="bx bx-lg bx-calendar bg-white"></button>
+                            </span>
                         </div>
-                        <!-- 납부자 명 -->
                         <div class="col-4">
-                            <label is="name-label" class="form-label form-search-title w-px-120 text-end fw-bold" for="schRtpyrNo">납부자명</label>
+                            <label is="name-label" class="form-label form-search-title w-px-120 text-end fw-bold" for="schRtpyrNo">납부자번호</label>
                             <input is="id-input" type="text" class="form-control w-px-160" name="schRtpyrNo" autocomplete="off" />
                         </div>
-                        <!-- 등록일자, 수정일자 -->
+                        <div class="col-4">
+                            <label is="name-label" class="form-label form-search-title w-px-120 text-end fw-bold" for="schRtpyrNm">납부자명</label>
+                            <input is="id-input" type="text" class="form-control w-px-160" name="schRtpyrNm" autocomplete="off" />
+                        </div>
                         <div class="col-4">
                             <select class="form-select w-px-120 text-center" name="schRegDateOpt">
                                 <option value="regDt">등록일자</option>
@@ -146,7 +137,6 @@
                                 <button type="button" class="bx bx-lg bx-calendar bg-white"></button>
                             </span>
                         </div>
-                        <!-- 등록자명, 수정자명 -->
                         <div class="col-4">
                             <select class="form-select w-px-120 text-center" name="schRgtrOpt">
                                 <option value="rgtr">등록자</option>
@@ -157,78 +147,77 @@
                             <button type="button" class="btn btn-sm btn-outline-dark" name="btnFindUser" title="사용자 검색">검색</button>
                         </div>
                     </div>
-				</div> <!-- 상세 조건 -->
-		    </form>
-		    <!-- 검색 조건 영역 -->
-
-			<!-- 업무 버튼 및 건수 표시 -->
-			<div>
-				<span class="container-page-btn">
-	            	<!-- 건수, 페이지 표시 -->
+                </div> <!-- 상세 조건 -->
+            </form>
+            <!-- 검색 조건 영역 -->
+
+            <!-- 업무 버튼 및 건수 표시 -->
+            <div>
+                <span class="container-page-btn" name="gridButtonArea">
+                    <!-- 건수, 페이지 표시 -->
                     <div class="d-flex flex-row justify-content-between">
                         <span is="paging-info" class="dataTables_info" name="dataPagingInfo" role="status" aria-live="polite"></span>
                         <ul class="pagination pagination-primary" name="dataPaging">
                         </ul>
                     </div>
-					<!-- 업무 버튼 -->
-		            <span class="container-window-btn-right">
-						<button type="button" class="btn btn-primary w-px-120" name="btnCreateSlctnTrgt" title="선택 대상 감경부과 등록">
-							선택 감경부과 등록
-						</button>
-						<button type="button" class="btn btn-primary w-px-120" name="btnCreateWholTrgt" title="전체 대상 감경부과 등록">
-							전체 감경부과 등록
-						</button>
-		            </span>
-				</span>
-			</div>
-			<!-- 업무 버튼 및 건수 표시 -->
-
-			<!-- DataTables(그리드) -->
+                    <!-- 업무 버튼 -->
+                    <span class="container-window-btn-right">
+                        <button type="button" class="btn btn-primary w-px-120" name="btnCreateSlctnTrgt" title="선택 대상 감경부과 등록">
+                            선택 감경부과 등록
+                        </button>
+                        <button type="button" class="btn btn-primary w-px-120" name="btnCreateWholTrgt" title="전체 대상 감경부과 등록">
+                            전체 감경부과 등록
+                        </button>
+                    </span>
+                </span>
+            </div>
+            <!-- 업무 버튼 및 건수 표시 -->
+
+            <!-- DataTables(그리드) -->
             <div class="card-datatable text-nowrap">
                 <div class="dataTables_wrapper dt-bootstrap5 no-footer">
-                    <div class="table-responsive ox-scroll oy-scroll h-px-500" name="tableRspns">
+                    <div class="table-responsive ox-scroll oy-scroll h-px-450" name="tableRspns">
                         <table class="table-layout-fixed dataTable datatables-ajax table table-bordered no-footer" aria-describedby="DataTables_Table_0_info">
                             <thead class="sticky-thead">
                                 <tr name="theadTr" data-search-target="[data-doctx='${pageName}']">
                                 </tr>
                             </thead>
                             <template name="tmpltCols">
-								<th class="cmn" style="width: 72px;">No.</th>
+                                <th class="cmn" style="width: 72px;">No.</th>
                                 <th class="cmn" style="width: 56px;"><input type="checkbox" class="form-check-input" name="gridAllCheckbox" onchange="pageObject['${pageName}'].dataTableCheckbox(this, this.checked);" /></th>
-								<th class="cmn" style="width: 160px;">업무구분</th>
-								<th class="cmn" style="width: 180px;" onclick="FimsSupport.searchFromGridTitle('CRDN_YMD', this.innerText, 'ymd', '');">단속일시</th>
-								<th class="cmn" style="width: 160px;" onclick="FimsSupport.searchFromGridTitle('VHRNO', this.innerText, 'match', 'part');">차량번호</th>
-								<th class="cmn" style="width: 160px;" onclick="FimsSupport.searchFromGridTitle('CRDN_STDG_NM', this.innerText, 'match', 'part');">법정동</th>
-								<th class="cmn" style="width: 280px;" onclick="FimsSupport.searchFromGridTitle('CRDN_PLC', this.innerText, 'match', 'part');">단속장소</th>
-								<th class="cmn" style="width: 200px;" onclick="FimsSupport.searchFromGridTitle('VLTN_ARTCL', this.innerText, 'match', 'part');">위반항목</th>
-								<th class="cmn" style="width: 120px;" onclick="FimsSupport.searchFromGridTitle('FFNLG_CRDN_AMT', this.innerText, 'match', 'part');">단속원금</th>
-								<th class="cmn" style="width: 120px;" onclick="FimsSupport.searchFromGridTitle('FFNLG_AMT', this.innerText, 'match', 'part');">과태료금액</th>
-								<th class="cmn" style="width: 160px;" onclick="FimsSupport.searchFromGridTitle('CRDN_STTS_CD', this.innerText, 'codeValue', 'FIM010');">처리상태</th>
-								<th class="cmn" style="width: 140px;" onclick="FimsSupport.searchFromGridTitle('CVLCPT_RCPT_YMD', this.innerText, 'ymd', '');">민원접수일자</th>
-								<th class="cmn" style="width: 180px;" onclick="FimsSupport.searchFromGridTitle('CVLCPT_APLY_NO', this.innerText, 'match', 'part');">민원신청번호</th>
-								<th class="cmn" style="width: 180px;" onclick="FimsSupport.searchFromGridTitle('CVLCPT_RCPT_NO', this.innerText, 'match', 'part');">민원접수번호</th>
-								<th class="cmn" style="width: 120px;" onclick="FimsSupport.searchFromGridTitle('CVLCPT_PRCS_PIC_NM', this.innerText, 'match', 'part');">민원담당자</th>
-								<th class="cmn" style="width: 180px;" onclick="FimsSupport.searchFromGridTitle('CVLCPT_PRCS_CMPTN_DT', this.innerText, 'ymd', '');">민원처리일시</th>
-								<th class="cmn" style="width: 140px;" onclick="FimsSupport.searchFromGridTitle('CVLCPT_TRSM_CD', this.innerText, 'codeValue', 'FIM018');">민원전송결과</th>
-								<th class="cmn" style="width: 120px;" onclick="FimsSupport.searchFromGridTitle('RTPYR_SE_CD', this.innerText, 'codeValue', 'FIM011');">납부자구분</th>
-								<th class="cmn" style="width: 160px;" onclick="FimsSupport.searchFromGridTitle('RTPYR_NO', this.innerText, 'ymd', '');">납부자번호</th>
-								<th class="cmn" style="width: 200px;" onclick="FimsSupport.searchFromGridTitle('RTPYR_NM', this.innerText, 'match', 'part');">납부자명</th>
-								<th class="cmn" style="width: 100px;" onclick="FimsSupport.searchFromGridTitle('ZIP', this.innerText, 'match', 'part');">우편번호</th>
-								<th class="cmn" style="width: 280px;" onclick="FimsSupport.searchFromGridTitle('ADDR', this.innerText, 'match', 'part');">주소</th>
-								<th class="cmn" style="width: 320px;" onclick="FimsSupport.searchFromGridTitle('DTL_ADDR', this.innerText, 'match', 'part');">상세주소</th>
-								<th class="cmn" style="width: 180px;">등록일시</th>
-								<th class="cmn" style="width: 140px;">등록사용자</th>
-								<th class="cmn" style="width: 180px;">수정일시</th>
-								<th class="cmn" style="width: 140px;">수정사용자</th>
-								<th class="cmn dummy-th"></th>
-							</template>
-
+                                <th class="cmn" style="width: 160px;">업무구분</th>
+                                <th class="cmn" style="width: 180px;" onclick="FimsSupport.searchFromGridTitle('CRDN_YMD', this.innerText, 'ymd', '');">단속일시</th>
+                                <th class="cmn" style="width: 160px;" onclick="FimsSupport.searchFromGridTitle('VHRNO', this.innerText, 'match', 'part');">차량번호</th>
+                                <th class="cmn" style="width: 160px;" onclick="FimsSupport.searchFromGridTitle('CRDN_STDG_NM', this.innerText, 'match', 'part');">법정동</th>
+                                <th class="cmn" style="width: 280px;" onclick="FimsSupport.searchFromGridTitle('CRDN_PLC', this.innerText, 'match', 'part');">단속장소</th>
+                                <th class="cmn" style="width: 200px;" onclick="FimsSupport.searchFromGridTitle('VLTN_ARTCL', this.innerText, 'match', 'part');">위반항목</th>
+                                <th class="cmn" style="width: 120px;" onclick="FimsSupport.searchFromGridTitle('FFNLG_CRDN_AMT', this.innerText, 'match', 'part');">단속원금</th>
+                                <th class="cmn" style="width: 120px;" onclick="FimsSupport.searchFromGridTitle('FFNLG_AMT', this.innerText, 'match', 'part');">과태료금액</th>
+                                <th class="cmn" style="width: 160px;" onclick="FimsSupport.searchFromGridTitle('CRDN_STTS_CD', this.innerText, 'codeValue', 'FIM010');">처리상태</th>
+                                <th class="cmn" style="width: 140px;" onclick="FimsSupport.searchFromGridTitle('CVLCPT_RCPT_YMD', this.innerText, 'ymd', '');">민원접수일자</th>
+                                <th class="cmn" style="width: 180px;" onclick="FimsSupport.searchFromGridTitle('CVLCPT_APLY_NO', this.innerText, 'match', 'part');">민원신청번호</th>
+                                <th class="cmn" style="width: 180px;" onclick="FimsSupport.searchFromGridTitle('CVLCPT_RCPT_NO', this.innerText, 'match', 'part');">민원접수번호</th>
+                                <th class="cmn" style="width: 120px;" onclick="FimsSupport.searchFromGridTitle('CVLCPT_PRCS_PIC_NM', this.innerText, 'match', 'part');">민원담당자</th>
+                                <th class="cmn" style="width: 180px;" onclick="FimsSupport.searchFromGridTitle('CVLCPT_PRCS_CMPTN_DT', this.innerText, 'ymd', '');">민원처리일시</th>
+                                <th class="cmn" style="width: 140px;" onclick="FimsSupport.searchFromGridTitle('CVLCPT_TRSM_CD', this.innerText, 'codeValue', 'FIM018');">민원전송결과</th>
+                                <th class="cmn" style="width: 120px;" onclick="FimsSupport.searchFromGridTitle('RTPYR_SE_CD', this.innerText, 'codeValue', 'FIM011');">납부자구분</th>
+                                <th class="cmn" style="width: 160px;" onclick="FimsSupport.searchFromGridTitle('RTPYR_NO', this.innerText, 'ymd', '');">납부자번호</th>
+                                <th class="cmn" style="width: 200px;" onclick="FimsSupport.searchFromGridTitle('RTPYR_NM', this.innerText, 'match', 'part');">납부자명</th>
+                                <th class="cmn" style="width: 100px;" onclick="FimsSupport.searchFromGridTitle('ZIP', this.innerText, 'match', 'part');">우편번호</th>
+                                <th class="cmn" style="width: 280px;" onclick="FimsSupport.searchFromGridTitle('ADDR', this.innerText, 'match', 'part');">주소</th>
+                                <th class="cmn" style="width: 320px;" onclick="FimsSupport.searchFromGridTitle('DTL_ADDR', this.innerText, 'match', 'part');">상세주소</th>
+                                <th class="cmn" style="width: 180px;">등록일시</th>
+                                <th class="cmn" style="width: 140px;">등록사용자</th>
+                                <th class="cmn" style="width: 180px;">수정일시</th>
+                                <th class="cmn" style="width: 140px;">수정사용자</th>
+                                <th class="cmn dummy-th"></th>
+                            </template>
                             <tbody name="tbodyList">
                             </tbody>
                             <template is="curly-brackets" name="tmpltRows">
-								<tr data-key="CRDN_ID">
+                                <tr data-index="{data-index}">
                                     <td class="cmn text-center" onclick ondblclick>{ROW_NUM}</td>
-                                    <td class="cmn text-center"><input type="checkbox" class="form-check-input" name="gridCheckbox" value="CRDN_ID" onchange="pageObject['${pageName}'].dataTableCheckbox(this, this.checked);" /></td>
+                                    <td class="cmn text-center"><input type="checkbox" class="form-check-input" name="gridCheckbox" value="{data-index}" onchange="pageObject['${pageName}'].dataTableCheckbox(this, this.checked);" /></td>
                                     <td class="cmn text-center" onclick ondblclick>{TASK_SE_NM}</td>
                                     <td class="cmn text-center" onclick ondblclick>{CRDN_YMD_TM}</td>
                                     <td class="cmn text-start"  onclick ondblclick>{VHRNO}</td>
@@ -258,39 +247,41 @@
                                     <td class="cmn text-center" onclick ondblclick>{MDFCN_DT}</td>
                                     <td class="cmn text-center" onclick ondblclick>{MDFR_NM}</td>
                                     <td class="cmn dummy-td"></td>
-								</tr>
-							</template>
+                                </tr>
+                            </template>
                             <template name="tmpltNotFound">
-								<tr class="bpv">
-									<td valign="top" colspan="28" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
-								</tr>
-								<tr class="dpv">
-									<td valign="top" colspan="28" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
-								</tr>
-								<tr class="eca">
-									<td valign="top" colspan="28" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
-								</tr>
-								<tr class="pvs">
-									<td valign="top" colspan="28" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
-								</tr>
-								<tr class="pes">
-									<td valign="top" colspan="28" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
-								</tr>
-							</template>
-						</table>
-					</div>
-				</div>
-			</div>
-			<!-- DataTables(그리드) -->
-		</div> <!-- <div class="card wrapper-list"> -->
-	</div> <!-- / <div class="container-xxl flex-grow-1 px-0"> -->
-	<!-- Content -->
-
-  	<div class="content-backdrop fade"></div>
+                                <tr class="bpv">
+                                    <td valign="top" colspan="28" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
+                                </tr>
+                                <tr class="dpv">
+                                    <td valign="top" colspan="28" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
+                                </tr>
+                                <tr class="eca">
+                                    <td valign="top" colspan="28" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
+                                </tr>
+                                <tr class="pvs">
+                                    <td valign="top" colspan="28" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
+                                </tr>
+                                <tr class="pes">
+                                    <td valign="top" colspan="28" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
+                                </tr>
+                            </template>
+                        </table>
+                    </div>
+                </div>
+            </div>
+            <!-- DataTables(그리드) -->
+        </div> <!-- <div class="card wrapper-list"> -->
+    </div> <!-- / <div class="container-xxl flex-grow-1 px-0"> -->
+    <!-- Content -->
+
+      <div class="content-backdrop fade"></div>
 </div>
 <!-- / inner page html <div class="content-wrapper"> -->
 
 <script>
+    LoadScript("levy01010Script", wctx.url("/webjars/js/fims/levy/levy01010.js?ver=${ver}"));
+
     /**************************************************************************
      * Global Variable
      **************************************************************************/
@@ -310,158 +301,47 @@
         // pageObject
         let $P = pageObject["${pageName}"];
 
-        // FormFields
-        $P.formFields = new FimsFormFields($P.selectorn("frmSearch"));
-
-        /**************************************************************************
-         * DatasetControl
-         **************************************************************************/
-        $P.ctrl = new DatasetControl({
-              prefix: "rdctLevyTrgt"
-            , prefixName: "감경부과 대상"
-            , keymapper: info => info ? info.CRDN_ID : ""
-            , dataGetter: obj => obj["List"]
-            , appendData: true
-            , infoSize: "md"
-            , formats: {
-                  CRDN_YMD_TM: datetimeFormat
-                , CVLCPT_RCPT_YMD: dateFormat
-                , FFNLG_CRDN_AMT: numberFormat
-                , FFNLG_AMT: numberFormat
-                , CVLCPT_PRCS_CMPTN_DT: datetimeFormat
-                , REG_DT: datetimeFormat
-                , MDFCN_DT: datetimeFormat
-            }
-        });
-        // 검색 조건
-        $P.ctrl.query = { pageNum: 1, fetchSize: DEFAULT_FETCH_SIZE };          // 1 페이지당 자료 건수 index.jsp에서 확인
-
-        /**************************************************************************
-         * DatasetControl 이벤트
-         **************************************************************************/
-        // Dataset 변경 이벤트
-        $P.ctrl.onDatasetChange = (obj, option) => {
-            $P.renderList(obj["Total"], option);
-
-            // datasetPaging
-            Apply.fromDataset.paging($P.ctrl.dataset, obj, $P.findn("dataPaging"), $P.findn("dataPagingInfo"));
-        }
-
-        // 현재 선택 자료 변경 이벤트
-        $P.ctrl.onCurrentChange = (item) => {
-            if (!item) return;
-
-            let key = item.data.CRDN_ID;
-
-            $P.$findn("tbodyList").setCurrentRow(key);
-        }
-
-        // 선택(체크) 변경 이벤트
-        $P.ctrl.onSelectionChange = (selected) => {
-            Apply.fromDataset.gridCheckbox($P.ctrl.dataset, $P.findn("tbodyList"), 1, selected);
-            Apply.fromDataset.gridButton($P.ctrl.dataset, $P.findn("btnCreateSlctnTrgt"), selected);    // 선택 감경부과 등록 버튼
-        }
-
-        // 상세정보 dialog
-        $P.ctrl.getInfo = (params) => {
-            if (!params) return;
-
-            ajax.get({
-                  url: wctx.url("/" + params.taskSeCd + "${infoPrefixUrl}" + "/020/info.do")
-                , data: params || {}
-                , success: (resp) => {
-                    let dialogName = $P.ctrl.prefixed("Dialog");
-                    let dialogId = dialogName + "-" + uuid();
-
-                    dialog.open({
-                          id: dialogId
-                        , title: params.btnTitle
-                        , size: $P.ctrl.infoSize
-                        , content: resp
-                        , init: () => {
-                            $("#" + dialogId).attr("name", dialogName);
-                            $("#" + dialogId).attr("data-ref-doctx", "${pageName}");
-
-                            AppSupport.setDialogZindex();
-                        }
-                        , onClose: () => { $P.ctrl.reload({all : true}); }      // 자료 재조회
-                    });
-                }
-            });
-        }
+        $P.prefixUrl = "${prefixUrl}";
+        // datasetControl
+        $P.ctrl = newLevy01010Control("${pageName}", "[data-doctx=${pageName}]");
 
         /**************************************************************************
          * DataTables 이벤트
          **************************************************************************/
-        // DataTables에 click, dbclick 이벤트
-        $P.renderList = (totalSize, option) => {
-            let dataList = $P.ctrl.dataset;
-            let empty = dataList.empty;
-            let clsForTask = $P.$findn("frmSearch").find("[name='taskSeCd']:checked").val().toLowerCase();
-
-            // 업무별 DataTables(그리드) tr, td
-            let foundContent = $P.findn("tmpltRows").content;
-            let foundTr = $(foundContent).find("tr")[0].cloneNode(false);
-            let foundTds = $(foundContent).find("." + clsForTask + ",.cmn");
-
-            foundTds.each(function() {
-                foundTr.appendChild(this.cloneNode(true));
-            });
-
-            let replacer = (str, dataItem) => str
-                .replace(/{onclick}/gi, "pageObject['${pageName}'].dataTableClick('" + dataItem.getValue("CRDN_ID") + "');")
-                .replace(/{ondblclick}/gi, "pageObject['${pageName}'].dataTableDblClick('" + dataItem.getValue("CRDN_ID") + "');");
-
-            let trs = empty ?
-                      [$P.findn("tmpltNotFound").content.querySelector("." + clsForTask + ",.cmn").outerHTML]
-                    : dataList.inStrings(foundTr.outerHTML, replacer);
-
-            let noMore = (dataList.length >= totalSize);
-            let initScroll = ($P.ctrl.query.pageNum < 2);
-
-            if (option != null && option.reloaded) {
-                initScroll = false;
-            }
-
-            $P.findn("tableRspns").changeContent(trs.join(), initScroll, noMore);
-
-            // checkbox 체크 해제
-            $P.$findn("gridAllCheckbox").prop("checked", false);
-
-            // 보안모드
-            fn_securityModeToggle($("#securityMode--top").is(":checked"));
-        }
-
         // dataTable 체크박스 클릭 이벤트
         $P.dataTableCheckbox = (element, bool) => {
             GRID.checkbox.sync(element, bool);
 
             let atLeastOne = GRID.checkbox.countChecked(element) > 0;
 
-            $P.$findn("btnCreateSlctnTrgt").prop("disabled", !atLeastOne);      // 선택 감경부과 등록 버튼
+            $P.$findn("btnRemove").prop("disabled", !atLeastOne);
 
             Apply.toDataset.selection($P.ctrl.dataset, element, bool);
         }
 
         // dataTable 클릭 이벤트
-        $P.dataTableClick = (dataKey) => {
-            if (!dataKey) return;
+        $P.dataTableClick = (dataIndex) => {
+            if (!dataIndex) return;
 
-            $P.$findn("tbodyList").setCurrentRow(dataKey);
+            $P.$findn("tbodyList").setCurrentRow(dataIndex);
 
-            Apply.toDataset.current($P.ctrl.dataset, dataKey);
+            Apply.toDataset.current($P.ctrl.dataset, dataIndex);
         }
 
         // dataTable 더블 클릭 이벤트 - 개별총정보 dialog
-        $P.dataTableDblClick = (dataKey) => {
-            // 단속 ID가 없다면 개별총정보 팝업을 실행하지 않는다.
-            if (!dataKey) return;
+        $P.dataTableDblClick = (dataIndex) => {
+            if (!dataIndex) return;
+
+            // 단속 ID
+            let crdnId = $P.ctrl.getValue("CRDN_ID");
+            if (!crdnId) return;
 
             let params = {
-                  callControlName: "pageObject['${pageName}'].ctrl"
+                  callPageName: "${pageName}"
+                , callPurpose: "update"
                 , sggCd: $P.ctrl.getValue("SGG_CD")
                 , taskSeCd: $P.ctrl.getValue("TASK_SE_CD")
-                , crdnId: dataKey
+                , crdnId: $P.ctrl.getValue("CRDN_ID")
             }
 
             ajax.get({
@@ -505,41 +385,6 @@
         /**************************************************************************
          * 버튼 clickEvent
          **************************************************************************/
-        // 초기화 버튼 이벤트
-        $P.fnReset = (taskSeCd) => {
-            // 화면 초기화
-            $P.findn("frmSearch").reset();
-
-            // input, select 초기화
-            let searchForm = $P.$findn("frmSearch");
-            searchForm.find("input[type='radio']").not("[name='taskSeCd']").prop("checked", false);
-            searchForm.find("input[type='checkbox']").prop("checked", false);
-            searchForm.find("input[type='text']").val("");
-            searchForm.find("input[type='hidden']").val("");
-            searchForm.find("select").each(function(){ $(this).find("option:eq(0)").prop("selected", true); });
-
-            // 최고 관리자인지 권한을 확인하여 업무구분을 선택할 수 있도록 하자 -> 수정 필요
-//             $P.$findn("frmSearch").find("input[name='taskSeCd']").each(function(i) {
-//                 $(this).prop("disabled", "true");
-//             });
-
-            AppSupport.initDatepicker($P.findn("frmSearch"));                   // 달력 초기화
-            AppSupport.initDetailSearchButton($P.findn("frmSearch"));           // 상세검색 버튼 화살표
-
-            // 기본 데이터 설정
-            $P.$findn("sggCd").val("${sggCd}");                                 // 시군구 코드
-            if (taskSeCd) {                                                     // 업무 구분 코드
-                $P.$findn("frmSearch").find("input[name='taskSeCd'][value='" + taskSeCd + "']").prop("checked", true);
-            }
-            $P.$findn("schCrdnYmdFrom").datepicker("setDate", DateSupport.getAddDay(-7));   // 부과 제외 일자 시작
-            $P.$findn("schCrdnYmdTo").datepicker("setDate", TODAY());                       // 부과 제외 일자 종료
-            $P.$findn("byOutput").val("동적 검색");                             // 동적 검색
-            $P.$findn("schRgtrNm").prop("readonly", true);                      // 사용자 이름
-
-            // dataset 초기화
-            $P.ctrl.dataset.clear();
-        }
-
         // 업무 구분 변경 이벤트
         $P.fnResetAndChangeBiz = (taskSeCd) => {
             // 업무 구분 코드
@@ -551,7 +396,8 @@
             $P.fnReset(taskSeCd);
 
             // 업무 구분에 따른 URL 설정
-            $P.ctrl.urls.load = wctx.url("/" + taskSeCd + "${infoPrefixUrl}" + "/010/list.do"); // 검색
+            $P.ctrl.urls.load    = wctx.url("/" + taskSeCd + $P.prefixUrl + "/010/list.do");    // 검색
+            $P.ctrl.urls.getInfo = wctx.url("/" + taskSeCd + $P.prefixUrl + "/020/info.do");    // 상세 정보
 
             // 업무에 따른 위반 내용
             let vltnCd = [];
@@ -572,13 +418,16 @@
             $P.$findn("schVltnCd").empty();
             $P.$findn("schVltnCd").append("<option value=''>" + "전체" + "</option>");
             $(vltnCd).each(function(index, item) {
-            	$P.$findn("schVltnCd").append("<option value='" + vltnCd[index].code +"'>" + vltnCd[index].value + "</option>");
+                $P.$findn("schVltnCd").append("<option value='" + vltnCd[index].code +"'>" + vltnCd[index].value + "</option>");
             });
 
-            // 업무별 검색 조건
-            FimsSupport.renderForTask($P.findn("frmSearch"), taskSeCd.toLowerCase());
-            // 업무별 버튼
-            FimsSupport.renderForTask($P.findn("gridbuttonArea"), taskSeCd.toLowerCase());
+            // 최고 관리자인지 권한을 확인하여 업무구분을 선택할 수 있도록 하자 -> 수정 필요
+            $P.$findn("frmSearch").find("input[name='taskSeCd']").each(function(i) {
+                $(this).prop("disabled", "true");
+            });
+
+            FimsSupport.renderForTask($P.findn("frmSearch"), taskSeCd.toLowerCase());       // 업무별 검색 조건
+            FimsSupport.renderForTask($P.findn("gridbuttonArea"), taskSeCd.toLowerCase());  // 업무별 버튼
 
             // 업무별 그리드 th
             let colContent = $P.findn("tmpltCols").content;
@@ -615,6 +464,7 @@
 
                             AppSupport.setDialogZindex();
                         }
+                        , onClose: () => { }
                     });
                 }
             });
@@ -622,10 +472,13 @@
 
         // 검색 버튼 클릭 이벤트
         $P.fnSearchList = () => {
+            // validate 확인
+            if (!AppSupport.customValidate($P.$findn("frmSearch").find("input,select,textarea"))) return;
+
             // 검색조건
-            $P.ctrl.query = $P.formFields.get();                                // 검색 조건
-            $P.ctrl.query.fetchSize = DEFAULT_FETCH_SIZE;                       // 한번에 조회되는 자료 건수
-            $P.ctrl.query.delYn = "N";                                          // 삭제 여부
+            $P.ctrl.query = new FimsFormFields($P.selectorn("frmSearch")).get();    // 검색 조건
+            $P.ctrl.query.fetchSize = DEFAULT_FETCH_SIZE;                           // 한번에 조회되는 자료 건수
+            $P.ctrl.query.delYn = "N";                                              // 삭제 여부
 
             $P.ctrl.load(1);
         }
@@ -715,20 +568,14 @@
         // 이벤트 설정
         $P.setEvent = () => {
             // 기본 버튼 이벤트
-            $P.$findn("btnReset").on("click", () => { $P.fnResetAndChangeBiz() });  // 초기화
-            $P.$findn("btnSearch").on("click", () => { $P.fnSearchList() });        // 검색
-            $P.$findn("btnExcel").on("click", () => { $P.fnExcel() });              // 엑셀
-            $P.$findn("btnFindUser").on("click", () => $P.fnGetFindUser());         // 사용자 검색
+            $P.$findn("btnReset").on("click", () => $P.fnResetAndChangeBiz());  // 초기화
+            $P.$findn("btnSearch").on("click", () => $P.fnSearchList());        // 검색
+            $P.$findn("btnExcel").on("click", () => $P.fnExcel());              // 엑셀
+            $P.$findn("btnFindUser").on("click", () => $P.fnGetFindUser());     // 사용자 검색
 
             // 동적검색에서 엔터(Enter) 키를 누르면 검색한다.
             $P.$findn("term").onEnterPress($P.fnSearchList);
 
-            // DataTables width 변경 조정
-            Componentization.fnMakeResizableTable($P.findn("tableRspns"));
-
-            // DataTables 스크롤 이벤트 생성
-            Componentization.fnMakeScrollableTable($P.findn("tableRspns"), $P.scrollDataList);
-
             // 업무 버튼 이벤트
             $P.$findn("btnCreateSlctnTrgt").on("click", function() {
                 $P.fnCreateSlctnTrgt($P.$findn("btnCreateSlctnTrgt").attr("title"));    // 수정
@@ -736,6 +583,37 @@
             $P.$findn("btnCreateWholTrgt").on("click", function() {
                 $P.fnCreateWholTrgt($P.$findn("btnCreateWholTrgt").attr("title"));      // 삭제
             });
+
+            // DataTables width 변경 조정
+            Componentization.fnMakeResizableTable($P.findn("tableRspns"));
+            // DataTables 스크롤 이벤트 생성
+            Componentization.fnMakeScrollableTable($P.findn("tableRspns"), $P.scrollDataList);
+        }
+        // 초기화 버튼 이벤트
+        $P.fnReset = (taskSeCd) => {
+            // 화면 초기화
+            $P.findn("frmSearch").reset();
+            AppSupport.initDatepicker($P.findn("frmSearch"));                   // 달력 초기화
+            AppSupport.initDetailSearchButton($P.findn("frmSearch"));           // 상세검색 버튼 화살표
+
+            // input, select 초기화
+            let searchForm = $P.$findn("frmSearch");
+            searchForm.find("input[type='radio']").not("[name='taskSeCd']").prop("checked", false);
+            searchForm.find("input[type='checkbox']").prop("checked", false);
+            searchForm.find("input[type='text']").val("");
+            searchForm.find("input[type='hidden']").val("");
+            searchForm.find("select").each(function(){ $(this).find("option:eq(0)").prop("selected", true); });
+
+            // 기본 데이터 설정
+            $P.$findn("sggCd").val("${sggCd}");                                 // 시군구 코드
+            $P.$findn("frmSearch").find("input[name='taskSeCd'][value='" + taskSeCd + "']").prop("checked", true);  // 업무 구분 코드
+            $P.$findn("schCrdnYmdFrom").datepicker("setDate", DateSupport.getAddDay(-7));   // 단속 일자 시작
+            $P.$findn("schCrdnYmdTo").datepicker("setDate", TODAY());                       // 단속 일자 종료
+            $P.$findn("byOutput").val("동적 검색");                             // 동적 검색
+            $P.$findn("schRgtrNm").prop("readonly", true);                      // 사용자 이름
+
+            // dataset 초기화
+            $P.ctrl.dataset.clear();
         }
 
         /**************************************************************************
diff --git a/src/main/webapp/WEB-INF/jsp/fims/levy/levy01020-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/levy/levy01020-info.jsp
index b7d3a4d0..76940bd2 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/levy/levy01020-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/levy/levy01020-info.jsp
@@ -16,35 +16,29 @@
 				<input type="hidden" name="advntceDayCnt" data-map="ADVNTCE_DAY_CNT" />
 
 				<div class="row g-1">
-					<!-- 총건수 -->
 					<div class="col-md-12">
 						<label is="name-label" class="col-form-label bg-lighter pe-2 w-px-120 text-sm-end" for="tnocs">총 건수/금액</label>
 						<input is="id-input" type="text" class="form-control w-px-60 text-end" name="tnocs" data-map="TNOCS" readonly />
 						<input is="id-input" type="text" class="form-control w-px-120 text-end" name="gramtFfnlgAmt" data-map="GRAMT_FFNLG_AMT" readonly />
 					</div>
-					<!-- 감경 율 -->
 					<div class="col-md-12">
 						<label is="name-label" class="col-form-label bg-lighter pe-2 w-px-120 text-sm-end" for="advntceRdcrt">감경율</label>
 						<input is="id-input" type="text" class="form-control w-px-60 fw-bold text-end" name="advntceRdcrt" data-map="ADVNTCE_RDCRT" readonly /> %
 					</div>
-					<!-- 감경 부과 금액 -->
 					<div class="col-md-12">
 						<label is="name-label" class="col-form-label bg-lighter pe-2 w-px-120 text-sm-end" for="gramtAdvntceAmt">감경부과금액</label>
 						<input is="id-input" type="text" class="form-control w-px-120 fw-bold text-red text-end" name="gramtAdvntceAmt" data-map="GRAMT_ADVNTCE_AMT" readonly />
 					</div>
-					<!-- 회계연도 -->
 					<div class="col-md-12">
 						<label is="name-label" class="col-form-label bg-lighter pe-2 w-px-120 text-sm-end required" for="fyr">회계연도</label>
 						<input is="id-input" type="text" class="form-control w-px-60" name="fyr" data-map="FYR" autocomplete="off" required />
 					</div>
-					<!-- 부과 일자 -->
 					<div class="col-md-12">
 						<label is="name-label" class="col-form-label bg-lighter pe-2 w-px-120 text-sm-end required" for="levyYmd">부과일자</label>
 						<input is="id-input" type="text" class="form-control form-date" name="levyYmd" data-map="LEVY_YMD"
 							data-fmt-type="day" autocomplete="off" title="날짜 선택" maxlength="10" required />
 						<button type="button" class="bx bx-lg bx-calendar bg-white" name="btnLevyYmd"></button>
 					</div>
-					<!-- 납기 일자 -->
 					<div class="col-md-12">
 						<label is="name-label" class="col-form-label bg-lighter pe-2 w-px-120 text-sm-end required" for="dudtYmd">납기일자</label>
 						<input is="id-input" type="text" class="form-control form-date" name="dudtYmd" data-map="DUDT_YMD"
@@ -56,16 +50,16 @@
 			<!-- 입력 영역 -->
 
 			<!-- 업무 버튼 및 건수 표시 -->
-			<div>
-				<span class="container-page-btn">
-					<!-- 업무 버튼 -->
+            <div>
+                <span class="container-page-btn">
+                    <!-- 업무 버튼 -->
                     <span class="container-window-btn-right">
                         <button type="button" class="btn btn-primary w-px-120" name="btnSave" title="저장">
                             저장
                         </button>
                     </span>
-				</span>
-			</div>
+                </span>
+            </div>
 			<!-- 업무 버튼 및 건수 표시 -->
 		</div> <!-- <div class="card"> -->
 	</div> <!-- <div class="container flex-grow-1 px-0"> -->
@@ -74,6 +68,8 @@
 <!-- / inner page html <div class="content-pop"> -->
 
 <script>
+    LoadScript("levy01020Script", wctx.url("/webjars/js/fims/levy/levy01020.js?ver=${ver}"));
+
     /**************************************************************************
      * Global Variable
      **************************************************************************/
@@ -86,76 +82,19 @@
         // pageObject
         let $P = pageObject["${pageName}"];
 
+        // URL
+        $P.prefixUrl = "${prefixUrl}";
         // infoDialog 호출 용도(view 조회(편집불가), create 등록, update 수정)
         $P.callPurpose = "${callPurpose}";
-        // FormFields
-        $P.formFields = new FimsFormFields($P.selectorn("frmEdit"));
         // main 의 검색 조건을 그대로 유지
         $P.mainQuery = ${mainQuery};
-
-        /**************************************************************************
-         * DatasetControl
-         **************************************************************************/
-        $P.ctrl = new DatasetControl({
-              prefix: "rdctLevyTrgt"
-            , prefixName: "감경부과"
-            , keymapper: info => info ? info.CRDN_ID : ""
-            , dataGetter: obj => obj.info
-            , formats: {
-                  TNOCS: numberFormat
-                , GRAMT_FFNLG_AMT: numberFormat
-                , GRAMT_ADVNTCE_AMT: numberFormat
-            }
-        });
-
-        /**************************************************************************
-         * DatasetControl 이벤트
-         **************************************************************************/
-        // 현재 선택 자료 변경 이벤트
-        $P.ctrl.onCurrentChange = (item) => {
-            if (!item) return;
-
-            // Dataset 셋팅
-            $P.formFields.set($P.ctrl, item);
-
-            // 업무구분에 따른 URL 변경
-            $P.fnSetURL(item.data.TASK_SE_CD);
-        }
-
-        // 저장 callback
-        $P.ctrl.onSave = (resp) => {
-            let dialogTitle = $("#" + $P.selfDlgId()).find("h5.modal-title").html();
-            let showMessage = resp.rtnMsg.replace(/[S]|[F]/g, dialogTitle);
-
-            // 메시지 출력
-            dialog.alert({
-                  content: showMessage
-                , init: () => { AppSupport.setDialogZindex(); }
-                , onOK: () => { }
-                , onClose: () => {
-                    if (resp.saved) { dialog.close($P.selfDlgId()); }
-                }
-            });
-        }
-
-        // 저장
-        $P.ctrl.save = (info) => {
-            if (!info) return;
-
-            ajax.post({
-                  url: $P.ctrl.urls.create
-                , data: info || {}
-                , success: (resp) => { $P.ctrl.onSave(resp); }
-            });
-        }
+        // datasetControl
+        $P.ctrl = newLevy01020Control("${pageName}", "[data-doctx=${pageName}]");
 
         /**************************************************************************
          * 사용자 함수(function)
          **************************************************************************/
-        // 업무구분에 따른 URL 설정
-        $P.fnSetURL = (taskSeCd) => {
-            $P.ctrl.urls.create = wctx.url("/" + taskSeCd + "${infoPrefixUrl}" + "/020/createRdctLevyList.do"); // 등록
-        }
+
 
         /**************************************************************************
          * 버튼 clickEvent
@@ -165,8 +104,9 @@
             // validate 확인
             if (!AppSupport.customValidate($P.$findn("frmEdit").find("input,select,textarea"))) return;
 
-            // 메인에서 받은 검색 조건과 객체를 합친다.
-            let params = $.extend({}, $P.mainQuery, $P.formFields.get());
+            // formFields
+            let frmEdit = new FimsFormFields($P.selectorn("frmEdit")).get();
+            let params = $.extend({}, $P.mainQuery, frmEdit);
 
             dialog.alert({
                   content: "현재 " + $P.ctrl.prefixName + " 정보를 저장하시겠습니까?"
@@ -189,23 +129,24 @@
             });
 
             // 버튼 이벤트
-            $P.$findn("btnSave").on("click", () => { $P.fnSave() });            // 저장
+            $P.$findn("btnSave").on("click", () => $P.fnSave());                // 저장
         }
 
         // 초기 화면 설정
-        $P.initForm = () => {
-            // 화면 초기화
-            $P.findn("frmEdit").reset();
+        $P.fnReset = () => {
+            // 초기화
+            $P.findn("frmEdit").reset();                                        // 화면 초기화
+            AppSupport.initDatepicker($P.findn("frmEdit"));                     // 달력 초기화
 
-            // 달력 초기화
-            AppSupport.initDatepicker($P.findn("frmEdit"));
-            $P.$findn("levyYmd").datepicker("setDate", TODAY());
-            $P.$findn("dudtYmd").datepicker("setDate", TODAY());
+            // 기본 데이터 설정
+            $P.$findn("levyYmd").datepicker("setDate", TODAY());                // 부과 일자
+            $P.$findn("dudtYmd").datepicker("setDate", TODAY());                // 납기 일자
 
-            // View로 호출되었을때 disabled 셋팅
+            // 화면 호출(callPurpose)이 view라면 버튼 비활성화 disabled = true
             if ($P.callPurpose == "view") {
                 // input 요소들을 disabled
                 $P.$findn("frmEdit").find("input,textarea,select").prop("disabled", true);
+
                 // button 요소들을 disabled
                 $P.$findn("btnLevyYmd").prop("disabled", true);                 // 부과 일자 달력 버튼
                 $P.$findn("btnDudtYmd").prop("disabled", true);                 // 납기 일자 달력 버튼
@@ -220,10 +161,10 @@
         $P.setEvent();
 
         // 2. 초기 화면 설정
-        $P.initForm();
+        $P.fnReset();
 
         // 3. dataset 설정
-        $P.ctrl.setData([${info}]);
+        $P.ctrl.setData([${Info}]);
     });
 
 </script>
diff --git a/src/main/webapp/WEB-INF/jsp/fims/levy/levy01050-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/levy/levy01050-main.jsp
index 0097a6b8..2379411f 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/levy/levy01050-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/levy/levy01050-main.jsp
@@ -5,11 +5,11 @@
 
 <!-- inner page html -->
 <div class="content-wrapper" data-doctx="${pageName}">
-	<!-- Content -->
-	<div class="container-xxl flex-grow-1 px-0">
-		<div class="card wrapper-list">
-			<!-- 상단 버튼 -->
-			<div class="container-page-btn">
+    <!-- Content -->
+    <div class="container-xxl flex-grow-1 px-0">
+        <div class="card wrapper-list">
+            <!-- 상단 버튼 -->
+            <div class="container-page-btn">
                 <button type="button" class="btn btn-outline-dark w-px-120" name="btnReset" title="초기화">
                     초기화
                 </button>
@@ -20,18 +20,18 @@
                     <button type="button" class="btn btn-excel w-px-120" name="btnExcel" title="엑셀">
                         엑셀
                     </button>
-				</span>
-			</div>
-			<!-- 상단 버튼 -->
-
-			<!-- 검색 조건 영역 -->
-			<form name="frmSearch">
-				<!-- hidden -->
-				<input type="hidden" name="sggCd" />
-
-				<!-- 메인 조건 -->
-				<div class="container-search">
-					<div class="row g-1">
+                </span>
+            </div>
+            <!-- 상단 버튼 -->
+
+            <!-- 검색 조건 영역 -->
+            <form name="frmSearch">
+                <!-- hidden -->
+                <input type="hidden" name="sggCd" />
+
+                <!-- 메인 조건 -->
+                <div class="container-search">
+                    <div class="row g-1">
                         <!-- 업무 구분 -->
                         <div class="col-12">
                             <span class="form-label form-search-title w-px-120 text-end fw-bold">업무구분</span>
@@ -45,51 +45,46 @@
                                 </c:forEach>
                             </span>
                         </div>
-						<!-- 회계연도 -->
-						<div class="col-6">
-							<label is="name-label" class="form-label form-search-title w-px-120 text-end fw-bold" for="schFyr">회계연도</label>
-							<input is="id-input" type="text" class="form-control w-px-60" name="schFyr" maxlength="4" autocomplete="off" />
-						</div>
-						<!-- 부과 번호 -->
-						<div class="col-6">
-							<label is="name-label" class="form-label form-search-title w-px-120 text-end fw-bold" for="schLevyNoFrom">부과번호</label>
-							<input is="id-input" type="text" class="form-control w-px-80" name="schLevyNoFrom" maxlength="6" autocomplete="off" />
-							~
-							<input is="id-input" type="text" class="form-control w-px-80" name="schLevyNoTo" maxlength="6" autocomplete="off" />
-						</div>
-						<!-- 감경 구분 코드 -->
-						<div class="col-6">
-							<label is="name-label" class="form-label form-search-title w-px-120 text-end fw-bold" for="schRdctSeCd">감경구분</label>
+                        <div class="col-6">
+                            <label is="name-label" class="form-label form-search-title w-px-120 text-end fw-bold" for="schFyr">회계연도</label>
+                            <input is="id-input" type="text" class="form-control w-px-60" name="schFyr" maxlength="4" autocomplete="off" />
+                        </div>
+                        <div class="col-6">
+                            <label is="name-label" class="form-label form-search-title w-px-120 text-end fw-bold" for="schLevyNoFrom">부과번호</label>
+                            <input is="id-input" type="text" class="form-control w-px-80" name="schLevyNoFrom" maxlength="6" autocomplete="off" />
+                            ~
+                            <input is="id-input" type="text" class="form-control w-px-80" name="schLevyNoTo" maxlength="6" autocomplete="off" />
+                        </div>
+                        <div class="col-6">
+                            <label is="name-label" class="form-label form-search-title w-px-120 text-end fw-bold" for="schRdctSeCd">감경구분</label>
                             <select is="id-select" class="form-select w-px-120" name="schRdctSeCd">
-                            	<option value="">전체</option>
-                            	<c:forEach items="${FIM046List}" var="item">
-                            		<option value="${item.code}">${item.value}</option>
-                            	</c:forEach>
+                                <option value="">전체</option>
+                                <c:forEach items="${FIM046List}" var="item">
+                                    <option value="${item.code}">${item.value}</option>
+                                </c:forEach>
                             </select>
-						</div>
-						<!-- 부과 일자 -->
-						<div class="col-6">
-							<label class="form-label form-search-title w-px-120 text-end fw-bold">부과일자</label>
-							<span class="form-search-linebox">
-								<input type="text" class="form-control form-date" name="schLevyYmdFrom"
-									data-fmt-type="day" autocomplete="off" title="시작 날짜 선택" />
-								<button type="button" class="bx bx-lg bx-calendar bg-white"></button>
-								~
-								<input type="text" class="form-control form-date" name="schLevyYmdTo"
-									data-fmt-type="day" autocomplete="off" title="종료 날짜 선택" />
-								<button type="button" class="bx bx-lg bx-calendar bg-white"></button>
-							</span>
-						</div>
-						<!-- 단속 상태 코드 -->
-						<div class="col-6">
-							<label is="name-label" class="form-label form-search-title w-px-120 text-end fw-bold" for="schCrdnSttsCd">단속상태</label>
+                        </div>
+                        <div class="col-6">
+                            <label class="form-label form-search-title w-px-120 text-end fw-bold">부과일자</label>
+                            <span class="form-search-linebox">
+                                <input type="text" class="form-control form-date" name="schLevyYmdFrom"
+                                    data-fmt-type="day" autocomplete="off" title="시작 날짜 선택" />
+                                <button type="button" class="bx bx-lg bx-calendar bg-white"></button>
+                                ~
+                                <input type="text" class="form-control form-date" name="schLevyYmdTo"
+                                    data-fmt-type="day" autocomplete="off" title="종료 날짜 선택" />
+                                <button type="button" class="bx bx-lg bx-calendar bg-white"></button>
+                            </span>
+                        </div>
+                        <div class="col-6">
+                            <label is="name-label" class="form-label form-search-title w-px-120 text-end fw-bold" for="schCrdnSttsCd">단속상태</label>
                             <select is="id-select" class="form-select w-px-200" name="schCrdnSttsCd">
-                            	<option value="">전체</option>
-                            	<c:forEach items="${FIM010List}" var="item">
-                            		<option value="${item.code}">${item.value}</option>
-                            	</c:forEach>
+                                <option value="">전체</option>
+                                <c:forEach items="${FIM010List}" var="item">
+                                    <option value="${item.code}">${item.value}</option>
+                                </c:forEach>
                             </select>
-						</div>
+                        </div>
                         <!-- 동적검색 -->
                         <div class="col-6">
                             <input type="hidden" name="by" />
@@ -105,41 +100,44 @@
                                 </button>
                             </span>
                         </div> <!-- 동적검색 -->
-					</div>
-				</div> <!-- 메인 조건 -->
+                    </div>
+                </div> <!-- 메인 조건 -->
 
-                <!-- 상세 조건 -->
+               <!-- 상세 조건 -->
                 <div name="searchDetail" class="container-search container-search-detail collapse">
                     <div class="row g-1">
-                        <!-- 단속 일자 -->
                         <div class="col-4">
-                            <label class="form-label form-search-title w-px-120 text-end fw-bold">단속일자</label>
+                            <label class="form-label form-search-title w-px-120 text-end fw-bold">민원접수일자</label>
                             <span class="form-search-linebox">
-                                <input type="text" class="form-control form-date" name="schCrdnYmdFrom"
+                                <input type="text" class="form-control form-date" name="schCvlcptRcptYmdFrom"
                                     data-fmt-type="day" autocomplete="off" title="시작 날짜 선택" />
                                 <button type="button" class="bx bx-lg bx-calendar bg-white"></button>
                                 ~
-                                <input type="text" class="form-control form-date" name="schCrdnYmdTo"
+                                <input type="text" class="form-control form-date" name="schCvlcptRcptYmdTo"
                                     data-fmt-type="day" autocomplete="off" title="종료 날짜 선택" />
                                 <button type="button" class="bx bx-lg bx-calendar bg-white"></button>
                             </span>
                         </div>
-                        <!-- 차량번호 -->
                         <div class="col-4">
-                            <label is="name-label" class="form-label form-search-title w-px-120 text-end fw-bold" for="schVhrno">차량번호</label>
-                            <input is="id-input" type="text" class="form-control w-px-160" name="schVhrno" autocomplete="off" />
+                            <label class="form-label form-search-title w-px-120 text-end fw-bold">민원처리일자</label>
+                            <span class="form-search-linebox">
+                                <input type="text" class="form-control form-date" name="schCvlcptPrcsCmptnDtFrom"
+                                    data-fmt-type="day" autocomplete="off" title="시작 날짜 선택" />
+                                <button type="button" class="bx bx-lg bx-calendar bg-white"></button>
+                                ~
+                                <input type="text" class="form-control form-date" name="schCvlcptPrcsCmptnDtTo"
+                                    data-fmt-type="day" autocomplete="off" title="종료 날짜 선택" />
+                                <button type="button" class="bx bx-lg bx-calendar bg-white"></button>
+                            </span>
                         </div>
-                        <!-- 납부자 번호 -->
                         <div class="col-4">
-                            <label is="name-label" class="form-label form-search-title w-px-120 text-end fw-bold" for="schRtpyrNm">납부자번호</label>
-                            <input is="id-input" type="text" class="form-control w-px-160" name="schRtpyrNm" autocomplete="off" />
+                            <label is="name-label" class="form-label form-search-title w-px-120 text-end fw-bold" for="schRtpyrNo">납부자번호</label>
+                            <input is="id-input" type="text" class="form-control w-px-160" name="schRtpyrNo" autocomplete="off" />
                         </div>
-                        <!-- 납부자 명 -->
                         <div class="col-4">
-                            <label is="name-label" class="form-label form-search-title w-px-120 text-end fw-bold" for="schRtpyrNo">납부자명</label>
-                            <input is="id-input" type="text" class="form-control w-px-160" name="schRtpyrNo" autocomplete="off" />
+                            <label is="name-label" class="form-label form-search-title w-px-120 text-end fw-bold" for="schRtpyrNm">납부자명</label>
+                            <input is="id-input" type="text" class="form-control w-px-160" name="schRtpyrNm" autocomplete="off" />
                         </div>
-                        <!-- 등록일자, 수정일자 -->
                         <div class="col-4">
                             <select class="form-select w-px-120 text-center" name="schRegDateOpt">
                                 <option value="regDt">등록일자</option>
@@ -155,7 +153,6 @@
                                 <button type="button" class="bx bx-lg bx-calendar bg-white"></button>
                             </span>
                         </div>
-                        <!-- 등록자명, 수정자명 -->
                         <div class="col-4">
                             <select class="form-select w-px-120 text-center" name="schRgtrOpt">
                                 <option value="rgtr">등록자</option>
@@ -167,94 +164,95 @@
                         </div>
                     </div>
                 </div> <!-- 상세 조건 -->
-		    </form>
-		    <!-- 검색 조건 영역 -->
+            </form>
+            <!-- 검색 조건 영역 -->
 
-			<!-- 업무 버튼 및 건수 표시 -->
-			<div>
-				<span class="container-page-btn">
+            <!-- 업무 버튼 및 건수 표시 -->
+            <div>
+                <span class="container-page-btn" name="gridButtonArea">
                     <!-- 건수, 페이지 표시 -->
                     <div class="d-flex flex-row justify-content-between">
                         <span is="paging-info" class="dataTables_info" name="dataPagingInfo" role="status" aria-live="polite"></span>
                         <ul class="pagination pagination-primary" name="dataPaging">
                         </ul>
                     </div>
-					<!-- 업무 버튼 -->
-		            <span class="container-window-btn-right">
-		            </span>
-				</span>
-			</div>
-			<!-- 업무 버튼 및 건수 표시 -->
-
-			<!-- DataTables(그리드) -->
+                    <!-- 업무 버튼 -->
+                    <span class="container-window-btn-right">
+                        <button type="button" class="btn btn-primary w-px-120" name="btnRemove" title="부과 삭제">
+                            부과 삭제
+                        </button>
+                    </span>
+                </span>
+            </div>
+            <!-- 업무 버튼 및 건수 표시 -->
+
+            <!-- DataTables(그리드) -->
             <div class="card-datatable text-nowrap">
                 <div class="dataTables_wrapper dt-bootstrap5 no-footer">
-                    <div class="table-responsive ox-scroll oy-scroll h-px-500" name="tableRspns">
+                    <div class="table-responsive ox-scroll oy-scroll h-px-450" name="tableRspns">
                         <table class="table-layout-fixed dataTable datatables-ajax table table-bordered no-footer" aria-describedby="DataTables_Table_0_info">
                             <thead class="sticky-thead">
                                 <tr name="theadTr" data-search-target="[data-doctx='${pageName}']">
                                 </tr>
                             </thead>
-
                             <template name="tmpltCols">
-								<th class="cmn" style="width: 72px;">No.</th>
+                                <th class="cmn" style="width: 72px;">No.</th>
                                 <th class="cmn" style="width: 56px;"><input type="checkbox" class="form-check-input" name="gridAllCheckbox" onchange="pageObject['${pageName}'].dataTableCheckbox(this, this.checked);" /></th>
-								<th class="cmn" style="width: 160px;">업무구분</th>
-								<th class="cmn" style="width: 100px;" onclick="FimsSupport.searchFromGridTitle('FYR', this.innerText, 'match', 'part');">회계연도</th>
-								<th class="cmn" style="width: 100px;" onclick="FimsSupport.searchFromGridTitle('ACNTG_SE_CD', this.innerText, 'codeValue', 'FIM074');">회계코드</th>
-								<th class="cmn" style="width: 100px;" onclick="FimsSupport.searchFromGridTitle('TXITM_CD', this.innerText, 'codeValue', 'FIM075');">세목코드</th>
-								<th class="cmn" style="width: 200px;" onclick="FimsSupport.searchFromGridTitle('TXITM_CD', this.innerText, 'codeValue', 'FIM075');">세목명</th>
-								<th class="cmn" style="width: 100px;" onclick="FimsSupport.searchFromGridTitle('LEVY_NO', this.innerText, 'match', 'part');">부과번호</th>
-								<th class="cmn" style="width: 100px;" onclick="FimsSupport.searchFromGridTitle('ISPY_SN', this.innerText, 'match', 'part');">분납순번</th>
-								<th class="cmn" style="width: 100px;" onclick="FimsSupport.searchFromGridTitle('LEVY_SE_CD', this.innerText, 'codeValue', 'FIM040');">부과구분</th>
-								<th class="cmn" style="width: 100px;" onclick="FimsSupport.searchFromGridTitle('RDCT_SE_CD', this.innerText, 'codeValue', 'FIM046');">감경구분</th>
-								<th class="cmn" style="width: 120px;" onclick="FimsSupport.searchFromGridTitle('LEVY_YMD', this.innerText, 'ymd', '');">부과일자</th>
-								<th class="cmn" style="width: 120px;" onclick="FimsSupport.searchFromGridTitle('FRST_DUDT_YMD', this.innerText, 'ymd', '');">최초납기일자</th>
-								<th class="cmn" style="width: 120px;" onclick="FimsSupport.searchFromGridTitle('DUDT_YMD', this.innerText, 'ymd', '');">납기일자</th>
-								<th class="cmn" style="width: 120px;" onclick="FimsSupport.searchFromGridTitle('FFNLG_AMT', this.innerText, 'match', 'part');">과태료금액</th>
-								<th class="cmn" style="width: 120px;" onclick="FimsSupport.searchFromGridTitle('LEVY_PCPTAX', this.innerText, 'match', 'part');">부과본세</th>
-								<th class="cmn" style="width: 120px;" onclick="FimsSupport.searchFromGridTitle('LEVY_ADAMT', this.innerText, 'match', 'part');">부과가산금</th>
-								<th class="cmn" style="width: 120px;" onclick="FimsSupport.searchFromGridTitle('RCVMT_PCPTAX', this.innerText, 'match', 'part');">수납본세</th>
-								<th class="cmn" style="width: 120px;" onclick="FimsSupport.searchFromGridTitle('RCVMT_ADAMT', this.innerText, 'match', 'part');">수납가산금</th>
-								<th class="cmn" style="width: 120px;" onclick="FimsSupport.searchFromGridTitle('RDAMT_PCPTAX', this.innerText, 'match', 'part');">감액본세</th>
-								<th class="cmn" style="width: 120px;" onclick="FimsSupport.searchFromGridTitle('RDAMT_ADAMT', this.innerText, 'match', 'part');">감액가산금</th>
-								<th class="cmn" style="width: 120px;" onclick="FimsSupport.searchFromGridTitle('SUM_AMT', this.innerText, 'match', 'part');">미납금액</th>
-								<th class="cmn" style="width: 160px;" onclick="FimsSupport.searchFromGridTitle('TXTN_THING', this.innerText, 'match', 'part');">과세물건</th>
-								<th class="cmn" style="width: 240px;" onclick="FimsSupport.searchFromGridTitle('NPMNT_RSN_CD', this.innerText, 'codeValue', 'FIM043');">체납사유</th>
-								<th class="cmn" style="width: 120px;" onclick="FimsSupport.searchFromGridTitle('RCVMT_YMD', this.innerText, 'ymd', '');">수납일자</th>
-								<th class="cmn" style="width: 120px;" onclick="FimsSupport.searchFromGridTitle('SZR_YMD', this.innerText, 'ymd', '');">압류일자</th>
-								<th class="cmn" style="width: 200px;" onclick="FimsSupport.searchFromGridTitle('SZR_THING', this.innerText, 'match', 'part');">압류물건</th>
-								<th class="cmn" style="width: 160px;" onclick="FimsSupport.searchFromGridTitle('RPM_SZR_VHRNO', this.innerText, 'match', 'part');">대체압류차량</th>
-								<th class="cmn" style="width: 120px;" onclick="FimsSupport.searchFromGridTitle('SZR_RMV_YMD', this.innerText, 'match', 'part');">압류해제일자</th>
-								<th class="cmn" style="width: 240px;" onclick="FimsSupport.searchFromGridTitle('EPAYNO', this.innerText, 'match', 'part');">전자납부번호</th>
-								<th class="cmn" style="width: 160px;" onclick="FimsSupport.searchFromGridTitle('BANK_NM', this.innerText, 'match', 'part');">은행명</th>
-								<th class="cmn" style="width: 200px;" onclick="FimsSupport.searchFromGridTitle('VR_ACTNO', this.innerText, 'match', 'part');">가상계좌번호</th>
-								<th class="cmn" style="width: 180px;" onclick="FimsSupport.searchFromGridTitle('CRDN_YMD', this.innerText, 'ymd', '');">단속일시</th>
-								<th class="cmn" style="width: 140px;" onclick="FimsSupport.searchFromGridTitle('VHRNO', this.innerText, 'match', 'part');">차량번호</th>
-								<th class="cmn" style="width: 160px;" onclick="FimsSupport.searchFromGridTitle('CRDN_STDG_NM', this.innerText, 'match', 'part');">법정동</th>
-								<th class="cmn" style="width: 280px;" onclick="FimsSupport.searchFromGridTitle('CRDN_PLC', this.innerText, 'match', 'part');">단속장소</th>
-								<th class="cmn" style="width: 160px;" onclick="FimsSupport.searchFromGridTitle('VLTN_ARTCL', this.innerText, 'match', 'part');">위반항목</th>
-								<th class="cmn" style="width: 120px;" onclick="FimsSupport.searchFromGridTitle('FFNLG_CRDN_AMT', this.innerText, 'match', 'part');">단속원금</th>
-								<th class="cmn" style="width: 160px;" onclick="FimsSupport.searchFromGridTitle('CRDN_STTS_CD', this.innerText, 'codeValue', 'FIM010');">처리상태</th>
-								<th class="cmn" style="width: 120px;" onclick="FimsSupport.searchFromGridTitle('RTPYR_SE_CD', this.innerText, 'codeValue', 'FIM011');">납부자구분</th>
-								<th class="cmn" style="width: 160px;" onclick="FimsSupport.searchFromGridTitle('RTPYR_NO', this.innerText, 'ymd', '');">납부자번호</th>
-								<th class="cmn" style="width: 200px;" onclick="FimsSupport.searchFromGridTitle('RTPYR_NM', this.innerText, 'match', 'part');">납부자명</th>
-								<th class="cmn" style="width: 100px;" onclick="FimsSupport.searchFromGridTitle('ZIP', this.innerText, 'match', 'part');">우편번호</th>
-								<th class="cmn" style="width: 280px;" onclick="FimsSupport.searchFromGridTitle('ADDR', this.innerText, 'match', 'part');">주소</th>
-								<th class="cmn" style="width: 320px;" onclick="FimsSupport.searchFromGridTitle('DTL_ADDR', this.innerText, 'match', 'part');">상세주소</th>
-								<th class="cmn" style="width: 180px;">등록일시</th>
-								<th class="cmn" style="width: 140px;">등록사용자</th>
-								<th class="cmn" style="width: 180px;">수정일시</th>
-								<th class="cmn" style="width: 140px;">수정사용자</th>
-								<th class="cmn dummy-th"></th>
-							</template>
-
+                                <th class="cmn" style="width: 160px;">업무구분</th>
+                                <th class="cmn" style="width: 100px;" onclick="FimsSupport.searchFromGridTitle('FYR', this.innerText, 'match', 'part');">회계연도</th>
+                                <th class="cmn" style="width: 100px;" onclick="FimsSupport.searchFromGridTitle('ACNTG_SE_CD', this.innerText, 'codeValue', 'FIM074');">회계코드</th>
+                                <th class="cmn" style="width: 100px;" onclick="FimsSupport.searchFromGridTitle('TXITM_CD', this.innerText, 'codeValue', 'FIM075');">세목코드</th>
+                                <th class="cmn" style="width: 200px;" onclick="FimsSupport.searchFromGridTitle('TXITM_CD', this.innerText, 'codeValue', 'FIM075');">세목명</th>
+                                <th class="cmn" style="width: 100px;" onclick="FimsSupport.searchFromGridTitle('LEVY_NO', this.innerText, 'match', 'part');">부과번호</th>
+                                <th class="cmn" style="width: 100px;" onclick="FimsSupport.searchFromGridTitle('ISPY_SN', this.innerText, 'match', 'part');">분납순번</th>
+                                <th class="cmn" style="width: 100px;" onclick="FimsSupport.searchFromGridTitle('LEVY_SE_CD', this.innerText, 'codeValue', 'FIM040');">부과구분</th>
+                                <th class="cmn" style="width: 100px;" onclick="FimsSupport.searchFromGridTitle('RDCT_SE_CD', this.innerText, 'codeValue', 'FIM046');">감경구분</th>
+                                <th class="cmn" style="width: 120px;" onclick="FimsSupport.searchFromGridTitle('LEVY_YMD', this.innerText, 'ymd', '');">부과일자</th>
+                                <th class="cmn" style="width: 120px;" onclick="FimsSupport.searchFromGridTitle('FRST_DUDT_YMD', this.innerText, 'ymd', '');">최초납기일자</th>
+                                <th class="cmn" style="width: 120px;" onclick="FimsSupport.searchFromGridTitle('DUDT_YMD', this.innerText, 'ymd', '');">납기일자</th>
+                                <th class="cmn" style="width: 120px;" onclick="FimsSupport.searchFromGridTitle('FFNLG_AMT', this.innerText, 'match', 'part');">과태료금액</th>
+                                <th class="cmn" style="width: 120px;" onclick="FimsSupport.searchFromGridTitle('LEVY_PCPTAX', this.innerText, 'match', 'part');">부과본세</th>
+                                <th class="cmn" style="width: 120px;" onclick="FimsSupport.searchFromGridTitle('LEVY_ADAMT', this.innerText, 'match', 'part');">부과가산금</th>
+                                <th class="cmn" style="width: 120px;" onclick="FimsSupport.searchFromGridTitle('RCVMT_PCPTAX', this.innerText, 'match', 'part');">수납본세</th>
+                                <th class="cmn" style="width: 120px;" onclick="FimsSupport.searchFromGridTitle('RCVMT_ADAMT', this.innerText, 'match', 'part');">수납가산금</th>
+                                <th class="cmn" style="width: 120px;" onclick="FimsSupport.searchFromGridTitle('RDAMT_PCPTAX', this.innerText, 'match', 'part');">감액본세</th>
+                                <th class="cmn" style="width: 120px;" onclick="FimsSupport.searchFromGridTitle('RDAMT_ADAMT', this.innerText, 'match', 'part');">감액가산금</th>
+                                <th class="cmn" style="width: 120px;" onclick="FimsSupport.searchFromGridTitle('SUM_AMT', this.innerText, 'match', 'part');">미납금액</th>
+                                <th class="cmn" style="width: 160px;" onclick="FimsSupport.searchFromGridTitle('TXTN_THING', this.innerText, 'match', 'part');">과세물건</th>
+                                <th class="cmn" style="width: 240px;" onclick="FimsSupport.searchFromGridTitle('NPMNT_RSN_CD', this.innerText, 'codeValue', 'FIM043');">체납사유</th>
+                                <th class="cmn" style="width: 120px;" onclick="FimsSupport.searchFromGridTitle('RCVMT_YMD', this.innerText, 'ymd', '');">수납일자</th>
+                                <th class="cmn" style="width: 120px;" onclick="FimsSupport.searchFromGridTitle('SZR_YMD', this.innerText, 'ymd', '');">압류일자</th>
+                                <th class="cmn" style="width: 200px;" onclick="FimsSupport.searchFromGridTitle('SZR_THING', this.innerText, 'match', 'part');">압류물건</th>
+                                <th class="cmn" style="width: 160px;" onclick="FimsSupport.searchFromGridTitle('RPM_SZR_VHRNO', this.innerText, 'match', 'part');">대체압류차량</th>
+                                <th class="cmn" style="width: 120px;" onclick="FimsSupport.searchFromGridTitle('SZR_RMV_YMD', this.innerText, 'match', 'part');">압류해제일자</th>
+                                <th class="cmn" style="width: 240px;" onclick="FimsSupport.searchFromGridTitle('EPAYNO', this.innerText, 'match', 'part');">전자납부번호</th>
+                                <th class="cmn" style="width: 160px;" onclick="FimsSupport.searchFromGridTitle('BANK_NM', this.innerText, 'match', 'part');">은행명</th>
+                                <th class="cmn" style="width: 200px;" onclick="FimsSupport.searchFromGridTitle('VR_ACTNO', this.innerText, 'match', 'part');">가상계좌번호</th>
+                                <th class="cmn" style="width: 180px;" onclick="FimsSupport.searchFromGridTitle('CRDN_YMD', this.innerText, 'ymd', '');">단속일시</th>
+                                <th class="cmn" style="width: 140px;" onclick="FimsSupport.searchFromGridTitle('VHRNO', this.innerText, 'match', 'part');">차량번호</th>
+                                <th class="cmn" style="width: 160px;" onclick="FimsSupport.searchFromGridTitle('CRDN_STDG_NM', this.innerText, 'match', 'part');">법정동</th>
+                                <th class="cmn" style="width: 280px;" onclick="FimsSupport.searchFromGridTitle('CRDN_PLC', this.innerText, 'match', 'part');">단속장소</th>
+                                <th class="cmn" style="width: 160px;" onclick="FimsSupport.searchFromGridTitle('VLTN_ARTCL', this.innerText, 'match', 'part');">위반항목</th>
+                                <th class="cmn" style="width: 120px;" onclick="FimsSupport.searchFromGridTitle('FFNLG_CRDN_AMT', this.innerText, 'match', 'part');">단속원금</th>
+                                <th class="cmn" style="width: 160px;" onclick="FimsSupport.searchFromGridTitle('CRDN_STTS_CD', this.innerText, 'codeValue', 'FIM010');">처리상태</th>
+                                <th class="cmn" style="width: 120px;" onclick="FimsSupport.searchFromGridTitle('RTPYR_SE_CD', this.innerText, 'codeValue', 'FIM011');">납부자구분</th>
+                                <th class="cmn" style="width: 160px;" onclick="FimsSupport.searchFromGridTitle('RTPYR_NO', this.innerText, 'ymd', '');">납부자번호</th>
+                                <th class="cmn" style="width: 200px;" onclick="FimsSupport.searchFromGridTitle('RTPYR_NM', this.innerText, 'match', 'part');">납부자명</th>
+                                <th class="cmn" style="width: 100px;" onclick="FimsSupport.searchFromGridTitle('ZIP', this.innerText, 'match', 'part');">우편번호</th>
+                                <th class="cmn" style="width: 280px;" onclick="FimsSupport.searchFromGridTitle('ADDR', this.innerText, 'match', 'part');">주소</th>
+                                <th class="cmn" style="width: 320px;" onclick="FimsSupport.searchFromGridTitle('DTL_ADDR', this.innerText, 'match', 'part');">상세주소</th>
+                                <th class="cmn" style="width: 180px;">등록일시</th>
+                                <th class="cmn" style="width: 140px;">등록사용자</th>
+                                <th class="cmn" style="width: 180px;">수정일시</th>
+                                <th class="cmn" style="width: 140px;">수정사용자</th>
+                                <th class="cmn dummy-th"></th>
+                            </template>
                             <tbody name="tbodyList">
                             </tbody>
                             <template is="curly-brackets" name="tmpltRows">
-                                <tr data-key="LEVY_ID">
+                                <tr data-index="{data-index}">
                                     <td class="cmn text-center" onclick ondblclick>{ROW_NUM}</td>
-                                    <td class="cmn text-center"><input type="checkbox" class="form-check-input" name="gridCheckbox" value="LEVY_ID" onchange="pageObject['${pageName}'].dataTableCheckbox(this, this.checked);" /></td>
+                                    <td class="cmn text-center"><input type="checkbox" class="form-check-input" name="gridCheckbox" value="{data-index}" onchange="pageObject['${pageName}'].dataTableCheckbox(this, this.checked);" /></td>
                                     <td class="cmn text-center" onclick ondblclick>{TASK_SE_NM}</td>
                                     <td class="cmn text-center" onclick ondblclick>{FYR}</td>
                                     <td class="cmn text-center" onclick ondblclick>{ACNTG_SE_CD}</td>
@@ -309,29 +307,29 @@
                                 </tr>
                             </template>
                             <template name="tmpltNotFound">
-								<tr class="bpv">
-									<td valign="top" colspan="50" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
-								</tr>
-								<tr class="dpv">
-									<td valign="top" colspan="50" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
-								</tr>
-								<tr class="eca">
-									<td valign="top" colspan="50" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
-								</tr>
-								<tr class="pvs">
-									<td valign="top" colspan="50" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
-								</tr>
-								<tr class="pes">
-									<td valign="top" colspan="50" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
-								</tr>
-							</template>
-						</table>
-					</div>
-				</div>
-			</div>
-			<!-- DataTables(그리드) -->
-		</div> <!-- <div class="card wrapper-list"> -->
-	</div> <!-- <div class="container-xxl flex-grow-1 px-0"> -->
+                                <tr class="bpv">
+                                    <td valign="top" colspan="50" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
+                                </tr>
+                                <tr class="dpv">
+                                    <td valign="top" colspan="50" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
+                                </tr>
+                                <tr class="eca">
+                                    <td valign="top" colspan="50" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
+                                </tr>
+                                <tr class="pvs">
+                                    <td valign="top" colspan="50" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
+                                </tr>
+                                <tr class="pes">
+                                    <td valign="top" colspan="50" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
+                                </tr>
+                            </template>
+                        </table>
+                    </div>
+                </div>
+            </div>
+            <!-- DataTables(그리드) -->
+        </div> <!-- <div class="card wrapper-list"> -->
+    </div> <!-- <div class="container-xxl flex-grow-1 px-0"> -->
     <!-- Content -->
 
     <div class="content-backdrop fade"></div>
@@ -339,6 +337,8 @@
 <!-- / inner page html <div class="content-wrapper"> -->
 
 <script>
+    LoadScript("levy01050Script", wctx.url("/webjars/js/fims/levy/levy01050.js?ver=${ver}"));
+
     /**************************************************************************
      * Global Variable
      **************************************************************************/
@@ -351,111 +351,13 @@
         // pageObject
         let $P = pageObject["${pageName}"];
 
-        // FormFields
-        $P.formFields = new FimsFormFields($P.selectorn("frmSearch"));
-
-        /**************************************************************************
-         * DatasetControl
-         **************************************************************************/
-        $P.ctrl = new DatasetControl({
-              prefix: "levy"
-            , prefixName: "부과"
-            , keymapper: info => info ? info.LEVY_ID : ""
-            , dataGetter: obj => obj["List"]
-            , appendData: true
-            , infoSize: "xl"
-            , formats: {
-                  LEVY_YMD: dateFormat
-                , FRST_DUDT_YMD: dateFormat
-                , DUDT_YMD: dateFormat
-                , RCVMT_YMD: dateFormat
-                , SZR_YMD: dateFormat
-                , SZR_RMV_YMD: dateFormat
-                , FFNLG_AMT: numberFormat
-                , LEVY_PCPTAX: numberFormat
-                , LEVY_ADAMT: numberFormat
-                , ISPY_INT: numberFormat
-                , RCVMT_PCPTAX: numberFormat
-                , RCVMT_ADAMT: numberFormat
-                , RDAMT_PCPTAX: numberFormat
-                , RDAMT_ADAMT: numberFormat
-                , SUM_AMT: numberFormat
-                , CRDN_YMD_TM: datetimeFormat
-                , FFNLG_CRDN_AMT: numberFormat
-                , REG_DT: datetimeFormat
-                , MDFCN_DT: datetimeFormat
-            }
-        });
-        // 검색 조건
-        $P.ctrl.query = { pageNum: 1, fetchSize: DEFAULT_FETCH_SIZE };          // 1 페이지당 자료 건수 index.jsp에서 확인
-
-        /**************************************************************************
-         * DatasetControl 이벤트
-         **************************************************************************/
-        // Dataset 변경 이벤트
-        $P.ctrl.onDatasetChange = (obj, option) => {
-            $P.renderList(obj["Total"], option);
-
-            // datasetPaging
-            Apply.fromDataset.paging($P.ctrl.dataset, obj, $P.findn("dataPaging"), $P.findn("dataPagingInfo"));
-        }
-
-        // 현재 선택 자료 변경 이벤트
-        $P.ctrl.onCurrentChange = (item) => {
-            if (!item) return;
-
-            let key = item.data.LEVY_ID;
-
-            $P.$findn("tbodyList").setCurrentRow(key);
-        }
-
-        // 선택(체크) 변경 이벤트
-        $P.ctrl.onSelectionChange = (selected) => {
-            Apply.fromDataset.gridCheckbox($P.ctrl.dataset, $P.findn("tbodyList"), 1, selected);
-        }
+        $P.prefixUrl = "${prefixUrl}";
+        // datasetControl
+        $P.ctrl = newLevy01050Control("${pageName}", "[data-doctx=${pageName}]");
 
         /**************************************************************************
          * DataTables 이벤트
          **************************************************************************/
-        // DataTables에 click, dbclick 이벤트
-        $P.renderList = (totalSize, option) => {
-            let dataList = $P.ctrl.dataset;
-            let empty = dataList.empty;
-            let clsForTask = $P.$findn("frmSearch").find("[name='taskSeCd']:checked").val().toLowerCase();
-
-            // 업무별 DataTables(그리드) tr, td
-            let foundContent = $P.findn("tmpltRows").content;
-            let foundTr = $(foundContent).find("tr")[0].cloneNode(false);
-            let foundTds = $(foundContent).find("." + clsForTask + ",.cmn");
-
-            foundTds.each(function() {
-                foundTr.appendChild(this.cloneNode(true));
-            });
-
-            let replacer = (str, dataItem) => str
-                .replace(/{onclick}/gi, "pageObject['${pageName}'].dataTableClick('" + dataItem.getValue("LEVY_ID") + "');")
-                .replace(/{ondblclick}/gi, "pageObject['${pageName}'].dataTableDblClick('" + dataItem.getValue("LEVY_ID") + "', '" + dataItem.getValue("CRDN_ID") + "');");
-
-            let trs = empty ?
-                      [$P.findn("tmpltNotFound").content.querySelector("." + clsForTask + ",.cmn").outerHTML]
-                    : dataList.inStrings(foundTr.outerHTML, replacer);
-
-            let noMore = (dataList.length >= totalSize);
-            let initScroll = ($P.ctrl.query.pageNum < 2);
-
-            if (option != null && option.reloaded) {
-                initScroll = false;
-            }
-
-            $P.findn("tableRspns").changeContent(trs.join(), initScroll, noMore);
-
-            // checkbox 체크 해제
-            $P.$findn("gridAllCheckbox").prop("checked", false);
-
-            // 보안모드
-            fn_securityModeToggle($("#securityMode--top").is(":checked"));
-        }
-
         // dataTable 체크박스 클릭 이벤트
         $P.dataTableCheckbox = (element, bool) => {
             GRID.checkbox.sync(element, bool);
@@ -468,26 +370,28 @@
         }
 
         // dataTable 클릭 이벤트
-        $P.dataTableClick = (dataKey) => {
-            if (!dataKey) return;
+        $P.dataTableClick = (dataIndex) => {
+            if (!dataIndex) return;
 
-            $P.$findn("tbodyList").setCurrentRow(dataKey);
+            $P.$findn("tbodyList").setCurrentRow(dataIndex);
 
-            Apply.toDataset.current($P.ctrl.dataset, dataKey);
+            Apply.toDataset.current($P.ctrl.dataset, dataIndex);
         }
 
         // dataTable 더블 클릭 이벤트 - 개별총정보 dialog
-        $P.dataTableDblClick = (dataKey, crdnId) => {
-            if (!dataKey) return;
+        $P.dataTableDblClick = (dataIndex) => {
+            if (!dataIndex) return;
 
-            // 단속 ID가 없다면 개별총정보 팝업을 실행하지 않는다.
+            // 단속 ID
+            let crdnId = $P.ctrl.getValue("CRDN_ID");
             if (!crdnId) return;
 
             let params = {
-                  callControlName: "pageObject['${pageName}'].ctrl"
+                  callPageName: "${pageName}"
+                , callPurpose: "update"
                 , sggCd: $P.ctrl.getValue("SGG_CD")
                 , taskSeCd: $P.ctrl.getValue("TASK_SE_CD")
-                , crdnId: crdnId
+                , crdnId: $P.ctrl.getValue("CRDN_ID")
             }
 
             ajax.get({
@@ -531,42 +435,6 @@
         /**************************************************************************
          * 버튼 clickEvent
          **************************************************************************/
-        // 초기화 버튼 이벤트
-        $P.fnReset = (taskSeCd) => {
-            // 화면 초기화
-            $P.findn("frmSearch").reset();
-
-            // input, select 초기화
-            let searchForm = $P.$findn("frmSearch");
-            searchForm.find("input[type='radio']").not("[name='taskSeCd']").prop("checked", false);
-            searchForm.find("input[type='checkbox']").prop("checked", false);
-            searchForm.find("input[type='text']").val("");
-            searchForm.find("input[type='hidden']").val("");
-            searchForm.find("select").each(function(){ $(this).find("option:eq(0)").prop("selected", true); });
-
-            // 최고 관리자인지 권한을 확인하여 업무구분을 선택할 수 있도록 하자 -> 수정 필요
-            $P.$findn("frmSearch").find("input[name='taskSeCd']").each(function(i) {
-                $(this).prop("disabled", "true");
-            });
-
-            AppSupport.initDatepicker($P.findn("frmSearch"));                   // 달력 초기화
-            AppSupport.initDetailSearchButton($P.findn("frmSearch"));           // 상세검색 버튼 화살표
-
-            // 기본 데이터 설정
-            $P.$findn("sggCd").val("${sggCd}");                                 // 시군구 코드
-            if (taskSeCd) {                                                     // 업무 구분 코드
-                $P.$findn("frmSearch").find("input[name='taskSeCd'][value='" + taskSeCd + "']").prop("checked", true);
-            }
-            $P.$findn("schFyr").val(new Date().getFullYear());                  // 회계 연도
-            $P.$findn("schLevyNoFrom").val("000001");                           // 부과 번호 시작
-            $P.$findn("schLevyNoTo").val("999999");                             // 부과 번호 종료
-            $P.$findn("byOutput").val("동적 검색");                             // 동적 검색
-            $P.$findn("schRgtrNm").prop("readonly", true);                      // 사용자 이름
-
-            // dataset 초기화
-            $P.ctrl.dataset.clear();
-        }
-
         // 업무 구분 변경
         $P.fnResetAndChangeBiz = (taskSeCd) => {
             // 업무 구분 코드
@@ -578,12 +446,16 @@
             $P.fnReset(taskSeCd);
 
             // 업무구분에 따른 URL 설정
-            $P.ctrl.urls.load = wctx.url("/" + taskSeCd + "${infoPrefixUrl}" + "/050/list.do"); // 검색
+            $P.ctrl.urls.load = wctx.url("/" + taskSeCd + $P.prefixUrl + "/050/list.do");   // 검색
 
-            // 업무별 검색 조건
-            FimsSupport.renderForTask($P.findn("frmSearch"), taskSeCd.toLowerCase());
-            // 업무별 버튼
-            FimsSupport.renderForTask($P.findn("gridbuttonArea"), taskSeCd.toLowerCase());
+
+            // 최고 관리자인지 권한을 확인하여 업무구분을 선택할 수 있도록 하자 -> 수정 필요
+            $P.$findn("frmSearch").find("input[name='taskSeCd']").each(function(i) {
+                $(this).prop("disabled", "true");
+            });
+
+            FimsSupport.renderForTask($P.findn("frmSearch"), taskSeCd.toLowerCase());       // 업무별 검색 조건
+            FimsSupport.renderForTask($P.findn("gridbuttonArea"), taskSeCd.toLowerCase());  // 업무별 버튼
 
             // 업무별 그리드 th
             let colContent = $P.findn("tmpltCols").content;
@@ -620,6 +492,7 @@
 
                             AppSupport.setDialogZindex();
                         }
+                        , onClose: () => { }
                     });
                 }
             });
@@ -627,10 +500,13 @@
 
         // 검색 버튼 클릭 이벤트
         $P.fnSearchList = () => {
+            // validate 확인
+            if (!AppSupport.customValidate($P.$findn("frmSearch").find("input,select,textarea"))) return;
+
             // 검색조건
-            $P.ctrl.query = $P.formFields.get();                                // 검색 조건
-            $P.ctrl.query.fetchSize = DEFAULT_FETCH_SIZE;                       // 한번에 조회되는 자료 건수
-            $P.ctrl.query.delYn = "N";                                          // 삭제 여부
+            $P.ctrl.query = new FimsFormFields($P.selectorn("frmSearch")).get();    // 검색 조건
+            $P.ctrl.query.fetchSize = DEFAULT_FETCH_SIZE;                           // 한번에 조회되는 자료 건수
+            $P.ctrl.query.delYn = "N";                                              // 삭제 여부
 
             $P.ctrl.load(1);
         }
@@ -655,27 +531,98 @@
             $P.ctrl.download();
         }
 
+        // 부과 삭제 버튼 클릭 이벤트
+        $P.fnRemove = (btnTitle) => {
+            let selected = $P.ctrl.getDataset("selected");                      // 선택 자료
+
+            if (selected.length < 1) {
+                dialog.alert({
+                      content: "선택하신 " + $P.ctrl.prefixName + " 정보가 없습니다."
+                    , init: () => { AppSupport.setDialogZindex(); }
+                    , onOK: () => { }
+                });
+                return;
+            }
+
+            // 삭제 메세지 확인
+            dialog.alert({
+                  content: "선택하신 " + selected.length + "건의 " + $P.ctrl.prefixName + " 정보를 삭제하시겠습니까?"
+                , onOK: () => {
+                    // 삭제 사유 입력
+                    fetch(wctx.url("/webjars/html/inputRsnDialog.html"))
+                        .then(function(resp) { return resp.text(); })
+                        .then(function(template) {
+                            dialog.open({
+                                  id: "inputDelRsnDialog"
+                                , title: "삭제 사유"
+                                , size: "lg"
+                                , content: template
+                                , init: () => { AppSupport.setDialogZindex(); }
+                                , onOK: () => {
+                                    $P.callbackRsn({
+                                          btnTitle: btnTitle                    // 버튼 title
+                                        , reason: $("#reason").val()            // 삭제 사유
+                                    });
+                                }
+                            });
+                        });
+                }
+            });
+        }
+
         /**************************************************************************
          * 초기 설정
          **************************************************************************/
         // 이벤트 설정
         $P.setEvent = () => {
             // 기본 버튼 이벤트
-            $P.$findn("btnReset").on("click", () => { $P.fnResetAndChangeBiz() });   // 초기화
-            $P.$findn("btnSearch").on("click", () => { $P.fnSearchList() });         // 검색
-            $P.$findn("btnExcel").on("click", () => { $P.fnExcel() });               // 엑셀
-            $P.$findn("btnFindUser").on("click", () => $P.fnGetFindUser());          // 사용자 검색
+            $P.$findn("btnReset").on("click", () => $P.fnResetAndChangeBiz());  // 초기화
+            $P.$findn("btnSearch").on("click", () => $P.fnSearchList());        // 검색
+            $P.$findn("btnExcel").on("click", () => $P.fnExcel());              // 엑셀
+            $P.$findn("btnFindUser").on("click", () => $P.fnGetFindUser());     // 사용자 검색
 
             // 동적검색에서 엔터(Enter) 키를 누르면 검색한다.
             $P.$findn("term").onEnterPress($P.fnSearchList);
 
+            // 업무 버튼 이벤트
+            $P.$findn("btnRemove").on("click", function() {
+                $P.fnRemove($P.$findn("btnRemove").attr("title"));              // 삭제
+            });
+
             // DataTables width 변경 조정
             Componentization.fnMakeResizableTable($P.findn("tableRspns"));
-
             // DataTables 스크롤 이벤트 생성
             Componentization.fnMakeScrollableTable($P.findn("tableRspns"), $P.scrollDataList);
         }
 
+        // 초기화 버튼 이벤트
+        $P.fnReset = (taskSeCd) => {
+            // 초기화
+            $P.findn("frmSearch").reset();                                      // 화면 초기화
+            AppSupport.initDatepicker($P.findn("frmSearch"));                   // 달력 초기화
+            AppSupport.initDetailSearchButton($P.findn("frmSearch"));           // 상세검색 버튼 화살표
+
+            // input, select 초기화
+            let searchForm = $P.$findn("frmSearch");
+            searchForm.find("input[type='radio']").not("[name='taskSeCd']").prop("checked", false);
+            searchForm.find("input[type='checkbox']").prop("checked", false);
+            searchForm.find("input[type='text']").val("");
+            searchForm.find("input[type='hidden']").val("");
+            searchForm.find("select").each(function(){ $(this).find("option:eq(0)").prop("selected", true); });
+
+            // 기본 데이터 설정
+            $P.$findn("sggCd").val("${sggCd}");                                 // 시군구 코드
+            $P.$findn("frmSearch").find("input[name='taskSeCd'][value='" + taskSeCd + "']").prop("checked", true);
+            $P.$findn("schFyr").val(new Date().getFullYear());                  // 회계 연도
+            $P.$findn("schLevyNoFrom").val("000001");                           // 부과 번호 시작
+            $P.$findn("schLevyNoTo").val("999999");                             // 부과 번호 종료
+            $P.$findn("byOutput").val("동적 검색");                             // 동적 검색
+            $P.$findn("schRgtrNm").prop("readonly", true);                      // 사용자 이름
+
+            // dataset 초기화
+            $P.ctrl.dataset.clear();
+        }
+
         /**************************************************************************
          * 최초 실행 함수
          **************************************************************************/
diff --git a/src/main/webapp/WEB-INF/jsp/fims/levy/levy02010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/levy/levy02010-main.jsp
index d50eed97..ff9f2c83 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/levy/levy02010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/levy/levy02010-main.jsp
@@ -4,620 +4,502 @@
 <c:set var="prefixName" scope="request">과태료 감경 관리</c:set>
 
 <!-- inner page html -->
-<div class="content-wrapper">
-	<!-- Content -->
-	<div class="container-xxl flex-grow-1 px-0">
-		<div class="card wrapper-list">
-			<!-- 상단 버튼 -->
-		    <div class="container-page-btn">
-		        <button type="button" class="btn btn-outline-dark w-px-120" id="btnReset--${pageName}" title="초기화">
-		        	초기화
-		        </button>
-		        <span class="container-window-btn-right">
-		            <button type="button" class="btn btn-search w-px-120" id="btnSearch--${pageName}" title="검색">
-		            	검색
-		            </button>
-					<button type="button" class="btn btn-excel w-px-120" id="btnExcel--${pageName}" title="엑셀">
-						엑셀
-					</button>
-		        </span>
-		    </div>
-		    <!-- 상단 버튼 -->
-
-			<!-- 검색 조건 영역 -->
-		    <form id="frmSearch--${pageName}" name="frmSearch">
-				<!-- hidden -->
-				<input type="hidden" id="sggCd--${pageName}" name="sggCd" />
-
-				<!-- 메인 조건 -->
-		        <div class="container-search">
+<div class="content-wrapper" data-doctx="${pageName}">
+    <!-- Content -->
+    <div class="container-xxl flex-grow-1 px-0">
+        <div class="card wrapper-list">
+            <!-- 상단 버튼 -->
+            <div class="container-page-btn">
+                <button type="button" class="btn btn-outline-dark w-px-120" name="btnReset" title="초기화">
+                    초기화
+                </button>
+                <span class="container-window-btn-right">
+                    <button type="button" class="btn btn-search w-px-120" name="btnSearch" title="검색">
+                        검색
+                    </button>
+                    <button type="button" class="btn btn-excel w-px-120" name="btnExcel" title="엑셀">
+                        엑셀
+                    </button>
+                </span>
+            </div>
+            <!-- 상단 버튼 -->
+
+            <!-- 검색 조건 영역 -->
+            <form name="frmSearch">
+                <!-- hidden -->
+                <input type="hidden" name="sggCd" />
+
+                <!-- 메인 조건 -->
+                <div class="container-search">
                     <div class="row g-1">
-                    	<!-- 업무구분 -->
                         <div class="col-12">
-							<span class="form-label fw-bold form-search-title w-px-120 text-end">업무구분</span>
-							<span class="form-search-linebox">
-								<c:forEach items="${taskListForSgg}" var="item">
-									<label>
-										<input type="radio" class="form-check-input" name="taskSeCd" alt="업무구분"
-											value="${item.code}" onchange="pageObject['${pageName}'].fnResetAndChangeBiz(this.value);">
-										${item.value}
-									</label>
-								</c:forEach>
-							</span>
+                            <span class="form-label form-search-title w-px-120 text-end fw-bold">업무구분</span>
+                            <span class="form-search-linebox">
+                                <c:forEach items="${taskListForSgg}" var="item">
+                                    <label>
+                                        <input type="radio" class="form-check-input" name="taskSeCd" alt="업무구분"
+                                            value="${item.code}" onchange="pageObject['${pageName}'].fnResetAndChangeBiz(this.value);">
+                                        ${item.value}
+                                    </label>
+                                </c:forEach>
+                            </span>
                         </div>
-                        <!-- 감경 일자 -->
                         <div class="col-6">
-							<label class="form-label fw-bold form-search-title w-px-120 text-end" for="schRdctYmdFrom--${pageName}">감경일자</label>
-                        	<span class="form-search-linebox">
-                                <input type="text" id="schRdctYmdFrom--${pageName}" name="schRdctYmdFrom" class="form-control form-date"
-                                	data-fmt-type="day" autocomplete="off" title="시작 날짜 선택" />
+                            <label class="form-label form-search-title w-px-120 text-end fw-bold">감경일자</label>
+                            <span class="form-search-linebox">
+                                <input type="text" class="form-control form-date" name="schRdctYmdFrom"
+                                    data-fmt-type="day" autocomplete="off" title="시작 날짜 선택" />
                                 <button type="button" class="bx bx-lg bx-calendar bg-white"></button>
                                 ~
-                                <input type="text" id="schRdctYmdTo--${pageName}" name="schRdctYmdTo" class="form-control form-date"
-                                	data-fmt-type="day" autocomplete="off" title="종료 날짜 선택">
+                                <input type="text" class="form-control form-date" name="schRdctYmdTo"
+                                    data-fmt-type="day" autocomplete="off" title="종료 날짜 선택" />
                                 <button type="button" class="bx bx-lg bx-calendar bg-white"></button>
                             </span>
                         </div>
-						<!-- 감경 사유 구분 코드 -->
-						<div class="col-6">
-							<label class="form-label fw-bold form-search-title w-px-120 text-end" for="schRdctRsnCd--${pageName}">감경사유</label>
-                            <select class="form-select w-px-160" id="schRdctRsnCd--${pageName}" name="schRdctRsnCd">
-                            	<option value="">전체</option>
-                            	<c:forEach items="${FIM019List}" var="item">
-                            		<option value="${item.code}">${item.value}</option>
-                            	</c:forEach>
+                        <div class="col-6">
+                            <label is="name-label" class="form-label form-search-title w-px-120 text-end fw-bold" for="schRdctRsnCd">감경사유</label>
+                            <select is="id-select" class="form-select w-px-200" name="schRdctRsnCd">
+                                <option value="">전체</option>
+                                <c:forEach items="${FIM019List}" var="item">
+                                    <option value="${item.code}">${item.value}</option>
+                                </c:forEach>
                             </select>
-						</div>
-						<div class="col-6">
-						</div>
-						<div class="col-6">
-                        	<input type="hidden" id="by--${pageName}" name="by" />
-							<input type="text" class="form-control fw-bold w-px-120 text-end" id="byOutput--${pageName}" value="동적 검색" readonly />
-							<input type="hidden" id="mainOption--${pageName}" name="mainOption" />
-							<input type="hidden" id="subOption--${pageName}" name="subOption" />
-							<input type="text" class="form-control w-px-400" id="term--${pageName}" name="term" autocomplete="off" />
-							<!-- 상세 검색조건 버튼 -->
-							<span class="flr">
-								<button type="button" class="btn btn-open-detail" data-bs-toggle="collapse" data-bs-target="#searchDetail--${pageName}">
-									<i class="bx bx-chevron-down"></i>
-									상세검색
-								</button>
-							</span>
-						</div>
+                        </div>
+                        <div class="col-6">
+                        </div>
+                        <!-- 동적검색 -->
+                        <div class="col-6">
+                            <input type="hidden" name="by" />
+                            <input type="text" class="form-control w-px-120 text-end fw-bold" name="byOutput" value="동적 검색" readonly />
+                            <input type="hidden" name="mainOption" />
+                            <input type="hidden" name="subOption" />
+                            <input type="text" class="form-control w-px-400" name="term" autocomplete="off" />
+                            <!-- 상세 검색조건 버튼 -->
+                            <span class="flr">
+                                <button type="button" class="btn btn-open-detail" data-bs-toggle="collapse" data-bs-target="[data-doctx='${pageName}'] [name='searchDetail']">
+                                    <i class="bx bx-chevron-down"></i>
+                                    상세검색
+                                </button>
+                            </span>
+                        </div> <!-- 동적검색 -->
                     </div>
-		        </div> <!-- 메인 조건 -->
-
-				<!-- 상세 조건 -->
-				<div id="searchDetail--${pageName}" class="container-search container-search-detail collapse">
-					<div class="row g-1">
-						<!-- 단속일자 -->
-						<div class="col-4">
-							<label class="form-label fw-bold form-search-title w-px-120 text-end" for="schCrdnYmdFrom--${pageName}">단속일자</label>
-							<span class="form-search-linebox">
-								<input type="text" class="form-control form-date" id="schCrdnYmdFrom--${pageName}" name="schCrdnYmdFrom"
-									data-fmt-type="day" autocomplete="off" title="시작 날짜 선택" />
-								<button type="button" class="bx bx-lg bx-calendar bg-white"></button>
-								~
-								<input type="text" class="form-control form-date" id="schCrdnYmdTo--${pageName}" name="schCrdnYmdTo"
-									data-fmt-type="day" autocomplete="off" title="종료 날짜 선택" />
-								<button type="button" class="bx bx-lg bx-calendar bg-white"></button>
-							</span>
-						</div>
-						<!-- 차량번호 -->
-						<div class="col-4">
-							<label class="form-label fw-bold form-search-title w-px-120 text-end" for="schVhrno--${pageName}">차량번호</label>
-							<input type="text" class="form-control w-px-160" id="schVhrno--${pageName}" name="schVhrno" autocomplete="off" />
-						</div>
-						<!-- 납부자번호 -->
-						<div class="col-4">
-							<label class="form-label fw-bold form-search-title w-px-120 text-end" for="schRtpyrNm--${pageName}">납부자번호</label>
-							<input type="text" class="form-control w-px-160" id="schRtpyrNm--${pageName}" name="schRtpyrNm" autocomplete="off" />
-						</div>
-						<!-- 납부자명 -->
-						<div class="col-4">
-							<label class="form-label fw-bold form-search-title w-px-120 text-end" for="schRtpyrNo--${pageName}">납부자명</label>
-							<input type="text" class="form-control w-px-160" id="schRtpyrNo--${pageName}" name="schRtpyrNo" autocomplete="off" />
-						</div>
-						<!-- 등록일자, 수정일자 -->
-						<div class="col-4">
-							<select class="form-select w-px-120 text-center" id="schRegDateOpt--${pageName}" name="schRegDateOpt">
-								<option value="regDt">등록일자</option>
-								<option value="mdfcnDt">수정일자</option>
-							</select>
-							<span class="form-search-linebox">
-								<input type="text" class="form-control form-date" id="schRegDateFrom--${pageName}" name="schRegDateFrom"
-                                	data-fmt-type="day" title="시작 날짜 선택" />
-								<button type="button" class="bx bx-lg bx-calendar bg-white"></button>
+                </div> <!-- 메인 조건 -->
+
+                <!-- 상세 조건 -->
+                <div name="searchDetail" class="container-search container-search-detail collapse">
+                    <div class="row g-1">
+                        <div class="col-4">
+                            <label class="form-label form-search-title w-px-120 text-end fw-bold">단속일자</label>
+                            <span class="form-search-linebox">
+                                <input type="text" class="form-control form-date" name="schCrdnYmdFrom"
+                                    data-fmt-type="day" autocomplete="off" title="시작 날짜 선택" />
+                                <button type="button" class="bx bx-lg bx-calendar bg-white"></button>
                                 ~
-								<input type="text" class="form-control form-date" id="schRegDateTo--${pageName}" name="schRegDateTo"
-                                	data-fmt-type="day" title="종료 날짜 선택">
-								<button type="button" class="bx bx-lg bx-calendar bg-white"></button>
-							</span>
-						</div>
-						<!-- 등록자명, 수정자명 -->
-						<div class="col-4">
-							<select class="form-select w-px-120 text-center" id="schRgtrOpt--${pageName}" name="schRgtrOpt">
-								<option value="rgtr">등록자</option>
-								<option value="mdfr">수정자</option>
-							</select>
-							<input type="hidden" id="schRgtrCd--${pageName}" name="schRgtrCd" />
-							<input type="text" class="form-control w-px-160" id="schRgtrNm--${pageName}" name="schRgtrNm" />
-							<button type="button" class="btn btn-sm btn-outline-dark" id="btnFindUser--${pageName}" title="사용자 검색">검색</button>
-						</div>
-					</div>
-				</div> <!-- 상세 조건 -->
-		    </form>
-		    <!-- 검색 조건 영역 -->
-
-			<!-- 업무 버튼 및 건수 표시 -->
-		    <div>
-		        <span class="container-page-btn">
-            	<!-- 건수, 페이지 표시 -->
-		        	<div class="d-flex flex-row justify-content-between">
-						<span id="paging--${pageName}PagingInfo" class="dataTables_info" role="status" aria-live="polite"></span>
-		                <ul id="paging--${pageName}" class="pagination pagination-primary">
-		                </ul>
-					</div>
-					<!-- 업무 버튼 -->
-		            <span class="container-window-btn-right">
-						<button type="button" class="btn btn-primary w-px-120" id="btnUpdate--${pageName}" title="감경 수정">
-							감경 수정
-						</button>
-						<button type="button" class="btn btn-primary w-px-120" id="btnRemove--${pageName}" title="감경 삭제">
-							감경 삭제
-						</button>
-		            </span>
-		        </span>
-		    </div>
-		    <!-- 업무 버튼 및 건수 표시 -->
-
-			<!-- DataTables(그리드) -->
-			<div class="card-datatable text-nowrap">
-				<div class="dataTables_wrapper dt-bootstrap5 no-footer" id="DataTables_Table_0_wrapper--${pageName}">
-					<div class="table-responsive ox-scroll oy-scroll h-px-500" id="table-responsive--${pageName}">
-						<table class="table-layout-fixed dataTable datatables-ajax table table-bordered no-footer" id="DataTables_Table_0--${pageName}" aria-describedby="DataTables_Table_0_info">
-							<thead class="sticky-thead">
-								<tr id="theadTr--${pageName}"
-									data-by="by--${pageName}" data-by-output="byOutput--${pageName}" data-main-option="mainOption--${pageName}" data-sub-option="subOption--${pageName}">
-								</tr>
-							</thead>
-							<tbody id="tbody--${pageName}">
-							</tbody>
-
-							<template id="${infoPrefix}Col--${pageName}">
-								<th class="cmn" style="width: 72px;">No.</th>
-								<th class="cmn" style="width: 56px;"><input type="checkbox" class="form-check-input" id="gridAllCheckbox--${pageName}" onchange="pageObject['${pageName}'].control.select(this.checked);" /></th>
-								<th class="cmn" style="width: 160px;">업무구분</th>
-								<th class="cmn" style="width: 120px;" onclick="FimsSupport.searchFromGridTitle('RDCT_YMD', this.innerText, 'ymd', '');">감경일자</th>
-								<th class="cmn" style="width: 180px;" onclick="FimsSupport.searchFromGridTitle('RDCT_RSN_CD', this.innerText, 'codeValue', 'FIM019');">감경사유</th>
-								<th class="cmn" style="width: 280px;" onclick="FimsSupport.searchFromGridTitle('ETC_CN', this.innerText, 'match', 'part');">감경특기사항</th>
-								<th class="cmn" style="width: 180px;" onclick="FimsSupport.searchFromGridTitle('CRDN_YMD', this.innerText, 'ymd', '');">단속일시</th>
-								<th class="cmn" style="width: 160px;" onclick="FimsSupport.searchFromGridTitle('VHRNO', this.innerText, 'match', 'part');">차량번호</th>
-								<th class="cmn" style="width: 120px;" onclick="FimsSupport.searchFromGridTitle('RTPYR_SE_CD', this.innerText, 'codeValue', 'FIM011');">납부자구분</th>
-								<th class="cmn" style="width: 160px;" onclick="FimsSupport.searchFromGridTitle('RTPYR_NO', this.innerText, 'ymd', '');">납부자번호</th>
-								<th class="cmn" style="width: 200px;" onclick="FimsSupport.searchFromGridTitle('RTPYR_NM', this.innerText, 'match', 'part');">납부자명</th>
-								<th class="cmn" style="width: 120px;" onclick="FimsSupport.searchFromGridTitle('CRDN_STDG_NM', this.innerText, 'match', 'part');">단속법정동</th>
-								<th class="cmn" style="width: 280px;" onclick="FimsSupport.searchFromGridTitle('CRDN_PLC', this.innerText, 'match', 'part');">단속장소</th>
-								<th class="bpv" style="width: 280px;" onclick="FimsSupport.searchFromGridTitle('DTL_CRDN_PLC', this.innerText, 'match', 'part');">상세단속장소</th>
-								<th class="cmn" style="width: 120px;" onclick="FimsSupport.searchFromGridTitle('FFNLG_CRDN_AMT', this.innerText, 'match', 'perfect');">단속원금</th>
-								<th class="cmn" style="width: 120px;" onclick="FimsSupport.searchFromGridTitle('RDCT_AMT', this.innerText, 'match', 'perfect');">감경금액</th>
-								<th class="cmn" style="width: 120px;" onclick="FimsSupport.searchFromGridTitle('FFNLG_AMT', this.innerText, 'match', 'perfect');">과태료금액</th>
-								<th class="cmn" style="width: 120px;" onclick="FimsSupport.searchFromGridTitle('SUM_AMT', this.innerText, 'match', 'part');">미납금액</th>
-								<th class="cmn" style="width: 160px;" onclick="FimsSupport.searchFromGridTitle('CRDN_STTS_CD' ,this.innerText, 'codeValue', 'FIM010');">처리상태</th>
-								<th class="pvs" style="width: 140px;" onclick="FimsSupport.searchFromGridTitle('CRDN_SPAREA_CD', this.innerText, 'codeValue', 'FIM007');">단속특별구역</th>
-								<th class="eca" style="width: 140px;" onclick="FimsSupport.searchFromGridTitle('USE_FUEL_CD', this.innerText, 'codeValue', 'LVS005');">사용연료</th>
-								<th class="dpv" style="width: 140px;" onclick="FimsSupport.searchFromGridTitle('PRK_PSBLTY_RSLT_CD', this.innerText, 'codeValue', 'FIM034');">주차가능여부</th>
-								<th class="cmn" style="width: 180px;">등록일시</th>
-								<th class="cmn" style="width: 140px;">등록사용자</th>
-								<th class="cmn" style="width: 180px;">수정일시</th>
-								<th class="cmn" style="width: 140px;">수정사용자</th>
-								<th class="cmn dummy-th"></th>
-							</template>
-							<template id="${infoPrefix}Row--${pageName}">
-								<tr data-key="{RDCT_ID}">
-									<td class="cmn text-end"	onclick="{onclick}" ondblclick="{ondblclick}">{ROW_NUM}</td>
-									<td class="cmn text-center"><input type="checkbox" class="form-check-input" name="gridCheckbox" value="{RDCT_ID}" onchange="pageObject['${pageName}'].control.select('{RDCT_ID}', this.checked);" /></td>
-									<td class="cmn text-center"	onclick="{onclick}" ondblclick="{ondblclick}">{TASK_SE_NM}</td>
-									<td class="cmn text-center"	onclick="{onclick}" ondblclick="{ondblclick}">{RDCT_YMD}</td>
-									<td class="cmn text-start"	onclick="{onclick}" ondblclick="{ondblclick}">{RDCT_RSN_NM}</td>
-									<td class="cmn text-start"	onclick="{onclick}" ondblclick="{ondblclick}">{ETC_CN}</td>
-									<td class="cmn text-center"	onclick="{onclick}" ondblclick="{ondblclick}">{CRDN_YMD_TM}</td>
-									<td class="cmn text-center"	onclick="{onclick}" ondblclick="{ondblclick}">{VHRNO}</td>
-									<td class="cmn text-center"	onclick="{onclick}" ondblclick="{ondblclick}">{RTPYR_SE_NM}</td>
-									<td class="cmn text-center privacy-cell" onclick="{onclick}" ondblclick="{ondblclick}">
-										<span>{RTPYR_NO}</span>
-										<span>*************</span>
-									</td>
-									<td class="cmn text-start"	onclick="{onclick}" ondblclick="{ondblclick}">{RTPYR_NM}</td>
-									<td class="cmn text-center"	onclick="{onclick}" ondblclick="{ondblclick}">{CRDN_STDG_NM}</td>
-									<td class="cmn text-start"	onclick="{onclick}" ondblclick="{ondblclick}">{CRDN_PLC}</td>
-									<td class="bpv text-start"	onclick="{onclick}" ondblclick="{ondblclick}">{DTL_CRDN_PLC}</td>
-									<td class="cmn text-end"	onclick="{onclick}" ondblclick="{ondblclick}">{FFNLG_CRDN_AMT}</td>
-									<td class="cmn text-end fw-bold text-orange"	onclick="{onclick}" ondblclick="{ondblclick}">{RDCT_AMT}</td>
-									<td class="cmn text-end"	onclick="{onclick}" ondblclick="{ondblclick}">{FFNLG_AMT}</td>
-									<td class="cmn text-end fw-bold text-red"		onclick="{onclick}" ondblclick="{ondblclick}">{SUM_AMT}</td>
-									<td class="cmn text-center"	onclick="{onclick}" ondblclick="{ondblclick}">{CRDN_STTS_NM}</td>
-									<td class="pvs text-center"	onclick="{onclick}" ondblclick="{ondblclick}">{CRDN_SPAREA_NM}</td>
-									<td class="eca text-center"	onclick="{onclick}" ondblclick="{ondblclick}">{USE_FUEL_NM}</td>
-									<td class="dpv text-center"	onclick="{onclick}" ondblclick="{ondblclick}">{PRK_PSBLTY_RSLT_NM}</td>
-									<td class="cmn text-center"	onclick="{onclick}" ondblclick="{ondblclick}">{REG_DT}</td>
-									<td class="cmn text-center"	onclick="{onclick}" ondblclick="{ondblclick}">{RGTR_NM}</td>
-									<td class="cmn text-center"	onclick="{onclick}" ondblclick="{ondblclick}">{MDFCN_DT}</td>
-									<td class="cmn text-center"	onclick="{onclick}" ondblclick="{ondblclick}">{MDFR_NM}</td>
-									<td class="cmn dummy-td"></td>
-								</tr>
-							</template>
-							<template id="${infoPrefix}NotFound--${pageName}">
-								<tr class="bpv">
-									<td valign="top" colspan="24" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
-								</tr>
-								<tr class="dpv">
-									<td valign="top" colspan="24" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
-								</tr>
-								<tr class="eca">
-									<td valign="top" colspan="24" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
-								</tr>
-								<tr class="pvs">
-									<td valign="top" colspan="24" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
-								</tr>
-								<tr class="pes">
-									<td valign="top" colspan="24" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
-								</tr>
-							</template>
-						</table>
-					</div>
-				</div>
-			</div>
-		    <!-- DataTables(그리드) -->
-		</div> <!-- <div class="card wrapper-list"> -->
-	</div> <!-- <div class="container-xxl flex-grow-1 px-0"> -->
-	<!-- Content -->
-
-  	<div class="content-backdrop fade"></div>
+                                <input type="text" class="form-control form-date" name="schCrdnYmdTo"
+                                    data-fmt-type="day" autocomplete="off" title="종료 날짜 선택" />
+                                <button type="button" class="bx bx-lg bx-calendar bg-white"></button>
+                            </span>
+                        </div>
+                        <div class="col-4">
+                            <select class="form-select w-px-120 text-center" name="schRegDateOpt">
+                                <option value="regDt">등록일자</option>
+                                <option value="mdfcnDt">수정일자</option>
+                            </select>
+                            <span class="form-search-linebox">
+                                <input type="text" class="form-control form-date" name="schRegDateFrom"
+                                    data-fmt-type="day" autocomplete="off" title="시작 날짜 선택" />
+                                <button type="button" class="bx bx-lg bx-calendar bg-white"></button>
+                                ~
+                                <input type="text" class="form-control form-date" name="schRegDateTo"
+                                    data-fmt-type="day" autocomplete="off" title="종료 날짜 선택">
+                                <button type="button" class="bx bx-lg bx-calendar bg-white"></button>
+                            </span>
+                        </div>
+                        <div class="col-4">
+                            <select class="form-select w-px-120 text-center" name="schRgtrOpt">
+                                <option value="rgtr">등록자</option>
+                                <option value="mdfr">수정자</option>
+                            </select>
+                            <input type="hidden" name="schRgtrCd" />
+                            <input type="text" class="form-control w-px-160" name="schRgtrNm" />
+                            <button type="button" class="btn btn-sm btn-outline-dark" name="btnFindUser" title="사용자 검색">검색</button>
+                        </div>
+                    </div>
+                </div> <!-- 상세 조건 -->
+            </form>
+            <!-- 검색 조건 영역 -->
+
+            <!-- 업무 버튼 및 건수 표시 -->
+            <div>
+                <span class="container-page-btn" name="gridButtonArea">
+                    <!-- 건수, 페이지 표시 -->
+                    <div class="d-flex flex-row justify-content-between">
+                        <span is="paging-info" class="dataTables_info" name="dataPagingInfo" role="status" aria-live="polite"></span>
+                        <ul class="pagination pagination-primary" name="dataPaging">
+                        </ul>
+                    </div>
+                    <!-- 업무 버튼 -->
+                    <span class="container-window-btn-right">
+                        <button type="button" class="btn btn-primary w-px-120" name="btnUpdate" title="감경 수정">
+                            감경 수정
+                        </button>
+                        <button type="button" class="btn btn-primary w-px-120" name="btnRemove" title="감경 삭제">
+                            감경 삭제
+                        </button>
+                    </span>
+                </span>
+            </div>
+            <!-- 업무 버튼 및 건수 표시 -->
+
+            <!-- DataTables(그리드) -->
+            <div class="card-datatable text-nowrap">
+                <div class="dataTables_wrapper dt-bootstrap5 no-footer">
+                    <div class="table-responsive ox-scroll oy-scroll h-px-450" name="tableRspns">
+                        <table class="table-layout-fixed dataTable datatables-ajax table table-bordered no-footer" aria-describedby="DataTables_Table_0_info">
+                            <thead class="sticky-thead">
+                                <tr name="theadTr" data-search-target="[data-doctx='${pageName}']">
+                                </tr>
+                            </thead>
+                            <template name="tmpltCols">
+                                <th class="cmn" style="width: 72px;">No.</th>
+                                <th class="cmn" style="width: 56px;"><input type="checkbox" class="form-check-input" name="gridAllCheckbox" onchange="pageObject['${pageName}'].dataTableCheckbox(this, this.checked);" /></th>
+                                <th class="cmn" style="width: 160px;">업무구분</th>
+                                <th class="cmn" style="width: 120px;" onclick="FimsSupport.searchFromGridTitle('RDCT_YMD', this.innerText, 'ymd', '');">감경일자</th>
+                                <th class="cmn" style="width: 180px;" onclick="FimsSupport.searchFromGridTitle('RDCT_RSN_CD', this.innerText, 'codeValue', 'FIM019');">감경사유</th>
+                                <th class="cmn" style="width: 280px;" onclick="FimsSupport.searchFromGridTitle('ETC_CN', this.innerText, 'match', 'part');">감경특기사항</th>
+                                <th class="cmn" style="width: 180px;" onclick="FimsSupport.searchFromGridTitle('CRDN_YMD', this.innerText, 'ymd', '');">단속일시</th>
+                                <th class="cmn" style="width: 160px;" onclick="FimsSupport.searchFromGridTitle('VHRNO', this.innerText, 'match', 'part');">차량번호</th>
+                                <th class="cmn" style="width: 120px;" onclick="FimsSupport.searchFromGridTitle('RTPYR_SE_CD', this.innerText, 'codeValue', 'FIM011');">납부자구분</th>
+                                <th class="cmn" style="width: 160px;" onclick="FimsSupport.searchFromGridTitle('RTPYR_NO', this.innerText, 'ymd', '');">납부자번호</th>
+                                <th class="cmn" style="width: 200px;" onclick="FimsSupport.searchFromGridTitle('RTPYR_NM', this.innerText, 'match', 'part');">납부자명</th>
+                                <th class="cmn" style="width: 120px;" onclick="FimsSupport.searchFromGridTitle('CRDN_STDG_NM', this.innerText, 'match', 'part');">단속법정동</th>
+                                <th class="cmn" style="width: 280px;" onclick="FimsSupport.searchFromGridTitle('CRDN_PLC', this.innerText, 'match', 'part');">단속장소</th>
+                                <th class="bpv" style="width: 280px;" onclick="FimsSupport.searchFromGridTitle('DTL_CRDN_PLC', this.innerText, 'match', 'part');">상세단속장소</th>
+                                <th class="cmn" style="width: 120px;" onclick="FimsSupport.searchFromGridTitle('FFNLG_CRDN_AMT', this.innerText, 'match', 'perfect');">단속원금</th>
+                                <th class="cmn" style="width: 120px;" onclick="FimsSupport.searchFromGridTitle('RDCT_AMT', this.innerText, 'match', 'perfect');">감경금액</th>
+                                <th class="cmn" style="width: 120px;" onclick="FimsSupport.searchFromGridTitle('FFNLG_AMT', this.innerText, 'match', 'perfect');">과태료금액</th>
+                                <th class="cmn" style="width: 120px;" onclick="FimsSupport.searchFromGridTitle('SUM_AMT', this.innerText, 'match', 'part');">미납금액</th>
+                                <th class="cmn" style="width: 160px;" onclick="FimsSupport.searchFromGridTitle('CRDN_STTS_CD' ,this.innerText, 'codeValue', 'FIM010');">처리상태</th>
+                                <th class="pvs" style="width: 140px;" onclick="FimsSupport.searchFromGridTitle('CRDN_SPAREA_CD', this.innerText, 'codeValue', 'FIM007');">단속특별구역</th>
+                                <th class="eca" style="width: 140px;" onclick="FimsSupport.searchFromGridTitle('USE_FUEL_CD', this.innerText, 'codeValue', 'LVS005');">사용연료</th>
+                                <th class="dpv" style="width: 140px;" onclick="FimsSupport.searchFromGridTitle('PRK_PSBLTY_RSLT_CD', this.innerText, 'codeValue', 'FIM034');">주차가능여부</th>
+                                <th class="cmn" style="width: 180px;">등록일시</th>
+                                <th class="cmn" style="width: 140px;">등록사용자</th>
+                                <th class="cmn" style="width: 180px;">수정일시</th>
+                                <th class="cmn" style="width: 140px;">수정사용자</th>
+                                <th class="cmn dummy-th"></th>
+                            </template>
+                            <tbody name="tbodyList">
+                            </tbody>
+                            <template is="curly-brackets" name="tmpltRows">
+                                <tr data-index="{data-index}">
+                                    <td class="cmn text-center" onclick ondblclick>{ROW_NUM}</td>
+                                    <td class="cmn text-center"><input type="checkbox" class="form-check-input" name="gridCheckbox" value="{data-index}" onchange="pageObject['${pageName}'].dataTableCheckbox(this, this.checked);" /></td>
+                                    <td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{TASK_SE_NM}</td>
+                                    <td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{RDCT_YMD}</td>
+                                    <td class="cmn text-start"  onclick="{onclick}" ondblclick="{ondblclick}">{RDCT_RSN_NM}</td>
+                                    <td class="cmn text-start"  onclick="{onclick}" ondblclick="{ondblclick}">{ETC_CN}</td>
+                                    <td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{CRDN_YMD_TM}</td>
+                                    <td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{VHRNO}</td>
+                                    <td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{RTPYR_SE_NM}</td>
+                                    <td class="cmn text-center privacy-cell" onclick="{onclick}" ondblclick="{ondblclick}">
+                                        <span>{RTPYR_NO}</span>
+                                        <span>*************</span>
+                                    </td>
+                                    <td class="cmn text-start"  onclick="{onclick}" ondblclick="{ondblclick}">{RTPYR_NM}</td>
+                                    <td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{CRDN_STDG_NM}</td>
+                                    <td class="cmn text-start"  onclick="{onclick}" ondblclick="{ondblclick}">{CRDN_PLC}</td>
+                                    <td class="bpv text-start"  onclick="{onclick}" ondblclick="{ondblclick}">{DTL_CRDN_PLC}</td>
+                                    <td class="cmn text-end"    onclick="{onclick}" ondblclick="{ondblclick}">{FFNLG_CRDN_AMT}</td>
+                                    <td class="cmn text-end fw-bold text-orange"    onclick="{onclick}" ondblclick="{ondblclick}">{RDCT_AMT}</td>
+                                    <td class="cmn text-end"    onclick="{onclick}" ondblclick="{ondblclick}">{FFNLG_AMT}</td>
+                                    <td class="cmn text-end fw-bold text-red"       onclick="{onclick}" ondblclick="{ondblclick}">{SUM_AMT}</td>
+                                    <td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{CRDN_STTS_NM}</td>
+                                    <td class="pvs text-center" onclick="{onclick}" ondblclick="{ondblclick}">{CRDN_SPAREA_NM}</td>
+                                    <td class="eca text-center" onclick="{onclick}" ondblclick="{ondblclick}">{USE_FUEL_NM}</td>
+                                    <td class="dpv text-center" onclick="{onclick}" ondblclick="{ondblclick}">{PRK_PSBLTY_RSLT_NM}</td>
+                                    <td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{REG_DT}</td>
+                                    <td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{RGTR_NM}</td>
+                                    <td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{MDFCN_DT}</td>
+                                    <td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{MDFR_NM}</td>
+                                    <td class="cmn dummy-td"></td>
+                                </tr>
+                            </template>
+                            <template name="tmpltNotFound">
+                                <tr class="bpv">
+                                    <td valign="top" colspan="24" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
+                                </tr>
+                                <tr class="dpv">
+                                    <td valign="top" colspan="24" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
+                                </tr>
+                                <tr class="eca">
+                                    <td valign="top" colspan="24" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
+                                </tr>
+                                <tr class="pvs">
+                                    <td valign="top" colspan="24" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
+                                </tr>
+                                <tr class="pes">
+                                    <td valign="top" colspan="24" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
+                                </tr>
+                            </template>
+                        </table>
+                    </div>
+                </div>
+            </div>
+            <!-- DataTables(그리드) -->
+        </div> <!-- <div class="card wrapper-list"> -->
+    </div> <!-- <div class="container-xxl flex-grow-1 px-0"> -->
+    <!-- Content -->
+
+      <div class="content-backdrop fade"></div>
 </div>
 <!-- / inner page html <div class="content-wrapper"> -->
 
 <script>
-	/**************************************************************************
-	 * Global Variable
-	 **************************************************************************/
-	pageObject["${pageName}"] = {};
-
-	/**************************************************************************
-	 * script 진입
-	 **************************************************************************/
-	$(document).ready(function() {
-		// pageObject
-		let $P = pageObject["${pageName}"];
-
-		// FormFields
-		$P.formFields = new FimsFormFields("#frmSearch--${pageName}");
-
-		/**************************************************************************
-		 * DatasetControl
-		 **************************************************************************/
-		$P.control = new DatasetControl({
-			  prefix: "rdct"
-			, prefixName: "감경"
-			, keymapper: info => info ? info.RDCT_ID : ""
-			, dataGetter: obj => obj.${infoPrefix}List
-			, appendData: true
-			, infoSize: "lg"
-			, formats: {
-				  RDCT_YMD: dateFormat
-				, CRDN_YMD_TM: datetimeFormat
-				, FFNLG_CRDN_AMT: numberFormat
-				, RDCT_AMT: numberFormat
-				, FFNLG_AMT: numberFormat
-				, SUM_AMT: numberFormat
-		    	, REG_DT: datetimeFormat
-		    	, MDFCN_DT: datetimeFormat
-			}
-		});
-		// $P.control 설정
-		$P.control.defaultFetchSize = FETCH_XS;									// 1 페이지당 조회되는 자료 건수 index.jsp에서 확인 FETCH_XS = 30
-		$P.control.query = { pageNum : 1, fetchSize : $P.control.defaultFetchSize };
-		$P.control.beforeCurrent = null;
-
-		/**************************************************************************
-		 * DatasetControl 이벤트
-		 **************************************************************************/
-		$P.control.onDatasetChange = (obj, option) => {
-			$P.renderList(obj.${infoPrefix}Total, option);
-
-			$("#paging--${pageName}").setPagingInfo({
-				  list: $P.control.dataset
-				, prefix: "paging--${pageName}"
-				, start: obj.${infoPrefix}Start
-				, totalSize: obj.${infoPrefix}Total
-				, fetchSize: obj.${infoPrefix}Fetch
-				, func: "pageObject['${pageName}'].control.load({index})"
-			});
-
-
-		};
-
-		// 현재 선택 자료 변경 이벤트
-		$P.control.onCurrentChange = (item) => {
-			if (!item) return;
-
-			let key = item.data.RDCT_ID;
-
-			$("#tbody--${pageName}").setCurrentRow(key);
-		}
-
-		// 선택(체크) 변경 이벤트
-		$P.control.onSelectionChange = (selected) => {
-			let ${infoPrefix}List = $P.control.dataset;
-			let keys = selected.map(e => ${infoPrefix}List.getKey(e));
-
-			$("#tbody--${pageName} input[type='checkbox']").each(function() {
-				let checkbox = $(this);
-				checkbox.prop("checked", keys.includes(checkbox.val()));
-			});
-
-			// 삭제 버튼
-			$("#btnRemove--${pageName}").prop("disabled", keys.length < 1);
-
-			// DataTables(그리드) 전체 선택(checkbox)
-			if (keys.length < 1) {
-				$("#DataTables_Table_0--${pageName} th input[type='checkbox']").prop("checked", false);			// 체크 해제
-			} else if (keys.length == ${infoPrefix}List.length) {
-				$("#DataTables_Table_0--${pageName} th input[type='checkbox']").prop("checked", true);			// 체크 설정
-			} else {
-				$("#DataTables_Table_0--${pageName} th input[type='checkbox']").prop("checked", false);			// 체크 해제
-			}
-		};
-
-		// 상세정보 dialog
-		$P.control.getInfo = (params) => {
-			if (!params) return;
-
-			ajax.get({
-				  url: wctx.url("/" + params.taskSeCd + "${infoPrefixUrl}" + "/020/info.do") + "?openerPageName=${pageName}"
-				, data: params || {}
-				, success: resp => {
-					dialog.open({
-						  id: $P.control.prefixed("Dialog--${pageName}")
-						, title: params.title
-						, content: resp
-						, size: $P.control.infoSize
-						, onClose: () => {	$P.fnRefreshList();	}				// 자료 재조회
-					});
-				}
-			});
-		}
-
-		// 삭제 callback
-		$P.control.onRemove = (resp) => {
-	  		let btnTitle = $("#btnRemove--${pageName}").attr("title");
-	  		let showMessage = resp.rtnMsg.replace(/[S]|[F]/g, btnTitle);
-
-	  		// 메시지 출력
-			dialog.alert({
-				  content: showMessage
-				, onOK: () => { }
-			});
-
-			if (resp.saved) { $P.fnRefreshList(); }								// 자료 재조회
-		}
-
-		// 삭제
-		$P.control.remove = (params) => {
-			if (!params) return;
-
-			ajax.post({
-				  url: wctx.url("/" + params.taskSeCd + "${infoPrefixUrl}" + "/010/remove.do")
-				, data: params
-				, success: resp => $P.control.onRemove(resp)
-			});
-		}
-
-		/**************************************************************************
-		 * DataTables 이벤트
-		 **************************************************************************/
-		// DataTables에 click, dbclick 이벤트
-		$P.renderList = (totalSize, option) => {
-			let ${infoPrefix}List = $P.control.dataset;
-			let empty = ${infoPrefix}List.empty;
-			let clsForTask = $("#frmSearch--${pageName} input[name='taskSeCd']:checked").val().toLowerCase();	// 소문자
-
-			// 업무별 DataTables(그리드) tr, td
-			let foundContent = document.getElementById("${infoPrefix}Row--${pageName}").content;
-			let foundTr = $(foundContent).find("tr")[0].cloneNode(false);
-			let foundTds = $(foundContent).find("." + clsForTask + ",.cmn");
-
-			foundTds.each(function() {
-				foundTr.appendChild(this.cloneNode(true));
-			});
-
-			//
-			let replacer = (str, dataItem) => str
-				.replace(/{onclick}/gi, "pageObject['${pageName}'].control.setCurrent('" + dataItem.getValue("RDCT_ID") + "');")
-				.replace(/{ondblclick}/gi, "pageObject['${pageName}'].getTotalInfo('" + dataItem.getValue("CRDN_ID") + "');");
-
-			let trs = empty ? [document.getElementById("${infoPrefix}NotFound--${pageName}").content.querySelector("." + clsForTask + ",.cmn").outerHTML]
-							: ${infoPrefix}List.inStrings(foundTr.outerHTML, replacer);
-
-			let noMore = (${infoPrefix}List.length >= totalSize);
-			let initScroll = ($P.control.query.pageNum < 2);
-			if(option != null && option.reloaded){
-				initScroll = false;
-			}
-
-			$("#table-responsive--${pageName}")[0].changeContent(trs.join(), initScroll, noMore);
-
-		    // checkbox 체크 해제
-		    $("#DataTables_Table_0--${pageName} th input[type='checkbox']").prop("checked", false);
-
-			// 보안모드
-		    fn_securityModeToggle($("#securityMode--top").is(":checked"));
-		}
-
-		// DataTables에 스크롤이 맨 밑으로 이동했을 때 이벤트
-		$P.scrollDataList = () => {
-
-			$P.control.load($P.control.query.pageNum + 1);
-		}
-
-		// DataTables에 더블 클릭시 개별총정보 dialog
-		$P.getTotalInfo = (crdnId) => {
-			if (typeof crdnId == "undefined" || crdnId == null || crdnId == "") return;
-
-			let params = {
-				  callControlName: "pageObject['${pageName}'].control"
-				, sggCd: $P.control.dataset.getValue("SGG_CD")
-				, taskSeCd: $P.control.dataset.getValue("TASK_SE_CD")
-				, crdnId: crdnId
-			}
-
-			ajax.get({
-				  url: wctx.url("/sprt/sprt02/010/main.do")
-				, data: params
-				, success: resp => {
-					dialog.open({
-						  id: "totalInfoMainDialog"
-						, title: "개별총정보"
-						, content: resp
-						, size: "xxl"
-					});
-				}
-			});
-		}
-
-		/**************************************************************************
-		 * 사용자 함수(function)
-		 **************************************************************************/
-		// 검색 자료 재조회
-		$P.fnRefreshList = () => {
-			$P.control.reload({all : true});
-		}
-
-		// callback 사용자 검색
-		$P.callbackFindUser = (userId, userNm) => {
-			$("#schRgtrCd--${pageName}").val(userId);							// 사용자 ID
-			$("#schRgtrNm--${pageName}").val(userNm);							// 사용자 명
-		}
-
-		 // 삭제 사유 callback
-		$P.callbackRsn = (obj) => {
-			// 서버에 전송할 data(파라미터) 생성
-			let params = {};
-			let selected = $P.control.dataset.getKeys("selected");
-
-			params[$P.control.prefixed("Ids")] = selected.join(",");			// IDs
-			params.sggCd = $("#sggCd--${pageName}").val();						// 시군구 코드
-			params.taskSeCd = $("#frmSearch--${pageName} input[name='taskSeCd']:checked").val();	// 업무 구분 코드
-			params.delRsn = obj.reason;											// 삭제 사유
-
-			$P.control.remove(params);
-		}
-
-		/**************************************************************************
-		 * 버튼 clickEvent
-		 **************************************************************************/
-		// 업무 구분 변경 이벤트
-		$P.fnResetAndChangeBiz = (taskSeCd) => {
-			// 업무 구분 코드
-			if (typeof taskSeCd == "undefined" || taskSeCd == null || taskSeCd == "") {
-				taskSeCd = $("#layout-navbar input[name='taskSeCd']:checked").val();
-			}
-
-			// 초기 기본 설정
-			$P.initForm(taskSeCd);
-			// 업무 구분별 설정
-			$P.setTask(taskSeCd);
-
-			// dataset 초기화
-	 		$P.control.dataset.clear();
-		}
-
-		// 사용자검색 버튼 클릭 이벤트
-		$P.fnGetFindUser = () => {
-			let params = {
-				  openerPageName: "${pageName}"
-				, callbackFuncName: "pageObject['${pageName}']['callbackFindUser']"
-			}
-
-			ajax.get({
-				  url: wctx.url("/user/user02/010/main.do") + "?openerPageName=${pageName}"
-				, data: params || {}
-				, success: resp => {
-					dialog.open({
-						  id: "userDialog--${pageName}"
-						, title: "사용자 검색"
-						, content: resp
-						, size: "lg"
-						, init: () => { AppSupport.setDialogZindex(); }
-					});
-				}
-			});
-		}
-
-		// 검색 버튼 이벤트
-		$P.fnSearchList = () => {
-			// 검색조건
-			$P.control.query = $P.formFields.get();								// 검색 조건
-			$P.control.query.fetchSize = $P.control.defaultFetchSize;			// 한번에 조회되는 자료 건수
-			$P.control.query.delYn = "N";										// 삭제 여부
-
-			$P.control.load(1);
-		}
-
-		// 엑셀 버튼 이벤트
-		$P.fnExcel = () => {
-			if ($P.control.dataset.empty) {
-				dialog.alert({
-					  content : "검색된 자료가 없습니다."
-					, onOK : () => { }
-				});
-				return;
-			}
-
-			// DataTables(그리드)
-			let cellDefs = AppSupport.getCellDefs($("#theadTr--${pageName} th").not(".dummy-th").not(":eq(0)")
-					, $($("#${infoPrefix}Row--${pageName}")[0].content).find("td").not(".dummy-td").not(":eq(0)")
-					, FimsSupport.getCellDefsForPrivacyCell);
-
-			$P.control.query.cellDefs = cellDefs;
-
-			$P.control.download();
-		}
-
-		// 감경 수정 버튼 이벤트
-		$P.fnUpdate = (title) => {
-			// 감경 ID
-			let rdctId = $P.control.dataset.getValue("RDCT_ID");
-			// 감경 ID 가 없다면.. return
-			if (typeof rdctId == "undefined" || rdctId == null || rdctId == "") return;
-
-			let params = {
-				  title: title
-				, callPurpose: "update"											// 호출용도: 수정
-				, sggCd: $P.control.dataset.getValue("SGG_CD")					// 시군구 코드
-				, taskSeCd: $P.control.dataset.getValue("TASK_SE_CD")			// 업무 구분 코드
-				, rdctId: rdctId												// 감경 ID
-			};
-
-			$P.control.getInfo(params);
-		}
-
-		// 감경 삭제 버튼 이벤트
-		$P.fnRemove = (title) => {
-			// 선택 자료
-			let selected = $P.control.dataset.getKeys("selected");
-
-			if (selected.length < 1) {
-				dialog.alert({
-					  content: "선택하신 부과제외 정보가 없습니다."
-					, onOK: () => { }
-				});
-				return;
-			}
+    LoadScript("levy02010Script", wctx.url("/webjars/js/fims/levy/levy02010.js?ver=${ver}"));
+
+    /**************************************************************************
+     * Global Variable
+     **************************************************************************/
+    pageObject["${pageName}"] = newDoctxFinder("${pageName}");
+
+    /**************************************************************************
+     * script 진입
+     **************************************************************************/
+    $(document).ready(function() {
+        // pageObject
+        let $P = pageObject["${pageName}"];
+
+        $P.prefixUrl = "${prefixUrl}";
+        // datasetControl
+        $P.ctrl = newLevy02010Control("${pageName}", "[data-doctx=${pageName}]");
+
+        /**************************************************************************
+         * DataTables 이벤트
+         **************************************************************************/
+        // dataTable 체크박스 클릭 이벤트
+        $P.dataTableCheckbox = (element, bool) => {
+            GRID.checkbox.sync(element, bool);
+
+            let atLeastOne = GRID.checkbox.countChecked(element) > 0;
+
+            $P.$findn("btnRemove").prop("disabled", !atLeastOne);
+
+            Apply.toDataset.selection($P.ctrl.dataset, element, bool);
+        }
+
+        // dataTable 클릭 이벤트
+        $P.dataTableClick = (dataIndex) => {
+            if (!dataIndex) return;
+
+            $P.$findn("tbodyList").setCurrentRow(dataIndex);
+
+            Apply.toDataset.current($P.ctrl.dataset, dataIndex);
+        }
+
+        // dataTable 더블 클릭 이벤트 - 개별총정보 dialog
+        $P.dataTableDblClick = (dataIndex) => {
+            if (!dataIndex) return;
+
+            // 단속 ID
+            let crdnId = $P.ctrl.getValue("CRDN_ID");
+            if (!crdnId) return;
+
+            let params = {
+                  callPageName: "${pageName}"
+                , callPurpose: "update"
+                , sggCd: $P.ctrl.getValue("SGG_CD")
+                , taskSeCd: $P.ctrl.getValue("TASK_SE_CD")
+                , crdnId: $P.ctrl.getValue("CRDN_ID")
+            }
+
+            ajax.get({
+                  url: wctx.url("/sprt/sprt02/010/main.do")
+                , data: params || {}
+                , success: (resp) => {
+                    let dialogName = "totalInfoMainDialog";
+                    let dialogId = dialogName + "-" + uuid();
+
+                    dialog.open({
+                          id: dialogId
+                        , title: "개별총정보"
+                        , size: "xxl"
+                        , content: resp
+                        , init: () => {
+                            $("#" + dialogId).attr("name", dialogName);
+                            $("#" + dialogId).attr("data-ref-doctx", "${pageName}");
+
+                            AppSupport.setDialogZindex();
+                        }
+                        , onClose: () => { }
+                    });
+                }
+            });
+        }
+
+        // DataTables에 스크롤이 맨 밑으로 이동했을 때 이벤트
+        $P.scrollDataList = () => {
+            $P.ctrl.load($P.ctrl.query.pageNum + 1);
+        }
+
+        /**************************************************************************
+         * 사용자 함수(function)
+         **************************************************************************/
+        // 사용자검색 callback
+        $P.callbackFindUser = (userId, userNm) => {
+            $P.$findn("schRgtrCd").val(userId);                                 // 사용자 ID
+            $P.$findn("schRgtrNm").val(userNm);                                 // 사용자 명
+        }
+
+        // 삭제사유 callback
+        $P.callbackRsn = (obj) => {
+            let selected = $P.ctrl.getDataset("selected");                      // 선택 자료
+
+            // 서버에 전송할 data(파라미터) 생성
+            let params = {
+                  sggCd: $P.$findn("sggCd").val()                                           // 시군구 코드
+                , taskSeCd: $P.$findn("frmSearch").find("[name='taskSeCd']:checked").val()  // 업무 구분 코드
+                , rdctIds: selected.map(info => info.RDCT_ID).join(",")                     // 감경 IDs
+                , btnTitle: obj.btnTitle                                                    // 버튼 title
+                , delRsn: obj.reason                                                        // 삭제 사유
+            };
+
+            $P.ctrl.remove(params);
+        }
+
+        /**************************************************************************
+         * 버튼 clickEvent
+         **************************************************************************/
+        // 업무 구분 변경 이벤트
+        $P.fnResetAndChangeBiz = (taskSeCd) => {
+            // 업무 구분 코드
+            if (!taskSeCd) {
+                taskSeCd = $("#layout-navbar input[name='taskSeCd']:checked").val();
+            }
+
+            // 초기화
+            $P.fnReset(taskSeCd);
+
+            // 업무 구분에 따른 URL 설정
+            $P.ctrl.urls.load    = wctx.url("/" + taskSeCd + $P.prefixUrl + "/010/list.do");    // 검색
+            $P.ctrl.urls.remove  = wctx.url("/" + taskSeCd + $P.prefixUrl + "/010/remove.do");  // 삭제
+            $P.ctrl.urls.getInfo = wctx.url("/" + taskSeCd + $P.prefixUrl + "/020/info.do");    // 상세 정보
+
+            // 최고 관리자인지 권한을 확인하여 업무구분을 선택할 수 있도록 하자 -> 수정 필요
+            $P.$findn("frmSearch").find("input[name='taskSeCd']").each(function(i) {
+                $(this).prop("disabled", "true");
+            });
+
+            FimsSupport.renderForTask($P.findn("frmSearch"), taskSeCd.toLowerCase());       // 업무별 검색 조건
+            FimsSupport.renderForTask($P.findn("gridbuttonArea"), taskSeCd.toLowerCase());  // 업무별 버튼
+
+            // 업무별 그리드 th
+            let colContent = $P.findn("tmpltCols").content;
+            let cols = $(colContent).find("." + taskSeCd.toLowerCase() + ",.cmn");
+            let colsOuterHTML = "";
+
+            cols.each(function() {
+                colsOuterHTML += this.outerHTML;
+            });
+            $P.findn("tableRspns").changeColumn(colsOuterHTML);
+        }
+
+        // 사용자검색 버튼 클릭 이벤트
+        $P.fnGetFindUser = () => {
+            let params = {
+                callbackFuncName: "pageObject['${pageName}']['callbackFindUser']"
+            }
+
+            ajax.get({
+                  url: wctx.url("/user/user02/010/main.do")
+                , data: params || {}
+                , success: (resp) => {
+                    let dialogName = "userDialog";
+                    let dialogId = dialogName + "-" + uuid();
+
+                    dialog.open({
+                          id: dialogId
+                        , title: "사용자 검색"
+                        , size: "lg"
+                        , content: resp
+                        , init: () => {
+                            $("#" + dialogId).attr("name", dialogName);
+                            $("#" + dialogId).attr("data-ref-doctx", "${pageName}");
+
+                            AppSupport.setDialogZindex();
+                        }
+                        , onClose: () => { }
+                    });
+                }
+            });
+        }
+
+        // 검색 버튼 클릭 이벤트
+        $P.fnSearchList = () => {
+            // validate 확인
+            if (!AppSupport.customValidate($P.$findn("frmSearch").find("input,select,textarea"))) return;
+
+            // 검색조건
+            $P.ctrl.query = new FimsFormFields($P.selectorn("frmSearch")).get();    // 검색 조건
+            $P.ctrl.query.fetchSize = DEFAULT_FETCH_SIZE;                           // 한번에 조회되는 자료 건수
+            $P.ctrl.query.delYn = "N";                                              // 삭제 여부
+
+            $P.ctrl.load(1);
+        }
+
+        // 엑셀 버튼 클릭 이벤트
+        $P.fnExcel = () => {
+            if ($P.ctrl.dataset.empty) {
+                dialog.alert({
+                      content: "검색된 자료가 없습니다."
+                    , init: () => { AppSupport.setDialogZindex(); }
+                    , onOK: () => { }
+                });
+                return;
+            }
+
+            // DataTables(그리드)
+            $P.ctrl.query.cellDefs =
+                  AppSupport.getCellDefs($P.$findn("theadTr").find("th").not(".dummy-th").not(":eq(0)")
+                , $($P.findn("tmpltRows").content).find("td").not(".dummy-td").not(":eq(0)")
+                , FimsSupport.getCellDefsForPrivacyCell);
+
+            $P.ctrl.download();
+        }
+
+        // 부과제외 수정 버튼 클릭 이벤트
+        $P.fnUpdate = (btnTitle) => {
+            // 감경 ID 가 없다면.. return
+            let rdctId = $P.ctrl.getValue("RDCT_ID");
+            if (!rdctId) return;
+
+            let params = {
+                  btnTitle: btnTitle                                            // 버튼 title
+                , callPurpose: "update"                                         // 호출용도: 수정
+                , sggCd: $P.ctrl.getValue("SGG_CD")                             // 시군구 코드
+                , taskSeCd: $P.ctrl.getValue("TASK_SE_CD")                      // 업무 구분 코드
+                , rdctId: $P.ctrl.getValue("RDCT_ID")                           // 감경 ID
+            };
+
+            $P.ctrl.getInfo(params);
+        }
+
+        // 감경 삭제 버튼 이벤트
+        $P.fnRemove = (btnTitle) => {
+            let selected = $P.ctrl.getDataset("selected");                      // 선택 자료
+
+            if (selected.length < 1) {
+                dialog.alert({
+                      content: "선택하신 " + $P.ctrl.prefixName + " 정보가 없습니다."
+                    , init: () => { AppSupport.setDialogZindex(); }
+                    , onOK: () => { }
+                });
+                return;
+            }
 
             // 삭제 메세지 확인
             dialog.alert({
-                  content: "선택하신 " + selected.length + "건의 " + $P.control.prefixName + " 정보를 삭제하시겠습니까?"
+                  content: "선택하신 " + selected.length + "건의 " + $P.ctrl.prefixName + " 정보를 삭제하시겠습니까?"
                 , onOK: () => {
                     // 삭제 사유 입력
                     fetch(wctx.url("/webjars/html/inputRsnDialog.html"))
@@ -625,121 +507,88 @@
                         .then(function(template) {
                             dialog.open({
                                   id: "inputDelRsnDialog"
-                                , title: title
+                                , title: "삭제 사유"
                                 , size: "lg"
                                 , content: template
                                 , init: () => { AppSupport.setDialogZindex(); }
                                 , onOK: () => {
-                                    $P.callbackRsn({ reason: $("#reason").val() });
+                                    $P.callbackRsn({
+                                          btnTitle: btnTitle                    // 버튼 title
+                                        , reason: $("#reason").val()            // 삭제 사유
+                                    });
                                 }
                             });
                         });
                 }
             });
-		}
-
-	    /**************************************************************************
-		 * 초기 설정
-		 **************************************************************************/
-		// 이벤트 설정
-		$P.setEvent = () => {
-			// 기본 버튼 이벤트
-			$("#btnReset--${pageName}").on("click", () => $P.fnResetAndChangeBiz());	// 초기화
-			$("#btnSearch--${pageName}").on("click", () => $P.fnSearchList());			// 검색
-			$("#btnExcel--${pageName}").on("click", () => $P.fnExcel());				// 엑셀
-			$("#btnFindUser--${pageName}").on("click", () => $P.fnGetFindUser());		// 사용자 검색
-
-			// 동적검색에서 엔터(Enter) 키를 누르면 검색한다.
-			$("#term--${pageName}").onEnterPress(function() {
-				$P.fnSearchList(); 
-			});
-
-			// form-date 항목에서 키보드로 입력시 날짜 포맷팅 적용
-			$("#frmSearch--${pageName}").find(".form-date").each(function() {
-				$(this).on("input", function() {
-					let value = this.value.replaceAll("-", "");
-
-					if (value.length > 7) {
-						this.value = value.substring(0, 4) + "-" + value.substring(4, 6) + "-" + value.substring(6);
-					} else if(value.length > 5) {
-						this.value = value.substring(0, 4) + "-" + value.substring(4);
-					}
-				});
-			});
-
-			// 버튼 이벤트
-			$("#btnUpdate--${pageName}").on("click", function() {
-				$P.fnUpdate($(this).attr("title"));								// 감경 수정
-			});
-			$("#btnRemove--${pageName}").on("click", function() {
-				$P.fnRemove($(this).attr("title"));								// 감경 삭제
-			});
-
-			// DataTables width 변경 조정	업무별 그리드가 존재 한다면.. crdn06010-main.jsp 참고
-			Componentization.fnMakeResizableTable($("#table-responsive--${pageName}")[0]);
-
-			// DataTables 스크롤 이벤트 생성
-			Componentization.fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollDataList);
-		}
-
-		// 초기 화면 설정
-		$P.initForm = (taskSeCd) => {
-			// 화면 초기화
-	 		$("#frmSearch--${pageName}")[0].reset();
-
-			// input, select 초기화
-			let searchForm = $("#frmSearch--${pageName}");
-			searchForm.find("input[type='radio']").not("[name='taskSeCd']").prop("checked", false);
-			searchForm.find("input[type='checkbox']").prop("checked", false);
-			searchForm.find("input[type='text']").val("");
-			searchForm.find("input[type='hidden']").val("");
-			searchForm.find("select").each(function() { $(this).find("option:eq(0)").prop("selected", true); });
-
-			// 최고 관리자 경우 업무구분을 선택할 수 있도록 하자.
-	 		$("#frmSearch--${pageName} input[name='taskSeCd']").each(function(i) {
-	 			$(this).prop("disabled", "true");
-	 		});
-
-			// 기본 데이터 설정
-			$("#sggCd--${pageName}").val("${sggCd}");							// 시군구 코드
-			$("#frmSearch--${pageName} input[name='taskSeCd'][value='" + taskSeCd + "']").prop("checked", true);	// 업무 구분 코드
-		    AppSupport.initDatepicker("frmSearch--${pageName}");							// 달력 초기화
-			$("#schRdctYmdFrom--${pageName}").datepicker("setDate", DateSupport.getAddDay(-7));	// 감경 일자 시작
-			$("#schRdctYmdTo--${pageName}").datepicker("setDate", new Date());						// 감경 일자 종료
-			$("#byOutput--${pageName}").val("동적 검색");						// 동적 검색
-			$("#schRgtrNm--${pageName}").prop("readonly", true);				// 사용자 이름
-		}
-
-		// 업무 구분별 설정
-		$P.setTask = (taskSeCd) => {
-			// 업무구분에 따른 URL 설정
-			$P.control.urls.load = wctx.url("/" + taskSeCd + "${infoPrefixUrl}" + "/010/list.do");	// 검색
-
-			// 업무별 조회조건
-			FimsSupport.renderForTask("frmSearch--${pageName}", taskSeCd.toLowerCase());
-
-			// 업무별 그리드 th
-			let colContent = document.getElementById("${infoPrefix}Col--${pageName}").content;
-			let cols = $(colContent).find("." + taskSeCd.toLowerCase() + ",.cmn");
-			let colsOuterHTML = "";
-
-			cols.each(function() {
-				colsOuterHTML += this.outerHTML;
-			});
-			$("#table-responsive--${pageName}")[0].changeColumn(colsOuterHTML);
-		}
-
-		/**************************************************************************
-		 * 최초 실행 함수
-		 **************************************************************************/
-		// 1. 이벤트 설정
-		$P.setEvent();
-
-		// 2. 초기 설정 및 업무 구분 변경
-		$P.fnResetAndChangeBiz($("#layout-navbar input[name='taskSeCd']:checked").val());
-
-		// 3. 보안모드
-	    fn_securityModeToggle($("#securityMode--top").is(":checked"));
-	});
+        }
+
+        /**************************************************************************
+         * 초기 설정
+         **************************************************************************/
+        // 이벤트 설정
+        $P.setEvent = () => {
+            // 기본 버튼 이벤트
+            $P.$findn("btnReset").on("click", () => $P.fnResetAndChangeBiz());  // 초기화
+            $P.$findn("btnSearch").on("click", () => $P.fnSearchList());        // 검색
+            $P.$findn("btnExcel").on("click", () => $P.fnExcel());              // 엑셀
+            $P.$findn("btnFindUser").on("click", () => $P.fnGetFindUser());     // 사용자 검색
+
+            // 동적검색에서 엔터(Enter) 키를 누르면 검색한다.
+            $P.$findn("term").onEnterPress($P.fnSearchList);
+
+            // 업무 버튼 이벤트
+            $P.$findn("btnUpdate").on("click", function() {
+                $P.fnUpdate($P.$findn("btnUpdate").attr("title"));              // 수정
+            });
+            $P.$findn("btnRemove").on("click", function() {
+                $P.fnRemove($P.$findn("btnRemove").attr("title"));              // 삭제
+            });
+
+            // DataTables width 변경 조정
+            Componentization.fnMakeResizableTable($P.findn("tableRspns"));
+            // DataTables 스크롤 이벤트 생성
+            Componentization.fnMakeScrollableTable($P.findn("tableRspns"), $P.scrollDataList);
+        }
+
+        // 초기화 이벤트
+        $P.fnReset = (taskSeCd) => {
+			// 초기화
+			$P.findn("frmSearch").reset();                                      // 화면 초기화
+			AppSupport.initDatepicker($P.findn("frmSearch"));                   // 달력 초기화
+			AppSupport.initDetailSearchButton($P.findn("frmSearch"));           // 상세검색 버튼 화살표
+
+            // input, select 초기화
+            let searchForm = $P.$findn("frmSearch");
+            searchForm.find("input[type='radio']").not("[name='taskSeCd']").prop("checked", false);
+            searchForm.find("input[type='checkbox']").prop("checked", false);
+            searchForm.find("input[type='text']").val("");
+            searchForm.find("input[type='hidden']").val("");
+            searchForm.find("select").each(function(){ $(this).find("option:eq(0)").prop("selected", true); });
+
+            // 기본 데이터 설정
+            $P.$findn("sggCd").val("${sggCd}");                                 // 시군구 코드
+            $P.$findn("frmSearch").find("input[name='taskSeCd'][value='" + taskSeCd + "']").prop("checked", true);  // 업무 구분 코드
+            $P.$findn("schRdctYmdFrom").datepicker("setDate", DateSupport.getAddDay(-7));   // 감경 일자 시작
+            $P.$findn("schRdctYmdTo").datepicker("setDate", TODAY());                       // 감경 일자 종료
+            $P.$findn("byOutput").val("동적 검색");                             // 동적 검색
+            $P.$findn("schRgtrNm").prop("readonly", true);                      // 사용자 이름
+
+            // dataset 초기화
+            $P.ctrl.dataset.clear();
+        }
+
+        /**************************************************************************
+         * 최초 실행 함수
+         **************************************************************************/
+        // 1. 이벤트 설정
+        $P.setEvent();
+
+        // 2. 초기 설정 및 업무 구분 변경
+        $P.fnResetAndChangeBiz($("#layout-navbar input[name='taskSeCd']:checked").val());
+
+        // 3. 보안모드
+        fn_securityModeToggle($("#securityMode--top").is(":checked"));
+    });
 
 </script>
diff --git a/src/main/webapp/WEB-INF/jsp/fims/levy/levy02020-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/levy/levy02020-info.jsp
index 8071d3bc..0e1b89af 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/levy/levy02020-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/levy/levy02020-info.jsp
@@ -4,256 +4,174 @@
 <c:set var="prefixName" scope="request">과태료 감경 상세 정보</c:set>
 
 <!-- inner page html -->
-<div class="content-pop">
-	<!-- Content -->
-	<div class="container flex-grow-1 px-0">
-		<div class="card">
-			<!-- 입력 영역 -->
-			<form id="frmEdit--${pageName}" name="frmEdit">
-				<!-- hidden -->
-				<input type="hidden" id="sggCd--${pageName}" name="sggCd" data-map="SGG_CD" />
-				<input type="hidden" id="taskSeCd--${pageName}" name="taskSeCd" data-map="TASK_SE_CD" />
-				<input type="hidden" id="crdnId--${pageName}" name="crdnId" data-map="CRDN_ID" />
-				<input type="hidden" id="rdctId--${pageName}" name="rdctId" data-map="RDCT_ID" />
-
-				<div class="row g-1">
-					<!-- 납부자 명 -->
-					<div class="col-md-6">
-						<label for="rtpyrNm--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">납부자명</label>
-						<input type="text" class="form-control w-40" id="rtpyrNm--${pageName}" name="rtpyrNm" data-map="RTPYR_NM" />
-					</div>
-					<!-- 납부자 번호 -->
-					<div class="col-md-6">
-						<label for="rtpyrNo--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">납부자번호</label>
-						<input type="text" class="form-control w-30" id="rtpyrNo--${pageName}" name="rtpyrNo" data-map="RTPYR_NO" />
-					</div>
-					<!-- 과태료 단속 금액 -->
-					<div class="col-md-6">
-						<label for="ffnlgCrdnAmt--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">과태료단속원금</label>
-						<input type="text" class="form-control w-20 text-end" id="ffnlgCrdnAmt--${pageName}" name="ffnlgCrdnAmt" data-map="FFNLG_CRDN_AMT" data-fmt-type="number" /> *
-						<input type="text" class="form-control w-10 text-end" id="wksnRdcrt--${pageName}" name="wksnRdcrt" data-map="WKSN_RDCRT" data-fmt-type="number" /> %
-					</div>
-					<!-- 감경 금액 -->
-					<div class="col-md-6">
-						<label for="rdctAmt--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">감경금액</label>
-						<input type="text" class="form-control w-30 text-end" id="rdctAmt--${pageName}" name="rdctAmt" data-map="RDCT_AMT" data-fmt-type="number" />
-					</div>
-					<!-- 감경 일자 -->
-					<div class="col-md-6">
-						<label for="rdctYmd--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end required">감경일자</label>
-						<input type="text" class="form-control form-date" id="rdctYmd--${pageName}" name="rdctYmd" data-map="RDCT_YMD"
-							data-fmt-type="day" title="날짜 선택" maxlength="10" required />
-						<button type="button" class="bx bx-lg bx-calendar bg-white"></button>
-					</div>
-					<!-- 감경 사유 코드 -->
-					<div class="col-md-6">
-						<label for="rdctRsnCd--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end required">감경사유</label>
-						<select class="form-select" id="rdctRsnCd--${pageName}" name="rdctRsnCd" data-map="RDCT_RSN_CD" required>
-							<c:forEach items="${FIM019List}" var="item">
-								<option value="${item.code}">${item.value}</option>
-							</c:forEach>
-						</select>
-					</div>
-					<!-- 기타 내용 -->
-					<div class="col-md-12">
-						<label for="etcCn--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">기타 내용</label>
-						<textarea type="text" class="form-control w-85" id="etcCn--${pageName}" name="etcCn" data-map="ETC_CN" rows="3" data-maxlengthb="1000"></textarea>
-					</div>
-				</div>
-			</form>
-			<!-- 입력 영역 -->
-
-			<!-- 업무 버튼 및 건수 표시 -->
-			<div>
-				<span class="container-page-btn">
-					<!-- 업무 버튼 -->
-					<span class="container-window-btn-right">
-						<button type="button" class="btn btn-primary w-px-80" id="btnSave--${pageName}" title="저장">
-							저장
-						</button>
-					</span>
-				</span>
-			</div>
-			<!-- 업무 버튼 및 건수 표시 -->
-		</div> <!-- <div class="card"> -->
-	</div> <!-- <div class="container flex-grow-1 px-0"> -->
-	<!-- Content -->
+<div class="content-pop" data-doctx="${pageName}">
+    <!-- Content -->
+    <div class="container flex-grow-1 px-0">
+        <div class="card">
+            <!-- 입력 영역 -->
+            <form name="frmEdit">
+                <!-- hidden -->
+                <input type="hidden" name="sggCd" data-map="SGG_CD" />
+                <input type="hidden" name="taskSeCd" data-map="TASK_SE_CD" />
+                <input type="hidden" name="crdnId" data-map="CRDN_ID" />
+                <input type="hidden" name="rdctId" data-map="RDCT_ID" />
+
+                <div class="row g-1">
+                    <div class="col-md-12">
+                        <label is="name-label" class="col-form-label bg-lighter pe-2 w-px-120 text-sm-end" for="rtpyrNm">납부자명</label>
+                        <input is="id-input" type="text" class="form-control w-px-160" name="rtpyrNm" data-map="RTPYR_NM" readonly />
+                    </div>
+                    <div class="col-md-12">
+                        <label is="name-label" class="col-form-label bg-lighter pe-2 w-px-120 text-sm-end" for="rtpyrNo">납부자번호</label>
+                        <input is="id-input" type="text" class="form-control w-px-160" name="rtpyrNo" data-map="RTPYR_NO" readonly />
+                    </div>
+                    <div class="col-md-12">
+                        <label is="name-label" class="col-form-label bg-lighter pe-2 w-px-120 text-sm-end" for="ffnlgCrdnAmt">과태료단속원금</label>
+                        <input is="id-input" type="text" class="form-control w-px-100" name="ffnlgCrdnAmt" data-map="FFNLG_CRDN_AMT" data-fmt-type="number" readonly /> *
+                        <input is="id-input" type="text" class="form-control w-px-50" name="wksnRdcrt" data-map="WKSN_RDCRT" data-fmt-type="number" readonly /> %
+                    </div>
+                    <div class="col-md-12">
+                        <label is="name-label" class="col-form-label bg-lighter pe-2 w-px-120 text-sm-end" for="rdctAmt">감경금액</label>
+                        <input is="id-input" type="text" class="form-control w-px-160" name="rdctAmt" data-map="RDCT_AMT" data-fmt-type="number" readonly />
+                    </div>
+                    <div class="col-md-12">
+                        <label is="name-label" class="col-form-label bg-lighter pe-2 w-px-120 text-sm-end required" for="rdctYmd">감경일자</label>
+                        <input is="id-input" type="text" class="form-control form-date" name="rdctYmd" data-map="RDCT_YMD"
+                            data-fmt-type="day" autocomplete="off" title="날짜 선택" maxlength="10" required />
+                        <button type="button" class="bx bx-lg bx-calendar bg-white" name="btnLevyExclYmd"></button>
+                    </div>
+                    <div class="col-md-12">
+                        <label is="name-label" class="col-form-label bg-lighter pe-2 w-px-120 text-sm-end required" for="rdctRsnCd">감경사유</label>
+                        <select is="id-select" class="form-select" name="rdctRsnCd" data-map="RDCT_RSN_CD" required>
+                            <option value="">선택하세요</option>
+                            <c:forEach items="${FIM019List}" var="item">
+                                <option value="${item.code}">${item.value}</option>
+                            </c:forEach>
+                        </select>
+                    </div>
+                    <div class="col-md-12">
+                        <label is="name-label" class="col-form-label bg-lighter pe-2 w-px-120 text-sm-end align-top" for="etcCn">기타내용</label>
+                    </div>
+                    <div class="col-md-12">
+                        <textarea is="id-textarea" class="form-control w-100" name="etcCn" data-map="ETC_CN" rows="3" data-maxlengthb="1000" autocomplete="off"></textarea>
+                    </div>
+                </div>
+            </form>
+            <!-- 입력 영역 -->
+        </div> <!-- <div class="card"> -->
+
+        <!-- 업무 버튼 및 건수 표시 -->
+        <div>
+            <span class="container-page-btn">
+                <!-- 업무 버튼 -->
+                <span class="container-window-btn-right">
+                    <button type="button" class="btn btn-primary w-px-120" name="btnSave" title="저장">
+                        저장
+                    </button>
+                </span>
+            </span>
+        </div>
+        <!-- 업무 버튼 및 건수 표시 -->
+    </div> <!-- <div class="container flex-grow-1 px-0"> -->
+    <!-- Content -->
 </div>
 <!-- / inner page html <div class="content-pop"> -->
 
 <script>
-	/**************************************************************************
-	 * Global Variable
-	 **************************************************************************/
-	pageObject["${pageName}"] = {};
-
-	/**************************************************************************
-	 * script 진입
-	 **************************************************************************/
-	$(document).ready(function() {
-		// pageObject
-		let $P = pageObject["${pageName}"];
-
-	 	// infoDialog 호출 용도(view 조회(편집불가), create 등록, update 수정)
-		$P.callPurpose = "${callPurpose}";
-		// FormFields
-	 	$P.formFields = new FimsFormFields("#frmEdit--${pageName}");
-
-		/**************************************************************************
-		 * DatasetControl
-		 **************************************************************************/
-		$P.control = new DatasetControl({
-			  prefix: "rdct"
-			, prefixName: "감경"
-			, keymapper: info => info ? info.RDCT_ID : ""
-			, dataGetter: obj => obj.${infoPrefix}Info
-			, formats: {
-				  FFNLG_CRDN_AMT: numberFormat									// 과태료 단속 금액
-				, WKSN_RDCRT: numberFormat									    // 사회적약자 감경율
-				, RDCT_AMT: numberFormat										// 감경 금액
-			}
-		});
-
-		/**************************************************************************
-		 * DatasetControl 이벤트
-		 **************************************************************************/
-		// 현재 선택 자료 변경 이벤트
-		$P.control.onCurrentChange = (item) => {
-			if (!item) return;
-
-			// Dataset 셋팅
-			$P.formFields.set($P.control,item);
-
-			// 업무구분에 따른 URL 변경
-			$P.fnSetURL(item.data.TASK_SE_CD);
-		}
-
-		// 저장 callback
-		$P.control.onSave = (resp) => {
-			let dialogTitle = $("#" + $P.control.prefix + "Dialog--${openerPageName}").find("h5.modal-title").html();
-			let showMessage = resp.rtnMsg.replace(/[S]|[F]/g, dialogTitle);
-
-			// 메시지 출력
-			dialog.alert({
-				  content: showMessage
-				, init: () => { AppSupport.setDialogZindex(); }
-				, onOK: () => { }
-			});
-
-			if (resp.saved) {
-				dialog.close($P.control.prefix + "Dialog--${openerPageName}");
-			}
-		}
-
-		// 저장
-		$P.control.save = (info) => {
-			if (!info) return;
-
-			let create = ($P.callPurpose == "create");
-
-			ajax.post({
-				  url: !create ? $P.control.urls.update : $P.control.urls.create
-				, data: info || {}
-				, success: resp => $P.control.onSave(resp)
-			});
-		}
-
-		/**************************************************************************
-		 * 사용자 함수(function)
-		 **************************************************************************/
-		// 업무구분에 따른 URL 설정
-		$P.fnSetURL = (taskSeCd) => {
-			$P.control.urls.create = wctx.url("/" + taskSeCd + "${infoPrefixUrl}" + "/020/create.do");		// 등록
-			$P.control.urls.update = wctx.url("/" + taskSeCd + "${infoPrefixUrl}" + "/020/update.do");		// 수정
-		}
-
-		/**************************************************************************
-		 * 버튼 clickEvent
-		 **************************************************************************/
-		// 저장 버튼 클릭 이벤트
-		$P.fnSave = () => {
-			// validate 확인
-			if (!AppSupport.customValidate($("#frmEdit--${pageName}").find("input, select, textarea"))) return;
-
-			// 감경 사유
-			let rdctRsnCd = $("#rdctRsnCd--${pageName} option:selected").val();
-			let rdctRsnNm = $("#rdctRsnCd--${pageName} option:selected").text();
-
-			// 감경 사유 확인
-			if (rdctRsnCd == "00") {
-				dialog.alert({
-					  content : "감경사유가 '" + rdctRsnNm + "' 입니다."
-							+ "</br>" + $P.control.prefixName + " 저장 실행이 취소되었습니다."
-					, onOK : () => { }
-				});
-				return;
-			}
-
-			dialog.alert({
-				  content : "현재 " + $P.control.prefixName + " 정보를 저장하시겠습니까?"
-				, init: () => { AppSupport.setDialogZindex(); }
-				, onOK: () => {
-					$P.control.save($P.formFields.get());						// formFields
-				}
-			});
-		}
-
-		/**************************************************************************
-		 * 초기 셋팅
-		 **************************************************************************/
-		// 이벤트 설정
-		$P.setEvent = () => {
-			// form-date 항목에서 키보드로 입력시 날짜 포맷팅 적용
-			$("#frmEdit--${pageName}").find(".form-date").each(function() {
-				$(this).on("input",function() {
-					let value = this.value.replaceAll("-", "");
-
-					if (value.length > 7) {
-						this.value = value.substring(0, 4) + "-" + value.substring(4, 6) + "-" + value.substring(6);
-					} else if(value.length > 5) {
-						this.value = value.substring(0, 4) + "-" + value.substring(4);
-					}
-				});
-			});
-
-			// 버튼 이벤트
-			$("#btnSave--${pageName}").on("click", () => $P.fnSave());			// 저장
-		}
-
-		// 초기 화면 설정
-		$P.initForm = () => {
-			// 달력 초기화
-		    AppSupport.initDatepicker("frmEdit--${pageName}");
-		    $("#rdctYmd--${pageName}").datepicker("setDate", new Date());
-
-		    // 화면 활성화 설정
-			$("#rtpyrNm--${pageName}").prop("readonly", true);					// 납부자 이름
-			$("#rtpyrNo--${pageName}").prop("readonly", true);					// 납부자 번호
-			$("#ffnlgCrdnAmt--${pageName}").prop("readonly", true);				// 단속 원금
-			$("#wksnRdcrt--${pageName}").prop("readonly", true);				// 감경율
-			$("#rdctAmt--${pageName}").prop("readonly", true);					// 감경 금액
-
-			// View로 호출
-			if ($P.callPurpose == "view") {
-				// input 요소들을 disabled
-				$("#frmEdit--${pageName}").find("input,textarea,select").prop("disabled", true);
-				// button 요소들을 disabled
-				$("#rdctYmd--${pageName}").prop("disabled", true);				// 감경 일자 달력 버튼
-				$("#btnSave--${pageName}").prop("disabled", true);				// 저장 버튼
-			}
-		}
-
-		/**************************************************************************
-		 * 최초 실행 함수
-		 **************************************************************************/
-		// 1. 이벤트 설정
-		$P.setEvent();
-
-		// 2. 초기 화면 설정
-		$P.initForm();
-
-		// 3. Dataset 설정
-		$P.control.setData([${rdctInfo}]);
-	});
+    LoadScript("levy02020Script", wctx.url("/webjars/js/fims/levy/levy02020.js?ver=${ver}"));
+
+    /**************************************************************************
+     * Global Variable
+     **************************************************************************/
+    pageObject["${pageName}"] = newDoctxFinder("${pageName}");
+
+    /**************************************************************************
+     * script 진입
+     **************************************************************************/
+    $(document).ready(function() {
+        // pageObject
+        let $P = pageObject["${pageName}"];
+
+        // URL
+        $P.prefixUrl = "${prefixUrl}";
+        // infoDialog 호출 용도(view 조회(편집불가), create 등록, update 수정)
+        $P.callPurpose = "${callPurpose}";
+        // datasetControl
+        $P.ctrl = newLevy02020Control("${pageName}", "[data-doctx=${pageName}]");
+
+        /**************************************************************************
+         * 사용자 함수(function)
+         **************************************************************************/
+
+
+        /**************************************************************************
+         * 버튼 clickEvent
+         **************************************************************************/
+        // 저장 버튼 클릭 이벤트
+        $P.fnSave = () => {
+            // validate 확인
+            if (!AppSupport.customValidate($P.$findn("frmEdit").find("input,select,textarea"))) return;
+
+            // formFields
+            let params = new FimsFormFields($P.selectorn("frmEdit")).get();
+
+            // 감경 사유 확인
+            if (params.rdctRsnCd == "00") {
+                dialog.alert({
+                      content : "감경사유가 '" + params.rdctRsnNm + "' 입니다."
+                            + "</br>" + $P.ctrl.prefixName + " 저장 실행이 취소되었습니다."
+                    , onOK : () => { }
+                });
+                return;
+            }
+
+            dialog.alert({
+                  content: "현재 " + $P.ctrl.prefixName + " 정보를 저장하시겠습니까?"
+                , init: () => { AppSupport.setDialogZindex(); }
+                , onOK: () => { $P.ctrl.save(params); }                        // formFields
+          });
+      }
+
+        /**************************************************************************
+         * 초기 셋팅
+         **************************************************************************/
+        // 이벤트 설정
+        $P.setEvent = () => {
+            // 버튼 이벤트
+            $P.$findn("btnSave").on("click", () => $P.fnSave());                // 저장
+        }
+
+        // 초기 화면 설정
+        $P.fnReset = () => {
+            // 초기화
+            $P.findn("frmEdit").reset();                                        // 화면 초기화
+            AppSupport.initDatepicker($P.findn("frmEdit"));                     // 달력 초기화
+
+            // 기본 데이터 설정
+            $P.$findn("rdctYmd").datepicker("setDate", TODAY());                // 감경 일자
+
+            // 화면 호출(callPurpose)이 view라면 버튼 비활성화 disabled = true
+            if ($P.callPurpose == "view") {
+                // input 요소들을 disabled
+                $P.$findn("frmEdit").find("input,textarea,select").prop("disabled", true);
+
+                // button 요소들을 disabled
+                $P.$findn("rdctYmd").prop("disabled", true);                    // 감경 일자 달력 버튼
+                $P.$findn("btnSave").prop("disabled", true);                    // 저장 버튼
+            }
+        }
+
+        /**************************************************************************
+         * 최초 실행 함수
+         **************************************************************************/
+        // 1. 이벤트 설정
+        $P.setEvent();
+
+        // 2. 초기 화면 설정
+        $P.fnReset();
+
+        // 3. dataset 설정
+        $P.ctrl.setData([${Info}]);
+    });
 
 </script>
diff --git a/src/main/webapp/WEB-INF/jsp/fims/payer/payer01020-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/payer/payer01020-info.jsp
index 8d5fc43f..a47ab832 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/payer/payer01020-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/payer/payer01020-info.jsp
@@ -393,7 +393,7 @@
         $P.fnReset();
 
         // 3. Dataset 설정
-        $P.ctrl.setData([${info}]);
+        $P.ctrl.setData([${Info}]);
     });
 
 </script>
diff --git a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt04020-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt04020-info.jsp
index 0a44c6d7..e848dfa3 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt04020-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt04020-info.jsp
@@ -154,7 +154,7 @@
         $P.fnReset();
 
         // 3. Dataset 설정
-        $P.ctrl.setData([${info}]);
+        $P.ctrl.setData([${Info}]);
     });
 
 </script>
diff --git a/src/main/webapp/resources/js/fims/crdn/crdn06030.js b/src/main/webapp/resources/js/fims/crdn/crdn06030.js
index a16bc604..ba9fe926 100644
--- a/src/main/webapp/resources/js/fims/crdn/crdn06030.js
+++ b/src/main/webapp/resources/js/fims/crdn/crdn06030.js
@@ -3,7 +3,7 @@ function newCrdn06030Control(pageName, doctx="[data-doctx='excl01020']") {
           doctx: doctx
         , prefix: "crdnSttsCd"
         , prefixName: "단속 상태"
-        , dataGetter: obj => obj["info"]
+        , dataGetter: obj => obj["Info"]
         , keys: ["CRDN_ID"]
         , urls: {
             update: "/update.do"
diff --git a/src/main/webapp/resources/js/fims/epst/epst02020.js b/src/main/webapp/resources/js/fims/epst/epst02020.js
index 2336b302..1fecd46a 100644
--- a/src/main/webapp/resources/js/fims/epst/epst02020.js
+++ b/src/main/webapp/resources/js/fims/epst/epst02020.js
@@ -3,7 +3,7 @@ function newEpst02020Control(pageName, doctx="[data-doctx='epst02020']") {
           doctx: doctx
         , prefix: "epostGdntc"
         , prefixName: "안내문"
-        , dataGetter: obj => obj["info"]
+        , dataGetter: obj => obj["Info"]
         , keys: ["GDNTC_ID"]
         , urls: {
               create: "/create.do"
diff --git a/src/main/webapp/resources/js/fims/excl/excl01010.js b/src/main/webapp/resources/js/fims/excl/excl01010.js
index 859ff97b..8c0f2c9e 100644
--- a/src/main/webapp/resources/js/fims/excl/excl01010.js
+++ b/src/main/webapp/resources/js/fims/excl/excl01010.js
@@ -90,7 +90,7 @@ function newExcl01010Control(pageName, doctx="[data-doctx='excl01010']") {
         // gridCheckbox
         Apply.fromDataset.gridCheckbox(ctrl.dataset, ctrl.find("[name='tbodyList']"), 1, selectedArr);
         // gridButton
-        Apply.fromDataset.gridButton(ctrl.dataset, ctrl.find("[name='btnRemove']"), selectedArr);           // 삭제 버튼
+        Apply.fromDataset.gridButton(ctrl.dataset, ctrl.find("[name='btnRemove']"), selectedArr);       // 삭제 버튼
     };
 
     // 상세 정보 dialog
diff --git a/src/main/webapp/resources/js/fims/excl/excl01020.js b/src/main/webapp/resources/js/fims/excl/excl01020.js
index b9a811d8..bde71eb2 100644
--- a/src/main/webapp/resources/js/fims/excl/excl01020.js
+++ b/src/main/webapp/resources/js/fims/excl/excl01020.js
@@ -3,7 +3,7 @@ function newExcl01020Control(pageName, doctx="[data-doctx='excl01020']") {
           doctx: doctx
         , prefix: "levyExcl"
         , prefixName: "부과제외"
-        , dataGetter: obj => obj["info"]
+        , dataGetter: obj => obj["Info"]
         , keys: ["LEVY_EXCL_ID"]
         , urls: {
               load: "/list.do"
diff --git a/src/main/webapp/resources/js/fims/excl/excl02020.js b/src/main/webapp/resources/js/fims/excl/excl02020.js
index 8465b06d..564b24d1 100644
--- a/src/main/webapp/resources/js/fims/excl/excl02020.js
+++ b/src/main/webapp/resources/js/fims/excl/excl02020.js
@@ -3,7 +3,7 @@ function newExcl02020Control(pageName, doctx="[data-doctx='excl02020']") {
           doctx: doctx
         , prefix: "opnn"
         , prefixName: "의견제출"
-        , dataGetter: obj => obj["info"]
+        , dataGetter: obj => obj["Info"]
         , keys: ["OPNN_ID"]
         , urls: {
               create: "/create.do"
diff --git a/src/main/webapp/resources/js/fims/excl/excl02030.js b/src/main/webapp/resources/js/fims/excl/excl02030.js
index 9917426a..a53d7e1a 100644
--- a/src/main/webapp/resources/js/fims/excl/excl02030.js
+++ b/src/main/webapp/resources/js/fims/excl/excl02030.js
@@ -3,7 +3,7 @@ function newExcl02030Control(pageName, doctx="[data-doctx='excl02030']") {
           doctx: doctx
         , prefix: "opnnDlbr"
         , prefixName: "의견제출 심의"
-        , dataGetter: obj => obj["info"]
+        , dataGetter: obj => obj["Info"]
         , keys: ["OPNN_ID"]
         , urls: {
               create: "/create.do"
diff --git a/src/main/webapp/resources/js/fims/excl/excl02040.js b/src/main/webapp/resources/js/fims/excl/excl02040.js
index 4e3ca657..f7000a77 100644
--- a/src/main/webapp/resources/js/fims/excl/excl02040.js
+++ b/src/main/webapp/resources/js/fims/excl/excl02040.js
@@ -3,7 +3,7 @@ function newExcl02040Control(pageName, doctx="[data-doctx='excl02040']") {
           doctx: doctx
         , prefix: "opnnDlbrMbr"
         , prefixName: "의견제출 심의위원"
-        , dataGetter: obj => obj["info"]
+        , dataGetter: obj => obj["Info"]
         , keys: ["MNG_ID"]
         , urls: {
               create: "/create.do"
diff --git a/src/main/webapp/resources/js/fims/sprt/sprt02050.js b/src/main/webapp/resources/js/fims/sprt/sprt02050.js
index 0f11f0b1..cf76c7a5 100644
--- a/src/main/webapp/resources/js/fims/sprt/sprt02050.js
+++ b/src/main/webapp/resources/js/fims/sprt/sprt02050.js
@@ -4,7 +4,7 @@ function newSprt02050ControlRD(pageName, doctx="[data-doctx='sprt02050']", mainP
         , prefix: "rdct"
         , prefixName: "감경"
         , dataGetter: obj => obj["rdctInfo"]
-        , infoSize: "lg"
+        , infoSize: "md"
         , urls: {
               getInfo: "/info.do"
             , remove: "/remove.do"
diff --git a/src/main/webapp/resources/js/fims/sprt/sprt04020.js b/src/main/webapp/resources/js/fims/sprt/sprt04020.js
index ca456bcd..226143af 100644
--- a/src/main/webapp/resources/js/fims/sprt/sprt04020.js
+++ b/src/main/webapp/resources/js/fims/sprt/sprt04020.js
@@ -3,7 +3,7 @@ function newSprt04020Control(pageName, doctx="[data-doctx='sprt04020']") {
           doctx: doctx
         , prefix: "cvlcptDscsn"
         , prefixName: "민원상담"
-        , dataGetter: obj => obj["info"]
+        , dataGetter: obj => obj["Info"]
         , keys: ["CVLCPT_DSCSN_ID"]
         , urls: {
               create: "/create.do"