From 7f9c0e1391f8493da5b379693dc2819c60827f26 Mon Sep 17 00:00:00 2001
From: leebj <leebj91@xit.co.kr>
Date: Mon, 9 Sep 2024 14:13:56 +0900
Subject: [PATCH] =?UTF-8?q?jsp=20=EC=86=8C=EC=8A=A4=20=EC=9D=B4=EB=8F=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../WEB-INF/jsp/fims/ogdp/ogdp01010-main.jsp  | 584 ++++++++++++++++++
 .../WEB-INF/jsp/fims/ogdp/ogdp02010-main.jsp  | 335 ++++++++++
 .../WEB-INF/jsp/fims/ogdp/ogdp02020-info.jsp  | 347 +++++++++++
 .../WEB-INF/jsp/fims/ogdp/select-sgg.jsp      |  37 ++
 .../WEB-INF/jsp/fims/user/user01010-main.jsp  | 374 +++++++++++
 .../WEB-INF/jsp/fims/user/user02010-main.jsp  | 317 ++++++++++
 6 files changed, 1994 insertions(+)
 create mode 100644 src/main/webapp/WEB-INF/jsp/fims/ogdp/ogdp01010-main.jsp
 create mode 100644 src/main/webapp/WEB-INF/jsp/fims/ogdp/ogdp02010-main.jsp
 create mode 100644 src/main/webapp/WEB-INF/jsp/fims/ogdp/ogdp02020-info.jsp
 create mode 100644 src/main/webapp/WEB-INF/jsp/fims/ogdp/select-sgg.jsp
 create mode 100644 src/main/webapp/WEB-INF/jsp/fims/user/user01010-main.jsp
 create mode 100644 src/main/webapp/WEB-INF/jsp/fims/user/user02010-main.jsp

diff --git a/src/main/webapp/WEB-INF/jsp/fims/ogdp/ogdp01010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/ogdp/ogdp01010-main.jsp
new file mode 100644
index 00000000..5d4bbdd0
--- /dev/null
+++ b/src/main/webapp/WEB-INF/jsp/fims/ogdp/ogdp01010-main.jsp
@@ -0,0 +1,584 @@
+<%@ 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" data-doctx="${pageName}">
+	<div class="container-xxl flex-grow-1 px-0">
+		<div class="card wrapper-list">
+	        <form name="mainForm" method="post" enctype="multipart/form-data">
+				<div class="card my-2">
+					<div class="mx-3 my-2 d-block">
+						<span class="h3">
+							시군구 정보
+						</span>
+						<span>
+							<button type="button" name="btnSaveSgg" class="btn btn-primary w-px-100 float-end">저장</button>
+						</span>
+					</div>
+
+					<div class="row g-3 mt-1 mb-3">
+						<div class="col-md-6">
+							<label class="w-px-140 col-form-label text-sm-end pe-2" for="">시군구명</label>
+							<input name="sggID" type="hidden" />
+							<input name="sggNm" type="text" class="form-control" readonly />
+						</div>
+						<div class="col-md-6">
+							<label class="w-px-140 col-form-label text-sm-end pe-2" for="">기관명</label>
+							<input name="instCd" type="hidden" />
+							<input name="instNm" type="text" class="form-control" readonly />
+						</div>
+						<div class="col-md-4 d-flex align-items-center">
+							<label class="w-px-140 col-form-label text-sm-end pe-2">
+							직인
+							</label>
+							<img name="offcsImage"
+							alt="" src="" data-orgn-path="" data-orgn-name=""
+							class="mw-px-100 mh-px-100 fit-contain" />
+							<input type="file" name="offcs" hidden />
+						</div>
+						<div class="col-md-4 d-flex align-items-center">
+							<label class="w-px-140 col-form-label text-sm-end pe-2">
+							심볼
+							</label>
+							<img name="symbolImage"
+							alt="" src="" data-orgn-path="" data-orgn-name=""
+							class="mw-px-100 mh-px-100 fit-contain" />
+							<input type="file" name="symbol" hidden />
+						</div>
+						<div class="col-md-4 d-flex align-items-center">
+							<label class="w-px-140 col-form-label text-sm-end pe-2">
+							로고
+							</label>
+							<img name="logoImage"
+							alt="" src="" data-orgn-path="" data-orgn-name=""
+							class="mw-px-100 mh-px-100 fit-contain" />
+							<input type="file" name="logo" hidden />
+						</div>
+					</div>
+				</div>
+
+			</form>
+
+			<div class="card my-2">
+				<div class="mx-3 my-2 d-block">
+					<span class="h3">
+						시군구 업무 정보
+					</span>
+				</div>
+
+				<div class="nav-align-top my-2 mx-2 flex-row">
+					<ul class="nav nav-tabs" role="tablist" name="tabButtonContainer">
+					</ul>
+					<button type="button" name="btnOpenSelectTaskDialog"
+					class="btn btn-darkgray ms-1 superadmin">+ 새 과태료업무 추가</button>
+				</div>
+
+				<span class="tab-content" name="tabContentContainer">
+				</span>
+
+			</div>
+
+		</div>
+	</div>
+	
+
+	<template name="taskTabButtonTemplate">
+		<li class="nav-item">
+			<button type="button" class="nav-link {active} w-px-150"
+			role="tab" data-bs-toggle="tab" data-bs-target="[data-doctx='${pageName}'] [name='tab{task}']"
+			onclick="">
+				{taskNm}
+			</button>
+		</li>
+	</template>
+	
+	<template name="taskTabContentsTemplate">
+	
+		<span name="tab{task}" class="tab-pane {activeshow}" role="tabpanel">
+			<div class="mx-3 my-2 d-flex flex-column">
+				<div class="float-end">
+					<button type="button" data-task="{task}"
+					onclick="pageObject['${pageName}'].fnSaveForTask(this);"
+					class="btn btn-primary w-px-100 float-end"
+					>저장</button>
+				</div>
+			</div>
+	
+			<form name="{task}Form">
+				<div class="row g-3 mt-1 mb-3">
+					<div class="col-md-3">
+						<label class="w-px-140 col-form-label text-sm-end" for="">업무명</label>
+						<input name="taskSeNm" type="text" class="form-control w-px-150" />
+					</div>
+					<div class="col-md-3">
+						<label class="w-px-140 col-form-label text-sm-end" for="">사전통지일수</label>
+						<input name="advntceDayCnt" type="text" class="form-control w-px-50" />
+					</div>
+					<div class="col-md-3">
+						<label class="w-px-140 col-form-label text-sm-end" for="">사전통지감경율</label>
+						<input name="advntceRdcrt" type="text" class="form-control w-px-50" />
+					</div>
+					<div class="col-md-3">
+						<label class="w-px-140 col-form-label text-sm-end" for="">사회적약자감경율</label>
+						<input name="wksnRdcrt" type="text" class="form-control w-px-50" />
+					</div>
+					<div class="col-md-3">
+						<label class="w-px-140 col-form-label text-sm-end" for="">과태료가산일자</label>
+						<input name="ffnlgAdtnYmd" type="text" class="form-control w-px-100" />
+					</div>
+					<div class="col-md-3">
+						<label class="w-px-140 col-form-label text-sm-end" for="">과태료가산율</label>
+						<input name="ffnlgAdtnRt" type="text" class="form-control w-px-50" />
+					</div>
+					<div class="col-md-3">
+						<label class="w-px-140 col-form-label text-sm-end" for="">과태료중가산율</label>
+						<input name="ffnlgInadtnRt" type="text" class="form-control w-px-50" />
+					</div>
+					<div class="col-md-3">
+						<label class="w-px-140 col-form-label text-sm-end" for="">과태료중가산최대수</label>
+						<input name="ffnlgInadtnMxmmCnt" type="text" class="form-control w-px-50" />
+					</div>
+				</div>
+				<div class="row g-3 mt-1 mb-3 superadmin">
+					<div class="col-md-3">
+						<label class="w-px-140 col-form-label text-sm-end text-red" for="">세외수입연계<br/>구분코드</label>
+						<input name="nxrpLinkSeCd" type="text" class="form-control w-px-50" />
+					</div>
+					<div class="col-md-3">
+						<label class="w-px-140 col-form-label text-sm-end text-red" for="">세외수입연계<br/>구분상세순번</label>
+						<input name="nxrpLinkSeDtlSn" type="text" class="form-control w-px-50" />
+					</div>
+					<div class="col-md-6"></div>
+				</div>
+			</form>
+	
+			<div class="card-datatable text-nowrap area-photoinspection mx-2 mt-2 mb-3">
+		        <div name="{task}Table_0_wrapper" class="dataTables_wrapper dt-bootstrap5 no-footer">
+					<div name="{task}table-responsive" class="table-responsive ox-scroll oy-scroll h-px-300">
+						<table name="{task}Table_0"
+							class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer">
+							<thead class="sticky-thead">
+								<tr>
+									<th style="width: 90px;">위반코드</th>
+									<th style="width: 160px;">위반항목</th>
+									<th style="width: 360px;">위반법명</th>
+									<th style="width: 160px;">위반법1</th>
+									<th style="width: 160px;">위반법2</th>
+									<th style="width: 160px;">위반법기타</th>
+									<th style="width: 120px;">회계구분코드</th>
+									<th style="width: 120px;">회계구분명</th>
+									<th style="width: 120px;">세목코드</th>
+									<th style="width: 300px;">세목명</th>
+									<th style="width: 120px;">운영항목코드</th>
+									<th style="width: 300px;">운영항목명</th>
+									<th style="width: 160px;">특별회계사업코드</th>
+									<th style="width: 300px;">특별회계사업명</th>
+									<th class="dummy-th"></th>
+								</tr>
+							</thead>
+							<tbody name="{task}tbody"></tbody>
+						</table>
+					</div>
+				</div>
+			</div>
+	
+		</span>
+	</template>
+	
+	<template name="taskTbodyTemplate">
+		<tr data-key="{VLTN_ID}">
+			<td>{VLTN_CD}</td>
+			<td data-col="vltnArtcl">
+				<input type="text" class="form-control w-100" value="{VLTN_ARTCL}" />
+			</td>
+			<td data-col="vltnLawNm">
+				<input type="text" class="form-control w-100" value="{VLTN_LAW_NM}" />
+			</td>
+			<td data-col="vltnLaw1">
+				<input type="text" class="form-control w-100" value="{VLTN_LAW1}" />
+			</td>
+			<td data-col="vltnLaw2">
+				<input type="text" class="form-control w-100" value="{VLTN_LAW2}" />
+			</td>
+			<td data-col="vltnLawEtc">
+				<input type="text" class="form-control w-100" value="{VLTN_LAW_ETC}" />
+			</td>
+			<td data-col="acntgSeCd">
+				<input type="text" class="form-control w-100" value="{ACNTG_SE_CD}" />
+			</td>
+			<td data-col="acntgSeNm">
+				<input type="text" class="form-control w-100" value="{ACNTG_SE_NM}" />
+			</td>
+			<td data-col="txitmCd">
+				<input type="text" class="form-control w-100" value="{TXITM_CD}" />
+			</td>
+			<td data-col="txitmNm">
+				<input type="text" class="form-control w-100" value="{TXITM_NM}" />
+			</td>
+			<td data-col="operItemCd">
+				<input type="text" class="form-control w-100" value="{OPER_ITEM_CD}" />
+			</td>
+			<td data-col="operItemNm">
+				<input type="text" class="form-control w-100" value="{OPER_ITEM_NM}" />
+			</td>
+			<td data-col="spclBizCd">
+				<input type="text" class="form-control w-100" value="{SPCL_BIZ_CD}" />
+			</td>
+			<td data-col="spclBizNm">
+				<input type="text" class="form-control w-100" value="{SPCL_BIZ_NM}" />
+			</td>
+		</tr>
+	</template>	
+</div>
+
+<script>
+LoadScript("ogdp01010Script",wctx.url("/webjars/js/fims/ogdp/ogdp01010.js?ver=${ver}"));
+
+pageObject["${pageName}"] = newDoctxFinder("${pageName}");
+
+$(document).ready(function(){
+
+	if(MY_INFO.institute != "ADMIN00"){
+		$(".superadmin").attr("hidden","hidden");
+	}
+
+	var $P = pageObject["${pageName}"];
+	$P.sggInfo = {};
+	$P.taskList = [];
+	$P.curSggCd = "";
+
+	if("${sggCd}" == ""){
+		$P.curSggCd = MY_INFO.info.sggCd;
+	} else {
+		$P.curSggCd = "${sggCd}";
+	}
+
+	$P.taskDatasets = {};
+	var taskCodes = Object.keys(ALL_TASK);
+	for(var i=0; i < taskCodes.length; i++){
+		$P.taskDatasets[taskCodes[i]+"Dataset"] = new Dataset({
+			keymapper : info => info ? info.VLTN_ID : ""
+		});
+	}
+
+	$P.getSggInfo = async function(){
+		return new Promise((resolve, reject) => {
+			ajax.get({
+				url: wctx.url("/ogdp/getSggStngInfo.do"),
+				data: {
+					sggCd : $P.curSggCd
+				},
+				success : function(resp, textStatus, jqXHR) {
+					$P.sggInfo = resp.sggInfo;
+
+					$P.$findn("mainForm").find("[name='sggID']").val($P.sggInfo.SGG_CD);
+					$P.$findn("mainForm").find("[name='sggNm']").val($P.sggInfo.SGG_NM);
+					$P.$findn("mainForm").find("[name='instCd']").val($P.sggInfo.INST_CD);
+					$P.$findn("mainForm").find("[name='instNm']").val($P.sggInfo.INST_NM);
+
+					$P.$findn("offcsImage")
+						.attr("data-orgn-name", $P.sggInfo.OFFCS_FILE_NM)
+						.attr("data-orgn-path", $P.sggInfo.OFFCS_FILE_PATH);
+					$P.$findn("offcs").val("");
+					$P.$findn("offcs").trigger("change");
+
+					$P.$findn("symbolImage")
+						.attr("data-orgn-name", $P.sggInfo.SYMBOL_FILE_NM)
+						.attr("data-orgn-path", $P.sggInfo.SYMBOL_FILE_PATH);
+					$P.$findn("symbol").val("");
+					$P.$findn("symbol").trigger("change");
+
+					$P.$findn("logoImage")
+						.attr("data-orgn-name", $P.sggInfo.LOGO_FILE_NM)
+						.attr("data-orgn-path", $P.sggInfo.LOGO_FILE_PATH);
+					$P.$findn("logo").val("");
+					$P.$findn("logo").trigger("change");
+
+					resolve({resp, textStatus, jqXHR});
+				},
+				error: function(jqXHR, textStatus, error) {
+				}
+			});
+		});
+	};
+
+
+	$P.getSggTaskInfo = async function(){
+		return new Promise((resolve, reject) => {
+			ajax.get({
+				url: wctx.url("/ogdp/getTasks.do"),
+				data: {
+					useYn : "Y",
+					sggCd : $P.curSggCd
+				},
+				success : function(resp, textStatus, jqXHR) {
+					$P.taskList = resp.taskList;
+
+					var tabs = [];
+					var contents = [];
+					for(var i=0; i < $P.taskList.length; i++){
+						var task = $P.taskList[i];
+						var taskSeCd = task.TASK_SE_CD;
+						var taskSeNm = task.TASK_SE_NM;
+
+						var tabButtonTemplate = $P.findn("taskTabButtonTemplate").innerHTML;
+						var tabContentsTemplate = $P.findn("taskTabContentsTemplate").innerHTML;
+
+						tabButtonTemplate = tabButtonTemplate.replace(/{task}/gi, taskSeCd);
+						tabButtonTemplate = tabButtonTemplate.replace(/{taskNm}/gi, taskSeNm);
+						if(i==0){
+							tabButtonTemplate = tabButtonTemplate.replace(/{active}/gi, "active");
+						} else {
+							tabButtonTemplate = tabButtonTemplate.replace(/{active}/gi, "");
+						}
+
+						tabContentsTemplate = tabContentsTemplate.replace(/{task}/gi, taskSeCd);
+						if(i==0){
+							tabContentsTemplate = tabContentsTemplate.replace(/{activeshow}/gi, "active show");
+						} else {
+							tabContentsTemplate = tabContentsTemplate.replace(/{activeshow}/gi, "");
+						}
+
+						tabs.push(tabButtonTemplate);
+						contents.push(tabContentsTemplate);
+					}
+
+					$P.$findn("tabButtonContainer").html(tabs.join(""));
+					$P.$findn("tabContentContainer").html(contents.join(""));
+
+					if(MY_INFO.institute != "ADMIN00"){
+						$(".superadmin").attr("hidden","hidden");
+					}
+
+					for(var i=0; i < $P.taskList.length; i++){
+						var task = $P.taskList[i];
+						var taskSeCd = task.TASK_SE_CD;
+						var taskSeNm = task.TASK_SE_NM;
+						let formName = taskSeCd+"Form";
+						
+						$P.$findn(formName).find("[name='taskSeNm']").val(taskSeNm);
+						$P.$findn(formName).find("[name='advntceDayCnt']").val(task.ADVNTCE_DAY_CNT);
+						$P.$findn(formName).find("[name='advntceRdcrt']").val(task.ADVNTCE_RDCRT);
+						$P.$findn(formName).find("[name='wksnRdcrt']").val(task.WKSN_RDCRT);
+						$P.$findn(formName).find("[name='ffnlgAdtnYmd']").val(task.FFNLG_ADTN_YMD);
+						$P.$findn(formName).find("[name='ffnlgAdtnRt']").val(task.FFNLG_ADTN_RT);
+						$P.$findn(formName).find("[name='ffnlgInadtnRt']").val(task.FFNLG_INADTN_RT);
+						$P.$findn(formName).find("[name='ffnlgInadtnMaxCnt']").val(task.FFNLG_INADTN_MAX_CNT);
+
+						$P.$findn(formName).find("[name='nxrpLinkSeCd']").val(task.NXRP_LINK_SE_CD);
+						$P.$findn(formName).find("[name='nxrpLinkSeDtlSn']").val(task.NXRP_LINK_SE_DTL_SN);
+					}
+
+					resolve({resp, textStatus, jqXHR});
+				},
+				error: function(jqXHR, textStatus, error) {
+				}
+			});
+		});
+	};
+
+	$P.getVltnInfo = async function(){
+		return new Promise((resolve, reject) => {
+			ajax.get({
+				url: wctx.url("/ogdp/getVltns.do"),
+				data: {
+					useYN : "Y",
+					sggCd : $P.curSggCd
+				},
+				success : function(resp, textStatus, jqXHR) {
+
+					var datasetNames = Object.keys($P.taskDatasets);
+					for(var i=0; i < datasetNames.length; i++){
+						var filtered = resp.vltnList.filter(item => item.TASK_SE_CD == datasetNames[i].substr(0,3));
+						$P.taskDatasets[datasetNames[i]].setData(filtered);
+					}
+
+					for(var i=0; i < datasetNames.length; i++){
+						var taskSeCd = datasetNames[i].substr(0,3);
+						var template = $P.findn("taskTbodyTemplate").innerHTML;
+						var taskDataset = $P.taskDatasets[taskSeCd+"Dataset"];
+						var trs = taskDataset.empty ? [""] : taskDataset.inStrings(template);
+						$P.$findn(taskSeCd+"tbody").html(trs.join());
+					}
+
+					resolve({resp, textStatus, jqXHR});
+				},
+				error: function(jqXHR, textStatus, error) {
+				}
+			});
+		});
+	};
+
+	//이미지 뷰어
+	FimsComponentization.fnMakeSingleImageViewer($P.findn("offcsImage"), $P.findn("offcs"), "orgn-path", "orgn-name");
+	FimsComponentization.fnMakeSingleImageViewer($P.findn("symbolImage"), $P.findn("symbol"), "orgn-path", "orgn-name");
+	FimsComponentization.fnMakeSingleImageViewer($P.findn("logoImage"), $P.findn("logo"), "orgn-path", "orgn-name");
+
+	//시군구 기본 설정 저장 버튼
+	$P.$findn("btnSaveSgg").on("click", function(){
+
+		var formData = new FormData($P.findn("mainForm"));
+
+		ajax.post({
+			url: wctx.url("/ogdp/updateSggStng.do"),
+			data: formData,
+			contentType : false, processData : false,
+			success: (resp) => {
+				dialog.alert({
+					content : "저장됐습니다.",
+					init : function(){
+						AppSupport.setDialogZindex();
+						AppSupport.focusClose();
+					},
+					onClose : () => {
+						$P.getSggInfo();
+					}
+				});
+			}
+		});
+	});
+
+	//업무 추가 버튼
+	$P.$findn("btnOpenSelectTaskDialog").on("click", function(){
+		$("#selectTaskButtons").html("");
+
+		var keys = Object.keys(ALL_TASK);
+		var ableKeys = [];
+
+		for(var i=0; i < keys.length; i++){
+			if($P.$findn("tabContentContainer").find("[name='tab"+keys[i]+"']").length < 1){
+				ableKeys.push(keys[i]);
+			}
+		}
+		if(ableKeys.length < 1){
+			alert("추가 가능한 과태료 업무가 없습니다.");
+			return;
+		}
+
+
+		var pn = "${pageName}";
+		for(var i=0; i < ableKeys.length; i++){
+
+			var button = `<button type="button" class="btn btn-xl btn-primary" onclick="pageObject['`
+				+pn
+				+`'].fnCreateTaskStng('`
+				+ableKeys[i]
+				+`');">`
+				+ALL_TASK[ableKeys[i]]
+				+`</button>`;
+
+			$("#selectTaskButtons").append(button);
+		}
+
+		$("#selectTaskModal").modal("show");
+	});
+
+	$P.fnCreateTaskStng = (taskSeCd) => {
+		$("#selectTaskModal").modal("hide");
+
+		ajax.post({
+			url: wctx.url("/ogdp/createTaskStng.do"),
+			data: {
+				sggCd : $P.$findn("mainForm").find("[name='sggID']").val(),
+				taskSeCd : taskSeCd
+			},
+			success: (resp) => {
+				dialog.alert({
+					content : "저장됐습니다.",
+					init : function(){
+						AppSupport.setDialogZindex();
+						AppSupport.focusClose();
+					},
+					onClose : () => {
+						$P.getSggTaskInfo().then(()=>{ $P.getVltnInfo(); });
+					}
+				});
+			}
+		});
+	};
+
+	$P.fnSaveForTask = (el) => {
+		var taskSeCd = el.dataset.task;
+		var sggCd = $P.$findn("mainForm").find("[name='sggID']").val();
+
+		var formData = new FormData($P.findn(taskSeCd+"Form"));
+		formData.append("taskSeCd",taskSeCd);
+		formData.append("sggCd", sggCd);
+
+		var rowArr = $P.getRowData(taskSeCd+"tbody", formData);
+
+		var vltnStngList = FimsSupport.fnJsonArrayToFormData(rowArr,"vltnStngList");
+		var keys = Object.keys(vltnStngList);
+		for(var i=0; i < keys.length; i++){
+			formData.append(keys[i], vltnStngList[keys[i]]);
+		}
+
+		ajax.post({
+			url: wctx.url("/ogdp/updateTaskStng.do"),
+			data: formData,
+			contentType : false, processData : false,
+			success: (resp) => {
+				dialog.alert({
+					content : "저장됐습니다.",
+					init : function(){
+						AppSupport.setDialogZindex();
+						AppSupport.focusClose();
+					},
+					onClose : () => {
+						$P.getSggTaskInfo().then(()=>{ $P.getVltnInfo(); });
+					}
+				});
+			}
+		});
+	};
+
+
+	$P.getRowData = (tbodyName, formData) => {
+		var rowArr = [];
+		$P.$findn(tbodyName).find("tr").each(function(){
+			var row = {};
+
+			row.vltnId = this.dataset.key;
+			row.vltnArtcl = $($P.fnGetElement(this,"vltnArtcl")).val();
+			row.vltnLawNm = $($P.fnGetElement(this,"vltnLawNm")).val();
+			row.vltnLaw1 = $($P.fnGetElement(this,"vltnLaw1")).val();
+			row.vltnLaw2 = $($P.fnGetElement(this,"vltnLaw2")).val();
+			row.vltnLawEtc = $($P.fnGetElement(this,"vltnLawEtc")).val();
+			row.acntgSeCd = $($P.fnGetElement(this,"acntgSeCd")).val();
+			row.acntgSeNm = $($P.fnGetElement(this,"acntgSeNm")).val();
+			row.txitmCd = $($P.fnGetElement(this,"txitmCd")).val();
+			row.txitmNm = $($P.fnGetElement(this,"txitmNm")).val();
+			row.operItemCd = $($P.fnGetElement(this,"operItemCd")).val();
+			row.operItemNm = $($P.fnGetElement(this,"operItemNm")).val();
+			row.spclBizCd = $($P.fnGetElement(this,"spclBizCd")).val();
+			row.spclBizNm = $($P.fnGetElement(this,"spclBizNm")).val();
+
+			row.sggCd = formData.get("sggID");
+			row.taskSeCd = formData.get("taskSeCd");
+
+			rowArr.push(row);
+		});
+
+		return rowArr;
+	};
+
+
+	$P.fnGetElement = (tableRow, colName) => {
+		return $(tableRow).find("td[data-col='"+colName+"']").children("input, select").first()[0];
+	}
+
+	/**************************************************************************
+	 * 초기화
+	 **************************************************************************/
+	$P.getSggInfo()
+    .then(() => {
+    	return $P.getSggTaskInfo();
+	})
+	.then(() => {
+		return $P.getVltnInfo();
+	});
+
+
+});
+
+
+</script>
\ No newline at end of file
diff --git a/src/main/webapp/WEB-INF/jsp/fims/ogdp/ogdp02010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/ogdp/ogdp02010-main.jsp
new file mode 100644
index 00000000..8a3377c0
--- /dev/null
+++ b/src/main/webapp/WEB-INF/jsp/fims/ogdp/ogdp02010-main.jsp
@@ -0,0 +1,335 @@
+<%@ 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" data-doctx="${pageName}">
+	<div class="container-xxl flex-grow-1 px-0">
+		<div class="card wrapper-list">
+
+		    <div class="container-page-btn">
+		        <button type="button" name="btnReset" class="btn btn-outline-dark w-px-120" title="초기화">
+		        초기화
+		        </button>
+		        <span class="container-window-btn-right">
+		            <button type="button" name="btnSearch" class="btn btn-search w-px-120" title="검색">
+		            검색
+		            </button>
+		        </span>
+		    </div>
+
+		    <form name="frmSearch">
+		        <div class="container-search">
+                    <div class="row g-1">
+                        <div class="col-3">
+                            <label is="name-label" for="sggCd"
+                            class="form-label fw-bold form-search-title">시군구</label>
+                            <select is="id-select" name="sggCd" class="form-select" disabled>
+                            	<option value="">전체</option>
+                            	<c:forEach items="${sggList}" var="item">
+	                      			<option value="${item.SGG_CD}">${item.SGG_NM}</option>
+	                      		</c:forEach>
+                            </select>
+                        </div>
+                        <div class="col-3">
+                            <label is="name-label" for="instNm"
+                            class="form-label fw-bold form-search-title">기관명</label>
+                            <input type="text" is="id-input" name="instNm" class="form-control" />
+                        </div>
+                        <div class="col-3">
+                            <label is="name-label" for="instCd"
+                            class="form-label fw-bold form-search-title">기관코드</label>
+                            <input type="text" is="id-input" name="instCd" class="form-control" maxlength="7" />
+                        </div>
+                    </div>
+                    <div class="row g-1">
+                    	<div class="col-3">
+                        	<label is="name-label" for="deptNm"
+                        	class="form-label fw-bold form-search-title">부서명</label>
+                            <input type="text" is="id-input" name="deptNm" class="form-control" />
+                        </div>
+                        <div class="col-3">
+                        	<label is="name-label" for="deptCd"
+                        	class="form-label fw-bold form-search-title">부서코드</label>
+                            <input type="text" is="id-input" name="deptCd" class="form-control" maxlength="7" />
+                        </div>
+                        <div class="col-6">
+                        </div>
+                    </div>
+		        </div>
+		        
+		    </form>
+
+		    <div>
+		        <div name="gridButtonArea" class="container-page-btn">
+		            <div class="d-flex flex-row justify-content-between">
+						<span is="paging-info" name="deptPagingInfo" class="dataTables_info"></span>
+		                <ul name="deptPaging" class="pagination pagination-primary"></ul>
+					</div>
+		        </div>
+		    </div>
+
+		    <div class="card-datatable text-nowrap">
+		        <div name="DataTables_Table_0_wrapper" class="dataTables_wrapper dt-bootstrap5 no-footer">
+					<div name="table-responsive" class="table-responsive ox-scroll oy-scroll h-px-500">
+						<table name="deptTable" class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer">
+							<thead class="sticky-thead">
+								<tr name="deptThead">
+									<th style="width: 80px;" class="cmn">No.</th>
+									<th class="cmn" style="width: 56px;">
+										<input type="checkbox" class="form-check-input" 
+										onchange="pageObject['${pageName}'].ctrl.dataset.select(this.checked);" />
+									</th>
+									<th style="width: 200px;">시군구명</th>
+									<th style="width: 200px;">시군구코드</th>
+									<th style="width: 200px;">기관명</th>
+									<th style="width: 200px;">기관코드</th>
+									<th style="width: 200px;">부서명</th>
+									<th style="width: 200px;">부서코드</th>
+									<th style="width: 200px;">사용여부</th>
+									<th class="dummy-th"></th>
+								</tr>
+							</thead>
+		                    <tbody name="deptTbody">
+		                    </tbody>
+							<template is="curly-brackets" name="deptRow">
+								<tr data-index="DATA-INDEX">
+									<td onclick ondblclick class="text-end">ROW_NUM</td>
+									<td class="text-center">
+										<input type="checkbox" class="form-check-input" name="gridCheckbox" value="DATA-INDEX" 
+										onchange="pageObject['${pageName}'].ctrl.dataset.select('{DATA-INDEX}', this.checked);">
+									</td>
+									<td onclick ondblclick class="text-start">SGG_NM</td>
+		                    		<td onclick ondblclick class="text-center">SGG_CD</td>
+		                    		<td onclick ondblclick class="text-start">INST_NM</td>
+		                    		<td onclick ondblclick class="text-center">INST_CD</td>
+		                    		<td onclick ondblclick class="text-start">DEPT_NM</td>
+		                    		<td onclick ondblclick class="text-center">DEPT_CD</td>
+		                    		<td onclick ondblclick class="text-center">USE_YN_NM</td>
+		                    		<td class="dummy-td"></td>
+	                    		</tr>
+							</template>
+							<template name="deptNotFound">
+								<tr>
+									<td valign="top" colspan="10" class="dataTables_empty text-center">
+									부서 정보를 찾지 못했습니다.
+									</td>
+								</tr>
+							</template>
+						</table>
+					</div>
+				</div>
+		    </div>
+
+			<div class="toast-container position-fixed bottom-0 end-0 p-3">
+				<div name="divToast" class="toast" role="alert" aria-live="assertive" aria-atomic="true">
+			    	<div class="toast-body bg-black text-white">
+			    	  삭제 되었습니다.
+			    	</div>
+			  	</div>
+			</div>
+		</div>
+
+	</div>
+
+  	<div class="content-backdrop fade"></div>
+</div>
+
+
+<script>
+LoadScript("ogdp02010Script",wctx.url("/webjars/js/fims/ogdp/ogdp02010.js?ver=${ver}"));
+
+/**************************************************************************
+* Global Variable
+**************************************************************************/
+pageObject["${pageName}"] = newDoctxFinder("${pageName}");
+
+
+$(document).ready(function(){
+
+	var $P = pageObject["${pageName}"];
+	
+	$P.toast = new bootstrap.Toast($P.findn("divToast"), {
+        animation: true,
+        autohide: true,
+        delay: 2000
+    });
+	
+	/**************************************************************************
+	* DatasetControl, DatasetSupport, FormFields
+	**************************************************************************/
+	var ctrl = newOgdp02020Control($P);
+	ctrl.defaultFetchSize = FETCH_XS;
+	ctrl.query = { pageNum : 1, fetchSize : ctrl.defaultFetchSize };
+
+	ctrl.dataset.onDatasetChange = (obj, option) => {
+		var t = $P.getGridTemplate();
+		var trs = Apply.fromDataset.getTbody(ctrl.dataset, t.found, t.notFound, t.replacer);
+		$P.renderDeptList(obj?.Paging?.totalSize, ctrl.dataset.length, trs, option);
+		
+		$P.pagingSupport.setPagingInfo(obj);
+	};
+
+	ctrl.dataset.onCurrentChange = (dataItem) => {
+		Apply.fromDataset.currentRow(ctrl.dataset, dataItem, $P.findn("deptTbody"));
+	}
+	
+	ctrl.dataset.onSelectionChange = (selectedArr) => {
+		Apply.fromDataset.gridCheckbox(ctrl.dataset, $P.findn("deptTbody"), 1, selectedArr);
+	};
+	
+	$P.pagingSupport = new FimsPagingSupport({
+		doq: $P,
+        linkContainer: "[name='deptPaging']"
+	});
+	
+	/**************************************************************************
+	* pageObject.function
+	**************************************************************************/
+	$P.fnReset = () => {
+		var searchForm = $P.$findn("frmSearch");
+		searchForm.find("input[type='radio']").not("[name='taskSeCd']").prop("checked", false);
+		searchForm.find("input[type='checkbox']").prop("checked", false);
+		searchForm.find("input[type='hidden']").val("");
+		searchForm.find("input[type='text']").val("");
+		
+		searchForm.find("select[name='sggCd']").val(MY_INFO.info.sggCd);
+
+		ctrl.dataset.setData([]);
+	}
+	
+	$P.getParams = () => {
+		var formFields = new FimsFormFields($P.selectorn("frmSearch"));
+		var data = formFields.get();
+		data.fetchSize = ctrl.defaultFetchSize;
+
+		return data;
+	}
+	
+	$P.searchDeptList = () => {
+		ctrl.query = $P.getParams();
+	    ctrl.load(1);
+	}
+
+	$P.scrollDeptList = () => {
+		ctrl.load(ctrl.query.pageNum + 1);
+	}
+
+	$P.refreshDeptList = () => {
+		if(ctrl.query.pageNum == null){
+			return;
+		}
+
+        ctrl.reload({all : true});
+    }
+	
+	$P.getGridTemplate = () => {
+		var notFound = [$P.findn("deptNotFound").innerHTML];
+		var found = $P.findn("deptRow").innerHTML;
+		var replacer = (str, dataItem) => str
+			.replace(/{onclick}/gi, "pageObject['${pageName}'].clickDeptList('{DATA-INDEX}');")
+			.replace(/{ondblclick}/gi, "pageObject['${pageName}'].dblclickDeptList('{DEPT_CD}');");
+		
+		return {
+			found : found,
+			notFound : notFound,
+			replacer : replacer
+		};
+	}
+	
+	$P.renderDeptList = (total, listLength, trs, option) => {
+
+		let noMore = (listLength >= total);
+		var initScroll = (ctrl.query.pageNum < 2);
+		if(option != null && option.reloaded){
+			initScroll = false;
+		}
+		
+		$P.findn("table-responsive").changeContent(trs, initScroll, noMore);
+
+	    fn_securityModeToggle($("#securityMode--top").is(":checked")); //보안모드
+
+	}
+
+	$P.clickDeptList = (dataIndex) => {
+		if(dataIndex == ""){
+			return;
+		}
+
+		$P.$findn("deptTbody").setCurrentRow(dataIndex);
+
+		Apply.toDataset.current(ctrl.dataset, dataIndex);
+	}
+
+	$P.dblclickDeptList = (dataKey) => {
+		$P.getInfo(dataKey);
+	}
+	
+	
+	
+	$P.getInfo = (deptCd) => {
+		var params = {};
+		params.deptCd = deptCd;
+		
+		ajax.get({
+			url : ctrl.urls.getInfo,
+			data : params,
+			success : (resp) => {
+
+				let dialogName = "deptInfoDialog";
+				let dialogId = dialogName+"-"+uuid();
+				
+				dialog.open({
+					id : dialogId,
+					title : "부서 정보", 
+					size : "xl", 
+					content : resp,
+					init : () => {
+						$("#"+dialogId).attr("name", dialogName);
+						$("#"+dialogId).attr("data-ref-doctx","${pageName}");
+						
+						var parentRes = new Object();
+						var childReq = pageObject.childReq.pop();
+						
+						for(var reqKey in childReq) {
+						    if($P.provide[reqKey]){
+						    	parentRes[reqKey] = $P.provide[reqKey];
+						    } else {
+						    	parentRes[reqKey] = function(){};
+						    }
+						}
+						
+						pageObject.parentRes.push(parentRes);
+					}
+				});
+
+			}
+		});
+	}
+	
+	
+	$P.provide = {
+		"refreshList" : function(){
+    		$P.refreshDeptList();
+    	},
+	};
+	
+	/**************************************************************************
+	* element.on
+	**************************************************************************/
+	$P.$findn("btnReset").on('click', () => $P.fnReset());
+    $P.$findn("btnSearch").on('click', () => $P.searchDeptList());
+    
+	/**************************************************************************
+	* 초기화
+	**************************************************************************/
+	Componentization.fnMakeResizableTable($P.findn("table-responsive"));
+	Componentization.fnMakeScrollableTable($P.findn("table-responsive"), $P.scrollDeptList);    
+	
+	$P.fnReset();
+    fn_securityModeToggle($("#securityMode--top").is(":checked")); //보안모드
+    
+	if(MY_INFO.institute == "ADMIN00"){
+		$P.$findn("sggCd").removeAttr("disabled");
+	}
+});
+
+</script>
diff --git a/src/main/webapp/WEB-INF/jsp/fims/ogdp/ogdp02020-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/ogdp/ogdp02020-info.jsp
new file mode 100644
index 00000000..f202c48e
--- /dev/null
+++ b/src/main/webapp/WEB-INF/jsp/fims/ogdp/ogdp02020-info.jsp
@@ -0,0 +1,347 @@
+<%@ 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" data-doctx="${pageName}">
+	<div class="container-xxl flex-grow-1 px-0">
+	
+		<div class="card">
+			<form name="frmEdit">
+				
+				<div class="row g-1" name="forRootAdmin" hidden>
+					<div class="col-md-6">
+						<label is="name-label" for="sggID"
+						class="w-px-160 bg-lighter pe-2 col-form-label text-sm-end required">
+						시군구코드
+						</label>
+						<input type="text" is="id-input" name="sggID" data-map="SGG_CD"
+						class="form-control w-px-200" required maxlength="7" readonly />
+					</div>
+					<div class="col-md-6">
+						<label is="name-label" for="instCode"
+						class="w-px-160 bg-lighter pe-2 col-form-label text-sm-end required">
+						기관코드
+						</label>
+						<input type="text" is="id-input" name="instCode" data-map="INST_CD"
+						class="form-control w-px-200" required maxlength="7" readonly />
+					</div>
+				</div>
+					
+
+
+				<div class="row g-1">
+					
+					<div class="col-md-6">
+						<label is="name-label" for="deptID"
+						class="w-px-160 bg-lighter pe-2 col-form-label text-sm-end required">
+						부서코드
+						</label>
+						
+						<input type="text" is="id-input" name="deptID" data-map="DEPT_CD"
+						class="form-control w-px-200" required maxlength="7" readonly />
+						
+					</div>
+					
+					<div class="col-md-6">
+						<label is="name-label" for="name"
+						class="w-px-160 bg-lighter pe-2 col-form-label text-sm-end required">
+						부서명
+						</label>
+						
+						<input type="text" is="id-input" name="name" data-map="DEPT_NM"
+						class="form-control w-px-200" required readonly  />
+						
+					</div>
+					
+					<div class="col-md-12" hidden>
+						<input type="text" is="id-input" name="telno" data-map="DEPT_TELNO"
+						class="form-control w-px-200" />
+						<input type="text" is="id-input" name="faxno" data-map="DEPT_FXNO"
+						class="form-control w-px-200" />
+					</div>
+					
+				</div>
+				
+				<div class="row g-1">
+					<div class="col-md-6">
+						<label is="name-label" for="cvlcptLinkSeCd"
+						class="w-px-160 bg-lighter pe-2 col-form-label text-sm-end">
+						민원연계구분
+						</label>
+						<input type="text" is="id-input" name="cvlcptLinkSeCd" data-map="CVLCPT_LINK_SE_CD" 
+						class="form-control w-px-200"  />
+					</div>
+					<div class="col-md-6">
+						<label is="name-label" for="vrbacntLinkSeCd"
+						class="w-px-160 bg-lighter pe-2 col-form-label text-sm-end">
+						가상계좌연계구분
+						</label>
+						<input type="text" is="id-input" name="vrbacntLinkSeCd" data-map="VRBACNT_LINK_SE_CD" 
+						class="form-control w-px-200"  />
+					</div>
+					<div class="col-md-6">
+						<label is="name-label" for="pstofcNm"
+						class="w-px-160 bg-lighter pe-2 col-form-label text-sm-end">
+						우체국명
+						</label>
+						<input type="text" is="id-input" name="pstofcNm" data-map="PSTOFC_NM" 
+						class="form-control w-px-200"  />
+					</div>
+					<div class="col-md-6">
+						<label is="name-label" for="rgNoHeader"
+						class="w-px-160 bg-lighter pe-2 col-form-label text-sm-end">
+						등기번호 헤더
+						</label>
+						<input type="text" is="id-input" name="rgNoHeader" data-map="RG_NO_HEADER" 
+						class="form-control w-px-200"  />
+					</div>
+					<div class="col-md-6">
+						<label is="name-label" for="sndngLinkSeCd"
+						class="w-px-160 bg-lighter pe-2 col-form-label text-sm-end">
+						발송연계구분
+						</label>
+						<input type="text" is="id-input" name="sndngLinkSeCd" data-map="SNDNG_LINK_SE_CD" 
+						class="form-control w-px-200"  />
+					</div>
+					<div class="col-md-6">
+						<label is="name-label" for="egpConOrg"
+						class="w-px-160 bg-lighter pe-2 col-form-label text-sm-end">
+						E그린 외부기관구분
+						</label>
+						<input type="text" is="id-input" name="egpConOrg" data-map="EGP_CON_ORG" 
+						class="form-control w-px-200"  />
+					</div>
+					<div class="col-md-6">
+						<label is="name-label" for="egpRceptId"
+						class="w-px-160 bg-lighter pe-2 col-form-label text-sm-end">
+						E그린 접수수체국기호
+						</label>
+						<input type="text" is="id-input" name="egpRceptId" data-map="EGP_RCEPT_ID" 
+						class="form-control w-px-200"  />
+					</div>
+					<div class="col-md-6">
+						<label is="name-label" for="egpApvlNb"
+						class="w-px-160 bg-lighter pe-2 col-form-label text-sm-end">
+						E그린 후납계약승인번호
+						</label>
+						<input type="text" is="id-input" name="egpApvlNb" data-map="EGP_APVL_NB" 
+						class="form-control w-px-200"  />
+					</div>
+					<div class="col-md-6">
+						<label is="name-label" for="egpEsbPath"
+						class="w-px-160 bg-lighter pe-2 col-form-label text-sm-end">
+						E그린 ESB경로
+						</label>
+						<input type="text" is="id-input" name="egpEsbPath" data-map="EGP_ESB_PATH" 
+						class="form-control w-px-300"  />
+					</div>
+					<div class="col-md-6">
+						<label is="name-label" for="egpPostInstId"
+						class="w-px-160 bg-lighter pe-2 col-form-label text-sm-end">
+						E그린 우정정보센터 기관ID
+						</label>
+						<input type="text" is="id-input" name="egpPostInstId" data-map="EGP_POST_INST_ID" 
+						class="form-control w-px-200"  />
+					</div>
+					<div class="col-md-6">
+						<label is="name-label" for="egpCertCn"
+						class="w-px-160 bg-lighter pe-2 col-form-label text-sm-end">
+						E그린 인증서CN
+						</label>
+						<input type="text" is="id-input" name="egpCertCn" data-map="EGP_CERT_CN" 
+						class="form-control w-px-200"  />
+					</div>
+					<div class="col-md-6">
+						<label is="name-label" for="ensInterfaceId"
+						class="w-px-160 bg-lighter pe-2 col-form-label text-sm-end">
+						세외수입인터페이스ID
+						</label>
+						<input type="text" is="id-input" name="ensInterfaceId" data-map="ENS_INTERFACE_ID" 
+						class="form-control w-px-200"  />
+					</div>
+					<div class="col-md-6">
+						<label is="name-label" for="ensSourceCd"
+						class="w-px-160 bg-lighter pe-2 col-form-label text-sm-end">
+						세외수입소스코드
+						</label>
+						<input type="text" is="id-input" name="ensSourceCd" data-map="ENS_SOURCE_CD" 
+						class="form-control w-px-200"  />
+					</div>
+					<div class="col-md-6">
+						<label is="name-label" for="ensTargetCd"
+						class="w-px-160 bg-lighter pe-2 col-form-label text-sm-end">
+						세외수입타겟코드
+						</label>
+						<input type="text" is="id-input" name="ensTargetCd" data-map="ENS_TARGET_CD" 
+						class="form-control w-px-200"  />
+					</div>
+					<div class="col-md-6">
+						<label is="name-label" for="ensUrl"
+						class="w-px-160 bg-lighter pe-2 col-form-label text-sm-end">
+						세외수입URL
+						</label>
+						<input type="text" is="id-input" name="ensUrl" data-map="ENS_URL" 
+						class="form-control w-px-300"  />
+					</div>
+					<div class="col-md-6">
+						<label is="name-label" for="nxrpLinkYn"
+						class="w-px-160 bg-lighter pe-2 col-form-label text-sm-end">
+						세외수입 연계 여부
+						</label>
+						<input type="text" is="id-input" name="nxrpLinkYn" data-map="NXRP_LINK_YN" 
+						class="form-control w-px-200"  />
+					</div>
+					<div class="col-md-6">
+						<label is="name-label" for="nxrpLinkSrvcUrl"
+						class="w-px-160 bg-lighter pe-2 col-form-label text-sm-end">
+						세외수입연계서비스URL
+						</label>
+						<input type="text" is="id-input" name="nxrpLinkSrvcUrl" data-map="NXRP_LINK_SRVC_URL" 
+						class="form-control w-px-300"  />
+					</div>
+					<div class="col-md-6">
+						<label is="name-label" for="nxrpRgnSeCd"
+						class="w-px-160 bg-lighter pe-2 col-form-label text-sm-end">
+						세외수입지역구분코드
+						</label>
+						<input type="text" is="id-input" name="nxrpRgnSeCd" data-map="NXRP_RGN_SE_CD" 
+						class="form-control w-px-200"  />
+					</div>
+					<div class="col-md-6">
+						<label is="name-label" for="dtbnBankNm"
+						class="w-px-160 bg-lighter pe-2 col-form-label text-sm-end">
+						교부은행명
+						</label>
+						<input type="text" is="id-input" name="dtbnBankNm" data-map="DTBN_BANK_NM" 
+						class="form-control w-px-200"  />
+					</div>
+					<div class="col-md-6">
+						<label is="name-label" for="dtbnActno"
+						class="w-px-160 bg-lighter pe-2 col-form-label text-sm-end">
+						교부계좌번호
+						</label>
+						<input type="text" is="id-input" name="dtbnActno" data-map="DTBN_ACTNO" 
+						class="form-control w-px-200"  />
+					</div>
+					<div class="col-md-6">
+						<label is="name-label" for="docHeader"
+						class="w-px-160 bg-lighter pe-2 col-form-label text-sm-end">
+						문서머릿말
+						</label>
+						<input type="text" is="id-input" name="docHeader" data-map="DOC_HEADER" 
+						class="form-control w-px-200"  />
+					</div>
+					<div class="col-md-6">
+						<label is="name-label" for="srvrOs"
+						class="w-px-160 bg-lighter pe-2 col-form-label text-sm-end">
+						서버OS
+						</label>
+						<input type="text" is="id-input" name="srvrOs" data-map="SRVR_OS" 
+						class="form-control w-px-200"  />
+					</div>
+				</div>
+
+				<div class="row m-3">
+					<div class="col-md-12">
+						<span class="float-end">
+							<button type="button" name="btnSave" class="btn btn-primary">저장</button>
+						</span>
+					</div>
+				</div>
+			</form>
+
+			
+		</div>
+		
+	</div>
+</div>
+
+<script>
+LoadScript("ogdp02020Script",wctx.url("/webjars/js/fims/ogdp/ogdp02020.js?ver=${ver}"));
+
+pageObject["${pageName}"] = newDoctxFinder("${pageName}");
+pageObject["${pageName}"].provided = {};
+
+pageObject.childReq = [];
+pageObject.childReq.push({
+	refreshList : function(){ },
+});
+
+$(document).ready(function(){
+
+	var $P = pageObject["${pageName}"];
+	
+	if(pageObject.parentRes.length > 0){
+		$P.provided = pageObject.parentRes.pop();
+	} else {
+		$P.provided = pageObject.childReq.pop();
+	}
+	
+	/**************************************************************************
+	* DatasetControl, Dataset, FormFields
+	**************************************************************************/
+	$P.formFields = new FimsFormFields($P.selectorn("frmEdit"));
+
+	var ctrl = newOgdp02010Control($P);
+	
+	ctrl.dataset.onCurrentChange = (dataItem) => {
+		if(!dataItem){
+			return;
+		}
+		$P.formFields.set(ctrl,dataItem);
+	}
+	
+	/**************************************************************************
+	* pageObject.function
+	**************************************************************************/
+	$P.fnSave = () => {
+
+		if(!AppSupport.customValidate($P.$findn("frmEdit").find("input"))) return;
+		
+		var info = $P.formFields.get();
+		if(info.deptID.length != 7){
+			alert("부서코드는 7자리 숫자이여야 합니다.");
+			return;
+		}
+		
+		var create = ctrl.dataset.empty;
+		
+		ajax.post({
+			url : create ? ctrl.urls.create : ctrl.urls.update,
+			data : info,
+			success : (resp) => {
+				if(resp.saved){
+					dialog.close($P.selfDlgId());
+					dialog.alert({
+						content:"저장되었습니다.",
+						onOK : () => $P.provided.refreshList()
+					});
+				}
+			}
+		});
+	}
+	
+	/**************************************************************************
+	* element.on
+	**************************************************************************/
+	$P.$findn("btnSave").on('click', () => $P.fnSave());
+	
+	
+	/**************************************************************************
+	* 초기화
+	**************************************************************************/
+	
+	if(MY_INFO.institute == 'ADMIN00') {
+		$P.$findn("forRootAdmin").removeAttr("hidden");
+	}
+	
+	var deptInfo = ${deptInfo};
+	$P.$findn("deptID").attr("disabled","disabled");
+	$P.$findn("name").attr("disabled","disabled");
+	ctrl.dataset.setData([deptInfo]);
+	if(deptInfo.USE_YN == "N"){
+		$P.$findn("btnSave").attr("disabled","disabled");
+	}
+	
+});
+
+</script>
\ No newline at end of file
diff --git a/src/main/webapp/WEB-INF/jsp/fims/ogdp/select-sgg.jsp b/src/main/webapp/WEB-INF/jsp/fims/ogdp/select-sgg.jsp
new file mode 100644
index 00000000..7940986d
--- /dev/null
+++ b/src/main/webapp/WEB-INF/jsp/fims/ogdp/select-sgg.jsp
@@ -0,0 +1,37 @@
+<%@ 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="container-xxl flex-grow-1 px-0">
+		<div class="card wrapper-list">
+			<h1>시군구 선택</h1>
+			<div id="btnsGoToEditSgg--${pageName}">
+				<c:forEach items="${sggList}" var="item">
+					<c:if test="${item.SGG_CD ne 'ADMIN'}">
+						<button type="button" data-value="${item.SGG_CD}" class="w-px-200" 
+						onclick="fnGoToEditSgg('${item.SGG_CD}')">
+						${item.SGG_NM}(${item.SGG_CD})
+						</button>
+					</c:if>
+				</c:forEach>
+			</div>
+		</div>
+	</div>
+</div>
+<script>
+function fnGoToEditSgg(selected){
+
+	let menuUrl = wctx.url("/ogdp/sggStngMain.do");
+	
+	let curTabId = FimsSupport.getActiveRootTabArea().id;
+	
+	ajax.get({
+		url: menuUrl,
+		data : { sggCd : selected },
+		success:(resp) => {
+			$("#main-tab-content").find("div[id='"+curTabId+"']").html(resp);
+		}
+	});
+	
+}
+</script>
\ No newline at end of file
diff --git a/src/main/webapp/WEB-INF/jsp/fims/user/user01010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/user/user01010-main.jsp
new file mode 100644
index 00000000..18706cd6
--- /dev/null
+++ b/src/main/webapp/WEB-INF/jsp/fims/user/user01010-main.jsp
@@ -0,0 +1,374 @@
+<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false" session="false"%>
+<%@ include file="/WEB-INF/jsp/include/taglib.jsp"%>
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+
+<!-- Favicon -->
+<link rel="icon" type="image/x-icon" href="/webjars/image/favicon.ico" />
+
+<!-- Fonts -->
+<link rel="stylesheet" href="/webjars/fonts/notoSansKr/fontface.css" />
+
+<!-- Icons. Uncomment required icon fonts -->
+<link rel="stylesheet" href="/webjars/3rd-party/sneat/fonts/boxicons.css" />
+<link rel="stylesheet" href="/webjars/3rd-party/sneat/fonts/fontawesome.css" />
+<link rel="stylesheet" href="/webjars/fonts/xit-icon.css" />
+<!-- Core CSS -->
+<link rel="stylesheet" href="<c:url value="/webjars/3rd-party/sneat/css/rtl/core.css"/>" class="template-customizer-core-css" />
+<link rel="stylesheet" href="<c:url value="/webjars/3rd-party/sneat/css/rtl/theme-default.css"/>" class="template-customizer-theme-css" />
+<link rel="stylesheet" href="<c:url value="/webjars/css/styles.css"/>" />
+
+<link rel="stylesheet" href="<c:url value="/webjars/applib/css/overwrite.css?${ver}"/>" />
+<link rel="stylesheet" href="<c:url value="/webjars/applib/css/applib.css?${ver}"/>" />
+
+<link rel="stylesheet" href="<c:url value="/webjars/css/fims.css?${ver}"/>" />
+
+<!-- Vendors CSS -->
+<link rel="stylesheet" href="/webjars/3rd-party/sneat/libs/perfect-scrollbar/perfect-scrollbar.css" />
+<link rel="stylesheet" href="<c:url value="/webjars/3rd-party/sneat/libs/bootstrap-datepicker/bootstrap-datepicker.css"/>" />
+
+<title>사용자정보</title>
+</head>
+<body>
+
+<form id="user-form" data-doctx="user">
+	<input type="hidden" name="cntnSeCd" data-map="CNTN_SE_CD" />
+	
+	<div class="row g-3 mt-4">
+		<c:if test="${cntnSeCd == '01'}">
+			<div class="col-md-12">
+				<label class="col-form-label required">
+				시군구/기관 및 부서
+				</label>
+				<select name="institute" class="form-select no-bgi" data-map="NSTT_CD" 
+				required title="시군구/기관 및 부서" disabled>
+					<option value=""></option>
+					<c:forEach items="${allOgdpList}" var="item">
+						<option value="${item.INST_CD}">${item.SGG_NM} / ${item.INST_NM}</option>
+					</c:forEach>
+				</select>
+				<select name="deptCode" class="form-select no-bgi" data-map="DEPT_CD" 
+				required title="시군구/기관 및 부서" disabled>
+					<option value=""></option>
+					<c:forEach items="${allOgdpList}" var="item">
+						<option value="${item.DEPT_CD}">${item.DEPT_NM}</option>
+					</c:forEach>
+				</select>
+				<input type="hidden" name="orgID" data-map="ORG_ID" />
+				<div class="dropdown d-inline-flex">
+					<button type="button" 
+					class="btn btn-md btn-secondary dropdown-toggle"
+					data-bs-toggle="dropdown"
+					>선택</button>
+					<ul class="dropdown-menu oy-auto mh-px-300">
+						<c:forEach items="${ableOgdpList}" var="item">
+							<li>
+								<a class="dropdown-item" 
+								onclick="setOgdpCodeValues('${item.INST_CD}','${item.DEPT_CD}','${item.SGG_CD}')">${item.OGDP_NM}</a>
+							</li>
+						</c:forEach>
+					</ul>
+				</div>
+			</div>
+			<div class="col-md-6">
+				<label class="col-sm-3 col-form-label text-sm-end required" for="userSeCd">
+				유저구분
+				</label>
+				<select name="userSeCd" data-map="USER_SE_CD" class="form-select">
+					<c:forEach items="${CMN008List}" var="item">
+						<c:if test="${item.code != '21'}">
+							<option value="${item.code}">${item.value}</option>
+						</c:if>
+					</c:forEach>
+				</select>
+			</div>
+			<div class="col-md-6"></div>
+		</c:if>
+		<c:if test="${cntnSeCd == '02'}">
+			<input type="hidden" name="orgID" data-map="ORG_ID" />
+			<input type="hidden" name="institute" data-map="NSTT_CD" />
+			<input type="hidden" name="deptCode" data-map="DEPT_CD" />
+			
+			<input type="hidden" name="userSeCd" data-map="USER_SE_CD" />
+		</c:if>
+		
+		<div class="col-md-6">
+			<div class="row">
+				<label class="col-sm-3 col-form-label text-sm-end required" for="account">
+				계정
+				</label>
+				<div class="col-sm-9">
+					<input name="id" type="hidden" data-map="USER_ID" />
+					<input name="account" type="text" required data-map="USER_ACNT" class="form-control" 
+					placeholder="사용자 계정" />
+					<button type="button" id="btnDuplicate" class="btn btn-primary">중복 확인</button>
+				</div>
+			</div>
+		</div>
+		<div class="col-md-6">
+			<div class="row">
+				<label class="col-sm-3 col-form-label text-sm-end required" for="name">
+				이름
+				</label>
+				<div class="col-sm-9">
+					<input name="name" type="text" required data-map="USER_NM" class="form-control" 
+					placeholder="사용자 이름" />
+				</div>
+			</div>
+		</div>
+		<div class="col-md-6">
+			<div class="row">
+				<label class="col-sm-3 col-form-label text-sm-end required" for="password">
+				비밀번호
+				</label>
+				<div class="col-sm-9">
+					<input name="password" type="password" required class="form-control" placeholder="비밀번호" />
+				</div>
+			</div>
+		</div>
+		<div class="col-md-6">
+			<div class="row">
+				<label class="col-sm-3 col-form-label text-sm-end required" for="confirmPassword">
+				비밀번호 확인
+				</label>
+				<div class="col-sm-9">
+					<input name="confirmPassword" type="password" required class="form-control" 
+					placeholder="비밀번호 확인" />
+				</div>
+			</div>
+		</div>
+		<div class="col-md-6">
+			<div class="row">
+				<label class="col-sm-3 col-form-label text-sm-end required" for="emailAddress">이메일 주소</label>
+				<div class="col-sm-9">
+					<input name="emailAddress" type="email" required data-map="EML_ADRS" class="form-control" 
+					placeholder="이메일 주소" />
+				</div>
+			</div>
+		</div>
+		<div class="col-md-6 select2-primary">
+			<div class="row">
+				<label class="col-sm-3 col-form-label text-sm-end" for="phoneNo">전화번호(유선)</label>
+				<div class="col-sm-9">
+					<input name="phoneNo" type="text" data-map="TELNO" class="form-control phone-mask" 
+					placeholder="000-0000-0000" />
+				</div>
+			</div>
+		</div>
+		<div class="col-md-6">
+			<div class="row">
+				<label class="col-sm-3 col-form-label text-sm-end" for="faxNo">팩스</label>
+				<div class="col-sm-9">
+					<input name="faxNo" type="text" data-map="FXNO" class="form-control phone-mask" 
+					placeholder="000-0000-0000"/>
+				</div>
+			</div>
+		</div>
+		
+		<c:if test="${cntnSeCd == '01'}">
+			<div class="col-md-6">
+				<div class="row">
+					<label class="col-sm-3 col-form-label text-sm-end" for="positionName">직위</label>
+					<div class="col-sm-9">
+						<input name="positionName" type="text" data-map="POS_NM" class="form-control" 
+						placeholder="직위"/>
+					</div>
+				</div>
+			</div>
+		</c:if>
+		<c:if test="${cntnSeCd == '02'}">
+			<div class="col-md-6">
+				<div class="row">
+					<label class="col-sm-3 col-form-label text-sm-end" for="mobilePhoneNo">휴대전화</label>
+					<div class="col-sm-9">
+						<input name="mobilePhoneNo" type="text" data-map="MBL_TELNO" class="form-control" 
+						placeholder="휴대전화"/>
+					</div>
+				</div>
+			</div>
+		</c:if>
+		
+		<div class="col-md-6">
+			<div class="row">
+				<label class="col-sm-3 col-form-label text-sm-end" for="status">상태</label>
+				<div class="col-sm-9">
+                   	<select name="status" class="form-select no-bgi" data-map="STTS" title="상태" disabled>
+                   		<option value="A">신청</option>
+                   		<option value="P">승인</option>
+                   	</select>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div class="row mt-4 justify-content-end">
+		<div class="col-md-6">
+			<div class="row justify-content-end">
+				<div class="col-sm-3">
+					<button type="button" onclick="userCtrl.saveUser();" class="btn btn-primary">저장</button>
+				</div>
+			</div>
+		</div>
+	</div>
+</form>
+<datalist id="allOgdpList">
+	<c:forEach items="${allOgdpList}" var="item">
+		<option value="${item.OGDP_CD}">${item.OGDP_NM}</option>
+	</c:forEach>
+</datalist>
+
+<!-- Core JS -->
+<script src="<c:url value="/webjars/3rd-party/sneat/libs/popper/popper.js"/>"></script>
+<script src="<c:url value="/webjars/3rd-party/sneat/js/bootstrap.js"/>"></script>
+<script src="<c:url value="/webjars/3rd-party/sneat/libs/jquery/jquery.js"/>" ></script>
+<script src="<c:url value="/webjars/3rd-party/jquery-ui/1.13.2/jquery-ui.js"/>"></script>
+
+<script src="<c:url value="/webjars/3rd-party/sneat/js/config.js"/>"></script>
+<script src="<c:url value="/webjars/3rd-party/sneat/libs/perfect-scrollbar/perfect-scrollbar.js"/>"></script>
+<script src="<c:url value="/webjars/3rd-party/sneat/js/helpers.js"/>"></script>
+<script src="<c:url value="/webjars/3rd-party/sneat/js/menu.js"/>"></script>
+
+<!-- base -->
+<script src="/webjars/js/base/base.js"></script>
+<script src="/webjars/js/base/dataset.js"></script>
+<script src="/webjars/js/base/user.js"></script>
+
+<script src="/webjars/js/fims/cmmn/fims-base.js"></script>
+<script>
+var userFields = new FimsFormFields("#user-form");
+var userCtrl = newUserControl();
+
+userCtrl.setInfo = obj => {
+	userFields.set(userCtrl,obj);
+	
+	let create = isEmpty(obj.USER_ACNT);
+	if(!create){
+		$("#btnDuplicate").hide();
+	}
+	
+	$("#user-form input[name='account']").prop("readonly", !create);
+	$("#user-form input[name='name']").prop("readonly", !create);
+	$("#user-form input[type='password']").each(function(){
+		let password = $(this).prop("required", create);
+		let div = password.parent().parent().parent();
+		if (create) {
+			div.removeAttr("hidden");
+		} else
+			div.attr("hidden","hidden");
+	});
+	$("#user-form").find("input,select")
+		.change(function() {
+			let input = $(this),
+				name = input.attr("data-map"),
+				val = input.val();
+			userCtrl.setValue(name, val);
+		})
+		.onEnterPress(userCtrl.saveUser);
+	
+	document.querySelector("#user-form input[name='" + (create ? "account" : "name") + "']").focus();
+}
+
+userCtrl.onModify = (changed) => {
+	if (["USER_NM", "EML_ADRS", "MBL_TELNO"].filter(e => changed.includes(e)).length < 1)
+		return;
+	
+	userCtrl.dataset.setState();
+}
+
+userCtrl.saveUser = () => {
+	if (!$("#user-form").find("input,select").validInputs()) return;
+	
+	let match = Array.from(document.querySelectorAll("#user-form input[type='password']"))
+		.map(input => input.value)
+		.reduce((total, current) => total == current);
+	if (!match) {
+		dialog.alert({
+			content:"비밀번호와 비밀번호 확인이 다릅니다.",
+			onClose:function(){
+				document.querySelector("#user-form input[name='confirmPassword']").focus();
+			}
+		});
+		return;
+	}
+	
+	dialog.alert({
+		content:"현재 사용자 정보를 저장하시겠습니까?",
+		onOK:() => {
+			userCtrl.save(userFields.get());
+		}
+	});
+}
+
+userCtrl.save = (info) => {
+	var create = isEmpty(info.id)
+
+	if(create && "${cntnSeCd}" == "02"){
+		info.orgID = "${sggCd}";
+		info.institute = "${institute}";
+		info.deptCode = "EMPTY00";
+		info.userSeCd = "21";
+	}
+	
+	info.account = info.account.toUpperCase();
+	
+	ajax.post({
+		url:!create ? wctx.url("/user/updateMyInfo.do") : wctx.url("/signup.do"),
+		data:info,
+		success: (resp) => {
+			if(resp.saved){
+				dialog.alert({
+					content : "저장됐습니다.",
+					onClose : function() { window.close(); }
+				});
+			}
+		}
+	});
+}
+
+function setOgdpCodeValues(institute, deptCode, sggCd){
+	$("#user-form [name='institute']").val(institute).trigger("change");
+	$("#user-form [name='deptCode']").val(deptCode).trigger("change");
+	$("#user-form [name='orgID']").val(sggCd).trigger("change");
+}
+
+$("#btnDuplicate").on("click", function(){
+	if($("#user-form").find("[name='account']").val() == ""){
+		alert("계정을 입력하세요.");
+		return;
+	}
+	
+	if($("#user-form").find("[name='institute']").val() == ""){
+		alert("기관을 선택하세요.");
+		return;
+	}
+	
+	ajax.get({
+		url : wctx.url("/duplicate.do"),
+		data : { 
+			account : $("#user-form").find("[name='account']").val(),
+			sggCd : $("#user-form").find("[name='orgID']").val()
+		},
+		success : resp => {
+			if(resp.duplicate){
+				alert("이미 존재하는 ID입니다.");
+			} else {
+				alert("사용할 수 있는 ID입니다.");
+			}
+		}
+	});
+});
+
+var userInfo = ${userInfo};
+if(userInfo.USER_ID == null && "${cntnSeCd}" == "02"){
+	userInfo.ORG_ID = "${sggCd}";
+	userInfo.NSTT_CD = "${institute}";
+	userInfo.USER_SE_CD = "21";
+	userInfo.CNTN_SE_CD = "02";
+}
+userCtrl.setInfo(userInfo);
+
+wctx.csrf = window.opener.wctx.csrf;
+</script>
+</body>
+</html>
\ No newline at end of file
diff --git a/src/main/webapp/WEB-INF/jsp/fims/user/user02010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/user/user02010-main.jsp
new file mode 100644
index 00000000..7e672c79
--- /dev/null
+++ b/src/main/webapp/WEB-INF/jsp/fims/user/user02010-main.jsp
@@ -0,0 +1,317 @@
+<%@ 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="prefixName" scope="request">사용자 검색</c:set>
+
+<!-- inner page html -->
+<div class="content-pop">
+	<!-- Content -->
+	<div class="container flex-grow-1 px-0">
+		<div class="card">
+			<!-- 상단 버튼 -->
+			<div class="container-page-btn">
+				<button type="button" class="btn btn-outline-dark w-px-120" id="btnReset--${pageName}" title="초기화">
+					초기화
+				</button>
+				<span class="container-window-btn-right">
+					<button type="button" class="btn btn-search w-px-120" id="btnSearch--${pageName}" title="검색">
+						검색
+					</button>
+					<button type="button" class="btn btn-primary w-px-120" id="btnOK--${pageName}" title="확인">
+						확인
+					</button>
+				</span>
+			</div>
+			<!-- 상단 버튼 -->
+
+			<!-- 검색 조건 영역 -->
+			<form id="frmSearch--${pageName}" name="frmSearch">
+				<!-- hidden -->
+				<input type="text" id="sggCd--${pageName}" name="sggCd" />
+				<input type="text" id="deptCd--${pageName}" name="deptCd" />
+
+				<!-- 메인 조건 -->
+				<div class="container-search">
+					<div class="row g-1">
+						<div class="col-6">
+							<select class="form-select" id="by--${pageName}" name="by" onchange='$("#term--${pageName}").focus();'>
+								<option value="${infoPrefix}Name">이름</option>
+								<option value="${infoPrefix}Account">계정</option>
+							</select>
+							<input type="text" class="form-control" id="term--${pageName}" name="term" autofocus placeholder="조회 조건을 입력하십시오.">
+						</div>
+						<div class="col-6">
+						</div>
+					</div>
+				</div>
+				<!-- 메인 조건 -->
+		    </form>
+		    <!-- 검색 조건 영역 -->
+
+			<!-- 업무 버튼 및 건수 표시 -->
+			<div>
+				<span class="container-page-btn">
+	            	<!-- 건수, 페이지 표시 -->
+					<div class="d-flex flex-row justify-content-between">
+						<span class="dataTables_info" id="paging--${pageName}PagingInfo" role="status" aria-live="polite"></span>
+						<ul class="pagination pagination-primary" id="paging--${pageName}">
+						</ul>
+					</div>
+					<!-- 업무 버튼 -->
+		            <span class="container-window-btn-right">
+		            </span>
+				</span>
+			</div>
+			<!-- 업무 버튼 및 건수 표시 -->
+
+			<!-- 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 ox-scroll oy-scroll h-px-400" id="table-responsive--${pageName}">
+						<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: 72px;">No.</th>
+									<th class="cmn" style="width: 200px;">부서명</th>
+									<th class="cmn" style="width: 160px;">사용자계정</th>
+									<th class="cmn" style="width: 160px;">사용자이름</th>
+									<th class="cmn" style="width: 120px;">상태</th>
+									<th class="cmn" style="width: 180px;">등록일시</th>
+									<th class="cmn dummy-th"></th>
+								</tr>
+							</thead>
+							<tbody id="tbody--${pageName}">
+							</tbody>
+							<template id="${infoPrefix}Row--${pageName}">
+								<tr data-key="{USER_ID}">
+									<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{ROW_NUM}</td>
+									<td class="cmn text-start"  onclick="{onclick}" ondblclick="{ondblclick}">{DEPT_NM}</td>
+									<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{USER_ACNT}</td>
+									<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{USER_NM}</td>
+									<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{STTS_NM}</td>
+									<td class="cmn text-center" onclick="{onclick}" ondblclick="{ondblclick}">{REG_DT}</td>
+									<td class="cmn dummy-td"></td>
+								</tr>
+							</template>
+							<template id="${infoPrefix}NotFound--${pageName}">
+								<tr class="odd">
+									<td valign="top" colspan="8" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
+								</tr>
+							</template>
+						</table>
+					</div>
+				</div>
+			</div> <!-- DataTables(그리드) -->
+		</div> <!-- <div class="card"> -->
+	</div> <!-- <div class="container flex-grow-1 px-0"> -->
+	<!-- Content -->
+</div>
+<!-- / inner page html <div class="content-pop"> -->
+
+<script>
+	/**************************************************************************
+	 * Global Variable
+	 **************************************************************************/
+	pageObject["${pageName}"] = {};
+
+	/**************************************************************************
+	 * script 진입
+	 **************************************************************************/
+	$(document).ready(function() {
+		// pageObject
+		let $P = pageObject["${pageName}"];
+
+		// FormFields
+	 	$P.formFields = new FimsFormFields("#frmSearch--${pageName}");
+
+		/**************************************************************************
+		 * DatasetControl
+		 **************************************************************************/
+		 $P.control = new DatasetControl({
+			  prefix: "user"
+			, prefixName: "사용자"
+			, keymapper: info => info ? info.USER_ID : ""
+			, dataGetter: obj => obj.${infoPrefix}List
+			, appendData: true
+			, formats: {
+		    	REG_DT: datetimeFormat
+			}
+		});
+		// $P.control 설정
+		$P.control.defaultFetchSize = FETCH_XS;									// 1 페이지당 조회되는 자료 건수 index.jsp에서 확인 FETCH_XS = 30
+		$P.control.query = { pageNum : 1, fetchSize : $P.control.defaultFetchSize };
+		$P.control.beforeCurrent = null;
+
+		/**************************************************************************
+		 * DatasetControl 이벤트
+		 **************************************************************************/
+		// Dataset 변경 이벤트
+		$P.control.onDatasetChange = (obj, option) => {
+			$P.renderList(obj.${infoPrefix}Total, option);
+
+			$("#paging--${pageName}").setPagingInfo({
+				  list: $P.control.dataset
+				, prefix: "paging--${pageName}"
+				, start: obj.${infoPrefix}Start
+				, totalSize: obj.${infoPrefix}Total
+				, fetchSize: obj.${infoPrefix}Fetch
+				, func: "pageObject['${pageName}'].control.load({index})"
+			});
+		};
+
+		// 현재 선택 자료 변경 이벤트
+		$P.control.onCurrentChange = (item) => {
+			if (!item) return;
+
+			let key = item.data.USER_ID;
+
+			$("#tbody--${pageName}").setCurrentRow(key);
+		};
+
+		/**************************************************************************
+		 * DataTables 이벤트
+		 **************************************************************************/
+		// DataTables에 click, dbclick 이벤트
+		$P.renderList = (totalSize, option) => {
+			let ${infoPrefix}List = $P.control.dataset;
+			let empty = ${infoPrefix}List.empty;
+
+			let trs = empty ?
+				[document.getElementById("${infoPrefix}NotFound--${pageName}").innerHTML] : <%-- from template#${infoPrefix}NotFound --%>
+				${infoPrefix}List.inStrings(
+					document.getElementById("${infoPrefix}Row--${pageName}").innerHTML, <%-- from template#${infoPrefix}Row --%>
+					(str, dataItem) => str
+						.replace(/{onclick}/gi, "pageObject['${pageName}'].control.setCurrent('" + dataItem.getValue("USER_ID") + "');")
+						.replace(/{ondblclick}/gi, "pageObject['${pageName}'].fnOK('" + dataItem.getValue("USER_ID") + "');")
+				);
+
+			let noMore = (${infoPrefix}List.length >= totalSize);
+			let initScroll = ($P.control.query.pageNum < 2);
+			if (option != null && option.reloaded) {
+				initScroll = false;
+			}
+
+			$("#table-responsive--${pageName}")[0].changeContent(trs.join(), initScroll, noMore);
+
+			//보안모드
+		    fn_securityModeToggle($("#securityMode--top").is(":checked"));
+		}
+
+		// DataTables에 스크롤이 맨 밑으로 이동했을 때 이벤트
+		$P.scrollDataList = () => {
+			$P.control.load($P.control.query.pageNum + 1);
+		}
+
+		/**************************************************************************
+		 * 사용자 함수(function)
+		 **************************************************************************/
+		// 검색 자료 재조회
+		$P.fnRefreshList = () => {
+			$P.control.reload({all : true});
+		}
+
+		/**************************************************************************
+		 * 버튼 clickEvent
+		 **************************************************************************/
+		// 업무 구분 변경 이벤트
+		$P.fnResetAndChangeBiz = (taskSeCd) => {
+			// 업무 구분 코드
+			if (typeof taskSeCd == "undefined" || taskSeCd == null || taskSeCd == "") {
+				taskSeCd = $("#layout-navbar input[name='taskSeCd']:checked").val();
+			}
+
+			// 초기 기본 설정
+			$P.initForm(taskSeCd);
+			// 업무 구분별 설정
+			$P.setTask(taskSeCd);
+
+			// dataset 초기화
+	 		$P.control.dataset.clear();
+		}
+
+		// 검색 버튼 클릭 이벤트
+		$P.fnSearchList = () => {
+			// 검색조건
+			$P.control.query = $P.formFields.get();								// 검색 조건
+			if($P.control.query.by == "userAccount"){
+				$P.control.query.term = $P.control.query.term.toUpperCase();
+			}
+
+			$P.control.query.fetchSize = $P.control.defaultFetchSize;			// 한번에 조회되는 자료 건수
+			$P.control.query.useYn = "Y";										// 사용 여부
+
+			$P.control.load(1);
+		}
+
+		// 확인
+		$P.fnOK = (userId) => {
+			// 사용자 ID
+			if (typeof userId == "undefined" || userId == null || userId == "") {
+				userId = $P.control.dataset.getValue("USER_ID");
+			}
+
+			if ("${callbackFuncName}" != "") {
+				${callbackFuncName}(userId, $P.control.dataset.getValue("USER_NM"));
+			}
+
+			dialog.close($("#frmSearch--${pageName}").parents(".modal")[0].id);
+		}
+
+		/**************************************************************************
+		 * 초기 설정
+		 **************************************************************************/
+		// 이벤트
+		$P.setEvent = () => {
+			// 기본 버튼 이벤트
+			$("#btnReset--${pageName}").on("click", () => $P.fnResetAndChangeBiz());	// 초기화
+			$("#btnSearch--${pageName}").on("click", () => $P.fnSearchList());			// 검색
+			$("#btnOK--${pageName}").on("click", () => $P.fnOK());						// 확인
+
+			// 동적검색에서 엔터(Enter) 키를 누르면 검색한다.
+			$("#term--${pageName}").onEnterPress(function() {
+				$P.fnSearchList();
+			});
+
+			// DataTables width 변경 조정
+			Componentization.fnMakeResizableTable($("#table-responsive--${pageName}")[0]);
+
+			// DataTables 스크롤 이벤트 생성
+			Componentization.fnMakeScrollableTable($("#table-responsive--${pageName}")[0], $P.scrollDataList);
+		}
+
+		// 화면 초기 설정
+		$P.initForm = (taskSeCd) => {
+			// 화면 초기화
+	 		$("#frmSearch--${pageName}")[0].reset();
+
+			// input 이 1개밖에 없으면 submit 으로 동작하기 때문에 text 로 지정하고 hide 처리하였다.
+			$("#sggCd--${pageName}").hide();
+			$("#deptCd--${pageName}").hide();
+
+			// 기본 데이터 설정
+			$("#sggCd--${pageName}").val("${sggCd}");							// 시군구 코드
+			$("#deptCd--${pageName}").val("${deptCd}");							// 부서 코드
+			$("#userAcnt--${pageName}").val("${userAcnt}");						// 사용자 계정
+		}
+
+		// 업무 구분별 설정
+		$P.setTask = (taskSeCd) => {
+			// 업무구분에 따른 URL 설정
+			$P.control.urls.load = wctx.url("/user/list.do");					// 검색
+		}
+
+		/**************************************************************************
+		 * 최초 실행 함수
+		 **************************************************************************/
+		// 1. 이벤트 설정
+		$P.setEvent();
+
+		// 2. 초기 설정 및 업무 구분 변경
+		$P.fnResetAndChangeBiz($("#layout-navbar input[name='taskSeCd']:checked").val());
+
+		// 3. 보안모드
+	    fn_securityModeToggle($("#securityMode--top").is(":checked"));
+	});
+
+</script>