diff --git a/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn05020-info.jsp b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn05020-info.jsp
index 6c0453ca..b27726e6 100644
--- a/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn05020-info.jsp
+++ b/src/main/webapp/WEB-INF/jsp/fims/crdn/crdn05020-info.jsp
@@ -1,7 +1,7 @@
 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false" session="false"%>
 <%@ include file="/WEB-INF/jsp/include/taglib.jsp"%>
 <c:set var="pageKorName" scope="request">단속 파일 등록</c:set>
-<div class="d-flex" style="flex-flow:column">
+<div class="d-flex flex-column">
 	<div class="d-flex flex-row justify-content-evenly">
 		<div class="card" style="min-width:1400px;width:1400px;height:80px;">
 			<form id="frmFirst--${pageName}" method="post" enctype="multipart/form-data">
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 a6710c72..9c8c070a 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
@@ -214,7 +214,7 @@
 					    	<!-- 답변내용 표시영역 -->
 						    <div class="w-px-800 d-inline-flex">
 					    		<div class="container-md"
-					    			style="display: flex;justify-content: space-between;flex-flow: column;">
+					    			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="col-12">
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 bebf2a19..46f65420 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
@@ -72,7 +72,7 @@
 				    	<!-- 제목,내용 표시영역 -->
 					    <div class="w-px-800 d-inline-flex">
 				    		<div class="container-md"
-				    			style="display: flex;justify-content: space-between;flex-flow: column;">
+				    			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="col-12">
diff --git a/src/main/webapp/WEB-INF/jsp/include/top.jsp b/src/main/webapp/WEB-INF/jsp/include/top.jsp
index acfc91af..40f2240a 100644
--- a/src/main/webapp/WEB-INF/jsp/include/top.jsp
+++ b/src/main/webapp/WEB-INF/jsp/include/top.jsp
@@ -25,8 +25,7 @@
       </button>
     </div>
     <div class="me-1 min-w-max-c">
-      <div class="form-check-inline custom-option custom-option-basic me-1" 
-      style="background-color: #d9dee3;border:black solid 1px">
+      <div class="form-check-inline custom-option custom-option-basic me-1 border-default bg-top-checkbox">
         <label for="securityMode--top" class="form-check-label custom-option-content d-flex justify-content-center">
           <input type="checkbox" id="securityMode--top" name="securityMode" 
           class="form-check-input me-1 align-self-center" value="Y" />
@@ -35,8 +34,7 @@
           </span>
         </label>
       </div>
-      <div class="form-check-inline custom-option custom-option-basic me-1" 
-      style="background-color: #d9dee3;border:black solid 1px">
+      <div class="form-check-inline custom-option custom-option-basic me-1 border-default bg-top-checkbox">
         <label for="photoMask--top" class="form-check-label custom-option-content d-flex justify-content-center">
           <input type="checkbox" id="photoMask--top" name="photoMask" 
           class="form-check-input me-1 align-self-center" value="Y" checked />
@@ -83,9 +81,9 @@
           <div class="avatar d-flex">
             <img src="<c:url value="/resources/img/user-circle-solid-24.svg"/>" alt 
             class="w-px-40 h-auto rounded-circle" />
-            <div class="d-flex" style="flex-flow:column">
-          		<span class="fw-semibold" style="color:black">${currentUser.name}</span>
-            	<small style="color:black">${currentUser.account}</small>
+            <div class="d-flex flex-column">
+          		<span class="fw-semibold text-black">${currentUser.name}</span>
+            	<small class="text-black">${currentUser.account}</small>
             </div>
           </div>
         </a>
@@ -130,7 +128,7 @@
             </a>
           </li>
           <li>
-          	<div id="taskSeCd--Top" class="d-flex align-items-center" style="flex-flow:column">
+          	<div id="taskSeCd--Top" class="d-flex flex-column align-items-center">
 	     	</div>
           </li>
           <li>
diff --git a/src/main/webapp/WEB-INF/jsp/index.jsp b/src/main/webapp/WEB-INF/jsp/index.jsp
index 61d81b1b..bea33e07 100644
--- a/src/main/webapp/WEB-INF/jsp/index.jsp
+++ b/src/main/webapp/WEB-INF/jsp/index.jsp
@@ -20,10 +20,9 @@
 		        </div>
 		        <div id="innerPageTabContents" class="tab-content">
 		        	<div id="tab-dashboard" class="tab-pane active show" role="tabpanel">
-		        		<div id="divdashboard" style="max-height: 800px;overflow-y:auto;">
+		        		<div id="divdashboard">
 		        			<div class="content-wrapper">
-		        				<div class="container-xxl flex-grow-1 container-p-y" 
-		        				style="display: flex;flex-flow: column;align-items: center;">
+		        				<div class="container-xxl flex-grow-1 container-p-y d-flex flex-column align-items-center">
 		        					<jsp:include page="/WEB-INF/jsp/include/dashboard.jsp" />
 		        				</div>
 		        			</div>
@@ -36,13 +35,13 @@
         </div>
     </div>
     
-	<div id="selectTaskModal" class="modal fade" tabindex="-1" aria-hidden="true" style="height:auto;" 
+	<div id="selectTaskModal" class="modal fade h-auto" tabindex="-1" aria-hidden="true"
 		data-bs-backdrop="static" data-bs-focus="false" data-bs-keyboard="false">
 		<div class="modal-dialog modal-sm" role="document">
 			<div class="modal-content">
-				<div class="modal-body" style="min-height:10em; min-width:30%;">
-					<div style="text-align:center" class="h3 fw-bold">업무를 선택하세요.</div>
-					<span id="selectTaskButtons" class="row g-3" style="display: flex;flex-direction:column">
+				<div class="modal-body modal-body-min">
+					<div class="h3 fw-bold text-center">업무를 선택하세요.</div>
+					<span id="selectTaskButtons" class="row g-3 d-flex flex-column">
 						
 					</span>
 				</div>
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 df130493..656e105e 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
@@ -626,4 +626,22 @@ select.option-style-select > option[value='BLACK']{ color: var(--pdf-black);back
 
 .min-w-max-c {
 	min-width: max-content;
+}
+
+#divdashboard {
+	max-height: 800px;
+	overflow-y:auto;
+}
+
+.modal-body-min {
+	min-height:10em;
+	min-width:30%;
+}
+
+.oy-auto {
+	overflow-y: auto;
+}
+
+.mh-px-800 {
+	max-height: 800px;
 }
\ 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 53fb9c0e..1abc9aa5 100644
--- a/src/main/webapp/resources/css/fims/cmmn/xit-core.css
+++ b/src/main/webapp/resources/css/fims/cmmn/xit-core.css
@@ -10813,6 +10813,10 @@ button.list-group-item-gray.active {
     border-color: transparent !important;
 }
 
+.border-default {
+    border : black solid 1px !important;
+}
+
 .border-1 {
     border-width: 1px !important;
 }
@@ -12117,6 +12121,10 @@ button.list-group-item-gray.active {
     background-image: var(--bs-gradient) !important;
 }
 
+.bg-top-checkbox {
+	background-color: #d9dee3;
+}
+
 .user-select-all {
     -webkit-user-select: all !important;
     -moz-user-select: all !important;
diff --git a/src/main/webapp/resources/html/dialog.html b/src/main/webapp/resources/html/dialog.html
index d27ceab2..35cdf6f2 100644
--- a/src/main/webapp/resources/html/dialog.html
+++ b/src/main/webapp/resources/html/dialog.html
@@ -5,7 +5,7 @@
         <h5 class="modal-title">{title}</h5>
         <button id="close{id}" type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
       </div>
-      <div class="modal-body" style="min-height:10em; min-width:30%;overflow-y:auto;max-height:800px;">
+      <div class="modal-body modal-body-min oy-auto mh-px-800">
       </div>
       <div class="modal-footer text-end hidden">
         <button type="button" class="btn btn-primary">확인</button>