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

---
 .../jsp/base/actionGroup/actionGroup-info.jsp |  73 +++++
 .../jsp/base/actionGroup/actionGroup-main.jsp | 229 +++++++++++++
 .../base/actionGroup/select-actionGroup.jsp   | 127 +++++++
 .../jsp/base/authority/actionGroup-list.jsp   |  91 ++++++
 .../jsp/base/authority/authority-info.jsp     |  75 +++++
 .../jsp/base/authority/authority-main.jsp     | 187 +++++++++++
 .../WEB-INF/jsp/base/authority/user-list.jsp  | 100 ++++++
 .../WEB-INF/jsp/base/code/code-info.jsp       | 135 ++++++++
 .../WEB-INF/jsp/base/code/code-main.jsp       | 233 +++++++++++++
 .../WEB-INF/jsp/base/code/group-info.jsp      | 105 ++++++
 .../WEB-INF/jsp/base/menu/menu-info.jsp       | 102 ++++++
 .../WEB-INF/jsp/base/menu/menu-main.jsp       | 134 ++++++++
 .../WEB-INF/jsp/base/syslog/syslog-main.jsp   | 155 +++++++++
 .../WEB-INF/jsp/base/user/dept-info.jsp       | 101 ++++++
 .../webapp/WEB-INF/jsp/base/user/password.jsp |  98 ++++++
 .../WEB-INF/jsp/base/user/select-sggDepts.jsp |  57 ++++
 .../WEB-INF/jsp/base/user/select-user.jsp     | 126 +++++++
 .../webapp/WEB-INF/jsp/base/user/sgg-dept.jsp | 246 ++++++++++++++
 .../webapp/WEB-INF/jsp/base/user/sgg-info.jsp | 122 +++++++
 .../WEB-INF/jsp/base/user/user-info.jsp       | 309 ++++++++++++++++++
 .../WEB-INF/jsp/base/user/user-main.jsp       | 174 ++++++++++
 21 files changed, 2979 insertions(+)
 create mode 100644 src/main/webapp/WEB-INF/jsp/base/actionGroup/actionGroup-info.jsp
 create mode 100644 src/main/webapp/WEB-INF/jsp/base/actionGroup/actionGroup-main.jsp
 create mode 100644 src/main/webapp/WEB-INF/jsp/base/actionGroup/select-actionGroup.jsp
 create mode 100644 src/main/webapp/WEB-INF/jsp/base/authority/actionGroup-list.jsp
 create mode 100644 src/main/webapp/WEB-INF/jsp/base/authority/authority-info.jsp
 create mode 100644 src/main/webapp/WEB-INF/jsp/base/authority/authority-main.jsp
 create mode 100644 src/main/webapp/WEB-INF/jsp/base/authority/user-list.jsp
 create mode 100644 src/main/webapp/WEB-INF/jsp/base/code/code-info.jsp
 create mode 100644 src/main/webapp/WEB-INF/jsp/base/code/code-main.jsp
 create mode 100644 src/main/webapp/WEB-INF/jsp/base/code/group-info.jsp
 create mode 100644 src/main/webapp/WEB-INF/jsp/base/menu/menu-info.jsp
 create mode 100644 src/main/webapp/WEB-INF/jsp/base/menu/menu-main.jsp
 create mode 100644 src/main/webapp/WEB-INF/jsp/base/syslog/syslog-main.jsp
 create mode 100644 src/main/webapp/WEB-INF/jsp/base/user/dept-info.jsp
 create mode 100644 src/main/webapp/WEB-INF/jsp/base/user/password.jsp
 create mode 100644 src/main/webapp/WEB-INF/jsp/base/user/select-sggDepts.jsp
 create mode 100644 src/main/webapp/WEB-INF/jsp/base/user/select-user.jsp
 create mode 100644 src/main/webapp/WEB-INF/jsp/base/user/sgg-dept.jsp
 create mode 100644 src/main/webapp/WEB-INF/jsp/base/user/sgg-info.jsp
 create mode 100644 src/main/webapp/WEB-INF/jsp/base/user/user-info.jsp
 create mode 100644 src/main/webapp/WEB-INF/jsp/base/user/user-main.jsp

diff --git a/src/main/webapp/WEB-INF/jsp/base/actionGroup/actionGroup-info.jsp b/src/main/webapp/WEB-INF/jsp/base/actionGroup/actionGroup-info.jsp
new file mode 100644
index 00000000..41bfd13d
--- /dev/null
+++ b/src/main/webapp/WEB-INF/jsp/base/actionGroup/actionGroup-info.jsp
@@ -0,0 +1,73 @@
+<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false" session="false"%>
+<%@ include file="/WEB-INF/jsp/include/taglib.jsp"%>
+              <form id="actioninfoPrefix-form">
+                <div class="row g-3">
+                  <div class="col-md-12">
+                    <div class="row">
+                      <label class="col-sm-2 col-form-label text-sm-end" for="id"
+                        >아이디</label
+                      >
+                      <div class="col-sm-10">
+                        <input name="id" type="text" required data-map="GRP_ID" maxlength="50" class="form-control" placeholder="prefixName 아이디" />
+                      </div>
+                    </div>
+                  </div>
+                  <div class="col-md-12">
+                    <div class="row">
+                      <label class="col-sm-2 col-form-label text-sm-end" for="name"
+                        >이름</label
+                      >
+                      <div class="col-sm-10">
+                        <input name="name" type="text" required  data-map="GRP_NM" maxlength="60" class="form-control" placeholder="prefixName 이름" />
+                      </div>
+                    </div>
+                  </div>
+                  <div class="col-md-12">
+                    <div class="row">
+                      <label class="col-sm-2 col-form-label text-sm-end" for="description"
+                        >설명</label
+                      >
+                      <div class="col-sm-10">
+                        <input name="description" type="text" data-map="DSCRP" maxlength="200" class="form-control dob-picker" placeholder="prefixName 설명"/>
+                      </div>
+                    </div>
+                  </div>
+                <div class="row mt-4 justify-content-end">
+                      <div class="col-sm-12 text-end">
+                        <button onclick="saveinfoPrefix();" type="button" class="btn btn-primary">저장</button>
+                      </div>
+                </div>
+              </form>
+<script type="text/javascript">
+
+var actioninfoPrefixFields = new FormFields("#actioninfoPrefix-form");
+
+actioninfoPrefixControl.groups.setInfo = obj => {
+	actioninfoPrefixFields.set(actioninfoPrefixControl, obj);
+	let create = isEmpty(obj.data.GRP_ID);
+	$("input[name='id']").prop("readonly", !create);
+	$("#actioninfoPrefix-form input").onEnterPress(saveinfoPrefix);
+	
+	document.querySelector("input[name='" + (create ? "id" : "name") + "']").focus();
+}
+
+actioninfoPrefixControl.groups.onModify = (changed) => {
+	if (["GRP_NM"].filter(e => changed.includes(e)).length < 1)
+		return;
+	
+	renderactioninfoPrefixList();
+	actioninfoPrefixControl.groups.dataset.setState();
+}
+
+function saveinfoPrefix() {
+	if (!$("#actioninfoPrefix-form input").validInputs()) return;
+	
+	dialog.alert({
+		content:"현재 prefixName 정보를 저장하시겠습니까?",
+		onOK:() => {
+			actioninfoPrefixControl.groups.save(actioninfoPrefixFields.get());
+		}
+	});
+}
+//# sourceURL=actionGroup-info.jsp
+</script>
\ No newline at end of file
diff --git a/src/main/webapp/WEB-INF/jsp/base/actionGroup/actionGroup-main.jsp b/src/main/webapp/WEB-INF/jsp/base/actionGroup/actionGroup-main.jsp
new file mode 100644
index 00000000..a894a857
--- /dev/null
+++ b/src/main/webapp/WEB-INF/jsp/base/actionGroup/actionGroup-main.jsp
@@ -0,0 +1,229 @@
+<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false" session="false"%>
+<%@ include file="/WEB-INF/jsp/include/taglib.jsp"%>
+<style id="actionGroupMainCss">
+	#actionGroupMainCss+div tr[data-key='userAction'] > td:nth-child(n+2):nth-child(-n+3),
+	#actionGroupMainCss+div tr[data-key='anonymousAction'] > td:nth-child(n+2):nth-child(-n+3) {
+		color: red;
+	}
+</style>
+<c:set var="prefixName" scope="request">기능 그룹</c:set>
+              <!-- Page Body -->
+    <div class="d-flex flex-column flex-grow-1">
+        <div id="DataTables_Table_0_wrapper" class="dataTables_wrapper dt-bootstrap5 no-footer">
+        
+			<div class="d-flex flex-row justify-content-evenly">
+				<div style="width:49%;">
+				<h5 class="mt-3">기능 그룹</h5>
+				<div class="d-flex flex-row justify-content-between p-3">
+					<div>
+						<div class="input-group" id="${infoPrefix}-query">
+							<select id="${infoPrefix}by" onchange="document.getElementById('${infoPrefix}term').focus();" aria-controls="DataTables_Table_0" class="form-select">
+								<option value="${infoPrefix}Name">이름</option>
+								<option value="${infoPrefix}ID">아이디</option>
+							</select>
+							<input id="${infoPrefix}term" autofocus type="text" placeholder="조회 조건을 입력하십시오." class="form-control">
+						</div>
+					</div>
+					<div>
+						<button onclick="searchaction${infoPrefix}s();" class="btn btn-primary">찾기</button>
+						<button onclick="action${infoPrefix}Control.groups.newInfo();" class="btn btn-primary">+ 추가</button>
+						<button id="btnRemoveaction${infoPrefix}s" onclick="removeaction${infoPrefix}s();" class="btn btn-primary">- 제거</button>
+					</div>
+				</div>
+				<table class="datatables-ajax table table-bordered dataTable no-footer" id="DataTables_Table_0" aria-describedby="DataTables_Table_0_info">
+					<thead id="action${infoPrefix}Thead">
+						<tr><th tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" style="text-align:center;"><input onchange="action${infoPrefix}Control.groups.select(this.checked);" type="checkbox" class="form-check-input"></th>
+							<th class="sorting sorting_asc" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" aria-sort="ascending" aria-label="Full name: activate to sort column descending" style="">아이디</th>
+							<th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" aria-label="Email: activate to sort column ascending" style="">이름</th>
+							<th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" aria-label="Start date: activate to sort column ascending" style="">등록일자</th>
+						</tr>
+                    </thead>
+                    <tbody id="action${infoPrefix}List">
+					</tbody>
+                   	<template id="action${infoPrefix}Row">
+                   	<tr data-key="{GRP_ID}">
+                       <td style="text-align:center;"><input value="{GRP_ID}" onchange="action${infoPrefix}Control.groups.select('{GRP_ID}', this.checked);" type="checkbox" class="form-check-input"></td>
+                       <td onclick="action${infoPrefix}Control.groups.setCurrent('{GRP_ID}')" ondblclick="action${infoPrefix}Control.groups.getInfo({})">{GRP_ID}</td>
+                       <td onclick="action${infoPrefix}Control.groups.setCurrent('{GRP_ID}')" ondblclick="action${infoPrefix}Control.groups.getInfo({})">{GRP_NM}</td>
+                       <td onclick="action${infoPrefix}Control.groups.setCurrent('{GRP_ID}')" ondblclick="action${infoPrefix}Control.groups.getInfo({})">{REG_DT}</td>
+                    </tr>
+                    </template>
+                   	<template id="action${infoPrefix}NotFound">
+					<tr class="odd">
+						<td valign="top" colspan="4" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
+					</tr>
+                    </template>
+				</table>
+				<div class="d-flex flex-row p-3 justify-content-between">
+					<label id="action${infoPrefix}PagingInfo" class="dataTables_info" role="status" aria-live="polite"></label>
+	                 <ul id="action${infoPrefix}Paging" class="pagination pagination-primary">
+	                 </ul>
+				</div>
+				</div>
+				<div style="width:49%;">
+				<h5 class="mt-3">기능 URL</h5>
+				<div class="d-flex flex-row justify-content-end p-3">
+					<div>
+						<button id="btnAddActions" onclick="action${infoPrefix}Control.addActions();" class="btn btn-primary">+ 추가</button>
+						<button id="btnRemoveActions" onclick="removeActions();" class="btn btn-primary">- 제거</button>
+					</div>
+				</div>
+				<table class="datatables-ajax table table-bordered dataTable no-footer" id="DataTables_Table_0" aria-describedby="DataTables_Table_0_info">
+					<thead id="actionThead">
+						<tr><th tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" style="text-align:center;"><input id="actionToggler" onchange="action${infoPrefix}Control.actions.select(this.checked);" type="checkbox" class="form-check-input"></th>
+							<th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" aria-label="Email: activate to sort column ascending" style="">기능 URL</th>
+							<th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" aria-label="Start date: activate to sort column ascending" style="">등록일자</th>
+						</tr>
+                    </thead>
+                    <tbody id="actionList">
+					</tbody>
+                   	<template id="actionRow">
+                   	<tr data-key="{GRP_ID}-{ACTION}">
+                       <td style="text-align:center;"><input value="{GRP_ID}-{ACTION}" onchange="action${infoPrefix}Control.actions.select('{GRP_ID}-{ACTION}', this.checked);" type="checkbox" class="form-check-input"></td>
+                       <td onclick="action${infoPrefix}Control.actions.setCurrent('{GRP_ID}-{ACTION}')">{ACTION}</td>
+                       <td onclick="action${infoPrefix}Control.actions.setCurrent('{GRP_ID}-{ACTION}">{REG_DT}</td>
+                    </tr>
+                    </template>
+                   	<template id="actionNotFound">
+					<tr class="odd">
+						<td valign="top" colspan="3" class="dataTables_empty text-center">기능 URL 정보를 찾지 못했습니다.</td>
+					</tr>
+                    </template>
+				</table>
+				<div class="d-flex flex-row p-3 justify-content-between">
+					<label id="actionPagingInfo" class="dataTables_info" role="status" aria-live="polite"></label>
+	                 <ul id="actionPaging" class="pagination pagination-primary">
+	                 </ul>
+				</div>
+				</div>
+			</div>
+		</div>
+    </div>
+              <!--/ Page Body -->
+<script >
+var action${infoPrefix}Control = new ActionGroupControl();
+
+function searchaction${infoPrefix}s() {
+	action${infoPrefix}Control.groups.query = {
+		by:$("#${infoPrefix}-query [name='by']").val(),
+		term:$("#${infoPrefix}-query [name='term']").val()
+	};
+	action${infoPrefix}Control.groups.query.fetchAll = true;
+	action${infoPrefix}Control.groups.load(1);
+}
+
+function removeaction${infoPrefix}s() {
+	dialog.alert({
+		content:"선택한 ${prefixName} 정보를 제거하시겠습니까?",
+		onOK:() => {
+			action${infoPrefix}Control.groups.remove();
+		}
+	});
+}
+
+function removeActions() {
+	dialog.alert({
+		content:"선택한 기능 URL을 삭제하시겠습니까?",
+		onOK:() => {
+			action${infoPrefix}Control.removeActions();
+		}
+	});
+}
+
+function renderaction${infoPrefix}List() {
+	let ${infoPrefix}List = action${infoPrefix}Control.groups.dataset;
+	let empty = action${infoPrefix}List.empty;
+	
+	let trs = empty ?
+		[document.getElementById("action${infoPrefix}NotFound").innerHTML] : <%-- from template#action${infoPrefix}NotFound --%>
+		${infoPrefix}List.inStrings(document.getElementById("action${infoPrefix}Row").innerHTML); <%-- from template#action${infoPrefix}Row --%>
+	$("#action${infoPrefix}List").html(trs.join());
+	$("#action${infoPrefix}Thead").find("th input[type='checkbox']").prop("checked", false);
+	$("#actionThead").find("th input[type='checkbox']").prop("checked", false);
+}
+
+action${infoPrefix}Control.onGroupListChange = obj => {
+	renderaction${infoPrefix}List();
+
+	$("#action${infoPrefix}Paging").setPaging({
+		list:action${infoPrefix}Control.groups.dataset,
+		prefix:action${infoPrefix}Control.groups.prefix,
+		start:obj.${infoPrefix}Start,
+		totalSize:obj.${infoPrefix}Total,
+		fetchSize:obj.${infoPrefix}Fetch,
+		func:"action${infoPrefix}Control.groups.load({index})"
+	});
+};
+
+action${infoPrefix}Control.onCurrentGroupChange = item => {
+	$("#btnAddActions").prop("disabled", !item);
+	if (!item) return;
+	
+	let key = item.data.GRP_ID;
+	$("#action${infoPrefix}List").setCurrentRow(key);
+};
+
+action${infoPrefix}Control.onGroupSelect = selected => {
+	let ${infoPrefix}List = action${infoPrefix}Control.groups.dataset;
+	let keys = selected.map(e => ${infoPrefix}List.getKey(e));
+	$("#action${infoPrefix}List input[type='checkbox']").each(function() {
+		let checkbox = $(this);
+		checkbox.prop("checked", keys.includes(checkbox.val()));
+	});
+	
+	$("#btnRemoveaction${infoPrefix}s").prop("disabled", keys.length < 1);
+};
+
+
+action${infoPrefix}Control.onActionListChange = obj => {
+	let ${infoPrefix}List = action${infoPrefix}Control.actions.dataset;
+	let empty = ${infoPrefix}List.empty;
+	
+	let trs = empty ?
+		[document.getElementById("actionNotFound").innerHTML] : <%-- from template#${infoPrefix}NotFound --%>
+		${infoPrefix}List.inStrings(document.getElementById("actionRow").innerHTML); <%-- from template#${infoPrefix}Row --%>
+	$("#actionList").html(trs.join());
+	$("#actionToggler").prop("checked", false);
+
+	$("#actionPaging").setPaging({
+		list:action${infoPrefix}Control.actions.dataset,
+		prefix:action${infoPrefix}Control.actions.prefix,
+		start:obj.actionStart,
+		totalSize:obj.actionTotal,
+		fetchSize:obj.actionFetch,
+		func:"action${infoPrefix}Control.actions.load({index})"
+	});
+};
+
+action${infoPrefix}Control.onCurrentActionChange = item => {
+	if (!item) return;
+	
+	let data = item.data;
+	let key = data.GRP_ID + "-" + data.ACTION;
+	$("#actionList").setCurrentRow(key);
+};
+
+action${infoPrefix}Control.onActionSelect = selected => {
+	let ${infoPrefix}List = action${infoPrefix}Control.actions.dataset;
+	let keys = selected.map(e => ${infoPrefix}List.getKey(e));
+	$("#actionList input[type='checkbox']").each(function() {
+		let checkbox = $(this);
+		checkbox.prop("checked", keys.includes(checkbox.val()));
+	});
+	
+	$("#btnRemoveActions").prop("disabled", keys.length < 1);
+};
+
+$("#${infoPrefix}term").onEnterPress(searchaction${infoPrefix}s);
+
+$(function(){
+	${onload}
+	action${infoPrefix}Control.groups.setData({
+		${infoPrefix}List:${groupList},
+		${infoPrefix}Start:${groupStart},
+		${infoPrefix}Fetch:${groupFetch},
+		${infoPrefix}Total:${groupTotal}
+	});
+});
+//# sourceURL=actionGroup-main.jsp
+</script>
diff --git a/src/main/webapp/WEB-INF/jsp/base/actionGroup/select-actionGroup.jsp b/src/main/webapp/WEB-INF/jsp/base/actionGroup/select-actionGroup.jsp
new file mode 100644
index 00000000..752ca2cd
--- /dev/null
+++ b/src/main/webapp/WEB-INF/jsp/base/actionGroup/select-actionGroup.jsp
@@ -0,0 +1,127 @@
+<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false" session="false"%>
+<%@ include file="/WEB-INF/jsp/include/taglib.jsp"%>
+<style id="selectActionGroupCss">
+	#selectActionGroupCss+div tr[data-key='userAction'] > td:nth-child(n+2):nth-child(-n+3),
+	#selectActionGroupCss+div tr[data-key='anonymousAction'] > td:nth-child(n+2):nth-child(-n+3) {
+		color: red;
+	}
+</style>
+<c:set var="prefixName" scope="request">기능 그룹</c:set>
+              <!-- Page Body -->
+<div class="card">
+    <div class="card-datatable text-nowrap">
+        <div id="DataTables_Table_0_wrapper" class="dataTables_wrapper dt-bootstrap5 no-footer">
+			<div class="d-flex flex-row justify-content-between p-3">
+				<div>
+					<div class="input-group" id="DataTables_Table_0_length">
+						<select id="_actionGroupBy" onchange="document.getElementById('_actionGroupTerm').focus();" aria-controls="DataTables_Table_0" class="form-select">
+							<option value="${infoPrefix}Name">이름</option>
+							<option value="${infoPrefix}ID">아이디</option>
+						</select>
+						<input id="_actionGroupTerm" autofocus type="text" placeholder="조회 조건을 입력하십시오." class="form-control">
+					</div>
+				</div>
+				<div>
+					<button onclick="_search${infoPrefix}s();" class="btn btn-primary">찾기</button>
+				</div>
+			</div>
+			<table class="datatables-ajax table table-bordered dataTable no-footer" id="DataTables_Table_0" aria-describedby="DataTables_Table_0_info">
+				<thead id="_action${infoPrefix}Thead">
+					<tr><th tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" style="text-align:center;"><input onchange="${infoPrefix}Control.groups.select(this.checked);" type="checkbox" class="form-check-input"></th>
+						<th class="sorting sorting_asc" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" aria-sort="ascending" aria-label="Full name: activate to sort column descending" style="">아이디</th>
+						<th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" aria-label="Email: activate to sort column ascending" style="">이름</th>
+						<th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" aria-label="Start date: activate to sort column ascending" style="">등록일자</th>
+					</tr>
+                   </thead>
+                   <tbody id="_action${infoPrefix}List">
+				</tbody>
+                  	<template id="_action${infoPrefix}Row">
+                  	<tr data-key="{GRP_ID}">
+                      <td style="text-align:center;"><input value="{GRP_ID}" onchange="${infoPrefix}Control.groups.select('{GRP_ID}', this.checked);" type="checkbox" class="form-check-input"></td>
+                      <td onclick="${infoPrefix}Control.groups.setCurrent('{GRP_ID}')" ondblclick="${infoPrefix}Control.groups.getInfo({})">{GRP_ID}</td>
+                      <td onclick="${infoPrefix}Control.groups.setCurrent('{GRP_ID}')" ondblclick="${infoPrefix}Control.groups.getInfo({})">{GRP_NM}</td>
+                      <td onclick="${infoPrefix}Control.groups.setCurrent('{GRP_ID}')" ondblclick="${infoPrefix}Control.groups.getInfo({})">{REG_DT}</td>
+                   </tr>
+                   </template>
+                  	<template id="_action${infoPrefix}NotFound">
+				<tr class="odd">
+					<td valign="top" colspan="4" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
+				</tr>
+                   </template>
+			</table>
+			<div class="d-flex flex-row p-3 justify-content-between">
+				<label id="_action${infoPrefix}PagingInfo" class="dataTables_info" role="status" aria-live="polite"></label>
+                 <ul id="_action${infoPrefix}Paging" class="pagination pagination-primary">
+                 </ul>
+			</div>
+		</div>
+    </div>
+</div>
+              <!--/ Page Body -->
+<script >
+var ${infoPrefix}Control = new ActionGroupControl(false);
+
+function getSelectedActionGroup() {
+	let selected = ${infoPrefix}Control.groups.dataset.getKeys("selected");
+	if (selected.length < 1)
+		return dialog.alert("기능그룹을 선택하십시오.");
+	else
+		return selected;
+}
+
+function _search${infoPrefix}s() {
+	${infoPrefix}Control.groups.query = {
+		by:$("#_actionGroupBy").val(),
+		term:$("#_actionGroupTerm").val()
+	};
+	${infoPrefix}Control.groups.load(1);
+}
+
+${infoPrefix}Control.onGroupListChange = obj => {
+	let ${infoPrefix}List = ${infoPrefix}Control.groups.dataset;
+	let empty = ${infoPrefix}List.empty;
+	
+	let trs = empty ?
+		[document.getElementById("_action${infoPrefix}NotFound").innerHTML] : <%-- from template#_action${infoPrefix}NotFound --%>
+		${infoPrefix}List.inStrings(document.getElementById("_action${infoPrefix}Row").innerHTML); <%-- from template#_action${infoPrefix}Row --%>
+	$("#_action${infoPrefix}List").html(trs.join());
+	$("#_action${infoPrefix}Thead").find("th input[type='checkbox']").prop("checked", false);
+
+	$("#_action${infoPrefix}Paging").setPaging({
+		list:${infoPrefix}Control.groups.dataset,
+		prefix:${infoPrefix}Control.groups.prefix,
+		start:obj.${infoPrefix}Start,
+		totalSize:obj.${infoPrefix}Total,
+		fetchSize:obj.${infoPrefix}Fetch,
+		func:"${infoPrefix}Control.groups.load({index})"
+	});
+};
+
+${infoPrefix}Control.onCurrentGroupChange = item => {
+	if (!item) return;
+	
+	let key = item.data.GRP_ID;
+	$("#_action${infoPrefix}List").setCurrentRow(key);
+};
+
+${infoPrefix}Control.onGroupSelect = selected => {
+	let ${infoPrefix}List = ${infoPrefix}Control.groups.dataset;
+	let keys = selected.map(e => ${infoPrefix}List.getKey(e));
+	$("#_action${infoPrefix}List input[type='checkbox']").each(function() {
+		let checkbox = $(this);
+		checkbox.prop("checked", keys.includes(checkbox.val()));
+	});
+};
+
+$("#_actionGroupTerm").onEnterPress(_search${infoPrefix}s);
+
+$(function(){
+	${onload}
+	${infoPrefix}Control.groups.setData({
+		${infoPrefix}List:${groupList},
+		${infoPrefix}Start:${groupStart},
+		${infoPrefix}Fetch:${groupFetch},
+		${infoPrefix}Total:${groupTotal}
+	});
+});
+</script>
diff --git a/src/main/webapp/WEB-INF/jsp/base/authority/actionGroup-list.jsp b/src/main/webapp/WEB-INF/jsp/base/authority/actionGroup-list.jsp
new file mode 100644
index 00000000..1cbb834f
--- /dev/null
+++ b/src/main/webapp/WEB-INF/jsp/base/authority/actionGroup-list.jsp
@@ -0,0 +1,91 @@
+<%@ 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-end p-3">
+					<div>
+						<button id="btnAddAuthActions" onclick="${infoPrefix}Control.addActions();" class="btn btn-primary">+ 추가</button>
+						<button id="btnRemoveAuthActions" onclick="removeAuthActions();" class="btn btn-primary">- 제거</button>
+					</div>
+				</div>
+				<table class="datatables-ajax table table-bordered dataTable no-footer" id="DataTables_Table_0" aria-describedby="DataTables_Table_0_info">
+					<thead>
+						<tr><th tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" style="text-align:center;"><input id="authActionToggler" onchange="${infoPrefix}Control.actions.select(this.checked);" type="checkbox" class="form-check-input"></th>
+							<th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" aria-label="Email: activate to sort column ascending" style="">기능 그룹</th>
+							<th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" aria-label="Start date: activate to sort column ascending" style="">등록일자</th>
+						</tr>
+                    </thead>
+                    <tbody id="authActionList">
+					</tbody>
+                   	<template id="authActionRow">
+                   	<tr data-key="{AUTH_ID}-{GRP_ID}">
+                       <td style="text-align:center;"><input value="{AUTH_ID}-{GRP_ID}" onchange="${infoPrefix}Control.actions.select('{AUTH_ID}-{GRP_ID}', this.checked);" type="checkbox" class="form-check-input"></td>
+                       <td onclick="${infoPrefix}Control.actions.setCurrent('{AUTH_ID}-{GRP_ID}')">{GRP_ID}</td>
+                       <td onclick="${infoPrefix}Control.actions.setCurrent('{AUTH_ID}-{GRP_ID}">{REG_DT}</td>
+                    </tr>
+                    </template>
+                   	<template id="authActionNotFound">
+					<tr class="odd">
+						<td valign="top" colspan="3" class="dataTables_empty text-center">기능 그룹 정보를 찾지 못했습니다.</td>
+					</tr>
+                    </template>
+                   	<template id="adminActions">
+					<tr class="odd">
+						<td valign="top" colspan="3" class="dataTables_empty text-center">{authority}는 모든 기능을 사용할 수 있습니다.</td>
+					</tr>
+                    </template>
+				</table>
+				<div class="d-flex flex-row p-3 justify-content-between">
+					<label id="authActionPagingInfo" class="dataTables_info" role="status" aria-live="polite"></label>
+	                 <ul id="authActionPaging" class="pagination pagination-primary">
+	                 </ul>
+				</div>
+<c:set var="actionGroupFunc" scope="request">function removeAuthActions() {
+	dialog.alert({
+		content:"선택한 기능그룹을 삭제하시겠습니까?",
+		onOK:() => {
+			${infoPrefix}Control.removeActions();
+		}
+	});
+}
+
+${infoPrefix}Control.onActionListChange = obj => {
+	let authority = ${infoPrefix}Control.authorities.getCurrent();
+	authority = authority ? authority.AUTH_NM : "";
+	let ${infoPrefix}List = ${infoPrefix}Control.actions.dataset;
+	let empty = ${infoPrefix}List.empty;
+	
+	let trs =
+		${infoPrefix}Control.authorities.isAdmin() ? [document.getElementById("adminActions").innerHTML.replace(/{authority}/, authority)] :
+		empty ?
+		[document.getElementById("authActionNotFound").innerHTML] : <%-- from template#${infoPrefix}NotFound --%>
+		${infoPrefix}List.inStrings(document.getElementById("authActionRow").innerHTML); <%-- from template#${infoPrefix}Row --%>
+	$("#authActionList").html(trs.join());
+	$("#authActionToggler").prop("checked", false);
+
+	$("#authActionPaging").setPaging({
+		list:${infoPrefix}Control.actions.dataset,
+		prefix:${infoPrefix}Control.actions.prefix,
+		start:obj.actionStart,
+		totalSize:obj.actionTotal,
+		fetchSize:obj.actionFetch,
+		func:"${infoPrefix}Control.getActions({index})"
+	});
+};
+
+${infoPrefix}Control.onCurrentActionChange = item => {
+	if (!item) return;
+	
+	let data = item.data;
+	let key = data.AUTH_ID + "-" + data.GRP_ID;
+	$("#authActionList").setCurrentRow(key);
+};
+
+${infoPrefix}Control.onActionSelect = selected => {
+	let ${infoPrefix}List = ${infoPrefix}Control.actions.dataset;
+	let keys = selected.map(e => ${infoPrefix}List.getKey(e));
+	$("#authActionList input[type='checkbox']").each(function() {
+		let checkbox = $(this);
+		checkbox.prop("checked", keys.includes(checkbox.val()));
+	});
+	
+	$("#btnRemoveAuthActions").prop("disabled", keys.length < 1);
+};</c:set>
\ No newline at end of file
diff --git a/src/main/webapp/WEB-INF/jsp/base/authority/authority-info.jsp b/src/main/webapp/WEB-INF/jsp/base/authority/authority-info.jsp
new file mode 100644
index 00000000..35362699
--- /dev/null
+++ b/src/main/webapp/WEB-INF/jsp/base/authority/authority-info.jsp
@@ -0,0 +1,75 @@
+<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false" session="false"%>
+<%@ include file="/WEB-INF/jsp/include/taglib.jsp"%>
+              <form id="infoPrefix-form">
+                <div class="row g-3">
+                  <div class="col-md-12">
+                    <div class="row">
+                      <label class="col-sm-2 col-form-label text-sm-end" for="id"
+                        >아이디</label
+                      >
+                      <div class="col-sm-10">
+                        <input name="id" type="text" required data-map="AUTH_ID" maxlength="50" class="form-control" placeholder="prefixName 아이디" />
+                      </div>
+                    </div>
+                  </div>
+                  <div class="col-md-12">
+                    <div class="row">
+                      <label class="col-sm-2 col-form-label text-sm-end" for="name"
+                        >이름</label
+                      >
+                      <div class="col-sm-10">
+                        <input name="name" type="text" required  data-map="AUTH_NM" maxlength="60" class="form-control" placeholder="prefixName 이름" />
+                      </div>
+                    </div>
+                  </div>
+                  <div class="col-md-12">
+                    <div class="row">
+                      <label class="col-sm-2 col-form-label text-sm-end" for="description"
+                        >설명</label
+                      >
+                      <div class="col-sm-10">
+                        <input name="description" type="text" data-map="DSCRP" maxlength="200" class="form-control dob-picker" placeholder="prefixName 설명"/>
+                      </div>
+                    </div>
+                  </div>
+                <div class="row mt-4 justify-content-end">
+                      <div class="col-sm-12 text-end">
+                        <button id="btnSaveAuth" onclick="saveinfoPrefix();" type="button" class="btn btn-primary">저장</button>
+                      </div>
+                </div>
+              </form>
+<script type="text/javascript">
+
+var infoPrefixFields = new FormFields("#infoPrefix-form");
+
+infoPrefixControl.authorities.setInfo = obj => {
+	infoPrefixFields.set(infoPrefixControl, obj);
+	let info = obj.data;
+	let create = isEmpty(info.AUTH_ID);
+	$("input[name='id']").prop("readonly", !create);
+	$("#infoPrefix-form input").onEnterPress(saveinfoPrefix);
+	
+	$("input[name='" + (create ? "id" : "name") + "']").focus();
+	$("#btnSaveAuth").prop("disabled", infoPrefixControl.authorities.isBuiltIn(info));
+}
+
+infoPrefixControl.authorities.onModify = (changed) => {
+	if (["AUTH_NM"].filter(e => changed.includes(e)).length < 1)
+		return;
+	
+	renderinfoPrefixList();
+	infoPrefixControl.authorities.dataset.setState();
+}
+
+function saveinfoPrefix() {
+	if (!$("#infoPrefix-form input").validInputs()) return;
+	
+	dialog.alert({
+		content:"현재 prefixName 정보를 저장하시겠습니까?",
+		onOK:() => {
+			infoPrefixControl.authorities.save(infoPrefixFields.get());
+		}
+	});
+}
+//# sourceURL=actionGroup-info.jsp
+</script>
\ No newline at end of file
diff --git a/src/main/webapp/WEB-INF/jsp/base/authority/authority-main.jsp b/src/main/webapp/WEB-INF/jsp/base/authority/authority-main.jsp
new file mode 100644
index 00000000..1175b6f3
--- /dev/null
+++ b/src/main/webapp/WEB-INF/jsp/base/authority/authority-main.jsp
@@ -0,0 +1,187 @@
+<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false" session="false"%>
+<%@ include file="/WEB-INF/jsp/include/taglib.jsp"%>
+<style id="authorityMainCss">
+	#authorityMainCss+div tr[data-key='ROLE_ADMIN'] > td:nth-child(n+2):nth-child(-n+3),
+	#authorityMainCss+div tr[data-key='ROLE_USER'] > td:nth-child(n+2):nth-child(-n+3),
+	#authorityMainCss+div tr[data-key='ROLE_ANONYMOUS'] > td:nth-child(n+2):nth-child(-n+3) {
+		color: red;
+	}
+</style>
+<c:set var="prefixName" scope="request">권한</c:set>
+              <!-- Page Body -->
+    <div class="d-flex flex-column flex-grow-1">
+        <div id="DataTables_Table_0_wrapper" class="dataTables_wrapper dt-bootstrap5 no-footer">
+        
+			<div class="d-flex flex-row justify-content-evenly">
+				<div style="width:49%;">
+				<h5 class="mt-3">권한</h5>
+				<div class="d-flex flex-row justify-content-between p-3">
+					<div>
+						<div class="input-group" id="${infoPrefix}-query">
+							<select id="${infoPrefix}by" name="by" onchange="document.getElementById('${infoPrefix}term').focus();" aria-controls="DataTables_Table_0" class="form-select">
+								<option value="authName">이름</option>
+								<option value="authID">아이디</option>
+							</select>
+							<input id="${infoPrefix}term" name="term" autofocus type="text" placeholder="조회 조건을 입력하십시오." class="form-control">
+						</div>
+					</div>
+					<div>
+						<button onclick="search${infoPrefix}s();" class="btn btn-primary">찾기</button>
+						<button onclick="${infoPrefix}Control.authorities.newInfo();" class="btn btn-primary">+ 추가</button>
+						<button id="btnRemove${infoPrefix}s" onclick="remove${infoPrefix}s();" class="btn btn-primary">- 제거</button>
+					</div>
+				</div>
+				<table class="datatables-ajax table table-bordered dataTable no-footer" id="DataTables_Table_0" aria-describedby="DataTables_Table_0_info">
+					<thead id="${infoPrefix}Thead">
+						<tr><th tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" style="text-align:center;"><input onchange="${infoPrefix}Control.authorities.select(this.checked);" type="checkbox" class="form-check-input"></th>
+							<th class="sorting sorting_asc" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" aria-sort="ascending" aria-label="Full name: activate to sort column descending" style="">아이디</th>
+							<th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" aria-label="Email: activate to sort column ascending" style="">이름</th>
+							<th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" aria-label="Start date: activate to sort column ascending" style="">등록일자</th>
+						</tr>
+                    </thead>
+                    <tbody id="${infoPrefix}List">
+					</tbody>
+                   	<template id="${infoPrefix}Row">
+                   	<tr data-key="{AUTH_ID}">
+                       <td style="text-align:center;"><input value="{AUTH_ID}" onchange="${infoPrefix}Control.authorities.select('{AUTH_ID}', this.checked);" type="checkbox" class="form-check-input"></td>
+                       <td onclick="${infoPrefix}Control.authorities.setCurrent('{AUTH_ID}')" ondblclick="${infoPrefix}Control.authorities.getInfo({})">{AUTH_ID}</td>
+                       <td onclick="${infoPrefix}Control.authorities.setCurrent('{AUTH_ID}')" ondblclick="${infoPrefix}Control.authorities.getInfo({})">{AUTH_NM}</td>
+                       <td onclick="${infoPrefix}Control.authorities.setCurrent('{AUTH_ID}')" ondblclick="${infoPrefix}Control.authorities.getInfo({})">{REG_DT}</td>
+                    </tr>
+                    </template>
+                   	<template id="${infoPrefix}NotFound">
+					<tr class="odd">
+						<td valign="top" colspan="4" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
+					</tr>
+                    </template>
+				</table>
+				<div class="d-flex flex-row p-3 justify-content-between">
+					<label id="${infoPrefix}PagingInfo" class="dataTables_info" role="status" aria-live="polite"></label>
+	                 <ul id="${infoPrefix}Paging" class="pagination pagination-primary">
+	                 </ul>
+				</div>
+				</div>
+				<div style="width:49%; padding-top:.25em;">
+<div class="nav-align-top">
+  <ul class="nav nav-tabs" role="tablist">
+    <li class="nav-item">
+      <button type="button" onClick="${infoPrefix}Control.getLinkedList('users');" class="nav-link active" role="tab" data-bs-toggle="tab" data-bs-target="#navs-top-users" aria-controls="navs-top-users" aria-selected="true">사용자</button>
+    </li>
+    <li class="nav-item">
+      <button type="button" onClick="${infoPrefix}Control.getLinkedList('actions');" class="nav-link" role="tab" data-bs-toggle="tab" data-bs-target="#navs-top-actions" aria-controls="navs-top-actions" aria-selected="false">기능그룹</button>
+    </li>
+  </ul>
+  <div class="tab-content" style="padding:.6em 0;" id="${infoPrefix}RightInclude">
+    <div class="tab-pane fade show active" id="navs-top-users" role="tabpanel">
+    	<div class="ox-scroll">
+    		<jsp:include page="user-list.jsp" />
+    	</div>
+    </div>
+    <div class="tab-pane fade" id="navs-top-actions" role="tabpanel">
+		<jsp:include page="actionGroup-list.jsp" />
+    </div>
+  </div>
+</div>
+				</div>
+			</div>
+		</div>
+    </div>
+              <!--/ Page Body -->
+<script >
+var ${infoPrefix}Control = new AuthorityControl();
+${infoPrefix}Control.authorities.onSave = (resp) => {
+	if (resp.saved) {
+		dialog.alert("저장됐습니다.");
+		dialog.close(${infoPrefix}Control.authorities.prefixed("dialog"));
+		${infoPrefix}Control.authorities.query.fetchAll = true;
+		${infoPrefix}Control.authorities.load(1);
+	}
+}
+${infoPrefix}Control.authorities.onRemove = (selected, resp) => {
+	if (resp.saved){
+		${infoPrefix}Control.authorities.query.fetchAll = true;
+		${infoPrefix}Control.authorities.load(1);
+	}
+}
+
+function search${infoPrefix}s() {
+	${infoPrefix}Control.authorities.query = {
+		by:$("#${infoPrefix}-query [name='by']").val(),
+		term:$("#${infoPrefix}-query [name='term']").val()
+	};
+	${infoPrefix}Control.authorities.query.fetchAll = true;
+	${infoPrefix}Control.authorities.load(1);
+}
+
+function remove${infoPrefix}s() {
+	dialog.alert({
+		content:"선택한 ${prefixName} 정보를 제거하시겠습니까?",
+		onOK:() => {
+			${infoPrefix}Control.removeAuthorities();
+		}
+	});
+}
+
+function render${infoPrefix}List() {
+	let ${infoPrefix}List = ${infoPrefix}Control.authorities.dataset;
+	let empty = ${infoPrefix}List.empty;
+	
+	let trs = empty ?
+		[document.getElementById("${infoPrefix}NotFound").innerHTML] : <%-- from template#${infoPrefix}NotFound --%>
+		${infoPrefix}List.inStrings(document.getElementById("${infoPrefix}Row").innerHTML); <%-- from template#${infoPrefix}Row --%>
+	$("#${infoPrefix}List").html(trs.join());
+	$("#${infoPrefix}Thead").find("th input[type='checkbox']").prop("checked", false);
+	$("#${infoPrefix}RightInclude").find("th input[type='checkbox']").prop("checked", false);
+}
+
+${infoPrefix}Control.onAuthorityListChange = obj => {
+	render${infoPrefix}List();
+
+	$("#${infoPrefix}Paging").setPaging({
+		list:${infoPrefix}Control.authorities.dataset,
+		prefix:${infoPrefix}Control.authorities.prefix,
+		start:obj.${infoPrefix}Start,
+		totalSize:obj.${infoPrefix}Total,
+		fetchSize:obj.${infoPrefix}Fetch,
+		func:"${infoPrefix}Control.authorities.load({index})"
+	});
+};
+
+${infoPrefix}Control.onCurrentAuthorityChange = item => {
+	$("#btnAddActions").prop("disabled", !item || ${infoPrefix}Control.authorities.isAdmin(item.data));
+	$("#btnAddUsers").prop("disabled", !item || ${infoPrefix}Control.authorities.isImplicit(item.data));
+	if (!item) return;
+	
+	let key = item.data.AUTH_ID;
+	$("#${infoPrefix}List").setCurrentRow(key);
+};
+
+${infoPrefix}Control.onAuthoritySelect = selected => {
+	let ${infoPrefix}List = ${infoPrefix}Control.authorities.dataset;
+	let keys = selected.map(e => ${infoPrefix}List.getKey(e));
+	$("#${infoPrefix}List input[type='checkbox']").each(function() {
+		let checkbox = $(this);
+		checkbox.prop("checked", keys.includes(checkbox.val()));
+	});
+	
+	let builtIn = selected.filter(info => ${infoPrefix}Control.authorities.isBuiltIn(info)).length > 0;
+	
+	$("#btnRemove${infoPrefix}s").prop("disabled", keys.length < 1 || builtIn);
+};
+
+${userFunc}
+${actionGroupFunc}
+
+$("#${infoPrefix}term").onEnterPress(search${infoPrefix}s);
+
+$(function(){
+	${onload}
+	${infoPrefix}Control.authorities.setData({
+		${infoPrefix}List:${authorityList},
+		${infoPrefix}Start:${authorityStart},
+		${infoPrefix}Fetch:${authorityFetch},
+		${infoPrefix}Total:${authorityTotal}
+	});
+});
+//# sourceURL=authority-main.jsp
+</script>
diff --git a/src/main/webapp/WEB-INF/jsp/base/authority/user-list.jsp b/src/main/webapp/WEB-INF/jsp/base/authority/user-list.jsp
new file mode 100644
index 00000000..8fcb38f1
--- /dev/null
+++ b/src/main/webapp/WEB-INF/jsp/base/authority/user-list.jsp
@@ -0,0 +1,100 @@
+<%@ 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-end p-3">
+	<div>
+		<button id="btnAddAuthUsers" onclick="${infoPrefix}Control.addUsers();" class="btn btn-primary">+ 추가</button>
+		<button id="btnRemoveAuthUsers" onclick="removeAuthUsers();" class="btn btn-primary">- 제거</button>
+	</div>
+</div>
+<table class="datatables-ajax table table-bordered dataTable no-footer" id="DataTables_Table_0" aria-describedby="DataTables_Table_0_info">
+	<thead>
+		<tr>
+			<th tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" style="text-align:center;"><input id="authUserToggler" onchange="${infoPrefix}Control.users.select(this.checked);" type="checkbox" class="form-check-input"></th>
+			<th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" aria-label="Email: activate to sort column ascending">시군구명</th>
+            <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" aria-label="Email: activate to sort column ascending" >기관명</th>
+            <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" aria-label="Email: activate to sort column ascending" >부서명</th>
+            <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" aria-label="Email: activate to sort column ascending" >사용자 계정</th>
+            <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" aria-label="Email: activate to sort column ascending" >사용자 이름</th>
+            <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" aria-label="Start date: activate to sort column ascending" >등록일자</th>
+		</tr>
+	</thead>
+    <tbody id="authUserList">
+	</tbody>
+    <template id="authUserRow">
+       	<tr data-key="{AUTH_ID}-{USER_ID}">
+            <td style="text-align:center;"><input value="{AUTH_ID}-{USER_ID}" onchange="${infoPrefix}Control.users.select('{AUTH_ID}-{USER_ID}', this.checked);" type="checkbox" class="form-check-input"></td>
+            <td onclick="${infoPrefix}Control.users.setCurrent('{AUTH_ID}-{USER_ID}')">{SGG_NM}</td>
+            <td onclick="${infoPrefix}Control.users.setCurrent('{AUTH_ID}-{USER_ID}')">{INST_NM}</td>
+            <td onclick="${infoPrefix}Control.users.setCurrent('{AUTH_ID}-{USER_ID}')">{DEPT_NM}</td>
+            <td onclick="${infoPrefix}Control.users.setCurrent('{AUTH_ID}-{USER_ID}')">{USER_ACNT}</td>
+            <td onclick="${infoPrefix}Control.users.setCurrent('{AUTH_ID}-{USER_ID}')">{USER_NM}</td>
+            <td onclick="${infoPrefix}Control.users.setCurrent('{AUTH_ID}-{USER_ID}">{REG_DT}</td>
+        </tr>
+	</template>
+	<template id="authUserNotFound">
+		<tr class="odd">
+			<td valign="top" colspan="7" class="dataTables_empty text-center">사용자 정보를 찾지 못했습니다.</td>
+		</tr>
+	</template>
+	<template id="implicitActions">
+		<tr class="odd">
+			<td valign="top" colspan="7" class="dataTables_empty text-center">{authority}는 사용자를 지정하지 않습니다.</td>
+		</tr>
+	</template>
+</table>
+<div class="d-flex flex-row p-3 justify-content-between">
+	<label id="authUserPagingInfo" class="dataTables_info" role="status" aria-live="polite"></label>
+              <ul id="authUserPaging" class="pagination pagination-primary">
+              </ul>
+</div>
+<c:set var="userFunc" scope="request">
+function removeAuthUsers() {
+	dialog.alert({
+		content:"선택한 사용자를 삭제하시겠습니까?",
+		onOK:() => {
+			${infoPrefix}Control.removeUsers();
+		}
+	});
+}
+
+${infoPrefix}Control.onUserListChange = obj => {
+	let authority = ${infoPrefix}Control.authorities.getCurrent();
+	authority = authority ? authority.AUTH_NM : "";
+	let ${infoPrefix}List = ${infoPrefix}Control.users.dataset;
+	let empty = ${infoPrefix}List.empty;
+	
+	let trs = 
+		${infoPrefix}Control.authorities.isImplicit() ? [document.getElementById("implicitActions").innerHTML.replace(/{authority}/, authority)] :
+		empty ? [document.getElementById("authUserNotFound").innerHTML] : <%-- from template#${infoPrefix}NotFound --%>
+		${infoPrefix}List.inStrings(document.getElementById("authUserRow").innerHTML); <%-- from template#${infoPrefix}Row --%>
+	$("#authUserList").html(trs.join());
+	$("#authUserToggler").prop("checked", false);
+
+	$("#authUserPaging").setPaging({
+		list:${infoPrefix}Control.users.dataset,
+		prefix:${infoPrefix}Control.users.prefix,
+		start:obj.userStart,
+		totalSize:obj.userTotal,
+		fetchSize:obj.userFetch,
+		func:"${infoPrefix}Control.users.load({index})"
+	});
+};
+
+${infoPrefix}Control.onCurrentUserChange = item => {
+	if (!item) return;
+	
+	let data = item.data;
+	let key = data.AUTH_ID + "-" + data.USER_ID;
+	$("#authUserList").setCurrentRow(key);
+};
+
+${infoPrefix}Control.onUserSelect = selected => {
+	let ${infoPrefix}List = ${infoPrefix}Control.users.dataset;
+	let keys = selected.map(e => ${infoPrefix}List.getKey(e));
+	$("#authUserList input[type='checkbox']").each(function() {
+		let checkbox = $(this);
+		checkbox.prop("checked", keys.includes(checkbox.val()));
+	});
+	
+	$("#btnRemoveAuthUsers").prop("disabled", keys.length < 1);
+};</c:set>
\ No newline at end of file
diff --git a/src/main/webapp/WEB-INF/jsp/base/code/code-info.jsp b/src/main/webapp/WEB-INF/jsp/base/code/code-info.jsp
new file mode 100644
index 00000000..900f0a1d
--- /dev/null
+++ b/src/main/webapp/WEB-INF/jsp/base/code/code-info.jsp
@@ -0,0 +1,135 @@
+<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false" session="false"%>
+<%@ include file="/WEB-INF/jsp/include/taglib.jsp"%>
+              <form id="code-form">
+                <div class="row g-3">
+                  <div class="col-md-12">
+                    <div class="row">
+                      <label class="col-sm-2 col-form-label text-sm-end" for="code"
+                        >코드</label
+                      >
+                      <div class="col-sm-10">
+                        <input name="code" type="text" required data-map="CODE" maxlength="15" class="form-control" placeholder="코드" />
+                        <input name="groupID" type="hidden" data-map="GRP_ID" />
+                      </div>
+                    </div>
+                  </div>
+                  <div class="col-md-12">
+                    <div class="row">
+                      <label class="col-sm-2 col-form-label text-sm-end" for="value"
+                        >코드값</label
+                      >
+                      <div class="col-sm-10">
+                        <input name="value" type="text" required  data-map="CODE_VAL" maxlength="60" class="form-control" placeholder="코드값" />
+                      </div>
+                    </div>
+                  </div>
+                  <div class="col-md-12">
+                    <div class="row">
+                      <label class="col-sm-2 col-form-label text-sm-end" for="description"
+                        >설명</label
+                      >
+                      <div class="col-sm-10">
+                        <input name="description" type="text" data-map="DSCRP" maxlength="200" class="form-control" placeholder="코드 설명"/>
+                      </div>
+                    </div>
+                  </div>
+                  <div class="col-md-12">
+                    <div class="row">
+                      <label class="col-sm-2 col-form-label text-sm-end" for="etc1"
+                        >기타값 1</label
+                      >
+                      <div class="col-sm-10">
+                        <input name="etc1" type="text" data-map="ETC1" maxlength="200" class="form-control" placeholder="기타값 1"/>
+                      </div>
+                    </div>
+                  </div>
+                  <div class="col-md-12">
+                    <div class="row">
+                      <label class="col-sm-2 col-form-label text-sm-end" for="etc2"
+                        >기타값2</label
+                      >
+                      <div class="col-sm-10">
+                        <input name="etc2" type="text" data-map="ETC2" maxlength="200" class="form-control" placeholder="기타값 2"/>
+                      </div>
+                    </div>
+                  </div>
+                  <div class="col-md-12">
+                    <div class="row">
+                      <label class="col-sm-2 col-form-label text-sm-end" for="etc3"
+                        >기타값3</label
+                      >
+                      <div class="col-sm-10">
+                        <input name="etc3" type="text" data-map="ET3" maxlength="200" class="form-control" placeholder="기타값 3"/>
+                      </div>
+                    </div>
+                  </div>
+                  <div class="col-md-12">
+                    <div class="row">
+                      <label class="col-sm-2 col-form-label text-sm-end" for="createdBy"
+                        >등록자</label
+                      >
+                      <div class="col-sm-10">
+                        <input type="text" data-map="RGTR" readonly class="form-control" placeholder="등록자"/>
+                      </div>
+                    </div>
+                  </div>
+                  <div class="col-md-12">
+                    <div class="row">
+                      <label class="col-sm-2 col-form-label text-sm-end" for="description"
+                        >등록일자</label
+                      >
+                      <div class="col-sm-10">
+                        <input type="text" data-map="REG_DT" readonly class="form-control" placeholder="등록일자"/>
+                      </div>
+                    </div>
+                  </div>
+                  <div class="col-md-12">
+                    <div class="row">
+                      <label class="col-sm-2 col-form-label text-sm-end" for="description"
+                        >사용여부</label
+                      >
+                      <div class="col-sm-10 p-2">
+                      	<span id="codeInUse"></span>
+                      </div>
+                    </div>
+                  </div>
+                <div class="row mt-4 justify-content-end">
+                      <div class="col-sm-12 text-end">
+                        <button onclick="saveCode();" type="button" class="btn btn-primary">저장</button>
+                      </div>
+                </div>
+              </form>
+<script type="text/javascript">
+
+var codeFields = new FormFields("#code-form");
+
+codeControl.codes.setInfo = obj => {
+	let info = obj.data;
+	codeFields.set(codeControl, obj);
+	let create = isEmpty(info.CODE);
+	$("input[name='code']").prop("readonly", !create);
+	$("#code-form input").onEnterPress(saveCode);
+	$("#codeInUse").html("Y" == info.USE_YN ? "사용 중" : "사용하지 않음");
+	document.querySelector("input[name='" + (create ? "code" : "value") + "']").focus();
+}
+
+codeControl.codes.onModify = (changed) => {
+	if (["CODE", "CODE_VAL"].filter(e => changed.includes(e)).length < 1)
+		return;
+	
+	renderCodeList();
+	codeControl.codes.dataset.setState();
+}
+
+function saveCode() {
+	if (!$("#code-form input").validInputs()) return;
+	
+	dialog.alert({
+		content:"현재 코드 정보를 저장하시겠습니까?",
+		onOK:() => {
+			codeControl.codes.save(codeFields.get());
+		}
+	});
+}
+//# sourceURL=code-info.jsp
+</script>
\ No newline at end of file
diff --git a/src/main/webapp/WEB-INF/jsp/base/code/code-main.jsp b/src/main/webapp/WEB-INF/jsp/base/code/code-main.jsp
new file mode 100644
index 00000000..12de29ab
--- /dev/null
+++ b/src/main/webapp/WEB-INF/jsp/base/code/code-main.jsp
@@ -0,0 +1,233 @@
+<%@ 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>
+              <!-- Page Body -->
+    <div class="d-flex flex-column flex-grow-1">
+        <div id="DataTables_Table_0_wrapper" class="dataTables_wrapper dt-bootstrap5 no-footer">
+        
+			<div class="d-flex flex-row justify-content-evenly">
+				<div style="width:49%;">
+				<h5 class="mt-3">${prefixName}</h5>
+				<div class="d-flex flex-row justify-content-between p-3">
+					<%--div>
+						<div class="input-group" id="${infoPrefix}-query">
+							<select id="${infoPrefix}by" name="by" onchange="document.getElementById('${infoPrefix}term').focus();" aria-controls="DataTables_Table_0" class="form-select">
+								<option value="groupName">이름</option>
+								<option value="groupID">아이디</option>
+							</select>
+							<input id="${infoPrefix}term" name="term" autofocus type="text" placeholder="조회 조건을 입력하십시오." class="form-control">
+						</div>
+					</div--%>
+					<div>
+						<%--button onclick="searchGroups();" class="btn btn-primary">찾기</button--%>
+						<button onclick="codeControl.groups.newInfo();" class="btn btn-primary">+ 추가</button>
+						<button id="btnRemoveGroups" onclick="removeGroups();" class="btn btn-primary">- 제거</button>
+					</div>
+				</div>
+				<table class="datatables-ajax table table-bordered dataTable no-footer" id="DataTables_Table_0" aria-describedby="DataTables_Table_0_info">
+					<thead id="groupThead">
+						<tr><th tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" style="text-align:center;"><input onchange="codeControl.groups.select(this.checked);" type="checkbox" class="form-check-input"></th>
+							<th class="sorting sorting_asc" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" aria-sort="ascending" aria-label="Full name: activate to sort column descending">아이디</th>
+							<th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" aria-label="Email: activate to sort column ascending">이름</th>
+							<th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" aria-label="Start date: activate to sort column ascending">등록일자</th>
+						</tr>
+                    </thead>
+                    <tbody id="groupList">
+					</tbody>
+                   	<template id="groupRow">
+                   	<tr data-key="{GRP_ID}"{notUsed}>
+                       <td style="text-align:center;"><input value="{GRP_ID}" onchange="codeControl.groups.select('{GRP_ID}', this.checked);" type="checkbox" class="form-check-input"></td>
+                       <td onclick="codeControl.groups.setCurrent('{GRP_ID}')" ondblclick="codeControl.groups.getInfo({})">{GRP_ID}</td>
+                       <td onclick="codeControl.groups.setCurrent('{GRP_ID}')" ondblclick="codeControl.groups.getInfo({})">{GRP_NM}</td>
+                       <td onclick="codeControl.groups.setCurrent('{GRP_ID}')" ondblclick="codeControl.groups.getInfo({})">{REG_DT}</td>
+                    </tr>
+                    </template>
+                   	<template id="groupNotFound">
+					<tr class="odd">
+						<td valign="top" colspan="4" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
+					</tr>
+                    </template>
+				</table>
+				<div class="d-flex flex-row p-3 justify-content-between">
+					<label id="groupPagingInfo" class="dataTables_info" role="status" aria-live="polite"></label>
+	                 <ul id="groupPaging" class="pagination pagination-primary">
+	                 </ul>
+				</div>
+				</div>
+				<div style="width:49%;">
+				<h5 class="mt-3">공통 코드</h5>
+				<div class="d-flex flex-row justify-content-end p-3">
+					<div>
+						<button id="btnAddCode" onclick="codeControl.newCode();" class="btn btn-primary">+ 추가</button>
+						<button id="btnRemoveCodes" onclick="removeCodes();" class="btn btn-primary">- 제거</button>
+					</div>
+				</div>
+				<table class="datatables-ajax table table-bordered dataTable no-footer" id="DataTables_Table_0" aria-describedby="DataTables_Table_0_info">
+					<thead id="codeThead">
+						<tr><th tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" style="text-align:center;"><input id="codeToggler" onchange="codeControl.codes.select(this.checked);" type="checkbox" class="form-check-input"></th>
+							<th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" aria-label="Email: activate to sort column ascending">코드</th>
+							<th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" aria-label="Email: activate to sort column ascending">코드값</th>
+							<th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" aria-label="Start date: activate to sort column ascending">등록일자</th>
+						</tr>
+                    </thead>
+                    <tbody id="codeList">
+					</tbody>
+                   	<template id="codeRow">
+                   	<tr data-key="{CODE}"{notUsed}>
+                       <td style="text-align:center;"><input value="{CODE}" onchange="codeControl.codes.select('{CODE}', this.checked);" type="checkbox" class="form-check-input"></td>
+                       <td onclick="codeControl.codes.setCurrent('{CODE}')" ondblclick="codeControl.codes.getInfo({})">{CODE}</td>
+                       <td onclick="codeControl.codes.setCurrent('{CODE}')" ondblclick="codeControl.codes.getInfo({})">{CODE_VAL}</td>
+                       <td onclick="codeControl.codes.setCurrent('{CODE}')" ondblclick="codeControl.codes.getInfo({})">{REG_DT}</td>
+                    </tr>
+                    </template>
+                   	<template id="codeNotFound">
+					<tr class="odd">
+						<td valign="top" colspan="4" class="dataTables_empty text-center">코드 정보를 찾지 못했습니다.</td>
+					</tr>
+                    </template>
+				</table>
+				<div class="d-flex flex-row p-3 justify-content-between">
+					<label id="codePagingInfo" class="dataTables_info" role="status" aria-live="polite"></label>
+	                 <ul id="codePaging" class="pagination pagination-primary">
+	                 </ul>
+				</div>
+				</div>
+			</div>
+		</div>
+    </div>
+              <!--/ Page Body -->
+<script >
+var codeControl = new CodeControl();
+
+function searchGroups() {
+	codeControl.groups.query = {
+		by:$("#${infoPrefix}-query [name='by']").val(),
+		term:$("#${infoPrefix}-query [name='term']").val()
+	};
+	codeControl.groups.load(1);
+}
+
+function removeGroups() {
+	dialog.alert({
+		content:"선택한 ${prefixName} 정보를 제거하시겠습니까?",
+		onOK:() => {
+			codeControl.groups.remove();
+		}
+	});
+}
+
+function removeCodes() {
+	dialog.alert({
+		content:"선택한 코드를 삭제하시겠습니까?",
+		onOK:() => {
+			codeControl.codes.remove();
+		}
+	});
+}
+
+function renderGroupList() {
+	let groupList = codeControl.groups.dataset;
+	let empty = groupList.empty;
+	
+	let trs = empty ?
+		[document.getElementById("groupNotFound").innerHTML] : <%-- from template#groupNotFound --%>
+		groupList.inStrings(
+				document.getElementById("groupRow").innerHTML,
+				(tmpl, item) => tmpl.replace(/{notUsed}/gi, item.getValue("USE_YN") == "N" ? "class=\"not-used\"" : "")
+			); <%-- from template#groupRow --%>
+	$("#groupList").html(trs.join());
+	$("#groupThead").find("input[type='checkbox']").prop("checked", false);
+	$("#codeThead").find("input[type='checkbox']").prop("checked", false);
+}
+
+codeControl.onGroupListChange = obj => {
+	renderGroupList();
+
+	$("#groupPaging").setPaging({
+		list:codeControl.groups.dataset,
+		prefix:codeControl.groups.prefix,
+		start:obj.groupStart,
+		totalSize:obj.groupTotal,
+		fetchSize:obj.groupFetch,
+		func:"codeControl.groups.load({index})"
+	});
+};
+
+codeControl.onCurrentGroupChange = item => {
+	$("#btnAddCode").prop("disabled", !item);
+	if (!item) return;
+	
+	let key = item.data.GRP_ID;
+	$("#groupList").setCurrentRow(key);
+};
+
+codeControl.onGroupSelect = selected => {
+	let groupList = codeControl.groups.dataset;
+	let keys = selected.map(e => groupList.getKey(e));
+	$("#groupList input[type='checkbox']").each(function() {
+		let checkbox = $(this);
+		checkbox.prop("checked", keys.includes(checkbox.val()));
+	});
+	
+	$("#btnRemoveGroups").prop("disabled", keys.length < 1);
+};
+
+function renderCodeList() {
+	let codeList = codeControl.codes.dataset;
+	let empty = codeList.empty;
+	
+	let trs = empty ?
+		[document.getElementById("codeNotFound").innerHTML] : <%-- from template#groupNotFound --%>
+		codeList.inStrings(
+				document.getElementById("codeRow").innerHTML,
+				(tmpl, item) => tmpl.replace(/{notUsed}/gi, item.getValue("USE_YN") == "N" ? "class=\"not-used\"" : "")
+			); <%-- from template#groupRow --%>
+	$("#codeList").html(trs.join());
+	$("#codeToggler").prop("checked", false);
+}
+
+codeControl.onCodeListChange = obj => {
+	renderCodeList();
+	
+	$("#codePaging").setPaging({
+		list:codeControl.codes.dataset,
+		prefix:codeControl.codes.prefix,
+		start:obj ? obj.codeStart : -1,
+		totalSize:obj ? obj.codeTotal : 0,
+		fetchSize:obj ? obj.codeFetch : 10,
+		func:"codeControl.codes.load({index})"
+	});
+};
+
+codeControl.onCurrentCodeChange = item => {
+	if (!item) return;
+	
+	let data = item.data;
+	let key = data.CODE;
+	$("#codeList").setCurrentRow(key);
+};
+
+codeControl.onCodeSelect = selected => {
+	let codeList = codeControl.codes.dataset;
+	let keys = selected.map(e => codeList.getKey(e));
+	$("#codeList input[type='checkbox']").each(function() {
+		let checkbox = $(this);
+		checkbox.prop("checked", keys.includes(checkbox.val()));
+	});
+	
+	$("#btnRemoveCodes").prop("disabled", selected.length < 1);
+};
+
+$("#${infoPrefix}term").onEnterPress(searchGroups);
+
+$(function(){
+	${onload}
+	codeControl.groups.setData({
+		groupList:${groupList},
+		groupStart:${groupStart},
+		groupFetch:${groupFetch},
+		groupTotal:${groupTotal}
+	});
+});
+//# sourceURL=code-main.jsp
+</script>
\ No newline at end of file
diff --git a/src/main/webapp/WEB-INF/jsp/base/code/group-info.jsp b/src/main/webapp/WEB-INF/jsp/base/code/group-info.jsp
new file mode 100644
index 00000000..5f2571a0
--- /dev/null
+++ b/src/main/webapp/WEB-INF/jsp/base/code/group-info.jsp
@@ -0,0 +1,105 @@
+<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false" session="false"%>
+<%@ include file="/WEB-INF/jsp/include/taglib.jsp"%>
+              <form id="group-form">
+                <div class="row g-3">
+                  <div class="col-md-12">
+                    <div class="row">
+                      <label class="col-sm-2 col-form-label text-sm-end" for="id"
+                        >아이디</label
+                      >
+                      <div class="col-sm-10">
+                        <input name="id" type="text" required data-map="GRP_ID" maxlength="50" class="form-control" placeholder="그룹 아이디" />
+                      </div>
+                    </div>
+                  </div>
+                  <div class="col-md-12">
+                    <div class="row">
+                      <label class="col-sm-2 col-form-label text-sm-end" for="name"
+                        >이름</label
+                      >
+                      <div class="col-sm-10">
+                        <input name="name" type="text" required  data-map="GRP_NM" maxlength="60" class="form-control" placeholder="그룹 이름" />
+                      </div>
+                    </div>
+                  </div>
+                  <div class="col-md-12">
+                    <div class="row">
+                      <label class="col-sm-2 col-form-label text-sm-end" for="description"
+                        >설명</label
+                      >
+                      <div class="col-sm-10">
+                        <input name="description" type="text" data-map="DSCRP" maxlength="200" class="form-control" placeholder="그룹 설명"/>
+                      </div>
+                    </div>
+                  </div>
+                  <div class="col-md-12">
+                    <div class="row">
+                      <label class="col-sm-2 col-form-label text-sm-end" for="createdBy"
+                        >등록자</label
+                      >
+                      <div class="col-sm-10">
+                        <input type="text" data-map="RGTR" readonly class="form-control" placeholder="등록자"/>
+                      </div>
+                    </div>
+                  </div>
+                  <div class="col-md-12">
+                    <div class="row">
+                      <label class="col-sm-2 col-form-label text-sm-end" for="description"
+                        >등록일자</label
+                      >
+                      <div class="col-sm-10">
+                        <input type="text" data-map="REG_DT" readonly class="form-control" placeholder="등록일자"/>
+                      </div>
+                    </div>
+                  </div>
+                  <div class="col-md-12">
+                    <div class="row">
+                      <label class="col-sm-2 col-form-label text-sm-end" for="description"
+                        >사용여부</label
+                      >
+                      <div class="col-sm-10 p-2">
+                      	<span id="groupInUse"></span>
+                      </div>
+                    </div>
+                  </div>
+                <div class="row mt-4 justify-content-end">
+                      <div class="col-sm-12 text-end">
+                        <button onclick="saveGroup();" type="button" class="btn btn-primary">저장</button>
+                      </div>
+                </div>
+              </form>
+<script type="text/javascript">
+
+var groupFields = new FormFields("#group-form");
+
+codeControl.groups.setInfo = obj => {
+	let info = obj.data;
+	groupFields.set(codeControl, obj);
+	let create = isEmpty(info.GRP_ID);
+	$("input[name='id']").prop("readonly", !create);
+	$("#group-form input").onEnterPress(saveGroup);
+	$("#groupInUse").html(create ? "" : info.USE_YN == "Y" ? "사용 중" : "사용하지 않음");
+	
+	document.querySelector("input[name='" + (create ? "id" : "name") + "']").focus();
+}
+
+codeControl.groups.onModify = (changed) => {
+	if (["GRP_NM"].filter(e => changed.includes(e)).length < 1)
+		return;
+	
+	renderGroupList();
+	codeControl.groups.dataset.setState();
+}
+
+function saveGroup() {
+	if (!$("#group-form input").validInputs()) return;
+	
+	dialog.alert({
+		content:"현재 그룹 정보를 저장하시겠습니까?",
+		onOK:() => {
+			codeControl.groups.save(groupFields.get());
+		}
+	});
+}
+//# sourceURL=group-info.jsp
+</script>
\ No newline at end of file
diff --git a/src/main/webapp/WEB-INF/jsp/base/menu/menu-info.jsp b/src/main/webapp/WEB-INF/jsp/base/menu/menu-info.jsp
new file mode 100644
index 00000000..1fc77b71
--- /dev/null
+++ b/src/main/webapp/WEB-INF/jsp/base/menu/menu-info.jsp
@@ -0,0 +1,102 @@
+<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false" session="false"%>
+<%@ include file="/WEB-INF/jsp/include/taglib.jsp"%>
+              <form id="menu-form">
+                <div class="row g-3">
+                  <div class="col-md-12">
+                    <div class="row">
+                      <label class="col-sm-2 col-form-label text-sm-end" for="id"
+                        >아이디</label
+                      >
+                      <div class="col-sm-10">
+                        <input name="id" type="text" readonly maxlength="50" class="form-control" placeholder="저장하시면 시스템이 부여합니다." />
+                        <input name="parentID" type="hidden" />
+                      </div>
+                    </div>
+                  </div>
+                  <div class="col-md-12">
+                    <div class="row">
+                      <label class="col-sm-2 col-form-label text-sm-end" for="name"
+                        >이름</label
+                      >
+                      <div class="col-sm-10">
+                        <input name="name" type="text" required maxlength="60" class="form-control" placeholder="메뉴 이름" />
+                      </div>
+                    </div>
+                  </div>
+                  <div class="col-md-12">
+                    <div class="row"> 
+                      <label class="col-sm-2 col-form-label text-sm-end" for="action"
+                        >URL</label
+                      > 
+                      <div class="col-sm-10 input-group w-80">
+                        <span id="btnSelectURL" onClick="setURL();" class="input-group-text"><i class="bx bx-search"></i></span>
+                        <input name="action" type="text" maxlength="60" class="form-control" placeholder="URL" />
+                      </div> 
+                    </div>
+                  </div>
+                  <div class="col-md-12">
+                    <div class="row">
+                      <label class="col-sm-2 col-form-label text-sm-end" for="description"
+                        >설명</label
+                      >
+                      <div class="col-sm-10">
+                        <input name="description" type="text" maxlength="200" class="form-control" placeholder="메뉴 설명"/>
+                      </div>
+                    </div>
+                  </div>
+                  <div class="col-md-12">
+                    <div class="row">
+                      <label class="col-sm-2 col-form-label text-sm-end" for="imageName"
+                        >이미지 이름</label
+                      >
+                      <div class="col-sm-10">
+                        <input name="imageName" type="text" maxlength="200" class="form-control" placeholder="이미지 이름"/>
+                      </div>
+                    </div>
+                  </div>
+                  <div class="col-md-12">
+                    <div class="row">
+                      <label class="col-sm-2 col-form-label text-sm-end" for="imageConf"
+                        >이미지 설정</label
+                      >
+                      <div class="col-sm-10">
+                        <input name="imageConf" type="text" maxlength="200" class="form-control" placeholder="이미지 설정"/>
+                      </div>
+                    </div>
+                  </div>
+                <div class="row mt-4 justify-content-end">
+                      <div class="col-sm-12 text-end">
+                        <button id="btnSaveAuth" onclick="saveMenu();" type="button" class="btn btn-primary">저장</button>
+                      </div>
+                </div>
+              </form>
+<c:set var="menuFunc" scope="request">
+var menuFields = new FormFields("#menu-form");
+
+menuControl.setInfo = obj => {
+	menuFields.set(menuControl, obj);
+	$("input[name='name']").focus();
+}
+
+menuControl.onModify = (changed) => {
+	if (["name", "url"].filter(e => changed.includes(e)).length < 1)
+		return;
+}
+
+async function setURL() {
+	let url = await selectURL(false);
+	$("input[name='action']").val(url).change();
+}
+
+function saveMenu() {
+	if (!$("#menu-form input").validInputs()) return;
+	
+	dialog.alert({
+		content:"현재 메뉴 정보를 저장하시겠습니까?",
+		onOK:() => menuControl.save(menuFields.get())
+	});
+}
+
+$("#menu-form input")
+	.onEnterPress(() => saveMenu());
+</c:set>
\ No newline at end of file
diff --git a/src/main/webapp/WEB-INF/jsp/base/menu/menu-main.jsp b/src/main/webapp/WEB-INF/jsp/base/menu/menu-main.jsp
new file mode 100644
index 00000000..8a966af9
--- /dev/null
+++ b/src/main/webapp/WEB-INF/jsp/base/menu/menu-main.jsp
@@ -0,0 +1,134 @@
+<%@ 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>
+              <!-- Page Body -->
+    <div class="d-flex flex-column flex-grow-1">
+        <div id="DataTables_Table_0_wrapper" class="dataTables_wrapper dt-bootstrap5 no-footer">
+        
+			<div class="d-flex flex-row justify-content-evenly">
+				<div style="width:49%;">
+				<h5 class="mt-3">레이아웃</h5>
+				<div id="menu-tree" class="main-left d-flex flex-column flex-grow-1">
+					<div class="d-flex justify-content-between" style="padding-top:.5em; padding-bottom:.5em; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;">
+						<span>
+							<button id="menuToggler" onclick="toggleMenus();" class="btn btn-primary"></button>
+						</span>
+					</div>
+					<div id="menuTree" style="padding-top:1em; min-height:26em; overflow:auto;">
+					</div>
+				</div>
+				</div>
+				<div style="width:49%;">
+				<h5 class="mt-3">등록 정보</h5>
+				<div class="d-flex flex-row justify-content-end p-3">
+					<div>
+						<button id="btnRemoveMenus" onclick="removeMenus();" class="btn btn-primary">- 제거</button>
+					</div>
+				</div>
+				<jsp:include page="menu-info.jsp" />
+				</div>
+			</div>
+		</div>
+    </div>
+              <!--/ Page Body -->
+<script >
+var menuBranches = treeSupport({
+	selector:"#menuTree",
+	trace:wctx.trace,
+	plugins: ["checkbox", "contextmenu", "dnd"] ,
+	core:{check_callback:true,
+	      multiple:false
+		 },
+	checkbox:{
+		whole_node:false,
+		tie_selection:false
+	},
+	contextmenu:{items:{
+		newMenu:{label:"메뉴 추가", action:function(obj){
+			var current = menuControl.getCurrent(),
+				parentID = current.parentID;
+			menuControl.newInfo({parentID:parentID});
+			$("input[name='parentID']").val(parentID);
+		}},
+		newChildMenu:{label:"하위메뉴 추가", action:function(obj){
+			var current = menuControl.getCurrent(),
+				parentID = current.id;
+			menuControl.newInfo({parentID:parentID});
+			$("input[name='parentID']").val(parentID);
+			log("current", menuControl.getCurrent());
+		}},
+	}},
+	onNodeSelect:function(obj) {
+		var key = obj[0];
+		menuControl.setCurrent(key);
+	},
+	onNodeMove:function(obj) {
+		var parentID = obj.parent,
+			menuID = obj.node.id;
+		if (parentID == "#")
+			parentID = null;
+		menuControl.move(parentID, menuID);
+	},
+	onNodeReorder:function(obj) {
+		var parentID = obj.parent,
+			menuID = obj.node.id,
+			menuIDs = menuBranches.getChildIDs(parentID);
+		menuControl.reorder(menuIDs);
+	},
+	onNodeCheck:function(obj) {
+		var checked = obj.checked,
+			menuID = obj.node.id;
+		menuControl.select(menuID, checked);
+	}
+});
+
+function toggleMenus() {
+	$("#menuToggler").text(menuBranches.toggleFolding() == "collapsed" ? "+ 펼치기" : "- 닫기");
+}
+
+var menuControl = new MenuControl();
+
+menuControl.onDatasetChange = obj => {
+	menuBranches.setData(treeHtml(menuControl.menus, {
+		id:function(e){return e.id;},
+		text:function(e){
+			return e.name == e.url ? e.name : e.name + (e.url ? " (" + e.url + ")" : "");
+		}
+	}));
+	$("#btnSelectURL").prop("disabled", menuControl.dataset.empty);
+}
+
+menuControl.onCurrentChange = item => {
+	menuControl.setInfo(item.data);
+	menuBranches.selectNode(item.data.id);
+}
+
+menuControl.onSelectionChange = selected => {
+	$("#btnRemoveMenus").prop("disabled", selected.length < 1);
+}
+
+menuControl.onMenusChanged = () => loadUserMenus();
+
+${menuFunc}
+
+async function loadUserMenus() {
+	let userMenus = await menuControl.getUserMenus();
+	setUserMenus(userMenus);
+}
+
+function removeMenus() {
+	dialog.alert({
+		content:"선택한 메뉴 정보를 삭제하시겠습니까?",
+		onOK:() => menuControl.remove()
+	});
+}
+
+$(function(){
+	${onload}
+	$("#menuToggler").text(menuBranches._folding == "collapsed" ? "+ 펼치기" : "- 닫기");
+	menuControl.setData(${menus});
+	menuBranches.open();
+});
+//# sourceURL=menu-main.jsp
+</script>
diff --git a/src/main/webapp/WEB-INF/jsp/base/syslog/syslog-main.jsp b/src/main/webapp/WEB-INF/jsp/base/syslog/syslog-main.jsp
new file mode 100644
index 00000000..192f7000
--- /dev/null
+++ b/src/main/webapp/WEB-INF/jsp/base/syslog/syslog-main.jsp
@@ -0,0 +1,155 @@
+<%@ 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>
+              <!-- Page Body -->
+    <div class="d-flex flex-column flex-grow-1">
+        <div class="dataTables_wrapper dt-bootstrap5 no-footer">
+        
+			<div id="${infoPrefix}-query" class="d-flex flex-row justify-content-between p-3">
+				<div class="d-flex flex-row">
+					<div class="input-group">
+						<select id="${infoPrefix}logType" name="logType" class="form-select">
+							<option value="">로그유형</option>
+							<option value="log-inout">로그인/아웃</option>
+							<option value="download">다운로드</option>
+							<option value="web">웹</option>
+						</select>
+					</div>
+					<div class="input-group" style="margin: 0 1rem 0 1rem">
+						<select id="${infoPrefix}by" name="by" onchange="document.getElementById('${infoPrefix}term').focus();" class="form-select">
+							<option value="userName">사용자 이름</option>
+							<option value="userAccount">사용자 계정</option>
+							<option value="userID">사용자 아이디</option>
+						</select>
+						<input id="${infoPrefix}term" name="term" type="text" placeholder="조회 조건을 입력하십시오." class="form-control">
+					</div>
+					<div class="input-group">
+						<input id="${infoPrefix}fromDate" name="fromDate" type="text" value="${fromDate}" required placeholder="시작일자" class="form-control">
+						<span style="margin: 0 .5rem 0 .5rem"> ~ </span>
+						<input id="${infoPrefix}toDate" name="toDate" type="text" value="${toDate}" required placeholder="종료일자" class="form-control">
+					</div>
+				</div>
+				<div>
+					<button onclick="search${infoPrefix}s();" class="btn btn-primary">찾기</button>
+					<button onclick="${infoPrefix}Control.download();" class="btn btn-primary not-empty">다운로드</button>
+				</div>
+			</div>
+			<div class="table-responsive">
+				<table class="datatables-ajax table table-bordered dataTable no-footer" id="DataTables_Table_0" aria-describedby="DataTables_Table_0_info">
+					<thead>
+						<tr><th style="width: auto;">계정</th>
+							<th style="width: auto;">사용자이름</th>
+							<th style="width: auto;">IP 주소</th>
+							<th style="width: max-content;">로그유형</th>
+							<th style="width: max-content;">접속일시</th>
+							<th style="width: auto;">URL</th>
+							<th style="width: auto;">설명</th>
+							<th style="width: auto;">파일이름</th>
+							<th style="width: auto;">민감정보</th>
+						</tr>
+                    </thead>
+                    <tbody id="${infoPrefix}List">
+					</tbody>
+                   	<template id="${infoPrefix}Row">
+                   	<tr data-key="{LOG_ID}" {onclick}>
+                       <td>{USER_ACNT}</td>
+                       <td>{USER_NM}</td>
+                       <td>{IP_ADDR}</td>
+                       <td>{LOG_TYPE_NM}</td>
+                       <td>{REG_DT}</td>
+                       <td>{URL}</td>
+                       <td>{DSCRP}</td>
+                       <td>{FILE_NM}</td>
+                       <td>{PSNL_INFO}</td>
+                    </tr>
+                    </template>
+                   	<template id="${infoPrefix}NotFound">
+					<tr class="odd">
+						<td valign="top" colspan="8" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
+					</tr>
+                    </template>
+				</table>
+			</div>
+			<div class="d-flex flex-row p-3 justify-content-between">
+				<label id="${infoPrefix}PagingInfo" class="dataTables_info" role="status" aria-live="polite"></label>
+                 <ul id="${infoPrefix}Paging" class="pagination pagination-primary">
+                 </ul>
+			</div>
+		</div>
+    </div>
+              <!--/ Page Body -->
+<script >
+var ${infoPrefix}Control = new DatasetControl({
+	prefix: "${infoPrefix}",
+	prefixName: "${prefixName}",
+	keymapper: row => row.LOG_ID,
+	dataGetter: obj => obj.${infoPrefix}List,
+	query: {}
+});
+
+function search${infoPrefix}s() {
+	let logType = $("#${infoPrefix}logType").val(),
+		params = {
+			logTypes: logType ? [logType] : [],
+			fromDate: $("#${infoPrefix}fromDate").val().replace(/-/gi, ""),
+			toDate: $("#${infoPrefix}toDate").val().replace(/-/gi, "")
+		},
+		terms = $("#${infoPrefix}-query [name='term']").val();
+	if (terms) {
+		switch ($("#${infoPrefix}-query [name='by']").val()) {
+		case "userName": params.userName = terms; break;
+		case "userAccount": params.userAccounts = [terms.toUpperCase()]; break;
+		case "userID": params.userIDs = [terms]; break;
+		default: break;
+		}
+	}
+	
+	${infoPrefix}Control.query = params;
+	${infoPrefix}Control.load(1);
+}
+
+${infoPrefix}Control.onDatasetChange = obj => {
+	let ${infoPrefix}List = ${infoPrefix}Control.dataset,
+		empty = ${infoPrefix}List.empty,
+	
+		trs = empty ?
+			[document.getElementById("${infoPrefix}NotFound").innerHTML] : <%-- from template#${infoPrefix}NotFound --%>
+			${infoPrefix}List.inStrings(
+				document.getElementById("${infoPrefix}Row").innerHTML, <%-- from template#${infoPrefix}Row --%>
+				(str, dataItem) => str
+					.replace(/{onclick}=""/gi, 'onclick="syslogControl.setCurrent(\'' + dataItem.getValue("LOG_ID") + '\');"')
+			);
+	$("#${infoPrefix}List").html(trs.join());
+	$("#${infoPrefix}-query button.not-empty").prop("disabled", empty);
+
+	$("#${infoPrefix}Paging").setPaging({
+		list:${infoPrefix}Control.dataset,
+		prefix:${infoPrefix}Control.prefix,
+		start:obj.${infoPrefix}Start,
+		totalSize:obj.${infoPrefix}Total,
+		fetchSize:obj.${infoPrefix}Fetch,
+		func:"${infoPrefix}Control.load({index})"
+	});
+};
+
+${infoPrefix}Control.onCurrentChange = item => {
+	if (!item) return;
+	
+	let key = item.data.LOG_ID;
+	$("#${infoPrefix}List").setCurrentRow(key);
+};
+
+$("#${infoPrefix}term").onEnterPress(search${infoPrefix}s);
+
+$(function(){
+	${onload}
+	${infoPrefix}Control.setData({
+		${infoPrefix}List:${syslogList},
+		${infoPrefix}Start:${syslogStart},
+		${infoPrefix}Fetch:${syslogFetch},
+		${infoPrefix}Total:${syslogTotal}
+	});
+	$("#${infoPrefix}-query #${infoPrefix}fromDate, #${infoPrefix}-query #${infoPrefix}toDate").datePicker();
+});
+//# sourceURL=${infoPrefix}-main.jsp
+</script>
\ No newline at end of file
diff --git a/src/main/webapp/WEB-INF/jsp/base/user/dept-info.jsp b/src/main/webapp/WEB-INF/jsp/base/user/dept-info.jsp
new file mode 100644
index 00000000..9e088b60
--- /dev/null
+++ b/src/main/webapp/WEB-INF/jsp/base/user/dept-info.jsp
@@ -0,0 +1,101 @@
+<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false" session="false"%>
+<%@ include file="/WEB-INF/jsp/include/taglib.jsp"%>
+              <form id="dept-form">
+                <div class="row g-3">
+                  <div class="col-md-12">
+                    <div class="row">
+                      <label class="col-sm-3 col-form-label text-sm-end" for="deptID">부서코드</label>
+                      <div class="col-sm-9">
+                        <input name="deptID" type="text" required data-map="DEPT_CD" maxlength="7" class="form-control" placeholder="부서코드" />
+                        <input name="sggID" type="hidden" data-map="SGG_CD" />
+                        <input name="instCode" type="hidden" data-map="INST_CD" />
+                      </div>
+                    </div>
+                  </div>
+                  <div class="col-md-12">
+                    <div class="row">
+                      <label class="col-sm-3 col-form-label text-sm-end" for="name">부서이름</label>
+                      <div class="col-sm-9">
+                        <input name="name" type="text" required  data-map="DEPT_NM" maxlength="100" class="form-control" placeholder="부서이름" />
+                      </div>
+                    </div>
+                  </div>
+                  <div class="col-md-12">
+                    <div class="row">
+                      <label class="col-sm-3 col-form-label text-sm-end" for="telno">전화번호</label>
+                      <div class="col-sm-9">
+                        <input name="telno" type="text" data-map="DEPT_TELNO" maxlength="20" class="form-control" placeholder="전화번호"/>
+                      </div>
+                    </div>
+                  </div>
+                  <div class="col-md-12">
+                    <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="DEPT_FXNO" maxlength="20" class="form-control" placeholder="팩스번호"/>
+                      </div>
+                    </div>
+                  </div>
+                  <div class="col-md-12">
+                    <div class="row">
+                      <label class="col-sm-3 col-form-label text-sm-end" for="createdBy">등록자</label>
+                      <div class="col-sm-9">
+                        <input type="text" data-map="RGTR" readonly class="form-control" placeholder="등록자"/>
+                      </div>
+                    </div>
+                  </div>
+                  <div class="col-md-12">
+                    <div class="row">
+                      <label class="col-sm-3 col-form-label text-sm-end" for="description">등록일자</label>
+                      <div class="col-sm-9">
+                        <input type="text" data-map="REG_DT" readonly class="form-control" placeholder="등록일자"/>
+                      </div>
+                    </div>
+                  </div>
+                  <div class="col-md-12">
+                    <div class="row">
+                      <label class="col-sm-3 col-form-label text-sm-end" for="description">사용여부</label>
+                      <div class="col-sm-9" style="padding:.5em .7em;">
+                        <input name="useYN" type="hidden" data-map="USE_YN" />
+                      	<span id="deptInUse"></span>
+                      </div>
+                    </div>
+                  </div>
+                <div class="row mt-4 justify-content-end">
+                      <div class="col-sm-12" style="text-align:right;">
+                        <button onclick="saveDept();" type="button" class="btn btn-primary">저장</button>
+                      </div>
+                </div>
+              </form>
+<script type="text/javascript">
+
+var deptFields = new FormFields("#dept-form");
+
+sggDeptControl.depts.setInfo = obj => {
+	let info = obj.data;
+	deptFields.set(sggDeptControl.depts, obj);
+	let create = isEmpty(info.DEPT_CD);
+	$("input[name='deptID']").prop("readonly", !create);
+	$("#dept-form input").onEnterPress(saveDept);
+	$("#deptInUse").html("Y" == info.USE_YN ? "사용 중" : "사용하지 않음");
+	document.querySelector("input[name='" + (create ? "deptID" : "name") + "']").focus();
+}
+
+sggDeptControl.depts.onModify = (changed) => {
+	if (["DEPT_NM"].filter(e => changed.includes(e)).length < 1)
+		return;
+	
+	renderDeptList();
+	sggDeptControl.depts.dataset.setState();
+}
+
+function saveDept() {
+	if (!$("#dept-form input").validInputs()) return;
+	
+	dialog.alert({
+		content:"현재 부서 정보를 저장하시겠습니까?",
+		onOK:() => sggDeptControl.depts.save(deptFields.get())
+	});
+}
+//# sourceURL=dept-info.jsp
+</script>
\ No newline at end of file
diff --git a/src/main/webapp/WEB-INF/jsp/base/user/password.jsp b/src/main/webapp/WEB-INF/jsp/base/user/password.jsp
new file mode 100644
index 00000000..b85daa90
--- /dev/null
+++ b/src/main/webapp/WEB-INF/jsp/base/user/password.jsp
@@ -0,0 +1,98 @@
+<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false" session="false"%>
+<%@ include file="/WEB-INF/jsp/include/taglib.jsp"%>
+
+<form id="password-form">
+	<div class="row g-3">
+		<div class="col-md-12">
+			<div class="row">
+				<label class="col-sm-4 col-form-label text-sm-end required" for="currentPassword">
+				현재 비밀번호
+				</label>
+				<div class="col-sm-8">
+					<input name="currentPassword" type="password" required class="form-control" />
+				</div>
+			</div>
+		</div>
+		<div class="col-md-12">
+			<div class="row">
+				<label class="col-sm-4 col-form-label text-sm-end required" for="password">
+				새 비밀번호
+				</label>
+				<div class="col-sm-8">
+					<input name="password" type="password" required class="form-control" />
+				</div>
+			</div>
+		</div>
+		<div class="col-md-12">
+			<div class="row">
+				<label class="col-sm-4 col-form-label text-sm-end required" for="confirmPassword">
+				새 비밀번호 확인
+				</label>
+				<div class="col-sm-8">
+					<input name="confirmPassword" type="password" required class="form-control" />
+				</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="validPassword();" class="btn btn-primary">저장</button>
+				</div>
+			</div>
+		</div>
+	</div>
+</form>
+<script>
+	function validPassword(){
+		if($("#password-form input[name='currentPassword']").val() == ""){
+			dialog.alert("현재 비밀번호를 입력하세요.");
+			return;
+		}
+		if($("#password-form input[name='password']").val() == ""){
+			dialog.alert("새 비밀번호를 입력하세요.");
+			return;
+		}
+		if($("#password-form input[name='confirmPassword']").val() == ""){
+			dialog.alert("새 비밀번호 확인을 입력하세요.");
+			return;
+		}
+		
+		let match = Array.from(document.querySelectorAll("input[name='password'],input[name='confirmPassword']"))
+			.map(input => input.value)
+			.reduce((total, current) => total == current);
+		if (!match) {
+			dialog.alert({
+				content:"새 비밀번호와 새 비밀번호 확인이 다릅니다.",
+				onClose:function(){
+					document.querySelector("input[name='confirmPassword']").focus();
+				}
+			});
+			return;
+		}
+		
+		savePassword();
+	}
+	
+	function savePassword(){
+		
+		ajax.post({
+			url : wctx.url("/user/changePassword.do"),
+			data : { 
+				userIDs : MY_INFO.id,
+				password : $("#password-form input[name='password']").val(),
+				currentPassword : $("#password-form input[name='currentPassword']").val(),
+				init : false
+			},
+			success : (resp) => {
+				if(resp.saved){
+					dialog.alert("비밀번호 변경에 성공하였습니다.");
+					dialog.close("changePasswordDialog");
+				} else {
+					dialog.alert("비밀번호 변경에 실패하였습니다.");
+				}
+			}
+		});
+	}
+</script>
\ No newline at end of file
diff --git a/src/main/webapp/WEB-INF/jsp/base/user/select-sggDepts.jsp b/src/main/webapp/WEB-INF/jsp/base/user/select-sggDepts.jsp
new file mode 100644
index 00000000..b665b928
--- /dev/null
+++ b/src/main/webapp/WEB-INF/jsp/base/user/select-sggDepts.jsp
@@ -0,0 +1,57 @@
+<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false" session="false"%>
+<%@ include file="/WEB-INF/jsp/include/taglib.jsp"%>
+              <!-- Page Body -->
+        <div id="DataTables_Table_0_wrapper" class="dataTables_wrapper dt-bootstrap5 no-footer">
+			<table class="datatables-ajax table table-bordered dataTable no-footer" id="DataTables_Table_0">
+				<thead>
+					<tr><th class="sorting sorting_asc" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="2" aria-sort="ascending" style="">시군구</th>
+						<th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="2" style="">기관</th>
+						<th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="2" style="">부서</th>
+					</tr>
+                   </thead>
+                   <tbody id="sggDeptList">
+					</tbody>
+                  	<template id="sggDeptRow">
+                  	<tr data-key="{dataKey}">
+                      <td onclick="sggDepts.setCurrent('{dataKey}')">{SGG_CD}</td>
+                      <td onclick="sggDepts.setCurrent('{dataKey}')">{SGG_NM}</td>
+                      <td onclick="sggDepts.setCurrent('{dataKey}')">{INST_CD}</td>
+                      <td onclick="sggDepts.setCurrent('{dataKey}')">{INST_NM}</td>
+                      <td onclick="sggDepts.setCurrent('{dataKey}')">{DEPT_CD}</td>
+                      <td onclick="sggDepts.setCurrent('{dataKey}')">{DEPT_NM}</td>
+                   </tr>
+                   </template>
+                  	<template id="sggDeptNotFound">
+				<tr class="odd">
+					<td valign="top" colspan="4" class="dataTables_empty text-center">부서정보를 찾지 못했습니다.</td>
+				</tr>
+                   </template>
+			</table>
+		</div>
+              <!--/ Page Body -->
+<script >
+var sggDepts = new Dataset({
+	keymapper: info => info.dataKey,
+	onDatasetChange: obj => {
+		let empty = sggDepts.empty;
+		
+		let trs = empty ?
+			[document.getElementById("sggDeptNotFound").innerHTML] : <%-- from template#${infoPrefix}NotFound --%>
+			sggDepts.inStrings(document.getElementById("sggDeptRow").innerHTML); <%-- from template#${infoPrefix}Row --%>
+		$("#sggDeptList").html(trs.join());
+	},
+	onCurrentChange: item => {
+		if (!item) return;
+		
+		let key = item.data.dataKey;
+		$("#sggDeptList").setCurrentRow(key);
+	}
+});
+
+function getSelectedDept() {
+	return sggDepts.getCurrent();
+}
+
+sggDepts.setData(${sggDepts});
+//# sourceURL=select-sggDepts.jsp
+</script>
\ No newline at end of file
diff --git a/src/main/webapp/WEB-INF/jsp/base/user/select-user.jsp b/src/main/webapp/WEB-INF/jsp/base/user/select-user.jsp
new file mode 100644
index 00000000..e6b90043
--- /dev/null
+++ b/src/main/webapp/WEB-INF/jsp/base/user/select-user.jsp
@@ -0,0 +1,126 @@
+<%@ 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>
+<div class="card" data-doctx="select-user"><!-- Page Body -->
+    <div class="card-datatable text-nowrap">
+        <div id="DataTables_Table_0_wrapper" class="dataTables_wrapper dt-bootstrap5 no-footer">
+			<div class="d-flex flex-row justify-content-between p-3">
+				<div>
+					<div class="input-group" id="DataTables_Table_0_length">
+						<select name="by" onchange="userSelector.find('term').focus();" aria-controls="DataTables_Table_0" class="form-select">
+							<option value="userName">이름</option>
+							<option value="userAccount">계정</option>
+						</select>
+						<input name="term" autofocus type="text" placeholder="조회 조건을 입력하십시오." class="form-control">
+					</div>
+				</div>
+				<div>
+					<button onclick="userSelector.search();" class="btn btn-primary">찾기</button>
+				</div>
+			</div>
+			<table class="datatables-ajax table table-bordered dataTable no-footer" >
+				<thead name="userThead">
+					<tr><th tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" style="text-align:center;"><input onchange="userSelector.dataset.select(this.checked);" type="checkbox" class="form-check-input"></th>
+						<th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" >시군구명</th>
+                        <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" >기관명</th>
+                        <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" >부서명</th>
+                        <th class="sorting sorting_asc" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" aria-sort="ascending" aria-label="Full name: activate to sort column descending" >계정</th>
+                        <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" >이름</th>
+                        <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" >등록일자</th>
+					</tr>
+                   </thead>
+                   <tbody name="userList">
+					</tbody>
+                  	<template name="userRow">
+                  	<tr data-key="{USER_ID}">
+                      <td style="text-align:center;"><input value="{USER_ID}" onchange="userSelector.dataset.select('{USER_ID}', this.checked);" type="checkbox" class="form-check-input"></td>
+                      <td onclick="userSelector.setCurrent('{USER_ID}')" ondblclick="userSelector.getInfo({})">{SGG_NM}</td>
+                      <td onclick="userSelector.setCurrent('{USER_ID}')" ondblclick="userSelector.getInfo({})">{INST_NM}</td>
+                      <td onclick="userSelector.setCurrent('{USER_ID}')" ondblclick="userSelector.getInfo({})">{DEPT_NM}</td>
+                      <td onclick="userSelector.setCurrent('{USER_ID}')" ondblclick="userSelector.getInfo({})">{USER_ACNT}</td>
+                      <td onclick="userSelector.setCurrent('{USER_ID}')" ondblclick="userSelector.getInfo({})">{USER_NM}</td>
+                      <td onclick="userSelector.setCurrent('{USER_ID}')" ondblclick="userSelector.getInfo({})">{REG_DT}</td>
+                   </tr>
+                   </template>
+                  	<template name="userNotFound">
+				<tr class="odd">
+					<td valign="top" colspan="7" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
+				</tr>
+                   </template>
+			</table>
+			<div class="d-flex flex-row p-3 justify-content-between">
+				<label name="userPagingInfo" class="dataTables_info" role="status" aria-live="polite"></label>
+                 <ul name="userPaging" class="pagination pagination-primary">
+                 </ul>
+			</div>
+		</div>
+    </div>
+</div><!--/ Page Body -->
+<script >
+var userSelector = newUserControl("[data-doctx='select-user']");
+
+function getSelectedUser() {
+	let selected = userSelector.dataset.getKeys("selected");
+	if (selected.length < 1)
+		return dialog.alert("사용자를 선택하십시오.");
+	else
+		return selected;
+}
+
+userSelector.search = () => {
+	userSelector.query = {
+		by: userSelector.find("name","by").value,
+		term: userSelector.find("name","term").value
+	};
+	userSelector.load(1);
+}
+
+userSelector.onDatasetChange = obj => {
+	let list = userSelector.dataset;
+	let empty = list.empty;
+	
+	let trs = empty ?
+		[userSelector.find("name","userNotFound").innerHTML] :
+		list.inStrings(userSelector.find("name","userRow").innerHTML);
+	userSelector.find("name","userList").innerHTML = trs.join("");
+	userSelector.querySelector("[name='userThead'] th input[type='checkbox']").checked = false;
+
+	$(userSelector.selector("[name='userPaging']")).setPaging({
+		list: list,
+		prefix: userSelector.prefix,
+		start: obj.userStart,
+		totalSize: obj.userTotal,
+		fetchSize: obj.userFetch,
+		func:"userSelector.load({index})"
+	});
+};
+
+userSelector.onCurrentChange = item => {
+	if (!item) return;
+	
+	let key = item.data.USER_ID;
+	$(userSelector.selector("[name='userList']")).setCurrentRow(key);
+};
+
+userSelector.onSelectionChange = selected => {
+	let list = userSelector.dataset;
+	let keys = selected.map(e => list.getKey(e));
+	$(userSelector.selector("[name='userList'] input[type='checkbox']")).each(function() {
+		let checkbox = $(this);
+		checkbox.prop("checked", keys.includes(checkbox.val()));
+	});
+};
+
+$(userSelector.selector("[name='term']")).onEnterPress(userSelector.search);
+
+$(function(){
+	${onload}
+	userSelector.setData({
+		userList:${userList},
+		userStart:${userStart},
+		userFetch:${userFetch},
+		userTotal:${userTotal}
+	});
+});
+//# sourceURL=select-user.jsp
+</script>
\ No newline at end of file
diff --git a/src/main/webapp/WEB-INF/jsp/base/user/sgg-dept.jsp b/src/main/webapp/WEB-INF/jsp/base/user/sgg-dept.jsp
new file mode 100644
index 00000000..5013a942
--- /dev/null
+++ b/src/main/webapp/WEB-INF/jsp/base/user/sgg-dept.jsp
@@ -0,0 +1,246 @@
+<%@ 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>
+              <!-- Page Body -->
+    <div class="d-flex flex-column flex-grow-1">
+        <div id="DataTables_Table_0_wrapper" class="dataTables_wrapper dt-bootstrap5 no-footer">
+        
+			<div class="d-flex flex-row justify-content-evenly">
+				<div style="width:49%;">
+				<h5 class="mt-3">${prefixName}</h5>
+				<div class="d-flex flex-row justify-content-between p-3">
+					<%--div>
+						<div class="input-group" id="${infoPrefix}-query">
+							<select id="${infoPrefix}by" name="by" onchange="document.getElementById('${infoPrefix}term').focus();" aria-controls="DataTables_Table_0" class="form-select">
+								<option value="sggName">이름</option>
+								<option value="sggID">아이디</option>
+							</select>
+							<input id="${infoPrefix}term" name="term" autofocus type="text" placeholder="조회 조건을 입력하십시오." class="form-control">
+						</div>
+					</div--%>
+					<div>
+						<%--button onclick="searchSggs();" class="btn btn-primary">찾기</button--%>
+						<button onclick="sggDeptControl.newSgg();" class="btn btn-primary">+ 추가</button>
+						<button id="btnRemoveSggs" onclick="removeSggs();" class="btn btn-primary">- 제거</button>
+					</div>
+				</div>
+				<table class="datatables-ajax table table-bordered dataTable no-footer" id="DataTables_Table_0" aria-describedby="DataTables_Table_0_info">
+					<thead id="sggThead">
+						<tr><th tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" style="text-align:center;"><input onchange="sggDeptControl.sggs.select(this.checked);" type="checkbox" class="form-check-input"></th>
+							<th class="text-center sorting sorting_asc" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="2" aria-sort="ascending">시군구</th>
+							<th class="text-center sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="2">기관</th>
+						</tr>
+                    </thead>
+                    <tbody id="sggList">
+					</tbody>
+                   	<template id="sggRow">
+                   	<tr data-key="{SGG_CD}"{notUsed}>
+                       <td style="text-align:center;"><input value="{SGG_CD}" onchange="sggDeptControl.sggs.select('{SGG_CD}', this.checked);" type="checkbox" class="form-check-input"></td>
+                       <td onclick="sggDeptControl.sggs.setCurrent('{SGG_CD}')" ondblclick="sggDeptControl.sggs.getInfo({})">{SGG_CD}</td>
+                       <td onclick="sggDeptControl.sggs.setCurrent('{SGG_CD}')" ondblclick="sggDeptControl.sggs.getInfo({})">{SGG_NM}</td>
+                       <td onclick="sggDeptControl.sggs.setCurrent('{SGG_CD}')" ondblclick="sggDeptControl.sggs.getInfo({})">{INST_CD}</td>
+                       <td onclick="sggDeptControl.sggs.setCurrent('{SGG_CD}')" ondblclick="sggDeptControl.sggs.getInfo({})">{INST_NM}</td>
+                    </tr>
+                    </template>
+                   	<template id="sggNotFound">
+					<tr class="odd">
+						<td valign="top" colspan="5" class="dataTables_empty text-center">${prefixName}를 찾지 못했습니다.</td>
+					</tr>
+                    </template>
+				</table>
+				<div class="d-flex flex-row p-3 justify-content-between">
+					<label id="sggPagingInfo" class="dataTables_info" role="status" aria-live="polite"></label>
+	                 <ul id="sggPaging" class="pagination pagination-primary">
+	                 </ul>
+				</div>
+				</div>
+				<div style="width:49%;">
+				<h5 class="mt-3">부서 정보</h5>
+				<div class="d-flex flex-row justify-content-end p-3">
+					<div>
+						<button id="btnAddDept" onclick="sggDeptControl.newDept();" class="btn btn-primary">+ 추가</button>
+						<button id="btnRemoveDepts" onclick="removeDepts();" class="btn btn-primary">- 제거</button>
+					</div>
+				</div>
+				<table class="datatables-ajax table table-bordered dataTable no-footer" id="DataTables_Table_0" aria-describedby="DataTables_Table_0_info">
+					<thead id="deptThead">
+						<tr><th tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" style="text-align:center;"><input id="deptToggler" onchange="sggDeptControl.depts.select(this.checked);" type="checkbox" class="form-check-input"></th>
+							<th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1">부서코드</th>
+							<th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1">부서이름</th>
+							<th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1">전화번호</th>
+						</tr>
+                    </thead>
+                    <tbody id="deptList">
+					</tbody>
+                   	<template id="deptRow">
+                   	<tr data-key="{DEPT_CD}"{notUsed}>
+                       <td style="text-align:center;"><input value="{DEPT_CD}" onchange="sggDeptControl.depts.select('{DEPT_CD}', this.checked);" type="checkbox" class="form-check-input"></td>
+                       <td onclick="sggDeptControl.depts.setCurrent('{DEPT_CD}')" ondblclick="sggDeptControl.depts.getInfo({})">{DEPT_CD}</td>
+                       <td onclick="sggDeptControl.depts.setCurrent('{DEPT_CD}')" ondblclick="sggDeptControl.depts.getInfo({})">{DEPT_NM}</td>
+                       <td onclick="sggDeptControl.depts.setCurrent('{DEPT_CD}')" ondblclick="sggDeptControl.depts.getInfo({})">{DEPT_TELNO}</td>
+                    </tr>
+                    </template>
+                   	<template id="deptNotFound">
+					<tr class="odd">
+						<td valign="top" colspan="4" class="dataTables_empty text-center">부서 정보를 찾지 못했습니다.</td>
+					</tr>
+                    </template>
+				</table>
+				<div class="d-flex flex-row p-3 justify-content-between">
+					<label id="deptPagingInfo" class="dataTables_info" role="status" aria-live="polite"></label>
+	                 <ul id="deptPaging" class="pagination pagination-primary">
+	                 </ul>
+				</div>
+				</div>
+			</div>
+		</div>
+    </div>
+              <!--/ Page Body -->
+<script >
+var sggDeptControl = new SggDeptControl();
+sggDeptControl.sggs.query = {includeAll: true};
+<%--
+function searchSggs() {
+	sggDeptControl.sggs.query = {
+		by:$("#${infoPrefix}-query [name='by']").val(),
+		term:$("#${infoPrefix}-query [name='term']").val()
+		includeAll: true
+	};
+	sggDeptControl.sggs.load(1);
+}--%>
+
+function removeSggs() {
+	dialog.alert({
+		content:"선택한 ${prefixName} 정보를 제거하시겠습니까?",
+		onOK:() => {
+			sggDeptControl.sggs.remove();
+		}
+	});
+}
+
+function removeDepts() {
+	dialog.alert({
+		content:"선택한 코드를 삭제하시겠습니까?",
+		onOK:() => {
+			sggDeptControl.depts.remove();
+		}
+	});
+}
+
+function renderSggList() {
+	let sggList = sggDeptControl.sggs.dataset;
+	let empty = sggList.empty;
+	
+	let trs = empty ?
+		[document.getElementById("sggNotFound").innerHTML] : <%-- from template#sggNotFound --%>
+		sggList.inStrings(
+				document.getElementById("sggRow").innerHTML,
+				(tmpl, item) => tmpl.replace(/{notUsed}/gi, item.getValue("USE_YN") == "N" ? "class=\"not-used\"" : "")
+			); <%-- from template#sggRow --%>
+	$("#sggList").html(trs.join());
+	$("#sggThead").find("th input[type='checkbox']").prop("checked", false);
+	$("#deptThead").find("th input[type='checkbox']").prop("checked", false);
+}
+
+sggDeptControl.sggs.onDatasetChange = obj => {
+	renderSggList();
+
+	$("#sggPaging").setPaging({
+		list:sggDeptControl.sggs.dataset,
+		prefix:sggDeptControl.sggs.prefix,
+		start:obj.sggStart,
+		totalSize:obj.sggTotal,
+		fetchSize:obj.sggFetch,
+		func:"sggDeptControl.sggs.load({index})"
+	});
+};
+
+sggDeptControl.sggs.onCurrentChange = item => {
+	$("#btnAddDept").prop("disabled", !item);
+	if (!item) return;
+	
+	let key = item.data.SGG_CD;
+	$("#sggList").setCurrentRow(key);
+	sggDeptControl.getDepts({includeAll: true});
+};
+
+sggDeptControl.sggs.onSelectionChange = selected => {
+	let sggList = sggDeptControl.sggs.dataset;
+	let keys = selected.map(e => sggList.getKey(e));
+	$("#sggList input[type='checkbox']").each(function() {
+		let checkbox = $(this);
+		checkbox.prop("checked", keys.includes(checkbox.val()));
+	});
+	
+	$("#btnRemoveSggs").prop("disabled", keys.length < 1);
+};
+
+function renderDeptList() {
+	let deptList = sggDeptControl.depts.dataset;
+	let empty = deptList.empty;
+	
+	let trs = empty ?
+		[document.getElementById("deptNotFound").innerHTML] : <%-- from template#sggNotFound --%>
+		deptList.inStrings(
+				document.getElementById("deptRow").innerHTML,
+				(tmpl, item) => tmpl.replace(/{notUsed}/gi, item.getValue("USE_YN") == "N" ? "class=\"not-used\"" : "")
+			); <%-- from template#sggRow --%>
+	$("#deptList").html(trs.join());
+	$("#deptToggler").prop("checked", false);
+}
+
+sggDeptControl.depts.onDatasetChange = obj => {
+	renderDeptList();
+	
+	$("#deptPaging").setPaging({
+		list:sggDeptControl.depts.dataset,
+		prefix:sggDeptControl.depts.prefix,
+		start:obj ? obj.deptStart : -1,
+		totalSize:obj ? obj.deptTotal : 0,
+		fetchSize:obj ? obj.deptFetch : 10,
+		func:"sggDeptControl.depts.load({index})"
+	});
+};
+
+sggDeptControl.depts.onCurrentChange = item => {
+	if (!item) return;
+	
+	let data = item.data;
+	let key = data.DEPT_CD;
+	$("#deptList").setCurrentRow(key);
+};
+
+sggDeptControl.depts.onSelectionChange = selected => {
+	let deptList = sggDeptControl.depts.dataset;
+	let keys = selected.map(e => deptList.getKey(e));
+	$("#deptList input[type='checkbox']").each(function() {
+		let checkbox = $(this);
+		checkbox.prop("checked", keys.includes(checkbox.val()));
+	});
+	
+	let sgg = sggDeptControl.sggs.getCurrent();
+	sgg = sgg ? sgg.USE_YN : "N";
+	
+	$("#btnAddDept").prop("disabled", "N" == sgg);
+	$("#btnRemoveDepts").prop("disabled", selected.length < 1);
+};
+
+$(function(){
+	${onload}
+	sggDeptControl.sggs.setData({
+		sggList:${sggList},
+		sggStart:${sggStart},
+		sggFetch:${sggFetch},
+		sggTotal:${sggTotal}
+	});
+	sggDeptControl.depts.setData({
+		deptList:${deptList},
+		deptStart:${deptStart},
+		deptFetch:${deptFetch},
+		deptTotal:${deptTotal}
+	});
+
+<%-- $("#${infoPrefix}term").onEnterPress(searchSggs); --%>
+});
+//# sourceURL=sgg-dept.jsp
+</script>
\ No newline at end of file
diff --git a/src/main/webapp/WEB-INF/jsp/base/user/sgg-info.jsp b/src/main/webapp/WEB-INF/jsp/base/user/sgg-info.jsp
new file mode 100644
index 00000000..777d0e18
--- /dev/null
+++ b/src/main/webapp/WEB-INF/jsp/base/user/sgg-info.jsp
@@ -0,0 +1,122 @@
+<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false" session="false"%>
+<%@ include file="/WEB-INF/jsp/include/taglib.jsp"%>
+              <form id="sgg-form">
+                <div class="row g-3">
+                  <div class="col-md-12">
+                    <div class="row">
+                      <label class="col-sm-3 col-form-label text-sm-end">시군구</label>
+                      <div class="col-sm-9">
+                      	<div class="row justify-content-between" style="padding: 0 .75rem;">
+	                        <input name="sggID" type="text" required data-map="SGG_CD" maxlength="5" class="form-control" style="width: 28%;" placeholder="시군구 코드" />
+                        	<input name="sggName" type="text" required  data-map="SGG_NM" maxlength="60" class="form-control" style="width: 70%;" placeholder="시군구 이름" />
+                      	</div>
+                      </div>
+                    </div>
+                  </div>
+                  <div class="col-md-12">
+                    <div class="row">
+                      <label class="col-sm-3 col-form-label text-sm-end">기관</label>
+                      <div class="col-sm-9">
+                      	<div class="row justify-content-between" style="padding: 0 .75rem;">
+	                        <select name="instType" data-map="INST_SE_CD" class="form-control" style="width: 24%;">
+	                        	<option value="">구분</option>
+	                        	<option value="01">시청</option>
+	                        	<option value="02">구청</option>
+	                        	<option value="03">군청</option>
+	                        	<option value="04">도청</option>
+	                        	<option value="05">출장소</option>
+	                        	<option value="06">사무소</option>
+	                        </select>
+                        	<input name="instCode" type="text" data-map="INST_CD" maxlength="7" class="form-control" style="width: 25%;" placeholder="기관 코드"/>
+                        	<input name="instName" type="text" data-map="INST_NM" maxlength="100" class="form-control" style="width: 48%;" placeholder="기관 이름"/>
+                      	</div>
+                      </div>
+                    </div>
+                  </div>
+                  <div class="col-md-12">
+                    <div class="row">
+                      <label class="col-sm-3 col-form-label text-sm-end">주소</label>
+                      <div class="col-sm-9">
+                      	<div class="row justify-content-between" style="padding: 0 .75rem;">
+	                        <input name="instAddress" type="text" data-map="INST_ADDR" maxlength="200" class="form-control" placeholder="주소"/>
+                        	<input name="instDetailAddress" type="text" data-map="INST_DADDR" maxlength="200" class="form-control" style="margin: .5rem 0;" placeholder="상세주소"/>
+                        	<input name="instZipCode" type="text" data-map="INST_ZIP" maxlength="6" class="form-control" style="width: 32%;" placeholder="기관 우편번호"/>
+                      	</div>
+                      </div>
+                    </div>
+                  </div>
+                  <div class="col-md-12">
+                    <div class="row">
+                      <label class="col-sm-3 col-form-label text-sm-end">직인 파일</label>
+                      <div class="col-sm-9">
+                      	<div class="row justify-content-between" style="padding: 0 .75rem;">
+                        	<input name="officialSealFilepath" type="text" data-map="OFFCS_FILE_PATH" maxlength="200" class="form-control" placeholder="직인 파일경로"/>
+                        	<input name="officialSealFilename" type="text" data-map="OFFCS_FILE_NM" maxlength="100" class="form-control" style="margin: .5rem 0;" placeholder="직인 파일이름"/>
+                      	</div>
+                      </div>
+                    </div>
+                  </div>
+                  <div class="col-md-12">
+                    <div class="row">
+                      <label class="col-sm-3 col-form-label text-sm-end" for="createdBy">등록자</label>
+                      <div class="col-sm-9">
+                        <input type="text" data-map="RGTR" readonly class="form-control" placeholder="등록자"/>
+                      </div>
+                    </div>
+                  </div>
+                  <div class="col-md-12">
+                    <div class="row">
+                      <label class="col-sm-3 col-form-label text-sm-end">등록일자</label>
+                      <div class="col-sm-9">
+                        <input type="text" data-map="REG_DT" readonly class="form-control" placeholder="등록일자"/>
+                      </div>
+                    </div>
+                  </div>
+                  <div class="col-md-12">
+                    <div class="row">
+                      <label class="col-sm-3 col-form-label text-sm-end">사용여부</label>
+                      <div class="col-sm-9" style="padding:.5em .7em;">
+                        <input name="useYN" type="hidden" data-map="USE_YN" />
+                      	<span id="sggInUse"></span>
+                      </div>
+                    </div>
+                  </div>
+                <div class="row mt-4 justify-content-end">
+                      <div class="col-sm-12" style="text-align:right;">
+                        <button onclick="saveSgg();" type="button" class="btn btn-primary">저장</button>
+                      </div>
+                </div>
+              </form>
+<script type="text/javascript">
+
+var sggFields = new FormFields("#sgg-form");
+
+sggDeptControl.sggs.setInfo = obj => {
+	let info = obj.data;
+	sggFields.set(sggDeptControl.sggs, obj);
+	let create = isEmpty(info.SGG_CD);
+	$("input[name='sggID']").prop("readonly", !create);
+	$("#sgg-form input").onEnterPress(saveSgg);
+	$("#sggInUse").html(info.USE_YN == "Y" ? "사용 중" : "사용하지 않음");
+	
+	document.querySelector("input[name='" + (create ? "sggID" : "sggName") + "']").focus();
+}
+
+sggDeptControl.sggs.onModify = (changed) => {
+	if (["SGG_NM"].filter(e => changed.includes(e)).length < 1)
+		return;
+	
+	renderSggList();
+	sggDeptControl.sggs.dataset.setState();
+}
+
+function saveSgg() {
+	if (!$("#sgg-form input").validInputs()) return;
+	
+	dialog.alert({
+		content:"현재 시군구 정보를 저장하시겠습니까?",
+		onOK:() => sggDeptControl.sggs.save(sggFields.get())
+	});
+}
+//# sourceURL=sgg-info.jsp
+</script>
\ No newline at end of file
diff --git a/src/main/webapp/WEB-INF/jsp/base/user/user-info.jsp b/src/main/webapp/WEB-INF/jsp/base/user/user-info.jsp
new file mode 100644
index 00000000..e3b3d212
--- /dev/null
+++ b/src/main/webapp/WEB-INF/jsp/base/user/user-info.jsp
@@ -0,0 +1,309 @@
+<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false" session="false"%>
+<%@ include file="/WEB-INF/jsp/include/taglib.jsp"%>
+<form id="infoPrefix-form" data-doctx="user">
+	<input type="hidden" name="cntnSeCd" data-map="CNTN_SE_CD" />
+
+	<div class="row g-3">
+		<div class="col-md-6">
+			<div class="row">
+				<label class="col-sm-3 text-sm-end col-form-label required">
+				사용자구분
+				</label>
+				<div class="col-sm-9">
+					<select name="userSeCd" class="form-select" data-map="USER_SE_CD" 
+						required title="사용자구분">
+					</select>
+				</div>
+			</div>
+		</div>
+		<div class="col-md-6">
+		</div>
+		<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" 
+					id="btnSelectOgdp"
+					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">
+			<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="prefixName 계정" />
+				</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="prefixName 이름" />
+                      </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>
+                  <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>
+                  <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>
+                  <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">
+                      <c:if test='${currentUser.hasAuthorities("ROLE_ADMIN")}'>
+						<div class="form-check form-check-inline mt-3">
+						  <input name="status" value="P" type="radio" data-map="STTS" class="form-check-input"/>
+						  <label class="form-check-label" for="approved">승인</label>
+						</div>
+						<div class="form-check form-check-inline">
+						  <input name="status" value="A" type="radio" data-map="STTS" class="form-check-input"/>
+						  <label class="form-check-label" for="applied">신청</label>
+						</div>
+						<div class="form-check form-check-inline">
+						  <input name="status" value="D" type="radio" data-map="STTS" class="form-check-input"/>
+						  <label class="form-check-label" for="removed">삭제</label>
+						</div>
+					  </c:if>
+                      <c:if test='${!currentUser.hasAuthorities("ROLE_ADMIN")}'>
+                        <input name="status" type="hidden" data-map="STTS" class="form-control" placeholder="상태"/>
+                        <label class="col-form-label" for=STTS></label>
+                      </c:if>
+                      </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 onclick="saveinfoPrefix();" type="button" 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>
+              
+	<datalist id="userSeCdList">
+		<c:forEach items="${CMN008List}" var="item">
+			<option value="${item.code}">${item.value}</option>
+		</c:forEach>
+	</datalist>
+              
+<script type="text/javascript">
+var infoPrefixFields = new FimsFormFields("#infoPrefix-form");
+
+infoPrefixCtrl.setInfo = (obj) => {
+	let create = isEmpty(obj.data.USER_ACNT);
+	if(create){
+		obj.data.CNTN_SE_CD = "01";
+	}
+	
+	let isInnerUser = (obj.data.CNTN_SE_CD == "01");
+	if(!isInnerUser){
+		$("#infoPrefix-form select[name='userSeCd']").html($("#userSeCdList option[value='21']").clone());
+		$("#btnSelectOgdp").attr("hidden","hidden");
+	} else {
+		$("#infoPrefix-form select[name='userSeCd']").html($("#userSeCdList option[value!='21']").clone());
+		$("#btnSelectOgdp").removeAttr("hidden");
+	}
+	
+	infoPrefixFields.set(infoPrefixCtrl,obj);
+
+	$("#infoPrefix-form input[name='account']").prop("readonly", !create);
+	$("#infoPrefix-form input[name='name']").prop("readonly", !create);
+	
+	if(create){
+		$("#infoPrefix-form :radio[name='status'][value='D']").attr("hidden","hidden");
+		$("#infoPrefix-form label[for='removed']").attr("hidden","hidden");
+	} else {
+		$("#infoPrefix-form :radio[name='status'][value='D']").removeAttr("hidden");
+		$("#infoPrefix-form label[for='removed']").removeAttr("hidden");
+	}
+	
+	$("#infoPrefix-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");
+		}
+	});
+	
+	let positionNameDiv = $("#infoPrefix-form input[name='positionName']").parent().parent().parent();
+	if (isInnerUser) {
+		positionNameDiv.removeAttr("hidden");
+	} else {
+		positionNameDiv.attr("hidden","hidden");
+	}
+	
+	let mobilePhoneNoDiv = $("#infoPrefix-form input[name='mobilePhoneNo']").parent().parent().parent();
+	if (!isInnerUser) {
+		mobilePhoneNoDiv.removeAttr("hidden");
+	} else {
+		mobilePhoneNoDiv.attr("hidden","hidden");
+	}
+
+	let stts = "";
+	if(obj.data.STTS == "D"){
+		stts = "삭제";
+	} else if(obj.data.STTS == "P"){
+		stts = "승인";
+	} else {
+		stts = "신청";
+	}
+	$("#infoPrefix-form label[for='STTS']").html(stts);
+	
+	$("#infoPrefix-form").find("input,select")
+		.change(function() {
+			let input = $(this),
+				name = input.attr("data-map"),
+				val = input.val();
+			infoPrefixCtrl.setValue(name, val);
+		})
+		.onEnterPress(saveinfoPrefix);
+	
+	document.querySelector("#infoPrefix-form input[name='" + (create ? "account" : "name") + "']").focus();
+}
+
+infoPrefixCtrl.onModify = (changed) => {
+	if (["USER_NM", "EML_ADRS", "MBL_TELNO"].filter(e => changed.includes(e)).length < 1)
+		return;
+	
+	infoPrefixCtrl.renderList();
+	infoPrefixCtrl.dataset.setState();
+}
+
+function saveinfoPrefix() {
+	if (!$("#infoPrefix-form").find("input,select").validInputs()) return;
+	
+	let match = Array.from(document.querySelectorAll("#infoPrefix-form input[type='password']"))
+		.map(input => input.value)
+		.reduce((total, current) => total == current);
+	if (!match) {
+		dialog.alert({
+			content:"비밀번호와 비밀번호 확인이 다릅니다.",
+			onClose:function(){
+				document.querySelector("#infoPrefix-form input[name='confirmPassword']").focus();
+			}
+		});
+		return;
+	}
+	
+	dialog.alert({
+		content:"현재 prefixName 정보를 저장하시겠습니까?",
+		onOK:() => {
+			infoPrefixCtrl.save(infoPrefixFields.get());
+		}
+	});
+}
+
+function setOgdpCodeValues(institute, deptCode, sggCd){
+	$("#infoPrefix-form [name='institute']").val(institute).trigger("change");
+	$("#infoPrefix-form [name='deptCode']").val(deptCode).trigger("change");
+	$("#infoPrefix-form [name='orgID']").val(sggCd).trigger("change");
+}
+
+//# sourceURL=user-info.jsp
+</script>
\ No newline at end of file
diff --git a/src/main/webapp/WEB-INF/jsp/base/user/user-main.jsp b/src/main/webapp/WEB-INF/jsp/base/user/user-main.jsp
new file mode 100644
index 00000000..e3938352
--- /dev/null
+++ b/src/main/webapp/WEB-INF/jsp/base/user/user-main.jsp
@@ -0,0 +1,174 @@
+<%@ 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>
+    <div data-doctx="user" class="d-flex flex-column flex-grow-1"><!-- Page Body -->
+        <div id="DataTables_Table_0_wrapper" class="dataTables_wrapper dt-bootstrap5 no-footer">
+        
+			<div class="d-flex flex-row justify-content-between p-3">
+				<div class="d-flex flex-grow-1 me-5">
+					<div class="input-group me-3 w-px-400">
+						<select name="by" onchange="userCtrl.find('name', 'term').focus();" class="form-select">
+							<option value="userName">이름</option>
+							<option value="userAccount">계정</option>
+						</select>
+						<input name="term" autofocus type="text" placeholder="조회 조건을 입력하십시오." class="form-control">
+						
+					</div>
+					<label for="userStatus" class="form-label fw-bold px-3 d-flex flex-wrap align-content-center justify-content-center">상태</label>
+					<select name="status" class="form-select">
+						<option value="">전체</option>
+						<option value="A">신청</option>
+						<option value="P">승인</option>
+						<option value="D">삭제</option>
+					</select>
+					<label for="type" class="form-label fw-bold px-3 d-flex flex-wrap align-content-center justify-content-center">접속구분</label>
+					<select name="type" class="form-select">
+						<option value="">전체</option>
+						<c:forEach items="${CMN009List}" var="item">
+							<option value="${item.code}">${item.value}</option>
+						</c:forEach>
+					</select>
+				</div>
+				<div>
+					<button onclick="userCtrl.search();" class="btn btn-primary">찾기</button>
+					<button onclick="userCtrl.newInfo();" class="btn btn-primary">+ 추가</button>
+					<button onclick="userCtrl.removeUsers();" class="btn btn-primary enable-onfound">- 제거</button>
+				</div>
+			</div>
+			<div class="table-responsive">
+				<table class="datatables-ajax table table-bordered dataTable no-footer">
+					<thead name="userThead">
+						<tr><th tabindex="0" style="width: 158.828px; text-align:center;"><input onchange="userCtrl.select(this.checked);" type="checkbox" class="form-check-input"></th>
+							<th class="sorting" style="width: 146.156px;">상태</th>
+							<th class="sorting" style="width: 146.156px;">사용자구분</th>
+							<th class="sorting" style="width: 146.156px;">기관</th>
+							<th class="sorting sorting_asc" aria-sort="ascending" style="width: 223.719px;">계정</th>
+							<th class="sorting" style="width: 146.156px;">이름</th>
+                            <th class="sorting" style="width: 146.156px;">부서</th>
+							<th class="sorting" style="width: 195.688px;">이메일</th>
+							<th class="sorting" style="width: 160.141px;">전화번호(유선)</th>
+							<th class="sorting" style="width: 230.469px;">등록일자</th>
+						</tr>
+                    </thead>
+                    <tbody name="userList">
+					</tbody>
+                   	<template name="userRow">
+	                   	<tr data-key="{USER_ID}">
+	                       <td style="text-align:center;"><input value="{USER_ID}" onchange="userCtrl.select('{USER_ID}', this.checked);" type="checkbox" class="form-check-input"></td>
+	                       <td {onclick} {ondblclick}>{STTS_NM}</td>
+	                       <td {onclick} {ondblclick}>{USER_SE_NM}</td>
+	                       <td {onclick} {ondblclick}>{INST_NM}</td>
+	                       <td {onclick} {ondblclick}>{USER_ACNT}</td>
+	                       <td {onclick} {ondblclick}>{USER_NM}</td>
+	                       <td {onclick} {ondblclick}>{DEPT_NM}</td>
+	                       <td {onclick} {ondblclick}>{EML_ADRS}</td>
+	                       <td {onclick} {ondblclick}>{TELNO}</td>
+	                       <td {onclick} {ondblclick}>{REG_DT}</td>
+	                    </tr>
+                    </template>
+                   	<template name="userNotFound">
+					<tr class="odd">
+						<td valign="top" colspan="10" class="dataTables_empty text-center">${prefixName} 정보를 찾지 못했습니다.</td>
+					</tr>
+                    </template>
+				</table>
+			</div>
+			<div class="d-flex flex-row p-3 justify-content-between">
+				<label name="userPagingInfo" class="dataTables_info" role="status" aria-live="polite"></label>
+                 <ul name="userPaging" class="pagination pagination-primary">
+                 </ul>
+			</div>
+		</div>
+    </div>
+              <!--/ Page Body -->
+<script >
+var userCtrl = newUserControl();
+
+userCtrl.search = () => {
+	userCtrl.query = {
+		by: userCtrl.find('name', "by").value,
+		term: userCtrl.find('name', "term").value,
+		status: userCtrl.find('name', "status").value,
+		type: userCtrl.find('name', "type").value,
+	};
+	
+	if(userCtrl.query.by == "userAccount"){
+		userCtrl.query.term = userCtrl.query.term.toUpperCase();
+	}
+	
+	userCtrl.load(1);
+}
+
+userCtrl.removeUsers= () => {
+	dialog.alert({
+		content:"선택한 ${prefixName} 정보를 제거하시겠습니까?",
+		onOK:() => {
+			userCtrl.remove();
+		}
+	});
+}
+
+userCtrl.renderList = () => {
+	let userList = userCtrl.dataset;
+	let empty = userList.empty;
+	
+	let trs = empty ?
+			[document.getElementById("userNotFound").innerHTML] : <%-- from template#userNotFound --%>
+			userList.inStrings(
+				userCtrl.find('name', "userRow").innerHTML, <%-- from template#userRow --%>
+				(str, dataItem) => str
+					.replace(/{onclick}=""/gi, 'onclick="userCtrl.setCurrent(\'' + dataItem.getValue("USER_ID") + '\');"')
+					.replace(/{ondblclick}=""/gi, 'ondblclick="userCtrl.getInfo(\'' + dataItem.getValue("USER_ID") + '\')"')
+			);
+	userCtrl.find('name', "userList").innerHTML = trs.join("");
+	userCtrl.find("[name='userThead'] th input[type='checkbox']").checked = false;
+}
+
+userCtrl.onDatasetChange = obj => {
+	userCtrl.renderList();
+
+	$(userCtrl.selector("[name='userPaging']")).setPaging({
+		list:userCtrl.dataset,
+		prefix:userCtrl.prefix,
+		start:obj.userStart,
+		totalSize:obj.userTotal,
+		fetchSize:obj.userFetch,
+		func:"userCtrl.load({index})"
+	});
+};
+
+userCtrl.onCurrentChange = item => {
+	if (!item) return;
+	
+	let key = item.data.USER_ID;
+	$(userCtrl.selector("[name='userList']")).setCurrentRow(key);
+};
+
+userCtrl.onSelectionChange = selected => {
+	let userList = userCtrl.dataset;
+	let keys = selected.map(e => userList.getKey(e));
+	
+	userCtrl.findAll("[name='userList'] input[type='checkbox']")
+		.forEach(node => {
+			node.checked = keys.includes(node.value);
+		});
+	
+	userCtrl.findAll(".enable-onfound")
+		.forEach(node => {
+			node.disabled = keys.length < 1;
+		});
+};
+
+$(userCtrl.selector("[name='term']")).onEnterPress(userCtrl.search);
+
+$(function(){
+	${onload}
+	userCtrl.setData({
+		userList:${userList},
+		userStart:${userStart},
+		userFetch:${userFetch},
+		userTotal:${userTotal}
+	});
+});
+//# sourceURL=user-main.jsp
+</script>
\ No newline at end of file