From beacb68ac16331f9e25c98ad382705a1ed29740a Mon Sep 17 00:00:00 2001
From: jjh <jaehyun81@xit.co.kr>
Date: Tue, 6 Feb 2024 15:30:10 +0900
Subject: [PATCH] =?UTF-8?q?=EB=B0=9C=EC=86=A1=20=EB=B0=98=EC=86=A1=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../xit/fims/sndb/service/bean/SndngBean.java |  12 +-
 .../xit/fims/sndb/web/Sndb01Controller.java   |  33 +-
 .../sql/mapper/fims/sndb/sndng-mapper.xml     |   6 +-
 .../WEB-INF/jsp/fims/excl/excl01010-main.jsp  |  13 +-
 .../WEB-INF/jsp/fims/excl/excl01020-info.jsp  |  10 +-
 .../WEB-INF/jsp/fims/excl/excl02010-main.jsp  |  13 +-
 .../WEB-INF/jsp/fims/excl/excl02020-info.jsp  |  10 +-
 .../WEB-INF/jsp/fims/excl/excl02030-info.jsp  |  10 +-
 .../WEB-INF/jsp/fims/levy/levy01010-main.jsp  |  37 +-
 .../WEB-INF/jsp/fims/levy/levy01020-info.jsp  |  11 +-
 .../WEB-INF/jsp/fims/levy/levy01050-main.jsp  |  15 +-
 .../WEB-INF/jsp/fims/levy/levy02010-main.jsp  |  13 +-
 .../WEB-INF/jsp/fims/levy/levy02020-info.jsp  |  10 +-
 .../WEB-INF/jsp/fims/rdca/rdca01020-info.jsp  |  10 +-
 .../WEB-INF/jsp/fims/sndb/sndb01010-main.jsp  | 147 ++--
 .../WEB-INF/jsp/fims/sndb/sndb01020-info.jsp  | 445 ++++++------
 .../WEB-INF/jsp/fims/sndb/sndb01030-main.jsp  | 646 ++++++++++--------
 .../WEB-INF/jsp/fims/sndb/sndb01040-info.jsp  | 426 ++++++------
 .../WEB-INF/jsp/fims/sprt/sprt02020-info.jsp  |  50 +-
 .../WEB-INF/jsp/fims/sprt/sprt02030-info.jsp  |  27 +-
 .../WEB-INF/jsp/fims/sprt/sprt02040-info.jsp  |  23 +-
 .../WEB-INF/jsp/fims/sprt/sprt02050-info.jsp  |  29 +-
 .../WEB-INF/jsp/fims/sprt/sprt02060-info.jsp  |  21 +-
 .../WEB-INF/jsp/fims/sprt/sprt02070-info.jsp  |  21 +-
 .../WEB-INF/jsp/fims/sprt/sprt02080-info.jsp  |  23 +-
 25 files changed, 1120 insertions(+), 941 deletions(-)

diff --git a/src/main/java/cokr/xit/fims/sndb/service/bean/SndngBean.java b/src/main/java/cokr/xit/fims/sndb/service/bean/SndngBean.java
index 82e009f4..9563a64b 100644
--- a/src/main/java/cokr/xit/fims/sndb/service/bean/SndngBean.java
+++ b/src/main/java/cokr/xit/fims/sndb/service/bean/SndngBean.java
@@ -178,14 +178,14 @@ public class SndngBean extends AbstractComponent {
 		boolean rtnScs = false;					// DB 처리 결과
 		String rtnMsg = "[F] ";					// 처리 결과 메시지
 
-		List<DataObject> wrngTrgtList = sndngMapper.selectWrngTrgtCrdnIDs(req);
+		List<DataObject> trgtList = sndngMapper.selectWrngTrgtCrdnIDs(req);
 
 		// 조회 건수 확인
-		if (wrngTrgtList == null || wrngTrgtList.size() < 1) {
+		if (trgtList == null || trgtList.size() < 1) {
 			rtnMsg = "[F] 작업 중 대상 자료가 존재하지 않습니다.";
 			return rtnMsg;
 		}
-		if (sndng.getTnocs() != wrngTrgtList.size()) {
+		if (sndng.getTnocs() != trgtList.size()) {
 			rtnMsg = "[F] 조회된 총 건수와 대상 건수가 다릅니다.";
 			return rtnMsg;
 		}
@@ -195,7 +195,7 @@ public class SndngBean extends AbstractComponent {
 
 		// 발송(TB_SNDNG) 대장에 등록한다.
 		sndng.setDeptCd(userInfo.string("DEPT_CD"));			// 부서 코드
-		sndng.setVltnId(wrngTrgtList.get(0).string("VLTN_ID"));	// 위반 ID
+		sndng.setVltnId(trgtList.get(0).string("VLTN_ID"));		// 위반 ID
 		sndng.setLevyBgngYmd(null);								// 부과 시작 일자
 		sndng.setLevyEndYmd(null);								// 부과 종료 일자
 		sndng.setSndngEndYmd(null);								// 발송 종료 일자
@@ -223,8 +223,8 @@ public class SndngBean extends AbstractComponent {
 		}
 
 		// 발송 상세(TB_SNDNG_DTL) 대장에 등록한다.
-		for (int iLoop = 0; iLoop < wrngTrgtList.size(); iLoop++) {
-			rtnMsg = createWrngSndngDtl(sndng, wrngTrgtList.get(iLoop).string("CRDN_ID"));
+		for (int iLoop = 0; iLoop < trgtList.size(); iLoop++) {
+			rtnMsg = createWrngSndngDtl(sndng, trgtList.get(iLoop).string("CRDN_ID"));
 			// 메시지 확인
 			if (!rtnMsg.contains("[S]")) {
 				throw new RuntimeException("계도장 발송 등록 작업중 발송상세 등록에 실패하였습니다.");	// 예외를 발생시켜서 DB Rollback
diff --git a/src/main/java/cokr/xit/fims/sndb/web/Sndb01Controller.java b/src/main/java/cokr/xit/fims/sndb/web/Sndb01Controller.java
index 50ef263d..88c07aec 100644
--- a/src/main/java/cokr/xit/fims/sndb/web/Sndb01Controller.java
+++ b/src/main/java/cokr/xit/fims/sndb/web/Sndb01Controller.java
@@ -120,6 +120,7 @@ public class Sndb01Controller extends ApplicationController {
 	 * @return /sndb/sndb01/010-main
 	 */
 	public ModelAndView warningTargetMain() {
+		//
 		ModelAndView mav = new ModelAndView("fims/sndb/sndb01010-main");
 
 		// 사용자 정보
@@ -156,6 +157,7 @@ public class Sndb01Controller extends ApplicationController {
 	 * }</code></pre>
 	 */
 	public ModelAndView getWarningTargetList(SndbQuery req) {
+		//
 		if (!"xls".equals(req.getDownload())) {
 			List<?> result = sndngService.getWrngTrgtList(setFetchSize(req));
 			return setCollectionInfo(new ModelAndView("jsonView"), result, "wrngTrgt");
@@ -232,17 +234,17 @@ public class Sndb01Controller extends ApplicationController {
 	 * }</pre>
 	 */
 	public ModelAndView getWarningTargetInfo(SndbQuery req) {
-		List<DataObject> wrngTrgts = sndngService.getWrngTrgts(req);
-
-		boolean json = jsonResponse();
+		//
+		ModelAndView mav = getWarningTargetList(req);
 
-		ModelAndView mav = new ModelAndView(json ? "jsonView" : "fims/sndb/sndb01020-info");
+		mav.setViewName("fims/sndb/sndb01020-info");
 
 		return mav
-				.addObject("pageName", "sndb01020")
-				.addObject("callPurpose", req.getCallPurpose())					// 호출 용도
-				.addObject("wrngTrgtQuery", json ? req : toJson(req))			// Query
-				.addObject("wrngTrgt", json ? wrngTrgts : toJson(wrngTrgts))	// 계고장 발송 대상 정보
+				.addObject("pageName", "sndb01020")										// View(jsp)에서 사용할 id 뒤에 붙일 suffix
+				.addObject("infoPrefix", "wrngTrgt")									// prefix
+				.addObject("callPurpose", req.getCallPurpose())							// 호출 용도
+				.addObject("mainQuery", toJson(req))									// 검색 조건
+                .addObject("wrngTrgtList", toJson(mav.getModel().get("wrngTrgt")))		//
 		;
 	}
 
@@ -254,6 +256,7 @@ public class Sndb01Controller extends ApplicationController {
 	 * }</code></pre>
 	 */
 	public ModelAndView createWarningSendingList(SndbQuery req, Sndng sndng) {
+		//
 		boolean saved = false;
 		String rtnMsg = "[F] ";
 
@@ -274,6 +277,7 @@ public class Sndb01Controller extends ApplicationController {
 	 * @return /sndb/sndb01/030-main
 	 */
 	public ModelAndView warningSendingMain() {
+		//
 		ModelAndView mav = new ModelAndView("fims/sndb/sndb01030-main");
 
 		// 사용자 정보
@@ -303,6 +307,7 @@ public class Sndb01Controller extends ApplicationController {
 	 * }</code></pre>
 	 */
 	public ModelAndView getWarningSendingList(SndbQuery req) {
+		//
 		if (!"xls".equals(req.getDownload())) {
 			List<?> result = sndngService.getWrngSndngList(setFetchSize(req));
 			return setCollectionInfo(new ModelAndView("jsonView"), result, "wrngSndng");
@@ -364,14 +369,18 @@ public class Sndb01Controller extends ApplicationController {
 	 */
 	public ModelAndView getWarningSendingDetailInfo(SndbQuery req) {
 		//
-		ModelAndView mav = getWarningSendingDetailList(req);
+		List<DataObject> list = sndngDtlService.getSndngDtlList(req);
+
+		boolean json = jsonResponse();
 
-		mav.setViewName("fims/sndb/sndb01040-info");
+		ModelAndView mav = new ModelAndView(json ? "jsonView" : "fims/sndb/sndb01040-info");
 
 		return mav
 				.addObject("pageName", "sndb01040")
-				.addObject("query", toJson(req))
-				.addObject("wrngSndngDtlList", toJson(mav.getModel().get("wrngSndngDtlList")))
+				.addObject("infoPrefix", "wrngSndng")					// prefix
+				.addObject("callPurpose", req.getCallPurpose())			// 호출 용도
+				.addObject("mainQuery", json ? req : toJson(req))		// Query
+				.addObject("wrngSndngDtl", json ? list : toJson(list))	// 계고장 발송 대상 정보
 		;
 	}
 
diff --git a/src/main/resources/sql/mapper/fims/sndb/sndng-mapper.xml b/src/main/resources/sql/mapper/fims/sndb/sndng-mapper.xml
index 260a001e..ade32f3f 100644
--- a/src/main/resources/sql/mapper/fims/sndb/sndng-mapper.xml
+++ b/src/main/resources/sql/mapper/fims/sndb/sndng-mapper.xml
@@ -402,9 +402,9 @@
     </select>
 
     <select id="selectWrngTrgts" parameterType="map" resultType="dataobject">/* 계고장 발송 대상 객체 가져오기(sndngMapper.selectWrngTrgts) */
-        SELECT COUNT(*) OVER()         AS TNOCS <!-- 총건수 -->
-             , SUM(C.FFNLG_AMT) OVER() AS GRAMT <!-- 총금액 -->
-             , C.CRDN_ID                        <!-- 단속 ID -->
+        SELECT COUNT(*) OVER()              AS TNOCS <!-- 총건수 -->
+             , SUM(C.FFNLG_CRDN_AMT) OVER() AS GRAMT <!-- 총금액 -->
+             , C.CRDN_ID                             <!-- 단속 ID -->
         <include refid="selectWrngTrgt" />
         <include refid="fromWrngTrgt" />
         <include refid="utility.orderBy" />
diff --git a/src/main/webapp/WEB-INF/jsp/fims/excl/excl01010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/excl/excl01010-main.jsp
index a31d80b5..a8494dfb 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/excl/excl01010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/excl/excl01010-main.jsp
@@ -371,7 +371,16 @@
 				checkbox.prop("checked", keys.includes(checkbox.val()));
 			});
 
+			// 삭제 버튼
 			$("#btnRemove--${pageName}").prop("disabled", keys.length < 1);
+			// DataTables(그리드) 전체 선택(checkbox)
+			if (keys.length < 1) {
+				$("th input[type='checkbox']").prop("checked", false);	// 체크 해제
+			} else if (keys.length == ${infoPrefix}List.length) {
+				$("th input[type='checkbox']").prop("checked", true);	// 체크 설정
+			} else {
+				$("th input[type='checkbox']").prop("checked", false);	// 체크 해제
+			}
 		};
 
 		// 부과제외 정보 dialog
@@ -549,10 +558,6 @@
 
 		// 삭제 callback
 		$P.callbackRemove = (obj) => {
-			let selected = $P.control.dataset.getKeys("selected");
-
-			if (selected.length < 1) return;
-
 			// 서버에 전송할 data(파라미터) 생성
 			let params = {};
 			params[$P.control.prefixed("IDs")] = selected.join(",");	// IDs
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 971dad95..a4d73ca8 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
@@ -253,11 +253,6 @@
 			}
 		}
 
-		// 기본 데이터 설정
-		$P.initData = () => {
-
-		}
-
 		// 업무구분에 따른 URL 설정
 		$P.setURL = (taskSeCd) => {
 			$P.control.urls.create = wctx.url("/" + taskSeCd + $P.PrefixUrl + "/020/create.do");		// 등록
@@ -273,10 +268,7 @@
 		// 2. 초기 화면 설정
 		$P.initForm();
 
-		// 3. 기본 데이터 설정
-		$P.initData();
-
-		// 4. Dataset 설정
+		// 3. Dataset 설정
 		$P.control.setData([${levyExclInfo}]);
 	});
 
diff --git a/src/main/webapp/WEB-INF/jsp/fims/excl/excl02010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/excl/excl02010-main.jsp
index 132ad4f4..2b11db82 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/excl/excl02010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/excl/excl02010-main.jsp
@@ -417,7 +417,16 @@
 				checkbox.prop("checked", keys.includes(checkbox.val()));
 			});
 
+			// 삭제 버튼
 			$("#btnRemove--${pageName}").prop("disabled", keys.length < 1);
+			// DataTables(그리드) 전체 선택(checkbox)
+			if (keys.length < 1) {
+				$("th input[type='checkbox']").prop("checked", false);	// 체크 해제
+			} else if (keys.length == ${infoPrefix}List.length) {
+				$("th input[type='checkbox']").prop("checked", true);	// 체크 설정
+			} else {
+				$("th input[type='checkbox']").prop("checked", false);	// 체크 해제
+			}
 		};
 
 		// 수정 dialog
@@ -611,10 +620,6 @@
 
 		// 삭제 callback
 		$P.callbackRemove = (obj) => {
-			let selected = $P.control.dataset.getKeys("selected");
-
-			if (selected.length < 1) return;
-
 			// 서버에 전송할 data(파라미터) 생성
 			let params = {};
 			params[$P.control.prefixed("IDs")] = selected.join(",");	// IDs
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 ae5c20eb..9bfca2b5 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
@@ -508,11 +508,6 @@
 			}
 		}
 
-		// 기본 데이터 설정
-		$P.initData = () => {
-
-		}
-
 		// 업무구분에 따른 url 변경
 		$P.setURL = (taskSeCd) => {
 			$P.control.urls.create = wctx.url("/" + taskSeCd + $P.PrefixUrl + "/020/create.do");		// 등록
@@ -528,10 +523,7 @@
 		// 2. 초기 화면 설정
 		$P.initForm();
 
-		// 3. 기본 데이터 설정
-		$P.initData();
-
-		// 4. Dataset 설정
+		// 3. Dataset 설정
 		$P.control.setData([${opnnSbmsnInfo}]);
 	});
 
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 8f0ce22e..46634d8b 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
@@ -300,11 +300,6 @@
 			}
 		}
 
-		// 기본 데이터 설정
-		$P.initData = () => {
-
-		}
-
 		// 업무구분에 따른 URL 설정
 		$P.setURL = (taskSeCd) => {
 			$P.control.urls.update = wctx.url("/" + taskSeCd + $P.PrefixUrl + "/030/update.do");		// 수정
@@ -319,10 +314,7 @@
 		// 2. 초기 화면 설정
 		$P.initForm();
 
-		// 3. 기본 데이터 설정
-		$P.initData();
-
-		// 4. Dataset 설정
+		// 3. Dataset 설정
 		$P.control.setData([${opnnSbmsnInfo}]);
 	});
 
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 49d44fb0..4b0248d8 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
@@ -201,6 +201,7 @@
 
 									<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" onchange="pageObject['${pageName}'].control.select(this.checked);" /></th>
 										<th class="cmn" style="width: 160px;">업무구분</th>
 										<th class="cmn" style="width: 180px;" onclick="searchFromGridTitle('CRDN_YMD', this.innerText, 'ymd', '');">단속일시</th>
 										<th class="cmn" style="width: 160px;" onclick="searchFromGridTitle('VHRNO', this.innerText, 'match', 'part');">차량번호</th>
@@ -230,6 +231,7 @@
 									<template id="${infoPrefix}Row--${pageName}">
 										<tr data-key="{CRDN_ID}">
 											<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{ROW_NUM}</td>
+											<td class="cmn text-center"><input type="checkbox" class="form-check-input" value="{CRDN_ID}" onchange="pageObject['${pageName}'].control.select('{CRDN_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}">{CRDN_YMD_TM}</td>
 											<td class="cmn text-start"  onclick="{onclick}" ondblclick="{ondblclick}">{VHRNO}</td>
@@ -259,19 +261,19 @@
 									</template>
 									<template id="${infoPrefix}NotFound--${pageName}">
 										<tr class="bpv">
-											<td valign="top" colspan="26" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
+											<td valign="top" colspan="27" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
 										</tr>
 										<tr class="dpv">
-											<td valign="top" colspan="26" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
+											<td valign="top" colspan="27" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
 										</tr>
 										<tr class="eca">
-											<td valign="top" colspan="26" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
+											<td valign="top" colspan="27" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
 										</tr>
 										<tr class="pvs">
-											<td valign="top" colspan="26" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
+											<td valign="top" colspan="27" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
 										</tr>
 										<tr class="tpv">
-											<td valign="top" colspan="26" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
+											<td valign="top" colspan="27" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
 										</tr>
 									</template>
 								</table>
@@ -343,7 +345,7 @@
 		 * DatasetControl 이벤트
 		 **************************************************************************/
 		// Dataset 변경 이벤트
-		$P.control.onDatasetChange = obj => {
+		$P.control.onDatasetChange = (obj) => {
 			$P.renderList(obj.${infoPrefix}Total);
 
 			$("#paging--${pageName}").setPagingInfo({
@@ -359,7 +361,7 @@
 		};
 
 		// 현재 선택 자료 변경 이벤트
-		$P.control.onCurrentChange = item => {
+		$P.control.onCurrentChange = (item) => {
 			if (!item) return;
 
 			let key = item.data.CRDN_ID;
@@ -367,6 +369,27 @@
 			$("#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()));
+			});
+
+			// DataTables(그리드) 전체 선택(checkbox)
+			if (keys.length < 1) {
+				$("th input[type='checkbox']").prop("checked", false);	// 체크 해제
+			} else if (keys.length == ${infoPrefix}List.length) {
+				$("th input[type='checkbox']").prop("checked", true);	// 체크 설정
+			} else {
+				$("th input[type='checkbox']").prop("checked", false);	// 체크 해제
+			}
+		};
+
 		// 부과 정보 dialog
 		$P.control.getInfo = (params) => {
 			if (!params) return;
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 df49d92a..2461015f 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
@@ -217,12 +217,6 @@
 				$("#btnSave--${pageName}").prop("disabled", true);			// 저장 버튼
 			}
 		}
-
-		// 기본 데이터 설정
-		$P.initData = () => {
-
-		}
-
 		// 업무구분에 따른 URL 설정
 		$P.setURL = (taskSeCd) => {
 			$P.control.urls.create = wctx.url("/" + taskSeCd + $P.PrefixUrl + "/020/createRductLevyList.do");	// 등록
@@ -237,10 +231,7 @@
 		// 2. 초기 화면 설정
 		$P.initForm();
 
-		// 3. 기본 데이터 설정
-		$P.initData();
-
-		// 4. Dataset 설정
+		// 3. Dataset 설정
 		$P.control.setData([${rductLevyYmdInfo}]);
 	});
 
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 13ca4224..8c4f9fbc 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
@@ -408,7 +408,7 @@
 		 * DatasetControl 이벤트
 		 **************************************************************************/
 		// Dataset 변경 이벤트
-		$P.control.onDatasetChange = obj => {
+		$P.control.onDatasetChange = (obj) => {
 			$P.renderList(obj.${infoPrefix}Total);
 
 			$("#paging--${pageName}").setPagingInfo({
@@ -424,7 +424,7 @@
 		};
 
 		// 현재 선택 자료 변경 이벤트
-		$P.control.onCurrentChange = item => {
+		$P.control.onCurrentChange = (item) => {
 			if (!item) return;
 
 			let key = item.data.LEVY_ID;
@@ -433,7 +433,7 @@
 		};
 
 		// 선택(체크) 변경 이벤트
-		$P.control.onSelectionChange = selected => {
+		$P.control.onSelectionChange = (selected) => {
 			let ${infoPrefix}List = $P.control.dataset;
 			let keys = selected.map(e => ${infoPrefix}List.getKey(e));
 
@@ -442,6 +442,15 @@
 
 				checkbox.prop("checked", keys.includes(checkbox.val()));
 			});
+
+			// DataTables(그리드) 전체 선택(checkbox)
+			if (keys.length < 1) {
+				$("th input[type='checkbox']").prop("checked", false);	// 체크 해제
+			} else if (keys.length == ${infoPrefix}List.length) {
+				$("th input[type='checkbox']").prop("checked", true);	// 체크 설정
+			} else {
+				$("th input[type='checkbox']").prop("checked", false);	// 체크 해제
+			}
 		};
 
 		// 부과 정보 dialog
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 257efd7a..5512557a 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
@@ -322,7 +322,16 @@
 				checkbox.prop("checked", keys.includes(checkbox.val()));
 			});
 
+			// 삭제 버튼
 			$("#btnRemove--${pageName}").prop("disabled", keys.length < 1);
+			// DataTables(그리드) 전체 선택(checkbox)
+			if (keys.length < 1) {
+				$("th input[type='checkbox']").prop("checked", false);	// 체크 해제
+			} else if (keys.length == ${infoPrefix}List.length) {
+				$("th input[type='checkbox']").prop("checked", true);	// 체크 설정
+			} else {
+				$("th input[type='checkbox']").prop("checked", false);	// 체크 해제
+			}
 		};
 
 		// 과태료 감경 정보 dialog
@@ -497,10 +506,6 @@
 
 		// 삭제 callback
 		$P.callbackRemove = (obj) => {
-			let selected = $P.control.dataset.getKeys("selected");
-
-			if (selected.length < 1) return;
-
 			// 서버에 전송할 data(파라미터) 생성
 			let params = {};
 			params[$P.control.prefixed("IDs")] = selected.join(",");	// IDs
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 9b55bea3..8db27b4b 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
@@ -224,11 +224,6 @@
 		    $("#rductYmd--${pageName}").datepicker("setDate", new Date());
 		}
 
-		// 기본 데이터 설정
-		$P.initData = () => {
-
-		}
-
 		// 업무구분에 따른 URL 설정
 		$P.setURL = (taskSeCd) => {
 			$P.control.urls.create = wctx.url("/" + taskSeCd + $P.PrefixUrl + "/020/create.do");		// 등록
@@ -244,10 +239,7 @@
 		// 2. 초기 화면 설정
 		$P.initForm();
 
-		// 3. 기본 데이터 설정
-		$P.initData();
-
-		// 4. Dataset 설정
+		// 3. Dataset 설정
 		$P.control.setData([${rductInfo}]);
 	});
 
diff --git a/src/main/webapp/WEB-INF/jsp/fims/rdca/rdca01020-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/rdca/rdca01020-info.jsp
index 6cb45a96..0393e6ca 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/rdca/rdca01020-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/rdca/rdca01020-info.jsp
@@ -250,11 +250,6 @@
 			}
 		}
 
-		// 기본 데이터 설정
-		$P.initData = () => {
-
-		}
-
 		// 업무구분에 따른 URL 설정
 		$P.setURL = (taskSeCd) => {
 			$P.control.urls.create = wctx.url("/" + taskSeCd + $P.PrefixUrl + "/020/create.do");		// 등록
@@ -270,10 +265,7 @@
 		// 2. 초기 화면 설정
 		$P.initForm();
 
-		// 3. 기본 데이터 설정
-		$P.initData();
-
-		// 4. Dataset 설정
+		// 3. Dataset 설정
 		$P.control.setData([${levyExclInfo}]);
 	});
 
diff --git a/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01010-main.jsp
index c7c62d68..c6105583 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01010-main.jsp
@@ -158,12 +158,15 @@
 							</div>
 				            <span class="container-window-btn-right">
 								<!-- 업무 버튼 -->
-								<button type="button" class="btn btn-primary w-px-120" id="btnWrngTrgtInfo--${pageName}" title="발송대상 등록">
-									발송대상 등록
-								</button>
 								<button type="button" class="btn btn-primary w-px-120" id="btnUpdateWrng--${pageName}" title="계고 수정">
 									계고 수정
 								</button>
+								<button type="button" class="btn btn-primary w-px-120" id="btnSlctnTrgtInfo--${pageName}" title="선택 발송대상 등록">
+									선택 대상 등록
+								</button>
+								<button type="button" class="btn btn-primary w-px-120" id="btnWholTrgtInfo--${pageName}" title="선택 발송대상 등록">
+									전체 대상 등록
+								</button>
 				            </span>
 						</span>
 					</div>
@@ -181,8 +184,10 @@
 									</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" onchange="pageObject['${pageName}'].control.select(this.checked);" /></th>
 										<th class="cmn" style="width: 160px;" onclick="searchFromGridTitle('TASK_SE_CD', this.innerText, 'codeValue', 'FIM054');">업무구분</th>
 										<th class="cmn" style="width: 120px;" onclick="searchFromGridTitle('LEVY_EXCL_YMD', this.innerText, 'ymd', '');">계고일자</th>
 										<th class="cmn" style="width: 160px;" onclick="searchFromGridTitle('LEVY_EXCL_RSN_CD', this.innerText, 'codeValue', 'FIM022');">계고사유</th>
@@ -217,6 +222,7 @@
 									<template id="${infoPrefix}Row--${pageName}">
 										<tr data-key="{CRDN_ID}">
 											<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{ROW_NUM}</td>
+											<td class="cmn text-center"><input type="checkbox" class="form-check-input" value="{CRDN_ID}" onchange="pageObject['${pageName}'].control.select('{CRDN_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}">{LEVY_EXCL_YMD}</td>
 											<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{LEVY_EXCL_RSN_NM}</td>
@@ -251,19 +257,19 @@
 									</template>
 									<template id="${infoPrefix}NotFound--${pageName}">
 										<tr class="bpv">
-											<td valign="top" colspan="28" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
+											<td valign="top" colspan="29" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
 										</tr>
 										<tr class="dpv">
-											<td valign="top" colspan="28" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
+											<td valign="top" colspan="29" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
 										</tr>
 										<tr class="eca">
-											<td valign="top" colspan="28" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
+											<td valign="top" colspan="29" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
 										</tr>
 										<tr class="pvs">
-											<td valign="top" colspan="28" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
+											<td valign="top" colspan="29" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
 										</tr>
 										<tr class="tpv">
-											<td valign="top" colspan="28" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
+											<td valign="top" colspan="29" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
 										</tr>
 									</template>
 								</table>
@@ -313,7 +319,7 @@
 			, prefixName : "계고장 발송 대상"
 			, infoSize : "xxl"
 			, keymapper : info => info ? info.CRDN_ID : ""
-			, dataGetter : obj => obj.wrngTrgtList
+			, dataGetter : obj => obj.${infoPrefix}List
 			, appendData : true
 			, formats : {
 				  CVLCPT_RCPT_YMD : dateFormat
@@ -343,7 +349,7 @@
 				, start : obj.${infoPrefix}Start
 				, totalSize : obj.${infoPrefix}Total
 				, fetchSize : obj.${infoPrefix}Fetch
-				, func : "$P.control.load({index})"
+				, func : "pageObject['${pageName}'].control.load({index})"
 			});
 
 			$P.control.tableRenderComplete = true;		// dataTables 에 자료 추가 완료
@@ -358,6 +364,29 @@
 			$("#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()));
+			});
+
+			// 선택 대상 등록 버튼
+			$("#btnSlctnTrgtInfo--${pageName}").prop("disabled", keys.length < 1);
+			// DataTables(그리드) 전체 선택(checkbox)
+			if (keys.length < 1) {
+				$("th input[type='checkbox']").prop("checked", false);	// 체크 해제
+			} else if (keys.length == ${infoPrefix}List.length) {
+				$("th input[type='checkbox']").prop("checked", true);	// 체크 설정
+			} else {
+				$("th input[type='checkbox']").prop("checked", false);	// 체크 해제
+			}
+		};
+
 		// 계고장 발송 등록 dialog -> callback 추가
 		$P.control.getInfo = (params) => {
 			if (!params) return;
@@ -377,7 +406,7 @@
 				, data : params || {}
 				, success : resp => {
 					dialog.open({
-						  id : "wrngTrgtDialog"
+						  id : $P.control.prefixed("Dialog")
 						, title : dialogTitle
 						, content : resp
 						, size : "xl"
@@ -495,14 +524,6 @@
 			});
 		}
 
-		// 검색 자료 재조회
-		$P.refreshList = () => {
-			$P.control.untilPageNum = $P.control.query.pageNum;
-			$P.control.query.fetchSize = $P.control.defaultFetchSize * $P.control.query.pageNum;
-
-			$P.control.load(1);
-		}
-
 		// 계고 수정 dialog -> callback 추가
 		$P.getLevyExclInfo = (params) => {
 			if (!params) return;
@@ -522,6 +543,15 @@
 			});
 		}
 
+		// 검색 자료 재조회
+		$P.refreshList = () => {
+			$P.control.untilPageNum = $P.control.query.pageNum;
+			$P.control.query.fetchSize = $P.control.defaultFetchSize * $P.control.query.pageNum;
+			$P.control.query.crdnIDs = null;
+
+			$P.control.load(1);
+		}
+
 		/**************************************************************************
 		 * 버튼 clickEvent
 		 **************************************************************************/
@@ -578,8 +608,27 @@
 			$P.getFindUser();
 		}
 
-		// 계고장 발송 대상 등록 버튼 이벤트
-		$P.fnWrngTrgtInfo = () => {
+		// 계고 수정 버튼 이벤트
+		$P.fnUpdateWrng = () => {
+			let levyExclId = $P.control.dataset.getValue("LEVY_EXCL_ID");
+			// 부과제외 ID 가 없다면.. return
+			if (typeof levyExclId == "undefined" || levyExclId == null || levyExclId == "") return;
+
+			let levyExclSeCd = $P.control.dataset.getValue("LEVY_EXCL_SE_CD");
+
+			let params = {
+				  callPurpose : "update"
+				, sggCd : $P.control.dataset.getValue("SGG_CD")			// 시군구 코드
+				, taskSeCd : $P.control.dataset.getValue("TASK_SE_CD")	// 업무 구분 코드
+				, levyExclId : levyExclId								// 부과제외 ID
+				, levyExclSeCd : levyExclSeCd							// 부과제외 구분 코드
+			};
+
+			$P.getLevyExclInfo(params);
+		}
+
+		// 선택 발송대상 등록 버튼 이벤트
+		$P.fnSlctnTrgtInfo = () => {
 			if ($P.control.dataset.empty) {
 				dialog.alert({
 					  content : "검색된 자료가 없습니다."
@@ -589,35 +638,49 @@
 				return;
 			}
 
-			let params = $P.control.query;
+			// 선택 자료
+			let selected = $P.control.dataset.getKeys("selected");
 
-			params.callPurpose = "create";
+			if (selected.length < 1) return;
+
+			// 파라미터 설정
+			let params = $P.control.query;				// 검색 조건
+			params.callPurpose = "create";				// 호출 용도 (등록)
+			params.resndYN = "N";						// 재발송 여부
+			params.delYN = "N";							// 삭제 여부
 			if (params.taskSeCd == "DPV" && params.schVltnId == "05") {
-				params.sndngSeCd = "12";			// 발송 구분 코드 - 12 계고장 구형표지
+				params.sndngSeCd = "12";				// 발송 구분 코드 - 12 계고장 구형표지
 			} else {
-				params.sndngSeCd = "11";			// 발송 구분 코드 - 11 계고장
+				params.sndngSeCd = "11";				// 발송 구분 코드 - 11 계고장
 			}
+			params.crdnIDs = selected.join(",");		// IDs
 
 			$P.control.getInfo(params);
 		}
 
-		// 계고 수정 버튼 이벤트
-		$P.fnUpdateWrng = () => {
-			let levyExclId = $P.control.dataset.getValue("LEVY_EXCL_ID");
-			// 부과제외 ID 가 없다면.. return
-			if (typeof levyExclId == "undefined" || levyExclId == null || levyExclId == "") return;
+		// 전체 발송대상 등록 버튼 이벤트
+		$P.fnWholTrgtInfo = () => {
+			if ($P.control.dataset.empty) {
+				dialog.alert({
+					  content : "검색된 자료가 없습니다."
+					, onOK : () => { }
+				});
 
-			let levyExclSeCd = $P.control.dataset.getValue("LEVY_EXCL_SE_CD");
+				return;
+			}
 
-			let params = {
-				  callPurpose : "update"
-				, sggCd : $P.control.dataset.getValue("SGG_CD")			// 시군구 코드
-				, taskSeCd : $P.control.dataset.getValue("TASK_SE_CD")	// 업무 구분 코드
-				, levyExclId : levyExclId								// 부과제외 ID
-				, levyExclSeCd : levyExclSeCd							// 부과제외 구분 코드
-			};
+			// 파라미터 설정
+			let params = $P.control.query;				// 검색 조건
+			params.callPurpose = "create";				// 호출 용도 (등록)
+			params.resndYN = "N";						// 재발송 여부
+			params.delYN = "N";							// 삭제 여부
+			if (params.taskSeCd == "DPV" && params.schVltnId == "05") {
+				params.sndngSeCd = "12";				// 발송 구분 코드 - 12 계고장 구형표지
+			} else {
+				params.sndngSeCd = "11";				// 발송 구분 코드 - 11 계고장
+			}
 
-			$P.getLevyExclInfo(params);
+			$P.control.getInfo(params);
 		}
 
 		/**************************************************************************
@@ -652,8 +715,9 @@
 			});
 
 			// 업무 버튼 이벤트
-			$("#btnWrngTrgtInfo--${pageName}").on("click", () => $P.fnWrngTrgtInfo());	// 발송대상 등록
-			$("#btnUpdateWrng--${pageName}").on("click", () => $P.fnUpdateWrng());		// 계고 수정
+			$("#btnUpdateWrng--${pageName}").on("click", () => $P.fnUpdateWrng());			// 계고 수정
+			$("#btnSlctnTrgtInfo--${pageName}").on("click", () => $P.fnSlctnTrgtInfo());	// 선택 대상 등록
+			$("#btnWholTrgtInfo--${pageName}").on("click", () => $P.fnWholTrgtInfo());		// 전체 대상 등록
 
 			// DataTables width 변경 조정
 			$("#DataTables_Table_0--${pageName}").find("th").resizable( {handles : "e"} );
@@ -704,7 +768,6 @@
 			$("#schLevyExclYmdTo--${pageName}").datepicker("setDate", new Date());
 		}
 
-
 		// 업무 구분별 설정
 		$P.setTask = (taskSeCd) => {
 			// 업무별 조회조건
diff --git a/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01020-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01020-info.jsp
index 84fc398b..c3ade720 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01020-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01020-info.jsp
@@ -5,6 +5,8 @@
 <div class="content-wrapper">
 	<!-- Content -->
 	<div class="container flex-grow-1 px-0">
+		<c:set var="prefixName" scope="request">계고장 발송대상 정보</c:set>
+
 		<!-- Page Body -->
 		<div class="card">
 			<div class="wrapper-pop">
@@ -52,10 +54,16 @@
 				<!-- 업무 버튼 및 건수 표시 -->
 				<div>
 					<span class="container-page-btn">
+		            	<!-- 건수, 페이지 표시 -->
+						<div class="d-flex flex-row justify-content-between">
+							<label class="dataTables_info" id="paging--${pageName}PagingInfo" role="status" aria-live="polite"></label>
+							<ul class="pagination pagination-primary" id="paging--${pageName}">
+							</ul>
+						</div>
 			            <span class="container-window-btn-right">
 							<!-- 업무 버튼 -->
-							<button type="button" class="btn btn-primary w-px-120" id="btnSave--${pageName}" title="발송 등록" onclick="fnSave${pageName}();">
-								발송 등록
+							<button type="button" class="btn btn-primary w-px-120" id="btnSave--${pageName}" title="발송 등록 저장">
+								저장
 							</button>
 			            </span>
 					</span>
@@ -70,9 +78,6 @@
 								<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}">
-										<th class="cmn hidden" style="width: 56px;">
-											<input type="checkbox" class="form-check-input" onchange="${pageName}Control.select(this.checked);">
-										</th>
 										<th class="cmn" style="width: 120px;">계고일자</th>
 										<th class="cmn" style="width: 160px;">계고사유</th>
 										<th class="cmn" style="width: 160px;">민원신청번호</th>
@@ -102,9 +107,6 @@
 								</tbody>
 								<template id="${infoPrefix}Row--${pageName}">
 									<tr data-key="{CRDN_ID}">
-										<td class="cmn text-center hidden">
-											<input type="checkbox" class="form-check-input" value="{CRDN_ID}" onchange="${pageName}Control.select('{CRDN_ID}', this.checked);">
-										</td>
 										<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{LEVY_EXCL_YMD}</td>
 										<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{LEVY_EXCL_RSN_NM}</td>
 										<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{CVLCPT_APLY_NO}</td>
@@ -132,7 +134,7 @@
 								</template>
 								<template id="${infoPrefix}NotFound--${pageName}">
 									<tr class="odd">
-										<td valign="top" colspan="24" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
+										<td valign="top" colspan="23" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
 									</tr>
 								</template>
 							</table>
@@ -150,243 +152,258 @@
 	/**************************************************************************
 	 * Global Variable
 	 **************************************************************************/
-	// URL
-	var ${pageName}PrefixUrl = "/sndb/sndb01";
-	// infoDialog 호출 용도(view 조회(편집불가), create 등록, update 수정)
-	var ${pageName}CallPurpose = "${callPurpose}";
-	// FormFields
-	var ${pageName}Fields = new FimsFormFields("#frmEdit--${pageName}");
-	// main 의 검색 조건을 그대로 유지
-	var ${pageName}Query = ${wrngTrgtQuery};
+	pageObject["${pageName}"] = {};
 
 	/**************************************************************************
-	 * DatasetControl
+	 * script 진입
 	 **************************************************************************/
-	var ${pageName}Control = new DatasetControl({
-		  prefix : "wrngTrgt"
-		, prefixName : "계고장 발송 대상"
-		, keymapper : info => info ? info.CRDN_ID : ""
-		, dataGetter : obj => obj.wrngTrgtList
-		, appendData : true
-		, untilPageNum : 0								// 현재 페이지 번호
-		, tableRenderComplete : false					// dataTables 에 자료 추가 완료 여부
-		, formats : {
-			  TNOCS : numberFormat
-			, GRAMT : numberFormat
-	    	, LEVY_EXCL_YMD : dateFormat
-	    	, CVLCPT_RCPT_YMD : dateFormat
-	    	, CRDN_YMD_TM : datetimeFormat
-	    	, FFNLG_CRDN_AMT : numberFormat
-	    	, REG_DT : datetimeFormat
-	    	, MDFCN_DT : datetimeFormat
-		}
-	});
+	$(document).ready(function() {
+		// pageObject
+		var $P = pageObject["${pageName}"];
+
+		// URL
+		$P.PrefixUrl = "/sndb/sndb01";
+	 	// infoDialog 호출 용도(view 조회(편집불가), create 등록, update 수정)
+		$P.callPurpose = "${callPurpose}";
+		// FormFields
+	 	$P.formFields = new FimsFormFields("#frmEdit--${pageName}");
+	 	// main 의 검색 조건을 그대로 유지
+	 	$P.mainQuery = ${mainQuery};
+
+		/**************************************************************************
+		 * DatasetControl
+		 **************************************************************************/
+		$P.control = new DatasetControl({
+			  prefix : "wrngTrgt"
+			, prefixName : "계고장 발송 대상"
+			, keymapper : info => info ? info.CRDN_ID : ""
+			, dataGetter : obj => obj.${infoPrefix}List
+			, appendData : true
+			, formats : {
+				  TNOCS : numberFormat
+				, GRAMT : numberFormat
+		    	, LEVY_EXCL_YMD : dateFormat
+		    	, CVLCPT_RCPT_YMD : dateFormat
+		    	, CRDN_YMD_TM : datetimeFormat
+		    	, FFNLG_CRDN_AMT : numberFormat
+		    	, REG_DT : datetimeFormat
+		    	, MDFCN_DT : datetimeFormat
+			}
+		});
+		// $P.control 설정
+		$P.control.defaultFetchSize = FETCH_XS;			// 1 페이지당 조회되는 자료 건수 index.jsp에서 확인 FETCH_XS = 30
+		$P.control.untilPageNum = 0;					// 현재 페이지 번호
+		$P.control.tableRenderComplete = false;			// dataTables 에 자료 추가 완료 여부
+		$P.control.beforeCurrent = null;
+
+		/**************************************************************************
+		 * DatasetControl 이벤트
+		 **************************************************************************/
+		// Dataset 변경 이벤트
+		$P.control.onDatasetChange = (obj) => {
+			$P.renderList(obj.${infoPrefix}Total);
+
+			$("#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})"
+			});
 
-	/**************************************************************************
-	 * DatasetControl 이벤트
-	 **************************************************************************/
-	// Dataset 변경 이벤트
-	${pageName}Control.onDatasetChange = obj => {
-		renderList${pageName}();
+			$P.control.tableRenderComplete = true;		// dataTables 에 자료 추가 완료
+		};
 
-		${pageName}Control.tableRenderComplete = true;	// dataTables 에 자료 추가 완료
-	};
+		// 현재 선택 자료 변경 이벤트
+		$P.control.onCurrentChange = (item) => {
+			if (!item) return;
 
-	// 현재 선택 자료 변경 이벤트
-	${pageName}Control.onCurrentChange = item => {
-		if (!item) return;
+			let key = item.data.CRDN_ID;
 
-		let key = item.data.CRDN_ID;
+			$("#tbody--${pageName}").setCurrentRow(key);
+		};
 
-		$("#tbody--${pageName}").setCurrentRow(key);
-	};
+		// 저장 callback
+		$P.control.onSave = (resp) => {
+	  		let dialogTitle = $("#btnSave--${pageName}").attr("title");
+	  		let showMessage = resp.rtnMsg.replace(/[S]|[F]/g, dialogTitle);
 
-	// 선택(체크) 변경 이벤트
-	${pageName}Control.onSelectionChange = selected => {
-		let ${infoPrefix}List = ${pageName}Control.dataset;
-		let keys = selected.map(e => ${infoPrefix}List.getKey(e));
+			// 메시지 출력
+			dialog.alert({
+				  content : showMessage
+				, onOK : () => { }
+			});
 
-		$("#tbody--${pageName} input[type='checkbox']").each(function() {
-			let checkbox = $(this);
+			if (resp.saved) {
+				dialog.close($P.control.prefix + "Dialog");
+			}
+		}
 
-			checkbox.prop("checked", keys.includes(checkbox.val()));
-		});
-	};
+		// 저장
+		$P.control.save = (info) => {
+			if (!info) return;
 
-	// 저장 callback
-	${pageName}Control.onSave = (resp) => {
-  		let dialogTitle = $("#btnSave--${pageName}").attr("title");
-  		let showMessage = resp.rtnMsg.replace(/[S]|[F]/g, dialogTitle);
+	  		let create = ($P.callPurpose == "create");
 
-		dialog.alert(showMessage);
+			ajax.post({
+				  url : !create ? $P.control.urls.update : $P.control.urls.create
+				, data : info
+				, success : resp => $P.control.onSave(resp)
+			});
+		}
 
-		if (resp.saved) {
-			dialog.close(${pageName}Control.prefix + "Dialog");
+		/**************************************************************************
+		 * DataTables 이벤트
+		 **************************************************************************/
+		// DataTables에 click, dbclick 이벤트
+		$P.renderList = (totalSize) => {
+			let ${infoPrefix}List = $P.control.dataset;
+			let empty = ${infoPrefix}List.empty;
+
+			let trs = empty ?
+				[document.getElementById("${infoPrefix}NotFound--${pageName}").innerHTML] : <%-- from template#${infoPrefix}NotFound --%>
+				${infoPrefix}List.inStrings(
+					document.getElementById("${infoPrefix}Row--${pageName}").innerHTML, <%-- from template#${infoPrefix}Row --%>
+					(str, dataItem) => str
+						.replace(/{onclick}/gi, "pageObject['${pageName}'].control.setCurrent('" + dataItem.getValue("CRDN_ID") + "');")
+						.replace(/{ondblclick}/gi, "pageObject['${pageName}'].getTotalInfo('" + dataItem.getValue("CRDN_ID") + "');")
+				);
+
+			$("#tbody--${pageName}").html(trs.join());
+
+			//보안모드
+		    fn_securityModeToggle($("#securityMode--top").is(":checked"));
 		}
-	}
 
-	// 저장
-	${pageName}Control.save = (info) => {
-		if (!info) return;
+		/**************************************************************************
+		 * 사용자 함수(function)
+		 **************************************************************************/
+		// 개별총정보 dialog
+		$P.getTotalInfo = (crdnId) => {
+			if (typeof crdnId == "undefined" || crdnId == null || crdnId == "") return;
+
+			let params = {
+				  callControlName : "pageObject['${pageName}'].control"
+				, callPurpose : "view"
+				, sggCd : $("#sggCd--${pageName}").val()
+				, taskSeCd : $("input[name=taskSeCd]:checked").val()
+				, crdnId : crdnId
+			}
 
-		info.resndYN = "N";				// 재발송 여부
-		info.delYN = "N";				// 삭제 여부
+			ajax.get({
+				  url : wctx.url("/" + params.taskSeCd + "/sprt/sprt02/010/main.do")
+				, data : params
+				, success : resp => {
+					dialog.open({
+						  id : "totalInfoMainDialog"
+						, title : "개별총정보"
+						, content : resp
+						, size : "xxl"
+						, init : () => { }
+						, onClose : () => { }
+					});
+				}
+			});
+		}
 
-		let create = (${pageName}CallPurpose == "create");
-		let params = $.extend({}, ${pageName}Query, info);		// 객체를 합친다.
+		/**************************************************************************
+		 * 버튼 clickEvent
+		 **************************************************************************/
+		// 저장
+		$P.fnSave = () => {
+			// validate 확인
+			if (!customValidate($("#frmEdit--${pageName}").find("input, select, textarea"))) return;
 
-		ajax.post({
-			  url : !create ? ${pageName}Control.urls.update : ${pageName}Control.urls.create
-			, data : params
-			, success : resp => ${pageName}Control.onSave(resp)
-		});
-	}
+			// 저장 파라미터 설정
+			let info = $P.formFields.get();
 
-	/**************************************************************************
-	 * DataTables 이벤트
-	 **************************************************************************/
-	// DataTables에 click, dbclick 이벤트
-	renderList${pageName} = () => {
-		let ${infoPrefix}List = ${pageName}Control.dataset;
-		let empty = ${infoPrefix}List.empty;
-
-		let trs = empty ?
-			[document.getElementById("${infoPrefix}NotFound--${pageName}").innerHTML] : <%-- from template#${infoPrefix}NotFound --%>
-			${infoPrefix}List.inStrings(
-				document.getElementById("${infoPrefix}Row--${pageName}").innerHTML, <%-- from template#${infoPrefix}Row --%>
-				(str, dataItem) => str
-					.replace(/{onclick}/gi, "${pageName}Control.setCurrent('" + dataItem.getValue("CRDN_ID") + "');")
-					.replace(/{ondblclick}/gi, "getTotalInfo${pageName}('" + dataItem.getValue("CRDN_ID") + "');")
-			);
-
-		$("#tbody--${pageName}").html(trs.join());
-		$("th input[type='checkbox']").prop("checked", false);
-
-		//보안모드
-	    fn_securityModeToggle($("#securityMode--top").is(":checked"));
-	}
+			// 검색조건과 저장 파라미터 객체를 합친다.
+			let params = $.extend({}, $P.mainQuery, info);
 
-	/**************************************************************************
-	 * 사용자 함수(function)
-	 **************************************************************************/
-	// 개별총정보 dialog
-	getTotalInfo${pageName} = (crdnId) => {
-		if (typeof crdnId == "undefined" || crdnId == null || crdnId == "") return;
-
-		let params = {
-			  callControlName : "${pageName}Control"
-			, callPurpose : "view"
-			, sggCd : $("#sggCd--${pageName}").val()
-			, taskSeCd : $("#taskSeCd--${pageName}").val()
-			, crdnId : crdnId
+			dialog.alert({
+				  content : "현재 " + $P.control.prefixName + " 정보를 저장하시겠습니까?"
+				, onOK : () => {
+					$P.control.save(params);
+				}
+			});
 		}
 
-		ajax.get({
-			  url : wctx.url("/" + params.taskSeCd + "/sprt/sprt02/010/main.do")
-			, data : params
-			, success : resp => {
-				dialog.open({
-					  id : "totalInfoMainDialog"
-					, title : "개별총정보"
-					, content : resp
-					, size : "xxl"
+		/**************************************************************************
+		 * 초기 셋팅
+		 **************************************************************************/
+		// 이벤트 설정
+		$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);
+					}
 				});
-			}
-		});
-	}
+			});
 
-	/**************************************************************************
-	 * 버튼 clickEvent
-	 **************************************************************************/
-	// 발송 등록
-	fnSave${pageName} = () => {
-		// validate 확인
-		if (!customValidate($("#frmEdit--${pageName}").find("input, select, textarea"))) return;
-
-		dialog.alert({
-			  content : ${pageName}Control.prefixName + " 정보를 저장하시겠습니까?"
-			, onOK : () => {
-				${pageName}Control.save(${pageName}Fields.get());
-			}
-		});
-	}
+			// 업무 버튼 이벤트
+			$("#btnSave--${pageName}").on("click", () => $P.fnSave());			// 저장
 
-	/**************************************************************************
-	 * 초기 셋팅
-	 **************************************************************************/
-	// 이벤트
-	setEvent${pageName} = () => {
-		// 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);
-				}
-			});
-		});
+			// DataTables width 변경 조정
+			$("#DataTables_Table_0--${pageName}").find("th").resizable( {handles : "e"} );
+		}
 
-		// DataTables width 변경 조정
-		$("#DataTables_Table_0--${pageName}").find("th").resizable( {handles : "e"} );
-	}
-
-	// 화면 초기 설정
-	initForm${pageName} = () => {
-		// 화면 초기화
-		$("#frmEdit--${pageName}")[0].reset();
-
-		// 달력 초기화
-	    initDatepicker("frmEdit--${pageName}");
-		$("#sndngYmd--${pageName}").datepicker("setDate", new Date());
-		$("#sndngEndYmd--${pageName}").datepicker("setDate", new Date());
-	}
-
-	// 기본 데이터 설정
-	setFormData${pageName} = () => {
- 		$("#tnocs--${pageName}").val(${pageName}Control.dataset.getValue("TNOCS"));		// 총건수
- 		$("#gramt--${pageName}").val(${pageName}Control.dataset.getValue("GRAMT"));		// 총금액
-
-		// 발송 종료 일자
-		$("#sndngEndYmd--${pageName}").val("");
-		$("#sndngEndYmd--${pageName}").prop("disabled", true);
-		$("#divSndngEndYmd--${pageName}").hide();
-
-		// 제목
- 		let ttlNm = ${pageName}Control.dataset.getValue("TASK_SE_NM");
- 		ttlNm = ttlNm + "  " + ${pageName}Control.dataset.getValue("VLTN_ARTCL");
- 		ttlNm = ttlNm + " " + "계고장";
- 		$("#ttlNm--${pageName}").val(ttlNm);
-
-		// URL 설정
-		setURL${pageName}(${pageName}Query.taskSeCd);
-	}
-
-	// 업무구분에 따른 url 설정
-	setURL${pageName} = (taskSeCd) => {
-		${pageName}Control.urls.create = wctx.url("/" + taskSeCd + ${pageName}PrefixUrl + "/020/createList.do");	// 등록
-	}
+		// 초기 화면 설정
+		$P.initForm = () => {
+			// 화면 초기화
+			$("#frmEdit--${pageName}")[0].reset();
 
-	/**************************************************************************
-	 * script 진입
-	 **************************************************************************/
-	$(document).ready(function() {
-		// 이벤트 설정
-		setEvent${pageName}();
+			// 달력 초기화
+		    initDatepicker("frmEdit--${pageName}");
+			$("#sndngYmd--${pageName}").datepicker("setDate", new Date());
+			$("#sndngEndYmd--${pageName}").datepicker("setDate", new Date());
+		}
+
+		// 초기 데이터 설정
+		$P.initData = () => {
+	 		$("#tnocs--${pageName}").val($P.control.dataset.getValue("TNOCS"));		// 총건수
+	 		$("#gramt--${pageName}").val($P.control.dataset.getValue("GRAMT"));		// 총금액
+
+			// 발송 종료 일자
+			$("#sndngEndYmd--${pageName}").val("");
+			$("#sndngEndYmd--${pageName}").prop("disabled", true);
+			$("#divSndngEndYmd--${pageName}").hide();
+
+			// 제목
+	 		let ttlNm = $P.control.dataset.getValue("TASK_SE_NM");
+	 		ttlNm = ttlNm + "  " + $P.control.dataset.getValue("VLTN_ARTCL");
+	 		ttlNm = ttlNm + " " + "계고장";
+	 		$("#ttlNm--${pageName}").val(ttlNm);
+
+	 		// URL 설정
+			$P.setURL($P.mainQuery.taskSeCd);
+		}
+
+		// 업무구분에 따른 URL 설정
+		$P.setURL = (taskSeCd) => {
+			$P.control.urls.create = wctx.url("/" + taskSeCd + $P.PrefixUrl + "/020/createList.do");	// 등록
+		}
 
-		// 화면 초기화
-		initForm${pageName}();
+		/**************************************************************************
+		 * 최초 실행 함수
+		 **************************************************************************/
+		// 1. 이벤트 설정
+		$P.setEvent();
 
-		// Dataset 설정
-		${pageName}Control.addData(${wrngTrgt});
+		// 2. 초기 화면 설정
+		$P.initForm();
 
-		// 기본 데이터 설정
-		setFormData${pageName}();
+		// 3. Dataset 설정
+		$P.control.addData(${wrngTrgtList});
 
-		// 보안모드
-		fn_securityModeToggle($("#securityMode--top").is(":checked"));
+		// 4. 초기 데이터 설정
+		$P.initData();
 	});
 
 </script>
diff --git a/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01030-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01030-main.jsp
index fcb33e75..1df26449 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01030-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01030-main.jsp
@@ -125,6 +125,9 @@
 							</div>
 				            <span class="container-window-btn-right">
 								<!-- 업무 버튼 -->
+								<button type="button" class="btn btn-primary w-px-120" id="btnRemove--${pageName}" title="계고장 발송 삭제">
+									삭제
+								</button>
 				            </span>
 						</span>
 					</div>
@@ -138,28 +141,33 @@
 									<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}">
-											<th class="cmn" style="width: 72px;">No.</th>
-											<th class="cmn" style="width: 160px;" onclick="searchFromGridTitle('TASK_SE_CD', this.innerText, 'codeValue', 'FIM054');">업무구분</th>
-											<th class="cmn" style="width: 120px;" onclick="searchFromGridTitle('SNDNG_REG_SE_CD', this.innerText, 'codeValue', 'FIM067');">등록구분</th>
-											<th class="cmn" style="width: 160px;" onclick="searchFromGridTitle('VLTN_ARTCL', this.innerText, 'match', 'part');">위반항목</th>
-											<th class="cmn" style="width: 120px;" onclick="searchFromGridTitle('SNDNG_YMD', this.innerText, 'ymd', '');">발송일자</th>
-											<th class="cmn" style="width: 120px;" onclick="searchFromGridTitle('SNDNG_END_YMD', this.innerText, 'ymd', '');">납기일자</th>
-											<th class="cmn" style="width: 100px;" onclick="searchFromGridTitle('TNOCS', this.innerText, 'match', 'part');">총건수</th>
-											<th class="cmn" style="width: 140px;" onclick="searchFromGridTitle('GRAMT', this.innerText, 'match', 'part');">총금액</th>
-											<th class="cmn" style="width: 200px;" onclick="searchFromGridTitle('DOC_NO', this.innerText, 'match', 'part');">문서번호</th>
-											<th class="cmn" style="width: 320px;" onclick="searchFromGridTitle('TTL_NM', 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>
 										</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" onchange="pageObject['${pageName}'].control.select(this.checked);" /></th>
+										<th class="cmn" style="width: 160px;" onclick="searchFromGridTitle('TASK_SE_CD', this.innerText, 'codeValue', 'FIM054');">업무구분</th>
+										<th class="cmn" style="width: 120px;" onclick="searchFromGridTitle('SNDNG_REG_SE_CD', this.innerText, 'codeValue', 'FIM067');">등록구분</th>
+										<th class="cmn" style="width: 160px;" onclick="searchFromGridTitle('VLTN_ARTCL', this.innerText, 'match', 'part');">위반항목</th>
+										<th class="cmn" style="width: 120px;" onclick="searchFromGridTitle('SNDNG_YMD', this.innerText, 'ymd', '');">발송일자</th>
+										<th class="cmn" style="width: 120px;" onclick="searchFromGridTitle('SNDNG_END_YMD', this.innerText, 'ymd', '');">납기일자</th>
+										<th class="cmn" style="width: 100px;" onclick="searchFromGridTitle('TNOCS', this.innerText, 'match', 'part');">총건수</th>
+										<th class="cmn" style="width: 140px;" onclick="searchFromGridTitle('GRAMT', this.innerText, 'match', 'part');">총금액</th>
+										<th class="cmn" style="width: 200px;" onclick="searchFromGridTitle('DOC_NO', this.innerText, 'match', 'part');">문서번호</th>
+										<th class="cmn" style="width: 320px;" onclick="searchFromGridTitle('TTL_NM', 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>
 									<template id="${infoPrefix}Row--${pageName}">
 										<tr data-key="{SNDNG_ID}">
 											<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{ROW_NUM}</td>
+											<td class="cmn text-center"><input type="checkbox" class="form-check-input" value="{SNDNG_ID}" onchange="pageObject['${pageName}'].control.select('{SNDNG_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}">{SNDNG_REG_SE_NM}</td>
 											<td class="cmn text-start"  onclick="{onclick}" ondblclick="{ondblclick}">{VLTN_ARTCL}</td>
@@ -178,19 +186,19 @@
 									</template>
 									<template id="${infoPrefix}NotFound--${pageName}">
 										<tr class="bpv">
-											<td valign="top" colspan="15" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
+											<td valign="top" colspan="16" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
 										</tr>
 										<tr class="dpv">
-											<td valign="top" colspan="15" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
+											<td valign="top" colspan="16" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
 										</tr>
 										<tr class="eca">
-											<td valign="top" colspan="15" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
+											<td valign="top" colspan="16" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
 										</tr>
 										<tr class="pvs">
-											<td valign="top" colspan="15" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
+											<td valign="top" colspan="16" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
 										</tr>
 										<tr class="tpv">
-											<td valign="top" colspan="15" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
+											<td valign="top" colspan="16" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
 										</tr>
 									</template>
 								</table>
@@ -203,8 +211,6 @@
 		</div> <!-- <div class="card"> -->
 	</div> <!-- <div class="container-xxl flex-grow-1 px-0"> -->
 
-
-
   	<div class="content-backdrop fade"></div>
 </div>
 <!-- / inner page html <div class="content-wrapper"> -->
@@ -213,344 +219,388 @@
 	/**************************************************************************
 	 * Global Variable
 	 **************************************************************************/
-	// URL
-	var ${pageName}PrefixUrl = "/sndb/sndb01";
-	// FormFields
- 	var ${pageName}Fields = new FimsFormFields("#frmSearch--${pageName}");
-
-	/**************************************************************************
-	 * DatasetControl
-	 **************************************************************************/
-	var ${pageName}Control = new DatasetControl({
-		  prefix : "wrngSndng"
-		, prefixName : "계고장 발송 현황"
-		, infoSize : "xxl"
-		, keymapper : info => info ? info.SNDNG_ID : ""
-		, dataGetter : obj => obj.wrngSndngList
-		, appendData : true
-		, untilPageNum : 0								// 현재 페이지 번호
-		, tableRenderComplete : false					// dataTables 에 자료 추가 완료 여부
-		, formats : {
-			  SNDNG_YMD : dateFormat
-			, SNDNG_END_YMD : dateFormat
-			, TNOCS : numberFormat
-			, GRAMT : numberFormat
-	    	, REG_DT : datetimeFormat
-	    	, MDFCN_DT : datetimeFormat
-		}
-	});
+	pageObject["${pageName}"] = {};
 
 	/**************************************************************************
-	 * DatasetControl 이벤트
+	 * script 진입
 	 **************************************************************************/
-	// Dataset 변경 이벤트
-	${pageName}Control.onDatasetChange = obj => {
-		renderList${pageName}(obj.${infoPrefix}Total);
-
-		$("#paging--${pageName}").setPagingInfo({
-			  list : ${pageName}Control.dataset
-			, prefix : "paging--${pageName}"
-			, start : obj.${infoPrefix}Start
-			, totalSize : obj.${infoPrefix}Total
-			, fetchSize : obj.${infoPrefix}Fetch
-			, func : "${pageName}Control.load({index})"
+	$(document).ready(function() {
+		// pageObject
+		var $P = pageObject["${pageName}"];
+
+		// URL
+		$P.PrefixUrl = "/sndb/sndb01";
+		// FormFields
+		$P.formFields = new FimsFormFields("#frmSearch--${pageName}");
+
+		/**************************************************************************
+		 * DatasetControl
+		 **************************************************************************/
+		$P.control = new DatasetControl({
+			  prefix : "wrngSndng"
+			, prefixName : "계고장 발송 현황"
+			, infoSize : "xxl"
+			, keymapper : info => info ? info.SNDNG_ID : ""
+			, dataGetter : obj => obj.${infoPrefix}List
+			, appendData : true
+			, formats : {
+				  SNDNG_YMD : dateFormat
+				, SNDNG_END_YMD : dateFormat
+				, TNOCS : numberFormat
+				, GRAMT : numberFormat
+		    	, REG_DT : datetimeFormat
+		    	, MDFCN_DT : datetimeFormat
+			}
 		});
+		// $P.control 설정
+		$P.control.defaultFetchSize = FETCH_XS;			// 1 페이지당 조회되는 자료 건수 index.jsp에서 확인 FETCH_XS = 30
+		$P.control.untilPageNum = 0;					// 현재 페이지 번호
+		$P.control.tableRenderComplete = false;			// dataTables 에 자료 추가 완료 여부
+		$P.control.beforeCurrent = null;
+
+		/**************************************************************************
+		 * DatasetControl 이벤트
+		 **************************************************************************/
+		// Dataset 변경 이벤트
+		$P.control.onDatasetChange = (obj) => {
+			$P.renderList(obj.${infoPrefix}Total);
+
+			$("#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})"
+			});
 
-		${pageName}Control.tableRenderComplete = true;	// dataTables 에 자료 추가 완료
-	};
+			$P.control.tableRenderComplete = true;		// dataTables 에 자료 추가 완료
+		};
 
-	// 현재 선택 자료 변경 이벤트
-	${pageName}Control.onCurrentChange = item => {
-		if (!item) return;
+		// 현재 선택 자료 변경 이벤트
+		$P.control.onCurrentChange = (item) => {
+			if (!item) return;
 
-		let key = item.data.SNDNG_ID;
+			let key = item.data.SNDNG_ID;
 
-		$("#tbody--${pageName}").setCurrentRow(key);
-	};
+			$("#tbody--${pageName}").setCurrentRow(key);
+		};
 
-	// 발송 상세
-	${pageName}Control.getInfo = (sndngId) => {
-		if (typeof sndngId == "undefined" || sndngId == null || sndngId == "") return;
+		// 선택(체크) 변경 이벤트
+		$P.control.onSelectionChange = (selected) => {
+			let ${infoPrefix}List = $P.control.dataset;
+			let keys = selected.map(e => ${infoPrefix}List.getKey(e));
 
-		let params = ${pageName}Control.query;
-		params.callPurpose = "view";			// 호출 용도
-		params.pageNum = 1;						// 페이지 번호
-		params.sndngId = sndngId;				// 발송 ID
+			$("#tbody--${pageName} input[type='checkbox']").each(function() {
+				let checkbox = $(this);
 
-		ajax.get({
-			  url : ${pageName}Control.urls.getInfo
-			, data : params
-			, success : resp => {
-				dialog.open({
-					  id : ${pageName}Control.prefixed("DtlDialog")
-					, title : "계고장 발송 상세 정보"
-					, content : resp
-					, size : ${pageName}Control.infoSize
-				});
-			}
-		});
-	}
+				checkbox.prop("checked", keys.includes(checkbox.val()));
+			});
 
-	/**************************************************************************
-	 * DataTables 이벤트
-	 **************************************************************************/
-	// DataTables에 click, dbclick 이벤트
-	renderList${pageName} = (totalSize) => {
-		let ${infoPrefix}List = ${pageName}Control.dataset;
-		let empty = ${infoPrefix}List.empty;
-		let clsForTask = $("#frmSearch--${pageName} input[name='taskSeCd']:checked").val();
-
-		if (typeof clsForTask == "undefined" || clsForTask == null || clsForTask == "") {
-			clsForTask = $("#layout-navbar input[name='taskSeCd']:checked").val().toLowerCase();
-		} else {
-			clsForTask = clsForTask.toLowerCase();
+			// 삭제 버튼
+			$("#btnRemove--${pageName}").prop("disabled", keys.length < 1);
+			// DataTables(그리드) 전체 선택(checkbox)
+			if (keys.length < 1) {
+				$("th input[type='checkbox']").prop("checked", false);	// 체크 해제
+			} else if (keys.length == ${infoPrefix}List.length) {
+				$("th input[type='checkbox']").prop("checked", true);	// 체크 설정
+			} else {
+				$("th input[type='checkbox']").prop("checked", false);	// 체크 해제
+			}
+		};
+
+		// 발송 상세
+		$P.control.getInfo = (sndngId) => {
+			if (typeof sndngId == "undefined" || sndngId == null || sndngId == "") return;
+
+			let params = $P.control.query;
+			params.callPurpose = "view";			// 호출 용도
+			params.sndngId = sndngId;				// 발송 ID
+
+			ajax.get({
+				  url : $P.control.urls.getInfo
+				, data : params || {}
+				, success : resp => {
+					dialog.open({
+						  id : $P.control.prefixed("DtlDialog")
+						, title : "계고장 발송 상세 정보"
+						, content : resp
+						, size : $P.control.infoSize
+					});
+				}
+			});
 		}
 
-		// 업무별 그리드 td
-		let foundContent = document.getElementById("${infoPrefix}Row--${pageName}").content;
-		let foundTr = $(foundContent).find("tr")[0].cloneNode(false);
-		let foundTds = $(foundContent).find("." + clsForTask + ",.cmn");
+		/**************************************************************************
+		 * DataTables 이벤트
+		 **************************************************************************/
+		// DataTables에 click, dbclick 이벤트
+		$P.renderList = (totalSize) => {
+			let ${infoPrefix}List = $P.control.dataset;
+			let empty = ${infoPrefix}List.empty;
+			let clsForTask = $("#frmSearch--${pageName} input[name='taskSeCd']:checked").val().toLowerCase();	// 소문자
+
+			// 업무별 그리드 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));
+			});
 
-		foundTds.each(function() {
-			foundTr.appendChild(this.cloneNode(true));
-		});
+			//
+			let replacer = (str, dataItem) => str
+				.replace(/{onclick}/gi, "pageObject['${pageName}'].control.setCurrent('" + dataItem.getValue("SNDNG_ID") + "');")
+				.replace(/{ondblclick}/gi, "pageObject['${pageName}'].control.getInfo('" + dataItem.getValue("SNDNG_ID") + "');");
 
- 		let trs = empty ?
- 	 			[document.getElementById("${infoPrefix}NotFound--${pageName}").content.querySelector("." + clsForTask + ",.cmn").outerHTML] :
- 	 			${infoPrefix}List.inStrings(
- 	 				foundTr.outerHTML,
- 	 				(str, dataItem) => str
- 	 					.replace(/{onclick}/gi, "${pageName}Control.setCurrent('" + dataItem.getValue("SNDNG_ID") + "');")
-						.replace(/{ondblclick}/gi, "${pageName}Control.getInfo('" + dataItem.getValue("SNDNG_ID") + "');")
-			);
+			let trs = empty ? [document.getElementById("${infoPrefix}NotFound--${pageName}").content.querySelector("." + clsForTask + ",.cmn").outerHTML]
+							: ${infoPrefix}List.inStrings(foundTr.outerHTML, replacer);
 
-		let noMore = (totalSize == ${infoPrefix}List.length);
-		let initScroll = (${pageName}Control.query.pageNum < 2) && (${pageName}Control.untilPageNum == 0);
+			let noMore = (totalSize == ${infoPrefix}List.length);
+			let initScroll = ($P.control.query.pageNum < 2) && ($P.control.untilPageNum == 0);
 
-		$("#table-responsive--${pageName}")[0].changeContent(trs.join(), initScroll, noMore);
+			$("#table-responsive--${pageName}")[0].changeContent(trs.join(), initScroll, noMore);
 
-	    if (${pageName}Control.untilPageNum != 0) {
-	    	${pageName}Control.query.fetchSize = ${pageName}Control.defaultFetchSize;
-	    	${pageName}Control.query.pageNum = ${pageName}Control.untilPageNum;
-	    	${pageName}Control.untilPageNum = 0;
-		}
+		    if ($P.control.untilPageNum != 0) {
+		    	$P.control.query.fetchSize = $P.control.defaultFetchSize;
+		    	$P.control.query.pageNum = $P.control.untilPageNum;
+		    	$P.control.untilPageNum = 0;
+			}
 
-		// checkbox 체크 해제
-		$("th input[type='checkbox']").prop("checked", false);
+		    // checkbox 체크 해제
+			$("th input[type='checkbox']").prop("checked", false);
 
-		//보안모드
-		fn_securityModeToggle($("#securityMode--top").is(":checked"));
-	}
+			//보안모드
+		    fn_securityModeToggle($("#securityMode--top").is(":checked"));
+		}
 
-	// DataTables에 스크롤이 맨 밑으로 이동했을 때 이벤트
-	scrollDataList${pageName} = () => {
-		${pageName}Control.tableRenderComplete = false;			// dataTables 에 자료 추가 false
+		// DataTables에 스크롤이 맨 밑으로 이동했을 때 이벤트
+		$P.scrollDataList = () => {
+			$P.control.tableRenderComplete = false;		// dataTables 에 자료 추가 false
 
-		${pageName}Control.load(${pageName}Control.query.pageNum + 1);
-	}
+			$P.control.load($P.control.query.pageNum + 1);
+		}
 
-	/**************************************************************************
-	 * 사용자 함수(function)
-	 **************************************************************************/
-	// callback 사용자 검색
-	callbackFindUser${pageName} = (userId, userNm) => {
-		$("#schRgtrCd--${pageName}").val(userId);		// 사용자 ID
-		$("#schRgtrNm--${pageName}").val(userNm);		// 사용자 명
-	}
-
-	// 사용자 검색
-	getFindUser${pageName} = () => {
-		let params = {
-			callbackFuncName : "callbackFindUser${pageName}"
+		/**************************************************************************
+		 * 사용자 함수(function)
+		 **************************************************************************/
+		// callback 사용자 검색
+		$P.callbackFindUser = (userId, userNm) => {
+			$("#schRgtrCd--${pageName}").val(userId);	// 사용자 ID
+			$("#schRgtrNm--${pageName}").val(userNm);	// 사용자 명
 		}
 
-		ajax.get({
-			  url : wctx.url("/user/user02/010/main.do")
-			, data : params || {}
-			, success : resp => {
-				dialog.open({
-					  id : "userDialog"
-					, title : "사용자 검색"
-					, content : resp
-					, size : "lg"
-				});
+		// 사용자 검색
+		$P.getFindUser = () => {
+			let params = {
+				  openerPageName : "${pageName}"
+				, callbackFuncName : "pageObject['${pageName}']['callbackFindUser']"
 			}
-		});
-	}
 
-	// 개별총정보 dialog
-	getTotalInfo${pageName} = (crdnId) => {
-		if (typeof crdnId == "undefined" || crdnId == null || crdnId == "") return;
+			ajax.get({
+				  url : wctx.url("/user/user02/010/main.do")
+				, data : params || {}
+				, success : resp => {
+					dialog.open({
+						  id : "userDialog"
+						, title : "사용자 검색"
+						, content : resp
+						, size : "lg"
+					});
+				}
+			});
+		}
 
-		let params = {
-			  callControlName : "${pageName}Control"
-			, sggCd : $("#sggCd--${pageName}").val()
-			, taskSeCd : $("input[name=taskSeCd]:checked").val()
-			, crdnId : crdnId
+		// 검색 자료 재조회
+		$P.refreshList = () => {
+			$P.control.untilPageNum = $P.control.query.pageNum;
+			$P.control.query.fetchSize = $P.control.defaultFetchSize * $P.control.query.pageNum;
+
+			$P.control.load(1);
 		}
 
-		ajax.get({
-			  url : wctx.url("/" + params.taskSeCd + "/sprt/sprt02/010/main.do")
-			, data : params
-			, success : resp => {
-				dialog.open({
-					  id : "totalInfoMainDialog"
-					, title : "개별총정보"
-					, content : resp
-					, size : "xxl"
-				});
+		/**************************************************************************
+		 * 버튼 clickEvent
+		 **************************************************************************/
+		// 업무 구분 변경
+		$P.fnResetAndChangeBiz = (taskSeCd) => {
+			// 업무 구분 코드
+			if (typeof taskSeCd == "undefined" || taskSeCd == null || taskSeCd == "") {
+				taskSeCd = $("#layout-navbar input[name='taskSeCd']:checked").val();
 			}
-		});
-	}
 
-	// 검색 자료 재조회
-	refreshList${pageName} = () => {
-		${pageName}Control.untilPageNum = ${pageName}Control.query.pageNum;
-		${pageName}Control.query.fetchSize = ${pageName}Control.defaultFetchSize * ${pageName}Control.query.pageNum;
+			// 초기 기본 설정
+			$P.initForm();
+			// 기본 데이터 설정
+			$P.initData(taskSeCd);
+			// 업무 구분별 설정
+			$P.setTask(taskSeCd);
 
-		${pageName}Control.load(1);
-	}
+			// dataset 초기화
+	 		$P.control.dataset.clear();
+		}
 
-	/**************************************************************************
-	 * 버튼 clickEvent
-	 **************************************************************************/
-	// 업무 구분 변경
-	fnResetAndChangeBiz${pageName} = (taskSeCd) => {
-		// 업무 구분 코드
-		if (typeof taskSeCd == "undefined" || taskSeCd == null || taskSeCd == "") {
-			taskSeCd = $("#layout-navbar input[name='taskSeCd']:checked").val();
+		// 검색 버튼 이벤트
+		$P.fnSearchList = () => {
+			// 검색조건
+			$P.control.query = $P.formFields.get();
+			$P.control.query.fetchSize = $P.control.defaultFetchSize;	// 한번에 조회되는 자료 건수
+	 		$P.control.query.sndngSeCdFrom = "11";						// 발송 구분 코드 - 11 계고장
+	 		$P.control.query.sndngSeCdTo = "12";						// 발송 구분 코드 - 12 계고장 구형표지
+	 		$P.control.query.delYN = "N";								// 삭제 여부
+
+	 		$P.control.load(1);
 		}
 
-		// 초기 기본 설정
-		initForm${pageName}();
+		// 엑셀 버튼 이벤트
+		$P.fnExcel = () => {
+			if ($P.control.dataset.empty) {
+				dialog.alert({
+					  content : "검색된 자료가 없습니다."
+					, onOK : () => { }
+				});
 
-		// 기본 데이터 설정
-		setFormData${pageName}(taskSeCd);
-	}
-
-	// 검색 버튼 이벤트
-	fnSearchList${pageName} = () => {
-		// 검색조건
-		${pageName}Control.query = ${pageName}Fields.get();
-
-		${pageName}Control.query.fetchSize = ${pageName}Control.defaultFetchSize;		// 한번에 조회되는 자료 건수
- 		${pageName}Control.query.sndngSeCdFrom = "11";									// 발송 구분 코드 - 11 계고장
- 		${pageName}Control.query.sndngSeCdTo = "12";									// 발송 구분 코드 - 12 계고장 구형표지
- 		${pageName}Control.query.delYN = "N";											// 삭제 여부
-
- 		${pageName}Control.load(1);
-	}
-
-	// 엑셀 버튼 이벤트
-	fnExcel${pageName} = () => {
-		if (${pageName}Control.dataset.empty) {
-			dialog.alert({
-				  content : "검색된 자료가 없습니다."
-				, onOK : () => { }
-			});
+				return;
+			}
+
+			// DataTables(그리드)
+			let cellDefs = getCellDefs($("#theadTr--${pageName} th").not(".dummy-th").not(":eq(0)")
+					, $($("#${infoPrefix}Row--${pageName}")[0].content).find("td").not(".dummy-td").not(":eq(0)"));
+			$P.control.query.cellDefs = cellDefs;
 
-			return;
+			$P.control.download();
 		}
 
-		// DataTables(그리드)
-		let cellDefs = getCellDefs($("#theadTr--${pageName} th").not(".dummy-th").not(":eq(0)")
-				, $($("#${infoPrefix}Row--${pageName}")[0].content).find("td").not(".dummy-td").not(":eq(0)"));
-		${pageName}Control.query.cellDefs = cellDefs;
+		// 사용자 조회 버튼 이벤트
+		$P.fnFindUser = () => {
+			$P.getFindUser();
+		}
 
-		${pageName}Control.download();
-	}
+		/**************************************************************************
+		 * 초기 셋팅
+		 **************************************************************************/
+		// 이벤트 설정
+		$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.fnFindUser());			// 사용자 검색
+
+			// 동적검색에서 엔터(Enter) 키를 누르면 검색한다.
+			$("#term--${pageName}").keypress(function(e) {
+				if (e.keyCode == 13) {
+					fnSearchList${pageName}();   
+				}    
+			});
 
-	// 사용자 조회 버튼 이벤트
-	fnFindUser${pageName} = () => {
-		getFindUser${pageName}();
-	}
+			// form-date 항목에서 키보드로 입력시 날짜 포맷팅 적용
+			$("#frmSearch--${pageName}").find(".form-date").each(function() {
+				$(this).on("input", function() {
+					let value = this.value.replaceAll("-", "");
 
-	/**************************************************************************
-	 * 초기 셋팅
-	 **************************************************************************/
-	// 이벤트
-	setEvent${pageName} = () => {
-		// 동적검색에서 엔터(Enter) 키를 누르면 검색한다.
-		$("#term--${pageName}").keypress(function(e) {
-			if (e.keyCode == 13) {
-				fnSearchList${pageName}();   
-			}    
-		});
+					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);
+					}
+				});
+			});
 
-		// 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);
-				}
+			// DataTables width 변경 조정
+			$("#DataTables_Table_0--${pageName}").find("th").resizable( {handles : "e"} );
+
+			// DataTables 스크롤 이벤트 생성
+			fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollDataList);
+		}
+
+		// 초기 화면 설정
+		$P.initForm = () => {
+			// 화면 초기화
+			$("#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");
 			});
-		});
 
-		// DataTables width 변경 조정
-		$("#DataTables_Table_0--${pageName}").find("th").resizable( {handles : "e"} );
+			// 달력 초기화
+			initDatepicker("frmSearch--${pageName}");
+			$("#schSndngYmdFrom--${pageName}").datepicker("setDate", new Date());
+			$("#schSndngYmdTo--${pageName}").datepicker("setDate", new Date());
 
-		// DataTables 스크롤 이벤트 생성
-		fnMakeScrollableTable($("#table-responsive--${pageName}")[0], scrollDataList${pageName});
-	}
+			// 동적 검색
+			$("#byOutput--${pageName}").val("동적 검색");
 
-	// 화면 초기 설정
-	initForm${pageName} = () => {
-		// 화면 초기화
-		$("#frmSearch--${pageName}")[0].reset();
+			// 사용자 이름
+			$("#schRgtrNm--${pageName}").prop("readonly", true);
+		}
 
-		// 최고 관리자 경우 업무구분을 선택할 수 있도록 하자.
-		$("#frmSearch--${pageName} input[name='taskSeCd']").each(function(i) {
-			$(this).prop("disabled", "true");
-		});
+		// 기본 데이터 설정
+		$P.initData = (taskSeCd) => {
+			// 시군구 코드
+			$("#sggCd--${pageName}").val("${sggCd}");
+			// 업무 구분 코드
+			$("#frmSearch--${pageName} input[name='taskSeCd'][value='" + taskSeCd + "']").prop("checked", true);
+
+			// 일자
+			$("#schSndngYmdFrom--${pageName}").datepicker("setDate", DateUtil.getDateDay(-7).date);
+			$("#schSndngYmdTo--${pageName}").datepicker("setDate", new Date());
+		}
+
+		// 업무 구분별 설정
+		$P.setTask = (taskSeCd) => {
+			let clsForTask = taskSeCd.toLowerCase();
 
-		// 달력 초기화
-		initDatepicker("frmSearch--${pageName}");
+			// 업무별 조회조건
+			renderForTask("frmSearch--${pageName}", clsForTask);
 
-		$("#schSndngYmdFrom--${pageName}").datepicker("setDate", DateUtil.getDateDay(-7).date);
-		$("#schSndngYmdTo--${pageName}").datepicker("setDate", new Date());
+			// 업무별 그리드 th
+			$("#DataTables_Table_0--${pageName}").find("th").resizable( "destroy" );
 
-		// 사용자 이름
-		$("#schRgtrNm--${pageName}").prop("readonly", true);
+			let colContent = document.getElementById("${infoPrefix}Col--${pageName}").content;
+			let cols = $(colContent).find("." + clsForTask + ",.cmn");
+			let colsOuterHTML = "";
 
-		// dataset 초기화
-		${pageName}Control.dataset.clear();
-	}
+			cols.each(function() {
+				colsOuterHTML += this.outerHTML;
+			});
 
-	// 기본 데이터 설정
-	setFormData${pageName} = (taskSeCd) => {
-		// ${pageName}Control 설정
-		${pageName}Control.defaultFetchSize = FETCH_XS;			// 1 페이지당 조회되는 자료 건수 index.jsp에서 확인 FETCH_XS = 30
+			$("#theadTr--${pageName}").html(colsOuterHTML);
+			$("#DataTables_Table_0--${pageName}").find("th").resizable( {handles : "e"} );
 
-		// 화면 데이터 설정
-		$("#sggCd--${pageName}").val("${sggCd}");				// 시군구 코드
-		$("#frmSearch--${pageName} input[name='taskSeCd'][value='" + taskSeCd + "']").prop("checked", true);	// 업무 구분
+			// URL 설정
+			$P.setURL(taskSeCd);
+		}
 
-		// URL 설정
-		setURL${pageName}(taskSeCd);
-	}
+		// 업무구분에 따른 URL 설정
+		$P.setURL = (taskSeCd) => {
+			$P.control.urls.load = wctx.url("/" + taskSeCd + $P.PrefixUrl + "/030/list.do");	// 조회
+			$P.control.urls.getInfo = wctx.url("/" + taskSeCd + $P.PrefixUrl + "/040/info.do");	// 계고장 발송 정보
+		}
 
-	// URL 설정
-	setURL${pageName} = (taskSeCd) => {
-		${pageName}Control.urls.load = wctx.url("/" + taskSeCd + ${pageName}PrefixUrl + "/030/list.do");	// 조회
-		${pageName}Control.urls.getInfo = wctx.url("/" + taskSeCd + ${pageName}PrefixUrl + "/040/info.do");	// 계고장 발송 정보
-	}
+		/**************************************************************************
+		 * 최초 실행 함수
+		 **************************************************************************/
+		// 1. 이벤트 설정
+		$P.setEvent();
 
-	/**************************************************************************
-	 * script 진입
-	 **************************************************************************/
-	$(document).ready(function() {
-		// 이벤트 설정
-		setEvent${pageName}();
+		// 2. 화면 초기 설정 및 업무 구분 변경
+		$P.fnResetAndChangeBiz($("#layout-navbar input[name='taskSeCd']:checked").val());
 
-		// 보안모드
+		// 3. 보안모드
 	    fn_securityModeToggle($("#securityMode--top").is(":checked"));
-
-		// 화면 초기 설정 및 업무 구분 변경
-		fnResetAndChangeBiz${pageName}($("#layout-navbar input[name='taskSeCd']:checked").val());
 	});
 
 </script>
diff --git a/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01040-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01040-info.jsp
index 901af511..8bfded02 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01040-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01040-info.jsp
@@ -117,255 +117,263 @@
 	/**************************************************************************
 	 * Global Variable
 	 **************************************************************************/
-	// URL
-	var ${pageName}PrefixUrl = "/sndb/sndb01";
-	// infoDialog 호출 용도(view 조회(편집불가), create 등록, update 수정)
-	var ${pageName}CallPurpose = "${callPurpose}";
-	// FormFields
-	var ${pageName}Fields = new FimsFormFields("#frmEdit--${pageName}");
-	// main 의 검색 조건을 그대로 유지
-	var ${pageName}Query = ${query};
+	pageObject["${pageName}"] = {};
 
 	/**************************************************************************
-	 * DatasetControl
-	 **************************************************************************/
-	var ${pageName}Control = new DatasetControl({
-		  prefix : "wrngSndngDtl"
-		, prefixName : "계고장 발송 상세 정보"
-		, keymapper : info => info ? info.SNDNG_DTL_ID : ""
-		, dataGetter : obj => obj.wrngSndngDtlList
-		, appendData : true
-		, untilPageNum : 0								// 현재 페이지 번호
-		, tableRenderComplete : false					// dataTables 에 자료 추가 완료 여부
-		, formats : {
-			  SNDNG_YMD : dateFormat
-	    	, DUDT_YMD : dateFormat
-	    	, FFNLG_AMT : numberFormat
-	    	, REG_DT : datetimeFormat
-	    	, MDFCN_DT : datetimeFormat
-		}
-	});
-
-	/**************************************************************************
-	 * DatasetControl 이벤트
+	 * script 진입
 	 **************************************************************************/
-	// Dataset 변경 이벤트
-	${pageName}Control.onDatasetChange = obj => {
-		renderList${pageName}(obj.${infoPrefix}Total);
-
-		$("#paging--${pageName}").setPagingInfo({
-			  list : ${pageName}Control.dataset
-			, prefix : "paging--${pageName}"
-			, start : obj.${infoPrefix}Start
-			, totalSize : obj.${infoPrefix}Total
-			, fetchSize : obj.${infoPrefix}Fetch
-			, func : "${pageName}Control.load({index})"
+	$(document).ready(function() {
+		// pageObject
+		var $P = pageObject["${pageName}"];
+
+		// URL
+		$P.PrefixUrl = "/sndb/sndb01";
+	 	// infoDialog 호출 용도(view 조회(편집불가), create 등록, update 수정)
+		$P.callPurpose = "${callPurpose}";
+		// FormFields
+	 	$P.formFields = new FimsFormFields("#frmEdit--${pageName}");
+	 	// main 의 검색 조건을 그대로 유지
+	 	$P.mainQuery = ${mainQuery};
+
+		/**************************************************************************
+		 * DatasetControl
+		 **************************************************************************/
+		$P.control = new DatasetControl({
+			  prefix : "wrngSndngDtl"
+			, prefixName : "계고장 발송 상세 정보"
+			, keymapper : info => info ? info.SNDNG_DTL_ID : ""
+			, dataGetter : obj => obj.wrngSndngDtlList
+			, appendData : true
+			, formats : {
+				  SNDNG_YMD : dateFormat
+		    	, DUDT_YMD : dateFormat
+		    	, FFNLG_AMT : numberFormat
+		    	, REG_DT : datetimeFormat
+		    	, MDFCN_DT : datetimeFormat
+			}
 		});
+		// $P.control 설정
+		$P.control.defaultFetchSize = FETCH_XS;			// 1 페이지당 조회되는 자료 건수 index.jsp에서 확인 FETCH_XS = 30
+		$P.control.untilPageNum = 0;					// 현재 페이지 번호
+		$P.control.tableRenderComplete = false;			// dataTables 에 자료 추가 완료 여부
+		$P.control.beforeCurrent = null;
+
+		/**************************************************************************
+		 * DatasetControl 이벤트
+		 **************************************************************************/
+		// Dataset 변경 이벤트
+		$P.control.onDatasetChange = (obj) => {
+			$P.renderList(obj.${infoPrefix}Total);
+
+			$("#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})"
+			});
 
-		${pageName}Control.tableRenderComplete = true;	// dataTables 에 자료 추가 완료
-	};
+			$P.control.tableRenderComplete = true;		// dataTables 에 자료 추가 완료
+		};
 
-	// 현재 선택 자료 변경 이벤트
-	${pageName}Control.onCurrentChange = item => {
-		if (!item) return;
+		// 현재 선택 자료 변경 이벤트
+		$P.control.onCurrentChange = (item) => {
+			if (!item) return;
 
-		let key = item.data.SNDNG_DTL_ID;
+			let key = item.data.SNDNG_DTL_ID;
 
-		$("#tbody--${pageName}").setCurrentRow(key);
-	};
+			$("#tbody--${pageName}").setCurrentRow(key);
+		};
 
-	/**************************************************************************
-	 * DataTables 이벤트
-	 **************************************************************************/
-	// DataTables에 click, dbclick 이벤트
-	renderList${pageName} = (totalSize) => {
-		let ${infoPrefix}List = ${pageName}Control.dataset;
-		let empty = ${infoPrefix}List.empty;
-
-		let trs = empty ?
-			[document.getElementById("${infoPrefix}NotFound--${pageName}").innerHTML] : <%-- from template#${infoPrefix}NotFound --%>
-			${infoPrefix}List.inStrings(
-				document.getElementById("${infoPrefix}Row--${pageName}").innerHTML, <%-- from template#${infoPrefix}Row --%>
-				(str, dataItem) => str
-					.replace(/{onclick}/gi, "${pageName}Control.setCurrent('" + dataItem.getValue("SNDNG_DTL_ID") + "');")
-					.replace(/{ondblclick}/gi, "getTotalInfo${pageName}('" + dataItem.getValue("CRDN_ID") + "');")
-			);
-
-
-		let noMore = (totalSize == ${infoPrefix}List.length);
-		let initScroll = (${pageName}Control.query.pageNum < 2) && (${pageName}Control.untilPageNum == 0);
-
-		$("#table-responsive--${pageName}")[0].changeContent(trs.join(), initScroll, noMore);
-
-	    if (${pageName}Control.untilPageNum != 0) {
-	    	${pageName}Control.query.fetchSize = ${pageName}Control.defaultFetchSize;
-	    	${pageName}Control.query.pageNum = ${pageName}Control.untilPageNum;
-	    	${pageName}Control.untilPageNum = 0;
-		}
+		/**************************************************************************
+		 * DataTables 이벤트
+		 **************************************************************************/
+		// DataTables에 click, dbclick 이벤트
+		$P.renderList = (totalSize) => {
+			let ${infoPrefix}List = $P.control.dataset;
+			let empty = ${infoPrefix}List.empty;
 
-		//보안모드
-	    fn_securityModeToggle($("#securityMode--top").is(":checked"));
-	}
+			let trs = empty ?
+				[document.getElementById("${infoPrefix}NotFound--${pageName}").innerHTML] : <%-- from template#${infoPrefix}NotFound --%>
+				${infoPrefix}List.inStrings(
+					document.getElementById("${infoPrefix}Row--${pageName}").innerHTML, <%-- from template#${infoPrefix}Row --%>
+					(str, dataItem) => str
+						.replace(/{onclick}/gi, "$P.control.setCurrent('" + dataItem.getValue("SNDNG_DTL_ID") + "');")
+						.replace(/{ondblclick}/gi, "getTotalInfo${pageName}('" + dataItem.getValue("CRDN_ID") + "');")
+				);
 
-	// DataTables에 스크롤이 맨 밑으로 이동했을 때 이벤트
-	scrollDataList${pageName} = () => {
-		${pageName}Control.tableRenderComplete = false;			// dataTables 에 자료 추가 false
 
-		${pageName}Control.load(${pageName}Control.query.pageNum + 1);
-	}
+			let noMore = (totalSize == ${infoPrefix}List.length);
+			let initScroll = ($P.control.query.pageNum < 2) && ($P.control.untilPageNum == 0);
 
-	/**************************************************************************
-	 * 사용자 함수(function)
-	 **************************************************************************/
-	// 개별총정보 dialog
-	getTotalInfo${pageName} = (crdnId) => {
-		if (typeof crdnId == "undefined" || crdnId == null || crdnId == "") return;
-
-		let params = {
-			  callControlName : "${pageName}Control"
-			, callPurpose : "view"
-			, sggCd : $("#sggCd--${pageName}").val()
-			, taskSeCd : $("#taskSeCd--${pageName}").val()
-			, crdnId : crdnId
-		}
+			$("#table-responsive--${pageName}")[0].changeContent(trs.join(), initScroll, noMore);
 
-		ajax.get({
-			  url : wctx.url("/" + params.taskSeCd + "/sprt/sprt02/010/main.do")
-			, data : params
-			, success : resp => {
-				dialog.open({
-					  id : "totalInfoMainDialog"
-					, title : "개별총정보"
-					, content : resp
-					, size : "xxl"
-				});
+		    if ($P.control.untilPageNum != 0) {
+		    	$P.control.query.fetchSize = $P.control.defaultFetchSize;
+		    	$P.control.query.pageNum = $P.control.untilPageNum;
+		    	$P.control.untilPageNum = 0;
 			}
-		});
-	}
 
-	// 출력
-	printWrng${pageName} = (params) => {
-		if (!params) return;
-	}
+			//보안모드
+		    fn_securityModeToggle($("#securityMode--top").is(":checked"));
+		}
 
-	// 검색 자료 재조회
-	refreshList${pageName} = () => {
-		${pageName}Control.untilPageNum = ${pageName}Control.query.pageNum;
-		${pageName}Control.query.fetchSize = ${pageName}Control.defaultFetchSize * ${pageName}Control.query.pageNum;
+		// DataTables에 스크롤이 맨 밑으로 이동했을 때 이벤트
+		scrollDataList${pageName} = () => {
+			$P.control.tableRenderComplete = false;			// dataTables 에 자료 추가 false
 
-		${pageName}Control.load(1);
-	}
+			$P.control.load($P.control.query.pageNum + 1);
+		}
 
-	/**************************************************************************
-	 * 버튼 clickEvent
-	 **************************************************************************/
-	// 엑셀 버튼 이벤트
-	fnExcel${pageName} = () => {
-		if (${pageName}Control.dataset.empty) {
-			dialog.alert({
-				  content : "검색된 자료가 없습니다."
-				, onOK : () => { }
+		/**************************************************************************
+		 * 사용자 함수(function)
+		 **************************************************************************/
+		// 개별총정보 dialog
+		getTotalInfo${pageName} = (crdnId) => {
+			if (typeof crdnId == "undefined" || crdnId == null || crdnId == "") return;
+
+			let params = {
+				  callControlName : "$P.control"
+				, callPurpose : "view"
+				, sggCd : $("#sggCd--${pageName}").val()
+				, taskSeCd : $("#taskSeCd--${pageName}").val()
+				, crdnId : crdnId
+			}
+
+			ajax.get({
+				  url : wctx.url("/" + params.taskSeCd + "/sprt/sprt02/010/main.do")
+				, data : params
+				, success : resp => {
+					dialog.open({
+						  id : "totalInfoMainDialog"
+						, title : "개별총정보"
+						, content : resp
+						, size : "xxl"
+					});
+				}
 			});
+		}
 
-			return;
+		// 출력
+		printWrng${pageName} = (params) => {
+			if (!params) return;
 		}
 
-		// DataTables(그리드)
-		let cellDefs = getCellDefs($("#theadTr--${pageName} th").not(".dummy-th")
-				, $($("#${infoPrefix}Row--${pageName}")[0].content).find("td").not(".dummy-td"));
-		${pageName}Control.query.cellDefs = cellDefs;
+		// 검색 자료 재조회
+		refreshList${pageName} = () => {
+			$P.control.untilPageNum = $P.control.query.pageNum;
+			$P.control.query.fetchSize = $P.control.defaultFetchSize * $P.control.query.pageNum;
 
-		${pageName}Control.download();
-	}
+			$P.control.load(1);
+		}
 
-	// 계고장출력 버튼 이벤트
-	fnPrint${pageName} = () => {
-		// validate 확인
-		if (!customValidate($("#frmEdit--${pageName}").find("input, select, textarea"))) return;
+		/**************************************************************************
+		 * 버튼 clickEvent
+		 **************************************************************************/
+		// 엑셀 버튼 이벤트
+		fnExcel${pageName} = () => {
+			if ($P.control.dataset.empty) {
+				dialog.alert({
+					  content : "검색된 자료가 없습니다."
+					, onOK : () => { }
+				});
 
-		dialog.alert({
-			  content : ${pageName}Control.prefixName + " 정보를 출력하시겠습니까?"
-			, onOK : () => {
-				printWrng${pageName}(${pageName}Fields.get());
+				return;
 			}
-		});
-	}
 
-	/**************************************************************************
-	 * 초기 셋팅
-	 **************************************************************************/
-	// 이벤트
-	setEvent${pageName} = () => {
-		// 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);
+			// DataTables(그리드)
+			let cellDefs = getCellDefs($("#theadTr--${pageName} th").not(".dummy-th")
+					, $($("#${infoPrefix}Row--${pageName}")[0].content).find("td").not(".dummy-td"));
+			$P.control.query.cellDefs = cellDefs;
+
+			$P.control.download();
+		}
+
+		// 계고장출력 버튼 이벤트
+		fnPrint${pageName} = () => {
+			// validate 확인
+			if (!customValidate($("#frmEdit--${pageName}").find("input, select, textarea"))) return;
+
+			dialog.alert({
+				  content : $P.control.prefixName + " 정보를 출력하시겠습니까?"
+				, onOK : () => {
+					printWrng${pageName}(${pageName}Fields.get());
 				}
 			});
-		});
+		}
 
-		// DataTables width 변경 조정
-		$("#DataTables_Table_0--${pageName}").find("th").resizable( {handles : "e"} );
-
-		// DataTables 스크롤 이벤트 생성
-		fnMakeScrollableTable($("#table-responsive--${pageName}")[0], scrollDataList${pageName});
-
-/* 출처: https://nowonbun.tistory.com/538 [명월 일지:티스토리]
-	show.bs.modal   : 모달이 열릴 때 바로 실행되는 이벤트입니다.
-	shown.bs.modal  : 모달의 열림이 끝나고 실행되는 이벤트입니다.
-	hide.bs.modal   : 모달이 닫힐 때 바로 실행되는 이벤트입니다.
-	hidden.bs.modal : 모달의 닫힘이 끝나고 실행되는 이벤트입니다.
-*/
-		// DataTables 스크롤을 위해서 다이얼로그 화면이 생성된 후 Dataset을 설정한다.
-		$("#${infoPrefix}Dialog").on("shown.bs.modal", function (e) {
-			${pageName}Control.setData({
-				  ${infoPrefix}List : ${wrngSndngDtlList}
-				, ${infoPrefix}Start : ${wrngSndngDtlStart}
-				, ${infoPrefix}Fetch : ${wrngSndngDtlFetch}
-				, ${infoPrefix}Total : ${wrngSndngDtlTotal}
+		/**************************************************************************
+		 * 초기 셋팅
+		 **************************************************************************/
+		// 이벤트
+		setEvent${pageName} = () => {
+			// 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);
+					}
+				});
 			});
-		});
-	}
 
-	// 화면 초기 설정
-	initForm${pageName} = () => {
-		// 화면 초기화
-		$("#frmEdit--${pageName}")[0].reset();
+			// DataTables width 변경 조정
+			$("#DataTables_Table_0--${pageName}").find("th").resizable( {handles : "e"} );
+
+			// DataTables 스크롤 이벤트 생성
+			fnMakeScrollableTable($("#table-responsive--${pageName}")[0], scrollDataList${pageName});
+
+	/* 출처: https://nowonbun.tistory.com/538 [명월 일지:티스토리]
+		show.bs.modal   : 모달이 열릴 때 바로 실행되는 이벤트입니다.
+		shown.bs.modal  : 모달의 열림이 끝나고 실행되는 이벤트입니다.
+		hide.bs.modal   : 모달이 닫힐 때 바로 실행되는 이벤트입니다.
+		hidden.bs.modal : 모달의 닫힘이 끝나고 실행되는 이벤트입니다.
+	*/
+			// DataTables 스크롤을 위해서 다이얼로그 화면이 생성된 후 Dataset을 설정한다.
+			$("#${infoPrefix}Dialog").on("shown.bs.modal", function (e) {
+				$P.control.setData({
+					  ${infoPrefix}List : ${wrngSndngDtlList}
+					, ${infoPrefix}Start : ${wrngSndngDtlStart}
+					, ${infoPrefix}Fetch : ${wrngSndngDtlFetch}
+					, ${infoPrefix}Total : ${wrngSndngDtlTotal}
+				});
+			});
+		}
 
-		// dataset 초기화
- 		${pageName}Control.dataset.clear();
-	}
+		// 화면 초기 설정
+		initForm${pageName} = () => {
+			// 화면 초기화
+			$("#frmEdit--${pageName}")[0].reset();
 
-	// 기본 데이터 설정
-	setFormData${pageName} = () => {
-		let sggCd = ${pageName}Query.sggCd;
-		let taskSeCd = ${pageName}Query.taskSeCd;
+			// dataset 초기화
+	 		$P.control.dataset.clear();
+		}
 
-		$("#sggCd--${pageName}").val(sggCd);			// 시군구 코드
-		$("#taskSeCd--${pageName}").val(taskSeCd);		// 업무 구분 코드
+		// 기본 데이터 설정
+		setFormData${pageName} = () => {
+			let sggCd = ${pageName}Query.sggCd;
+			let taskSeCd = ${pageName}Query.taskSeCd;
 
-		// 검색 조건 설정
-		${pageName}Control.defaultFetchSize = ${pageName}Query.fetchSize;
-		${pageName}Control.query = ${pageName}Query;
+			$("#sggCd--${pageName}").val(sggCd);			// 시군구 코드
+			$("#taskSeCd--${pageName}").val(taskSeCd);		// 업무 구분 코드
 
-		// URL 설정
-		setURL${pageName}(taskSeCd);
-	}
+			// 검색 조건 설정
+			$P.control.defaultFetchSize = ${pageName}Query.fetchSize;
+			$P.control.query = ${pageName}Query;
 
-	// 업무구분에 따른 url 설정
-	setURL${pageName} = (taskSeCd) => {
-		${pageName}Control.urls.load = wctx.url("/" + taskSeCd + ${pageName}PrefixUrl + "/040/list.do");	// 조회
-	}
+			// URL 설정
+			setURL${pageName}(taskSeCd);
+		}
+
+		// 업무구분에 따른 url 설정
+		setURL${pageName} = (taskSeCd) => {
+			$P.control.urls.load = wctx.url("/" + taskSeCd + ${pageName}PrefixUrl + "/040/list.do");	// 조회
+		}
 
-	/**************************************************************************
-	 * script 진입
-	 **************************************************************************/
-	$(document).ready(function() {
 		// 이벤트 설정
 		setEvent${pageName}();
 
diff --git a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt02020-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt02020-info.jsp
index c9901525..b558458e 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt02020-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt02020-info.jsp
@@ -854,8 +854,36 @@
 			$("#btnUpdatePayer--${pageName}").on("click", () => $P.fnUpdatePayer());					// 납부자 수정
 		}
 
-		// 기본 데이터 설정
-		$P.initData = () => {
+		// 초기 화면 설정
+		$P.initForm = () => {
+			// button 요소들을 disabled = true
+			$("#btnUpdateCrdn--${pageName}").prop("disabled", true);
+			$("#btnRemoveCrdn--${pageName}").prop("disabled", true);
+			$("#btnCreateCrdnReReg--${pageName}").prop("disabled", true);
+			$("#btnPrintNotice--${pageName}").prop("disabled", true);
+			$("#btnUpdateCrdnSttsCd--${pageName}").prop("disabled", true);
+			$("#btnDeleteCrdnPayer--${pageName}").prop("disabled", true);
+			$("#btnUpdatePayer--${pageName}").prop("disabled", true);
+			$("#btnOpenVideoCapture--${pageName}").prop("disabled", true);
+			$("#btnAddFile--${pageName}").prop("disabled", true);
+			$("#btnEditPhoto--${pageName}").prop("disabled", true);
+			$("#btnDeleteExistPhoto--${pageName}").prop("disabled", true);
+
+			// 화면 호출(callPurpose)이 view가 아니라면 버튼 비활성화 disabled = false
+			if (${pageNameMain}CallPurpose != "view") {
+				$("#btnUpdateCrdn--${pageName}").prop("disabled", false);
+				$("#btnRemoveCrdn--${pageName}").prop("disabled", false);
+				$("#btnCreateCrdnReReg--${pageName}").prop("disabled", false);
+				$("#btnPrintNotice--${pageName}").prop("disabled", false);
+				$("#btnUpdateCrdnSttsCd--${pageName}").prop("disabled", false);
+				$("#btnDeleteCrdnPayer--${pageName}").prop("disabled", false);
+				$("#btnUpdatePayer--${pageName}").prop("disabled", false);
+				$("#btnOpenVideoCapture--${pageName}").prop("disabled", false);
+				$("#btnAddFile--${pageName}").prop("disabled", false);
+				$("#btnEditPhoto--${pageName}").prop("disabled", false);
+				$("#btnDeleteExistPhoto--${pageName}").prop("disabled", false);
+			}
+
 			// jquery를 이용한 show/hide (style이 유지)
 			$("#divBlank1--${pageName}").hide();						// 빈 칸1
 			$("#divBlank2--${pageName}").hide();						// 빈 칸2
@@ -894,20 +922,6 @@
 				$("#divBlank2--${pageName}").show();					// 빈칸
 				$("#divCrdnBgngTm--${pageName}").show();				// 단속 시작 시각 ~ 단속 종료 시각
 			}
-
-			// 화면 호출(callPurpose)이 view 라면 버튼 비활성화
-			if (${pageNameMain}CallPurpose == "view") {
-				// button 요소들을 disabled = true
-				$("#btnUpdateCrdn--${pageName}").prop("disabled", true);
-				$("#btnRemoveCrdn--${pageName}").prop("disabled", true);
-				$("#btnCreateCrdnReReg--${pageName}").prop("disabled", true);
-				$("#btnPrintNotice--${pageName}").prop("disabled", true);
-				$("#btnUpdateCrdnSttsCd--${pageName}").prop("disabled", true);
-				$("#btnUpdatePayer--${pageName}").prop("disabled", true);
-				$("#btnEditPhoto--${pageName}").prop("disabled", true);
-				$("#btnAddFile--${pageName}").prop("disabled", true);
-				$("#btnDeleteFile--${pageName}").prop("disabled", true);
-			}
 		}
 
 		/**************************************************************************
@@ -916,8 +930,8 @@
 		// 1. 이벤트 설정
 		$P.setEvent();
 
-		// 2. 기본 데이터 설정
-		$P.initData();
+		// 2. 초기 화면 설정
+		$P.initForm();
 
 		// 3. Dataset 설정
 		$P.control.setData([${crdnPayer}]);		// 단속, 납부자 정보
diff --git a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt02030-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt02030-info.jsp
index 82182121..6172d0e4 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt02030-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt02030-info.jsp
@@ -604,15 +604,20 @@
 			$("#btnUpdateOpnnSbmsnDlbrt--${pageName}").on("click", () => $P.fnUpdateOpnnSbmsnDlbrt());	// 의견제출 심의 버튼 이벤트
 		}
 
-		// 기본 데이터 설정
-		$P.initData = () => {
-			// 화면 호출(callPurpose)이 view 라면 버튼 비활성화
-			if (${pageNameMain}CallPurpose == "view") {
-				// button 요소들을 disabled = true
-				$("#btnCreateOpnnSbmsn--${pageName}").prop("disabled", true);
-				$("#btnUpdateOpnnSbmsn--${pageName}").prop("disabled", true);
-				$("#btnRemoveOpnnSbmsn--${pageName}").prop("disabled", true);
-				$("#btnUpdateOpnnSbmsnDlbrt--${pageName}").prop("disabled", true);
+		// 초기 화면 설정
+		$P.initForm = () => {
+			// button 요소들을 disabled = true
+			$("#btnCreateOpnnSbmsn--${pageName}").prop("disabled", true);
+			$("#btnUpdateOpnnSbmsn--${pageName}").prop("disabled", true);
+			$("#btnRemoveOpnnSbmsn--${pageName}").prop("disabled", true);
+			$("#btnUpdateOpnnSbmsnDlbrt--${pageName}").prop("disabled", true);
+
+			// 화면 호출(callPurpose)이 view가 아니라면 버튼 비활성화 disabled = false
+			if (${pageNameMain}CallPurpose != "view") {
+				$("#btnCreateOpnnSbmsn--${pageName}").prop("disabled", false);
+				$("#btnUpdateOpnnSbmsn--${pageName}").prop("disabled", false);
+				$("#btnRemoveOpnnSbmsn--${pageName}").prop("disabled", false);
+				$("#btnUpdateOpnnSbmsnDlbrt--${pageName}").prop("disabled", false);
 			}
 		}
 
@@ -622,8 +627,8 @@
 		// 1. 이벤트 설정
 		$P.setEvent();
 
-		// 2. 기본 데이터 설정
-		$P.initData();
+		// 2. 초기 화면 설정
+		$P.initForm();
 
 		// 3. Dataset 설정
 		let opnnSbmsn = ${opnnSbmsn};			// 의견제출 정보
diff --git a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt02040-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt02040-info.jsp
index be4c19ca..e6b60534 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt02040-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt02040-info.jsp
@@ -557,13 +557,18 @@
 			$("#DataTables_Table_1--${pageName}").find("th").resizable( {handles : "e"} );
 		}
 
-		// 기본 데이터 설정
-		$P.initData = () => {
-			// 화면 호출(callPurpose)이 view 라면 버튼 비활성화
-			if (${pageNameMain}CallPurpose == "view") {
-				$("#btnCreateSndbk--${pageName}").prop("disabled", true);
-				$("#btnUpdateSndbk--${pageName}").prop("disabled", true);
-				$("#btnRemoveSndbk--${pageName}").prop("disabled", true);
+		// 초기 화면 설정
+		$P.initForm = () => {
+			// button 요소들을 disabled = true
+			$("#btnCreateSndbk--${pageName}").prop("disabled", true);
+			$("#btnUpdateSndbk--${pageName}").prop("disabled", true);
+			$("#btnRemoveSndbk--${pageName}").prop("disabled", true);
+
+			// 화면 호출(callPurpose)이 view가 아니라면 버튼 비활성화 disabled = false
+			if (${pageNameMain}CallPurpose != "view") {
+				$("#btnCreateSndbk--${pageName}").prop("disabled", false);
+				$("#btnUpdateSndbk--${pageName}").prop("disabled", false);
+				$("#btnRemoveSndbk--${pageName}").prop("disabled", false);
 			}
 		}
 
@@ -573,8 +578,8 @@
 		// 1. 이벤트 설정
 		$P.setEvent();
 
-		// 2. 기본 데이터 설정
-		$P.initData();
+		// 2. 초기 화면 설정
+		$P.initForm();
 
 		// 3. Dataset 설정
 		$P.sndngDtlControl.setData(${sndngDtl});		// 발송 이력
diff --git a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt02050-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt02050-info.jsp
index efaa2c00..519b80da 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt02050-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt02050-info.jsp
@@ -855,18 +855,19 @@
 			$("#DataTables_Table_1--${pageName}").find("th").resizable( {handles : "e"} );
 		}
 
-		// 기본 데이터 설정
-		$P.initData = () => {
-			// 화면 호출(callPurpose)이 view 라면 버튼 비활성화
-			if (${pageNameMain}CallPurpose == "view") {
-				$("#btnCreateRduct--${pageName}").prop("disabled", true);
-				$("#btnUpdateRduct--${pageName}").prop("disabled", true);
-				$("#btnRemoveRduct--${pageName}").prop("disabled", true);
-				$("#btnCreateLevyExcl--${pageName}").prop("disabled", true);
-				$("#btnCreateWrng--${pageName}").prop("disabled", true);
-				$("#btnUpdateLevyExcl--${pageName}").prop("disabled", true);
-				$("#btnRemoveLevyExcl--${pageName}").prop("disabled", true);
-			} else {
+		// 초기 화면 설정
+		$P.initForm = () => {
+			// button 요소들을 disabled = true
+			$("#btnCreateRduct--${pageName}").prop("disabled", true);
+			$("#btnUpdateRduct--${pageName}").prop("disabled", true);
+			$("#btnRemoveRduct--${pageName}").prop("disabled", true);
+			$("#btnCreateLevyExcl--${pageName}").prop("disabled", true);
+			$("#btnCreateWrng--${pageName}").prop("disabled", true);
+			$("#btnUpdateLevyExcl--${pageName}").prop("disabled", true);
+			$("#btnRemoveLevyExcl--${pageName}").prop("disabled", true);
+
+			// 화면 호출(callPurpose)이 view가 아니라면 버튼 비활성화 disabled = false
+			if (${pageNameMain}CallPurpose != "view") {
 				$("#btnCreateRduct--${pageName}").prop("disabled", false);
 				$("#btnUpdateRduct--${pageName}").prop("disabled", false);
 				$("#btnRemoveRduct--${pageName}").prop("disabled", false);
@@ -883,8 +884,8 @@
 		// 1. 이벤트 설정
 		$P.setEvent();
 
-		// 2. 기본 데이터 설정
-		$P.initData();
+		// 2. 초기 화면 설정
+		$P.initForm();
 
 		// 3. Dataset 설정
 		let rduct = ${rduct};			// 감경 정보
diff --git a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt02060-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt02060-info.jsp
index 459daaf8..4a33cc97 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt02060-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt02060-info.jsp
@@ -468,13 +468,16 @@
 			$("#btnCreateLevyExcl--${pageName}").on("click", () => $P.fnCreateLevyExcl());		// 부과 취소
 		}
 
-		// 기본 데이터 설정
-		$P.initData = () => {
-			// 화면 호출(callPurpose)이 view 라면 버튼 비활성화
-			if (${pageNameMain}CallPurpose == "view") {
-				// button 요소들을 disabled = true
-				$("#btnCreateLevy--${pageName}").prop("disabled", true);
-				$("#btnCreateLevyExcl--${pageName}").prop("disabled", true);
+		// 초기 화면 설정
+		$P.initForm = () => {
+			// button 요소들을 disabled = true
+			$("#btnCreateLevy--${pageName}").prop("disabled", true);
+			$("#btnCreateLevyExcl--${pageName}").prop("disabled", true);
+
+			// 화면 호출(callPurpose)이 view가 아니라면 버튼 비활성화 disabled = false
+			if (${pageNameMain}CallPurpose != "view") {
+				$("#btnCreateLevy--${pageName}").prop("disabled", false);
+				$("#btnCreateLevyExcl--${pageName}").prop("disabled", false);
 			}
 		}
 
@@ -484,8 +487,8 @@
 		// 1. 이벤트 설정
 		$P.setEvent();
 
-		// 2. 기본 데이터 설정
-		$P.initData();
+		// 2. 초기 화면 설정
+		$P.initForm();
 
 		// 3. Dataset 설정
 		let levy = ${levy};				// 부과 정보
diff --git a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt02070-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt02070-info.jsp
index 76787ffb..ced80e23 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt02070-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt02070-info.jsp
@@ -554,14 +554,15 @@
 			$("#btnRemoveRcvmt--${pageName}").on("click", () => $P.fnRemoveRcvmt());			// 수납 삭제 버튼 이벤트
 		}
 
-		// 기본 데이터 설정
-		$P.initData = () => {
-			// 화면 호출(callPurpose)이 view 라면 버튼 비활성화
-			if (${pageNameMain}CallPurpose == "view") {
-				$("#btnCreateRcvmt--${pageName}").prop("disabled", true);
-				$("#btnUpdateRcvmtRtrc--${pageName}").prop("disabled", true);
-				$("#btnRemoveRcvmt--${pageName}").prop("disabled", true);
-			} else {
+		// 초기 화면 설정
+		$P.initForm = () => {
+			// button 요소들을 disabled = true
+			$("#btnCreateRcvmt--${pageName}").prop("disabled", true);
+			$("#btnUpdateRcvmtRtrc--${pageName}").prop("disabled", true);
+			$("#btnRemoveRcvmt--${pageName}").prop("disabled", true);
+
+			// 화면 호출(callPurpose)이 view가 아니라면 버튼 비활성화 disabled = false
+			if (${pageNameMain}CallPurpose != "view") {
 				$("#btnCreateRcvmt--${pageName}").prop("disabled", false);
 				$("#btnUpdateRcvmtRtrc--${pageName}").prop("disabled", false);
 				$("#btnRemoveRcvmt--${pageName}").prop("disabled", false);
@@ -588,8 +589,8 @@
 		// 1. 이벤트 설정
 		$P.setEvent();
 
-		// 2. 기본 데이터 설정
-		$P.initData();
+		// 2. 초기 화면 설정
+		$P.initForm();
 
 		// 3. Dataset 설정
 		let rcvmt = ${rcvmt};			// 수납 정보 Data 셋팅
diff --git a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt02080-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt02080-info.jsp
index 38295422..e4a24b78 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt02080-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt02080-info.jsp
@@ -342,14 +342,19 @@
 			$("#btnRemoveCvlcptDscsn--${pageName}").on("click", () => $P.fnRemoveCvlcptDscsn());	// 민원상담 삭제 버튼 이벤트
 		}
 
-		// 기본 데이터 설정
-		$P.initData = () => {
-			// 화면 호출(callPurpose)이 view 라면 버튼 비활성화
-			if (${pageNameMain}CallPurpose == "view") {
+		// 초기 화면 설정
+		$P.initForm = () => {
+			// button 요소들을 disabled = true
+			$("#btnCreateCvlcptDscsn--${pageName}").prop("disabled", true);
+			$("#btnUpdateCvlcptDscsn--${pageName}").prop("disabled", true);
+			$("#btnRemoveCvlcptDscsn--${pageName}").prop("disabled", true);
+
+			// 화면 호출(callPurpose)이 view가 아니라면 버튼 비활성화 disabled = false
+			if (${pageNameMain}CallPurpose != "view") {
 				// button 요소들을 disabled = true
-				$("#btnCreateCvlcptDscsn--${pageName}").prop("disabled", true);
-				$("#btnUpdateCvlcptDscsn--${pageName}").prop("disabled", true);
-				$("#btnRemoveCvlcptDscsn--${pageName}").prop("disabled", true);
+				$("#btnCreateCvlcptDscsn--${pageName}").prop("disabled", false);
+				$("#btnUpdateCvlcptDscsn--${pageName}").prop("disabled", false);
+				$("#btnRemoveCvlcptDscsn--${pageName}").prop("disabled", false);
 			}
 		}
 
@@ -359,8 +364,8 @@
 		// 1. 이벤트 설정
 		$P.setEvent();
 
-		// 2. 기본 데이터 설정
-		$P.initData();
+		// 2. 초기 화면 설정
+		$P.initForm();
 
 		// 3. Dataset 설정
 		$P.control.setData(${cvlcptDscsn});				// 민원 상담 정보