diff --git a/src/main/java/cokr/xit/fims/sndb/web/Sndb01Controller.java b/src/main/java/cokr/xit/fims/sndb/web/Sndb01Controller.java
index f10f5285..99b8b1ae 100644
--- a/src/main/java/cokr/xit/fims/sndb/web/Sndb01Controller.java
+++ b/src/main/java/cokr/xit/fims/sndb/web/Sndb01Controller.java
@@ -53,7 +53,7 @@ public class Sndb01Controller extends ApplicationController {
 		addCodes(commonCodes, mav, "FIM004", "FIM005", "FIM006", "FIM061", "FIM064");
 
 		return mav.addObject("pageName", "sndb01010")							// View(jsp)에서 사용할 id 뒤에 붙일 suffix
-				.addObject("infoPrefix", "sndng")								// prefix
+				.addObject("infoPrefix", "wrngSndngTrgt")						// prefix
 				.addObject("FIM004List", commonCodes.get("FIM004"))				// 주정차위반 내역 코드(VLTN_ID)
 				.addObject("FIM005List", commonCodes.get("FIM005"))				// 전용차로위반 내역 코드(VLTN_ID)
 				.addObject("FIM006List", commonCodes.get("FIM006"))				// 장애인주차위반 내역 코드(VLTN_ID)
@@ -80,7 +80,6 @@ public class Sndb01Controller extends ApplicationController {
 		return setCollectionInfo(new ModelAndView("jsonView"), result, "wrngSndngTrgt");
 	}
 
-
 	/**계도장 발송 대상 정보 화면(sndb/sndb01/020-info)을 연다.
 	 * @param crdnIDs 단속 IDs
 	 * @return fims/sndb/sndb01020-info 또는 jsonView
@@ -101,21 +100,21 @@ public class Sndb01Controller extends ApplicationController {
 		return mav
 				.addObject("pageName", "sndb01020")
 				.addObject("FIM054List", commonCodes.get("FIM054"))								// 업무 구분 코드(TASK_SE_CD)
-				.addObject("wrngSndngTrgts", json ? wrngSndngTrgts : toJson(wrngSndngTrgts))	// 계도장 발송 대상 정보
+				.addObject("wrngSndngTrgtInfo", json ? wrngSndngTrgts : toJson(wrngSndngTrgts))	// 계도장 발송 대상 정보
 		;
 	}
 
-	/**계도장 발송 현황 메인화면(sndb/sndb01/020-main)을 연다.
+	/**계도장 발송 현황 메인화면(sndb/sndb01/030-main)을 연다.
 	 * 조건없는 {@link #getSndngList(SndbQuery) 발송 대장 조회 결과}를 포함시킨다.
-	 * @return /sndb/sndb01/020-main
+	 * @return /sndb/sndb01/030-main
 	 */
 	public ModelAndView warningSendingMain() {
-		ModelAndView mav = new ModelAndView("fims/sndb/sndb01020-main");
+		ModelAndView mav = new ModelAndView("fims/sndb/sndb01030-main");
 
 		// View(jsp)에서 사용할 공통코드를 조회
 		Map<String, List<CommonCode>> commonCodes = getCodesOf("FIM054");
 
-		return mav.addObject("pageName", "sndb01020")							// View(jsp)에서 사용할 id 뒤에 붙일 suffix
+		return mav.addObject("pageName", "sndb01030")							// View(jsp)에서 사용할 id 뒤에 붙일 suffix
 				.addObject("infoPrefix", "sndng")								// prefix
 				.addObject("FIM054List", commonCodes.get("FIM054"))				// 업무 구분 코드(TASK_SE_CD)
 		;
diff --git a/src/main/resources/sql/mapper/fims/sndb/sndng-mapper.xml b/src/main/resources/sql/mapper/fims/sndb/sndng-mapper.xml
index d9f346ee..58141a85 100644
--- a/src/main/resources/sql/mapper/fims/sndb/sndng-mapper.xml
+++ b/src/main/resources/sql/mapper/fims/sndb/sndng-mapper.xml
@@ -258,14 +258,6 @@
             </if>
             <if test="crdnId != null">
            AND C.CRDN_ID                =  #{crdnId}                                                            /* 단속 ID */
-            </if>
-            <if test="levyExclIDs != null">
-           AND LE.LEVY_EXCL_ID          IN (
-                <foreach collection="levyExclIDs" item="levyExclId" separator=","> #{levyExclId} </foreach>
-               )
-            </if>
-            <if test="levyExclId != null">
-           AND LE.LEVY_EXCL_ID          =  #{levyExclId}                                                        /* 부과 제외 ID */
             </if>
             <choose>
                 <when test="crdnDelYn != null">
diff --git a/src/main/webapp/WEB-INF/jsp/fims/excl/excl01020-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/excl/excl01020-info.jsp
index 335c7392..5c5559de 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/excl/excl01020-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/excl/excl01020-info.jsp
@@ -4,7 +4,7 @@
 <!-- inner page html -->
 <div class="content-wrapper">
 	<!-- Content -->
-	<div class="container-xxl flex-grow-1 px-0">
+	<div class="container flex-grow-1 px-0">
 		<c:set var="prefixName" scope="request">부과제외 정보</c:set>
 
 		<!-- Page Body -->
@@ -67,7 +67,7 @@
 		</div>
 		<!-- / 업무 버튼 표시 -->
 
-	</div> <!-- / Content <div class="container-xxl flex-grow-1 px-0"> -->
+	</div> <!-- / Content <div class="container flex-grow-1 px-0"> -->
 </div> <!-- / inner page html <div class="content-wrapper"> -->
 
 <script>
diff --git a/src/main/webapp/WEB-INF/jsp/fims/excl/excl02020-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/excl/excl02020-info.jsp
index ee3f6673..b32fdd6a 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/excl/excl02020-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/excl/excl02020-info.jsp
@@ -4,7 +4,7 @@
 <!-- inner page html -->
 <div class="content-wrapper">
 	<!-- Content -->
-	<div class="container-xxl flex-grow-1 px-0">
+	<div class="container flex-grow-1 px-0">
 		<c:set var="prefixName" scope="request">의견제출 정보</c:set>
 
 		<!-- Page Body -->
@@ -171,7 +171,7 @@
 		</div>
 		<!-- / 업무 버튼 표시 -->
 
-	</div> <!-- / Content <div class="container-xxl flex-grow-1 px-0"> -->
+	</div> <!-- / Content <div class="container flex-grow-1 px-0"> -->
 </div> <!-- / inner page html <div class="content-wrapper"> -->
 
 <script>
diff --git a/src/main/webapp/WEB-INF/jsp/fims/excl/excl02030-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/excl/excl02030-info.jsp
index 380d4404..8eda5bbe 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/excl/excl02030-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/excl/excl02030-info.jsp
@@ -4,7 +4,7 @@
 <!-- inner page html -->
 <div class="content-wrapper">
 	<!-- Content -->
-	<div class="container-xxl flex-grow-1 px-0">
+	<div class="container flex-grow-1 px-0">
 		<c:set var="prefixName" scope="request">의견제출 심의 정보</c:set>
 
 		<!-- Page Body -->
@@ -123,7 +123,7 @@
 		</div>
 		<!-- / 업무 버튼 표시 -->
 
-	</div> <!-- / Content <div class="container-xxl flex-grow-1 px-0"> -->
+	</div> <!-- / Content <div class="container flex-grow-1 px-0"> -->
 </div> <!-- / inner page html <div class="content-wrapper"> -->
 
 <script>
diff --git a/src/main/webapp/WEB-INF/jsp/fims/levy/levy02020-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/levy/levy02020-info.jsp
index ecfd3953..4f2a7280 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/levy/levy02020-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/levy/levy02020-info.jsp
@@ -4,7 +4,7 @@
 <!-- inner page html -->
 <div class="content-wrapper">
 	<!-- Content -->
-	<div class="container-xxl flex-grow-1 px-0">
+	<div class="container flex-grow-1 px-0">
 		<c:set var="prefixName" scope="request">과태료 감경 정보</c:set>
 
 		<!-- Page Body -->
@@ -76,7 +76,7 @@
 		</div>
 		<!-- / 업무 버튼 표시 -->
 
-	</div> <!-- / Content <div class="container-xxl flex-grow-1 px-0"> -->
+	</div> <!-- / Content <div class="container flex-grow-1 px-0"> -->
 </div> <!-- / inner page html <div class="content-wrapper"> -->
 
 <script>
diff --git a/src/main/webapp/WEB-INF/jsp/fims/payer/payer01020-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/payer/payer01020-info.jsp
index 7eba2c5b..5761a765 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/payer/payer01020-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/payer/payer01020-info.jsp
@@ -4,7 +4,7 @@
 <!-- inner page html -->
 <div class="content-wrapper">
 	<!-- Content -->
-	<div class="container-xxl flex-grow-1 px-0">
+	<div class="container flex-grow-1 px-0">
 		<c:set var="prefixName" scope="request">납부자 정보</c:set>
 
 		<!-- Page Body -->
@@ -129,7 +129,7 @@
 		</div>
 		<!-- / 업무 버튼 표시 -->
 
-	</div> <!-- / Content <div class="container-xxl flex-grow-1 px-0"> -->
+	</div> <!-- / Content <div class="container flex-grow-1 px-0"> -->
 </div> <!-- / inner page html <div class="content-wrapper"> -->
 
 <script>
diff --git a/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01010-main.jsp
index 5a45fc83..ba2e5037 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01010-main.jsp
@@ -5,7 +5,7 @@
 <div class="content-wrapper">
 	<!-- Content -->
 	<div class="container-xxl flex-grow-1 px-0">
-		<c:set var="prefixName" scope="request">계고장 발송대상</c:set>
+		<c:set var="prefixName" scope="request">계고장 발송 대상</c:set>
 
 		<!-- Page Body -->
 		<div class="card">
@@ -154,7 +154,7 @@
 							</div>
 				            <span class="container-window-btn-right">
 								<!-- 업무 버튼 -->
-								<button type="button" class="btn btn-primary" id="btnCreateWrngSndngTrg--${pageName}" title="계고장 발송 등록" onclick="fnCreateWrngSndngTrg${pageName}();">
+								<button type="button" class="btn btn-primary" id="btnWrngSndngTrgInfo--${pageName}" title="계고장 발송 등록" onclick="fnWrngSndngTrgInfo${pageName}();">
 									계고장 발송 등록
 								</button>
 								<button type="button" class="btn btn-primary" id="btnLevyExclInfo--${pageName}" title="계고 수정" onclick="fnLevyExclInfo${pageName}();">
@@ -186,9 +186,6 @@
 											<th class="cmn" style="width: 280px;" onclick="searchFromGridTitle('CRDN_PLC', this.innerText, 'match', 'part');">단속장소</th>
 											<th class="cmn" style="width: 140px;" onclick="searchFromGridTitle('FFNLG_AMT', this.innerText, 'match', 'part');">단속금액</th>
 											<th class="cmn" style="width: 160px;" onclick="searchFromGridTitle('CRDN_STTS_NM', this.innerText, 'codeValue', 'FIM010');">처리상태</th>
-											<th class="cmn" style="width: 200px;" onclick="searchFromGridTitle('RTPYR_NM', this.innerText, 'match', 'part');">납부자명</th>
-											<th class="cmn" style="width: 120px;" onclick="searchFromGridTitle('RTPYR_BRDT', this.innerText, 'ymd', '');">납부자생일</th>
-											<th class="cmn" style="width: 120px;" onclick="searchFromGridTitle('ZIP', this.innerText, 'match', 'part');">우편번호</th>
 											<th class="cmn" style="width: 180px;">등록일시</th>
 											<th class="cmn" style="width: 140px;">등록사용자</th>
 											<th class="cmn" style="width: 180px;">수정일시</th>
@@ -199,10 +196,10 @@
 									<tbody id="tbody--${pageName}">
 									</tbody>
 									<template id="${infoPrefix}Row--${pageName}">
-										<tr data-key="{LEVY_EXCL_ID}">
+										<tr data-key="{CRDN_ID}">
 											<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{ROW_NUM}</td>
 											<td class="cmn text-center">
-												<input type="checkbox" class="form-check-input" value="{LEVY_EXCL_ID}" onchange="${pageName}Control.select('{LEVY_EXCL_ID}', this.checked);">
+												<input type="checkbox" class="form-check-input" value="{CRDN_ID}" onchange="${pageName}Control.select('{CRDN_ID}', this.checked);">
 											</td>
 											<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{LEVY_EXCL_YMD}</td>
 											<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{LEVY_EXCL_RSN_NM}</td>
@@ -213,9 +210,6 @@
 											<td class="cmn text-start"  onclick="{onclick}" ondblclick="{ondblclick}">{CRDN_PLC}</td>
 											<td class="cmn text-end"	onclick="{onclick}" ondblclick="{ondblclick}">{FFNLG_CRDN_AMT}</td>
 											<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{CRDN_STTS_NM}</td>
-											<td class="cmn text-start"  onclick="{onclick}" ondblclick="{ondblclick}">{RTPYR_NM}</td>
-											<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{RTPYR_BRDT_FORMAT}</td>
-											<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{ZIP}</td>
 											<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{REG_DT}</td>
 											<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{RGTR_NM}</td>
 											<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{MDFCN_DT}</td>
@@ -225,7 +219,7 @@
 									</template>
 									<template id="${infoPrefix}NotFound--${pageName}">
 										<tr class="odd">
-											<td valign="top" colspan="19" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
+											<td valign="top" colspan="16" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
 										</tr>
 									</template>
 								</table>
@@ -262,15 +256,16 @@
 	 **************************************************************************/
 	var ${pageName}Control = new DatasetControl({
 		  prefix : "wrngSndngTrgt"
-		, prefixName : "계고장 발송대상"
+		, prefixName : "계고장 발송 대상"
 		, infoSize : "lg"
-		, keymapper : info => info ? info.LEVY_EXCL_ID : ""
+		, keymapper : info => info ? info.CRDN_ID : ""
 		, dataGetter : obj => obj.wrngSndngTrgtList
 		, appendData : true
 		, tableRenderComplete : false							// dataTables 에 자료 추가 완료 여부
 		, formats : {
 	    	  LEVY_EXCL_YMD : dateFormat
 	    	, CRDN_YMD_TM : datetimeFormat
+	    	, FFNLG_CRDN_AMT : numberFormat
 	    	, REG_DT : datetimeFormat
 	    	, MDFCN_DT : datetimeFormat
 		}
@@ -299,7 +294,7 @@
 	${pageName}Control.onCurrentChange = item => {
 		if (!item) return;
 
-		let key = item.data.LEVY_EXCL_ID;
+		let key = item.data.CRDN_ID;
 
 		$("#tbody--${pageName}").setCurrentRow(key);
 	};
@@ -316,7 +311,7 @@
 		});
 
 		$("#btnCreateWrngSndngTrg--${pageName}").prop("disabled", keys.length < 1);
-};
+	};
 
 	// 개별총정보 dialog
 	${pageName}Control.getInfo = (crdnId) => {
@@ -358,7 +353,7 @@
 			${infoPrefix}List.inStrings(
 				document.getElementById("${infoPrefix}Row--${pageName}").innerHTML, <%-- from template#${infoPrefix}Row --%>
 				(str, dataItem) => str
-					.replace(/{onclick}/gi, "${pageName}Control.setCurrent('" + dataItem.getValue("LEVY_EXCL_ID") + "');")
+					.replace(/{onclick}/gi, "${pageName}Control.setCurrent('" + dataItem.getValue("CRDN_ID") + "');")
 					.replace(/{ondblclick}/gi, "${pageName}Control.getInfo('" + dataItem.getValue("CRDN_ID") + "');")
 			);
 
@@ -541,7 +536,7 @@
 	}
 
 	// 계고장 발송 등록
-	fnCreateWrngSndngTrg${pageName} = () => {
+	fnWrngSndngTrgInfo${pageName} = () => {
 		let params = {
 			  callPurpose	: "create"
 			, sggCd			: ${pageName}Control.dataset.getValue("SGG_CD")				// 시군구 코드
diff --git a/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01020-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01020-info.jsp
index 335c7392..c2fc8493 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01020-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/sndb/sndb01020-info.jsp
@@ -4,185 +4,254 @@
 <!-- inner page html -->
 <div class="content-wrapper">
 	<!-- Content -->
-	<div class="container-xxl flex-grow-1 px-0">
-		<c:set var="prefixName" scope="request">부과제외 정보</c:set>
-
+	<div class="container flex-grow-1 px-0">
 		<!-- Page Body -->
 		<div class="card">
-			<!-- 입력 영역 -->
-			<form id="frmEdit--${pageName}" name="frmEdit">
-				<!-- hidden -->
-				<input type="hidden" id="crdnId--${pageName}" name="crdnId" data-map="CRDN_ID" />
-				<input type="hidden" id="sggCd--${pageName}" name="sggCd" data-map="SGG_CD" />
-				<input type="hidden" id="taskSeCd--${pageName}" name="taskSeCd" data-map="TASK_SE_CD" />
-				<input type="hidden" id="levyExclId--${pageName}" name="levyExclId" data-map="LEVY_EXCL_ID" />
+			<!-- 상단 버튼 -->
+			<div class="container-page-btn">
+				<span class="container-window-btn-right">
+					<button type="button" class="btn btn-search" id="btnExcel--${pageName}" title="엑셀" onclick="fnExcel${pageName}();">
+						엑셀
+					</button>
+				</span>
+			</div>
+			<!-- / 상단 버튼 -->
 
+			<form id="frmEdit--${pageName}" name="frmEdit">
 				<div class="row g-1">
-					<!-- 차량번호 -->
-					<div class="col-md-12">
-						<label for="vhrno--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">차량번호</label>
-						<input type="text" class="form-control w-px-120" id="vhrno--${pageName}" name="vhrno" data-map="VHRNO" readonly />
+					<!-- 총 건수 -->
+					<div class="col-md-12 text-end px-2">
+						<label for="tnocs--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">총건수/금액</label>
+						<input type="text" class="form-control w-px-80 text-end" id="tnocs--${pageName}" name="tnocs" readonly />
+						<input type="text" class="form-control w-px-140 text-end" id="gramt--${pageName}" name="gramt" readonly />
 					</div>
-					<!-- 부과 제외 구분 -->
+					<!-- 발송 일자 -->
 					<div class="col-md-12">
-						<label for="levyExclSeNm--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end required">부과제외구분</label>
-						<input type="text" class="form-control w-px-120" id="levyExclSeNm--${pageName}" readonly />
-						<input type="hidden" id="levyExclSeCd--${pageName}" name="levyExclSeCd" data-map="LEVY_EXCL_SE_CD" />
-					</div>
-					<!-- 부과 제외 일자 -->
-					<div class="col-md-12">
-						<label for="levyExclYmd--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end required">부과제외일자</label>
-						<input type="text" class="form-control form-date" id="levyExclYmd--${pageName}" name="levyExclYmd" data-map="LEVY_EXCL_YMD"
+						<label for="sndngYmd--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end required">발송일자</label>
+						<input type="text" class="form-control form-date" id="sndngYmd--${pageName}" name="sndngYmd" data-map="SNDNG_YMD"
 							data-fmt-type="day" title="날짜 선택" maxlength="10" required />
 						<button type="button" class="bx bx-sm bx-calendar bg-white"></button>
 					</div>
-					<!-- 부과 제외 사유 -->
+					<!-- 문서 번호 -->
 					<div class="col-md-12">
-						<label for="levyExclRsnCd--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end required">부과제외사유</label>
-						<select class="form-select" id="levyExclRsnCd--${pageName}" name="levyExclRsnCd" data-map="LEVY_EXCL_RSN_CD" required>
-							<option value="">선택하세요</option>
-							<c:forEach items="${FIM022List}" var="item">
-								<option value="${item.code}">${item.value}</option>
-							</c:forEach>
-						</select>
+						<label for="docNo--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">문서번호</label>
+						<input type="text" class="form-control w-40 text-end" id="docNo--${pageName}" name="docNo" data-map="DOC_NO" />
+					</div>
+					<!-- 제목 명 -->
+					<div class="col-md-12">
+						<label for="ttlNm--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">제목</label>
+						<input type="text" class="form-control w-75 text-end" id="ttlNm--${pageName}" name="ttlNm" data-map="TTL_NM" />
 					</div>
 					<!-- 기타 내용 -->
 					<div class="col-md-12">
-						<label for="etcCn--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">기타 내용</label>
-						<textarea type="text" class="form-control w-80" id="etcCn--${pageName}" name="etcCn" data-map="ETC_CN" rows="3" data-maxlengthb="1000">
+						<label for="etcCn--${pageName}" class="w-px-120 bg-lighter pe-2 col-form-label text-sm-end">기타내용</label>
+						<textarea type="text" class="form-control w-75" id="etcCn--${pageName}" name="etcCn" data-map="ETC_CN" rows="3" data-maxlengthb="1000">
 						</textarea>
 					</div>
-				</div>
-			</form> <!-- /입력 영역 -->
-		</div> <!-- <div class="card"> -->
+				</div> <!-- <div class="row g-1"> -->
+			</form>
 
-		<!-- 업무 버튼 표시 -->
-		<div>
-			<span class="container-page-btn">
-				<span class="container-window-btn-right">
-					<!-- 업무 버튼 -->
-					<button type="button" class="btn btn-primary w-px-80" id="btnSave--${pageName}" title="저장" onclick="fnSave${pageName}()">저장</button>
+			<!-- 업무 버튼 및 건수 표시 -->
+			<div>
+				<span class="container-page-btn">
+		            <span class="container-window-btn-right">
+						<!-- 업무 버튼 -->
+						<button type="button" class="btn btn-primary" id="btnCreateWrngSndng--${pageName}" title="계고장 발송 등록" onclick="fnCreateWrngSndng${pageName}();">
+							등록
+						</button>
+		            </span>
 				</span>
-			</span>
-		</div>
-		<!-- / 업무 버튼 표시 -->
+			</div>
+			<!-- / 업무 버튼 및 건수 표시 -->
 
-	</div> <!-- / Content <div class="container-xxl flex-grow-1 px-0"> -->
-</div> <!-- / inner page html <div class="content-wrapper"> -->
+			<!-- DataTables(그리드) -->
+			<div class="card-datatable text-nowrap">
+				<div class="dataTables_wrapper dt-bootstrap5 no-footer" id="DataTables_Table_0_wrapper--${pageName}">
+					<div class="table-responsive" id="table-responsive--${pageName}" style="overflow-x:scroll; height:280px; overflow-y:scroll;" >
+						<table class="table-layout-fixed dataTable datatables-ajax table table-bordered no-footer" id="DataTables_Table_0--${pageName}" aria-describedby="DataTables_Table_0_info">
+							<thead class="sticky-thead">
+								<tr id="theadTr--${pageName}"
+									data-by="by--${pageName}" data-by-output="byOutput--${pageName}" data-main-option="mainOption--${pageName}" data-sub-option="subOption--${pageName}">
+									<th class="cmn" style="width: 140px;" onclick="searchFromGridTitle('LEVY_EXCL_YMD', this.innerText, 'ymd', '');">계고일자</th>
+									<th class="cmn" style="width: 200px;" onclick="searchFromGridTitle('LEVY_EXCL_RSN_NM', this.innerText, 'codeValue', 'FIM022');">계고사유</th>
+									<th class="cmn" style="width: 280px;" onclick="searchFromGridTitle('ETC_CN', this.innerText, 'match', 'part');">기타내용</th>
+									<th class="cmn" style="width: 180px;" onclick="searchFromGridTitle('CRDN_YMD', this.innerText, 'ymd', '');">단속일시</th>
+									<th class="cmn" style="width: 140px;" onclick="searchFromGridTitle('VHRNO', this.innerText, 'match', 'part');">차량번호</th>
+									<th class="cmn" style="width: 160px;" onclick="searchFromGridTitle('CRDN_STDG_NM', this.innerText, 'match', 'part');">법정동</th>
+									<th class="cmn" style="width: 280px;" onclick="searchFromGridTitle('CRDN_PLC', this.innerText, 'match', 'part');">단속장소</th>
+									<th class="cmn" style="width: 140px;" onclick="searchFromGridTitle('FFNLG_AMT', this.innerText, 'match', 'part');">단속금액</th>
+									<th class="cmn" style="width: 160px;" onclick="searchFromGridTitle('CRDN_STTS_NM', this.innerText, 'codeValue', 'FIM010');">처리상태</th>
+									<th class="cmn" style="width: 200px;" onclick="searchFromGridTitle('RTPYR_NM', this.innerText, 'match', 'part');">납부자명</th>
+									<th class="cmn" style="width: 120px;" onclick="searchFromGridTitle('RTPYR_BRDT', this.innerText, 'ymd', '');">납부자생일</th>
+									<th class="cmn" style="width: 120px;" onclick="searchFromGridTitle('ZIP', this.innerText, 'match', 'part');">우편번호</th>
+									<th class="cmn" style="width: 180px;">등록일시</th>
+									<th class="cmn" style="width: 140px;">등록사용자</th>
+									<th class="cmn" style="width: 180px;">수정일시</th>
+									<th class="cmn" style="width: 140px;">수정사용자</th>
+									<th class="cmn dummy-th"></th>
+								</tr>
+							</thead>
+							<tbody id="tbody--${pageName}">
+							</tbody>
+							<template id="${infoPrefix}Row--${pageName}">
+								<tr data-key="{CRDN_ID}">
+									<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-start"  onclick="{onclick}" ondblclick="{ondblclick}">{ETC_CN}</td>
+									<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{CRDN_YMD_TM}</td>
+									<td class="cmn text-start"  onclick="{onclick}" ondblclick="{ondblclick}">{VHRNO}</td>
+									<td class="cmn text-start"  onclick="{onclick}" ondblclick="{ondblclick}">{CRDN_STDG_NM}</td>
+									<td class="cmn text-start"  onclick="{onclick}" ondblclick="{ondblclick}">{CRDN_PLC}</td>
+									<td class="cmn text-end"	onclick="{onclick}" ondblclick="{ondblclick}">{FFNLG_CRDN_AMT}</td>
+									<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{CRDN_STTS_NM}</td>
+									<td class="cmn text-start"  onclick="{onclick}" ondblclick="{ondblclick}">{RTPYR_NM}</td>
+									<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{RTPYR_BRDT_FORMAT}</td>
+									<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{ZIP}</td>
+									<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{REG_DT}</td>
+									<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{RGTR_NM}</td>
+									<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{MDFCN_DT}</td>
+									<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{MDFR_NM}</td>
+									<td class="cmn dummy-td"></td>
+								</tr>
+							</template>
+							<template id="${infoPrefix}NotFound--${pageName}">
+								<tr class="odd">
+									<td valign="top" colspan="17" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
+								</tr>
+							</template>
+						</table>
+					</div>
+				</div>
+			</div>
+			<!-- / DataTables(그리드) -->
+		</div> <!-- <div class="card"> -->
+	</div> <!-- / Content <div class="container flex-grow-1 px-0"> -->
+</div>
+<!-- / inner page html <div class="content-wrapper"> -->
 
 <script>
 	/**************************************************************************
 	 * Global Variable
 	 **************************************************************************/
 	// URL
-	var ${pageName}PrefixUrl = "/excl/excl01";
-	// FormFields
- 	var ${pageName}Fields = new FormFields("#frmEdit--${pageName}");
- 	// 공통 코드
-	var FIM021 = new CommonCodes(${FIM021}, true);
-	var FIM022 = new CommonCodes(${FIM022}, true);
-	// 호출한 Page Name
-	var openerPageName = "${openerPageName}";
+	var ${pageName}PrefixUrl = "/sndb/sndb01";
 
 	/**************************************************************************
 	 * DatasetControl
 	 **************************************************************************/
 	var ${pageName}Control = new DatasetControl({
-		  prefix : "levyExcl"
-		, prefixName : "부과제외"
-		, keymapper : info => info ? info.LEVY_EXCL_ID : ""
-		, dataGetter : obj => obj.levyExclInfo
-		, urls : {
-			  create : wctx.url(${pageName}PrefixUrl + "/020/create.do")		// 등록
-			, update : wctx.url(${pageName}PrefixUrl + "/020/update.do")		// 수정
-		}
+		  prefix : "wrngSndngTrgtInfo"
+		, prefixName : "계고장 발송 대상"
+		, keymapper : info => info ? info.CRDN_ID : ""
+		, dataGetter : obj => obj.wrngSndngTrgtInfoList
+		, appendData : true
+		, tableRenderComplete : false							// dataTables 에 자료 추가 완료 여부
 		, formats : {
-	    	LEVY_EXCL_YMD : dateFormat
+	    	  LEVY_EXCL_YMD : dateFormat
+	    	, CRDN_YMD_TM : datetimeFormat
+	    	, FFNLG_CRDN_AMT : numberFormat
+	    	, REG_DT : datetimeFormat
+	    	, MDFCN_DT : datetimeFormat
 		}
 	});
 
-	${pageName}Control.onCurrentChange = item => {
-		// Dataset 셋팅
-		${pageName}Fields.set(item);
-
-		// 업무구분에 따른 url 변경
-		${pageName}Control.urls.create = wctx.url(item.data.TASK_SE_CD + ${pageName}PrefixUrl + "/020/create.do");
-		${pageName}Control.urls.update = wctx.url(item.data.TASK_SE_CD + ${pageName}PrefixUrl + "/020/update.do");
-
-		// 부과제외구분에 따른 부과제외사유 셋팅
-		setFim021(item.data.LEVY_EXCL_SE_CD, item.data.LEVY_EXCL_RSN_CD);
-	}
-
 	/**************************************************************************
 	 * DatasetControl 이벤트
 	 **************************************************************************/
-	// 저장 callback
-	${pageName}Control.onSave = (resp) => {
-  		let dialogTitle = $("#" + ${pageName}Control.prefix + "Dialog").find("h5.modal-title").html();
-  		let showMessage = resp.retMessage.replace(/[S]|[F]/g, dialogTitle);
+	// Dataset 변경 이벤트
+	${pageName}Control.onDatasetChange = obj => {
+		renderList${pageName}();
 
-		dialog.alert(showMessage);
+		$("#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})"
+		});
 
-		if (resp.saved) {
-			dialog.close(${pageName}Control.prefix + "Dialog");
+		${pageName}Control.tableRenderComplete = true;			// dataTables 에 자료 추가 완료
+	};
 
-			if ("${savedCallbackFuncName}" != "") {
-				${savedCallbackFuncName}(resp.saved);
-			}
-		}
-	}
+	// 현재 선택 자료 변경 이벤트
+	${pageName}Control.onCurrentChange = item => {
+		if (!item) return;
 
-	// 저장
-	${pageName}Control.save = (info) => {
-		if (!info) return;
+		let key = item.data.CRDN_ID;
 
-  		let create = isEmpty(info.levyExclId);
+		$("#tbody--${pageName}").setCurrentRow(key);
+	};
 
-  		// 민원 접수 관리에서 호출했다면..
-		if (create && "${saveCallbackFuncName}" != "") {
-			${saveCallbackFuncName}(info);
-		} else {
-			ajax.post({
-				  url : !create ? ${pageName}Control.urls.update : ${pageName}Control.urls.create
-				, data : info
-				, success : resp => ${pageName}Control.onSave(resp)
-			});
+	// 개별총정보 dialog
+	${pageName}Control.getInfo = (crdnId) => {
+		if (crdnId == undefined || crdnId == null || crdnId == "") {
+			return;
 		}
+
+		let params = {
+			  callControlName : "${pageName}Control"
+			, crdnId : crdnId
+		}
+
+		ajax.get({
+			  url : ${pageName}Control.urls.getInfo
+			, data : params || {}
+			, success : resp => {
+				dialog.open({
+					  id : "totalInfoMainDialog"
+					, title : "개별총정보"
+					, content : resp
+					, size : "xxl"
+					, init : () => { }
+					, onClose : () => { }
+				});
+			}
+		});
 	}
 
 	/**************************************************************************
 	 *
 	 **************************************************************************/
-	// 부과제외 구분에 따른 부과제외 사유 코드 설정
-	setFim021 = (seCode, rsnCode) => {
-		let cmnCode = FIM021[seCode];
+	// DataTables에 click, dbclick 이벤트
+	renderList${pageName} = () => {
+		let ${infoPrefix}List = ${pageName}Control.dataset;
+		let empty = ${infoPrefix}List.empty;
 
-		$("#levyExclSeCd--${pageName}").val(cmnCode.code);
-		$("#levyExclSeNm--${pageName}").val(cmnCode.value);
+		let trs = empty ?
+			[document.getElementById("${infoPrefix}NotFound--${pageName}").innerHTML] : <%-- from template#${infoPrefix}NotFound --%>
+			${infoPrefix}List.inStrings(
+				document.getElementById("${infoPrefix}Row--${pageName}").innerHTML, <%-- from template#${infoPrefix}Row --%>
+				(str, dataItem) => str
+					.replace(/{onclick}/gi, "${pageName}Control.setCurrent('" + dataItem.getValue("CRDN_ID") + "');")
+					.replace(/{ondblclick}/gi, "${pageName}Control.getInfo('" + dataItem.getValue("CRDN_ID") + "');")
+			);
 
-		let reasons = FIM022.list().filter(reason => "1" == seCode ? reason.code < "200" : reason.code > "200");
-		$("#levyExclRsnCd--${pageName}").html(reasons.map(reason => "<option value='" + reason.code + "'>" + reason.value + "</option>").join());
+		$("#tbody--${pageName}").html(trs.join());
+		$("th input[type='checkbox']").prop("checked", false);
 
-		if (rsnCode != undefined && rsnCode != "") {
-			$("#levyExclRsnCd--${pageName}").val(rsnCode);
-		}
+		//보안모드
+	    fn_securityModeToggle($("#securityMode--top").is(":checked"));
 	}
 
 	/**************************************************************************
 	 * 초기 셋팅
 	 **************************************************************************/
-	// 검색조건 초기값 셋팅
+	// 화면 초기값 셋팅
 	initForm${pageName} = () => {
 		// 달력 초기화
-	    initDatepicker("frmEdit--${pageName}");
-	    $("#levyExclYmd--${pageName}").datepicker("setDate", new Date());
+		initDatepicker("frmSearch--${pageName}");
+
+		$("#sndngYmd--${pageName}").datepicker("setDate", new Date());
+
+		${pageName}Control.dataset.clear();
 	}
 
-	// 이벤트 설정
+	// 이벤트
 	setEvent${pageName} = () => {
 		// form-date 항목에서 키보드로 입력시 날짜 포맷팅 적용
-		$("#frmEdit--${pageName}").find(".form-date").each(function() {
-			$(this).on("input",function() {
+		$("#frmSearch--${pageName}").find(".form-date").each(function() {
+			$(this).on("input", function() {
 				let value = this.value.replaceAll("-", "");
 
 				if (value.length > 7) {
@@ -192,22 +261,22 @@
 				}
 			});
 		});
+
+		// DataTables width 변경 조정
+		$("#DataTables_Table_0--${pageName}").find("th").resizable( {handles : "e"} );
 	}
 
 	/**************************************************************************
-	 * function
+	 * 버튼 clickEvent
 	 **************************************************************************/
-	// 저장
-	fnSave${pageName} = () => {
-		// validate 확인
-		if (!customValidate($("#frmEdit--${pageName}").find("input, select, textarea"))) return;
-
-		dialog.alert({
-			  content : "현재 " + ${pageName}Control.prefixName + " 정보를 저장하시겠습니까?"
-			, onOK : () => {
-				${pageName}Control.save(${pageName}Fields.get());
-			}
-		});
+	// 엑셀
+	fnExcel${pageName} = () => {
+
+	}
+
+	// 계고장 등록
+	fnCreateWrngSndng${pageName} = () => {
+
 	}
 
 	/**************************************************************************
@@ -217,11 +286,11 @@
 		// 이벤트 설정
 		setEvent${pageName}();
 
-		// 화면 초기 설정
-		initForm${pageName}();
+		// 보안모드
+	    fn_securityModeToggle($("#securityMode--top").is(":checked"));
 
-		// Dataset 셋팅 - 단건일 경우 setData
-		${pageName}Control.setData([${levyExclInfo}]);
+		// Dataset 셋팅 - 화면이 열리면서 조회하는 경우 addData 하여 자료를 추가
+		${pageName}Control.addData(${wrngSndngTrgtInfo});
 	});
 
 </script>