From 01d86de98f345aca5ee0d5c97f854f943c527a22 Mon Sep 17 00:00:00 2001
From: leebeomjun <leebj91@xit.co.kr>
Date: Wed, 3 Apr 2024 15:07:25 +0900
Subject: [PATCH] =?UTF-8?q?css=20=EC=A0=95=EB=A6=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../jsp/base/actionGroup/actionGroup-info.jsp |  2 +-
 .../jsp/base/actionGroup/actionGroup-main.jsp | 31 ++++++++++++-------
 .../base/actionGroup/select-actionGroup.jsp   | 13 +++++---
 .../jsp/base/authority/actionGroup-list.jsp   | 14 ++++++---
 .../jsp/base/authority/authority-info.jsp     |  2 +-
 .../jsp/base/authority/authority-main.jsp     | 22 +++++++------
 .../WEB-INF/jsp/base/authority/user-list.jsp  | 20 +++++++-----
 .../WEB-INF/jsp/base/code/code-info.jsp       |  4 +--
 .../WEB-INF/jsp/base/code/code-main.jsp       | 20 ++++++++----
 .../WEB-INF/jsp/base/code/group-info.jsp      |  4 +--
 .../WEB-INF/jsp/base/menu/menu-info.jsp       |  4 +--
 .../WEB-INF/jsp/base/menu/menu-main.jsp       |  7 ++---
 .../WEB-INF/jsp/base/user/select-user.jsp     | 20 +++++++-----
 .../WEB-INF/jsp/base/user/user-info.jsp       |  8 ++---
 .../WEB-INF/jsp/base/user/user-main.jsp       | 10 ++++--
 .../webapp/WEB-INF/jsp/fims/admin-main.jsp    |  7 ++---
 .../WEB-INF/jsp/fims/crdn/crdn02010-main.jsp  | 20 +++++-------
 .../WEB-INF/jsp/fims/crdn/crdn05030-info.jsp  |  8 ++---
 .../WEB-INF/jsp/fims/cvlc/cvlc01020-info.jsp  |  2 +-
 .../WEB-INF/jsp/fims/cvlc/cvlc05010-main.jsp  |  6 ++--
 .../WEB-INF/jsp/fims/cvlc/cvlc06010-main.jsp  |  6 ++--
 .../WEB-INF/jsp/fims/sprt/sprt03010-main.jsp  |  5 ++-
 .../WEB-INF/jsp/fims/user/user-info.jsp       |  8 ++---
 src/main/webapp/WEB-INF/jsp/include/top.jsp   |  2 +-
 .../css/fims/cmmn/xit-core-extend.css         | 25 +++++++++++++++
 .../resources/css/fims/cmmn/xit-core.css      |  8 +++++
 .../webapp/resources/html/searchAddr.html     |  6 ++--
 27 files changed, 173 insertions(+), 111 deletions(-)

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
index 352694cd..55402c8f 100644
--- a/src/main/webapp/WEB-INF/jsp/base/actionGroup/actionGroup-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/base/actionGroup/actionGroup-info.jsp
@@ -33,7 +33,7 @@
                     </div>
                   </div>
                 <div class="row mt-4 justify-content-end">
-                      <div class="col-sm-12" style="text-align:right;">
+                      <div class="col-sm-12 text-end">
                         <button onclick="saveinfoPrefix();" type="button" class="btn btn-primary">저장</button>
                       </div>
                 </div>
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
index 6ca31794..e6d83927 100644
--- a/src/main/webapp/WEB-INF/jsp/base/actionGroup/actionGroup-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/base/actionGroup/actionGroup-main.jsp
@@ -13,7 +13,7 @@
 		        <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%;">
+						<div class="w-50 mx-3">
 						<h5 class="mt-3">기능 그룹</h5>
 						<div class="d-flex flex-row justify-content-between p-3">
 							<div>
@@ -33,17 +33,22 @@
 						</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 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>
+									<th tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" class="text-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">기능그룹 아이디</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="${infoPrefix}List">
 							</tbody>
 		                   	<template id="${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 class="text-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>
@@ -61,7 +66,7 @@
 			                </ul>
 						</div>
 						</div>
-						<div style="width:49%;">
+						<div class="w-50 mx-3">
 						<h5 class="mt-3">기능 URL</h5>
 						<div class="d-flex flex-row justify-content-end p-3">
 							<div>
@@ -71,16 +76,20 @@
 						</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="actionToggler" 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="">기능 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>
+									<th tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" class="text-center">
+										<input id="actionToggler" 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">기능 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">등록일자</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="${infoPrefix}Control.actions.select('{GRP_ID}-{ACTION}', this.checked);" type="checkbox" class="form-check-input"></td>
+		                       <td class="text-center">
+		                       	<input value="{GRP_ID}-{ACTION}" onchange="${infoPrefix}Control.actions.select('{GRP_ID}-{ACTION}', this.checked);" type="checkbox" class="form-check-input">
+		                       </td>
 		                       <td onclick="${infoPrefix}Control.actions.setCurrent('{GRP_ID}-{ACTION}')">{ACTION}</td>
 		                       <td onclick="${infoPrefix}Control.actions.setCurrent('{GRP_ID}-{ACTION}">{REG_DT}</td>
 		                    </tr>
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
index b1fa48b5..e05ec546 100644
--- a/src/main/webapp/WEB-INF/jsp/base/actionGroup/select-actionGroup.jsp
+++ b/src/main/webapp/WEB-INF/jsp/base/actionGroup/select-actionGroup.jsp
@@ -21,17 +21,20 @@
 			</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 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>
+						<th tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" class="text-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">기능그룹 아이디</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="_${infoPrefix}List">
 				</tbody>
                   	<template id="${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 class="text-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>
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
index 7e64de5d..1192627e 100644
--- a/src/main/webapp/WEB-INF/jsp/base/authority/actionGroup-list.jsp
+++ b/src/main/webapp/WEB-INF/jsp/base/authority/actionGroup-list.jsp
@@ -8,17 +8,21 @@
 				</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="actionToggler" 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="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>
+							<th tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" class="text-center">
+								<input id="actionToggler" 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">기능 그룹 아이디</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="authActions">
 					</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 class="text-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}')">{GRP_NM}</td>
                        <td onclick="${infoPrefix}Control.actions.setCurrent('{AUTH_ID}-{GRP_ID}">{REG_DT}</td>
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
index 0719816d..736ac3cb 100644
--- a/src/main/webapp/WEB-INF/jsp/base/authority/authority-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/base/authority/authority-info.jsp
@@ -33,7 +33,7 @@
                     </div>
                   </div>
                 <div class="row mt-4 justify-content-end">
-                      <div class="col-sm-12" style="text-align:right;">
+                      <div class="col-sm-12 text-end">
                         <button id="btnSaveAuth" onclick="saveinfoPrefix();" type="button" class="btn btn-primary">저장</button>
                       </div>
                 </div>
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
index b337edae..72a0574c 100644
--- a/src/main/webapp/WEB-INF/jsp/base/authority/authority-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/base/authority/authority-main.jsp
@@ -14,7 +14,7 @@
 		        <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:40%;">
+						<div class="w-40 mx-3">
 						<h5 class="mt-3">권한</h5>
 						<div class="d-flex flex-row justify-content-between p-3">
 							<div>
@@ -34,17 +34,20 @@
 						</div>
 						<table class="datatables-ajax table table-bordered dataTable no-footer compress-cell" 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 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>
+									<th tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" class="text-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">권한 아이디</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="${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 class="text-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>
@@ -57,12 +60,13 @@
 		                    </template>
 						</table>
 						<div class="d-flex flex-row p-3 justify-content-between">
-							<span id="${infoPrefix}PagingInfo" class="dataTables_info" role="status" aria-live="polite"></span>
+							<span id="${infoPrefix}PagingInfo" class="dataTables_info" role="status" aria-live="polite">
+							</span>
 			                <ul id="${infoPrefix}Paging" class="pagination pagination-primary">
 			                </ul>
 						</div>
 						</div>
-						<div style="width:58%; padding-top:.25em;">
+						<div class="pt-3 w-60 mx-3">
 							<div class="nav-align-top">
 							  <ul class="nav nav-tabs" role="tablist">
 							    <li class="nav-item">
@@ -72,7 +76,7 @@
 							      <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;">
+							  <div class="tab-content py-2 px-0">
 							    <div class="tab-pane fade show active" id="navs-top-users" role="tabpanel">
 									<jsp:include page="user-list.jsp" />
 							    </div>
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
index c42f2a59..60dc1877 100644
--- a/src/main/webapp/WEB-INF/jsp/base/authority/user-list.jsp
+++ b/src/main/webapp/WEB-INF/jsp/base/authority/user-list.jsp
@@ -8,20 +8,24 @@
 				</div>
 				<table class="datatables-ajax table table-bordered dataTable no-footer compress-cell" 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" 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="Email: activate to sort column ascending" 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="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>
+							<th tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" class="text-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="authUsers">
 					</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 class="text-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}')">{NSTT_NM}</td>
                        <td onclick="${infoPrefix}Control.users.setCurrent('{AUTH_ID}-{USER_ID}')">{DEPT_NM}</td>
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
index e7085bb1..b7ad1593 100644
--- a/src/main/webapp/WEB-INF/jsp/base/code/code-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/base/code/code-info.jsp
@@ -88,13 +88,13 @@
                       <label class="col-sm-2 col-form-label text-sm-end" for="description"
                         >사용여부</label
                       >
-                      <div class="col-sm-10" style="padding:.5em .7em;">
+                      <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" style="text-align:right;">
+                      <div class="col-sm-12 text-end">
                         <button onclick="saveCode();" type="button" class="btn btn-primary">저장</button>
                       </div>
                 </div>
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
index a2a10fbf..93dd834b 100644
--- a/src/main/webapp/WEB-INF/jsp/base/code/code-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/base/code/code-main.jsp
@@ -13,7 +13,7 @@
 		        <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%;">
+						<div class="w-50 mx-3">
 						<h5 class="mt-3">${prefixName}</h5>
 						<div class="d-flex flex-row justify-content-between p-3">
 							<%--div>
@@ -33,7 +33,9 @@
 						</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 onchange="codeControl.groups.select(this.checked);" type="checkbox" class="form-check-input"></th>
+								<tr>
+									<th tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" class="text-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>
@@ -43,7 +45,8 @@
 							</tbody>
 		                   	<template id="groupRow">
 		                   	<tr data-key="{GRP_ID}">
-		                       <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 class="text-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>
@@ -61,7 +64,7 @@
 			                </ul>
 						</div>
 						</div>
-						<div style="width:49%;">
+						<div class="w-50 mx-3">
 						<h5 class="mt-3">공통 코드</h5>
 						<div class="d-flex flex-row justify-content-end p-3">
 							<div>
@@ -71,7 +74,10 @@
 						</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="codeToggler" onchange="codeControl.codes.select(this.checked);" type="checkbox" class="form-check-input"></th>
+								<tr>
+									<th tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" class="text-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>
@@ -81,7 +87,9 @@
 							</tbody>
 		                   	<template id="codeRow">
 		                   	<tr data-key="{CODE}">
-		                       <td style="text-align:center;"><input value="{CODE}" onchange="codeControl.codes.select('{CODE}', this.checked);" type="checkbox" class="form-check-input"></td>
+		                       <td class="text-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>
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
index 5098a5c0..1ed2401d 100644
--- a/src/main/webapp/WEB-INF/jsp/base/code/group-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/base/code/group-info.jsp
@@ -57,13 +57,13 @@
                       <label class="col-sm-2 col-form-label text-sm-end" for="description"
                         >사용여부</label
                       >
-                      <div class="col-sm-10" style="padding:.5em .7em;">
+                      <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" style="text-align:right;">
+                      <div class="col-sm-12 text-end">
                         <button onclick="saveGroup();" type="button" class="btn btn-primary">저장</button>
                       </div>
                 </div>
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
index 60c9aa06..d22b6d6d 100644
--- a/src/main/webapp/WEB-INF/jsp/base/menu/menu-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/base/menu/menu-info.jsp
@@ -28,7 +28,7 @@
                       <label class="col-sm-2 col-form-label text-sm-end" for="action"
                         >URL</label
                       > 
-                      <div class="col-sm-10 input-group" style="width:83.3%;">
+                      <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> 
@@ -65,7 +65,7 @@
                     </div>
                   </div>
                 <div class="row mt-4 justify-content-end">
-                      <div class="col-sm-12" style="text-align:right;">
+                      <div class="col-sm-12 text-end">
                         <button id="btnSaveAuth" onclick="saveMenu();" type="button" class="btn btn-primary">저장</button>
                       </div>
                 </div>
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
index 4f83a980..817e2cd7 100644
--- a/src/main/webapp/WEB-INF/jsp/base/menu/menu-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/base/menu/menu-main.jsp
@@ -15,11 +15,10 @@
 		        <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%;">
+						<div class="w-50 mx-3">
 							<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;">
+								<div class="d-flex justify-content-between py-2 border-separator-y">
 									<span>
 										<button id="menuToggler" onclick="toggleMenus();" class="btn btn-primary"></button>
 									</span>
@@ -29,7 +28,7 @@
 							</div>
 						</div>
 
-						<div style="width:49%;">
+						<div class="w-50 mx-3">
 							<h5 class="mt-3">등록 정보</h5>
 							<div class="d-flex flex-row justify-content-end p-3">
 								<div>
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
index 06f8013b..36b478c7 100644
--- a/src/main/webapp/WEB-INF/jsp/base/user/select-user.jsp
+++ b/src/main/webapp/WEB-INF/jsp/base/user/select-user.jsp
@@ -21,20 +21,24 @@
 			</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 onchange="${infoPrefix}Control.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" 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="Email: activate to sort column ascending" 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 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>
+						<th tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" class="text-center">
+							<input onchange="${infoPrefix}Control.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" 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 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="_${infoPrefix}List">
 					</tbody>
                   	<template id="_${infoPrefix}Row">
                   	<tr data-key="{USER_ID}">
-                      <td style="text-align:center;"><input value="{USER_ID}" onchange="${infoPrefix}Control.dataset.select('{USER_ID}', this.checked);" type="checkbox" class="form-check-input"></td>
+                      <td class="text-center">
+                      	<input value="{USER_ID}" onchange="${infoPrefix}Control.dataset.select('{USER_ID}', this.checked);" type="checkbox" class="form-check-input">
+                      </td>
                       <td onclick="${infoPrefix}Control.setCurrent('{USER_ID}')" ondblclick="${infoPrefix}Control.getInfo({})">{SGG_NM}</td>
                       <td onclick="${infoPrefix}Control.setCurrent('{USER_ID}')" ondblclick="${infoPrefix}Control.getInfo({})">{NSTT_NM}</td>
                       <td onclick="${infoPrefix}Control.setCurrent('{USER_ID}')" ondblclick="${infoPrefix}Control.getInfo({})">{DEPT_NM}</td>
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
index 54db884f..1f73641a 100644
--- a/src/main/webapp/WEB-INF/jsp/base/user/user-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/base/user/user-info.jsp
@@ -25,16 +25,16 @@
                         </div>
                       </div>
                       <div class="col-sm-9">
-                      	<select name="institute" class="form-select" data-map="NSTT_CD" 
-                      	required title="기관/부서" disabled style="background-image:none;">
+                      	<select name="institute" class="form-select no-bgi" data-map="NSTT_CD" 
+                      	required title="기관/부서" disabled>
                       		<option value=""></option>
                       		<c:forEach items="${allFactionList}" var="item">
                       			<option value="${item.INST_CD}">${item.INST_NM}</option>
                       		</c:forEach>
                       	</select>
                       	<br/>
-                        <select name="deptCode" class="form-select" data-map="DEPT_CD" 
-                        required title="기관/부서" disabled style="background-image:none;">
+                        <select name="deptCode" class="form-select no-bgi" data-map="DEPT_CD" 
+                        required title="기관/부서" disabled>
                         	<option value=""></option>
                       		<c:forEach items="${allFactionList}" var="item">
 								<option value="${item.DEPT_CD}">${item.DEPT_NM}</option>
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
index 29fe57ec..653ed670 100644
--- a/src/main/webapp/WEB-INF/jsp/base/user/user-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/base/user/user-main.jsp
@@ -33,8 +33,10 @@
 					<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 tabindex="0" style="width: 158.828px; text-align:center;">
-										<input onchange="${infoPrefix}Control.select(this.checked);" type="checkbox" class="form-check-input"></th>
+								<tr>
+									<th tabindex="0" class="text-center" style="width: 158.828px;">
+										<input onchange="${infoPrefix}Control.select(this.checked);" type="checkbox" class="form-check-input">
+									</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>
@@ -48,7 +50,9 @@
 							</tbody>
 		                   	<template id="${infoPrefix}Row">
 		                   	<tr data-key="{USER_ID}">
-		                       <td style="text-align:center;"><input value="{USER_ID}" onchange="${infoPrefix}Control.select('{USER_ID}', this.checked);" type="checkbox" class="form-check-input"></td>
+		                       <td class="text-center">
+		                       	<input value="{USER_ID}" onchange="${infoPrefix}Control.select('{USER_ID}', this.checked);" type="checkbox" class="form-check-input">
+		                       </td>
 		                       <td {onclick} {ondblclick}>{USER_ACNT}</td>
 		                       <td {onclick} {ondblclick}>{USER_NM}</td>
 		                       <td {onclick} {ondblclick}>{NSTT_NM}</td>
diff --git a/src/main/webapp/WEB-INF/jsp/fims/admin-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/admin-main.jsp
index 3355172d..c3ff48f8 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/admin-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/admin-main.jsp
@@ -28,11 +28,10 @@
 						<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-evenly mh-px-400">
-									<div style="width:49%;overflow-y:auto">
+									<div class="w-50 mx-2 oy-auto">
 										<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;">
+											<div class="d-flex justify-content-between py-2 border-separator-y">
 												<button type="button" class="btn btn-primary"
 												onclick="getFileTree();">갱신</button>
 											</div>
@@ -41,7 +40,7 @@
 										</div>
 									</div>
 			
-									<div style="width:49%;">
+									<div class="w-50 mx-2">
 										<h5 class="mt-3">파일내용</h5>
 										<div class="d-flex flex-row justify-content-start p-3">
 											<textarea id="viewCn" rows="14" cols="100%" readonly="readonly"></textarea>
diff --git a/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn02010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn02010-main.jsp
index 593e46a5..5490c988 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn02010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn02010-main.jsp
@@ -9,7 +9,7 @@
 		        <button type="button" id="btnReset--${pageName}" class="btn btn-outline-dark w-px-120" title="초기화">
 		        초기화
 		        </button>
-		        <div style="width: 100%;display: flex;justify-content: center;">
+		        <div class="w-100 d-flex justify-content-center">
 			        <div class="btn-group">
 				        <button type="button" id="btnPhotoInspection--${pageName}"
 				        class="btn btn-blue btn-outline-some" title="단속사진 비교">단속사진 비교</button>
@@ -245,27 +245,24 @@
 			<div class="area-photoinspection h-px-200">
 				선택자료
 				<strong id="curDataVhrno--${pageName}"></strong>
-				<div id="curDataFiles--${pageName}" class="ox-scroll d-flex w-100 h-px-175"
-				style="background-color:#D9DEE3;">
+				<div id="curDataFiles--${pageName}" class="ox-scroll d-flex w-100 h-px-175 bg-bordergray">
 
 				</div>
 			</div>
 			<div class="area-photoinspection h-px-200">
 				비교자료(선택자료의 다음 자료가 보여집니다.)
 				<strong id="nextDataVhrno--${pageName}"></strong>
-				<div id="nextDataFiles--${pageName}" class="ox-scroll d-flex w-100 h-px-175"
-				style="background-color:#D9DEE3;">
+				<div id="nextDataFiles--${pageName}" class="ox-scroll d-flex w-100 h-px-175 bg-bordergray">
 
 				</div>
 			</div>
 
-			<div class="area-samevehicleinspection" style="min-width:1400px;display:flex;justify-content: space-evenly;">
-				<div class="card-datatable text-nowrap" style="display: inline-flex;">
+			<div class="area-samevehicleinspection d-flex justify-content-evenly min-w-px-1400">
+				<div class="card-datatable text-nowrap d-inline-flex">
 			        <div id="sameVehicleInspectionMain_Table_0_wrapper--${pageName}"
 			        class="dataTables_wrapper dt-bootstrap5 no-footer">
 						<div id="sameVehicleInspectionMain-responsive--${pageName}" 
-							class="table-responsive ox-scroll oy-scroll h-px-400"
-							style="width:350px;">
+							class="table-responsive ox-scroll oy-scroll h-px-400 w-px-350">
 							<table id="sameVehicleInspectionMain_Table_0--${pageName}"
 								class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer">
 								<thead class="sticky-thead">
@@ -301,11 +298,10 @@
 					</div>
 			    </div>
 
-			    <div class="card-datatable text-nowrap" style="display: inline-flex;margin-left:10px;">
+			    <div class="card-datatable text-nowrap d-inline-flex ms-3">
 			        <div id="sameVehicleInspectionSub_Table_0_wrapper--${pageName}" class="dataTables_wrapper dt-bootstrap5 no-footer">
 						<div id="sameVehicleInspectionSub-responsive--${pageName}" 
-							class="table-responsive ox-scroll oy-scroll h-px-400"
-							style="width:1000px;">
+							class="table-responsive ox-scroll oy-scroll h-px-400 w-px-1000">
 							<table id="sameVehicleInspectionSub_Table_0--${pageName}"
 								class="table-layout-fixed datatables-ajax table table-bordered dataTable no-footer">
 								<thead class="sticky-thead">
diff --git a/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn05030-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn05030-info.jsp
index ff1fd38b..21c70a8e 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn05030-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn05030-info.jsp
@@ -2,7 +2,7 @@
 <%@ include file="/WEB-INF/jsp/include/taglib.jsp"%>
 <c:set var="pageKorName" scope="request">단속자료 수기 등록</c:set>
 <div class="d-flex flex-row justify-content-evenly">
-	<div class="card" style="max-width:1100px;">
+	<div class="card mw-px-1000">
 		<form id="frmEdit--${pageName}">
 			<input type="hidden" id="crdnId-${pageName}" name="crdnId" data-map="CRDN_ID" />
 			<input type="hidden" id="rtpyrId--${pageName}" name="rtpyrId" data-map="RTPYR_ID"/>
@@ -128,7 +128,7 @@
 						data-maxlengthb="1000" />
 				</div>
 			</div>
-			<div class="row my-1 mx-4 g-1" style="border: 1px solid #d9dee3;border-radius: 10px;">
+			<div class="row my-1 mx-4 g-1 border-card rounded-3">
 				<div class="col-md-4">
 					<label for="rtpyrNm--${pageName}" 
 					class="w-px-130 bg-lighter pe-2 col-form-label text-sm-end">납부자명</label>
@@ -338,7 +338,7 @@
 			
 		</form>
 	</div>
-	<div class="card" style="width:400px;min-width:400px;">
+	<div class="card w-px-400 min-w-px-400">
 		<form id="frmFile--${pageName}" method="post" enctype="multipart/form-data">
 			<input type="file" id="newFileList--${pageName}" name="newFileList" 
 			multiple accept="image/*" hidden />
@@ -353,7 +353,7 @@
 			<button type="button" id="btnOpenVideoCapture--${pageName}" class="btn btn-primary">동영상 캡쳐</button>
 			<button type="button" id="btnCancelAddFile--${pageName}" class="btn btn-primary">선택 사진 삭제</button>
 		</div>
-		<div id="display--${pageName}" class="oy-scroll h-px-600" style="border-style: solid;">
+		<div id="display--${pageName}" class="oy-scroll h-px-600 border-default">
 			
 		</div>
 	</div>
diff --git a/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc01020-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc01020-info.jsp
index e623b313..4e9e0297 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc01020-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc01020-info.jsp
@@ -186,7 +186,7 @@
 						class="form-control w-px-500" data-maxlengthb="1000" />
 				</div>
 			</div>
-			<div class="row my-1 mx-4 g-1" style="border: 1px solid #d9dee3;border-radius: 10px;">
+			<div class="row my-1 mx-4 g-1 border-card rounded-3">
 				<div class="col-md-12">
 					<div class="float-end">
 						<button type="button" class="btn btn-primary" id="btnDeletePayer--${pageName}">
diff --git a/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc05010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc05010-main.jsp
index ba42efd2..dca02975 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc05010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc05010-main.jsp
@@ -110,8 +110,7 @@
 		    		<div class="d-flex flex-row justify-content-center h-100">
 						<div class="card p-4 d-flex flex-row w-px-1300">
 							<!-- 그리드 영역 -->
-							<div class="card-datatable text-nowrap d-inline-flex" 
-								style="border: #D9DEE3 1px solid;">
+							<div class="card-datatable text-nowrap d-inline-flex border-card">
 								<div class="dataTables_wrapper dt-bootstrap5 no-footer">
 									<!-- 부과건 그리드 -->
 									<span class="area-answerbody area-levy">
@@ -215,8 +214,7 @@
 						    <div class="w-px-800 d-inline-flex">
 					    		<div class="container-md"
 					    			style="display: flex;justify-content: space-between;flex-direction: column;">
-							    	<div class="row g-1 h-px-400" 
-							    		style="overflow-y:auto;border-bottom:#D9DEE3 1px solid">
+							    	<div class="row g-1 h-px-400 oy-auto border-separator-b">
 								    	<div class="col-12">
 								    		<form id="frmEditAnsBody--${pageName}">
 								    			<input type="hidden" id="ansRsnCd--${pageName}" name="ansRsnCd" />
diff --git a/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc06010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc06010-main.jsp
index b6cf1ae3..ab1ee699 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc06010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/cvlc/cvlc06010-main.jsp
@@ -36,8 +36,7 @@
 	    		<div class="d-flex flex-row justify-content-center h-100">
 					<div class="card p-4 d-flex flex-row w-px-1300">
 						<!-- 그리드 영역 -->
-						<div class="card-datatable text-nowrap d-inline-flex" 
-							style="border: #D9DEE3 1px solid;">
+						<div class="card-datatable text-nowrap d-inline-flex border-card">
 							<div class="dataTables_wrapper dt-bootstrap5 no-footer">
 								<div class="table-responsive oy-auto h-100"
 									style="width:470px;">
@@ -73,8 +72,7 @@
 					    <div class="w-px-800 d-inline-flex">
 				    		<div class="container-md"
 				    			style="display: flex;justify-content: space-between;flex-direction: column;">
-						    	<div class="row g-1 h-px-400" 
-						    		style="overflow-y:auto;border-bottom:#D9DEE3 1px solid">
+						    	<div class="row g-1 h-px-400 border-separator-b oy-auto">
 							    	<div class="col-12">
 							    		<form id="frmEditWarningWords--${pageName}">
 							    			<input type="hidden" id="ansRsnCd--${pageName}" name="ansRsnCd" />
diff --git a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt03010-main.jsp b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt03010-main.jsp
index 868075bf..28201cce 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt03010-main.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/sprt/sprt03010-main.jsp
@@ -59,9 +59,8 @@
 </div>
 
 <div class="d-flex justify-content-center">
-	<div class="card d-inline-flex w-px-1400 h-px-850 p-2" 
-	style="background-color: #E2E6E9;border: solid 1px #ccc;">
-		<div class="d-flex justify-content-center align-items-center w-100 h-100" style="border-style: solid;">
+	<div class="card d-inline-flex w-px-1400 h-px-850 p-2 border-card bg-bordergray">
+		<div class="d-flex justify-content-center align-items-center w-100 h-100 border-label-dark">
 			<video id="video" class="mh-px-700 mw-px-1200" controls="true" hidden>
 			</video>
 		</div>
diff --git a/src/main/webapp/WEB-INF/jsp/fims/user/user-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/user/user-info.jsp
index b1cb6475..b72a35b0 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/user/user-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/user/user-info.jsp
@@ -58,16 +58,16 @@
 					</div>
 				</div>
 				<div class="col-sm-9">
-					<select name="institute" class="form-select" data-map="NSTT_CD" 
-					required title="기관/부서" disabled style="background-image:none;">
+					<select name="institute" class="form-select no-bgi" data-map="NSTT_CD" 
+					required title="기관/부서" disabled>
 						<option value=""></option>
 						<c:forEach items="${allFactionList}" var="item">
 							<option value="${item.INST_CD}">${item.INST_NM}</option>
 						</c:forEach>
 					</select>
 					<br/>
-					<select name="deptCode" class="form-select" data-map="DEPT_CD" 
-					required title="기관/부서" disabled style="background-image:none;">
+					<select name="deptCode" class="form-select no-bgi" data-map="DEPT_CD" 
+					required title="기관/부서" disabled>
 						<option value=""></option>
 						<c:forEach items="${allFactionList}" var="item">
 							<option value="${item.DEPT_CD}">${item.DEPT_NM}</option>
diff --git a/src/main/webapp/WEB-INF/jsp/include/top.jsp b/src/main/webapp/WEB-INF/jsp/include/top.jsp
index 40f2240a..8ca9d8e4 100644
--- a/src/main/webapp/WEB-INF/jsp/include/top.jsp
+++ b/src/main/webapp/WEB-INF/jsp/include/top.jsp
@@ -158,7 +158,7 @@
 </nav>
 
 <template id="selectStngButtonsTemplate">
-	<span class="row g-3" style="display: flex;flex-direction:column">
+	<span class="row g-3 d-flex flex-column">
 		<button type="button" class="btn btn-xl btn-primary" onclick="fnOpenEqmCrdnLayoutStngDialog();">수신단속파일(장비) 서식 설정</button>
 		<button type="button" class="btn btn-xl btn-primary" onclick="fnOpenOtptStngDialog();">출력물 서식 설정</button>
 		<button type="button" class="btn btn-xl btn-primary" onclick="fnOpenOutsourcingStngDialog();">고지서 외주요청파일 서식 설정</button>
diff --git a/src/main/webapp/resources/css/fims/cmmn/xit-core-extend.css b/src/main/webapp/resources/css/fims/cmmn/xit-core-extend.css
index efa628b1..c60de14c 100644
--- a/src/main/webapp/resources/css/fims/cmmn/xit-core-extend.css
+++ b/src/main/webapp/resources/css/fims/cmmn/xit-core-extend.css
@@ -662,6 +662,15 @@ select.option-style-select > option[value='BLACK']{ color: var(--pdf-black);back
 	min-width: 300px;
 }
 
+.min-w-px-400 {
+	min-width: 400px;
+}
+
+.min-w-px-1400 {
+	min-width: 1400px;
+}
+
+
 .mw-px-250 {
 	max-width: 250px;
 }
@@ -670,6 +679,14 @@ select.option-style-select > option[value='BLACK']{ color: var(--pdf-black);back
 	max-width: 300px;
 }
 
+.mw-px-1000 {
+	max-width: 1000px;
+}
+
+.mw-px-1100 {
+	max-width: 1100px;
+}
+
 .mw-px-1200 {
 	max-width: 1200px;
 }
@@ -725,4 +742,12 @@ select.option-style-select > option[value='BLACK']{ color: var(--pdf-black);back
 .border-separator-y {
 	border-top:1px solid #dfdfdf;
 	border-bottom:1px solid #dfdfdf;
+}
+
+.border-separator-t {
+	border-top:1px solid #dfdfdf;
+}
+
+.border-separator-b {
+	border-bottom:1px solid #dfdfdf;
 }
\ No newline at end of file
diff --git a/src/main/webapp/resources/css/fims/cmmn/xit-core.css b/src/main/webapp/resources/css/fims/cmmn/xit-core.css
index 633a90d1..5e0cf99c 100644
--- a/src/main/webapp/resources/css/fims/cmmn/xit-core.css
+++ b/src/main/webapp/resources/css/fims/cmmn/xit-core.css
@@ -10817,6 +10817,10 @@ button.list-group-item-gray.active {
     border : black solid 1px !important;
 }
 
+.border-card {
+    border: 1px solid #d9dee3;
+}
+
 .border-1 {
     border-width: 1px !important;
 }
@@ -12165,6 +12169,10 @@ button.list-group-item-gray.active {
     background-color: rgba(67, 89, 113, 0.025) !important;
 }
 
+.bg-bordergray {
+    background-color: #D9DEE3;
+}
+
 .bg-gradient {
     background-image: var(--bs-gradient) !important;
 }
diff --git a/src/main/webapp/resources/html/searchAddr.html b/src/main/webapp/resources/html/searchAddr.html
index 86a031f5..27714db9 100644
--- a/src/main/webapp/resources/html/searchAddr.html
+++ b/src/main/webapp/resources/html/searchAddr.html
@@ -64,7 +64,7 @@
 	</div>
 </form>
 
-<div id="formBottom" style="display:none">
+<div id="formBottom" hidden>
 	<div>
 		기본주소 :
 		<span id="mainAddr"></span>
@@ -135,7 +135,7 @@ function getAddr(pageNum){
 		,crossDomain:true
 		,success:function(jsonStr){
 			$("#list").show();
-			$("#formBottom").hide();
+			$("#formBottom").attr("hidden","hidden");
 
 			var errCode = jsonStr.results.common.errorCode;
 			var errDesc = jsonStr.results.common.errorMessage;
@@ -198,7 +198,7 @@ function enterSearch() {
 }
 
 function fnClickAddrList(tempId){
-	$("#formBottom").show();
+	$("#formBottom").removeAttr("hidden");
 	$("#mainAddr").html("");
 	$("#etcAddr").val("");