From 4b3ded0369ba1030fcd8090d5aea9a54a064b420 Mon Sep 17 00:00:00 2001
From: leebj <leebj91@xit.co.kr>
Date: Wed, 7 Aug 2024 17:49:41 +0900
Subject: [PATCH] =?UTF-8?q?=ED=86=B5=ED=95=A9=EC=A1=B0=ED=9A=8C=ED=99=94?=
 =?UTF-8?q?=EB=A9=B4=20=EC=86=8C=EC=8A=A4=EC=A0=95=EB=A6=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../WEB-INF/jsp/fims/sprt/sprt01010-main.jsp  | 161 ++++++++----------
 .../WEB-INF/jsp/fims/sprt/sprt01011-info.jsp  |  99 +++++------
 .../WEB-INF/jsp/fims/sprt/sprt01012-info.jsp  |  35 ++--
 .../WEB-INF/jsp/fims/sprt/sprt01013-info.jsp  |  41 +++--
 .../WEB-INF/jsp/fims/sprt/sprt01014-info.jsp  | 143 ++++++----------
 .../WEB-INF/jsp/fims/sprt/sprt01015-info.jsp  | 102 +++++------
 6 files changed, 257 insertions(+), 324 deletions(-)

diff --git a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01010-main.jsp
index bf3a7c67..d22e6084 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01010-main.jsp
@@ -1,7 +1,7 @@
 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false" session="false"%>
 <%@ include file="/WEB-INF/jsp/include/taglib.jsp"%>
 <c:set var="pageKorName" scope="request">통합조회</c:set>
-<div class="content-wrapper">
+<div class="content-wrapper" data-doctx="${pageName}">
 	<div class="container-xxl flex-grow-1 px-0">
 		<div class="card wrapper-list">
 			<jsp:include page="/WEB-INF/jsp/fims/sprt/sprt01011-info.jsp" />
@@ -11,20 +11,18 @@
 	</div>
 
 	<div class="toast-container position-fixed bottom-0 end-0 p-3">
-	  <div id="divToast--${pageName}" class="toast" role="alert" aria-live="assertive" aria-atomic="true">
-	    <div id="toastText--${pageName}" class="toast-body bg-black text-white">
+	  <div name="divToast" class="toast" role="alert" aria-live="assertive" aria-atomic="true">
+	    <div name="toastText" class="toast-body bg-black text-white">
 	    </div>
 	  </div>
 	</div>
+	
+	<jsp:include page="/WEB-INF/jsp/fims/sprt/sprt01014-info.jsp" />
+	<jsp:include page="/WEB-INF/jsp/fims/sprt/sprt01015-info.jsp" />
 
 	<div class="content-backdrop fade"></div>
 </div>
 
-<jsp:include page="/WEB-INF/jsp/fims/sprt/sprt01014-info.jsp" />
-<jsp:include page="/WEB-INF/jsp/fims/sprt/sprt01015-info.jsp" />
-
-<span id="tempArea--${pageName}" hidden></span>
-
 <script>
 LoadScript("sprt01010Script","/resources/js/fims/sprt/sprt01010.js?ver=${ver}");
 
@@ -42,7 +40,7 @@ var FIM061 = new CommonCodes(${FIM061}, true);
 var FIM064 = new CommonCodes(${FIM064}, true);
 
 
-pageObject["${pageName}"] = {};
+pageObject["${pageName}"] = newDoctxFinder("${pageName}");
 
 $(document).ready(function() {
 	var $P = pageObject["${pageName}"];
@@ -59,12 +57,12 @@ $(document).ready(function() {
 	 **************************************************************************/
 	// Dataset 변경 이벤트
 	$P.ctrl.upDataset.onDatasetChange = (obj, option) => {
-		var upActiveTab = $("#upGridTabs--${pageName}").find("button.active").text().trim();
+		var upActiveTab = $P.$find("upGridTabs").find("button.active").text().trim();
 		$P.renderList("up", upActiveTab);
 	};
 
 	$P.ctrl.downDataset.onDatasetChange = (obj, option) => {
-		var downActiveTab = $("#downGridTabs--${pageName}").find("button.active").text().trim();
+		var downActiveTab = $P.$find("downGridTabs").find("button.active").text().trim();
 		$P.renderList("down", downActiveTab);
 	};
 
@@ -72,13 +70,13 @@ $(document).ready(function() {
 	$P.ctrl.upDataset.onCurrentChange = (DI) => {
 		if (!DI) return;
 		var key = DI.data.CRDN_ID;
-		$("#upTbody--${pageName}").setCurrentRow(key);
+		$P.$find("upTbody").setCurrentRow(key);
 	};
 
 	$P.ctrl.downDataset.onCurrentChange = (DI) => {
 		if (!DI) return;
 		var key = DI.data.CRDN_ID;
-		$("#downTbody--${pageName}").setCurrentRow(key);
+		$P.$find("downTbody").setCurrentRow(key);
 	};
 
 	// 선택(체크) 변경 이벤트
@@ -86,13 +84,13 @@ $(document).ready(function() {
 		var DS = $P.ctrl.upDataset;
 		var keys = selectedArr.map(item => DS.getKey(item));
 
-		$("#upTbody--${pageName}").find("input[type='checkbox']").each(function() {
+		$P.$find("upTbody").find("input[type='checkbox']").each(function() {
 			var checkbox = $(this);
 			checkbox.prop("checked", keys.includes(checkbox.val()));
 		});
 		
-		let status = getCheckboxesStatus($("#upTbody--${pageName}").find("input[type='checkbox']"));
-		let thc = $("#upTheadTr--${pageName}").find("input[type='checkbox']");
+		let status = getCheckboxesStatus($P.$find("upTbody").find("input[type='checkbox']"));
+		let thc = $P.$find("upTheadTr").find("input[type='checkbox']");
 
 		if(status == 1 && !thc.is(":checked")){
 			thc.prop("checked", true);
@@ -106,13 +104,13 @@ $(document).ready(function() {
 		var DS = $P.ctrl.downDataset;
 		var keys = selectedArr.map(item => DS.getKey(item));
 
-		$("#downTbody--${pageName}").find("input[type='checkbox']").each(function() {
+		$P.$find("downTbody").find("input[type='checkbox']").each(function() {
 			var checkbox = $(this);
 			checkbox.prop("checked", keys.includes(checkbox.val()));
 		});
 		
-		let status = getCheckboxesStatus($("#downTbody--${pageName}").find("input[type='checkbox']"));
-		let thc = $("#downTheadTr--${pageName}").find("input[type='checkbox']");
+		let status = getCheckboxesStatus($P.$find("downTbody").find("input[type='checkbox']"));
+		let thc = $P.$find("downTheadTr").find("input[type='checkbox']");
 		
 		if(status == 1 && !thc.is(":checked")){
 			thc.prop("checked", true);
@@ -141,7 +139,7 @@ $(document).ready(function() {
 		}
 	}
 	
-	$P.toast = new bootstrap.Toast(document.getElementById('divToast--${pageName}'), {
+	$P.toast = new bootstrap.Toast($P.find("divToast"), {
 	    animation: true,
 	    autohide: true,
 	    delay: 2000
@@ -150,9 +148,9 @@ $(document).ready(function() {
 	// 초기화
 	$P.fnResetAndChangeBiz = (taskSeCd) => {
 		// 항목 초기화
-		$("#ischVltnCd--${pageName}").empty();
+		$P.$find("ischVltnCd").empty();
 
-		$("#ischVltnCd--${pageName}").append("<option value=''>" + "전체" + "</option>");
+		$P.$find("ischVltnCd").append("<option value=''>" + "전체" + "</option>");
 
 		// 업무에 따른 위반 내용
 		var vltnIdCode = [];
@@ -170,7 +168,7 @@ $(document).ready(function() {
 
 		if(taskSeCd != ""){
 			$(vltnIdCode).each(function(index, item) {
-				$("#ischVltnCd--${pageName}").append("<option value='" + vltnIdCode[index].code +"'>" + vltnIdCode[index].value + "</option>");
+				$P.$find("ischVltnCd").append("<option value='" + vltnIdCode[index].code +"'>" + vltnIdCode[index].value + "</option>");
 			})
 		}
 
@@ -184,7 +182,7 @@ $(document).ready(function() {
 
 	// 검색 조건 파라미터 가져오기
 	$P.getParams = () => {
-		var formFields = new FimsFormFields("#frmSearch--${pageName}");
+		var formFields = new FimsFormFields($P.selector("frmSearch"));
 		var formData = formFields.get();
 
 		return formData;
@@ -226,10 +224,10 @@ $(document).ready(function() {
 			query.ischRtpyrNo = "";
 		}
 
-		$("#upGridTabs--${pageName}").find("button").not(":eq(0)").removeClass("active");
-		$("#upGridTabs--${pageName}").find("button").eq(0).addClass("active");
-		$("#downGridTabs--${pageName}").find("button").not(":eq(0)").removeClass("active");
-		$("#downGridTabs--${pageName}").find("button").eq(0).addClass("active");
+		$P.$find("upGridTabs").find("button").not(":eq(0)").removeClass("active");
+		$P.$find("upGridTabs").find("button").eq(0).addClass("active");
+		$P.$find("downGridTabs").find("button").not(":eq(0)").removeClass("active");
+		$P.$find("downGridTabs").find("button").eq(0).addClass("active");
 		$P.ctrl.upDataset.clear();
 		$P.ctrl.downDataset.clear();
 
@@ -249,8 +247,8 @@ $(document).ready(function() {
 			}
 
 			cellDefs = getCellDefs(
-				$("#upTheadTr--${pageName} th").not(".dummy-th").not(":eq(0)"),
-				$($("#row--${pageName}")[0].content).find("td").not(".dummy-td").not(":eq(0)"),
+				$P.$find("upTheadTr").find("th").not(".dummy-th").not(":eq(0)"),
+				$($P.find("row").content).find("td").not(".dummy-td").not(":eq(0)"),
 				getCellDefsForPrivacyCell
 			);
 
@@ -262,8 +260,8 @@ $(document).ready(function() {
 			}
 
 			cellDefs = getCellDefs(
-				$("#downTheadTr--${pageName} th").not(".dummy-th").not(":eq(0)"),
-				$($("#row--${pageName}")[0].content).find("td").not(".dummy-td").not(":eq(0)"),
+				$P.$find("downTheadTr").find("th").not(".dummy-th").not(":eq(0)"),
+				$($P.find("row").content).find("td").not(".dummy-td").not(":eq(0)"),
 				getCellDefsForPrivacyCell
 			);
 
@@ -278,10 +276,10 @@ $(document).ready(function() {
 
 	$P.renderList = (updown, tabGroup) => {
 
-		var tbody = updown == "up" ? "upTbody--${pageName}" : "downTbody--${pageName}";
+		var tbodyName = updown == "up" ? "upTbody" : "downTbody";
 		var trs = "";
-		var notFound = [document.getElementById("notFound--${pageName}").innerHTML];
-		var found = document.getElementById("row--${pageName}").innerHTML;
+		var notFound = [$P.find("notFound").innerHTML];
+		var found = $P.find("row").innerHTML;
 		var DS;
 
 		if(updown == "up"){
@@ -327,7 +325,7 @@ $(document).ready(function() {
 			}
 		}
 
-		$("#"+tbody).html(trs.join());
+		$P.$find(tbodyName).html(trs.join());
 
 		//보안모드
 	    fn_securityModeToggle($("#securityMode--top").is(":checked"));
@@ -338,31 +336,31 @@ $(document).ready(function() {
 	$P.setTotalData = (updown, list) => {
 
 		if(updown == "up"){
-			$("#minapCnt--${pageName}").set(list.length);
+			$P.$find("minapCnt").set(list.length);
 			var minapAmt = list.reduce((a, b) => a + ifEmpty(b.data.MINAP_AMT,0), 0);
-			$("#minapAmt--${pageName}").set(minapAmt);
+			$P.$find("minapAmt").set(minapAmt);
 
 			var listForSgg = list.filter(item => MY_INFO.info.sggCd == item.data.SGG_CD);
-			$("#minapCntForSgg--${pageName}").set(listForSgg.length);
+			$P.$find("minapCntForSgg").set(listForSgg.length);
 			var minapAmtForSgg = listForSgg.reduce((a, b) => a + ifEmpty(b.data.MINAP_AMT,0), 0);
-			$("#minapAmtForSgg--${pageName}").set(minapAmtForSgg);
+			$P.$find("minapAmtForSgg").set(minapAmtForSgg);
 		} else {
 			var sunapList = list.filter(item => item.data.TAB_GROUP == '수납');
 			var sonList = list.filter(item => item.data.TAB_GROUP == '결손');
 
-			$("#sunapCnt--${pageName}").set(sunapList.length);
+			$P.$find("sunapCnt").set(sunapList.length);
 			var sunapAmt = sunapList.reduce((a, b) => a + ifEmpty(b.data.RCVMT_AMT,0), 0);
-			$("#sunapAmt--${pageName}").set(sunapAmt);
+			$P.$find("sunapAmt").set(sunapAmt);
 
 			var sunapListForSgg = sunapList.filter(item => MY_INFO.info.sggCd == item.data.SGG_CD);
-			$("#sunapCntForSgg--${pageName}").set(sunapListForSgg.length);
+			$P.$find("sunapCntForSgg").set(sunapListForSgg.length);
 			var sunapAmtForSgg = sunapListForSgg.reduce((a, b) => a + ifEmpty(b.data.RCVMT_AMT,0), 0);
-			$("#sunapAmtForSgg--${pageName}").set(sunapAmtForSgg);
+			$P.$find("sunapAmtForSgg").set(sunapAmtForSgg);
 
 			var sonListForSgg = sonList.filter(item => MY_INFO.info.sggCd == item.data.SGG_CD);
-			$("#sonCntForSgg--${pageName}").set(sonListForSgg.length);
+			$P.$find("sonCntForSgg").set(sonListForSgg.length);
 			var sonAmtForSgg = sonListForSgg.reduce((a, b) => a + ifEmpty(b.data.SUM_AMT,0), 0);
-			$("#sonAmtForSgg--${pageName}").set(sonAmtForSgg);
+			$P.$find("sonAmtForSgg").set(sonAmtForSgg);
 		}
 
 	};
@@ -381,7 +379,7 @@ $(document).ready(function() {
 		if(cur != null){
 			clipboardCopy(cur.RTPYR_NO);
 			
-			$("#toastText--${pageName}").html("납부자번호가 복사되었습니다.");
+			$P.$find("toastText").html("납부자번호가 복사되었습니다.");
 			$P.toast.show();
 		}
 
@@ -769,51 +767,38 @@ $(document).ready(function() {
 	//이벤트
 	$P.setEvent = () => {
 
-		$("#btnReset--${pageName}").on("click", function(){ $P.fnReset(); });
-		$("#btnSearch--${pageName}").on("click", function(){ $P.fnSearchList(); });
+		$P.$find("btnReset").on("click", function(){ $P.fnReset(); });
+		$P.$find("btnSearch").on("click", function(){ $P.fnSearchList(); });
 		// 동적검색에서 엔터(Enter) 키를 누르면 검색한다.
-		$("#term--${pageName}").onEnterPress($P.fnSearchList);
-		$("#btnPrintCrdn--${pageName}").on("click", function(){ $P.fnPrintCrdn(); });
-		$("#btnPrintBill--${pageName}").on("click", function(){ $P.fnPrintBill(); });
+		$P.$find("term").onEnterPress($P.fnSearchList);
+		$P.$find("btnPrintCrdn").on("click", function(){ $P.fnPrintCrdn(); });
+		$P.$find("btnPrintBill").on("click", function(){ $P.fnPrintBill(); });
 
-		$("#btnUpExcel--${pageName}").on("click", function(){ $P.fnExcel("up"); });
-		$("#btnDownExcel--${pageName}").on("click", function(){ $P.fnExcel("down"); });
+		$P.$find("btnUpExcel").on("click", function(){ $P.fnExcel("up"); });
+		$P.$find("btnDownExcel").on("click", function(){ $P.fnExcel("down"); });
 
-		$("#btnUpCopyPyrNo--${pageName}").on("click", function(){ $P.fnCopyPyrNo("up"); });
-		$("#btnDownCopyPyrNo--${pageName}").on("click", function(){ $P.fnCopyPyrNo("down"); });
+		$P.$find("btnUpCopyPyrNo").on("click", function(){ $P.fnCopyPyrNo("up"); });
+		$P.$find("btnDownCopyPyrNo").on("click", function(){ $P.fnCopyPyrNo("down"); });
 
-		$("#btnUpManageEtcCn--${pageName}").on("click", function(){ $P.fnManageEtcCn("up"); });
-		$("#btnDownManageEtcCn--${pageName}").on("click", function(){ $P.fnManageEtcCn("down"); });
+		$P.$find("btnUpManageEtcCn").on("click", function(){ $P.fnManageEtcCn("up"); });
+		$P.$find("btnDownManageEtcCn").on("click", function(){ $P.fnManageEtcCn("down"); });
 
-		$("#btnUpInputEtcCn--${pageName}").on("click", function(){ $P.fnInputEtcCn("up"); });
-		$("#btnDownInputEtcCn--${pageName}").on("click", function(){ $P.fnInputEtcCn("down"); });
+		$P.$find("btnUpInputEtcCn").on("click", function(){ $P.fnInputEtcCn("up"); });
+		$P.$find("btnDownInputEtcCn").on("click", function(){ $P.fnInputEtcCn("down"); });
 
-		$("#btnDownPrintRcvmtConfirm--${pageName}").on("click", function(){ $P.fnPrintRcvmtConfirm(); });
+		$P.$find("btnDownPrintRcvmtConfirm").on("click", function(){ $P.fnPrintRcvmtConfirm(); });
 
-		$("#btnUpPrintAdvntce--${pageName}").on("click", function(){ $P.fnPrintAdvntce(); });
-		$("#btnPrintNht--${pageName}").on("click", function(){ $P.fnPrintNht(); });
+		$P.$find("btnUpPrintAdvntce").on("click", function(){ $P.fnPrintAdvntce(); });
+		$P.$find("btnPrintNht").on("click", function(){ $P.fnPrintNht(); });
 
 		//$("#btn").on("click", function(){ });
 
 
 		// 달력 초기화
-		initDatepicker("frmSearch--${pageName}");
-		initDetailSearchButton("frmSearch--${pageName}");
-
-		// form-date 항목에서 키보드로 입력시 날짜 포맷팅 적용
-		$("#frmSearch--${pageName}").find(".form-date").each(function() {
-			$(this).on("input", function() {
-				var value = this.value.replaceAll("-", "");
-
-				if (value.length > 7) {
-					this.value = value.substring(0, 4) + "-" + value.substring(4, 6) + "-" + value.substring(6);
-				} else if(value.length > 5) {
-					this.value = value.substring(0, 4) + "-" + value.substring(4);
-				}
-			});
-		});
+		initDatepicker($P.find("frmSearch"));
+		initDetailSearchButton($P.find("frmSearch"));
 
-		$("#frmSearch--${pageName}").find(".form-time").each(function(){
+		$P.$find("frmSearch").find(".form-time").each(function(){
 			$(this).on("input",function(){
 				var value = this.value.replaceAll(":","");
 
@@ -827,15 +812,15 @@ $(document).ready(function() {
 		});
 
 		// DataTables width 변경 조정
-		fnMakeResizableTable($("#table-responsive-up--${pageName}")[0]);
-		fnMakeResizableTable($("#table-responsive-down--${pageName}")[0]);
+		fnMakeResizableTable($P.find("table-responsive-up"));
+		fnMakeResizableTable($P.find("table-responsive-down"));
 	}
 
 	/**************************************************************************
 	 * script 진입
 	 **************************************************************************/
-	$("#upTheadTr--${pageName}").html(document.getElementById("cols--${pageName}").innerHTML);
-	$("#downTheadTr--${pageName}").html(document.getElementById("cols--${pageName}").innerHTML);
+	$P.$find("upTheadTr").html($P.find("cols").innerHTML);
+	$P.$find("downTheadTr").html($P.find("cols").innerHTML);
 
 	// 이벤트 설정
 	$P.setEvent();
@@ -850,18 +835,18 @@ $(document).ready(function() {
 		
 		
 		if($("#fastBy--top").val() == "vhrno"){
-			$("#ischVhrno--${pageName}").val($("#fastTerm--top").val());
+			$P.$find("ischVhrno").val($("#fastTerm--top").val());
 		} else if($("#fastBy--top").val() == "rtpyrNm"){
-			$("#ischRtpyrNm--${pageName}").val($("#fastTerm--top").val());
+			$P.$find("ischRtpyrNm").val($("#fastTerm--top").val());
 		} else if($("#fastBy--top").val() == "rtpyrNo"){
-			$("#ischRtpyrNo--${pageName}").val($("#fastTerm--top").val());
+			$P.$find("ischRtpyrNo").val($("#fastTerm--top").val());
 		} else if($("#fastBy--top").val() == "cvlcptAplcntNm"){
-			$("#ischCvlcptAplcntNm--${pageName}").val($("#fastTerm--top").val());
+			$P.$find("ischCvlcptAplcntNm").val($("#fastTerm--top").val());
 		} else {
 			return;
 		}
 
-		$("#btnSearch--${pageName}").click();
+		$P.$find("btnSearch").click();
 	}
 
 });
diff --git a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01011-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01011-info.jsp
index cc0b41fd..c058a92c 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01011-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01011-info.jsp
@@ -5,32 +5,32 @@
 <span class="mb-1">
 	<!-- 상단 버튼 -->
 	<div class="container-page-btn">
-		<button type="button" id="btnReset--${pageName}" class="btn btn-outline-dark w-px-120" title="초기화">
+		<button type="button" name="btnReset" class="btn btn-outline-dark w-px-120" title="초기화">
 			초기화
 		</button>
 		<span class="container-window-btn-right">
-			<button type="button" id="btnPrintSzr--${pageName}" class="btn btn-info w-px-120" title="압류(해제) 조서" onclick="">
+			<button type="button" name="btnPrintSzr" class="btn btn-info w-px-120" title="압류(해제) 조서" onclick="">
 				압류(해제)조서
 			</button>
-			<button type="button" id="btnPrintCrdn--${pageName}" class="btn btn-info w-px-120" title="단속 내역서/확인서">
+			<button type="button" name="btnPrintCrdn" class="btn btn-info w-px-120" title="단속 내역서/확인서">
 				내역서/확인서
 			</button>
-			<button type="button" id="btnPrintNht--${pageName}" class="btn btn-info w-px-120" title="고지서">
+			<button type="button" name="btnPrintNht" class="btn btn-info w-px-120" title="고지서">
 				고지서
 			</button>
-			<button type="button" id="btnPrintBill--${pageName}" class="btn btn-info w-px-120" title="교부청구서/채권신고서">
+			<button type="button" name="btnPrintBill" class="btn btn-info w-px-120" title="교부청구서/채권신고서">
 				교부청구서/채권신고서
 			</button>
-			<button type="button" id="" class="btn btn-search w-px-120" title="대납등록" onclick="">
+			<button type="button" name="" class="btn btn-search w-px-120" title="대납등록" onclick="">
 				대납등록
 			</button>
-			<button type="button" id="" class="btn btn-search w-px-120" title="온라인입금관리수집" onclick="">
+			<button type="button" name="" class="btn btn-search w-px-120" title="온라인입금관리수집" onclick="">
 				온라인입금관리수집
 			</button>
-			<button type="button" id="" class="btn btn-search w-px-120" title="온라인입금관리대장" onclick="">
+			<button type="button" name="" class="btn btn-search w-px-120" title="온라인입금관리대장" onclick="">
 				온라인입금관리대장
 			</button>
-			<button type="button" id="btnSearch--${pageName}" class="btn btn-search w-px-120" title="검색">
+			<button type="button" name="btnSearch" class="btn btn-search w-px-120" title="검색">
 				검색
 			</button>
 		</span>
@@ -38,7 +38,7 @@
 	<!-- 상단 버튼 -->
 
 	<!-- 검색 조건 영역 -->
-	<form id="frmSearch--${pageName}" name="frmSearch">
+	<form name="frmSearch">
 		<!-- 메인 조건 -->
 		<div class="container-search">
 			<div class="row g-1">
@@ -63,63 +63,64 @@
 				<!-- 관내 시군구 조회 -->
 				<div class="col-4">
 					<label class="w-px-160">
-						<input type="checkbox" id="sggCd--${pageName}" name="sggCd" class="form-check-input" value="${sggCd}" />관내 시군구 조회
+						<input type="checkbox" name="sggCd" class="form-check-input" value="${sggCd}" />관내 시군구 조회
 					</label>
 					<label class="w-px-160">
-						<input type="checkbox" id="ischOnlyDataMinap--${pageName}" name="ischOnlyDataMinap" class="form-check-input" value="Y" />미납만 조회
+						<input type="checkbox" name="ischOnlyDataMinap" class="form-check-input" value="Y" />미납만 조회
 					</label>
 				</div>
 				<!-- 차량번호 -->
 				<div class="col-4">
-					<label class="form-label fw-bold form-search-title w-px-120 text-end" for="ischVhrno--${pageName}">차량번호</label>
-					<input type="text" id="ischVhrno--${pageName}" name="ischVhrno" class="form-control w-px-150" />
+					<label is="name-label" for="ischVhrno" class="form-label fw-bold form-search-title w-px-120 text-end">차량번호</label>
+					<input type="text" is="id-input" name="ischVhrno" class="form-control w-px-150" />
 				</div>
 				<!-- 대체차량번호 -->
 				<div class="col-4">
-					<label class="form-label fw-bold form-search-title w-px-120 text-end" for="ischRpmSzrVhrno--${pageName}">대체차량번호</label>
-					<input type="text" id="ischRpmSzrVhrno--${pageName}" name="ischRpmSzrVhrno"
+					<label is="name-label" for="ischRpmSzrVhrno" class="form-label fw-bold form-search-title w-px-120 text-end">대체차량번호</label>
+					<input type="text" is="id-input" name="ischRpmSzrVhrno"
 					class="form-control w-px-150" />
 					<label>
-						<input type="checkbox" id="ischRpmSzrVhrnoSimilar--${pageName}" name="ischRpmSzrVhrnoSimilar"
+						<input type="checkbox" name="ischRpmSzrVhrnoSimilar"
 						class="form-check-input" value="Y" />유사조회
 					</label>
 				</div>
 				<!-- 단속차량번호 -->
 				<div class="col-4">
-					<label class="form-label fw-bold form-search-title w-px-120 text-end" for="ischCrdnVhrno--${pageName}">단속차량번호</label>
-					<input type="text" id="ischCrdnVhrno--${pageName}" name="ischCrdnVhrno"
+					<label is="name-label" for="ischCrdnVhrno" class="form-label fw-bold form-search-title w-px-120 text-end">단속차량번호</label>
+					<input type="text" name="ischCrdnVhrno"
 					class="form-control w-px-150" />
 					<label>
-						<input type="checkbox" id="ischCrdnVhrnoSimilar--${pageName}" name="ischCrdnVhrnoSimilar"
+						<input type="checkbox" name="ischCrdnVhrnoSimilar"
 						class="form-check-input" value="Y" />유사조회
 					</label>
 				</div>
 				<!-- 납부자번호 -->
 				<div class="col-4">
-					<label class="form-label fw-bold form-search-title w-px-120 text-end" for="ischRtpyrNo--${pageName}">납부자번호</label>
-					<input type="text" id="ischRtpyrNo--${pageName}" name="ischRtpyrNo"
+					<label is="name-label" for="ischRtpyrNo" class="form-label fw-bold form-search-title w-px-120 text-end">납부자번호</label>
+					<input type="text" is="id-input" name="ischRtpyrNo"
 					class="form-control w-px-150" />
 				</div>
 				<!-- 납부자명 -->
 				<div class="col-4">
-					<label class="form-label fw-bold form-search-title w-px-120 text-end" for="ischRtpyrNm--${pageName}">납부자명</label>
-					<input type="text" id="ischRtpyrNm--${pageName}" name="ischRtpyrNm"
+					<label is="name-label" for="ischRtpyrNm" class="form-label fw-bold form-search-title w-px-120 text-end">납부자명</label>
+					<input type="text" is="id-input" name="ischRtpyrNm"
 					class="form-control w-px-150" />
 					<label>
-						<input type="checkbox" id="ischRtpyrNmSimilar--${pageName}" name="ischRtpyrNmSimilar"
+						<input type="checkbox" name="ischRtpyrNmSimilar"
 						class="form-check-input" value="Y" />유사조회
 					</label>
 				</div>
 				<!-- 동적검색 -->
 				<div class="col-4">
-					<input type="hidden" id="by--${pageName}" name="by" />
-					<input type="text" class="form-control fw-bold w-px-120 text-end" id="byOutput--${pageName}" value="동적 검색" readonly />
-					<input type="hidden" id="mainOption--${pageName}" name="mainOption" />
-					<input type="hidden" id="subOption--${pageName}" name="subOption" />
-					<input type="text" class="form-control w-px-250" id="term--${pageName}" name="term" autocomplete="off" />
+					<input type="hidden" name="by" />
+					<input type="text" class="form-control fw-bold w-px-120 text-end" name="byOutput" value="동적 검색" readonly />
+					<input type="hidden" name="mainOption" />
+					<input type="hidden" name="subOption" />
+					<input type="text" class="form-control w-px-250" name="term" autocomplete="off" />
 					<!-- 상세 검색조건 버튼 -->
 					<span class="flr">
-						<button type="button" class="btn btn-open-detail" data-bs-toggle="collapse" data-bs-target="#searchDetail--${pageName}">
+						<button type="button" class="btn btn-open-detail" data-bs-toggle="collapse" 
+						data-bs-target="[data-doctx='${pageName}'] [name='searchDetail']">
 							<i class="bx bx-chevron-down"></i>
 							상세검색
 						</button>
@@ -129,17 +130,17 @@
 		</div> <!-- 메인 조건 -->
 
 		<!-- 상세 조건 -->
-		<div id="searchDetail--${pageName}" class="container-search container-search-detail collapse">
+		<div name="searchDetail" class="container-search container-search-detail collapse">
 			<div class="row g-1">
 				<!-- 단속일자 -->
 				<div class="col-4">
-					<label class="form-label fw-bold form-search-title w-px-120 text-end" for="ischCrdnYmdFrom--${pageName}">단속일자</label>
+					<span class="form-label fw-bold form-search-title w-px-120 text-end">단속일자</span>
 					<span class="form-search-linebox">
-						<input type="text" class="form-control form-date" id="ischCrdnYmdFrom--${pageName}" name="ischCrdnYmdFrom"
+						<input type="text" class="form-control form-date" is="id-input" name="ischCrdnYmdFrom"
 							data-fmt-type="day" autocomplete="off" title="시작 날짜 선택" />
 						<button type="button" class="bx bx-lg bx-calendar bg-white"></button>
 						~
-						<input type="text" class="form-control form-date" id="ischCrdnYmdTo--${pageName}" name="ischCrdnYmdTo"
+						<input type="text" class="form-control form-date" is="id-input" name="ischCrdnYmdTo"
 							data-fmt-type="day" autocomplete="off" title="종료 날짜 선택" />
 						<button type="button" class="bx bx-lg bx-calendar bg-white"></button>
 					</span>
@@ -155,20 +156,20 @@
 				</div>
 				<!-- 고지번호 -->
 				<div class="col-4">
-					<label class="form-label fw-bold form-search-title w-px-120 text-end" for="ischGojiNo--${pageName}">고지번호</label>
-					<input type="text" id="ischGojiNo--${pageName}" name="ischGojiNo"
+					<label is="name-label" for="ischGojiNo" class="form-label fw-bold form-search-title w-px-120 text-end">고지번호</label>
+					<input type="text" is="id-input" name="ischGojiNo"
 					class="form-control w-px-160" />
 				</div>
 				<!-- 전자납부번호 -->
 				<div class="col-4">
-					<label class="form-label fw-bold form-search-title w-px-120 text-end" for="ischEpayno--${pageName}">전자납부번호</label>
-					<input type="text" id="ischEpayno--${pageName}" name="ischEpayno"
+					<label is="name-label" for="ischEpayno" class="form-label fw-bold form-search-title w-px-120 text-end">전자납부번호</label>
+					<input type="text" is="id-input" name="ischEpayno"
 					class="form-control w-px-160" />
 				</div>
 				<!-- 단속등록구분 -->
 				<div class="col-4">
-					<label class="form-label fw-bold form-search-title w-px-120 text-end" for="ischCrdnRegSeCd--${pageName}">단속등록구분</label>
-					<select id="ischCrdnRegSeCd--${pageName}" name="ischCrdnRegSeCd" class="form-select">
+					<label is="name-label" for="ischCrdnRegSeCd" class="form-label fw-bold form-search-title w-px-120 text-end">단속등록구분</label>
+					<select id="id-select" name="ischCrdnRegSeCd" class="form-select">
 						<option value="">전체</option>
 						<c:forEach items="${FIM026List}" var="item">
                        		<option value="${item.code}">${item.value}</option>
@@ -177,8 +178,8 @@
 				</div>
 				<!-- 단속입력구분 -->
 				<div class="col-4">
-					<label class="form-label fw-bold form-search-title w-px-120 text-end" for="ischCrdnInptSeCd--${pageName}">단속입력구분</label>
-					<select id="ischCrdnInptSeCd--${pageName}" name="ischCrdnInptSeCd" class="form-select w-px-160">
+					<label is="name-label" for="ischCrdnInptSeCd" class="form-label fw-bold form-search-title w-px-120 text-end">단속입력구분</label>
+					<select is="id-select" name="ischCrdnInptSeCd" class="form-select w-px-160">
 						<option value="">전체</option>
 						<c:forEach items="${FIM003List}" var="item">
                        		<option value="${item.code}">${item.value}</option>
@@ -187,15 +188,15 @@
 				</div>
 				<!-- 위반항목 -->
 				<div class="col-4">
-					<label class="form-label fw-bold form-search-title w-px-120 text-end" for="ischVltnCd--${pageName}">위반항목</label>
-					<select id="ischVltnCd--${pageName}" name="ischVltnCd" class="form-select">
+					<label is="name-label" for="ischVltnCd" class="form-label fw-bold form-search-title w-px-120 text-end">위반항목</label>
+					<select is="id-select" name="ischVltnCd" class="form-select">
 						<option value="">전체</option>
 					</select>
 				</div>
 				<!-- 처리상태 -->
 				<div class="col-4">
-					<label class="form-label fw-bold form-search-title w-px-120 text-end" for="ischCrdnSttsCd--${pageName}">처리상태</label>
-					<select id="ischCrdnSttsCd--${pageName}" name="ischCrdnSttsCd" class="form-select">
+					<label is="name-label" for="ischCrdnSttsCd" class="form-label fw-bold form-search-title w-px-120 text-end">처리상태</label>
+					<select is="id-select" name="ischCrdnSttsCd" class="form-select">
                      	<option value="">전체</option>
 						<c:forEach items="${FIM010List}" var="item">
 							<option value="${item.code}">${item.value}</option>
@@ -204,8 +205,8 @@
 				</div>
 				<!-- 단속법정동 -->
 				<div class="col-4">
-					<label class="form-label fw-bold form-search-title w-px-120 text-end" for="ischCrdnStdgNm--${pageName}">단속법정동</label>
-					<input type="text" id="ischCrdnStdgNm--${pageName}" name="ischCrdnStdgNm"
+					<label is="name-label" for="ischCrdnStdgNm" class="form-label fw-bold form-search-title w-px-120 text-end">단속법정동</label>
+					<input type="text" is="id-input" name="ischCrdnStdgNm"
 					class="form-control w-px-160" />
 				</div>
 			</div>
diff --git a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01012-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01012-info.jsp
index adbe2111..b545a167 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01012-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01012-info.jsp
@@ -9,19 +9,19 @@
 		<label class="bg-lighter px-2 col-form-label text-sm-end">
 			미납건수
 		</label>
-		<input type="text" id="minapCntForSgg--${pageName}" class="form-control w-px-80 fw-bold text-red text-end" readonly data-fmt-type="number" />
+		<input type="text" name="minapCntForSgg" class="form-control w-px-80 fw-bold text-red text-end" readonly data-fmt-type="number" />
 		<label class="bg-lighter px-2 col-form-label text-sm-end">
 			전체미납건수
 		</label>
-		<input type="text" id="minapCnt--${pageName}" class="form-control w-px-80 fw-bold text-blue text-end" readonly data-fmt-type="number" />
+		<input type="text" name="minapCnt" class="form-control w-px-80 fw-bold text-blue text-end" readonly data-fmt-type="number" />
 		<label class="bg-lighter px-2 col-form-label text-sm-end">
 			미납액
 		</label>
-		<input type="text" id="minapAmtForSgg--${pageName}" class="form-control w-px-120 fw-bold text-red text-end" readonly data-fmt-type="number" />
+		<input type="text" name="minapAmtForSgg" class="form-control w-px-120 fw-bold text-red text-end" readonly data-fmt-type="number" />
 		<label class="bg-lighter px-2 col-form-label text-sm-end">
 			전체미납액
 		</label>
-		<input type="text" id="minapAmt--${pageName}" class="form-control w-px-120 fw-bold text-blue text-end" readonly data-fmt-type="number" />
+		<input type="text" name="minapAmt" class="form-control w-px-120 fw-bold text-blue text-end" readonly data-fmt-type="number" />
 	</div>
 
 	<!-- 업무 버튼 -->
@@ -29,31 +29,31 @@
 		<span class="container-page-btn">
 			<span class="container-window-btn-right">
 				<!-- 업무 버튼 -->
-				<button type="button" id="btnUpCopyPyrNo--${pageName}" class="btn btn-primary"
+				<button type="button" name="btnUpCopyPyrNo" class="btn btn-primary"
 					title="납부자번호복사">
 					납부자번호복사
 				</button>
-				<button type="button" id="btnUpManageEtcCn--${pageName}" class="btn btn-primary"
+				<button type="button" name="btnUpManageEtcCn" class="btn btn-primary"
 					title="특기사항관리">
 					특기사항관리
 				</button>
-				<button type="button" id="btnUpInputEtcCn--${pageName}" class="btn btn-primary"
+				<button type="button" name="btnUpInputEtcCn" class="btn btn-primary"
 					title="특기사항입력-일괄">
 					특기사항입력-일괄
 				</button>
-				<button type="button" id="" class="btn btn-primary"
+				<button type="button" name="" class="btn btn-primary"
 					title="가상계좌개별생성">
 					가상계좌개별생성
 				</button>
-				<button type="button" id="" class="btn btn-primary"
+				<button type="button" name="" class="btn btn-primary"
 					title="위택스자료전송">
 					위택스자료전송
 				</button>
-				<button type="button" id="btnUpExcel--${pageName}" class="btn btn-excel w-px-120"
+				<button type="button" name="btnUpExcel" class="btn btn-excel w-px-120"
 					title="엑셀 저장">
 						엑셀
 				</button>
-				<button type="button" id="btnUpPrintAdvntce--${pageName}" class="btn btn-info"
+				<button type="button" name="btnUpPrintAdvntce" class="btn btn-info"
 					title="사전통지서">
 					사전통지서
 				</button>
@@ -63,7 +63,7 @@
 	<!-- 업무 버튼 및 건수 표시 -->
 
 	<!-- 탭 -->
-	<div id="upGridTabs--${pageName}" class="nav-align-top mb-1">
+	<div name="upGridTabs" class="nav-align-top mb-1">
 		<ul class="nav nav-tabs" role="tablist">
 			<li class="nav-item">
 				<button type="button" class="nav-link active w-px-120" role="tab" data-bs-toggle="tab"
@@ -120,16 +120,13 @@
 	<!-- DataTables(그리드) -->
 	<div class="card-datatable text-nowrap">
 		<div class="dataTables_wrapper dt-bootstrap5 no-footer">
-			<div class="table-responsive ox-scroll oy-scroll h-px-300" id="table-responsive-up--${pageName}">
+			<div name="table-responsive-up" class="table-responsive ox-scroll oy-scroll h-px-300">
 				<table class="table-layout-fixed dataTable datatables-ajax table table-bordered no-footer"
-				id="upTable--${pageName}" aria-describedby="DataTables_Table_0_info">
+				name="upTable" aria-describedby="DataTables_Table_0_info">
 					<thead class="sticky-thead">
-						<tr id="upTheadTr--${pageName}"
-							data-by="by--${pageName}" data-by-output="byOutput--${pageName}"
-							data-main-option="mainOption--${pageName}" data-sub-option="subOption--${pageName}">
-						</tr>
+						<tr name="upTheadTr" data-search-target="[data-doctx='${pageName}']"></tr>
 					</thead>
-					<tbody id="upTbody--${pageName}">
+					<tbody name="upTbody">
 					</tbody>
 				</table>
 			</div>
diff --git a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01013-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01013-info.jsp
index 8844c834..41f3390a 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01013-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01013-info.jsp
@@ -9,32 +9,32 @@
 		<label class="bg-lighter px-2 col-form-label text-sm-end">
 			결손건수
 		</label>
-		<input type="text" id="sonCntForSgg--${pageName}" class="form-control w-px-80 text-end" readonly
+		<input type="text" name="sonCntForSgg" class="form-control w-px-80 text-end" readonly
 		data-fmt-type="number" />
 		<label class="bg-lighter px-2 col-form-label text-sm-end">
 			결손금액
 		</label>
-		<input type="text" id="sonAmtForSgg--${pageName}" class="form-control w-px-120 text-end" readonly
+		<input type="text" name="sonAmtForSgg" class="form-control w-px-120 text-end" readonly
 		data-fmt-type="number" />
 		<label class="bg-lighter px-2 col-form-label text-sm-end">
 			수납건수
 		</label>
-		<input type="text" id="sunapCntForSgg--${pageName}" class="form-control w-px-80 text-end" readonly
+		<input type="text" name="sunapCntForSgg" class="form-control w-px-80 text-end" readonly
 		data-fmt-type="number" />
 		<label class="bg-lighter px-2 col-form-label text-sm-end">
 			총수납건수
 		</label>
-		<input type="text" id="sunapCnt--${pageName}" class="form-control w-px-120 text-end" readonly
+		<input type="text" name="sunapCnt" class="form-control w-px-120 text-end" readonly
 		data-fmt-type="number" />
 		<label class="bg-lighter px-2 col-form-label text-sm-end">
 			수납액
 		</label>
-		<input type="text" id="sunapAmtForSgg--${pageName}" class="form-control w-px-80 text-end" readonly
+		<input type="text" name="sunapAmtForSgg" class="form-control w-px-80 text-end" readonly
 		data-fmt-type="number" />
 		<label class="bg-lighter px-2 col-form-label text-sm-end">
 			총수납액
 		</label>
-		<input type="text" id="sunapAmt--${pageName}"  class="form-control w-px-120 text-end" readonly
+		<input type="text" name="sunapAmt" class="form-control w-px-120 text-end" readonly
 		data-fmt-type="number" />
 	</div>
 
@@ -43,35 +43,35 @@
 		<span class="container-page-btn">
 			<span class="container-window-btn-right">
 				<!-- 업무 버튼 -->
-				<button type="button" id="btnDownCopyPyrNo--${pageName}" class="btn btn-primary"
+				<button type="button" name="btnDownCopyPyrNo" class="btn btn-primary"
 					title="납부자번호복사">
 					납부자번호복사
 				</button>
-				<button type="button" id="btnDownManageEtcCn--${pageName}" class="btn btn-primary"
+				<button type="button" name="btnDownManageEtcCn" class="btn btn-primary"
 					title="특기사항관리">
 					특기사항관리
 				</button>
-				<button type="button" id="btnDownInputEtcCn--${pageName}" class="btn btn-primary"
+				<button type="button" name="btnDownInputEtcCn" class="btn btn-primary"
 					title="특기사항입력-일괄">
 					특기사항입력-일괄
 				</button>
-				<button type="button" id="" class="btn btn-primary"
+				<button type="button" name="" class="btn btn-primary"
 					title="위택스전송_대납">
 					위택스전송_대납
 				</button>
-				<button type="button" id="" class="btn btn-primary"
+				<button type="button" name="" class="btn btn-primary"
 					title="결손취소-일괄">
 					결손취소-일괄
 				</button>
-				<button type="button" id="btnDownExcel--${pageName}" class="btn btn-excel w-px-120"
+				<button type="button" name="btnDownExcel" class="btn btn-excel w-px-120"
 					title="엑셀 저장">
 						엑셀
 				</button>
-				<button type="button" id="" class="btn btn-info"
+				<button type="button" name="" class="btn btn-info"
 					title="대납고지서">
 					대납고지서
 				</button>
-				<button type="button" id="btnDownPrintRcvmtConfirm--${pageName}" class="btn btn-info"
+				<button type="button" name="btnDownPrintRcvmtConfirm" class="btn btn-info"
 					title="납부확인서">
 					납부확인서
 				</button>
@@ -80,7 +80,7 @@
 	</div>
 
 	<!-- 탭 -->
-	<div id="downGridTabs--${pageName}" class="nav-align-top mb-1">
+	<div name="downGridTabs" class="nav-align-top mb-1">
 		<ul class="nav nav-tabs" role="tablist">
 			<li class="nav-item">
 				<button type="button" class="nav-link active w-px-120" role="tab" data-bs-toggle="tab"
@@ -118,16 +118,13 @@
 	<!-- DataTables(그리드) -->
 	<div class="card-datatable text-nowrap">
 		<div class="dataTables_wrapper dt-bootstrap5 no-footer">
-			<div class="table-responsive ox-scroll oy-scroll h-px-250" id="table-responsive-down--${pageName}">
+			<div name="table-responsive-down" class="table-responsive ox-scroll oy-scroll h-px-250">
 				<table class="table-layout-fixed dataTable datatables-ajax table table-bordered no-footer"
-				id="downTable--${pageName}" aria-describedby="DataTables_Table_0_info">
+				name="downTable" aria-describedby="DataTables_Table_0_info">
 					<thead class="sticky-thead">
-						<tr id="downTheadTr--${pageName}"
-							data-by="by--${pageName}" data-by-output="byOutput--${pageName}"
-							data-main-option="mainOption--${pageName}" data-sub-option="subOption--${pageName}">
-						</tr>
+						<tr name="downTheadTr" data-search-target="[data-doctx='${pageName}']"></tr>
 					</thead>
-					<tbody id="downTbody--${pageName}">
+					<tbody name="downTbody">
 					</tbody>
 				</table>
 			</div>
diff --git a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01014-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01014-info.jsp
index 190f7281..808b04bc 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01014-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01014-info.jsp
@@ -3,7 +3,7 @@
 
 <c:set var="pageKorName" scope="request">통합조회 그리드 템플릿(제목)</c:set>
 
-<template id="cols--${pageName}">
+<template name="cols">
 
 	<th class="cmn" style="width: 56px;">
 		<input type="checkbox" class="form-check-input"
@@ -11,192 +11,145 @@
 	</th>
 	<th class="cmn" style="width: 140px;"
 	onclick="searchFromGridTitle('SGG_CD', this.innerText, '', '');"
-	>시군구명
-	</th>
+	>시군구명</th>
 	<th class="cmn" style="width: 160px;"
 	onclick="searchFromGridTitle('TASK_SE_CD', this.innerText, 'codeValue', 'FIM054');"
-	>과태료명
-	</th>
+	>과태료명</th>
 	<th class="cmn" style="width: 160px;"
 	onclick="searchFromGridTitle('CVLCPT_APLCNT_NM', this.innerText, 'match', 'part');"
-	>민원신청인
-	</th>
+	>민원신청인</th>
 	<th class="cmn" style="width: 160px;"
 	onclick="searchFromGridTitle('CVLCPT_RCPT_NO', this.innerText, 'match', 'part');"
-	>민원접수번호
-	</th>
+	>민원접수번호</th>
 	<th class="cmn" style="width: 140px;"
 	onclick="searchFromGridTitle('CVLCPT_RCPT_YMD', this.innerText, 'ymd', '');"
-	>민원접수일자
-	</th>
+	>민원접수일자</th>
 	<th class="cmn" style="width: 160px;"
 	onclick="searchFromGridTitle('CVLCPT_LIST_NO', this.innerText, 'match', 'part');"
-	>민원목록번호
-	</th>
+	>민원목록번호</th>
 	<th class="cmn" style="width: 120px;"
 	onclick="searchFromGridTitle('GOJI_NO', this.innerText, 'match', 'part');"
-	>고지번호
-	</th>
+	>고지번호</th>
 	<th class="cmn" style="width: 160px;"
 	onclick="searchFromGridTitle('CRDN_YMD', this.innerText, 'ymd', '');"
-	>단속일시
-	</th>
+	>단속일시</th>
 	<th class="cmn" style="width: 160px;"
 	onclick="searchFromGridTitle('VHRNO', this.innerText, 'match', 'perfect');"
-	>단속차량번호
-	</th>
+	>단속차량번호</th>
 	<th class="cmn" style="width: 160px;"
 	onclick="searchFromGridTitle('RPM_SZR_VHRNO', this.innerText, 'match', 'perfect');"
-	>대체차량번호
-	</th>
+	>대체차량번호</th>
 	<th class="cmn" style="width: 100px;"
 	onclick="searchFromGridTitle('ATCH_FILE_CNT', this.innerText, 'match', 'perfect');"
-	>사진건수
-	</th>
+	>사진건수</th>
 	<th class="cmn" style="width: 160px;"
 	onclick="searchFromGridTitle('PRK_PSBLTY_RSLT_CD', this.innerText, 'codeValue', 'FIM034');"
-	>차량확인
-	</th>
+	>차량확인</th>
 	<th class="cmn" style="width: 160px;"
 	onclick="searchFromGridTitle('RTPYR_NM', this.innerText, 'match', 'perfect');"
-	>납부자명
-	</th>
+	>납부자명</th>
 	<th class="cmn" style="width: 160px;"
 	onclick="searchFromGridTitle('RTPYR_NO', this.innerText, 'match', 'perfect');"
-	>납부자번호
-	</th>
+	>납부자번호</th>
 	<th class="cmn" style="width: 160px;"
 	onclick="searchFromGridTitle('CRDN_STTS_CD', this.innerText, 'codeValue', 'FIM010');"
-	>처리상태
-	</th>
+	>처리상태</th>
 	<th class="cmn" style="width: 120px;"
 	onclick="searchFromGridTitle('CRDN_STTS_CHG_DT', this.innerText, 'ymd', '');"
-	>처리일자
-	</th>
+	>처리일자</th>
 	<th class="cmn" style="width: 120px;"
 	onclick="searchFromGridTitle('LEVY_EXCL_YMD', this.innerText, 'ymd', '');"
-	>제외일자
-	</th>
+	>제외일자</th>
 	<th class="cmn" style="width: 160px;"
 	onclick="searchFromGridTitle('LEVY_EXCL_RSN_CD', this.innerText, 'codeValue', 'FIM022');"
-	>제외사유
-	</th>
+	>제외사유</th>
 	<th class="cmn" style="width: 120px;"
 	onclick="searchFromGridTitle('CRDN_REG_SE_CD', this.innerText, 'codeValue', 'FIM026');"
-	>단속등록구분
-	</th>
+	>단속등록구분</th>
 	<th class="cmn" style="width: 160px;"
 	onclick="searchFromGridTitle('CRDN_INPT_SE_CD', this.innerText, 'codeValue', 'FIM003');"
-	>단속입력구분
-	</th>
+	>단속입력구분</th>
 	<th class="cmn" style="width: 160px;"
 	onclick="searchFromGridTitle('CRDN_SE_CD', this.innerText, 'codeValue', 'FIM002');"
-	>단속구분
-	</th>
+	>단속구분</th>
 	<th class="cmn" style="width: 120px;"
 	onclick="searchFromGridTitle('CRDN_STDG_NM', this.innerText, 'match', 'part');"
-	>법정동
-	</th>
+	>법정동</th>
 	<th class="cmn" style="width: 300px;"
 	onclick="searchFromGridTitle('CRDN_PLC', this.innerText, 'match', 'part');"
-	>단속장소
-	</th>
+	>단속장소</th>
 	<th class="cmn" style="width: 120px;"
 	onclick="searchFromGridTitle('OPNN_SBMSN_YN', this.innerText, 'codeValue', 'CMN006');"
-	>의견진술여부
-	</th>
+	>의견진술여부</th>
 	<th class="cmn" style="width: 120px;"
 	onclick="searchFromGridTitle('ADVNTCE_DUDT_YMD', this.innerText, 'ymd', '');"
-	>사전통지기한
-	</th>
+	>사전통지기한</th>
 	<th class="cmn" style="width: 120px;"
 	onclick="searchFromGridTitle('TOWNG_YN', this.innerText, 'codeValue', 'CMN006');"
-	>견인여부
-	</th>
+	>견인여부</th>
 	<th class="cmn" style="width: 120px;"
 	onclick="searchFromGridTitle('RDCT_SE_CD', this.innerText, 'codeValue', 'FIM046');"
-	>감경구분
-	</th>
+	>감경구분</th>
 	<th class="cmn" style="width: 120px;"
 	onclick="searchFromGridTitle('LEVY_YMD', this.innerText, 'ymd', '');"
-	>부과일자
-	</th>
+	>부과일자</th>
 	<th class="cmn" style="width: 120px;"
 	onclick="searchFromGridTitle('DUDT_YMD', this.innerText, 'ymd', '');"
-	>납기일자
-	</th>
+	>납기일자</th>
 	<th class="cmn" style="width: 120px;"
 	onclick="searchFromGridTitle('MINAP_AMT', this.innerText, 'match', 'perfect');"
-	>미납금액
-	</th>
+	>미납금액</th>
 	<th class="cmn" style="width: 120px;"
 	onclick="searchFromGridTitle('DUDT_AFTR_YMD', this.innerText, 'ymd', '');"
-	>납기후일자
-	</th>
+	>납기후일자</th>
 	<th class="cmn" style="width: 120px;"
 	onclick="searchFromGridTitle('DUDT_AFTR_AMT', this.innerText, 'match', 'perfect');"
-	>납기후금액
-	</th>
+	>납기후금액</th>
 	<th class="cmn" style="width: 120px;"
 	onclick="searchFromGridTitle('SZR_YMD', this.innerText, 'ymd', '');"
-	>압류일자
-	</th>
+	>압류일자</th>
 	<th class="cmn" style="width: 120px;"
 	onclick="searchFromGridTitle('SZR_RMV_YMD', this.innerText, 'ymd', '');"
-	>압류해제일자
-	</th>
+	>압류해제일자</th>
 	<th class="cmn" style="width: 120px;"
 	onclick="searchFromGridTitle('FFNLG_AMT', this.innerText, 'match', 'perfect');"
-	>과태료금액
-	</th>
+	>과태료금액</th>
 	<th class="cmn" style="width: 120px;"
 	onclick="searchFromGridTitle('LEVY_PCPTAX', this.innerText, 'match', 'perfect');"
-	>본세
-	</th>
+	>본세</th>
 	<th class="cmn" style="width: 120px;"
 	onclick="searchFromGridTitle('LEVY_ADAMT', this.innerText, 'match', 'perfect');"
-	>가산금
-	</th>
+	>가산금</th>
 	<th class="cmn" style="width: 200px;"
 	onclick="searchFromGridTitle('EPAYNO', this.innerText, 'match', 'perfect');"
-	>전자납부번호
-	</th>
+	>전자납부번호</th>
 	<th class="cmn" style="width: 120px;"
 	onclick="searchFromGridTitle('BANK_NM', this.innerText, 'match', 'perfect');"
-	>은행명
-	</th>
+	>은행명</th>
 	<th class="cmn" style="width: 200px;"
 	onclick="searchFromGridTitle('VR_ACTNO', this.innerText, 'match', 'perfect');"
-	>가상계좌번호
-	</th>
+	>가상계좌번호</th>
 	<th class="cmn" style="width: 120px;"
 	onclick="searchFromGridTitle('PAY_MTHD_SE_CD', this.innerText, 'codeValue', 'FIM045');"
-	>수납유형
-	</th>
+	>수납유형</th>
 	<th class="cmn" style="width: 120px;"
 	onclick="searchFromGridTitle('RCVMT_YMD', this.innerText, 'ymd', '');"
-	>수납일자
-	</th>
+	>수납일자</th>
 	<th class="cmn" style="width: 120px;"
 	onclick="searchFromGridTitle('RCVMT_AMT', this.innerText, 'match', 'perfect');"
-	>수납금액
-	</th>
+	>수납금액</th>
 	<th class="cmn" style="width: 120px;"
 	onclick="searchFromGridTitle('RCVMT_PCPTAX', this.innerText, 'match', 'perfect');"
-	>수납본세
-	</th>
+	>수납본세</th>
 	<th class="cmn" style="width: 120px;"
 	onclick="searchFromGridTitle('RCVMT_ADAMT', this.innerText, 'match', 'perfect');"
-	>수납가산금
-	</th>
+	>수납가산금</th>
 	<th class="cmn" style="width: 120px;"
 	onclick="searchFromGridTitle('RTPYR_STTS_CD', this.innerText, 'codeValue', 'FIM014');"
-	>거주상태
-	</th>
+	>거주상태</th>
 	<th class="cmn" style="width: 550px;"
 	onclick="searchFromGridTitle('RTPYR_FULL_ADDR', this.innerText, 'match', 'part');"
-	>납부자주소
-	</th>
+	>납부자주소</th>
 	<th class="cmn dummy-th"></th>
 
 </template>
\ No newline at end of file
diff --git a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01015-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01015-info.jsp
index 87c60679..a207e27a 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01015-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt01015-info.jsp
@@ -3,67 +3,67 @@
 
 <c:set var="pageKorName" scope="request">통합조회 그리드 템플릿(내용)</c:set>
 
-<template id="row--${pageName}">
-	<tr data-key="{CRDN_ID}">
+<template is="curly-brackets" name="row">
+	<tr data-key="CRDN_ID">
 		<td class="cmn text-center">
-			<input type="checkbox" class="form-check-input" name="gridCheckbox" value="{CRDN_ID}"
+			<input type="checkbox" class="form-check-input" name="gridCheckbox" value="CRDN_ID"
 			onchange="pageObject['${pageName}'].selectCheckbox(this,'{CRDN_ID}', this.checked);">
 		</td>
-		<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{SGG_NM}</td>
-		<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{TASK_SE_NM}</td>
-		<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{CVLCPT_APLCNT_NM}</td>
-		<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{CVLCPT_RCPT_NO}</td>
-		<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{CVLCPT_RCPT_YMD}</td>
-		<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{CVLCPT_LIST_NO}</td>
-		<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{GOJI_NO}</td>
-		<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{CRDN_YMD_TM}</td>
-		<td class="cmn text-start"  onclick="{onclick}" ondblclick="{ondblclick}">{VHRNO}</td>
-		<td class="cmn text-start"  onclick="{onclick}" ondblclick="{ondblclick}">{RPM_SZR_VHRNO}</td>
-		<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{ATCH_FILE_CNT}</td>
-		<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{PRK_PSBLTY_RSLT_NM}</td>
-		<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{RTPYR_NM}</td>
-		<td class="cmn text-center privacy-cell" onclick="{onclick}" ondblclick="{ondblclick}">
+		<td class="cmn text-center" onclick ondblclick>SGG_NM</td>
+		<td class="cmn text-center" onclick ondblclick>TASK_SE_NM</td>
+		<td class="cmn text-center" onclick ondblclick>CVLCPT_APLCNT_NM</td>
+		<td class="cmn text-center" onclick ondblclick>CVLCPT_RCPT_NO</td>
+		<td class="cmn text-center" onclick ondblclick>CVLCPT_RCPT_YMD</td>
+		<td class="cmn text-center" onclick ondblclick>CVLCPT_LIST_NO</td>
+		<td class="cmn text-center" onclick ondblclick>GOJI_NO</td>
+		<td class="cmn text-center" onclick ondblclick>CRDN_YMD_TM</td>
+		<td class="cmn text-start"  onclick ondblclick>VHRNO</td>
+		<td class="cmn text-start"  onclick ondblclick>RPM_SZR_VHRNO</td>
+		<td class="cmn text-center" onclick ondblclick>ATCH_FILE_CNT</td>
+		<td class="cmn text-center" onclick ondblclick>PRK_PSBLTY_RSLT_NM</td>
+		<td class="cmn text-center" onclick ondblclick>RTPYR_NM</td>
+		<td class="cmn text-center privacy-cell" onclick ondblclick>
 			<span>{RTPYR_NO}</span>
 			<span>*************</span>
 		</td>
-		<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{CRDN_STTS_NM}</td>
-		<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{CRDN_STTS_CHG_YMD}</td>
-		<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{LEVY_EXCL_YMD}</td>
-		<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{LEVY_EXCL_RSN_NM}</td>
-		<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{CRDN_REG_SE_NM}</td>
-		<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{CRDN_INPT_SE_NM}</td>
-		<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{CRDN_SE_NM}</td>
-		<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{CRDN_STDG_NM}</td>
-		<td class="cmn text-start"  onclick="{onclick}" ondblclick="{ondblclick}">{CRDN_PLC}</td>
-		<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{OPNN_SBMSN_YN_NM}</td>
-		<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{ADVNTCE_DUDT_YMD}</td>
-		<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{TOWNG_YN_NM}</td>
-		<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{RDCT_SE_NM}</td>
-		<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{LEVY_YMD}</td>
-		<td class="cmn fw-bold text-blue text-center"   onclick="{onclick}" ondblclick="{ondblclick}">{DUDT_YMD}</td>
-		<td class="cmn fw-bold text-red  text-end"      onclick="{onclick}" ondblclick="{ondblclick}">{MINAP_AMT}</td>
-		<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{DUDT_AFTR_YMD}</td>
-		<td class="cmn text-end"    onclick="{onclick}" ondblclick="{ondblclick}">{DUDT_AFTR_AMT}</td>
-		<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{SZR_YMD}</td>
-		<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{SZR_RMV_YMD}</td>
-		<td class="cmn text-end"    onclick="{onclick}" ondblclick="{ondblclick}">{FFNLG_AMT}</td>
-		<td class="cmn text-end"    onclick="{onclick}" ondblclick="{ondblclick}">{LEVY_PCPTAX}</td>
-		<td class="cmn text-end"    onclick="{onclick}" ondblclick="{ondblclick}">{LEVY_ADAMT}</td>
-		<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{EPAYNO}</td>
-		<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{BANK_NM}</td>
-		<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{VR_ACTNO}</td>
-		<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{PAY_MTHD_SE_NM}</td>
-		<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{RCVMT_YMD}</td>
-		<td class="cmn text-end"    onclick="{onclick}" ondblclick="{ondblclick}">{RCVMT_AMT}</td>
-		<td class="cmn text-end"    onclick="{onclick}" ondblclick="{ondblclick}">{RCVMT_PCPTAX}</td>
-		<td class="cmn text-end"    onclick="{onclick}" ondblclick="{ondblclick}">{RCVMT_ADAMT}</td>
-		<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{RTPYR_STTS_NM}</td>
-		<td class="cmn text-start"  onclick="{onclick}" ondblclick="{ondblclick}">{RTPYR_FULL_ADDR}</td>
+		<td class="cmn text-center" onclick ondblclick>CRDN_STTS_NM</td>
+		<td class="cmn text-center" onclick ondblclick>CRDN_STTS_CHG_YMD</td>
+		<td class="cmn text-center" onclick ondblclick>LEVY_EXCL_YMD</td>
+		<td class="cmn text-center" onclick ondblclick>LEVY_EXCL_RSN_NM</td>
+		<td class="cmn text-center" onclick ondblclick>CRDN_REG_SE_NM</td>
+		<td class="cmn text-center" onclick ondblclick>CRDN_INPT_SE_NM</td>
+		<td class="cmn text-center" onclick ondblclick>CRDN_SE_NM</td>
+		<td class="cmn text-center" onclick ondblclick>CRDN_STDG_NM</td>
+		<td class="cmn text-start"  onclick ondblclick>CRDN_PLC</td>
+		<td class="cmn text-center" onclick ondblclick>OPNN_SBMSN_YN_NM</td>
+		<td class="cmn text-center" onclick ondblclick>ADVNTCE_DUDT_YMD</td>
+		<td class="cmn text-center" onclick ondblclick>TOWNG_YN_NM</td>
+		<td class="cmn text-center" onclick ondblclick>RDCT_SE_NM</td>
+		<td class="cmn text-center" onclick ondblclick>LEVY_YMD</td>
+		<td class="cmn fw-bold text-blue text-center"   onclick ondblclick>DUDT_YMD</td>
+		<td class="cmn fw-bold text-red  text-end"      onclick ondblclick>MINAP_AMT</td>
+		<td class="cmn text-center" onclick ondblclick>DUDT_AFTR_YMD</td>
+		<td class="cmn text-end"    onclick ondblclick>DUDT_AFTR_AMT</td>
+		<td class="cmn text-center" onclick ondblclick>SZR_YMD</td>
+		<td class="cmn text-center" onclick ondblclick>SZR_RMV_YMD</td>
+		<td class="cmn text-end"    onclick ondblclick>FFNLG_AMT</td>
+		<td class="cmn text-end"    onclick ondblclick>LEVY_PCPTAX</td>
+		<td class="cmn text-end"    onclick ondblclick>LEVY_ADAMT</td>
+		<td class="cmn text-center" onclick ondblclick>EPAYNO</td>
+		<td class="cmn text-center" onclick ondblclick>BANK_NM</td>
+		<td class="cmn text-center" onclick ondblclick>VR_ACTNO</td>
+		<td class="cmn text-center" onclick ondblclick>PAY_MTHD_SE_NM</td>
+		<td class="cmn text-center" onclick ondblclick>RCVMT_YMD</td>
+		<td class="cmn text-end"    onclick ondblclick>RCVMT_AMT</td>
+		<td class="cmn text-end"    onclick ondblclick>RCVMT_PCPTAX</td>
+		<td class="cmn text-end"    onclick ondblclick>RCVMT_ADAMT</td>
+		<td class="cmn text-center" onclick ondblclick>RTPYR_STTS_NM</td>
+		<td class="cmn text-start"  onclick ondblclick>RTPYR_FULL_ADDR</td>
 		<td class="cmn dummy-td"></td>
 	</tr>
 </template>
 
-<template id="notFound--${pageName}">
+<template name="notFound">
 	<tr class="odd">
 		<td valign="top" colspan="49" class="dataTables_empty text-center">정보를 찾지 못했습니다.</td>
 	</tr>