diff --git a/src/main/java/cokr/xit/fims/crdn/web/Crdn05Controller.java b/src/main/java/cokr/xit/fims/crdn/web/Crdn05Controller.java
index 0d5ae333..41efa035 100644
--- a/src/main/java/cokr/xit/fims/crdn/web/Crdn05Controller.java
+++ b/src/main/java/cokr/xit/fims/crdn/web/Crdn05Controller.java
@@ -6,7 +6,9 @@ import java.util.Map;
 import javax.annotation.Resource;
 import javax.servlet.http.HttpServletRequest;
 
+import org.springframework.web.bind.annotation.PostMapping;
 import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.multipart.MultipartFile;
 import org.springframework.web.servlet.ModelAndView;
 
 import cokr.xit.base.code.CommonCode;
@@ -83,8 +85,8 @@ public class Crdn05Controller extends ApplicationController {
 	 *     "saved": 등록되었으면 true, 그렇지 않으면 false
 	 * }</code></pre>
 	 */
-	@RequestMapping(name="단속자료 수기 등록", value="/030/create.do")
-	public ModelAndView createCrdnDataByManual(Crdn crdn) {
+	@PostMapping(name="단속자료 수기 등록", value="/030/create.do")
+	public ModelAndView createCrdnDataByManual(Crdn crdn, MultipartFile[] uploadFileList) {
 
 		boolean saved = crdn05Service.create(crdn);
 
diff --git a/src/main/resources/sql/mapper/fims/crdn/crdn05-mapper.xml b/src/main/resources/sql/mapper/fims/crdn/crdn05-mapper.xml
index 8b3a16a4..9fbb91cf 100644
--- a/src/main/resources/sql/mapper/fims/crdn/crdn05-mapper.xml
+++ b/src/main/resources/sql/mapper/fims/crdn/crdn05-mapper.xml
@@ -5,7 +5,7 @@
 <insert id="insertCrdn" parameterType="map">
 /* 단속 대장 등록(crdn05Mapper.insertCrdn) */
 <selectKey resultType="string" keyProperty="crdn.crdnId" keyColumn="NEW_ID" order="BEFORE">
-SELECT LPAD(CONVERT(IFNULL(MAX(CRDN_ID) + 1, 1),INT), 20, '0') NEW_ID FROM TB_CRDN
+SELECT CAST(IFNULL(MAX(CRDN_ID) + 1, 1) AS INT) AS NEW_ID FROM TB_CRDN
 </selectKey>
 INSERT INTO TB_CRDN (
        CRDN_ID               <!-- 단속 ID -->
diff --git a/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn05030-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn05030-info.jsp
index 2e0d4c7d..df89ac5c 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn05030-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn05030-info.jsp
@@ -1,6 +1,8 @@
 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false" session="false"%>
 <%@ include file="/WEB-INF/jsp/include/taglib.jsp"%>
+
 <div class="d-flex flex-row justify-content-evenly">
+
 	<div class="card" style="max-width:1100px;" title="단속정보">
 		<form id="frm--${pageName}" class="dpv eca">
 			<input name="crdnId" type="hidden" data-map="CRDN_ID" />
@@ -150,8 +152,15 @@
 		</form>
 	</div>
 	<div class="card" style="width:400px;">
-	사진
+		<form id="frmDummy--${pageName}" class="dpv eca" method="post" enctype="multipart/form-data">
+			<input type="file" id="uploadFileList--${pageName}" name="uploadFileList" multiple />
+		</form>
+		<div id="display--${pageName}">
+
+		</div>
 	</div>
+
+
 </div>
 
 <script>
@@ -161,16 +170,21 @@
 
 pageObject["${pageName}"] = {};
 
+
 $(document).ready(function(){
 
 	var $P = pageObject["${pageName}"];
 
 	/**************************************************************************
-	 * DatasetControl
+	 * DatasetControl, Dataset, FormFields
 	 **************************************************************************/
+	$P.formFields = new FimsFormFields("#frm--${pageName}");
+
+	$P.uploadSet = uploadSupport("#uploadFileList--${pageName}");
+
 	$P.crdnControl = new DatasetControl({
 	    prefix:"crdn", prefixName:"단속", infoSize:"xxl",
-	    urls : { load : "" },
+	    urls : { load : "", create : wctx.url("/${taskSeCd}/crdn/crdn05/030/create.do") },
 	    keymapper:info => info ? info.CRDN_ID : "",
 	    dataGetter:obj => obj.crdnList,
 	    appendData:true,
@@ -178,21 +192,48 @@ $(document).ready(function(){
 
 		}
 	});
-	$P.crdnControl.urls.create = wctx.url("/${taskSeCd}/crdn/crdn05/030/create.do");
 
+	$P.crdnControl.save = (info) => {
+		if (!info) return;
+		var item = $P.crdnControl.getCurrent("item"),
+			create = "added" == item.state;
+
+		var formData = new FormData(document.getElementById("frmDummy--${pageName}"));
+		for(var key in info) {
+		    var value = info[key];
+		    formData.append(key,value);
+		}
+
+		ajax.post({
+			url:!create ? $P.crdnControl.urls.update : $P.crdnControl.urls.create,
+			data: formData, contentType : false, processData : false,
+			success:resp => $P.crdnControl.onSave(resp)
+		});
+	};
+
+	/**************************************************************************
+	 * DatasetControl.on, Dataset.on
+	 **************************************************************************/
+	$P.uploadSet.onDatasetChange  = () => { $P.uploadSet.onRemove(); };
+	$P.uploadSet.onRemove = () => { $P.fnDisplay(); };
 
 	/**************************************************************************
 	 * pageObject.function
 	 **************************************************************************/
-	 $P.formFields = new FimsFormFields("#frm--${pageName}");
 
-	 $P.fnSave = () => {
+	$P.fnDisplay = () => {
+		var displayArea = document.querySelector("#display--${pageName}");
+		var imgTags = $P.uploadSet.inStrings("<img src='{url}' width='200' height='200' />").join("\n");
+		displayArea.innerHTML = imgTags;
+	};
+
+	$P.fnSave = () => {
 		if (!$("#frm--${pageName} input").validInputs()) return;
 
 		dialog.alert({
 			content:"현재 단속 정보를 저장하시겠습니까?",
 			onOK:() => {
-				pageObject["crdn05030-info"].crdnControl.save($P.formFields.get());
+				$P.crdnControl.save($P.formFields.get());
 			}
 		});
 	};
@@ -212,6 +253,7 @@ $(document).ready(function(){
     fn_securityModeToggle($("#securityMode--top").is(":checked"));
 
     $P.crdnControl.dataset.append({});
+
 });
 
 
diff --git a/src/main/webapp/WEB-INF/jsp/include/tail.jsp b/src/main/webapp/WEB-INF/jsp/include/tail.jsp
index 1ee6b930..8382c040 100644
--- a/src/main/webapp/WEB-INF/jsp/include/tail.jsp
+++ b/src/main/webapp/WEB-INF/jsp/include/tail.jsp
@@ -32,6 +32,7 @@
 <script src="<c:url value="/resources/js/base/base.js?${ver}"/>"></script>
 <script src="<c:url value="/resources/js/base/base-fims.js?${ver}"/>"></script>
 <script src="<c:url value="/resources/js/base/dataset.js?${ver}"/>"></script>
+<script src="<c:url value="/resources/js/base/upload-support.js?${ver}"/>"></script>
 <script src="<c:url value="/resources/js/base/code.js"/>?${ver}"></script>
 <script src="<c:url value="/resources/js/base/code-support.js?${ver}"/>"></script>
 <script src="<c:url value="/resources/js/base/menu.js"/>?${ver}"></script>