diff --git a/README.md b/README.md
index 28dc5692..f4693742 100644
--- a/README.md
+++ b/README.md
@@ -208,3 +208,19 @@ $("#btnClose").on('click', () => {
 });
 
 ```
+## JSON Object ModelAndView에서 처리
+```js
+// ModelAndView return
+gridInfo={"next":null,"perPage":15,"page":1,"totalCount":15,"curRowData":{"regltSeCode":"01","extrlRegltCntcId":"000000001051"},"curRowPos":1,"curGridDataPos":0,"curGridDatas":[{"regltSeCode":"01","extrlRegltCntcId":"000000001051"},{"regltSeCode":"01","extrlRegltCntcId":"000000001052"},{"regltSeCode":"01","extrlRegltCntcId":"000000001065"}]}
+
+// jstl사용시 보안상의 이유로 " 문자를 " 치환
+// 아래와 같이 처리
+let gridInfo = '<c:out value="${gridInfo}"/>';  // string으로 
+gridInfo = gridInfo.replace(/&#034;/g, '"');
+gridInfo = JSON.parse(gridInfo);
+
+// escapeXml = "false" 사용 - xss 보안상 문제 발생
+let gridInfo = <c:out value="${gridInfo}" escapeXml = "false"/>; //객체이므로 "" 미사용
+
+let gridInfo = ${gridInfo};
+```
diff --git a/src/main/java/kr/xit/fims/biz/ec/mapper/IEcCctvCrackdownMapper.java b/src/main/java/kr/xit/fims/biz/ec/mapper/IEcCctvCrackdownMapper.java
index c5994e36..a785459b 100644
--- a/src/main/java/kr/xit/fims/biz/ec/mapper/IEcCctvCrackdownMapper.java
+++ b/src/main/java/kr/xit/fims/biz/ec/mapper/IEcCctvCrackdownMapper.java
@@ -11,7 +11,7 @@ import kr.xit.fims.biz.ec.model.CctvCrackdownDTO;
 @Mapper
 public interface IEcCctvCrackdownMapper {
     List<CctvCrackdownDTO.ExtrlRegltCntc> selectEcExtrlRegltCntcs(final Map<String, Object> paraMap, final RowBounds rowBounds);
-    CctvCrackdownDTO.ExtrlRegltCntc selectEcExtrlRegltCntc(final String extrlRegltCntcId);
+    <T> CctvCrackdownDTO.ExtrlRegltCntc selectEcExtrlRegltCntc(final T t);
     int insertEcExtrlRegltCntc(final CctvCrackdownDTO.ExtrlRegltCntc dto);
     void updateEcExtrlRegltCntc(final CctvCrackdownDTO.ExtrlRegltCntc dto);
 
diff --git a/src/main/java/kr/xit/fims/biz/ec/service/EcCctvCrackdownService.java b/src/main/java/kr/xit/fims/biz/ec/service/EcCctvCrackdownService.java
index 4693abbb..4555f878 100644
--- a/src/main/java/kr/xit/fims/biz/ec/service/EcCctvCrackdownService.java
+++ b/src/main/java/kr/xit/fims/biz/ec/service/EcCctvCrackdownService.java
@@ -70,8 +70,8 @@ public class EcCctvCrackdownService implements IEcCctvCrackdownService {
 
     @Override
     @Transactional(readOnly = true)
-    public CctvCrackdownDTO.ExtrlRegltCntc findExtrlRegltCntc(final String extrlRegltCntcId) {
-        return mapper.selectEcExtrlRegltCntc(extrlRegltCntcId);
+    public <T> CctvCrackdownDTO.ExtrlRegltCntc findExtrlRegltCntc(final T t) {
+        return mapper.selectEcExtrlRegltCntc(t);
     }
 
     /**
diff --git a/src/main/java/kr/xit/fims/biz/ec/service/IEcCctvCrackdownService.java b/src/main/java/kr/xit/fims/biz/ec/service/IEcCctvCrackdownService.java
index 9107879d..6ce0dbbc 100644
--- a/src/main/java/kr/xit/fims/biz/ec/service/IEcCctvCrackdownService.java
+++ b/src/main/java/kr/xit/fims/biz/ec/service/IEcCctvCrackdownService.java
@@ -13,7 +13,7 @@ import kr.xit.framework.core.utils.XitCmmnUtil;
 public interface IEcCctvCrackdownService {
 
     List<CctvCrackdownDTO.ExtrlRegltCntc> findExtrlRegltCntcs(final Map<String, Object> paraMap, final RowBounds rowBounds);
-    CctvCrackdownDTO.ExtrlRegltCntc findExtrlRegltCntc(final String extrlRegltCntcId);
+    <T> CctvCrackdownDTO.ExtrlRegltCntc findExtrlRegltCntc(final T t);
 
     void saveCctvCrackdownDatas(final CctvCrackdownDTO.Request dto);
     void saveBusCctvCrackdownDatas(final FolderReqDTO dto);
diff --git a/src/main/java/kr/xit/fims/biz/ec/web/EcCctvCrackdownController.java b/src/main/java/kr/xit/fims/biz/ec/web/EcCctvCrackdownController.java
index 8ebe34f4..12bc83c8 100644
--- a/src/main/java/kr/xit/fims/biz/ec/web/EcCctvCrackdownController.java
+++ b/src/main/java/kr/xit/fims/biz/ec/web/EcCctvCrackdownController.java
@@ -57,28 +57,38 @@ public class EcCctvCrackdownController {
     }
 
     @RequestMapping(value = "/ecCctvCrackdownPopup")
-    public ModelAndView ecCctvCrackdownPopup(final String extrlRegltCntcId, final String regltSeCode){
+    public ModelAndView ecCctvCrackdownPopup(final CctvCrackdownDTO.Request dto){
         ModelAndView mav = new ModelAndView(FimsConst.FIMS_JSP_BASE_PATH +"ec/ecCctvCrackdownPopup.popup");
 
-        String fileJobSeCode = FimsBizUtils.getFileJobSeCode(regltSeCode);
-        mav.addObject("extrlRegltCntcDTO", service
-            .findExtrlRegltCntc(extrlRegltCntcId));
+        mav.addObject("extrDTO", service.findExtrlRegltCntc(dto.getExtrlRegltCntcId()));
         mav.addObject("attchFiles", fileService.findFilesByJobSeCodeAndJobId(
             CmmFileDTO.FileMst.builder()
-                .jobSeCode(fileJobSeCode)
-                .fileJobId(extrlRegltCntcId)
+                .jobSeCode(FimsBizUtils.getFileJobSeCode(dto.getRegltSeCode()))
+                .fileJobId(dto.getExtrlRegltCntcId())
                 .build()));
         return mav;
     }
-    @RequestMapping(value = "/findBusCctvCrackdownFiles")
-    public ModelAndView findBusCctvCrackdownFiles(final String dirPath){
 
-        XitFileExplorerUtil explorer = new XitFileExplorerUtil(new DirectorySearch(dirPath));
-        return ResultResponse.of(
-            explorer.getList().stream()
-                .filter(m->"Y".equals(m.get("isFile")))
-                .collect(Collectors.toList())
-        );
+    @GetMapping(value = "/findExtrlRegltCntcs")
+    public ModelAndView findExtrlRegltCntcs(@RequestParam final Map<String,Object> paraMap) {
+        return ResultResponse.of(service.findExtrlRegltCntcs(paraMap, MybatisUtils.getPagingInfo(paraMap)));
+    }
+
+    @RequestMapping(value = "/findExtrlRegltCntcAndAttchFiles")
+    public ModelAndView findExtrlRegltCntcAndAttchFiles(final CctvCrackdownDTO.Request dto) {
+        ModelAndView mav = new ModelAndView(FrameworkConstants.JSON_VIEW);
+        mav.addObject("extrDTO", service.findExtrlRegltCntc(dto));
+        mav.addObject("attchFiles", fileService.findFilesByJobSeCodeAndJobId(
+            CmmFileDTO.FileMst.builder()
+                .jobSeCode(FimsBizUtils.getFileJobSeCode(dto.getRegltSeCode()))
+                .fileJobId(dto.getExtrlRegltCntcId())
+                .build()));
+        return mav;
+    }
+
+    @RequestMapping(value = "/findExtrlRegltCntc")
+    public ModelAndView findExtrlRegltCntc(final CctvCrackdownDTO.Request dto) {
+        return ResultResponse.of("extrDTO", service.findExtrlRegltCntc(dto));
     }
 
     @PostMapping(value = "/saveCctvCrackdownDatas")
@@ -99,11 +109,6 @@ public class EcCctvCrackdownController {
         return mav;
     }
 
-    @GetMapping(value = "/findExtrlRegltCntcs")
-    public ModelAndView findExtrlRegltCntcs(@RequestParam final Map<String,Object> paraMap) {
-        return ResultResponse.of(service.findExtrlRegltCntcs(paraMap, MybatisUtils.getPagingInfo(paraMap)));
-    }
-
     @PostMapping("/modifyExtrlRegltCntc")
     public ModelAndView modifyExtrlRegltCntc(final CctvCrackdownDTO.ExtrlRegltCntc dto) {
         ModelAndView mav = new ModelAndView(FrameworkConstants.JSON_VIEW);
@@ -141,6 +146,17 @@ public class EcCctvCrackdownController {
         return mav;
     }
 
+    @RequestMapping(value = "/findBusCctvCrackdownFiles")
+    public ModelAndView findBusCctvCrackdownFiles(final String dirPath){
+
+        XitFileExplorerUtil explorer = new XitFileExplorerUtil(new DirectorySearch(dirPath));
+        return ResultResponse.of(
+            explorer.getList().stream()
+                .filter(m->"Y".equals(m.get("isFile")))
+                .collect(Collectors.toList())
+        );
+    }
+
     @RequestMapping("/findExtrlRegltCntcAttchFiles")
     public ModelAndView findExtrlRegltCntcAttchFiles(final String extrlRegltCntcId, final String regltSeCode) {
         return ResultResponse.of(
diff --git a/src/main/java/kr/xit/framework/core/utils/json/ConvertHelper.java b/src/main/java/kr/xit/framework/core/utils/json/ConvertHelper.java
index 110248c9..ecd8306c 100644
--- a/src/main/java/kr/xit/framework/core/utils/json/ConvertHelper.java
+++ b/src/main/java/kr/xit/framework/core/utils/json/ConvertHelper.java
@@ -1,14 +1,16 @@
 package kr.xit.framework.core.utils.json;
 
+import java.io.StringWriter;
+
+import org.slf4j.Logger;
+import org.slf4j.LoggerFactory;
+
 import com.fasterxml.jackson.core.JsonFactory;
 import com.fasterxml.jackson.core.JsonGenerator;
 import com.fasterxml.jackson.databind.ObjectMapper;
 import com.fasterxml.jackson.datatype.joda.JodaModule;
-import lombok.NoArgsConstructor;
-import org.slf4j.Logger;
-import org.slf4j.LoggerFactory;
 
-import java.io.StringWriter;
+import lombok.NoArgsConstructor;
 
 @NoArgsConstructor
 public class ConvertHelper{
@@ -40,7 +42,7 @@ public class ConvertHelper{
 		}
 	}
 	
-	public static <T> Object objectToJson(String json, Class<T> clazz){
+	public static <T> T objectToJson(String json, Class<T> clazz){
 		try{
 			OBJECT_MAPPER.registerModule(new JodaModule());
 			return OBJECT_MAPPER.readValue(json, clazz);
diff --git a/src/main/resources/props/local/globals.properties b/src/main/resources/props/local/globals.properties
index af81308b..e182fe10 100644
--- a/src/main/resources/props/local/globals.properties
+++ b/src/main/resources/props/local/globals.properties
@@ -120,7 +120,7 @@ Globals.Xit.Bbs.useAt = Y
 # ############################################## #
 # //XitFramework \uC0AC\uC6A9\uC790 \uCEE4\uC2A4\uD140 \uD56D\uBAA9
 # ############################################## #
-debug.result.log.trace=false
+debug.result.log.trace=true
 exception.log.trace=true
 
 # k byte
diff --git a/src/main/webapp/WEB-INF/jsp/fims/biz/ec/ecCctvCrackdownMgtForm.jsp b/src/main/webapp/WEB-INF/jsp/fims/biz/ec/ecCctvCrackdownMgtForm.jsp
index 59118afe..c418a448 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/biz/ec/ecCctvCrackdownMgtForm.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/biz/ec/ecCctvCrackdownMgtForm.jsp
@@ -52,8 +52,6 @@
 	let GRID = null;
 	var callbackSearch = () => fnBiz.search();
 	var pageNav = null;
-	//var unblockUI = () => $.unblockUI();
-	//var popup = null;
 
 	/* *******************************
 	 * Biz function
@@ -68,7 +66,6 @@
 			let popOption;
 			switch (flag) {
 				case "detail":
-					<%--url = '<c:url value="/fims/biz/ec/ecCctvCrackdownPopup.do"/>'; --%>
 					url = fimsApiUrl.POPUP_CCTV_EC_EXTRL_REGLT_CNTC_INFO;
 					popOption = {width: 900, height:800};
 					popTitle = "외부연계 데이타 상세";
@@ -92,21 +89,10 @@
 			popup = CmmPopup.open(url, params, popOption, popTitle);
 		}
 		,onClickGrid: function(props){
-			const {page, perPage, totalCount} = GRID.store.data.pageOptions;
-			// gridInfo = {
-			// 	curGridDatas: GRID.store.data.rawData
-			// 	,curRowData: GRID.store.data.rawData[props.rowKey]
-			// 	,curRowPos: (page - 1) * perPage + GRID.store.data.rawData[props.rowKey].rowKey + 1
-			// 	,curGridDataPos: GRID.store.data.rawData[props.rowKey].rowKey
-			// 	,page
-			// 	,perPage
-			// 	,totalCount
-			// 	,isNext: null
-			// }
-			// fnBiz.pagePopup('detail', {extrlRegltCntcId: gridInfo.curRowData.extrlRegltCntcId, regltSeCode: gridInfo.curRowData.regltSeCode});
-
-
-			pageNav = new PageNavigation(GRID, props);
+			const gridDatas = GRID.store.data.rawData.map(d => {
+				return {extrlRegltCntcId: d.extrlRegltCntcId, regltSeCode: d.regltSeCode}
+			})
+			pageNav = new PageNavigation(GRID, gridDatas, props.rowKey);
 			fnBiz.pagePopup('detail', {extrlRegltCntcId: pageNav.gridInfo.curRowData.extrlRegltCntcId, regltSeCode: pageNav.gridInfo.curRowData.regltSeCode});
 		}
 	}
@@ -209,7 +195,6 @@
 			initialRequest: true,  // 화면 load시 조회 안함 - default
 			api: {
 				readData: {
-					<%--url: '<c:url value="/fims/biz/ec/findExtrlRegltCntcs.do"/>'--%>
 					url: fimsApiUrl.FIND_CCTV_EC_EXTRL_REGLT_CNTCS
 					,serializer: (params) => fnAddPageInfo(document.frmSearch, params)
 				}
@@ -217,29 +202,15 @@
 		};
 
 		GRID = TuiGrid.of(gridOptions, gridDatasource, (res) => {
-
-			// if(gridInfo !== null && gridInfo?.isNext !== 'undefinded' && gridInfo?.isNext !== null) {
-			// 	GRID.resetData(res.data?.contents);
-			//
-			// 	if(gridInfo.isNext){
-			// 		gridInfo.curRowPos = (gridInfo.page - 1) * gridInfo.perPage + 1;
-			// 		gridInfo.curGridDataPos = 0;
-			// 	} else{
-			// 		gridInfo.curRowPos = gridInfo.page * gridInfo.perPage;
-			// 		gridInfo.curGridDataPos = gridInfo.perPage - 1;
-			// 	}
-			// 	// grid page data position reset
-			// 	gridInfo.isNext = null;
-			// 	gridInfo.curGridDatas = GRID.store.data.rawData;
-			// 	gridInfo.curRowData = gridInfo.curGridDatas[gridInfo.curGridDataPos];
-			//
-			// 	fnBiz.pagePopup('detail', {extrlRegltCntcId: gridInfo.curRowData.extrlRegltCntcId, regltSeCode: gridInfo.curRowData.regltSeCode});
-			// }
-			// if(gridInfo?.isNext)	gridInfo.isNext = null;
-
-			if(pageNav?.gridInfo?.curRowData) {
-				//loadPageNavigation(res, GRID, {extrlRegltCntcId: gridInfo.curRowData.extrlRegltCntcId, regltSeCode: gridInfo.curRowData.regltSeCode})
-				pageNav.loadNavigation(res, {extrlRegltCntcId: pageNav.gridInfo.curRowData.extrlRegltCntcId, regltSeCode: pageNav.gridInfo.curRowData.regltSeCode})
+			const gridInfo = pageNav?.gridInfo;
+			if(gridInfo && gridInfo?.pageMove) {
+				const datas = res.data?.contents.map(d => {
+					return {extrlRegltCntcId: d.extrlRegltCntcId, regltSeCode: d.regltSeCode}
+				});
+				pageNav.resetGrid(res, datas, (pagiNavigation)=>{
+					pageNav = pagiNavigation;
+					fnBiz.pagePopup('detail', pageNav.gridInfo.curRowData);
+				})
 			}
 		});
 	}
diff --git a/src/main/webapp/WEB-INF/jsp/fims/biz/ec/ecCctvCrackdownPopup.jsp b/src/main/webapp/WEB-INF/jsp/fims/biz/ec/ecCctvCrackdownPopup.jsp
index 3d4aaf9f..2096d6ff 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/biz/ec/ecCctvCrackdownPopup.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/biz/ec/ecCctvCrackdownPopup.jsp
@@ -4,11 +4,12 @@
 <%--rcvXmlDTO--%>
 <c:set var="files"	value="${attchFiles}"/>
 <c:set var="bizName" value="외부연계 데이타"/>
+<%--<c:set var="gridInfo" value="${gridInfo}"/>--%>
 
 <div class="popup" style="min-width: 100px;">
 	<div class="popup_inner" style="max-width: 900px;">
 		<p class="pop_title">
-			<c:out value="${bizName}"/>(<c:out value="${extrlRegltCntcDTO.extrlRegltCntcId}"/>) 상세
+			<c:out value="${bizName}"/>(<c:out value="${extrDTO.extrlRegltCntcId}"/>) 상세
 		</p>
 
 		<div class="listBtn">
@@ -22,14 +23,14 @@
 		</div>
 		<form>
 			<div class="popup_btn">
-				<c:set var="isProcess" value="${empty extrlRegltCntcDTO.regltId}"/>
-				<span class="flr" id="${extrlRegltCntcDTO.extrlRegltCntcId}" >
+				<c:set var="isProcess" value="${empty extrDTO.regltId}"/>
+				<span class="flr" id="${extrDTO.extrlRegltCntcId}" >
 					<c:if test="${isProcess}">
-						<a href="#" class="btn blue" onclick="fnBiz.save('${extrlRegltCntcDTO.extrlRegltCntcId}')">저장</a>
-						<a href="#" class="btn red" onclick="fnBiz.remove('${extrlRegltCntcDTO.extrlRegltCntcId}')">삭제</a>
-						<c:if test="${!empty extrlRegltCntcDTO.vhcleNo}">
-							<a href="#" class="btn darkgray" onclick="fnBiz.reglt('${extrlRegltCntcDTO.extrlRegltCntcId}')">단속처리</a>
-							<a href="#" class="btn darkgray" onclick="fnBiz.erpp('${extrlRegltCntcDTO.extrlRegltCntcId}')">서손처리</a>
+						<a href="#" class="btn blue" onclick="fnBiz.save('${extrDTO.extrlRegltCntcId}')">저장</a>
+						<a href="#" class="btn red" onclick="fnBiz.remove('${extrDTO.extrlRegltCntcId}')">삭제</a>
+						<c:if test="${!empty extrDTO.vhcleNo}">
+							<a href="#" class="btn darkgray" onclick="fnBiz.reglt('${extrDTO.extrlRegltCntcId}')">단속처리</a>
+							<a href="#" class="btn darkgray" onclick="fnBiz.erpp('${extrDTO.extrlRegltCntcId}')">서손처리</a>
 						</c:if>
 					</c:if>
 				</span>
@@ -48,64 +49,64 @@
 					<tr>
 						<th>외부연계ID</th>
 						<td>
-							<input type="text" name="extrlRegltCntcId" value='<c:out value="${extrlRegltCntcDTO.extrlRegltCntcId}"/>' readonly>
+							<input type="text" name="extrlRegltCntcId" value='<c:out value="${extrDTO.extrlRegltCntcId}"/>' readonly>
 						</td>
 						<th>차량번호</th>
 						<td>
-							<input type="text" name="vhcleNo" value='<c:out value="${extrlRegltCntcDTO.vhcleNo}"/>' <c:if test="${!isProcess}">readonly</c:if>>
+							<input type="text" name="vhcleNo" value='<c:out value="${extrDTO.vhcleNo}"/>' <c:if test="${!isProcess}">readonly</c:if>>
 						</td>
 						<th>단속ID</th>
 						<td>
-							<input type="text" name="cvplSe" value='<c:out value="${extrlRegltCntcDTO.regltId}"/>' readonly>
+							<input type="text" name="regltId" value='<c:out value="${extrDTO.regltId}"/>' readonly>
 						</td>
 					</tr>
 					<tr>
 						<th>시스템구분</th>
 						<td>
-							<code:select id="sysCode" name="sysCode" codeId="FIM001" defaultSelect="${extrlRegltCntcDTO.sysCode}" title="시스템코드" cls="selectBoxTotal" alt="시스템코드" disabled="true"/>
+							<code:select id="sysCode" name="sysCode" codeId="FIM001" defaultSelect="${extrDTO.sysCode}" title="시스템코드" cls="selectBoxTotal" alt="시스템코드" disabled="true"/>
 						</td>
 						<th>기관코드</th>
 						<td>
-							<code:select id="insttCode" name="insttCode" codeId="XIT025" defaultSelect="${extrlRegltCntcDTO.insttCode}" title="기관코드" cls="selectBoxTotal" alt="기관코드" disabled="true"/>
+							<code:select id="insttCode" name="insttCode" codeId="XIT025" defaultSelect="${extrDTO.insttCode}" title="기관코드" cls="selectBoxTotal" alt="기관코드" disabled="true"/>
 						</td>
 						<th>단속구분</th>
 						<td>
-							<code:select id="regltSeCode" name="regltSeCode" codeId="FIM002" defaultSelect="${extrlRegltCntcDTO.regltSeCode}" title="단속구분" cls="selectBoxTotal" alt="단속구분" disabled="true"/>
+							<code:select id="regltSeCode" name="regltSeCode" codeId="FIM002" defaultSelect="${extrDTO.regltSeCode}" title="단속구분" cls="selectBoxTotal" alt="단속구분" disabled="true"/>
 						</td>
 					</tr>
 					<tr>
 						<th>단속일시</th>
 						<td>
-							<fmt:parseDate value="${extrlRegltCntcDTO.regltDe}${extrlRegltCntcDTO.regltBeginTime}" var="regltDeTime" pattern="yyyyMMddHHmmss"/>
+							<fmt:parseDate value="${extrDTO.regltDe}${extrDTO.regltBeginTime}" var="regltDeTime" pattern="yyyyMMddHHmmss"/>
 							<input type="text" name="regltDeTime" value='<fmt:formatDate value="${regltDeTime}" pattern="yyyy-MM-dd HH:mm:ss"/>' readonly>
 						</td>
 						<th>단속장소</th>
 						<td>
-							<input type="text" name="regltPlace" value='<c:out value="${extrlRegltCntcDTO.regltPlace}"/>' readonly>
+							<input type="text" name="regltPlace" value='<c:out value="${extrDTO.regltPlace}"/>' readonly>
 						</td>
 						<th>위반내역</th>
 						<td>
-							<input type="text" name="violtDtlsNm" value='<c:out value="${extrlRegltCntcDTO.violtDtlsNm}"/>' readonly>
+							<input type="text" name="violtDtlsNm" value='<c:out value="${extrDTO.violtDtlsNm}"/>' readonly>
 						</td>
 					</tr>
 					<tr>
 						<th>GPS위도</th>
 						<td>
-							<input type="text" name="gpsX" value='<c:out value="${extrlRegltCntcDTO.gpsX}"/>' readonly>
+							<input type="text" name="gpsX" value='<c:out value="${extrDTO.gpsX}"/>' readonly>
 						</td>
 						<th>GPS경도</th>
 						<td>
-							<input type="text" name="gpsY" value='<c:out value="${extrlRegltCntcDTO.gpsY}"/>' readonly>
+							<input type="text" name="gpsY" value='<c:out value="${extrDTO.gpsY}"/>' readonly>
 						</td>
 						<th>처리상태</th>
 						<td>
-							<code:select id="extrlRegltCntcProcessSttus" name="extrlRegltCntcProcessSttus" codeId="FIM010" defaultSelect="${extrlRegltCntcDTO.extrlRegltCntcProcessSttus}" title="처리상태" cls="selectBoxTotal" alt="처리상태" disabled="true"/>
+							<code:select id="extrlRegltCntcProcessSttus" name="extrlRegltCntcProcessSttus" codeId="FIM010" defaultSelect="${extrDTO.extrlRegltCntcProcessSttus}" title="처리상태" cls="selectBoxTotal" alt="처리상태" disabled="true"/>
 						</td>
 					</tr>
 					<tr>
 						<th>등록일시</th>
 						<td>
-							<fmt:parseDate value="${extrlRegltCntcDTO.registDt}" var="registDt" pattern="yyyyMMddHHmmss"/>
+							<fmt:parseDate value="${extrDTO.registDt}" var="registDt" pattern="yyyyMMddHHmmss"/>
 							<input type="text" name="registDt" value="<fmt:formatDate value="${registDt}" pattern="yyyy-MM-dd HH:mm:ss"/>" readonly>
 						</td>
 						<th>송신여부</th>
@@ -176,7 +177,7 @@
 	<!-- //popup -->
 
 <script type="text/javascript" src="${pageContext.request.contextPath}/resources/framework/js/cmm/cmmDownloadImg.js" defer></script>
-<%--<script type="text/javascript" src="${pageContext.request.contextPath}/resources/biz/common/js/bizCmmUtil.js" defer></script>--%>
+<%--<script type="text/javascript" src="${pageContext.request.contextPath}/resources/biz/common/js/popupPageNavigation.js" defer></script>--%>
 <script type="text/javascript">
 	/**************************************************************************
 	 * Global Variable
@@ -189,13 +190,24 @@
      * Biz function
      ******************************* */
 	const fnBiz = {
-		downloadImg: () => {
+		search: (params) => {
+			cmmAjax({
+				showSuccessMsg: false
+				,url: fimsApiUrl.FIND_CCTV_EC_EXTRL_REGLT_CNTC_AND_ATTCH_FILES
+				,data: params
+				,success: (res) => {
+					cmmImgDownload('#imgList', res.attchFiles, true);
+					window.opener.pageNav.reloadNav($('#prev'), $('#next'), $('#totCnt span'))
+					setFormData(document.querySelector('form'), res.extrDTO);
+				}
+			})
+		}
+		,downloadImg: () => {
 
 			cmmAjax({
 				showSuccessMsg: false
-				<%--,url: '<c:url value="/fims/biz/ec/findExtrlRegltCntcAttchFiles.do"/>' --%>
 				,url: fimsApiUrl.FIND_EC_EXTRL_REGLT_CNTC_ATTCH_FILES
-				,data: {extrlRegltCntcId: '${extrlRegltCntcDTO.extrlRegltCntcId}', regltSeCode: '${extrlRegltCntcDTO.regltSeCode}'}
+				,data: {extrlRegltCntcId: '${extrDTO.extrlRegltCntcId}', regltSeCode: '${extrDTO.regltSeCode}'}
 				,success: (res) => {
 					cmmImgDownload('#imgList', res.data?.contents, true);
 				}
@@ -248,7 +260,7 @@
 		,reglt: (extrlRegltCntcId) => {
 			const data = {
 				extrlRegltCntcId
-				,regltSeCode: '${extrlRegltCntcDTO.regltSeCode}'
+				,regltSeCode: '${extrDTO.regltSeCode}'
 			}
 
 			if(!confirm('단속자료를 생성 하시겠습니까?'))	return false;
@@ -261,7 +273,7 @@
 		,erpp: (extrlRegltCntcId) => {
 			const data = {
 				extrlRegltCntcId
-				,regltSeCode: '${extrlRegltCntcDTO.regltSeCode}'
+				,regltSeCode: '${extrDTO.regltSeCode}'
 			}
 			if(!confirm('서손 처리 하시겠습니까?'))	return false;
 			cmmAjax({
@@ -300,16 +312,18 @@
 		});
 
 		$('#prev').on('click', () => {
-			//window.opener.onClickCrackdownNavigationBtn('prev');
-			window.opener.pageNav.onClickNavBtn('prev',
-					{extrlRegltCntcId: window.opener.pageNav.gridInfo.curRowData.extrlRegltCntcId, regltSeCode: window.opener.pageNav.gridInfo.curRowData.regltSeCode});
+			window.opener.pageNav.onClickNavBtn('prev', (gridInfo) => {
+				//gridInfo = data;
+				fnBiz.search(gridInfo.curRowData)
+			});
 		})
 
 
 		$('#next').on('click', () => {
-			//window.opener.onClickCrackdownNavigationBtn('next');
-			window.opener.pageNav.onClickNavBtn('next',
-				{extrlRegltCntcId: window.opener.pageNav.gridInfo.curRowData.extrlRegltCntcId, regltSeCode: window.opener.pageNav.gridInfo.curRowData.regltSeCode});
+			window.opener.pageNav.onClickNavBtn('next', (gridInfo) => {
+				//gridInfo = data;
+				fnBiz.search(gridInfo.curRowData);
+			});
 
 		});
 	});
@@ -321,17 +335,6 @@
 //		orgData = $('form').serialize();
 		fnBiz.downloadImg();
 
-		const gridInfo = window.opener.pageNav.gridInfo;
-		if(gridInfo.curRowPos === 1){
-			$('#prev').attr('disabled', true);
-		}else{
-			$('#prev').attr('disabled', false);
-		}
-		if(gridInfo.curRowPos === gridInfo.totalCount){
-			$('#next').attr('disabled', true);
-		}else{
-			$('#next').attr('disabled', false);
-		}
-		$('#totCnt span').text(gridInfo.curRowPos + " / " + gridInfo.totalCount);
+		window.opener.pageNav.reloadNav($('#prev'), $('#next'), $('#totCnt span'))
 	});
 </script>
diff --git a/src/main/webapp/resources/biz/common/js/bizCmmUtil2.js b/src/main/webapp/resources/biz/common/js/bizCmmUtil2.js
deleted file mode 100644
index 21b81963..00000000
--- a/src/main/webapp/resources/biz/common/js/bizCmmUtil2.js
+++ /dev/null
@@ -1,131 +0,0 @@
-// 이전/다음 페이지 navigation data
-var gridInfo = {
-    // 현재 gridData 목록
-    curGridDatas: null
-    // 현재 rowData
-    ,curRowData: null
-    // 현재 데이타 위치
-    ,curRowPos: null
-    // 현재 데이타 위치
-    ,curGridDataPos: null
-    // 현재 page
-    ,page: null
-    // 페이지당 갯수
-    ,perPage: null
-    // 전체 데이타 count
-    ,totalCount: null
-    // 페이지 이동 구분
-    ,isNext: null
-}
-
-function loadPageNavigation(res, GRID, curData){
-    if(gridInfo !== null && gridInfo?.isNext !== 'undefinded' && gridInfo?.isNext !== null) {
-        GRID.resetData(res.data.contents);
-
-        if(gridInfo.isNext){
-            gridInfo.curRowPos = (gridInfo.page - 1) * gridInfo.perPage + 1;
-            gridInfo.curGridDataPos = 0;
-        } else{
-            gridInfo.curRowPos = gridInfo.page * gridInfo.perPage;
-            gridInfo.curGridDataPos = gridInfo.perPage - 1;
-        }
-        // grid page data position reset
-        gridInfo.isNext = null;
-        gridInfo.curGridDatas = GRID.store.data.rawData;
-        gridInfo.curRowData = gridInfo.curGridDatas[gridInfo.curGridDataPos];
-
-        fnBiz.pagePopup('detail', curData);
-    }
-    if(gridInfo?.isNext)	gridInfo.isNext = null;
-}
-
-//개별총정보 팝업내 다음/이전페이지
-function onClickCrackdownNavigationBtn(evDiv, GRID, gridInfo, curData) {
-    if (evDiv === 'next') {
-        if(gridInfo.curGridDataPos + 1 === gridInfo.perPage){
-            gridInfo.isNext = true;
-            gridInfo.page++;
-            GRID.getPagination().movePageTo(gridInfo.page);
-
-        }else{
-            gridInfo.curRowPos++;
-            gridInfo.curGridDataPos++;
-            gridInfo.curRowData = gridInfo.curGridDatas[gridInfo.curGridDataPos];
-            //func()
-            fnBiz.pagePopup('detail', curData);
-        }
-
-    } else {
-        if(gridInfo.curGridDataPos === 0){
-            gridInfo.isNext = false;
-            gridInfo.page--;
-            GRID.getPagination().movePageTo(gridInfo.page);
-
-        }else {
-            gridInfo.curRowPos--;
-            gridInfo.curGridDataPos--;
-            gridInfo.curRowData = gridInfo.curGridDatas[gridInfo.curGridDataPos];
-            //func()
-            fnBiz.pagePopup('detail', curData);
-            //fnBiz.pagePopup('detail', {extrlRegltCntcId: gridInfo.curRowData.extrlRegltCntcId, regltSeCode: gridInfo.curRowData.regltSeCode});
-        }
-    }
-}
-
-function onClickCtznStmtNavigationBtn(evDiv) {
-    if (evDiv === 'next') {
-        if(gridInfo.curGridDataPos + 1 === gridInfo.perPage){
-            gridInfo.isNext = true;
-            gridInfo.page++;
-            GRID.getPagination().movePageTo(gridInfo.page);
-
-        }else{
-            gridInfo.curRowPos++;
-            gridInfo.curGridDataPos++;
-            gridInfo.curRowData = gridInfo.curGridDatas[gridInfo.curGridDataPos];
-            fnBiz.pagePopup('detail', {interfaceSeqN: gridInfo.curRowData.interfaceSeqN, ctznSttemntDetailSn: gridInfo.curRowData.ctznSttemntDetailSn});
-        }
-
-    } else {
-        if(gridInfo.curGridDataPos === 0){
-            gridInfo.isNext = false;
-            gridInfo.page--;
-            GRID.getPagination().movePageTo(gridInfo.page);
-
-        }else {
-            gridInfo.curRowPos--;
-            gridInfo.curGridDataPos--;
-            gridInfo.curRowData = gridInfo.curGridDatas[gridInfo.curGridDataPos];
-            fnBiz.pagePopup('detail', {interfaceSeqN: gridInfo.curRowData.interfaceSeqN, ctznSttemntDetailSn: gridInfo.curRowData.ctznSttemntDetailSn});
-        }
-    }
-}
-
-function onClickRegltNavigationBtn(evDiv) {
-    if (evDiv === 'next') {
-        if(gridInfo.curGridDataPos + 1 === gridInfo.perPage){
-            gridInfo.isNext = true;
-            gridInfo.page++;
-            GRID.getPagination().movePageTo(gridInfo.page);
-
-        }else{
-            gridInfo.curRowPos++;
-            gridInfo.curGridDataPos++;
-            gridInfo.curRowData = gridInfo.curGridDatas[gridInfo.curGridDataPos];
-            fnBiz.pagePopup('detail', {regltId: gridInfo.curRowData.regltId});
-        }
-
-    } else {
-        if(gridInfo.curGridDataPos === 0){
-            gridInfo.isNext = false;
-            gridInfo.page--;
-            GRID.getPagination().movePageTo(gridInfo.page);
-
-        }else {
-            gridInfo.curRowPos--;
-            gridInfo.curGridDataPos--;
-            gridInfo.curRowData = gridInfo.curGridDatas[gridInfo.curGridDataPos];
-            fnBiz.pagePopup('detail', {regltId: gridInfo.curRowData.regltId});
-        }
-    }
-}
diff --git a/src/main/webapp/resources/biz/common/js/fimsApiURL.js b/src/main/webapp/resources/biz/common/js/fimsApiURL.js
index 2b5c24d0..f1a836a1 100644
--- a/src/main/webapp/resources/biz/common/js/fimsApiURL.js
+++ b/src/main/webapp/resources/biz/common/js/fimsApiURL.js
@@ -33,6 +33,8 @@ const fimsApiUrl = {
     ,POPUP_CCTV_EC_EXTRL_REGLT_CNTC_INFO: '/fims/biz/ec/ecCctvCrackdownPopup.do'            //CCTV 외부연계 데이타 상세
     ,POPUP_CCTV_EC_EXTRL_REGLT_CNTC_DATA_SEL: '/fims/biz/ec/ecCctvCrackdownFileSelPopup.do' //CCTV 외부연계 데이타 선택
     ,FIND_CCTV_EC_EXTRL_REGLT_CNTCS: '/fims/biz/ec/findExtrlRegltCntcs.do'                  //CCTV 외부연계 데이타 목록 조회
+    ,FIND_CCTV_EC_EXTRL_REGLT_CNTC: '/fims/biz/ec/findExtrlRegltCntc.do'                  //CCTV 외부연계 데이타 목록 조회
+    ,FIND_CCTV_EC_EXTRL_REGLT_CNTC_AND_ATTCH_FILES: '/fims/biz/ec/findExtrlRegltCntcAndAttchFiles.do'                  //CCTV 외부연계 데이타 목록 조회
     ,SAVE_CCTV_EC_EXTRL_REGLT_CNTCS: '/fims/biz/ec/saveCctvCrackdownDatas.do'               //CCTV 외부연계(고정형 / 이동형) 데이타 저장
     ,SAVE_BUS_ONLY_EC_EXTRL_REGLT_CNTC: '/fims/biz/ec/saveBusCctvCrackdownDatas.do'         //CCTV 외부연계(버스전용차료) 데이타 저장
     ,MODIFY_EC_EXTRL_REGLT_CNTC: '/fims/biz/ec/modifyExtrlRegltCntc.do'                     //CCTV 외부연계 데이타 변경
diff --git a/src/main/webapp/resources/biz/common/js/popupPageNavigation.js b/src/main/webapp/resources/biz/common/js/popupPageNavigation.js
index a0d1433e..d573515a 100644
--- a/src/main/webapp/resources/biz/common/js/popupPageNavigation.js
+++ b/src/main/webapp/resources/biz/common/js/popupPageNavigation.js
@@ -5,207 +5,131 @@ class PageNavigation {
 
     // 현재 gridData 목록
     gridInfo = {
-        curGridDatas: null
+        gridDatas: null
         // 현재 rowData
-        , curRowData: null
+        ,curRowData: null
         // 현재 데이타 위치
-        , curRowPos: null
+        ,curRowPos: null
         // 현재 데이타 위치
-        , curGridDataPos: null
+        ,gridDataPos: null
         // 현재 page
-        , page: null
+        ,page: null
         // 페이지당 갯수
-        , perPage: null
+        ,perPage: null
         // 전체 데이타 count
-        , totalCount: null
+        ,totalCount: null
         // 페이지 이동 구분
-        , isNext: null
+        ,pageMove: null
     };
-    curKeyData = null;
 
-    fnGetKeyData = null;
-
-    constructor(GRID, props) {
-        const {page, perPage, totalCount} = GRID.store.data.pageOptions;
+    /**
+     * 페이지 이동 or 팝업 호출시 생성
+     * @param {object} GRID
+     * @param {array} gridDatas 그리드 데이타 key 필드 배열
+     * @param {number} gridDataPos 현재 그리드 페이지의 데이타 row
+     */
+    constructor(GRID, gridDatas, gridDataPos) {
+        const {itemsPerPage, totalItems} = GRID.getPagination()._options;
+        const page = GRID.getPagination()._currentPage;
         this.gridInfo = {
-            curGridDatas: GRID.store.data.rawData
-            ,curRowData: GRID.store.data.rawData[props.rowKey]
-            ,curRowPos: (page - 1) * perPage + GRID.store.data.rawData[props.rowKey].rowKey + 1
-            ,curGridDataPos: GRID.store.data.rawData[props.rowKey].rowKey
+            gridDatas
+            ,gridDataPos
+            ,curRowData: gridDatas[gridDataPos]
+            ,curRowPos: (page - 1) * itemsPerPage + gridDataPos + 1
             ,page
-            ,perPage
-            ,totalCount
-            ,isNext: null
+            ,perPage: itemsPerPage
+            ,totalCount: totalItems
+            ,pageMove: null
+            ,next: null
         }
         this.grid = GRID;
-        //this.fnGetKeyData = fnGetKeyData;
-        //this.curKeyData = this.fnGetKeyData();
     };
 
-    loadNavigation(res){
-        if(this.gridInfo !== null && this.gridInfo?.isNext !== 'undefinded' && this.gridInfo?.isNext !== null) {
-            this.grid.resetData(res.data.contents);
-
-            if(this.gridInfo.isNext){
-                this.gridInfo.curRowPos = (this.gridInfo.page - 1) * this.gridInfo.perPage + 1;
-                this.gridInfo.curGridDataPos = 0;
-            } else{
-                this.gridInfo.curRowPos = this.gridInfo.page * this.gridInfo.perPage;
-                this.gridInfo.curGridDataPos = this.gridInfo.perPage - 1;
-            }
-            // grid page data position reset
-            this.gridInfo.isNext = null;
-            this.gridInfo.curGridDatas = this.grid.store.data.rawData;
-            this.gridInfo.curRowData = this.gridInfo.curGridDatas[this.gridInfo.curGridDataPos];
+    /**
+     * 팝업 페이지 에서 강제 페이징 처리시 호출
+     * @param {json} res 그리드 목록 조회 결과
+     * @param {function} callback 호출할 function - 생성한 PageNavigation을 함께 전달
+     */
+    resetGrid2(res, callback) {
+        this.grid.resetData(res.data?.contents);
+        const gridDatas = this.grid.store.data.rawData.map(d => {
+            return {extrlRegltCntcId: d.extrlRegltCntcId, regltSeCode: d.regltSeCode}
+        });
+        if (this.gridInfo.next)  pageNav = new PageNavigation(this.grid, gridDatas, 0);
+        else                     pageNav = new PageNavigation(this.grid, gridDatas, 14);
+
+        callback(pageNav)
+    }
 
-            this.curKeyData = this.fnGetKeyData;
-            //this.curKeyData = this.fnGetKeyData;
-            fnBiz.pagePopup('detail', curKeyData);
+    /**
+     * 팝업 페이지 에서 강제 페이징 처리시 호출
+     * @param {json} res 그리드 목록 조회 결과
+     * @param {array} gridDatas 그리드 데이타 key 필드 배열
+     * @param {function} callback 호출할 function - 생성한 PageNavigation을 함께 전달
+     */
+    resetGrid(res, gridDatas, callback) {
+        this.grid.resetData(res.data?.contents);
+        if (this.gridInfo.next)  pageNav = new PageNavigation(this.grid, gridDatas, 0);
+        else                     pageNav = new PageNavigation(this.grid, gridDatas, 14);
+
+        callback(pageNav)
+    }
+    /**
+     * 팝업창의 prev, next 버튼 클릭후 정보 갱신을 위해 호출
+     * @param {object} prevObj prev button object
+     * @param {object} nextObj next button object
+     * @param {object} totObj total tag object
+     */
+    reloadNav(prevObj, nextObj, totObj){
+
+        if(this.gridInfo.curRowPos === 1){
+            prevObj.attr('disabled', true);
+        }else{
+            prevObj.attr('disabled', false);
         }
-        if(this.gridInfo?.isNext)	this.gridInfo.isNext = null;
-    };
+        if(this.gridInfo.curRowPos === this.gridInfo.totalCount){
+            nextObj.attr('disabled', true);
+        }else{
+            nextObj.attr('disabled', false);
+        }
+        totObj.text(this.gridInfo.curRowPos + " / " + this.gridInfo.totalCount);
+    }
+
+    /**
+     * 팝업창 prev, next 버튼 클릭시 호출
+     * @param {string} evDiv 'prev|next'
+     * @param {function} callback 페이지 이동시 호출할 callback
+     */
+    onClickNavBtn(evDiv, callback) {
 
-    onClickNavBtn(evDiv, curData) {
         if (evDiv === 'next') {
-            if(this.gridInfo.curGridDataPos + 1 === this.gridInfo.perPage){
-                this.gridInfo.isNext = true;
+            if(this.gridInfo.gridDataPos + 1 === this.gridInfo.perPage){
+                this.gridInfo.pageMove = true;
+                this.gridInfo.next = true;
                 this.gridInfo.page++;
                 this.grid.getPagination().movePageTo(this.gridInfo.page);
 
             }else{
                 this.gridInfo.curRowPos++;
-                this.gridInfo.curGridDataPos++;
-                this.gridInfo.curRowData = this.gridInfo.curGridDatas[this.gridInfo.curGridDataPos];
-                //func()
-                fnBiz.pagePopup('detail', curData);
+                this.gridInfo.gridDataPos++;
+                this.gridInfo.curRowData = this.gridInfo.gridDatas[this.gridInfo.gridDataPos];
+                callback(this.gridInfo);
             }
 
         } else {
-            if(this.gridInfo.curGridDataPos === 0){
-                this.gridInfo.isNext = false;
+            if(this.gridInfo.gridDataPos === 0){
+                this.gridInfo.pageMove = true;
+                this.gridInfo.next = false;
                 this.gridInfo.page--;
                 this.grid.getPagination().movePageTo(this.gridInfo.page);
 
             }else {
                 this.gridInfo.curRowPos--;
-                this.gridInfo.curGridDataPos--;
-                this.gridInfo.curRowData = this.gridInfo.curGridDatas[this.gridInfo.curGridDataPos];
-                //func()
-                fnBiz.pagePopup('detail', curData);
-                //fnBiz.pagePopup('detail', {extrlRegltCntcId: gridInfo.curRowData.extrlRegltCntcId, regltSeCode: gridInfo.curRowData.regltSeCode});
+                this.gridInfo.gridDataPos--;
+                this.gridInfo.curRowData = this.gridInfo.gridDatas[this.gridInfo.gridDataPos];
+                callback(this.gridInfo)
             }
         }
     }
 }
 
-function loadPageNavigation(res, GRID, curData){
-    if(gridInfo !== null && gridInfo?.isNext !== 'undefinded' && gridInfo?.isNext !== null) {
-        GRID.resetData(res.data.contents);
-
-        if(gridInfo.isNext){
-            gridInfo.curRowPos = (gridInfo.page - 1) * gridInfo.perPage + 1;
-            gridInfo.curGridDataPos = 0;
-        } else{
-            gridInfo.curRowPos = gridInfo.page * gridInfo.perPage;
-            gridInfo.curGridDataPos = gridInfo.perPage - 1;
-        }
-        // grid page data position reset
-        gridInfo.isNext = null;
-        gridInfo.curGridDatas = GRID.store.data.rawData;
-        gridInfo.curRowData = gridInfo.curGridDatas[gridInfo.curGridDataPos];
-
-        fnBiz.pagePopup('detail', curData);
-    }
-    if(gridInfo?.isNext)	gridInfo.isNext = null;
-}
-
-//개별총정보 팝업내 다음/이전페이지
-function onClickCrackdownNavigationBtn(evDiv, GRID, gridInfo, curData) {
-    if (evDiv === 'next') {
-        if(gridInfo.curGridDataPos + 1 === gridInfo.perPage){
-            gridInfo.isNext = true;
-            gridInfo.page++;
-            GRID.getPagination().movePageTo(gridInfo.page);
-
-        }else{
-            gridInfo.curRowPos++;
-            gridInfo.curGridDataPos++;
-            gridInfo.curRowData = gridInfo.curGridDatas[gridInfo.curGridDataPos];
-            //func()
-            fnBiz.pagePopup('detail', curData);
-        }
-
-    } else {
-        if(gridInfo.curGridDataPos === 0){
-            gridInfo.isNext = false;
-            gridInfo.page--;
-            GRID.getPagination().movePageTo(gridInfo.page);
-
-        }else {
-            gridInfo.curRowPos--;
-            gridInfo.curGridDataPos--;
-            gridInfo.curRowData = gridInfo.curGridDatas[gridInfo.curGridDataPos];
-            //func()
-            fnBiz.pagePopup('detail', curData);
-            //fnBiz.pagePopup('detail', {extrlRegltCntcId: gridInfo.curRowData.extrlRegltCntcId, regltSeCode: gridInfo.curRowData.regltSeCode});
-        }
-    }
-}
-
-function onClickCtznStmtNavigationBtn(evDiv) {
-    if (evDiv === 'next') {
-        if(gridInfo.curGridDataPos + 1 === gridInfo.perPage){
-            gridInfo.isNext = true;
-            gridInfo.page++;
-            GRID.getPagination().movePageTo(gridInfo.page);
-
-        }else{
-            gridInfo.curRowPos++;
-            gridInfo.curGridDataPos++;
-            gridInfo.curRowData = gridInfo.curGridDatas[gridInfo.curGridDataPos];
-            fnBiz.pagePopup('detail', {interfaceSeqN: gridInfo.curRowData.interfaceSeqN, ctznSttemntDetailSn: gridInfo.curRowData.ctznSttemntDetailSn});
-        }
-
-    } else {
-        if(gridInfo.curGridDataPos === 0){
-            gridInfo.isNext = false;
-            gridInfo.page--;
-            GRID.getPagination().movePageTo(gridInfo.page);
-
-        }else {
-            gridInfo.curRowPos--;
-            gridInfo.curGridDataPos--;
-            gridInfo.curRowData = gridInfo.curGridDatas[gridInfo.curGridDataPos];
-            fnBiz.pagePopup('detail', {interfaceSeqN: gridInfo.curRowData.interfaceSeqN, ctznSttemntDetailSn: gridInfo.curRowData.ctznSttemntDetailSn});
-        }
-    }
-}
-
-function onClickRegltNavigationBtn(evDiv) {
-    if (evDiv === 'next') {
-        if(gridInfo.curGridDataPos + 1 === gridInfo.perPage){
-            gridInfo.isNext = true;
-            gridInfo.page++;
-            GRID.getPagination().movePageTo(gridInfo.page);
-
-        }else{
-            gridInfo.curRowPos++;
-            gridInfo.curGridDataPos++;
-            gridInfo.curRowData = gridInfo.curGridDatas[gridInfo.curGridDataPos];
-            fnBiz.pagePopup('detail', {regltId: gridInfo.curRowData.regltId});
-        }
-
-    } else {
-        if(gridInfo.curGridDataPos === 0){
-            gridInfo.isNext = false;
-            gridInfo.page--;
-            GRID.getPagination().movePageTo(gridInfo.page);
-
-        }else {
-            gridInfo.curRowPos--;
-            gridInfo.curGridDataPos--;
-            gridInfo.curRowData = gridInfo.curGridDatas[gridInfo.curGridDataPos];
-            fnBiz.pagePopup('detail', {regltId: gridInfo.curRowData.regltId});
-        }
-    }
-}
diff --git a/src/main/webapp/resources/framework/js/cmm/cmmUtil.js b/src/main/webapp/resources/framework/js/cmm/cmmUtil.js
index 8888f29f..b5c6ed6f 100644
--- a/src/main/webapp/resources/framework/js/cmm/cmmUtil.js
+++ b/src/main/webapp/resources/framework/js/cmm/cmmUtil.js
@@ -534,6 +534,18 @@ function serialize (formData) {
     return rtnData;
 }
 
+/**
+ * form 에 json data set
+ * 태그명으로 일치 - 동일 태그명이 여럿존재하는 경우 [0]만 set
+ * @param formObj document.querySelector('form')
+ * @param jsonData json type data
+ */
+function setFormData(formObj, jsonData){
+    const els = formObj.elements;
+    for(let e of els){
+        document.getElementsByName(e.name)[0].value = jsonData[e.name] ?? '' ;
+    }
+}
 
 /**
  * <pre>