From 5acd841978427719b1ba801eff78ad1e4e7d2025 Mon Sep 17 00:00:00 2001
From: jjh <jaehyun81@xit.co.kr>
Date: Mon, 5 Feb 2024 11:00:23 +0900
Subject: [PATCH] =?UTF-8?q?1.=20=EC=9A=B0=ED=8E=B8=ED=86=B5=ED=95=A9=20-?=
 =?UTF-8?q?=20=EC=9A=B0=ED=8E=B8=EB=B0=9C=EC=86=A1=20=EC=88=98=EC=A0=95.?=
 =?UTF-8?q?=202.=20=EC=9A=B0=ED=8E=B8=ED=86=B5=ED=95=A9=20-=20=EC=A0=91?=
 =?UTF-8?q?=EC=88=98=EA=B2=B0=EA=B3=BC=20=EC=88=98=EC=A0=95.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../WEB-INF/jsp/fims/epst/epst02010-main.jsp  |   7 +-
 .../WEB-INF/jsp/fims/epst/epst02030-main.jsp  | 971 +++++++++---------
 .../WEB-INF/jsp/fims/epst/epst02040-info.jsp  | 296 +++---
 .../WEB-INF/jsp/fims/epst/epst02050-main.jsp  | 617 +++++------
 .../WEB-INF/jsp/fims/excl/excl01010-main.jsp  |   6 +-
 .../WEB-INF/jsp/fims/excl/excl02010-main.jsp  |   5 +-
 .../WEB-INF/jsp/fims/excl/excl03010-main.jsp  |   3 +-
 .../WEB-INF/jsp/fims/levy/levy01010-main.jsp  |   5 +-
 .../WEB-INF/jsp/fims/levy/levy01050-main.jsp  |   5 +-
 .../WEB-INF/jsp/fims/rdca/rdca01010-main.jsp  |   3 +-
 .../WEB-INF/jsp/fims/sprt/sprt02040-info.jsp  |   2 +-
 .../WEB-INF/jsp/fims/sprt/sprt02050-info.jsp  |   2 +-
 12 files changed, 1006 insertions(+), 916 deletions(-)

diff --git a/src/main/webapp/WEB-INF/jsp/fims/epst/epst02010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/epst/epst02010-main.jsp
index 9f9268da..de1df458 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/epst/epst02010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/epst/epst02010-main.jsp
@@ -103,7 +103,7 @@
 									</select>
 									<input type="hidden" id="schRgtrCd--${pageName}" name="schRgtrCd" />
 									<input type="text" class="form-control" id="schRgtrNm--${pageName}" name="schRgtrNm" />
-									<button type="button" class="btn btn-sm btn-outline-dark" id="btnFindUser--${pageName}" title="사용자 검색" onclick="fnFindUser${pageName}();">
+									<button type="button" class="btn btn-sm btn-outline-dark" id="btnFindUser--${pageName}" title="사용자 검색">
 										검색
 									</button>
 								</div>
@@ -340,7 +340,7 @@
 
 	 		if (!params) {
 	 			params = {};
-				params["GdccIDs"] = selected.join(",");				// params[$P.control.prefixed("IDs")] = selected.join(",");
+				params["GdccIDs"] = selected.join(",");			// params[$P.control.prefixed("IDs")] = selected.join(",");
 	 		}
 
 			ajax.post({
@@ -404,7 +404,8 @@
 		// 사용자 검색
 		$P.getFindUser = () => {
 			let params = {
-				callbackFuncName : "$P.callbackFindUser"
+				  openerPageName : "${pageName}"
+				, callbackFuncName : "pageObject['${pageName}']['callbackFindUser']"
 			}
 
 			ajax.get({
diff --git a/src/main/webapp/WEB-INF/jsp/fims/epst/epst02030-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/epst/epst02030-main.jsp
index d725f89a..fd6a73ee 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/epst/epst02030-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/epst/epst02030-main.jsp
@@ -13,14 +13,14 @@
 				<div>
 					<!-- 상단 버튼 -->
 					<div class="container-page-btn">
-						<button type="button" class="btn btn-outline-dark w-px-120" id="btnReset--${pageName}" title="초기화" onclick="fnResetAndChangeBiz${pageName}();">
+						<button type="button" class="btn btn-outline-dark w-px-120" id="btnReset--${pageName}" title="초기화">
 							초기화
 						</button>
 						<span class="container-window-btn-right">
-							<button type="button" class="btn btn-search w-px-120" id="btnSearch--${pageName}" title="검색" onclick="fnSearchList${pageName}();">
+							<button type="button" class="btn btn-search w-px-120" id="btnSearch--${pageName}" title="검색">
 								검색
 							</button>
-							<button type="button" class="btn btn-excel w-px-120" id="btnExcel--${pageName}" title="엑셀" onclick="fnExcel${pageName}();">
+							<button type="button" class="btn btn-excel w-px-120" id="btnExcel--${pageName}" title="엑셀">
 								엑셀
 							</button>
 						</span>
@@ -124,7 +124,7 @@
 									</select>
 									<input type="hidden" id="schRgtrCd--${pageName}" name="schRgtrCd" />
 									<input type="text" class="form-control" id="schRgtrNm--${pageName}" name="schRgtrNm" />
-									<button type="button" class="btn btn-sm btn-outline-dark" id="btnFindUser--${pageName}" title="사용자 검색" onclick="fnFindUser${pageName}();">
+									<button type="button" class="btn btn-sm btn-outline-dark" id="btnFindUser--${pageName}" title="사용자 검색">
 										검색
 									</button>
 								</div>
@@ -145,10 +145,10 @@
 							</div>
 				            <span class="container-window-btn-right">
 								<!-- 업무 버튼 -->
-								<button type="button" class="btn btn-primary w-px-120" id="btnUpdate--${pageName}" title="발송 취소" onclick="fnUpdate${pageName}();">
+								<button type="button" class="btn btn-primary w-px-120" id="btnUpdate--${pageName}" title="발송 취소">
 									발송 취소
 								</button>
-								<button type="button" class="btn btn-primary w-px-120" id="btnRemove--${pageName}" title="발송 삭제" onclick="fnRemove${pageName}();">
+								<button type="button" class="btn btn-primary w-px-120" id="btnRemove--${pageName}" title="발송 삭제">
 									발송 삭제
 								</button>
 				            </span>
@@ -160,55 +160,55 @@
 						<ul class="nav nav-tabs" id="tabs--${pageName}" role="tablist">
 							<li class="nav-item">
 								<button type="button" class="nav-link w-px-160 h-100 active" role="tab" data-bs-toggle="tab" data-bs-target="#tabEpostRcpt0"
-										aria-controls="tabEpostRcpt0" aria-selected="true" onClick="fnTabEpostRcpt0${pageName}();">
+										aria-controls="tabEpostRcpt0" aria-selected="true" onClick="pageObject['${pageName}'].fnTabEpostRcpt0();">
 									전체
 								</button>
 							</li>
 							<li class="nav-item">
 								<button type="button" class="nav-link w-px-160 h-100" role="tab" data-bs-toggle="tab" data-bs-target="#tabEpostRcpt1"
-										aria-controls="tabEpostRcpt1" aria-selected="false" onClick="fnTabEpostRcpt1${pageName}();">
+										aria-controls="tabEpostRcpt1" aria-selected="false" onClick="pageObject['${pageName}'].fnTabEpostRcpt1();">
 									발송대기
 								</button>
 							</li>
 							<li class="nav-item">
 								<button type="button" class="nav-link w-px-160 h-100" role="tab" data-bs-toggle="tab" data-bs-target="#tabEpostRcpt2"
-										aria-controls="tabEpostRcpt2" aria-selected="false" onClick="fnTabEpostRcpt2${pageName}();">
+										aria-controls="tabEpostRcpt2" aria-selected="false" onClick="pageObject['${pageName}'].fnTabEpostRcpt2();">
 									발송취소
 								</button>
 							</li>
 							<li class="nav-item">
 								<button type="button" class="nav-link w-px-160 h-100" role="tab" data-bs-toggle="tab" data-bs-target="#tabEpostRcpt3"
-										aria-controls="tabEpostRcpt3" aria-selected="false" onClick="fnTabEpostRcpt3${pageName}();">
+										aria-controls="tabEpostRcpt3" aria-selected="false" onClick="pageObject['${pageName}'].fnTabEpostRcpt3();">
 									전송
 								</button>
 							</li>
 							<li class="nav-item">
 								<button type="button" class="nav-link w-px-160 h-100" role="tab" data-bs-toggle="tab" data-bs-target="#tabEpostRcpt4"
-										aria-controls="tabEpostRcpt4" aria-selected="false" onClick="fnTabEpostRcpt4${pageName}();">
+										aria-controls="tabEpostRcpt4" aria-selected="false" onClick="pageObject['${pageName}'].fnTabEpostRcpt4();">
 									접수
 								</button>
 							</li>
 							<li class="nav-item">
 								<button type="button" class="nav-link w-px-160 h-100" role="tab" data-bs-toggle="tab" data-bs-target="#tabEpostRcpt5"
-										aria-controls="tabEpostRcpt5" aria-selected="false" onClick="fnTabEpostRcpt5${pageName}();">
+										aria-controls="tabEpostRcpt5" aria-selected="false" onClick="pageObject['${pageName}'].fnTabEpostRcpt5();">
 									제작불가
 								</button>
 							</li>
 							<li class="nav-item">
 								<button type="button" class="nav-link w-px-160 h-100" role="tab" data-bs-toggle="tab" data-bs-target="#tabEpostRcpt6"
-										aria-controls="tabEpostRcpt6" aria-selected="false" onClick="fnTabEpostRcpt6${pageName}();">
+										aria-controls="tabEpostRcpt6" aria-selected="false" onClick="pageObject['${pageName}'].fnTabEpostRcpt6();">
 									제작
 								</button>
 							</li>
 							<li class="nav-item">
 								<button type="button" class="nav-link w-px-160 h-100" role="tab" data-bs-toggle="tab" data-bs-target="#tabEpostRcpt7"
-										aria-controls="tabEpostRcpt7" aria-selected="false" onClick="fnTabEpostRcpt7${pageName}();">
+										aria-controls="tabEpostRcpt7" aria-selected="false" onClick="pageObject['${pageName}'].fnTabEpostRcpt7();">
 									배달중
 								</button>
 							</li>
 							<li class="nav-item">
 								<button type="button" class="nav-link w-px-160 h-100" role="tab" data-bs-toggle="tab" data-bs-target="#tabEpostRcpt8"
-										aria-controls="tabEpostRcpt8" aria-selected="false" onClick="fnTabEpostRcpt8${pageName}();">
+										aria-controls="tabEpostRcpt8" aria-selected="false" onClick="pageObject['${pageName}'].fnTabEpostRcpt8();">
 									배달완료
 								</button>
 							</li>
@@ -236,7 +236,7 @@
 										<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: 56px;"><input type="checkbox" class="form-check-input" onchange="${pageName}Control.select(this.checked);"></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: 120px;" onclick="searchFromGridTitle('SEND_DATE', this.innerText, 'ymd', '');">발송일자</th>
 											<th class="cmn" style="width: 120px;" onclick="searchFromGridTitle('JOB_CD', this.innerText, 'match', 'part');">발송내역</th>
 											<th class="cmn" style="width: 120px;" onclick="searchFromGridTitle('DIV_KB', this.innerText, 'codeValue', 'EGP002');">취급구분</th>
@@ -254,7 +254,7 @@
 									<template id="${infoPrefix}Row--${pageName}">
 										<tr data-key="{CON_KEY}">
 											<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="{CON_KEY}" onchange="${pageName}Control.select('{CON_KEY}', this.checked);"></td>
+											<td class="cmn text-center"><input type="checkbox" class="form-check-input" value="{CON_KEY}" onchange="pageObject['${pageName}'].control.select('{CON_KEY}', this.checked);"></td>
 											<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{SEND_DATE}</td>
 											<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{JOB_CD}</td>
 											<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{DIV_KB_NM}</td>
@@ -282,8 +282,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"> -->
@@ -292,546 +290,597 @@
 	/**************************************************************************
 	 * Global Variable
 	 **************************************************************************/
-	// URL
-	var ${pageName}PrefixUrl = "/epst/epst02";
-	// FormFields
- 	var ${pageName}Fields = new FimsFormFields("#frmSearch--${pageName}");
-
-	/**************************************************************************
-	 * DatasetControl
-	 **************************************************************************/
-	var ${pageName}Control = new DatasetControl({
-		  prefix : "epostRcptReg"
-		, prefixName : "우편 발송"
-		, infoSize : "xxl"
-		, keymapper : info => info ? info.CON_KEY : ""
-		, dataGetter : obj => obj.epostRcptRegList
-		, appendData : true
-		, untilPageNum : 0								// 현재 페이지 번호
-		, tableRenderComplete : false					// dataTables 에 자료 추가 완료 여부
-		, formats : {
-			  SEND_DATE : dateFormat
-			, RCEPT_YMD : dateFormat
-			, RECEV_CNT : 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 = "/epst/epst02";
+		// FormFields
+		$P.formFields = new FimsFormFields("#frmSearch--${pageName}");
+
+		/**************************************************************************
+		 * DatasetControl
+		 **************************************************************************/
+			$P.control = new DatasetControl({
+			  prefix : "epostRcptReg"
+			, prefixName : "우편 발송"
+			, infoSize : "xxl"
+			, keymapper : info => info ? info.CON_KEY : ""
+			, dataGetter : obj => obj.epostRcptRegList
+			, appendData : true
+			, formats : {
+				  SEND_DATE : dateFormat
+				, RCEPT_YMD : dateFormat
+				, RECEV_CNT : 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 : "$P.control.load({index})"
+			});
 
-		${pageName}Control.tableRenderComplete = true;	// dataTables 에 자료 추가 true
-	};
-
-	// 현재 선택 자료 변경 이벤트
-	${pageName}Control.onCurrentChange = item => {
-		if (!item) return;
+			$P.control.tableRenderComplete = true;		// dataTables 에 자료 추가 완료
+		};
 
-		let key = item.data.CON_KEY;
+		// 현재 선택 자료 변경 이벤트
+		$P.control.onCurrentChange = item => {
+			if (!item) return;
 
-		$("#tbody--${pageName}").setCurrentRow(key);
-	};
+			let key = item.data.CON_KEY;
 
-	// 선택(체크) 변경 이벤트
-	${pageName}Control.onSelectionChange = selected => {
-		let ${infoPrefix}List = ${pageName}Control.dataset;
-		let keys = selected.map(e => ${infoPrefix}List.getKey(e));
+			$("#tbody--${pageName}").setCurrentRow(key);
+		};
 
-		$("#tbody--${pageName} input[type='checkbox']").each(function() {
-			let checkbox = $(this);
+		// 선택(체크) 변경 이벤트
+		$P.control.onSelectionChange = selected => {
+			let ${infoPrefix}List = $P.control.dataset;
+			let keys = selected.map(e => ${infoPrefix}List.getKey(e));
 
-			checkbox.prop("checked", keys.includes(checkbox.val()));
-		});
+			$("#tbody--${pageName} input[type='checkbox']").each(function() {
+				let checkbox = $(this);
 
-		$("#btnRemove--${pageName}").prop("disabled", keys.length < 1);
-	};
+				checkbox.prop("checked", keys.includes(checkbox.val()));
+			});
 
-	// 상세 정보 dialog
-	${pageName}Control.getInfo = (callPurpose, conKey) => {
-		if (typeof conKey == "undefined" || conKey == null || conKey == "") return;
+			$("#btnRemove--${pageName}").prop("disabled", keys.length < 1);
+		};
 
-		if (typeof callPurpose == "undefined" || callPurpose == null || callPurpose == "") {
-			callPurpose = "view";
-		}
+		// 우편통합 상세 정보 dialog
+		$P.control.getInfo = (callPurpose, conKey) => {
+			if (typeof conKey == "undefined" || conKey == null || conKey == "") return;
 
-		let params = {
-			  callPurpose : callPurpose
-			, sggCd : $("#sggCd--${pageName}").val()
-			, taskSeCd : $("input[name=taskSeCd]:checked").val()
-			, conKey : conKey
-		}
+			if (typeof callPurpose == "undefined" || callPurpose == null || callPurpose == "") {
+				callPurpose = "view";
+			}
 
-		let dialogTitle = "";
+			let params = {
+				  callPurpose : callPurpose
+				, sggCd : $("#sggCd--${pageName}").val()
+				, taskSeCd : $("input[name=taskSeCd]:checked").val()
+				, conKey : conKey
+			}
 
-		if (params.callPurpose == "create") {
-			dialogTitle = ${pageName}Control.prefixName + " 등록";
-		} else if (params.callPurpose == "update") {
-			dialogTitle = ${pageName}Control.prefixName + " 수정";
-		} else {
-			dialogTitle = ${pageName}Control.prefixName + " 정보";
-		}
+			let dialogTitle = "";
 
-		ajax.get({
-			  url : ${pageName}Control.urls.getInfo
-			, data : params || {}
-			, success : resp => {
-				dialog.open({
-					  id :  ${pageName}Control.prefixed("Dialog")
-					, title :dialogTitle
-					, content : resp
-					, size : ${pageName}Control.infoSize
-					, onClose : () => {		}	// callback
-				});
+			if (params.callPurpose == "create") {
+				dialogTitle = $P.control.prefixName + " 등록";
+			} else if (params.callPurpose == "update") {
+				dialogTitle = $P.control.prefixName + " 수정";
+			} else {
+				dialogTitle = $P.control.prefixName + " 정보";
 			}
-		});
-	}
 
-	// 저장 callback
-	${pageName}Control.onSave = (resp) => {
-  		let btnTitle = $("#btnUpdate--${pageName}").attr("title");
-  		let showMessage = resp.rtnMsg.replace(/[S]|[F]/g, btnTitle);
+			ajax.get({
+				  url : $P.control.urls.getInfo
+				, data : params || {}
+				, success : resp => {
+					dialog.open({
+						  id :  $P.control.prefixed("Dialog")
+						, title :dialogTitle
+						, content : resp
+						, size : $P.control.infoSize
+						, onClose : () => {	$P.refreshList();	}
+					});
+				}
+			});
+		}
+
+		// 저장 callback
+		$P.control.onSave = (resp) => {
+	  		let btnTitle = $("#btnUpdate--${pageName}").attr("title");
+	  		let showMessage = resp.rtnMsg.replace(/[S]|[F]/g, btnTitle);
 
-		dialog.alert(showMessage);
+	  		// 메시지 출력
+			dialog.alert({
+				  content : showMessage
+				, onOK : () => { }
+			});
 
-		if (resp.saved) {
-			refreshList${pageName}();
+			if (resp.saved) {
+				$P.refreshList();
+			}
 		}
-	}
 
-	// 저장
-	${pageName}Control.save = (info) => {
-		if (!info) return;
+		// 저장
+		$P.control.save = (info) => {
+			if (!info) return;
 
-		ajax.post({
-			  url : ${pageName}Control.urls.update
-			, data : info
-			, success : resp => ${pageName}Control.onSave(resp)
-		});
-	}
+			ajax.post({
+				  url : $P.control.urls.update
+				, data : info
+				, success : resp => $P.control.onSave(resp)
+			});
+		}
 
-	// 삭제 callback
-	${pageName}Control.onRemove = (selected, resp) => {
-  		let btnTitle = $("#btnRemove--${pageName}").attr("title");
-  		let showMessage = resp.rtnMsg.replace(/[S]|[F]/g, btnTitle);
+		// 삭제 callback
+		$P.control.onRemove = (selected, resp) => {
+	  		let btnTitle = $("#btnRemove--${pageName}").attr("title");
+	  		let showMessage = resp.rtnMsg.replace(/[S]|[F]/g, btnTitle);
 
-		dialog.alert(showMessage);
+	  		// 메시지 출력
+			dialog.alert({
+				  content : showMessage
+				, onOK : () => { }
+			});
 
-		// 자료 재조회
-		if (resp.saved) {
-			refreshList${pageName}();			// 자료 재조회
+			if (resp.saved) {
+				$P.refreshList();
+			}
 		}
-	}
-
-	// 삭제
-	${pageName}Control.remove = (params) => {
-		let selected = ${pageName}Control.dataset.getKeys("selected");
 
-		if (selected.length < 1) return;
+		// 삭제
+		$P.control.remove = (params) => {
+			let selected = $P.control.dataset.getKeys("selected");
 
- 		if (!params) {
- 			params = {};
-			params["conKeys"] = selected.join(",");				// IDs
- 		}
+			if (selected.length < 1) return;
 
-		ajax.post({
-			  url : ${pageName}Control.urls.remove
-			, data : params || {}
-			, success : resp => ${pageName}Control.onRemove(selected, resp)
-		});
-	}
+	 		if (!params) {
+	 			params = {};
+				params["conKeys"] = selected.join(",");			// params[$P.control.prefixed("IDs")] = selected.join(",");
+	 		}
 
-	/**************************************************************************
-	 * 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("CON_KEY") + "');")
-					.replace(/{ondblclick}/gi, "${pageName}Control.getInfo('view', '" + dataItem.getValue("CON_KEY") + "');")
-			);
-
-		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;
+			ajax.post({
+				  url : $P.control.urls.remove
+				, data : params || {}
+				, success : resp => $P.control.onRemove(selected, resp)
+			});
 		}
 
-	 	// checkbox 체크 해제
-		$("th input[type='checkbox']").prop("checked", false);
+		/**************************************************************************
+		 * 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("CON_KEY") + "');")
+						.replace(/{ondblclick}/gi, "pageObject['${pageName}'].control.getInfo('view', '" + dataItem.getValue("CON_KEY") + "');")
+				);
+
+			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);
+
+		    if ($P.control.untilPageNum != 0) {
+		    	$P.control.query.fetchSize = $P.control.defaultFetchSize;
+		    	$P.control.query.pageNum = $P.control.untilPageNum;
+		    	$P.control.untilPageNum = 0;
+			}
 
-		// 보안모드
-	    fn_securityModeToggle($("#securityMode--top").is(":checked"));
-	}
+		 	// checkbox 체크 해제
+			$("th input[type='checkbox']").prop("checked", false);
+
+			// 보안모드
+		    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);
+		}
 
-	/**************************************************************************
-	 * 사용자 함수
-	 **************************************************************************/
-	// callback 사용자 검색
-	callbackFindUser${pageName} = (userId, userNm) => {
-		$("#schRgtrCd--${pageName}").val(userId);		// 사용자 ID
-		$("#schRgtrNm--${pageName}").val(userNm);		// 사용자 명
-	}
-
-	// 사용자 검색
-	getFindUser${pageName} = () => {
-		let params = {
-			callbackFuncName : "callbackFindUser${pageName}"
+		/**************************************************************************
+		 * 사용자 함수
+		 **************************************************************************/
+		// 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']"
 			}
-		});
-	}
-
-	// 검색 자료 재조회
-	refreshList${pageName} = () => {
-		${pageName}Control.untilPageNum = ${pageName}Control.query.pageNum;
-		${pageName}Control.query.fetchSize = ${pageName}Control.defaultFetchSize * ${pageName}Control.query.pageNum;
 
-		${pageName}Control.load(1);
-	}
-
-	/**************************************************************************
-	 * 버튼 clickEvent
-	 **************************************************************************/
-	// 업무 구분 변경
-	fnResetAndChangeBiz${pageName} = (taskSeCd) => {
-		// 업무 구분 코드
-		if (typeof taskSeCd == "undefined" || taskSeCd == null || taskSeCd == "") {
-			taskSeCd = $("#layout-navbar input[name='taskSeCd']:checked").val();
+			ajax.get({
+				  url : wctx.url("/user/user02/010/main.do")
+				, data : params || {}
+				, success : resp => {
+					dialog.open({
+						  id : "userDialog"
+						, title : "사용자 검색"
+						, content : resp
+						, size : "lg"
+					});
+				}
+			});
 		}
 
-		// 초기 기본 설정
-		initForm${pageName}();
+		// 검색 자료 재조회
+		$P.refreshList = () => {
+			$P.control.untilPageNum = $P.control.query.pageNum;
+			$P.control.query.fetchSize = $P.control.defaultFetchSize * $P.control.query.pageNum;
 
-		// 기본 데이터 설정
-		setFormData${pageName}(taskSeCd);
-	}
-
-	// 검색 버튼 이벤트
-	fnSearchList${pageName} = (clickTab) => {
-		// 검색조건
-		${pageName}Control.query = ${pageName}Fields.get();
-
-		${pageName}Control.query.fetchSize = ${pageName}Control.defaultFetchSize;		// 1 페이지당 조회되는 자료 건수
-		${pageName}Control.query.sggCd = $("#sggCd--${pageName}").val();				// 시군구 코드
-		${pageName}Control.query.conOrg = $("#conOrg--${pageName}").val();				// 외부기관구분코드
-		${pageName}Control.query.relorsectCd = $("#deptCd--${pageName}").val();			// 결제부서코드(부서코드)
-		${pageName}Control.query.delYN = "N";											// 삭제 여부
-
-		// 탭 선택에 따른 우편 처리 상태(POST_PROC_STT) 설정.
-		if (clickTab == "tab1") {				// 발송대기
-			${pageName}Control.query.postPrcsSttsCdFrom = "01";
-			${pageName}Control.query.postPrcsSttsCdTo = "01";
-		} else if (clickTab == "tab2") {		// 발송취소
-			${pageName}Control.query.postPrcsSttsCdFrom = "02";
-			${pageName}Control.query.postPrcsSttsCdTo = "02";
-		} else if (clickTab == "tab3") {		// 전송
-			${pageName}Control.query.postPrcsSttsCdFrom = "03";
-			${pageName}Control.query.postPrcsSttsCdTo = "03";
-		} else if (clickTab == "tab4") {		// 접수
-			${pageName}Control.query.postPrcsSttsCdFrom = "05";
-			${pageName}Control.query.postPrcsSttsCdTo = "05";
-		} else if (clickTab == "tab5") {		// 제작불가
-			${pageName}Control.query.postPrcsSttsCdFrom = "21";
-			${pageName}Control.query.postPrcsSttsCdTo = "79";
-		} else if (clickTab == "tab6") {		// 제작완료
-			${pageName}Control.query.postPrcsSttsCdFrom = "80";
-			${pageName}Control.query.postPrcsSttsCdTo = "80";
-		} else if (clickTab == "tab7") {		// 배달중
-			${pageName}Control.query.postPrcsSttsCdFrom = "90";
-			${pageName}Control.query.postPrcsSttsCdTo = "90";
-		} else if (clickTab == "tab8") {		// 배달완료
-			${pageName}Control.query.postPrcsSttsCdFrom = "95";
-			${pageName}Control.query.postPrcsSttsCdTo = "95";
-		} else {								// 전체
-			//
+			$P.control.load(1);
 		}
 
-		// 검색
-		${pageName}Control.load(1);
-	}
+		/**************************************************************************
+		 * 버튼 clickEvent
+		 **************************************************************************/
+		// 업무 구분 변경
+		$P.fnResetAndChangeBiz = (taskSeCd) => {
+			// 업무 구분 코드
+			if (typeof taskSeCd == "undefined" || taskSeCd == null || taskSeCd == "") {
+				taskSeCd = $("#layout-navbar input[name='taskSeCd']:checked").val();
+			}
 
-	// 엑셀 버튼 이벤트
-	fnExcel${pageName} = () => {
-		if (${pageName}Control.dataset.empty) {
-			dialog.alert({
-				  content : "검색된 자료가 없습니다."
-				, onOK : () => { }
-			});
+			// 초기 기본 설정
+			$P.initForm();
+			// 기본 데이터 설정
+			$P.initData(taskSeCd);
+			// 업무 구분별 설정
+			$P.setTask(taskSeCd);
 
-			return;
+			// dataset 초기화
+	 		$P.control.dataset.clear();
 		}
 
-		// 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.fnSearchList = (clickTab) => {
+			// 검색조건
+			$P.control.query = $P.formFields.get();
+			$P.control.query.fetchSize = $P.control.defaultFetchSize;			// 한번에 조회되는 자료 건수
+			$P.control.query.sggCd = $("#sggCd--${pageName}").val();			// 시군구 코드
+			$P.control.query.conOrg = $("#conOrg--${pageName}").val();			// 외부기관구분코드
+			$P.control.query.relorsectCd = $("#deptCd--${pageName}").val();		// 결제부서코드(부서코드)
+			$P.control.query.delYN = "N";										// 삭제 여부
+
+			// 탭 선택에 따른 우편 처리 상태(POST_PROC_STT) 설정.
+			if (clickTab == "tab1") {					// 발송대기
+				$P.control.query.postPrcsSttsCdFrom = "01";
+				$P.control.query.postPrcsSttsCdTo = "01";
+			} else if (clickTab == "tab2") {			// 발송취소
+				$P.control.query.postPrcsSttsCdFrom = "02";
+				$P.control.query.postPrcsSttsCdTo = "02";
+			} else if (clickTab == "tab3") {			// 전송
+				$P.control.query.postPrcsSttsCdFrom = "03";
+				$P.control.query.postPrcsSttsCdTo = "03";
+			} else if (clickTab == "tab4") {			// 접수
+				$P.control.query.postPrcsSttsCdFrom = "05";
+				$P.control.query.postPrcsSttsCdTo = "05";
+			} else if (clickTab == "tab5") {			// 제작불가
+				$P.control.query.postPrcsSttsCdFrom = "21";
+				$P.control.query.postPrcsSttsCdTo = "79";
+			} else if (clickTab == "tab6") {			// 제작완료
+				$P.control.query.postPrcsSttsCdFrom = "80";
+				$P.control.query.postPrcsSttsCdTo = "80";
+			} else if (clickTab == "tab7") {			// 배달중
+				$P.control.query.postPrcsSttsCdFrom = "90";
+				$P.control.query.postPrcsSttsCdTo = "90";
+			} else if (clickTab == "tab8") {			// 배달완료
+				$P.control.query.postPrcsSttsCdFrom = "95";
+				$P.control.query.postPrcsSttsCdTo = "95";
+			} else {									// 전체
+				//
+			}
 
-		${pageName}Control.query.cellDefs = cellDefs;
+			// 검색
+			$P.control.load(1);
+		}
+
+		// 엑셀 버튼 이벤트
+		$P.fnExcel = () => {
+			if ($P.control.dataset.empty) {
+				dialog.alert({
+					  content : "검색된 자료가 없습니다."
+					, onOK : () => { }
+				});
 
-		${pageName}Control.download();
-	}
+				return;
+			}
 
-	// 사용자 검색 버튼 이벤트
-	fnFindUser${pageName} = () => {
-		getFindUser${pageName}();
-	}
+			// 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;
 
-	// 발송 취소 버튼 이벤트
-	fnUpdate${pageName} = () => {
-		let conKey = ${pageName}Control.dataset.getValue("CON_KEY");					// 외부연계식별키
-		let sndngId = ${pageName}Control.dataset.getValue("SNDNG_ID");					// 발송 ID
-		let postPrcsSttsCd = ${pageName}Control.dataset.getValue("POST_PRCS_STTS_CD");	// 우편 처리 상태 코드
+			$P.control.download();
+		}
 
-		// 외부연계식별키 가 없다면.. return
-		if (typeof conKey == "undefined" || conKey == null || conKey == "") return;
-		// 우편 처리 상태 확인
-		if (postPrcsSttsCd != "01") {
-			dialog.alert({
-				  content : "처리상태가 발송대기 자료만 취소 가능합니다."
-				, onOK : () => { }
-			});
-			return;
+		// 사용자 조회 버튼 이벤트
+		$P.fnFindUser = () => {
+			$P.getFindUser();
 		}
 
-		dialog.alert({
-			  content : "현재 " + ${pageName}Control.prefixName + " 정보를 취소하시겠습니까?"
-			, onOK : () => {
-				let params = {
-					  callPurpose : "update"
-					, sggCd : ${pageName}Control.dataset.getValue("SGG_CD")		// 시군구 코드
-					, conKey : conKey											// 외부연계식별키
-					, sndngId : sndngId											// 발송 ID
-				};
-
-				${pageName}Control.save(params);
+		// 발송 취소 버튼 이벤트
+		$P.fnUpdate = () => {
+			// 외부연계식별키
+			let conKey = $P.control.dataset.getValue("CON_KEY");
+			// 외부연계식별키 가 없다면.. return
+			if (typeof conKey == "undefined" || conKey == null || conKey == "") return;
+
+			// 발송 ID
+			let sndngId = $P.control.dataset.getValue("SNDNG_ID");
+			// 발송 ID 가 없다면.. return
+			if (typeof sndngId == "undefined" || sndngId == null || sndngId == "") return;
+
+			// 우편 처리 상태 코드
+			let postPrcsSttsCd = $P.control.dataset.getValue("POST_PRCS_STTS_CD");
+			// 우편 처리 상태 확인
+			if (postPrcsSttsCd != "01") {
+				dialog.alert({
+					  content : "처리상태가 발송대기 자료만 취소 가능합니다."
+					, onOK : () => { }
+				});
+				return;
 			}
-		});
-	}
-
-	// 발송 삭제 버튼 이벤트
-	fnRemove${pageName} = () => {
-		let conKey = ${pageName}Control.dataset.getValue("CON_KEY");					// 외부연계식별키
-		let postPrcsSttsCd = ${pageName}Control.dataset.getValue("POST_PRCS_STTS_CD");	// 우편 처리 상태 코드
-
-		// 외부연계식별키 가 없다면.. return
-		if (typeof conKey == "undefined" || conKey == null || conKey == "") return;
-		// 우편 처리 상태 확인
-		if (postPrcsSttsCd != "02" && postPrcsSttsCd != "03" && postPrcsSttsCd != "05"
-				&& postPrcsSttsCd != "21" && postPrcsSttsCd != "22" && postPrcsSttsCd != "23"
-				&& postPrcsSttsCd != "24" && postPrcsSttsCd != "61" && postPrcsSttsCd != "62") {
+
+			let params = {
+				  callPurpose : "update"
+				, sggCd : $P.control.dataset.getValue("SGG_CD")	// 시군구 코드
+				, conKey : conKey								// 외부연계식별키
+				, sndngId : sndngId								// 발송 ID
+			};
+
 			dialog.alert({
-				  content : "처리상태가 제작불가, 발송취소, 전송, 접수 자료만 삭제 가능합니다."
-				, onOK : () => { }
+				  content : "선택한 " + $P.control.prefixName + " 정보를 취소하시겠습니까?"
+				, onOK : () => {
+					$P.control.save(params);
+				}
 			});
-			return;
 		}
 
-		dialog.alert({
-			  content : "선택한 " + ${pageName}Control.prefixName + " 정보를 삭제하시겠습니까?"
-			, onOK : () => {
-				${pageName}Control.remove();
+		// 발송 삭제 버튼 이벤트
+		$P.fnRemove = () => {
+			// 외부연계식별키
+			let conKey = $P.control.dataset.getValue("CON_KEY");
+			// 외부연계식별키 가 없다면.. return
+			if (typeof conKey == "undefined" || conKey == null || conKey == "") return;
+
+			// 우편 처리 상태 코드
+			let postPrcsSttsCd = $P.control.dataset.getValue("POST_PRCS_STTS_CD");
+			// 우편 처리 상태 확인
+			if (postPrcsSttsCd != "02" && postPrcsSttsCd != "03" && postPrcsSttsCd != "05"
+					&& postPrcsSttsCd != "21" && postPrcsSttsCd != "22" && postPrcsSttsCd != "23"
+					&& postPrcsSttsCd != "24" && postPrcsSttsCd != "61" && postPrcsSttsCd != "62") {
+				dialog.alert({
+					  content : "처리상태가 '발송취소', '전송', '접수', '제작불가' 자료만 삭제 가능합니다."
+					, onOK : () => { }
+				});
+				return;
 			}
-		});
-	}
-
-	// 탭0
-	fnTabEpostRcpt0${pageName} = () => {
-		$("#tabEpostRcpt0").html($("#datatable--${pageName}"));
 
-		fnSearchList${pageName}("tab0");
-	}
+			dialog.alert({
+				  content : "선택한 " + $P.control.prefixName + " 정보를 삭제하시겠습니까?"
+				, onOK : () => {
+					$P.control.remove();
+				}
+			});
+		}
 
-	// 탭1
-	fnTabEpostRcpt1${pageName} = () => {
-		$("#tabEpostRcpt1").html($("#datatable--${pageName}"));
+		// 탭0
+		$P.fnTabEpostRcpt0 = () => {
+			$("#tabEpostRcpt0").html($("#datatable--${pageName}"));
 
-		fnSearchList${pageName}("tab1");
-	}
+			$P.fnSearchList("tab0");
+		}
 
-	// 탭2
-	fnTabEpostRcpt2${pageName} = () => {
-		$("#tabEpostRcpt2").html($("#datatable--${pageName}"));
+		// 탭1
+		$P.fnTabEpostRcpt1 = () => {
+			$("#tabEpostRcpt1").html($("#datatable--${pageName}"));
 
-		fnSearchList${pageName}("tab2");
-	}
+			$P.fnSearchList("tab1");
+		}
 
-	// 탭3
-	fnTabEpostRcpt3${pageName} = () => {
-		$("#tabEpostRcpt3").html($("#datatable--${pageName}"));
+		// 탭2
+		$P.fnTabEpostRcpt2 = () => {
+			$("#tabEpostRcpt2").html($("#datatable--${pageName}"));
 
-		fnSearchList${pageName}("tab3");
-	}
+			$P.fnSearchList("tab2");
+		}
 
-	// 탭4
-	fnTabEpostRcpt4${pageName} = () => {
-		$("#tabEpostRcpt4").html($("#datatable--${pageName}"));
+		// 탭3
+		$P.fnTabEpostRcpt3 = () => {
+			$("#tabEpostRcpt3").html($("#datatable--${pageName}"));
 
-		fnSearchList${pageName}("tab4");
-	}
+			$P.fnSearchList("tab3");
+		}
 
-	// 탭5
-	fnTabEpostRcpt5${pageName} = () => {
-		$("#tabEpostRcpt5").html($("#datatable--${pageName}"));
+		// 탭4
+		$P.fnTabEpostRcpt4 = () => {
+			$("#tabEpostRcpt4").html($("#datatable--${pageName}"));
 
-		fnSearchList${pageName}("tab5");
-	}
+			$P.fnSearchList("tab4");
+		}
 
-	// 탭6
-	fnTabEpostRcpt6${pageName} = () => {
-		$("#tabEpostRcpt6").html($("#datatable--${pageName}"));
+		// 탭5
+		$P.fnTabEpostRcpt5 = () => {
+			$("#tabEpostRcpt5").html($("#datatable--${pageName}"));
 
-		fnSearchList${pageName}("tab6");
-	}
+			$P.fnSearchList("tab5");
+		}
 
-	// 탭7
-	fnTabEpostRcpt7${pageName} = () => {
-		$("#tabEpostRcpt7").html($("#datatable--${pageName}"));
+		// 탭6
+		$P.fnTabEpostRcpt6 = () => {
+			$("#tabEpostRcpt6").html($("#datatable--${pageName}"));
 
-		fnSearchList${pageName}("tab7");
-	}
+			$P.fnSearchList("tab6");
+		}
 
-	// 탭8
-	fnTabEpostRcpt8${pageName} = () => {
-		$("#tabEpostRcpt8").html($("#datatable--${pageName}"));
+		// 탭7
+		$P.fnTabEpostRcpt7 = () => {
+			$("#tabEpostRcpt7").html($("#datatable--${pageName}"));
 
-		fnSearchList${pageName}("tab8");
-	}
+			$P.fnSearchList("tab7");
+		}
 
-	/**************************************************************************
-	 * 초기 설정
-	 **************************************************************************/
-	// 이벤트
-	setEvent${pageName} = () => {
-		// 동적검색에서 엔터(Enter) 키를 누르면 검색한다.
-		$("#term--${pageName}").keypress(function(e) {
-			if (e.keyCode == 13) {
-				fnSearchList${pageName}();   
-			}
-		});
+		// 탭8
+		$P.fnTabEpostRcpt8 = () => {
+			$("#tabEpostRcpt8").html($("#datatable--${pageName}"));
 
-		// form-date 항목에서 키보드로 입력시 날짜 포맷팅 적용
-		$("#frmSearch--${pageName}").find(".form-date").each(function() {
-			$(this).on("input", function() {
-				let value = this.value.replaceAll("-", "");
+			$P.fnSearchList("tab8");
+		}
 
-				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);
-				}
+		/**************************************************************************
+		 * 초기 설정
+		 **************************************************************************/
+		// 이벤트
+		$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) {
+					$P.fnSearchList();
+				}    
 			});
-		});
-
-		// DataTables width 변경 조정	업무별 그리드가 존재 한다면.. crdn06010-main.jsp 참고
-		$("#DataTables_Table_0--${pageName}").find("th").resizable( {handles : "e"} );
-
-		// DataTables 스크롤 이벤트 생성
-		fnMakeScrollableTable($("#table-responsive--${pageName}")[0], scrollDataList${pageName});
-	}
 
-	// 화면 초기 설정
-	initForm${pageName} = () => {
-		// 화면 초기화
- 		$("#frmSearch--${pageName}")[0].reset();
+			// form-date 항목에서 키보드로 입력시 날짜 포맷팅 적용
+			$("#frmSearch--${pageName}").find(".form-date").each(function() {
+				$(this).on("input", function() {
+					let value = this.value.replaceAll("-", "");
 
-		// 최고 관리자 경우 업무구분을 선택할 수 있도록 하자.
-		$("#frmSearch--${pageName} input[name='taskSeCd']").each(function(i) {
-			$(this).prop("disabled", "true");
-		});
+					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);
+					}
+				});
+			});
 
-		// 달력 초기화
-		initDatepicker("frmSearch--${pageName}");
-		$("#schSendDateFrom--${pageName}").datepicker("setDate", DateUtil.getDateDay(-7).date);
-		$("#schSendDateTo--${pageName}").datepicker("setDate", new Date());
+			//업무 버튼 이벤트
+			$("#btnUpdate--${pageName}").on("click", () => $P.fnUpdate());		// 발송 취소
+			$("#btnRemove--${pageName}").on("click", () => $P.fnRemove());		// 발송 삭제
 
-		// 사용자 이름
-		$("#schRgtrNm--${pageName}").prop("readonly", true);
+			// DataTables width 변경 조정	업무별 그리드가 존재 한다면.. crdn06010-main.jsp 참고
+			$("#DataTables_Table_0--${pageName}").find("th").resizable( {handles : "e"} );
 
-		// dataset 초기화
- 		${pageName}Control.dataset.clear();
-	}
+			// DataTables 스크롤 이벤트 생성
+			fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollDataList);
+		}
 
-	// 기본 데이터 설정
-	setFormData${pageName} = (taskSeCd) => {
-		// ${pageName}Control 설정
-		${pageName}Control.defaultFetchSize = FETCH_XS;	// 1 페이지당 조회되는 자료 건수 index.jsp에서 확인 FETCH_XS = 30
+		// 초기 화면 설정
+		$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");
+	 		});
+
+			// 달력 초기화
+			initDatepicker("frmSearch--${pageName}");
+			$("#schSendDateFrom--${pageName}").datepicker("setDate", new Date());
+			$("#schSendDateTo--${pageName}").datepicker("setDate", new Date());
+
+			// 동적 검색
+			$("#byOutput--${pageName}").val("동적 검색");
+
+			// 사용자 이름
+			$("#schRgtrNm--${pageName}").prop("readonly", true);
+		}
 
- 		// 화면 데이터 설정
-		$("#sggCd--${pageName}").val("${sggCd}");		// 시군구 코드
-		$("#deptCd--${pageName}").val("${deptCd}");		// 부서 코드
-		$("#conOrg--${pageName}").val("${conOrg}");		// E그린 외부기관구분코드
-		$("#frmSearch--${pageName} input[name='taskSeCd'][value='" + taskSeCd + "']").prop("checked", true);	// 업무 구분
+		// 기본 데이터 설정
+		$P.initData = (taskSeCd) => {
+	 		// 화면 데이터 설정
+			$("#sggCd--${pageName}").val("${sggCd}");		// 시군구 코드
+			$("#deptCd--${pageName}").val("${deptCd}");		// 부서 코드
+			$("#conOrg--${pageName}").val("${conOrg}");		// E그린 외부기관구분코드
+			$("#frmSearch--${pageName} input[name='taskSeCd'][value='" + taskSeCd + "']").prop("checked", true);	// 업무 구분
+
+			// 일자
+			$("#schSendDateFrom--${pageName}").datepicker("setDate", DateUtil.getDateDay(-7).date);
+			$("#schSendDateTo--${pageName}").datepicker("setDate", new Date());
+
+			// 첫번째 "전체" 탭에 datatable 설정
+			$("#tabEpostRcpt0").html($("#datatable--${pageName}"));
+		}
 
-		// 첫번째 "전체" 탭에 datatable 설정
-		$("#tabEpostRcpt0").html($("#datatable--${pageName}"));
+		// 업무 구분별 설정
+		$P.setTask = (taskSeCd) => {
+			// 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.update = wctx.url("/" + taskSeCd + $P.PrefixUrl + "/030/updateSttsCd.do");	// 수정 (발송취소)
+			$P.control.urls.remove = wctx.url("/" + taskSeCd + $P.PrefixUrl + "/030/remove.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.update = wctx.url(taskSeCd + ${pageName}PrefixUrl + "/030/updateSttsCd.do");	// 수정 (발송취소)
-		${pageName}Control.urls.remove = wctx.url(taskSeCd + ${pageName}PrefixUrl + "/030/remove.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/epst/epst02040-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/epst/epst02040-info.jsp
index 6c895dec..e0291e03 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/epst/epst02040-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/epst/epst02040-info.jsp
@@ -21,7 +21,7 @@
 				<span class="container-page-btn">
 					<span class="container-window-btn-right">
 						<!-- 업무 버튼 -->
-						<button type="button" class="btn btn-excel w-px-120" id="btnExcel--${pageName}" title="엑셀" onclick="fnExcel${pageName}();">
+						<button type="button" class="btn btn-excel w-px-120" id="btnExcel--${pageName}" title="엑셀">
 							엑셀
 						</button>
 					</span>
@@ -96,52 +96,64 @@
 	/**************************************************************************
 	 * Global Variable
 	 **************************************************************************/
-	// URL
-	var ${pageName}PrefixUrl = "/epst/epst02";
- 	// infoDialog 호출 용도(view 조회(편집불가), create 등록, update 수정)
- 	var ${pageName}CallPurpose = "${callPurpose}";
-	// FormFields
- 	var ${pageName}Fields = new FimsFormFields("#frmEdit--${pageName}");
+	pageObject["${pageName}"] = {};
 
 	/**************************************************************************
-	 * DatasetControl
-	 **************************************************************************/
-	var ${pageName}Control = new DatasetControl({
-		  prefix : "epostRcptReg"
-		, prefixName : "우편 발송 정보"
-		, keymapper : info => info ? info.RGST_NMBR : ""
-		, dataGetter : obj => obj.epostRcptRegInfo
-		, appendData : true
-		, untilPageNum : 0								// 현재 페이지 번호
-		, tableRenderComplete : false					// dataTables 에 자료 추가 완료 여부
-		, formats : {
-			  DELIV_YMD_TM : datetimeFormat
-	    	, REG_DT : datetimeFormat
-	    	, MDFCN_DT : datetimeFormat
-		}
-	});
-
-	/**************************************************************************
-	 * DatasetControl 이벤트
+	 * script 진입
 	 **************************************************************************/
+	$(document).ready(function() {
+		// pageObject
+		var $P = pageObject["${pageName}"];
+
+		// URL
+		$P.PrefixUrl = "/epst/epst02";
+	 	// infoDialog 호출 용도(view 조회(편집불가), create 등록, update 수정)
+	 	$P.callPurpose = "${callPurpose}";
+		// FormFields
+	 	$P.formFields = new FimsFormFields("#frmEdit--${pageName}");
+
+		/**************************************************************************
+		 * DatasetControl
+		 **************************************************************************/
+			$P.control = new DatasetControl({
+			  prefix : "epostRcptReg"
+			, prefixName : "우편 발송 정보"
+			, keymapper : info => info ? info.RGST_NMBR : ""
+			, dataGetter : obj => obj.epostRcptRegInfo
+			, appendData : true
+			, formats : {
+				  DELIV_YMD_TM : datetimeFormat
+		    	, 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 변경 이벤트
-		${pageName}Control.onDatasetChange = obj => {
-			renderList${pageName}(obj.${infoPrefix}Total);
+		$P.control.onDatasetChange = obj => {
+			$P.renderList(obj.${infoPrefix}Total);
 
 			$("#paging--${pageName}").setPagingInfo({
-				  list : ${pageName}Control.dataset
+				  list : $P.control.dataset
 				, prefix : "paging--${pageName}"
 				, start : obj.${infoPrefix}Start
 				, totalSize : obj.${infoPrefix}Total
 				, fetchSize : obj.${infoPrefix}Fetch
-				, func : "${pageName}Control.load({index})"
+				, func : "$P.control.load({index})"
 			});
 
-			${pageName}Control.tableRenderComplete = true;	// dataTables 에 자료 추가 true
+			$P.control.tableRenderComplete = true;		// dataTables 에 자료 추가 완료
 		};
 
 		// 현재 선택 자료 변경 이벤트
-		${pageName}Control.onCurrentChange = item => {
+		$P.control.onCurrentChange = item => {
 			if (!item) return;
 
 			let key = item.data.RGST_NMBR;
@@ -152,142 +164,130 @@
 			$("#conKey--${pageName}").val(item.data.CON_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("RGST_NMBR") + "');")
-			);
-
-		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;
+
+			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("RGST_NMBR") + "');")
+				);
+
+			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);
+
+		    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);
+
+			// 보안모드
+		    fn_securityModeToggle($("#securityMode--top").is(":checked"));
 		}
 
-	 	// checkbox 체크 해제
-		$("th input[type='checkbox']").prop("checked", false);
+		// DataTables에 스크롤이 맨 밑으로 이동했을 때 이벤트
+		$P.scrollDataList = () => {
+			$P.control.tableRenderComplete = false;		// dataTables 에 자료 추가 false
 
-		// 보안모드
-	    fn_securityModeToggle($("#securityMode--top").is(":checked"));
-	}
+			$P.control.load($P.control.query.pageNum + 1);
+		}
 
-	// DataTables에 스크롤이 맨 밑으로 이동했을 때 이벤트
-	scrollDataList${pageName} = () => {
-		${pageName}Control.tableRenderComplete = false;			// dataTables 에 자료 추가 false
+		/**************************************************************************
+		 * 사용자 함수(function)
+		 **************************************************************************/
 
-		${pageName}Control.load(${pageName}Control.query.pageNum + 1);
-	}
 
-	/**************************************************************************
-	 * 사용자 함수(function)
-	 **************************************************************************/
+		/**************************************************************************
+		 * 버튼 clickEvent
+		 **************************************************************************/
+		// 엑셀 버튼 이벤트
+		$P.fnExcel = () => {
+			if ($P.control.dataset.empty) {
+				dialog.alert({
+					  content : "검색된 자료가 없습니다."
+					, onOK : () => { }
+				});
 
+				return;
+			}
 
-	/**************************************************************************
-	 * 버튼 clickEvent
-	 **************************************************************************/
-	// 엑셀 버튼 이벤트
-	fnExcel${pageName} = () => {
-		if (${pageName}Control.dataset.empty) {
-			dialog.alert({
-				  content : "검색된 자료가 없습니다."
-				, onOK : () => { }
-			});
+	        $P.control.query = $P.formFields.get();
+			$P.control.query.conKey = $P.control.dataset.getValue("CON_KEY");	// conKey
 
-			return;
+			// 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();
 		}
 
-		// DataTables(그리드)
-		let cellDefs = getCellDefs($("#theadTr--${pageName} th").not(".dummy-th")
-				, $($("#${infoPrefix}Row--${pageName}")[0].content).find("td").not(".dummy-td"));
+		/**************************************************************************
+		 * 초기 셋팅
+		 **************************************************************************/
+		// 이벤트 설정
+		$P.setEvent = () => {
+			// 업무 버튼 이벤트
+			$("#btnExcel--${pageName}").on("click", () => $P.fnExcel());		// 엑셀
 
-        ${pageName}Control.query = ${pageName}Fields.get();
-		${pageName}Control.query.conKey = ${pageName}Control.dataset.getValue("CON_KEY");	// conKey
-		${pageName}Control.query.cellDefs = cellDefs;
+			// DataTables width 변경 조정	업무별 그리드가 존재 한다면.. crdn06010-main.jsp 참고
+			$("#DataTables_Table_0--${pageName}").find("th").resizable( {handles : "e"} );
 
-		${pageName}Control.download();
-	}
+			// DataTables 스크롤 이벤트 생성
+			fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollDataList);
+		}
 
-	/**************************************************************************
-	 * 초기 셋팅
-	 **************************************************************************/
-	// 이벤트 설정
-	setEvent${pageName} = () => {
-		// DataTables width 변경 조정	업무별 그리드가 존재 한다면.. crdn06010-main.jsp 참고
-		$("#DataTables_Table_0--${pageName}").find("th").resizable( {handles : "e"} );
-
-		// DataTables 스크롤 이벤트 생성
-		fnMakeScrollableTable($("#table-responsive--${pageName}")[0], scrollDataList${pageName});
-	}
-
-	// 초기 기본 설정
-	initForm${pageName} = () => {
-		// 화면 초기화
-		$("#frmEdit--${pageName}")[0].reset();
-
-		// 달력 초기화
-	    initDatepicker("frmEdit--${pageName}");
-	}
-
-	// URL 설정
-	setURL${pageName} = () => {
-		let taskSeCd = $("#taskSeCd--${pageName}").val();
-
-		${pageName}Control.urls.load = wctx.url("/" + taskSeCd + ${pageName}PrefixUrl + "/040/info.do");	// 엑셀(조회)
-	}
-
-	// 기본 데이터 설정
-	setFormData${pageName} = () => {
- 		// 화면 데이터 설정
-		$("#sggCd--${pageName}").val("${sggCd}");				// 시군구 코드
-		$("#taskSeCd--${pageName}").val("${taskSeCd}");			// 업무 구분 코드
-
-		// ${pageName}Control 설정
-		${pageName}Control.defaultFetchSize = FETCH_XS;		// 1 페이지당 조회되는 자료 건수 index.jsp에서 확인 FETCH_XS = 30
-
-		if (${pageName}CallPurpose == "view") {
-			// input 요소들을 disabled
-			$("#frmEdit--${pageName}").find("input,textarea,select").prop("disabled", true);
-		} else if (${pageName}CallPurpose == "create") {
-			//
-		} else if (${pageName}CallPurpose == "update") {
-			//
+		// 초기 화면 설정
+		$P.initForm = () => {
+			if ($P.callPurpose == "view") {
+				// input 요소들을 disabled
+				$("#frmEdit--${pageName}").find("input,textarea,select").prop("disabled", true);
+			}
 		}
-	}
 
-	/**************************************************************************
-	 * script 진입
-	 **************************************************************************/
-	$(document).ready(function() {
-		// 이벤트 설정
-		setEvent${pageName}();
+		// 기본 데이터 설정
+		$P.initData = () => {
+			// 시군구 코드
+			$("#sggCd--${pageName}").val("${sggCd}");
+			// 업무 구분 코드
+			$("#taskSeCd--${pageName}").val("${taskSeCd}");
+
+			// 업무구분에 따른 URL 변경
+			$P.setURL("${taskSeCd}");
+		}
 
-		// 초기 기본 설정
-		initForm${pageName}();
+		// 업무구분에 따른 URL 설정
+		$P.setURL = (taskSeCd) => {
+			$P.control.urls.load = wctx.url("/" + taskSeCd + $P.PrefixUrl + "/040/info.do");	// 엑셀
+		}
 
-		// Dataset 설정
-		${pageName}Control.setData(${epostSndngSttsInfo});
+		/**************************************************************************
+		 * 최초 실행 함수
+		 **************************************************************************/
+		// 1. 이벤트 설정
+		$P.setEvent();
 
-		// 기본 데이터 설정
-		setFormData${pageName}();
+		// 2. 초기 화면 설정
+		$P.initForm();
+
+		// 3. 기본 데이터 설정
+		$P.initData();
 
-		// URL 설정
-		setURL${pageName}();
+		// 4. Dataset 설정
+		$P.control.setData(${epostSndngSttsInfo});
 	});
 
 </script>
diff --git a/src/main/webapp/WEB-INF/jsp/fims/epst/epst02050-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/epst/epst02050-main.jsp
index 04206abc..87634bbf 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/epst/epst02050-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/epst/epst02050-main.jsp
@@ -13,14 +13,14 @@
 				<div>
 					<!-- 상단 버튼 -->
 					<div class="container-page-btn">
-						<button type="button" class="btn btn-outline-dark w-px-120" id="btnReset--${pageName}" title="초기화" onclick="fnResetAndChangeBiz${pageName}();">
+						<button type="button" class="btn btn-outline-dark w-px-120" id="btnReset--${pageName}" title="초기화">
 							초기화
 						</button>
 						<span class="container-window-btn-right">
-							<button type="button" class="btn btn-search w-px-120" id="btnSearch--${pageName}" title="검색" onclick="fnSearchList${pageName}();">
+							<button type="button" class="btn btn-search w-px-120" id="btnSearch--${pageName}" title="검색">
 								검색
 							</button>
-							<button type="button" class="btn btn-excel w-px-120" id="btnExcel--${pageName}" title="엑셀" onclick="fnExcel${pageName}();">
+							<button type="button" class="btn btn-excel w-px-120" id="btnExcel--${pageName}" title="엑셀">
 								엑셀
 							</button>
 						</span>
@@ -108,7 +108,7 @@
 									</select>
 									<input type="hidden" id="schRgtrCd--${pageName}" name="schRgtrCd" />
 									<input type="text" class="form-control" id="schRgtrNm--${pageName}" name="schRgtrNm" />
-									<button type="button" class="btn btn-sm btn-outline-dark" id="btnFindUser--${pageName}" title="사용자 검색" onclick="fnFindUser${pageName}();">
+									<button type="button" class="btn btn-sm btn-outline-dark" id="btnFindUser--${pageName}" title="사용자 검색">
 										검색
 									</button>
 								</div>
@@ -193,11 +193,11 @@
 
 					<!-- DataTables(그리드) -->
 					<div class="card-datatable text-nowrap">
-						<div class="dataTables_wrapper dt-bootstrap5 no-footer" id="DataTables_Table_0_wrapper--${pageName}${pageDataName2}">
-							<div class="table-responsive" id="table-responsive--${pageName}${pageDataName2}" style="overflow-x:scroll; height:160px; overflow-y:scroll;">
-								<table class="table-layout-fixed dataTable datatables-ajax table table-bordered no-footer" id="DataTables_Table_0--${pageName}${pageDataName2}" aria-describedby="DataTables_Table_0_info">
+						<div class="dataTables_wrapper dt-bootstrap5 no-footer" id="DataTables_Table_1_wrapper--${pageName}">
+							<div class="table-responsive" id="table-responsive-1--${pageName}" style="overflow-x:scroll; height:160px; overflow-y:scroll;">
+								<table class="table-layout-fixed dataTable datatables-ajax table table-bordered no-footer" id="DataTables_Table_1--${pageName}" aria-describedby="DataTables_Table_0_info">
 									<thead class="sticky-thead">
-										<tr id="theadTr--${pageName}${pageDataName2}">
+										<tr id="theadTrSumAmt--${pageName}">
 											<th class="cmn" style="width: 160px;">취급구분</th>
 											<th class="cmn" style="width: 160px;">발송건수</th>
 											<th class="cmn" style="width: 200px;">결제금액</th>
@@ -206,9 +206,9 @@
 											<th class="cmn dummy-th"></th>
 										</tr>
 									</thead>
-									<tbody id="tbody--${pageName}${pageDataName2}">
+									<tbody id="tbodySumAmt--${pageName}">
 									</tbody>
-									<template id="${infoPrefix}Row--${pageName}${pageDataName2}">
+									<template id="${infoPrefix}SumAmtRow--${pageName}">
 										<tr data-key="{DIV_KB}">
 											<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{DIV_KB_NM}</td>
 											<td class="cmn text-end"    onclick="{onclick}" ondblclick="{ondblclick}">{RCEPT_CNT}</td>
@@ -218,7 +218,7 @@
 											<td class="cmn dummy-td"></td>
 										</tr>
 									</template>
-									<template id="${infoPrefix}NotFound--${pageName}${pageDataName2}">
+									<template id="${infoPrefix}SumAmtNotFound--${pageName}">
 										<tr class="odd">
 											<td valign="top" colspan="6" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
 										</tr>
@@ -234,7 +234,7 @@
 	</div>
 	<!-- / Content -->
 
-	
+
 
   	<div class="content-backdrop fade"></div>
 </div>
@@ -244,339 +244,372 @@
 	/**************************************************************************
 	 * Global Variable
 	 **************************************************************************/
-	// URL
-	var ${pageName}PrefixUrl = "/epst/epst02";
-	// FormFields
- 	var ${pageName}Fields = new FimsFormFields("#frmSearch--${pageName}");
+	pageObject["${pageName}"] = {};
+
 
 	/**************************************************************************
-	 * DatasetControl
+	 * script 진입
 	 **************************************************************************/
-	var ${pageName}Control = new DatasetControl({
-		  prefix : "epostRcptRslt"
-		, prefixName : "전자우편 접수 결과"
-		, infoSize : "lg"
-		, keymapper : info => info ? info.RCPT_RSLT_ID : ""
-		, dataGetter : obj => obj.epostRcptRsltList
-		, appendData : true
-		, untilPageNum : 0										// 현재 페이지 번호
-		, tableRenderComplete : false							// dataTables 에 자료 추가 완료 여부
-		, formats : {
-			  EXTRI_REGYMD : dateFormat
-	    	, RCEPT_YMD : dateFormat
-	    	, RCEPT_CNT : numberFormat
-	    	, RCEPT_AMT : numberFormat
-	    	, USEFEE_AMT : numberFormat
-	    	, TOTPOST_PRC : numberFormat
-	    	, REG_DT : datetimeFormat
-		}
-	});
+	$(document).ready(function() {
+		// pageObject
+		var $P = pageObject["${pageName}"];
+
+		// URL
+		$P.PrefixUrl = "/epst/epst02";
+		// FormFields
+		$P.formFields = new FimsFormFields("#frmSearch--${pageName}");
+
+		/**************************************************************************
+		 * DatasetControl
+		 **************************************************************************/
+		$P.control = new DatasetControl({
+			  prefix : "epostRcptRslt"
+			, prefixName : "전자우편 접수 결과"
+			, infoSize : "lg"
+			, keymapper : info => info ? info.RCPT_RSLT_ID : ""
+			, dataGetter : obj => obj.epostRcptRsltList
+			, appendData : true
+			, formats : {
+				  EXTRI_REGYMD : dateFormat
+		    	, RCEPT_YMD : dateFormat
+		    	, RCEPT_CNT : numberFormat
+		    	, RCEPT_AMT : numberFormat
+		    	, USEFEE_AMT : numberFormat
+		    	, TOTPOST_PRC : numberFormat
+		    	, REG_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;
+
+		// 합계 금액 정보 Dataset
+		$P.sumAmtDataset = new Dataset({
+			  prefix : "sumAmt"
+			, prefixName : "합계 금액"
+			, keymapper : info => info ? info.DIV_KB : ""
+			, dataGetter : obj => obj.sumAmtList
+			, formats : {
+		    	  RCEPT_CNT : numberFormat
+		    	, RCEPT_AMT : numberFormat
+		    	, USEFEE_AMT : numberFormat
+		    	, TOTPOST_PRC : numberFormat
+			}
+			, onDatasetChange : obj => {
+				$P.renderSumAmtList();
+			}
+	 		, onCurrentChange : item => {
+	 			if (!item) return;
 
-	// 합계 금액 정보 Dataset
-	var ${pageName}${pageDataName2}Dataset = new Dataset({
-		  prefix : "sumAmt"
-		, prefixName : "합계 금액"
-		, keymapper : info => info ? info.DIV_KB : ""
-		, dataGetter : obj => obj.sumAmtList
-		, formats : {
-	    	  RCEPT_CNT : numberFormat
-	    	, RCEPT_AMT : numberFormat
-	    	, USEFEE_AMT : numberFormat
-	    	, TOTPOST_PRC : numberFormat
-		}
-		, onDatasetChange : obj => {
-			renderList${pageName}${pageDataName2}();
-		}
- 		, onCurrentChange : item => {
- 			if (!item) return;
+	 			let key = item.data.DIV_KB;
 
- 			let key = item.data.DIV_KB;
+	 			$("#tbodySumAmt--${pageName}").setCurrentRow(key);
+	 		}
+		});
 
- 			$("#tbody--${pageName}${pageDataName2}").setCurrentRow(key);
- 		}
-	});
+		/**************************************************************************
+		 * 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 : "$P.control.load({index})"
+			});
 
-	/**************************************************************************
-	 * DatasetControl 이벤트
-	 **************************************************************************/
-	// 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})"
-		});
+			$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.RCPT_RSLT_ID;
 
-		let key = item.data.RCPT_RSLT_ID;
+			$("#tbody--${pageName}").setCurrentRow(key);
+		};
 
-		$("#tbody--${pageName}").setCurrentRow(key);
-	};
+		/**************************************************************************
+		 * DataTables 이벤트
+		 **************************************************************************/
+		// DataTables에 click, dbclick 이벤트
+		$P.renderList = (totalSize) => {
+			let ${infoPrefix}List = $P.control.dataset;
+			let empty = ${infoPrefix}List.empty;
 
-	/**************************************************************************
-	 * 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("RCPT_RSLT_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;
-		}
+			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("RCPT_RSLT_ID") + "');")
+				);
 
-	    // checkbox 체크 해제
-		$("th input[type='checkbox']").prop("checked", false);
+			let noMore = (totalSize == ${infoPrefix}List.length);
+			let initScroll = ($P.control.query.pageNum < 2) && ($P.control.untilPageNum == 0);
 
-		//보안모드
-	    fn_securityModeToggle($("#securityMode--top").is(":checked"));
-	}
+			$("#table-responsive--${pageName}")[0].changeContent(trs.join(), initScroll, noMore);
 
-	// DataTables에 스크롤이 맨 밑으로 이동했을 때 이벤트
-	scrollDataList${pageName} = () => {
-		${pageName}Control.tableRenderComplete = false;			// dataTables 에 자료 추가 false
+		    if ($P.control.untilPageNum != 0) {
+		    	$P.control.query.fetchSize = $P.control.defaultFetchSize;
+		    	$P.control.query.pageNum = $P.control.untilPageNum;
+		    	$P.control.untilPageNum = 0;
+			}
 
-		${pageName}Control.load(${pageName}Control.query.pageNum + 1);
-	}
+		    // checkbox 체크 해제
+			$("th input[type='checkbox']").prop("checked", false);
 
-	// DataTables에 click, dbclick 이벤트
-	renderList${pageName}${pageDataName2} = () => {
-		let ${infoPrefix}List = ${pageName}${pageDataName2}Dataset;
-		let empty = ${infoPrefix}List.empty;
+			//보안모드
+		    fn_securityModeToggle($("#securityMode--top").is(":checked"));
+		}
 
-		let trs = empty ?
-			[document.getElementById("${infoPrefix}NotFound--${pageName}${pageDataName2}").innerHTML] : <%-- from template#${infoPrefix}NotFound --%>
-			${infoPrefix}List.inStrings(
-				document.getElementById("${infoPrefix}Row--${pageName}${pageDataName2}").innerHTML, <%-- from template#${infoPrefix}Row --%>
-				(str, dataItem) => str
-					.replace(/{onclick}/gi, "${pageName}${pageDataName2}Dataset.setCurrent('" + dataItem.getValue("DIV_KB") + "');")
-			);
+		// DataTables에 스크롤이 맨 밑으로 이동했을 때 이벤트
+		$P.scrollDataList = () => {
+			$P.control.tableRenderComplete = false;		// dataTables 에 자료 추가 false
 
-		$("#tbody--${pageName}${pageDataName2}").html(trs.join());
-	}
+			$P.control.load($P.control.query.pageNum + 1);
+		}
 
-	/**************************************************************************
-	 * 사용자 함수(function)
-	 **************************************************************************/
-	// 합계 금액 조회
-	getSumAmtInfo${pageName} = (query) => {
-		ajax.get({
-			  url : wctx.url(query.taskSeCd + ${pageName}PrefixUrl + "/050/sumAmt.do")
-			, data : query
-			, success : resp => {
-				${pageName}${pageDataName2}Dataset.setData(resp.sumAmt);
-			}
-		});
-	}
-
-	// callback 사용자 검색
-	callbackFindUser${pageName} = (userId, userNm) => {
-		$("#schRgtrCd--${pageName}").val(userId);		// 사용자 ID
-		$("#schRgtrNm--${pageName}").val(userNm);		// 사용자 명
-	}
-
-	// 사용자 검색
-	getFindUser${pageName} = () => {
-		let params = {
-			callbackFuncName : "callbackFindUser${pageName}"
+		// DataTables에 click, dbclick 이벤트
+		$P.renderSumAmtList = () => {
+			let ${infoPrefix}SumAmtList = $P.sumAmtDataset;
+			let empty = ${infoPrefix}SumAmtList.empty;
+
+			let trs = empty ?
+				[document.getElementById("${infoPrefix}SumAmtNotFound--${pageName}").innerHTML] : <%-- from template#${infoPrefix}NotFound --%>
+				${infoPrefix}SumAmtList.inStrings(
+					document.getElementById("${infoPrefix}SumAmtRow--${pageName}").innerHTML, <%-- from template#${infoPrefix}Row --%>
+					(str, dataItem) => str
+						.replace(/{onclick}/gi, "pageObject['${pageName}'].sumAmtDataset.setCurrent('" + dataItem.getValue("DIV_KB") + "');")
+				);
+
+			$("#tbodySumAmt--${pageName}").html(trs.join());
 		}
 
-		ajax.get({
-			  url : wctx.url("/user/user02/010/main.do")
-			, data : params || {}
-			, success : resp => {
-				dialog.open({
-					  id : "userDialog"
-					, title : "사용자 검색"
-					, content : resp
-					, size : "lg"
-				});
+		/**************************************************************************
+		 * 사용자 함수(function)
+		 **************************************************************************/
+		// callback 사용자 검색
+		$P.callbackFindUser = (userId, userNm) => {
+			$("#schRgtrCd--${pageName}").val(userId);	// 사용자 ID
+			$("#schRgtrNm--${pageName}").val(userNm);	// 사용자 명
+		}
+
+		// 사용자 검색
+		$P.getFindUser = () => {
+			let params = {
+				  openerPageName : "${pageName}"
+				, callbackFuncName : "pageObject['${pageName}']['callbackFindUser']"
 			}
-		});
-	}
 
-	// 검색 자료 재조회
-	refreshList${pageName} = () => {
-		${pageName}Control.untilPageNum = ${pageName}Control.query.pageNum;
-		${pageName}Control.query.fetchSize = ${pageName}Control.defaultFetchSize * ${pageName}Control.query.pageNum;
+			ajax.get({
+				  url : wctx.url("/user/user02/010/main.do")
+				, data : params || {}
+				, success : resp => {
+					dialog.open({
+						  id : "userDialog"
+						, title : "사용자 검색"
+						, content : resp
+						, size : "lg"
+					});
+				}
+			});
+		}
 
-		${pageName}Control.load(1);
-	}
+		// 검색 자료 재조회
+		$P.refreshList = () => {
+			$P.control.untilPageNum = $P.control.query.pageNum;
+			$P.control.query.fetchSize = $P.control.defaultFetchSize * $P.control.query.pageNum;
 
-	/**************************************************************************
-	 * 버튼 clickEvent
-	 **************************************************************************/
-	// 업무 구분 변경
-	fnResetAndChangeBiz${pageName} = (taskSeCd) => {
-		// 업무 구분 코드
-		if (typeof taskSeCd == "undefined" || taskSeCd == null || taskSeCd == "") {
-			taskSeCd = $("#layout-navbar input[name='taskSeCd']:checked").val();
+			$P.control.load(1);
 		}
 
-		// 초기 기본 설정
-		initForm${pageName}();
-
-		// 기본 데이터 설정
-		setFormData${pageName}(taskSeCd);
-	}
-
-	// 검색 버튼 이벤트
-	fnSearchList${pageName} = () => {
-		// 검색조건
-		${pageName}Control.query = ${pageName}Fields.get();
-
-		${pageName}Control.query.fetchSize = ${pageName}Control.defaultFetchSize;		// 한번에 조회되는 자료 건수 FETCH_XS = 30
-		${pageName}Control.query.sggCd = $("#sggCd--${pageName}").val();				// 시군구 코드
-		${pageName}Control.query.conOrg = $("#conOrg--${pageName}").val();				// 외부기관구분코드
-		${pageName}Control.query.relorsectCd = $("#deptCd--${pageName}").val();			// 결제부서코드(부서코드)
-
-		// 검색
-		${pageName}Control.load(1);
-
-		// 합계금액 검색
-		getSumAmtInfo${pageName}(${pageName}Control.query);
-	}
-
-	// 엑셀 버튼 이벤트
-	fnExcel${pageName} = () => {
-		if (${pageName}Control.dataset.empty) {
-			dialog.alert({
-				  content : "검색된 자료가 없습니다."
-				, onOK : () => { }
+		// 합계 금액 조회
+		$P.getSumAmtInfo = (query) => {
+			ajax.get({
+				  url : wctx.url("/" + query.taskSeCd + $P.PrefixUrl + "/050/sumAmt.do")
+				, data : query
+				, success : resp => {
+					$P.sumAmtDataset.setData(resp.sumAmt);
+				}
 			});
+		}
+
+		/**************************************************************************
+		 * 버튼 clickEvent
+		 **************************************************************************/
+		// 업무 구분 변경 이벤트
+		$P.fnResetAndChangeBiz = (taskSeCd) => {
+			// 업무 구분 코드
+			if (typeof taskSeCd == "undefined" || taskSeCd == null || taskSeCd == "") {
+				taskSeCd = $("#layout-navbar input[name='taskSeCd']:checked").val();
+			}
 
-			return;
+			// 초기 기본 설정
+			$P.initForm();
+			// 기본 데이터 설정
+			$P.initData(taskSeCd);
+			// 업무 구분별 설정
+			$P.setTask(taskSeCd);
+
+			// dataset 초기화
+	 		$P.control.dataset.clear();
+	 		$P.sumAmtDataset.clear();
 		}
 
-		// 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.fnSearchList = () => {
+			// 검색조건
+			$P.control.query = $P.formFields.get();
+			$P.control.query.fetchSize = $P.control.defaultFetchSize;			// 한번에 조회되는 자료 건수
 
-		${pageName}Control.query.cellDefs = cellDefs;
+			$P.control.query.relorsectCd = $("#deptCd--${pageName}").val();		// 결제부서코드(부서코드)
 
-		${pageName}Control.download();
-	}
+			$P.control.load(1);
 
-	// 사용자 조회 버튼 이벤트
-	fnFindUser${pageName} = () => {
-		getFindUser${pageName}();
-	}
+			// 합계금액 검색
+			$P.getSumAmtInfo($P.control.query);
+		}
 
-	/**************************************************************************
-	 * 초기 설정
-	 **************************************************************************/
-	// 이벤트
-	setEvent${pageName} = () => {
-		// 동적검색에서 엔터(Enter) 키를 누르면 검색한다.
-		$("#term--${pageName}").keypress(function(e) {
-			if (e.keyCode == 13) {
-				fnSearchList${pageName}();   
-			}    
-		});
+		// 엑셀 버튼 이벤트
+		$P.fnExcel = () => {
+			if ($P.control.dataset.empty) {
+				dialog.alert({
+					  content : "검색된 자료가 없습니다."
+					, onOK : () => { }
+				});
 
-		// form-date 항목에서 키보드로 입력시 날짜 포맷팅 적용
-		$("#frmSearch--${pageName}").find(".form-date").each(function() {
-			$(this).on("input", function() {
-				let value = this.value.replaceAll("-", "");
+				return;
+			}
 
-				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").not(":eq(0)")
+					, $($("#${infoPrefix}Row--${pageName}")[0].content).find("td").not(".dummy-td").not(":eq(0)"));
+			$P.control.query.cellDefs = cellDefs;
 
-		// DataTables width 변경 조정	업무별 그리드가 존재 한다면.. crdn06010-main.jsp 참고
-		$("#DataTables_Table_0--${pageName}").find("th").resizable( {handles : "e"} );
+			$P.control.download();
+		}
 
-		$("#DataTables_Table_0--${pageName}${pageDataName2}").find("th").resizable( {handles : "e"} );
+		// 사용자 조회 버튼 이벤트
+		$P.fnFindUser = () => {
+			$P.getFindUser();
+		}
 
-		// DataTables 스크롤 이벤트 생성
-		fnMakeScrollableTable($("#table-responsive--${pageName}")[0], scrollDataList${pageName});
-	}
+		/**************************************************************************
+		 * 초기 설정
+		 **************************************************************************/
+		// 이벤트
+		$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) {
+					$P.fnSearchList();
+				}    
+			});
 
-	// 화면 초기 설정
-	initForm${pageName} = () => {
-		// 화면 초기화
- 		$("#frmSearch--${pageName}")[0].reset();
+			// form-date 항목에서 키보드로 입력시 날짜 포맷팅 적용
+			$("#frmSearch--${pageName}").find(".form-date").each(function() {
+				$(this).on("input", function() {
+					let value = this.value.replaceAll("-", "");
 
-		// 최고 관리자 경우 업무구분을 선택할 수 있도록 하자.
-		$("#frmSearch--${pageName} input[name='taskSeCd']").each(function(i) {
-			$(this).prop("disabled", "true");
-		});
+					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);
+					}
+				});
+			});
 
-		// 달력 초기화
-		initDatepicker("frmSearch--${pageName}");
-		$("#schExtriRegymdFrom--${pageName}").datepicker("setDate", DateUtil.getDateDay(-7).date);
-		$("#schExtriRegymdTo--${pageName}").datepicker("setDate", new Date());
+			// DataTables width 변경 조정	업무별 그리드가 존재 한다면.. crdn06010-main.jsp 참고
+			$("#DataTables_Table_0--${pageName}").find("th").resizable( {handles : "e"} );
+			$("#DataTables_Table_1--${pageName}").find("th").resizable( {handles : "e"} );
 
-		// 사용자 이름
-		$("#schRgtrNm--${pageName}").prop("readonly", true);
+			// DataTables 스크롤 이벤트 생성
+			fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollDataList);
+		}
 
-		// dataset 초기화
- 		${pageName}Control.dataset.clear();
- 		${pageName}${pageDataName2}Dataset.clear();
-	}
+		// 화면 초기 설정
+		$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");
+	 		});
+
+			// 달력 초기화
+			initDatepicker("frmSearch--${pageName}");
+			$("#schExtriRegymdFrom--${pageName}").datepicker("setDate", new Date());
+			$("#schExtriRegymdTo--${pageName}").datepicker("setDate", new Date());
+
+			// 동적 검색
+			$("#byOutput--${pageName}").val("동적 검색");
+
+			// 사용자 이름
+			$("#schRgtrNm--${pageName}").prop("readonly", true);
+		}
 
-	// 기본 데이터 설정
-	setFormData${pageName} = (taskSeCd) => {
-		// ${pageName}Control 설정
-		${pageName}Control.defaultFetchSize = FETCH_XS;	// 1 페이지당 조회되는 자료 건수 index.jsp에서 확인 FETCH_XS = 30
+		// 기본 데이터 설정
+		$P.initData = (taskSeCd) => {
+			// $P.control 설정
+			$P.control.defaultFetchSize = FETCH_XS;	// 1 페이지당 조회되는 자료 건수 index.jsp에서 확인 FETCH_XS = 30
+
+			// 화면 데이터 설정
+			$("#sggCd--${pageName}").val("${sggCd}");		// 시군구 코드
+			$("#deptCd--${pageName}").val("${deptCd}");		// 부서 코드
+			$("#conOrg--${pageName}").val("${conOrg}");		// E그린 외부기관구분코드
+			$("#frmSearch--${pageName} input[name='taskSeCd'][value='" + taskSeCd + "']").prop("checked", true);	// 업무 구분 코드
+
+			// 일자
+			$("#schExtriRegymdFrom--${pageName}").datepicker("setDate", DateUtil.getDateDay(-7).date);
+			$("#schExtriRegymdTo--${pageName}").datepicker("setDate", new Date());
+		}
 
-		// 화면 데이터 설정
-		$("#sggCd--${pageName}").val("${sggCd}");		// 시군구 코드
-		$("#deptCd--${pageName}").val("${deptCd}");		// 부서 코드
-		$("#conOrg--${pageName}").val("${conOrg}");		// E그린 외부기관구분코드
-		$("#frmSearch--${pageName} input[name='taskSeCd'][value='" + taskSeCd + "']").prop("checked", true);	// 업무 구분
+		// 업무 구분별 설정
+		$P.setTask = (taskSeCd) => {
+			// URL 설정
+			$P.setURL(taskSeCd);
+		}
 
-		// URL 설정
-		setURL${pageName}(taskSeCd);
-	}
+		// 업무구분에 따른 URL 설정
+		$P.setURL = (taskSeCd) => {
+			$P.control.urls.load = wctx.url("/" + taskSeCd + $P.PrefixUrl + "/050/list.do");	// 검색
+		}
 
-	// URL 설정
-	setURL${pageName} = (taskSeCd) => {
-		${pageName}Control.urls.load = wctx.url(taskSeCd + ${pageName}PrefixUrl + "/050/list.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/excl/excl01010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/excl/excl01010-main.jsp
index 22b6eb36..e11562dc 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
@@ -139,7 +139,7 @@
 									</select>
 									<input type="hidden" id="schRgtrCd--${pageName}" name="schRgtrCd" />
 									<input type="text" class="form-control" id="schRgtrNm--${pageName}" name="schRgtrNm" />
-									<button type="button" class="btn btn-sm btn-outline-dark" id="btnFindUser--${pageName}" title="사용자 검색" onclick="fnFindUser${pageName}();">
+									<button type="button" class="btn btn-sm btn-outline-dark" id="btnFindUser--${pageName}" title="사용자 검색">
 										검색
 									</button>
 								</div>
@@ -494,7 +494,8 @@
 		// 사용자 검색
 		$P.getFindUser = () => {
 			let params = {
-				callbackFuncName : "$P.callbackFindUser"
+				  openerPageName : "${pageName}"
+				, callbackFuncName : "pageObject['${pageName}']['callbackFindUser']"
 			}
 
 			ajax.get({
@@ -745,6 +746,7 @@
 			$("#sggCd--${pageName}").val("${sggCd}");
 			// 업무 구분 코드
 			$("#frmSearch--${pageName} input[name='taskSeCd'][value='" + taskSeCd + "']").prop("checked", true);
+
 			// 일자
 			$("#schLevyExclYmdFrom--${pageName}").datepicker("setDate", DateUtil.getDateDay(-7).date);
 			$("#schLevyExclYmdTo--${pageName}").datepicker("setDate", new Date());
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 3a6b1736..32dbfa5e 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
@@ -163,7 +163,7 @@
 									</select>
 									<input type="hidden" id="schRgtrCd--${pageName}" name="schRgtrCd" />
 									<input type="text" class="form-control" id="schRgtrNm--${pageName}" name="schRgtrNm" />
-									<button type="button" class="btn btn-sm btn-outline-dark" id="btnFindUser--${pageName}" title="사용자 검색" onclick="fnFindUser${pageName}();">
+									<button type="button" class="btn btn-sm btn-outline-dark" id="btnFindUser--${pageName}" title="사용자 검색">
 										검색
 									</button>
 								</div>
@@ -539,7 +539,8 @@
 		// 사용자 검색
 		$P.getFindUser = () => {
 			let params = {
-				callbackFuncName : "$P.callbackFindUser"
+				  openerPageName : "${pageName}"
+				, callbackFuncName : "pageObject['${pageName}']['callbackFindUser']"
 			}
 
 			ajax.get({
diff --git a/src/main/webapp/WEB-INF/jsp/fims/excl/excl03010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/excl/excl03010-main.jsp
index 5401d5a0..896441ca 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/excl/excl03010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/excl/excl03010-main.jsp
@@ -387,7 +387,8 @@
 		// 사용자 검색
 		$P.getFindUser = () => {
 			let params = {
-				callbackFuncName : "$P.callbackFindUser"
+				  openerPageName : "${pageName}"
+				, callbackFuncName : "pageObject['${pageName}']['callbackFindUser']"
 			}
 
 			ajax.get({
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 42d5f2cc..035f6c1c 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
@@ -157,7 +157,7 @@
 									</select>
 									<input type="hidden" id="schRgtrCd--${pageName}" name="schRgtrCd" />
 									<input type="text" class="form-control" id="schRgtrNm--${pageName}" name="schRgtrNm" />
-									<button type="button" class="btn btn-sm btn-outline-dark" id="btnFindUser--${pageName}" title="사용자 검색" onclick="fnFindUser${pageName}();">
+									<button type="button" class="btn btn-sm btn-outline-dark" id="btnFindUser--${pageName}" title="사용자 검색">
 										검색
 									</button>
 								</div>
@@ -459,7 +459,8 @@
 		// 사용자 검색
 		$P.getFindUser = () => {
 			let params = {
-				callbackFuncName : "$P.callbackFindUser"
+				  openerPageName : "${pageName}"
+				, callbackFuncName : "pageObject['${pageName}']['callbackFindUser']"
 			}
 
 			ajax.get({
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 3efbd4d2..45eac53e 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
@@ -167,7 +167,7 @@
 									</select>
 									<input type="hidden" id="schRgtrCd--${pageName}" name="schRgtrCd" />
 									<input type="text" class="form-control" id="schRgtrNm--${pageName}" name="schRgtrNm" />
-									<button type="button" class="btn btn-sm btn-outline-dark" id="btnFindUser--${pageName}" title="사용자 검색" onclick="fnFindUser${pageName}();">
+									<button type="button" class="btn btn-sm btn-outline-dark" id="btnFindUser--${pageName}" title="사용자 검색">
 										검색
 									</button>
 								</div>
@@ -522,7 +522,8 @@
 		// 사용자 검색
 		$P.getFindUser = () => {
 			let params = {
-				callbackFuncName : "$P.callbackFindUser"
+				  openerPageName : "${pageName}"
+				, callbackFuncName : "pageObject['${pageName}']['callbackFindUser']"
 			}
 
 			ajax.get({
diff --git a/src/main/webapp/WEB-INF/jsp/fims/rdca/rdca01010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/rdca/rdca01010-main.jsp
index 2d0fa065..bcb81168 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/rdca/rdca01010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/rdca/rdca01010-main.jsp
@@ -494,7 +494,8 @@
 		// 사용자 검색
 		$P.getFindUser = () => {
 			let params = {
-				callbackFuncName : "$P.callbackFindUser"
+				  openerPageName : "${pageName}"
+				, callbackFuncName : "pageObject['${pageName}']['callbackFindUser']"
 			}
 
 			ajax.get({
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 eab0d667..be4c19ca 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
@@ -146,7 +146,7 @@
 					<!-- DataTables(그리드) -->
 					<div class="card-datatable text-nowrap">
 						<div class="dataTables_wrapper dt-bootstrap5 no-footer" id="DataTables_Table_1_wrapper--${pageName}">
-							<div class="table-responsive" id="table-responsive-svbtc--${pageName}" style="overflow-x:scroll; height:200px; overflow-y:scroll;" >
+							<div class="table-responsive" id="table-responsive-1--${pageName}" style="overflow-x:scroll; height:200px; overflow-y:scroll;" >
 								<table class="table-layout-fixed dataTable datatables-ajax table table-bordered no-footer"
 										id="DataTables_Table_1--${pageName}" aria-describedby="DataTables_Table_0_info">
 									<thead class="sticky-thead">
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 8dffaae8..efaa2c00 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
@@ -200,7 +200,7 @@
 					<!-- DataTables(그리드) -->
 					<div class="card-datatable text-nowrap">
 						<div class="dataTables_wrapper dt-bootstrap5 no-footer" id="DataTables_Table_1_wrapper--${pageName}">
-							<div class="table-responsive" id="table-responsive-payerHstry--${pageName}" style="overflow-x:scroll; height:320px; overflow-y:scroll;" >
+							<div class="table-responsive" id="table-responsive-1--${pageName}" style="overflow-x:scroll; height:320px; overflow-y:scroll;" >
 								<table class="table-layout-fixed dataTable datatables-ajax table table-bordered no-footer"
 										id="DataTables_Table_1--${pageName}" aria-describedby="DataTables_Table_0_info">
 									<thead class="sticky-thead">