diff --git a/src/main/resources/mybatisMapper/FipTarget.xml b/src/main/resources/mybatisMapper/FipTarget.xml
index 8788aa6d..4c73632e 100644
--- a/src/main/resources/mybatisMapper/FipTarget.xml
+++ b/src/main/resources/mybatisMapper/FipTarget.xml
@@ -539,7 +539,7 @@
   <select id="selectShipInfoList" resultType="ShipInfo" parameterType="ShipInfo">
 	     select si.si_seq,
 			    version_no,
-			    si_type,
+			    si.si_type,
 			    start_point,
 			    end_point,
 			    distance_nm,
@@ -553,11 +553,12 @@
 			    close_yn,
 			    wrt_dt 
 		 from ship_info si,
-			  (select si_seq ,max(version_no) as lastVer 
-			   from ship_info group by si_seq) b
+			  (select si_seq, si_type ,max(version_no)  as lastVer
+         from ship_info group by si_seq, si_type) b
 		 where si.si_seq = b.si_seq
-		 and si.version_no = b.lastVer
-		 and si.si_type = #{siType}
+		   and si.si_type = b.si_type
+       and si.version_no = b.lastVer
+       and si.si_type = #{siType}
 		 order by si.si_seq desc
 		 limit #{rowCnt} offset #{firstIndex}
   </select>
diff --git a/src/main/resources/static/css/common.css b/src/main/resources/static/css/common.css
index 467e53e0..fbc20583 100644
--- a/src/main/resources/static/css/common.css
+++ b/src/main/resources/static/css/common.css
@@ -115,4 +115,7 @@
 .statusInput::-webkit-inner-spin-button{
   -webkit-appearance: none;
   margin: 0;
+}
+.mouse-hover:hover{
+  cursor: pointer;
 }
\ No newline at end of file
diff --git a/src/main/resources/static/js/authMgt/authMgt.js b/src/main/resources/static/js/authMgt/authMgt.js
index 24bc0d4c..304b057e 100644
--- a/src/main/resources/static/js/authMgt/authMgt.js
+++ b/src/main/resources/static/js/authMgt/authMgt.js
@@ -19,6 +19,15 @@ $(document).on('click', '.userInfoTr', function (){
 $(document).on('click', '.radioTd', function (){
   $(this).find('input').prop('checked', true);
 })
+$(document).on('click', '.selectTh', function (){
+  const type = $(this).attr("data-type");
+  const target = $(this).attr("data-target");
+  if(target){
+    $("."+type+"Radio"+target).prop("checked", true)
+  }else{
+    $("."+type+"RadioEmpty").prop("checked", true)
+  }
+})
 
 $(document).on('click', '#saveAuthBtn', function (){
   if(confirm("저장하시겠습니까?")){
diff --git a/src/main/resources/static/js/equip/equip.js b/src/main/resources/static/js/equip/equip.js
index a16247df..f6672223 100644
--- a/src/main/resources/static/js/equip/equip.js
+++ b/src/main/resources/static/js/equip/equip.js
@@ -294,7 +294,7 @@ $(document).on('click', '#statusExcel', function (){
 	}
 })
 
-$(document).on('click', '#btn-close', function (){
+$(document).on('click', '.modalCloseBtn', function (){
 	location.reload();
 })
 	
diff --git a/src/main/resources/static/js/publicBoard/publicBoard.js b/src/main/resources/static/js/publicBoard/publicBoard.js
index 2ca51dd4..be216632 100644
--- a/src/main/resources/static/js/publicBoard/publicBoard.js
+++ b/src/main/resources/static/js/publicBoard/publicBoard.js
@@ -30,7 +30,7 @@ $(document).on('click', '#commentSaveBtn', function (){
           if(!parentComment.val()){
             $("#commentDiv").append(html)
           }else{
-            $("#addedCommentHome"+parentComment.val()).append(html);
+            $("#childComment"+parentComment.val()).append(html);
           }
           commentFormReset();
           alert("저장되었습니다.");
@@ -59,7 +59,7 @@ $(document).on('click', '.deleteCommentBtn', function (){
   const commentRow = $(this).parents(".commentRow");
   const publicKey = Number(commentRow.find(".publicKey").val());
   const commentKey = Number(commentRow.find(".commentKey").val());
-  /*$.ajax({
+  $.ajax({
     type : 'POST',
     data : JSON.stringify({publicKey: publicKey, commentKey: commentKey}),
     url : "/publicBoard/deleteComment",
@@ -69,6 +69,7 @@ $(document).on('click', '.deleteCommentBtn', function (){
     },
     success : function(result) {
       commentRow.remove();
+      $("#childComment"+commentKey).remove();
       alert("삭제되었습니다.");
       contentFade("out");
     },
@@ -76,7 +77,7 @@ $(document).on('click', '.deleteCommentBtn', function (){
       alert("삭제를 실패하였습니다.")
       contentFade("out");
     }
-  })*/
+  })
 })
 
 function getEditModal(publicKey, publicType){
diff --git a/src/main/resources/templates/adminPage/authMgt/authEditModal.html b/src/main/resources/templates/adminPage/authMgt/authEditModal.html
index e2cc1182..a963f67e 100644
--- a/src/main/resources/templates/adminPage/authMgt/authEditModal.html
+++ b/src/main/resources/templates/adminPage/authMgt/authEditModal.html
@@ -1,17 +1,17 @@
 <!DOCTYPE html>
 <html lang="ko" xmlns:th="http://www.thymeleaf.org">
 <input type="hidden" id="userSeq" th:value="${userInfo.userSeq}">
-<div class="tab-pane fade show active" id="accessTabPanel" role="tabpanel" aria-labelledby="accessTab" tabindex="0">
+<div class="tab-pane fade p-2 show active" id="accessTabPanel" role="tabpanel" aria-labelledby="accessTab" tabindex="0">
   <table class="table table-sm table-hover text-center" id="accessEditTable">
     <thead>
     <tr class="table-secondary">
       <th>대분류</th>
       <th>중분류</th>
       <th>소분류</th>
-      <th>관리</th>
-      <th>작성</th>
-      <th>조회</th>
-      <th>해제</th>
+      <th:block th:each="code:${session.commonCode.get('ACC')}">
+        <th class="selectTh mouse-hover" data-type="access" th:data-target="${code.itemCd}" th:text="${code.itemValue}"></th>
+      </th:block>
+      <th class="selectTh" data-type="access">해제</th>
     </tr>
     </thead>
     <tbody>
@@ -35,34 +35,29 @@
           <td th:text="${commonCode.itemValue}"></td>
         </th:block>
       </th:block>
+      <th:block th:each="code:${session.commonCode.get('ACC')}">
+        <td class="radioTd">
+          <input type="radio" th:class="${#strings.concat('accessRadio', code.itemCd)}" th:name="${#strings.concat('accessAuth',accessConfig.menuKey)}" th:value="${code.itemCd}" th:checked="${code.itemCd eq accessConfig.accessAuth}">
+        </td>
+      </th:block>
       <td class="radioTd">
-        <input type="radio" th:name="${#strings.concat('accessAuth',accessConfig.menuKey)}" th:checked="${'ACC003' eq accessConfig.accessAuth}" value="ACC003">
-      </td>
-      <td class="radioTd">
-        <input type="radio" th:name="${#strings.concat('accessAuth',accessConfig.menuKey)}" th:checked="${'ACC002' eq accessConfig.accessAuth}" value="ACC002">
-      </td>
-      <td class="radioTd">
-        <input type="radio" th:name="${#strings.concat('accessAuth',accessConfig.menuKey)}" th:checked="${'ACC001' eq accessConfig.accessAuth}" value="ACC001">
-      </td>
-      <td class="radioTd">
-        <input type="radio" th:name="${#strings.concat('accessAuth',accessConfig.menuKey)}" value="">
+        <input type="radio" class="accessRadioEmpty" th:name="${#strings.concat('accessAuth',accessConfig.menuKey)}" value="">
       </td>
     </tr>
     </tbody>
   </table>
 </div>
-<div class="tab-pane fade" id="approvalTabPanel" role="tabpanel" aria-labelledby="approvalTab" tabindex="0">
+<div class="tab-pane fade p-2" id="approvalTabPanel" role="tabpanel" aria-labelledby="approvalTab" tabindex="0">
   <table class="table table-sm table-hover text-center" id="approvalEditTable">
     <thead>
     <tr class="table-secondary">
       <th>대분류</th>
       <th>중분류</th>
       <th>소분류</th>
-      <th>해제</th>
-      <th>계장대행</th>
-      <th>계장</th>
-      <th>과장대행</th>
-      <th>과장</th>
+      <th:block th:each="code:${session.commonCode.get('APC')}">
+        <th class="selectTh mouse-hover" data-type="approval" th:data-target="${code.itemCd}" th:text="${code.itemValue}"></th>
+      </th:block>
+      <th class="selectTh" data-type="approval">해제</th>
     </tr>
     </thead>
     <tbody>
@@ -86,20 +81,13 @@
           <td th:text="${commonCode.itemValue}"></td>
         </th:block>
       </th:block>
+      <th:block th:each="code:${session.commonCode.get('APC')}">
+        <td class="radioTd">
+          <input type="radio" th:class="${#strings.concat('approvalRadio', code.itemCd)}" th:name="${#strings.concat('approvalAuth',approvalConfig.menuKey)}" th:value="${code.itemCd}" th:checked="${code.itemCd eq approvalConfig.approvalAuth}">
+        </td>
+      </th:block>
       <td class="radioTd">
-        <input type="radio" th:name="${#strings.concat('approvalAuth',approvalConfig.menuKey)}" value="">
-      </td>
-      <td class="radioTd">
-        <input type="radio" th:name="${#strings.concat('approvalAuth',approvalConfig.menuKey)}" th:checked="${'APC004' eq approvalConfig.approvalAuth}" value="APC004">
-      </td>
-      <td class="radioTd">
-        <input type="radio" th:name="${#strings.concat('approvalAuth',approvalConfig.menuKey)}" th:checked="${'APC003' eq approvalConfig.approvalAuth}" value="APC003">
-      </td>
-      <td class="radioTd">
-        <input type="radio" th:name="${#strings.concat('approvalAuth',approvalConfig.menuKey)}" th:checked="${'APC002' eq approvalConfig.approvalAuth}" value="APC002">
-      </td>
-      <td class="radioTd">
-        <input type="radio" th:name="${#strings.concat('approvalAuth',approvalConfig.menuKey)}" th:checked="${'APC001' eq approvalConfig.approvalAuth}" value="APC001">
+        <input type="radio" class="approvalRadioEmpty" th:name="${#strings.concat('approvalAuth',approvalConfig.menuKey)}" value="">
       </td>
     </tr>
     </tbody>
diff --git a/src/main/resources/templates/adminPage/authMgt/authMgt.html b/src/main/resources/templates/adminPage/authMgt/authMgt.html
index 0c79781b..3edc2463 100644
--- a/src/main/resources/templates/adminPage/authMgt/authMgt.html
+++ b/src/main/resources/templates/adminPage/authMgt/authMgt.html
@@ -151,7 +151,7 @@
 
           </div>
         </div>
-        <div class="modal-footer">
+        <div class="modal-footer bg-light">
           <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">닫기</button>
           <button type="button" class="btn btn-primary" id="saveAuthBtn">저장</button>
         </div>
diff --git a/src/main/resources/templates/adminPage/menuMgt/menuEditModal.html b/src/main/resources/templates/adminPage/menuMgt/menuEditModal.html
index 287b0a3a..2d5b550a 100644
--- a/src/main/resources/templates/adminPage/menuMgt/menuEditModal.html
+++ b/src/main/resources/templates/adminPage/menuMgt/menuEditModal.html
@@ -69,7 +69,7 @@
     </div>
   </form>
 </div>
-<div class="modal-footer justify-content-between">
+<div class="modal-footer justify-content-between bg-light">
   <div class="col-auto">
     <th:block th:if="${menuMgt.menuKey ne null}">
       <button type="button" class="btn btn-danger" id="deleteMenuBtn">삭제</button>
diff --git a/src/main/resources/templates/adminPage/organMgt/organMgt.html b/src/main/resources/templates/adminPage/organMgt/organMgt.html
index 797e7830..e2046b02 100644
--- a/src/main/resources/templates/adminPage/organMgt/organMgt.html
+++ b/src/main/resources/templates/adminPage/organMgt/organMgt.html
@@ -86,7 +86,7 @@
         <div class="modal-body">
 
         </div>
-        <div class="modal-footer">
+        <div class="modal-footer bg-light">
           <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">닫기</button>
           <button type="button" class="btn btn-primary" id="saveAuthBtn">저장</button>
         </div>
diff --git a/src/main/resources/templates/adminPage/userLog/inoutLog.html b/src/main/resources/templates/adminPage/userLog/inoutLog.html
index 1b7c6b6c..50551c3c 100644
--- a/src/main/resources/templates/adminPage/userLog/inoutLog.html
+++ b/src/main/resources/templates/adminPage/userLog/inoutLog.html
@@ -164,7 +164,7 @@
             </div>
           </div>
         </div>
-        <div class="modal-footer">
+        <div class="modal-footer bg-light">
           <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">닫기</button>
           <button type="button" class="btn btn-primary" id="saveAuthBtn">저장</button>
         </div>
diff --git a/src/main/resources/templates/adminPage/userLog/requestLog.html b/src/main/resources/templates/adminPage/userLog/requestLog.html
index 39e0e613..41bdb4ac 100644
--- a/src/main/resources/templates/adminPage/userLog/requestLog.html
+++ b/src/main/resources/templates/adminPage/userLog/requestLog.html
@@ -171,7 +171,7 @@
             </div>
           </div>
         </div>
-        <div class="modal-footer">
+        <div class="modal-footer bg-light">
           <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">닫기</button>
           <button type="button" class="btn btn-primary" id="saveAuthBtn">저장</button>
         </div>
diff --git a/src/main/resources/templates/adminPage/userMgt/userEditModal.html b/src/main/resources/templates/adminPage/userMgt/userEditModal.html
index 6f9382e1..044cbc53 100644
--- a/src/main/resources/templates/adminPage/userMgt/userEditModal.html
+++ b/src/main/resources/templates/adminPage/userMgt/userEditModal.html
@@ -45,7 +45,7 @@
     <div class="row mb-1">
       <label for="modalPassword" class="col-sm-2 col-form-label col-form-label-sm text-center">비밀번호</label>
       <div class="col-sm-4">
-        <input type="password" class="form-control form-control-sm" id="modalPassword" name="password" >
+        <input type="password" class="form-control form-control-sm" id="modalPassword" name="password" autocomplete="new-password">
         <label for="userId" style="font-size: 12px">8~16자 사이의 알파벳, 숫자, 특수문자 조합</label>
       </div>
       <label for="passwordConfirm" class="col-sm-2 col-form-label col-form-label-sm text-center">비밀번호 확인</label>
@@ -60,7 +60,7 @@
       </div>
       <label for="email" class="col-sm-2 col-form-label col-form-label-sm text-center">이메일</label>
       <div class="col-sm-4">
-        <input type="email" class="form-control form-control-sm" id="email" name="email" th:value="${userInfo.email}">
+        <input type="email" class="form-control form-control-sm" id="email" name="email" autocomplete="off" th:value="${userInfo.email}">
       </div>
     </div>
     <div class="row mb-1">
@@ -160,7 +160,7 @@
     </div>
   </form>
 </div>
-<div class="modal-footer row justify-content-between">
+<div class="modal-footer row justify-content-between bg-light">
   <div class="col-auto">
     <th:block th:if="${userInfo.userStatus eq 'USC002'}">
       <button type="button" class="btn btn-success statusBtn" data-status="USC003">승인</button>
diff --git a/src/main/resources/templates/equip/cellPhoneEditModal.html b/src/main/resources/templates/equip/cellPhoneEditModal.html
index 085f8d29..bbefa2a1 100644
--- a/src/main/resources/templates/equip/cellPhoneEditModal.html
+++ b/src/main/resources/templates/equip/cellPhoneEditModal.html
@@ -7,7 +7,7 @@
   <button type="button" class="btn-close f-invert" data-bs-dismiss="modal" aria-label="Close"></button>
   </th:block>
   <th:block th:unless="${info.phoneKey eq null}">
-  <button type="button" class="btn-close f-invert" id="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+  <button type="button" class="btn-close f-invert" data-bs-dismiss="modal" aria-label="Close"></button>
   </th:block>
 </div>
 <div class="modal-body">
@@ -83,7 +83,7 @@
     </div>
   </form>
 </div>
-<div class="modal-footer justify-content-between">
+<div class="modal-footer justify-content-between bg-light">
 	<div class="col-auto">
 		<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">닫기</button>
 	<th:block th:if="${info.phoneKey != null}">
diff --git a/src/main/resources/templates/equip/cellPhoneList.html b/src/main/resources/templates/equip/cellPhoneList.html
index 75e2ced9..8c3ae7b2 100644
--- a/src/main/resources/templates/equip/cellPhoneList.html
+++ b/src/main/resources/templates/equip/cellPhoneList.html
@@ -119,7 +119,7 @@
 	<div class="modal fade" id="cellPhoneEditModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="userEditModalLabel" aria-hidden="true">
     <div class="modal-dialog modal-lg modal-dialog-scrollable">
       <div class="modal-content" id="cellPhoneEditModalContent">
-        <div class="modal-header">
+        <div class="modal-header bg-dark">
         </div>
         <div class="modal-body">
           <div class="tab-content bg-white border border-top-0" id="configCellPhone">
diff --git a/src/main/resources/templates/equip/equipEditModal.html b/src/main/resources/templates/equip/equipEditModal.html
index c99c46af..f3e48cae 100644
--- a/src/main/resources/templates/equip/equipEditModal.html
+++ b/src/main/resources/templates/equip/equipEditModal.html
@@ -77,7 +77,7 @@
     </div>
   </form>
 </div>
-<div class="modal-footer justify-content-between">
+<div class="modal-footer justify-content-between bg-light">
   <div class="col-auto">
 	<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">닫기</button>
   </div>
diff --git a/src/main/resources/templates/equip/equipHistory.html b/src/main/resources/templates/equip/equipHistory.html
index de3ee0a3..60bd78a1 100644
--- a/src/main/resources/templates/equip/equipHistory.html
+++ b/src/main/resources/templates/equip/equipHistory.html
@@ -2,9 +2,9 @@
 <html lang="ko" xmlns:th="http://www.thymeleaf.org">
     <input type="hidden" name="_csrf_header" th:value="${_csrf.headerName}"/>
     <input type="hidden" th:name="${_csrf.parameterName}" th:value="${_csrf.token}"/>
-    <div class="modal-header">
-	  <h5 class="modal-title">수정이력</h5>
-	  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+    <div class="modal-header bg-dark">
+	  <h5 class="modal-title text-white">수정이력</h5>
+	  <button type="button" class="btn-close f-invert" data-bs-dismiss="modal" aria-label="Close"></button>
 	</div>
 	<div class="modal-body">
     <div class="row mx-0">
@@ -93,7 +93,7 @@
           </div>
         </div>
        </div>
-        <div class="modal-footer justify-content-between">
+        <div class="modal-footer justify-content-between bg-light">
 		  <div class="col-auto">
 		    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">닫기</button>
 		  </div>
diff --git a/src/main/resources/templates/equip/equipList.html b/src/main/resources/templates/equip/equipList.html
index 687a77e4..876f89b9 100644
--- a/src/main/resources/templates/equip/equipList.html
+++ b/src/main/resources/templates/equip/equipList.html
@@ -116,7 +116,7 @@
 	<div class="modal fade" id="equipModifyModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="userEditModalLabel" aria-hidden="true">
     <div class="modal-dialog modal-lg modal-dialog-scrollable">
       <div class="modal-content" id="equipEditModalContent">
-        <div class="modal-header">
+        <div class="modal-header bg-dark">
         </div>
         <div class="modal-body">
           <div class="tab-content border bg-white border-top-0" id="configEqu">
diff --git a/src/main/resources/templates/equip/equipModifyModal.html b/src/main/resources/templates/equip/equipModifyModal.html
index 986fc4de..42a192be 100644
--- a/src/main/resources/templates/equip/equipModifyModal.html
+++ b/src/main/resources/templates/equip/equipModifyModal.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
 <html lang="ko" xmlns:th="http://www.thymeleaf.org">
-<div class="modal-header">
-  <h5 class="modal-title" id="menuEditModalLabel">수정</h5>
-  <button type="button" id="btn-close" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+<div class="modal-header bg-dark">
+  <h5 class="modal-title text-white" id="menuEditModalLabel">수정</h5>
+  <button type="button" class="btn-close modalCloseBtn f-invert" data-bs-dismiss="modal" aria-label="Close"></button>
 </div>
 <div class="modal-body">
   <form id="equipModifyForm" th:action="@{/equip/updateEquip}" method="post" enctype="multipart/form-data">
@@ -90,9 +90,9 @@
     </div>
   </form>
 </div>
-<div class="modal-footer justify-content-between">
+<div class="modal-footer justify-content-between bg-light">
   <div class="col-auto">
-  	<button type="button" class="btn btn-secondary" id="btn-close" data-bs-dismiss="modal">닫기</button>
+  	<button type="button" class="btn btn-secondary modalCloseBtn" data-bs-dismiss="modal">닫기</button>
  	<button type="button" class="btn btn-danger" id="deleteEquip" th:if="${accessAuth eq 'ACC003'} or ${wrtUserSeq eq userSeq}">삭제</button>
   </div>
   <div class="col-auto">
diff --git a/src/main/resources/templates/equip/equipStatus.html b/src/main/resources/templates/equip/equipStatus.html
index 8014b6af..ee6dcb56 100644
--- a/src/main/resources/templates/equip/equipStatus.html
+++ b/src/main/resources/templates/equip/equipStatus.html
@@ -128,7 +128,7 @@
   <div class="modal fade" id="equipEditModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="userEditModalLabel" aria-hidden="true">
     <div class="modal-dialog modal-lg modal-dialog-scrollable">
       <div class="modal-content" id="equipEditModalContent">
-        <div class="modal-header">
+        <div class="modal-header bg-dark">
         </div>
         <div class="modal-body">
           <div class="tab-content bg-white border border-top-0" id="configInfo">
diff --git a/src/main/resources/templates/equip/pvreUseList.html b/src/main/resources/templates/equip/pvreUseList.html
index e753b1bc..2245336e 100644
--- a/src/main/resources/templates/equip/pvreUseList.html
+++ b/src/main/resources/templates/equip/pvreUseList.html
@@ -144,7 +144,7 @@
   <div class="modal fade" id="useEditModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="userEditModalLabel" aria-hidden="true">
     <div class="modal-dialog modal-lg modal-dialog-scrollable">
       <div class="modal-content" id="useEditModalContent">
-        <div class="modal-header">
+        <div class="modal-header bg-dark">
         </div>
         <div class="modal-body">
           <div class="tab-content bg-white border border-top-0" id="configCellPhone">
diff --git a/src/main/resources/templates/equip/qirUseList.html b/src/main/resources/templates/equip/qirUseList.html
index c6686360..b32a3201 100644
--- a/src/main/resources/templates/equip/qirUseList.html
+++ b/src/main/resources/templates/equip/qirUseList.html
@@ -144,7 +144,7 @@
   <div class="modal fade" id="useEditModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="userEditModalLabel" aria-hidden="true">
     <div class="modal-dialog modal-lg modal-dialog-scrollable">
       <div class="modal-content" id="useEditModalContent">
-        <div class="modal-header">
+        <div class="modal-header bg-dark">
         </div>
         <div class="modal-body">
           <div class="tab-content bg-white border border-top-0" id="configCellPhone">
diff --git a/src/main/resources/templates/equip/useEditModal.html b/src/main/resources/templates/equip/useEditModal.html
index 66b03ed2..6f0f7dac 100644
--- a/src/main/resources/templates/equip/useEditModal.html
+++ b/src/main/resources/templates/equip/useEditModal.html
@@ -1,15 +1,9 @@
 <!DOCTYPE html>
 <html lang="ko" xmlns:th="http://www.thymeleaf.org">
 
-<div class="modal-header">
-  <th:block th:if="${useType eq 'PVRE'}">
-  <h5 class="modal-title" id="menuEditModalLabel">휴대용 녹화장비 사용대장 등록</h5>
-  </th:block>
-  <th:block th:if="${useType eq 'QIR'}">
-  <h5 class="modal-title" id="menuEditModalLabel">방역조사실 사용대장 등록</h5>
-  </th:block>
-  	<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
-
+<div class="modal-header bg-dark">
+    <h5 class="modal-title text-white" id="menuEditModalLabel" th:text="${useType eq 'PVRE'?'휴대용 녹화장비 사용대장 등록':'방역조사실 사용대장 등록'}"></h5>
+  	<button type="button" class="btn-close f-invert" data-bs-dismiss="modal" aria-label="Close"></button>
 </div>
 <div class="modal-body pl-23">
   <form id="useFm" method="post">
@@ -66,7 +60,7 @@
           </div>                  
       </form>
 </div>
-<div class="modal-footer justify-content-between">
+<div class="modal-footer justify-content-between bg-light">
   <div class="col-auto">
     <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">닫기</button>
   </div>
diff --git a/src/main/resources/templates/equip/useHistory.html b/src/main/resources/templates/equip/useHistory.html
index fd73c488..9bf10d37 100644
--- a/src/main/resources/templates/equip/useHistory.html
+++ b/src/main/resources/templates/equip/useHistory.html
@@ -2,9 +2,9 @@
 <html lang="ko" xmlns:th="http://www.thymeleaf.org">
     <input type="hidden" name="_csrf_header" th:value="${_csrf.headerName}"/>
     <input type="hidden" th:name="${_csrf.parameterName}" th:value="${_csrf.token}"/>
-    <div class="modal-header">
-	  <h5 class="modal-title">수정이력</h5>
-	  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+    <div class="modal-header bg-dark">
+	  <h5 class="modal-title text-white">수정이력</h5>
+	  <button type="button" class="btn-close f-invert" data-bs-dismiss="modal" aria-label="Close"></button>
 	</div>
 	<div class="modal-body">
     <div class="row mx-0">
@@ -76,7 +76,7 @@
           </div>
         </div>
        	</div>
-        <div class="modal-footer justify-content-between">
+        <div class="modal-footer justify-content-between bg-light">
 		  <div class="col-auto">
 		    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">닫기</button>
 		  </div>
diff --git a/src/main/resources/templates/equip/useModifyModal.html b/src/main/resources/templates/equip/useModifyModal.html
index 0b1bd99d..bee2e46b 100644
--- a/src/main/resources/templates/equip/useModifyModal.html
+++ b/src/main/resources/templates/equip/useModifyModal.html
@@ -1,15 +1,11 @@
 <!DOCTYPE html>
 <html lang="ko" xmlns:th="http://www.thymeleaf.org">
-
-<div class="modal-header">
-  <th:block th:if="${info.useType eq 'PVRE'}">
-  <h5 class="modal-title" id="menuEditModalLabel">휴대용 녹화장비 사용대장 수정</h5>
-  </th:block>
-  <th:block th:if="${info.useType eq 'QIR'}">
-  <h5 class="modal-title" id="menuEditModalLabel">방역조사실 사용대장 수정</h5>
-  </th:block>
-  	<button type="button" class="btn-close" id="closeModal" data-bs-dismiss="modal" aria-label="Close"></button>
-
+<div class="modal-header bg-dark">
+  <h5 class="modal-title text-white" id="menuEditModalLabel">
+    <th:block th:if="${info.useType eq 'PVRE'}">휴대용 녹화장비 사용대장 수정</th:block>
+    <th:block th:if="${info.useType eq 'QIR'}">방역조사실 사용대장 수정</th:block>
+  </h5>
+  <button type="button" class="btn-close f-invert" id="closeModal" data-bs-dismiss="modal" aria-label="Close"></button>
 </div>
 <div class="modal-body pl-23">
   <form id="useUpdateFm" method="post">
@@ -68,7 +64,7 @@
           </div>                  
       </form>
 </div>
-<div class="modal-footer justify-content-between">
+<div class="modal-footer justify-content-between bg-light">
   <div class="col-auto">
     <button type="button" class="btn btn-secondary" id="closeModal" data-bs-dismiss="modal">닫기</button>
   </div>
diff --git a/src/main/resources/templates/faRpt/faRptBoard.html b/src/main/resources/templates/faRpt/faRptBoard.html
index 073b70c0..966edf24 100644
--- a/src/main/resources/templates/faRpt/faRptBoard.html
+++ b/src/main/resources/templates/faRpt/faRptBoard.html
@@ -179,10 +179,10 @@
   <div class="modal fade" id="userModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="userModalLabel" aria-hidden="true">
     <div class="modal-dialog modal-xl modal-dialog-scrollable">
       <div class="modal-content">
-        <div class="modal-header">
-          <h5 class="modal-title" id="menuModalLabel">수신자 검색</h5>
+        <div class="modal-header bg-dark">
+          <h5 class="modal-title text-white" id="menuModalLabel">수신자 검색</h5>
           <input type="hidden" id="modalUrl" value="/modal/userModal">
-          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+          <button type="button" class="btn-close f-invert" data-bs-dismiss="modal" aria-label="Close"></button>
         </div>
         <div class="modal-body text-nowrap" id="subModalBody">
           <div class="row">
@@ -194,7 +194,7 @@
             </div>
           </div>
         </div>
-        <div class="modal-footer">
+        <div class="modal-footer bg-light">
           <button type="button" class="btn btn-primary" id="getMenuBtn">추가</button>
           <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">닫기</button>
         </div>
diff --git a/src/main/resources/templates/faRpt/faRptEditModal.html b/src/main/resources/templates/faRpt/faRptEditModal.html
index cec3325b..d5115b16 100644
--- a/src/main/resources/templates/faRpt/faRptEditModal.html
+++ b/src/main/resources/templates/faRpt/faRptEditModal.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
 <html lang="ko" xmlns:th="http://www.thymeleaf.org">
-<div class="modal-header">
-  <h5 class="modal-title" id="faRptEditModalLabel" th:text="${faRpt.faRptKey eq null?'외사정보보고 작성':'외사정보보고 수정'}"></h5>
-  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+<div class="modal-header bg-dark">
+  <h5 class="modal-title text-white" id="faRptEditModalLabel" th:text="${faRpt.faRptKey eq null?'외사정보보고 작성':'외사정보보고 수정'}"></h5>
+  <button type="button" class="btn-close f-invert" data-bs-dismiss="modal" aria-label="Close"></button>
 </div>
 <div class="modal-body" id="faRptEditBody">
   <form action="#" method="post" id="faRptEditForm">
@@ -121,7 +121,7 @@
     </div>
   </form>
 </div>
-<div class="modal-footer">
+<div class="modal-footer bg-light">
   <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">닫기</button>
   <button type="button" class="btn btn-warning" id="saveTempBtn">임시저장</button>
   <button type="button" class="btn btn-primary" id="saveFaRptBtn">저장</button>
diff --git a/src/main/resources/templates/faRpt/faRptViewModal.html b/src/main/resources/templates/faRpt/faRptViewModal.html
index 8d6df216..7e589657 100644
--- a/src/main/resources/templates/faRpt/faRptViewModal.html
+++ b/src/main/resources/templates/faRpt/faRptViewModal.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
 <html lang="ko" xmlns:th="http://www.thymeleaf.org">
-<div class="modal-header">
-  <h5 class="modal-title" id="faRptViewModalLabel">외사정보보고 열람</h5>
-  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+<div class="modal-header bg-dark">
+  <h5 class="modal-title text-white" id="faRptViewModalLabel">외사정보보고 열람</h5>
+  <button type="button" class="btn-close f-invert" data-bs-dismiss="modal" aria-label="Close"></button>
 </div>
 <div class="modal-body" id="faRptViewBody">
   <div class="row">
@@ -129,7 +129,7 @@
     </div>
   </div>
 </div>
-<div class="modal-footer">
+<div class="modal-footer bg-light">
   <th:block th:if="${userSeq eq faRpt.wrtUserSeq}">
     <button type="button" class="btn btn-warning" id="editFaRptBtn" th:data-farptkey="${faRpt.faRptKey}">수정</button>
   </th:block>
diff --git a/src/main/resources/templates/faStatistics/crackdownStatus/crackdownStatusEditModal.html b/src/main/resources/templates/faStatistics/crackdownStatus/crackdownStatusEditModal.html
index cbe50894..4f0d821c 100644
--- a/src/main/resources/templates/faStatistics/crackdownStatus/crackdownStatusEditModal.html
+++ b/src/main/resources/templates/faStatistics/crackdownStatus/crackdownStatusEditModal.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
 <html lang="ko" xmlns:th="http://www.thymeleaf.org">
-<div class="modal-header">
-  <h5 class="modal-title" id="crackdownStatusEditModalLabel" th:text="${crackdownStatus.cdsKey eq null ? '불법조업 외국어선 단속등록' : '불법조업 외국어선 단속수정'}">></h5>
-  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+<div class="modal-header bg-dark">
+  <h5 class="modal-title text-white" id="crackdownStatusEditModalLabel" th:text="${crackdownStatus.cdsKey eq null ? '불법조업 외국어선 단속등록' : '불법조업 외국어선 단속수정'}">></h5>
+  <button type="button" class="btn-close f-invert" data-bs-dismiss="modal" aria-label="Close"></button>
 </div>
 <div class="modal-body" id="cdsEditBody">
   <form action="#" method="post" id="cdsEditForm">
@@ -509,7 +509,7 @@
     </div>
   </form>
 </div>
-<div class="modal-footer">
+<div class="modal-footer bg-light">
   <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">닫기</button>
   <!--<button type="button" class="btn btn-warning" id="saveTempBtn">임시저장</button>-->
   <button type="button" class="btn btn-primary" id="saveCrackdownStatusBtn">저장</button>
diff --git a/src/main/resources/templates/faStatistics/crackdownStatus/crackdownStatusHistoryViewModal.html b/src/main/resources/templates/faStatistics/crackdownStatus/crackdownStatusHistoryViewModal.html
index d2d618d2..c64caa73 100644
--- a/src/main/resources/templates/faStatistics/crackdownStatus/crackdownStatusHistoryViewModal.html
+++ b/src/main/resources/templates/faStatistics/crackdownStatus/crackdownStatusHistoryViewModal.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
 <html lang="ko" xmlns:th="http://www.thymeleaf.org">
-<div class="modal-header">
-  <h5 class="modal-title" id="crackdownStatusEditModalLabel">불법조업 외국어선 단속등록</h5>
-  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+<div class="modal-header bg-dark">
+  <h5 class="modal-title text-white" id="crackdownStatusEditModalLabel">불법조업 외국어선 단속등록</h5>
+  <button type="button" class="btn-close f-invert" data-bs-dismiss="modal" aria-label="Close"></button>
 </div>
 <!-- 탭 메뉴 -->
 <ul class="nav nav-tabs" role="tablist">
@@ -195,7 +195,7 @@
     </div>
   </div>
 </div>
-<div class="modal-footer">
+<div class="modal-footer bg-light">
   <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">닫기</button>
 </div>
 </html>
\ No newline at end of file
diff --git a/src/main/resources/templates/faStatistics/crackdownStatus/crackdownStatusViewModal.html b/src/main/resources/templates/faStatistics/crackdownStatus/crackdownStatusViewModal.html
index a790ef3c..3e232536 100644
--- a/src/main/resources/templates/faStatistics/crackdownStatus/crackdownStatusViewModal.html
+++ b/src/main/resources/templates/faStatistics/crackdownStatus/crackdownStatusViewModal.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
 <html lang="ko" xmlns:th="http://www.thymeleaf.org">
-<div class="modal-header">
-  <h5 class="modal-title" id="crackdownStatusEditModalLabel" th:text="${crackdownStatus.cdsKey eq null ? '불법조업 외국어선 단속등록' : '불법조업 외국어선 단속수정'}">></h5>
-  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+<div class="modal-header bg-dark">
+  <h5 class="modal-title text-white" id="crackdownStatusEditModalLabel" th:text="${crackdownStatus.cdsKey eq null ? '불법조업 외국어선 단속등록' : '불법조업 외국어선 단속수정'}">></h5>
+  <button type="button" class="btn-close f-invert" data-bs-dismiss="modal" aria-label="Close"></button>
 </div>
 <!-- 탭 메뉴 -->
 <ul class="nav nav-tabs" role="tablist">
@@ -504,7 +504,7 @@
     </div>
   </div>
 </div>
-<div class="modal-footer">
+<div class="modal-footer bg-light">
   <th:block th:if="${userSeq eq crackdownStatus.wrtUserSeq or accessAuth eq 'ACC003'}"><!--작성자일 경우 수정 허용--><!--관리자일 경우 수정 허용-->
     <button type="button" class="btn btn-warning" id="cdsEditBtn">수정</button>
   </th:block>
diff --git a/src/main/resources/templates/faStatistics/fishingBoat/fishingBoatEditModal.html b/src/main/resources/templates/faStatistics/fishingBoat/fishingBoatEditModal.html
index a006598b..91035e80 100644
--- a/src/main/resources/templates/faStatistics/fishingBoat/fishingBoatEditModal.html
+++ b/src/main/resources/templates/faStatistics/fishingBoat/fishingBoatEditModal.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
 <html lang="ko" xmlns:th="http://www.thymeleaf.org">
-<div class="modal-header">
-  <h5 class="modal-title" id="fishingBoatEditModalLabel" th:text="${crackdownStatus.cdsKey eq null?'외국어선정보 작성':'외국어선정보 수정'}"></h5>
-  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+<div class="modal-header bg-dark">
+  <h5 class="modal-title text-white" id="fishingBoatEditModalLabel" th:text="${crackdownStatus.cdsKey eq null?'외국어선정보 작성':'외국어선정보 수정'}"></h5>
+  <button type="button" class="btn-close f-invert" data-bs-dismiss="modal" aria-label="Close"></button>
 </div>
 <div class="modal-body">
   <form action="#" method="post" id="fishingBoatEditForm">
@@ -719,7 +719,7 @@
     </div>
   </form>
 </div>
-<div class="modal-footer">
+<div class="modal-footer bg-light">
   <!--<button type="button" class="btn btn-warning" id="saveTempBtn">임시저장</button>-->
   <button type="button" class="btn btn-primary" id="saveResultBtn">저장</button>
   <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">닫기</button>
diff --git a/src/main/resources/templates/faStatistics/fishingBoat/fishingBoatMgt.html b/src/main/resources/templates/faStatistics/fishingBoat/fishingBoatMgt.html
index 2c8aa902..d908f067 100644
--- a/src/main/resources/templates/faStatistics/fishingBoat/fishingBoatMgt.html
+++ b/src/main/resources/templates/faStatistics/fishingBoat/fishingBoatMgt.html
@@ -290,10 +290,10 @@
   <div class="modal fade" id="crackdownSubModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="crackdownSubModalLabel" aria-hidden="true">
     <div class="modal-dialog modal-xl modal-dialog-scrollable">
       <div class="modal-content">
-        <div class="modal-header">
-          <h5 class="modal-title" id="crackdownSubModalLabel">단속현황 불러오기</h5>
+        <div class="modal-header bg-dark">
+          <h5 class="modal-title text-white" id="crackdownSubModalLabel">단속현황 불러오기</h5>
           <input type="hidden" id="modalUrl" value="/modal/crackdownStatusModal">
-          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+          <button type="button" class="btn-close f-invert" data-bs-dismiss="modal" aria-label="Close"></button>
         </div>
         <div class="modal-body text-nowrap" id="subModalBody">
           <div class="row">
@@ -305,7 +305,7 @@
             </div>
           </div>
         </div>
-        <div class="modal-footer">
+        <div class="modal-footer bg-light">
           <button type="button" class="btn btn-primary" id="getCrackdownBtn">불러오기</button>
           <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">닫기</button>
         </div>
diff --git a/src/main/resources/templates/faStatistics/fishingBoat/fishingBoatViewModal.html b/src/main/resources/templates/faStatistics/fishingBoat/fishingBoatViewModal.html
index 15be9242..96458e7d 100644
--- a/src/main/resources/templates/faStatistics/fishingBoat/fishingBoatViewModal.html
+++ b/src/main/resources/templates/faStatistics/fishingBoat/fishingBoatViewModal.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
 <html lang="ko" xmlns:th="http://www.thymeleaf.org">
-<div class="modal-header">
-  <h5 class="modal-title" id="fishingBoatEditModalLabel">불법조업 외국어선 상세정보</h5>
-  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+<div class="modal-header bg-dark">
+  <h5 class="modal-title text-white" id="fishingBoatEditModalLabel">불법조업 외국어선 상세정보</h5>
+  <button type="button" class="btn-close f-invert" data-bs-dismiss="modal" aria-label="Close"></button>
 </div>
 <div class="modal-body">
   <ul class="nav nav-tabs" id="fishingBoatTab" role="tablist">
@@ -458,7 +458,7 @@
     </div>
   </div>
 </div>
-<div class="modal-footer">
+<div class="modal-footer bg-light">
   <th:block th:if="${userSeq eq crackdownStatus.fishingBoat.wrtUserSeq or accessAuth eq 'ACC003'}"><!--작성자일 경우 수정 허용--><!--관리자일 경우 수정 허용-->
     <button type="button" class="btn btn-warning" id="editFishingBoatBtn">수정</button>
   </th:block>
diff --git a/src/main/resources/templates/faStatistics/internationalCrimeArrest/internationalCrimeArrestEditModal.html b/src/main/resources/templates/faStatistics/internationalCrimeArrest/internationalCrimeArrestEditModal.html
index 5db015bd..616c3721 100644
--- a/src/main/resources/templates/faStatistics/internationalCrimeArrest/internationalCrimeArrestEditModal.html
+++ b/src/main/resources/templates/faStatistics/internationalCrimeArrest/internationalCrimeArrestEditModal.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
 <html lang="ko" xmlns:th="http://www.thymeleaf.org">
-<div class="modal-header">
-  <h5 class="modal-title" id="icaEditModalLabel" th:text="${internationalCrimeArrest.icaKey eq null ? '국제범죄검거 현황 수정' : '국제범죄검거 현황 등록'}">></h5>
-  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+<div class="modal-header bg-dark">
+  <h5 class="modal-title text-white" id="icaEditModalLabel" th:text="${internationalCrimeArrest.icaKey eq null ? '국제범죄검거 현황 수정' : '국제범죄검거 현황 등록'}">></h5>
+  <button type="button" class="btn-close f-invert" data-bs-dismiss="modal" aria-label="Close"></button>
 </div>
 <div class="modal-body" id="icaEditBody">
   <form action="#" method="post" id="icaEditForm">
@@ -334,7 +334,7 @@
     </div>
   </form>
 </div>
-<div class="modal-footer">
+<div class="modal-footer bg-light">
   <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">닫기</button>
   <button type="button" class="btn btn-warning" id="saveTempBtn">임시저장</button>
   <button type="button" class="btn btn-primary" id="saveIcaBtn">저장</button>
diff --git a/src/main/resources/templates/faStatistics/internationalCrimeArrest/internationalCrimeArrestViewModal.html b/src/main/resources/templates/faStatistics/internationalCrimeArrest/internationalCrimeArrestViewModal.html
index b5704fe2..7ce9dd46 100644
--- a/src/main/resources/templates/faStatistics/internationalCrimeArrest/internationalCrimeArrestViewModal.html
+++ b/src/main/resources/templates/faStatistics/internationalCrimeArrest/internationalCrimeArrestViewModal.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
 <html lang="ko" xmlns:th="http://www.thymeleaf.org">
-<div class="modal-header">
-  <h5 class="modal-title" id="planEditModalLabel">국제범죄검거 현황</h5>
-  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+<div class="modal-header bg-dark">
+  <h5 class="modal-title text-white" id="planEditModalLabel">국제범죄검거 현황</h5>
+  <button type="button" class="btn-close f-invert" data-bs-dismiss="modal" aria-label="Close"></button>
 </div>
 <div class="modal-body" id="icaEditBody">
   <form action="#" method="post" id="icaEditForm">
@@ -330,7 +330,7 @@
     </div>
   </form>
 </div>
-<div class="modal-footer">
+<div class="modal-footer bg-light">
   <th:block th:if="${userSeq eq internationalCrimeArrest.wrtUserSeq or accessAuth eq 'ACC003'}"><!--작성자일 경우 수정 허용--><!--관리자일 경우 수정 허용-->
     <button type="button" class="btn btn-warning" id="icaEditBtn">수정</button>
   </th:block>
diff --git a/src/main/resources/templates/faStatistics/processResult/processResultAddModal.html b/src/main/resources/templates/faStatistics/processResult/processResultAddModal.html
index e7ceece6..0587b003 100644
--- a/src/main/resources/templates/faStatistics/processResult/processResultAddModal.html
+++ b/src/main/resources/templates/faStatistics/processResult/processResultAddModal.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
 <html lang="ko" xmlns:th="http://www.thymeleaf.org">
-<div class="modal-header">
-  <h5 class="modal-title" id="processResultAddModalLabel">불법조업 외국어선 처리현황 등록</h5>
-  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+<div class="modal-header bg-dark">
+  <h5 class="modal-title text-white" id="processResultAddModalLabel">불법조업 외국어선 처리현황 등록</h5>
+  <button type="button" class="btn-close f-invert" data-bs-dismiss="modal" aria-label="Close"></button>
 </div>
 <div class="modal-body" id="processResultAddBody">
   <form action="#" method="post" id="processResultEditForm">
@@ -81,7 +81,7 @@
     </div>
   </form>
 </div>
-<div class="modal-footer">
+<div class="modal-footer bg-light">
   <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">닫기</button>
   <!--<button type="button" class="btn btn-warning" id="saveTempBtn">임시저장</button>-->
   <button type="button" class="btn btn-primary" id="saveProcessResultBtn">저장</button>
diff --git a/src/main/resources/templates/faStatistics/processResult/processResultEditModal.html b/src/main/resources/templates/faStatistics/processResult/processResultEditModal.html
index 91a0eccf..9a73e365 100644
--- a/src/main/resources/templates/faStatistics/processResult/processResultEditModal.html
+++ b/src/main/resources/templates/faStatistics/processResult/processResultEditModal.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
 <html lang="ko" xmlns:th="http://www.thymeleaf.org">
-<div class="modal-header">
-  <h5 class="modal-title" id="processResultEditModalLabel">불법조업 외국어선 처리현황 수정</h5>
-  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+<div class="modal-header bg-dark">
+  <h5 class="modal-title text-white" id="processResultEditModalLabel">불법조업 외국어선 처리현황 수정</h5>
+  <button type="button" class="btn-close f-invert" data-bs-dismiss="modal" aria-label="Close"></button>
 </div>
 <div class="modal-body" id="processResultEditBody">
   <form action="#" method="post" id="processResultEditForm">
@@ -145,7 +145,7 @@
     </div>
   </form>
 </div>
-<div class="modal-footer">
+<div class="modal-footer bg-light">
   <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">닫기</button>
   <!--<button type="button" class="btn btn-warning" id="saveTempBtn">임시저장</button>-->
   <button type="button" class="btn btn-primary" id="saveProcessResultBtn">저장</button>
diff --git a/src/main/resources/templates/faStatistics/processResult/processResultHistoryViewModal.html b/src/main/resources/templates/faStatistics/processResult/processResultHistoryViewModal.html
index b2107de6..c2d5ef1d 100644
--- a/src/main/resources/templates/faStatistics/processResult/processResultHistoryViewModal.html
+++ b/src/main/resources/templates/faStatistics/processResult/processResultHistoryViewModal.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
 <html lang="ko" xmlns:th="http://www.thymeleaf.org">
-<div class="modal-header">
-  <h5 class="modal-title" id="processResultEditModalLabel">불법조업 외국어선 처리현황</h5>
-  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+<div class="modal-header bg-dark">
+  <h5 class="modal-title text-white" id="processResultEditModalLabel">불법조업 외국어선 처리현황</h5>
+  <button type="button" class="btn-close f-invert" data-bs-dismiss="modal" aria-label="Close"></button>
 </div>
 <!-- 탭 메뉴 -->
 <ul class="nav nav-tabs" role="tablist">
@@ -115,7 +115,7 @@
     </div>
   </div>
 </div>
-<div class="modal-footer">
+<div class="modal-footer bg-light">
   <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">닫기</button>
 </div>
 </html>
\ No newline at end of file
diff --git a/src/main/resources/templates/faStatistics/processResult/processResultViewModal.html b/src/main/resources/templates/faStatistics/processResult/processResultViewModal.html
index 1ccc2d26..82e48de7 100644
--- a/src/main/resources/templates/faStatistics/processResult/processResultViewModal.html
+++ b/src/main/resources/templates/faStatistics/processResult/processResultViewModal.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
 <html lang="ko" xmlns:th="http://www.thymeleaf.org">
-<div class="modal-header">
-  <h5 class="modal-title" id="processResultEditModalLabel" th:text="${processResult.cdsKey eq null ? '불법조업 외국어선 처리현황' : '불법조업 외국어선 처리현황'}">></h5>
-  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+<div class="modal-header bg-dark">
+  <h5 class="modal-title text-white" id="processResultEditModalLabel" th:text="${processResult.cdsKey eq null ? '불법조업 외국어선 처리현황' : '불법조업 외국어선 처리현황'}">></h5>
+  <button type="button" class="btn-close f-invert" data-bs-dismiss="modal" aria-label="Close"></button>
 </div>
 <!-- 탭 메뉴 -->
 <ul class="nav nav-tabs" role="tablist">
@@ -157,7 +157,7 @@
     </div>
   </div>
 </div>
-<div class="modal-footer">
+<div class="modal-footer bg-light">
   <th:block th:if="${userSeq eq processResult.wrtUserSeq or accessAuth eq 'ACC003'}"><!--작성자일 경우 수정 허용--><!--관리자일 경우 수정 허용-->
     <button type="button" class="btn btn-warning" id="processResultEditBtn">수정</button>
   </th:block>
diff --git a/src/main/resources/templates/faStatistics/sailor/sailorAddModal.html b/src/main/resources/templates/faStatistics/sailor/sailorAddModal.html
index 11bec03e..fe65e6f7 100644
--- a/src/main/resources/templates/faStatistics/sailor/sailorAddModal.html
+++ b/src/main/resources/templates/faStatistics/sailor/sailorAddModal.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
 <html lang="ko" xmlns:th="http://www.thymeleaf.org">
-<div class="modal-header">
-  <h5 class="modal-title" id="sailorAddModalLabel">선원 세부 현황 등록</h5>
-  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+<div class="modal-header bg-dark">
+  <h5 class="modal-title text-white" id="sailorAddModalLabel">선원 세부 현황 등록</h5>
+  <button type="button" class="btn-close f-invert" data-bs-dismiss="modal" aria-label="Close"></button>
 </div>
 <div class="modal-body" id="sailorAddBody">
   <form action="#" method="post" id="sailorEditForm">
@@ -136,7 +136,7 @@
     </div>
   </form>
 </div>
-<div class="modal-footer">
+<div class="modal-footer bg-light">
   <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">닫기</button>
   <!--<button type="button" class="btn btn-warning" id="saveTempBtn">임시저장</button>-->
   <button type="button" class="btn btn-primary" id="saveSailorBtn">저장</button>
diff --git a/src/main/resources/templates/faStatistics/sailor/sailorEditModal.html b/src/main/resources/templates/faStatistics/sailor/sailorEditModal.html
index fd877146..4ef9f330 100644
--- a/src/main/resources/templates/faStatistics/sailor/sailorEditModal.html
+++ b/src/main/resources/templates/faStatistics/sailor/sailorEditModal.html
@@ -204,7 +204,7 @@
     </div>
   </form>
 </div>
-<div class="modal-footer">
+<div class="modal-footer bg-light">
   <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">닫기</button>
   <!--<button type="button" class="btn btn-warning" id="saveTempBtn">임시저장</button>-->
   <button type="button" class="btn btn-primary" id="saveSailorBtn">저장</button>
diff --git a/src/main/resources/templates/faStatistics/sailor/sailorHistoryViewModal.html b/src/main/resources/templates/faStatistics/sailor/sailorHistoryViewModal.html
index ce4e97e3..8770755c 100644
--- a/src/main/resources/templates/faStatistics/sailor/sailorHistoryViewModal.html
+++ b/src/main/resources/templates/faStatistics/sailor/sailorHistoryViewModal.html
@@ -5,9 +5,9 @@
   </script>
 </th:block>
 <html lang="ko" xmlns:th="http://www.thymeleaf.org">
-<div class="modal-header">
-  <h5 class="modal-title" id="sailorEditModalLabel">선원 세부 현황</h5>
-  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+<div class="modal-header bg-dark">
+  <h5 class="modal-title text-white" id="sailorEditModalLabel">선원 세부 현황</h5>
+  <button type="button" class="btn-close f-invert" data-bs-dismiss="modal" aria-label="Close"></button>
 </div>
 <!-- 탭 메뉴 -->
 <ul class="nav nav-tabs" role="tablist">
@@ -143,7 +143,7 @@
     </div>
   </div>
 </div>
-<div class="modal-footer">
+<div class="modal-footer bg-light">
   <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">닫기</button>
 </div>
 </html>
\ No newline at end of file
diff --git a/src/main/resources/templates/faStatistics/sailor/sailorViewModal.html b/src/main/resources/templates/faStatistics/sailor/sailorViewModal.html
index 96a4d35d..4e6541d1 100644
--- a/src/main/resources/templates/faStatistics/sailor/sailorViewModal.html
+++ b/src/main/resources/templates/faStatistics/sailor/sailorViewModal.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
 <html lang="ko" xmlns:th="http://www.thymeleaf.org">
-<div class="modal-header">
-  <h5 class="modal-title" id="sailorEditModalLabel">선원 세부 현황</h5>
-  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+<div class="modal-header bg-dark">
+  <h5 class="modal-title text-white" id="sailorEditModalLabel">선원 세부 현황</h5>
+  <button type="button" class="btn-close f-invert" data-bs-dismiss="modal" aria-label="Close"></button>
 </div>
 <!-- 탭 메뉴 -->
 <ul class="nav nav-tabs" role="tablist">
@@ -218,7 +218,7 @@
     </div>
   </div>
 </div>
-<div class="modal-footer">
+<div class="modal-footer bg-light">
   <th:block th:if="${userSeq eq sailor.wrtUserSeq or accessAuth eq 'ACC003'}"><!--작성자일 경우 수정 허용--><!--관리자일 경우 수정 허용-->
     <button type="button" class="btn btn-warning" id="sailorEditBtn">수정</button>
   </th:block>
diff --git a/src/main/resources/templates/fipTarget/ipShipEditModal.html b/src/main/resources/templates/fipTarget/ipShipEditModal.html
index 5b99c711..dae68ba0 100644
--- a/src/main/resources/templates/fipTarget/ipShipEditModal.html
+++ b/src/main/resources/templates/fipTarget/ipShipEditModal.html
@@ -1,9 +1,11 @@
 <!DOCTYPE html>
 <html lang="ko" xmlns:th="http://www.thymeleaf.org">
-
-<div class="modal-header">
-  <h5 class="modal-title" th:text="${siType eq 'KRCN' ? '한-중 국제여객선 등록' : siType eq 'KRJPRU' ? '한-일,러 국제여객선 등록' : null}"></h5>
-  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+<div class="modal-header bg-dark">
+  <h5 class="modal-title text-white">
+    <th:block th:if="${siType eq 'KRCN'}">한-중 국제여객선 등록</th:block>
+    <th:block th:if="${siType eq 'KRJPRU'}">한-일,러 국제여객선 등록</th:block>
+  </h5>
+  <button type="button" class="btn-close f-invert" data-bs-dismiss="modal" aria-label="Close"></button>
 </div>
 <div class="modal-body">
   <form id="shipInfoSave" method="post">
@@ -83,7 +85,7 @@
           </div>
       </form>
 </div>
-<div class="modal-footer justify-content-between">
+<div class="modal-footer justify-content-between bg-light">
 <div class="col-auto">
 	<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">닫기</button>
 </div>
diff --git a/src/main/resources/templates/fipTarget/ipShipHistory.html b/src/main/resources/templates/fipTarget/ipShipHistory.html
index f94af398..9e02e6c1 100644
--- a/src/main/resources/templates/fipTarget/ipShipHistory.html
+++ b/src/main/resources/templates/fipTarget/ipShipHistory.html
@@ -1,10 +1,12 @@
 <!DOCTYPE html>
 <html lang="ko" xmlns:th="http://www.thymeleaf.org">
 
-<div class="modal-header">
-	<h5 class="modal-title" th:text="${shipInfo.siType eq 'KRCN' ? '한-중 국제여객선 수정이력' : shipInfo.siType eq 'KRJPRU' ? '한-일,러 국제여객선 수정이력' : null}"></h5>
-	<button type="button" class="btn-close" data-bs-dismiss="modal"
-		aria-label="Close"></button>
+<div class="modal-header bg-dark">
+	<h5 class="modal-title text-white">
+    <th:block th:if="${shipInfo.siType eq 'KRCN'}">한-중 국제여객선 수정이력</th:block>
+    <th:block th:if="${shipInfo.siType eq 'KRJPRU'}">한-일,러 국제여객선 수정이력</th:block>
+  </h5>
+	<button type="button" class="btn-close f-invert" data-bs-dismiss="modal" aria-label="Close"></button>
 </div>
 <div class="modal-body">
 	<ul class="nav nav-tabs" id="userTab" role="tablist">
@@ -89,10 +91,9 @@
 		</div>
 	</div>
 </div>
-<div class="modal-footer justify-content-between">
+<div class="modal-footer justify-content-between bg-light">
 	<div class="col-auto">
-		<button type="button" class="btn btn-secondary"
-			data-bs-dismiss="modal">닫기</button>
+		<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">닫기</button>
 	</div>
 </div>
 </html>
\ No newline at end of file
diff --git a/src/main/resources/templates/fipTarget/ipShipViewModal.html b/src/main/resources/templates/fipTarget/ipShipViewModal.html
index 29ac8533..924b2678 100644
--- a/src/main/resources/templates/fipTarget/ipShipViewModal.html
+++ b/src/main/resources/templates/fipTarget/ipShipViewModal.html
@@ -1,9 +1,9 @@
 <!DOCTYPE html>
 <html lang="ko" xmlns:th="http://www.thymeleaf.org">
 
-<div class="modal-header">
-<h5 class="modal-title" th:text="${shipInfo.siType eq 'KRCN' ? '한-중 국제여객선 상세' : shipInfo.siType eq 'KRJPRU' ? '한-일,러 국제여객선 상세' : null}"></h5>
-  <button type="button" id="btn-close" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+<div class="modal-header bg-dark">
+<h5 class="modal-title text-white" th:text="${shipInfo.siType eq 'KRCN' ? '한-중 국제여객선 상세' : shipInfo.siType eq 'KRJPRU' ? '한-일,러 국제여객선 상세' : null}"></h5>
+  <button type="button" class="btn-close modalCloseBtn f-invert" data-bs-dismiss="modal" aria-label="Close"></button>
 </div>
 <div class="modal-body">
 	<ul class="nav nav-tabs" id="userTab" role="tablist">
@@ -93,9 +93,9 @@
           </div>
       </form>
 </div>
-<div class="modal-footer justify-content-between">
+<div class="modal-footer justify-content-between bg-light">
 <div class="col-auto">
-    <button type="button" class="btn btn-secondary" id="btn-close" data-bs-dismiss="modal">닫기</button>
+    <button type="button" class="btn btn-secondary modalCloseBtn" data-bs-dismiss="modal">닫기</button>
     <button type="button" class="btn btn-danger" id="deleteShipInfo" th:if="${accessAuth eq 'ACC003'} or ${wrtUserSeq eq userSeq}">삭제</button>
 </div>
 <div class="col-auto">
diff --git a/src/main/resources/templates/fipTarget/partInfoEditModal.html b/src/main/resources/templates/fipTarget/partInfoEditModal.html
index 94d3f746..3ea1670b 100644
--- a/src/main/resources/templates/fipTarget/partInfoEditModal.html
+++ b/src/main/resources/templates/fipTarget/partInfoEditModal.html
@@ -1,9 +1,9 @@
 <!DOCTYPE html>
 <html lang="ko" xmlns:th="http://www.thymeleaf.org">
 
-<div class="modal-header">
-  <h5 class="modal-title" id="menuEditModalLabel">외사분실 현황등록</h5>
-  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+<div class="modal-header bg-dark">
+  <h5 class="modal-title text-white" id="menuEditModalLabel">외사분실 현황등록</h5>
+  <button type="button" class="btn-close f-invert" data-bs-dismiss="modal" aria-label="Close"></button>
 </div>
 <div class="modal-body">
   <form id="partInfoSave" method="post">
@@ -121,9 +121,9 @@
 
       </form>
 </div>
-<div class="modal-footer justify-content-between">
+<div class="modal-footer justify-content-between bg-light">
   <div class="col-auto">  
-	<button type="button" id="btn-close" class="btn btn-secondary" data-bs-dismiss="modal">닫기</button>
+	<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">닫기</button>
   </div>
   <div class="col-auto">
     <button type="button" class="btn btn-primary" id="savePartInfo">저장</button>
diff --git a/src/main/resources/templates/fipTarget/partInfoHistory.html b/src/main/resources/templates/fipTarget/partInfoHistory.html
index f8fb67ec..7d666d30 100644
--- a/src/main/resources/templates/fipTarget/partInfoHistory.html
+++ b/src/main/resources/templates/fipTarget/partInfoHistory.html
@@ -1,10 +1,9 @@
 <!DOCTYPE html>
 <html lang="ko" xmlns:th="http://www.thymeleaf.org">
 
-<div class="modal-header">
-	<h5 class="modal-title">외사분실운영 현황</h5>
-	<button type="button" class="btn-close" data-bs-dismiss="modal"
-		aria-label="Close"></button>
+<div class="modal-header bg-dark">
+	<h5 class="modal-title text-white">외사분실운영 현황</h5>
+	<button type="button" class="btn-close f-invert" data-bs-dismiss="modal" aria-label="Close"></button>
 </div>
 <div class="modal-body">
 	<ul class="nav nav-tabs" id="userTab" role="tablist">
@@ -145,10 +144,9 @@
 		</div>
 	</div>
 </div>
-<div class="modal-footer justify-content-between">
+<div class="modal-footer justify-content-between bg-light">
 	<div class="col-auto">
-		<button type="button" id="btn-close" class="btn btn-secondary"
-			data-bs-dismiss="modal">닫기</button>
+		<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">닫기</button>
 	</div>
 </div>
 </html>
\ No newline at end of file
diff --git a/src/main/resources/templates/fipTarget/partInfoList.html b/src/main/resources/templates/fipTarget/partInfoList.html
index b1218530..e708a1ba 100644
--- a/src/main/resources/templates/fipTarget/partInfoList.html
+++ b/src/main/resources/templates/fipTarget/partInfoList.html
@@ -222,7 +222,7 @@
   <div class="modal fade" id="partInfoEditModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="userEditModalLabel" aria-hidden="true">
     <div class="modal-dialog modal-lg modal-dialog-scrollable">
       <div class="modal-content" id="partInfoEditModalEditModalContent">
-        <div class="modal-header">
+        <div class="modal-header bg-dark">
         </div>
         <div class="modal-body">
           <div class="tab-content bg-white border border-top-0" id="configInfo">
diff --git a/src/main/resources/templates/fipTarget/partInfoModifyModal.html b/src/main/resources/templates/fipTarget/partInfoModifyModal.html
index 2e7b15ac..55268f5d 100644
--- a/src/main/resources/templates/fipTarget/partInfoModifyModal.html
+++ b/src/main/resources/templates/fipTarget/partInfoModifyModal.html
@@ -1,9 +1,9 @@
 <!DOCTYPE html>
 <html lang="ko" xmlns:th="http://www.thymeleaf.org">
 
-<div class="modal-header">
-<h5 class="modal-title">외사분실운영 현황</h5>
-  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+<div class="modal-header bg-dark">
+<h5 class="modal-title text-white">외사분실운영 현황</h5>
+  <button type="button" class="btn-close f-invert" data-bs-dismiss="modal" aria-label="Close"></button>
 </div>
 <div class="modal-body">
 	<ul class="nav nav-tabs" id="userTab" role="tablist">
@@ -144,9 +144,9 @@
 
       </form>
 </div>
-<div class="modal-footer justify-content-between">
+<div class="modal-footer justify-content-between bg-light">
   <div class="col-auto">
-	<button type="button" class="btn btn-secondary" id="btn-close" data-bs-dismiss="modal">닫기</button>
+	<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">닫기</button>
     <button type="button" class="btn btn-danger" id="deletePartInfo" th:if="${accessAuth eq 'ACC003'} or ${wrtUserSeq eq userSeq}">삭제</button>
   </div>
   <div class="col-auto">
diff --git a/src/main/resources/templates/fipTarget/partWorkEditModal.html b/src/main/resources/templates/fipTarget/partWorkEditModal.html
index cb77004c..50184688 100644
--- a/src/main/resources/templates/fipTarget/partWorkEditModal.html
+++ b/src/main/resources/templates/fipTarget/partWorkEditModal.html
@@ -1,9 +1,9 @@
 <!DOCTYPE html>
 <html lang="ko" xmlns:th="http://www.thymeleaf.org">
 
-<div class="modal-header">
-  <h5 class="modal-title" id="menuEditModalLabel">외사분실 실적 등록</h5>
-  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+<div class="modal-header bg-dark">
+  <h5 class="modal-title text-white" id="menuEditModalLabel">외사분실 실적 등록</h5>
+  <button type="button" class="btn-close f-invert" data-bs-dismiss="modal" aria-label="Close"></button>
 </div>
 <div class="modal-body" id="noticeEditBody">
   <form action="#" method="post" id="partWorkSaveFm">
@@ -76,7 +76,7 @@
     </div>
   </form>
 </div>
-<div class="modal-footer justify-content-between">
+<div class="modal-footer justify-content-between bg-light">
 <div class="col-auto">
   <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">닫기</button>
 </div>
diff --git a/src/main/resources/templates/fipTarget/partWorkList.html b/src/main/resources/templates/fipTarget/partWorkList.html
index 4f3e2133..0f1a963b 100644
--- a/src/main/resources/templates/fipTarget/partWorkList.html
+++ b/src/main/resources/templates/fipTarget/partWorkList.html
@@ -151,7 +151,7 @@
   <div class="modal fade" id="partWorkEditModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="userEditModalLabel" aria-hidden="true">
     <div class="modal-dialog modal-lg modal-dialog-scrollable">
       <div class="modal-content" id="partWorkEditModalEditModalContent">
-        <div class="modal-header">
+        <div class="modal-header bg-dark">
         </div>
         <div class="modal-body">
           <div class="tab-content bg-white border border-top-0" id="configInfo">
diff --git a/src/main/resources/templates/fipTarget/partWorkModifyModal.html b/src/main/resources/templates/fipTarget/partWorkModifyModal.html
index b1f807a8..8a2eab0a 100644
--- a/src/main/resources/templates/fipTarget/partWorkModifyModal.html
+++ b/src/main/resources/templates/fipTarget/partWorkModifyModal.html
@@ -1,9 +1,9 @@
 <!DOCTYPE html>
 <html lang="ko" xmlns:th="http://www.thymeleaf.org">
 
-<div class="modal-header">
-  <h5 class="modal-title" id="menuEditModalLabel">외사분실 실적 상세</h5>
-  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+<div class="modal-header bg-dark">
+  <h5 class="modal-title text-white" id="menuEditModalLabel">외사분실 실적 상세</h5>
+  <button type="button" class="btn-close f-invert" data-bs-dismiss="modal" aria-label="Close"></button>
 </div>
 <div class="modal-body">
   <form action="#" method="post" id="partWorkUpdateFm">
@@ -82,15 +82,15 @@
     </div>
   </form>
 </div>
-<div class="modal-footer justify-content-between">
-	<div class="col-auto">
-  <button type="button" class="btn btn-secondary" id="btn-close" data-bs-dismiss="modal">닫기</button>
-  <th:block th:if="${userId eq pwInfo.wrtNm} or ${accessAuth eq 'ACC003'}">
-  <button type="button" class="btn btn-danger" id="deletePartWork">삭제</button>
-  </th:block>
+<div class="modal-footer justify-content-between bg-light">
+  <div class="col-auto">
+    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">닫기</button>
+    <th:block th:if="${userId eq pwInfo.wrtNm} or ${accessAuth eq 'ACC003'}">
+      <button type="button" class="btn btn-danger" id="deletePartWork">삭제</button>
+    </th:block>
   </div>
   <th:block th:if="${userId eq pwInfo.wrtNm} or ${accessAuth eq 'ACC003'}"><!--작성자 관리자일 경우 수정 허용-->
-  <button type="button" class="btn btn-warning" id="updateBtn">수정</button>
+    <button type="button" class="btn btn-warning" id="updateBtn">수정</button>
   </th:block>
 </div>
 </html>
\ No newline at end of file
diff --git a/src/main/resources/templates/fipTarget/vulnEditModal.html b/src/main/resources/templates/fipTarget/vulnEditModal.html
index a5729be9..ff575318 100644
--- a/src/main/resources/templates/fipTarget/vulnEditModal.html
+++ b/src/main/resources/templates/fipTarget/vulnEditModal.html
@@ -1,14 +1,9 @@
 <!DOCTYPE html>
 <html lang="ko" xmlns:th="http://www.thymeleaf.org">
 
-<div class="modal-header">
-  <h5 class="modal-title" id="menuEditModalLabel" th:text="${info.vulnKey eq null?'외사취약지 등록':'외사취약지 수정'}"></h5>
-  <th:block th:if="${info.vulnKey eq null}">
-  	<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
-  </th:block>
-  <th:block th:unless="${info.vulnKey eq null}">
-  	<button type="button" class="btn-close" id="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
-  </th:block>
+<div class="modal-header bg-dark">
+  <h5 class="modal-title text-white" id="menuEditModalLabel" th:text="${info.vulnKey eq null?'외사취약지 등록':'외사취약지 수정'}"></h5>
+  <button type="button" class="btn-close f-invert" data-bs-dismiss="modal" aria-label="Close"></button>
 </div>
 <div class="modal-body">
   <form id="saveVulnoFm" method="post">
@@ -78,7 +73,7 @@
     	</div>
    </form>
 </div>
-<div class="modal-footer justify-content-between">
+<div class="modal-footer justify-content-between bg-light">
   <div class="col-auto">
 	<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">닫기</button>
   </div>
diff --git a/src/main/resources/templates/fipTarget/vulnInfoModal.html b/src/main/resources/templates/fipTarget/vulnInfoModal.html
index 8911dafe..5bb3da4b 100644
--- a/src/main/resources/templates/fipTarget/vulnInfoModal.html
+++ b/src/main/resources/templates/fipTarget/vulnInfoModal.html
@@ -1,11 +1,9 @@
 <!DOCTYPE html>
 <html lang="ko" xmlns:th="http://www.thymeleaf.org">
 
-<div class="modal-header">
-	<h5 class="modal-title" id="menuEditModalLabel"
-		th:text="|${organNm} 취약지 상세|"></h5>
-	<button type="button" class="btn-close" data-bs-dismiss="modal"
-		aria-label="Close"></button>
+<div class="modal-header bg-dark">
+	<h5 class="modal-title text-white" id="menuEditModalLabel" th:text="|${organNm} 취약지 상세|"></h5>
+	<button type="button" class="btn-close f-invert" data-bs-dismiss="modal" aria-label="Close"></button>
 </div>
 <div class="modal-body">
 	<div class="card">
@@ -34,7 +32,7 @@
 		</div>
 	</div>
 </div>
-<div class="modal-footer justify-content-between">
+<div class="modal-footer justify-content-between bg-light">
 	<div class="col-auto">
 		<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">닫기</button>
 	</div>
diff --git a/src/main/resources/templates/fipTarget/vulnViewModal.html b/src/main/resources/templates/fipTarget/vulnViewModal.html
index e67e7bc7..23140b89 100644
--- a/src/main/resources/templates/fipTarget/vulnViewModal.html
+++ b/src/main/resources/templates/fipTarget/vulnViewModal.html
@@ -1,10 +1,9 @@
 <!DOCTYPE html>
 <html lang="ko" xmlns:th="http://www.thymeleaf.org">
 
-<div class="modal-header">
-	<h5 class="modal-title" id="menuEditModalLabel" th:text="|${vulnInfo.vulnNm} 관리카드|"></h5>
-	<button type="button" class="btn-close" data-bs-dismiss="modal"
-		aria-label="Close"></button>
+<div class="modal-header bg-dark">
+	<h5 class="modal-title text-white" id="menuEditModalLabel" th:text="|${vulnInfo.vulnNm} 관리카드|"></h5>
+	<button type="button" class="btn-close f-invert" data-bs-dismiss="modal" aria-label="Close"></button>
 </div>
 <div class="modal-body">
 	<div class="card">
@@ -54,7 +53,7 @@
 		</div>
 	</div>
 </div>
-<div class="modal-footer justify-content-between">
+<div class="modal-footer justify-content-between bg-light">
 	<div class="col-auto">
 		<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">닫기</button>
 	</div>
diff --git a/src/main/resources/templates/fipTarget/vulnerableList.html b/src/main/resources/templates/fipTarget/vulnerableList.html
index d8786231..7e4bd580 100644
--- a/src/main/resources/templates/fipTarget/vulnerableList.html
+++ b/src/main/resources/templates/fipTarget/vulnerableList.html
@@ -58,7 +58,7 @@
   <div class="modal fade" id="vulnEditModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="userEditModalLabel" aria-hidden="true">
     <div class="modal-dialog modal-lg modal-dialog-scrollable">
       <div class="modal-content" id="vulnEditModalContent">
-        <div class="modal-header">
+        <div class="modal-header bg-dark">
         </div>
         <div class="modal-body">
           <div class="tab-content bg-white border border-top-0" id="configInfo">
diff --git a/src/main/resources/templates/igActivities/fpiMgt/affair/affairEditModal.html b/src/main/resources/templates/igActivities/fpiMgt/affair/affairEditModal.html
index 4e4fa354..f0d7fe6e 100644
--- a/src/main/resources/templates/igActivities/fpiMgt/affair/affairEditModal.html
+++ b/src/main/resources/templates/igActivities/fpiMgt/affair/affairEditModal.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
 <html lang="ko" xmlns:th="http://www.thymeleaf.org">
-<div class="modal-header">
-  <h5 class="modal-title" id="affairEditModalLabel" th:text="${affair.affairKey eq null?'견문 작성':'견문 수정'}"></h5>
-  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+<div class="modal-header bg-dark">
+  <h5 class="modal-title text-white" id="affairEditModalLabel" th:text="${affair.affairKey eq null?'견문 작성':'견문 수정'}"></h5>
+  <button type="button" class="btn-close f-invert" data-bs-dismiss="modal" aria-label="Close"></button>
 </div>
 <div class="modal-body" id="affairEditBody">
   <form action="#" method="post" id="affairEditForm">
@@ -125,7 +125,7 @@
     </div>
   </form>
 </div>
-<div class="modal-footer">
+<div class="modal-footer bg-light">
   <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">닫기</button>
   <button type="button" class="btn btn-warning" id="saveTempBtn">임시저장</button>
   <button type="button" class="btn btn-primary" id="saveAffairBtn">저장</button>
diff --git a/src/main/resources/templates/igActivities/fpiMgt/affair/affairViewModal.html b/src/main/resources/templates/igActivities/fpiMgt/affair/affairViewModal.html
index 42c5c96f..b0e3c395 100644
--- a/src/main/resources/templates/igActivities/fpiMgt/affair/affairViewModal.html
+++ b/src/main/resources/templates/igActivities/fpiMgt/affair/affairViewModal.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
 <html lang="ko" xmlns:th="http://www.thymeleaf.org">
-<div class="modal-header">
-  <h5 class="modal-title" id="affairViewModalLabel">견문 열람</h5>
-  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+<div class="modal-header bg-dark">
+  <h5 class="modal-title text-white" id="affairViewModalLabel">견문 열람</h5>
+  <button type="button" class="btn-close f-invert" data-bs-dismiss="modal" aria-label="Close"></button>
 </div>
 <div class="modal-body">
   <div class="row">
@@ -241,7 +241,7 @@
     </div>
   </div>
 </div>
-<div class="modal-footer">
+<div class="modal-footer bg-light">
   <th:block th:unless="${affair.affairStatus eq 'DST004' or affair.affairStatus eq 'DST006'}"><!--승인 상태일때는 수정 불가-->
     <th:block th:if="${userSeq eq affair.wrtUserSeq or accessAuth eq 'ACC003'}"><!--작성자일 경우 수정 허용--><!--관리자일 경우 수정 허용-->
       <button type="button" class="btn btn-warning" id="editAffairBtn">수정</button>
diff --git a/src/main/resources/templates/igActivities/fpiMgt/affairPlan/planEditModal.html b/src/main/resources/templates/igActivities/fpiMgt/affairPlan/planEditModal.html
index 60b5e31f..2e107f89 100644
--- a/src/main/resources/templates/igActivities/fpiMgt/affairPlan/planEditModal.html
+++ b/src/main/resources/templates/igActivities/fpiMgt/affairPlan/planEditModal.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
 <html lang="ko" xmlns:th="http://www.thymeleaf.org">
-<div class="modal-header">
-  <h5 class="modal-title" id="planEditModalLabel" th:text="${plan.planKey eq null?'월간 계획 작성':'월간 계획 수정'}"></h5>
-  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+<div class="modal-header bg-dark">
+  <h5 class="modal-title text-white" id="planEditModalLabel" th:text="${plan.planKey eq null?'월간 계획 작성':'월간 계획 수정'}"></h5>
+  <button type="button" class="btn-close f-invert" data-bs-dismiss="modal" aria-label="Close"></button>
 </div>
 <div class="modal-body" id="planEditBody">
   <form action="#" method="post" id="planEditForm">
@@ -84,7 +84,7 @@
     </div>
   </form>
 </div>
-<div class="modal-footer">
+<div class="modal-footer bg-light">
   <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">닫기</button>
   <button type="button" class="btn btn-warning" id="saveTempBtn">임시저장</button>
   <button type="button" class="btn btn-primary" id="savePlanBtn">저장</button>
diff --git a/src/main/resources/templates/igActivities/fpiMgt/affairPlan/planViewModal.html b/src/main/resources/templates/igActivities/fpiMgt/affairPlan/planViewModal.html
index 0e2e8477..bee244c3 100644
--- a/src/main/resources/templates/igActivities/fpiMgt/affairPlan/planViewModal.html
+++ b/src/main/resources/templates/igActivities/fpiMgt/affairPlan/planViewModal.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
 <html lang="ko" xmlns:th="http://www.thymeleaf.org">
-<div class="modal-header">
-  <h5 class="modal-title" id="planViewModalLabel">월간 계획 열람</h5>
-  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+<div class="modal-header bg-dark">
+  <h5 class="modal-title text-white" id="planViewModalLabel">월간 계획 열람</h5>
+  <button type="button" class="btn-close f-invert" data-bs-dismiss="modal" aria-label="Close"></button>
 </div>
 <div class="modal-body">
   <div class="row">
@@ -129,7 +129,7 @@
     </div>
   </div>
 </div>
-<div class="modal-footer">
+<div class="modal-footer bg-light">
   <th:block th:unless="${plan.planState eq 'DST004' or plan.planState eq 'DST006'}"><!--승인 상태일때는 수정 불가-->
     <th:block th:if="${userSeq eq plan.wrtUserSeq or accessAuth eq 'ACC003'}"><!--작성자일 경우 수정 허용--><!--관리자일 경우 수정 허용-->
       <button type="button" class="btn btn-warning" id="editPlanBtn">수정</button>
diff --git a/src/main/resources/templates/igActivities/fpiMgt/affairResult/affairListModal.html b/src/main/resources/templates/igActivities/fpiMgt/affairResult/affairListModal.html
index ac62c4db..4c7bac98 100644
--- a/src/main/resources/templates/igActivities/fpiMgt/affairResult/affairListModal.html
+++ b/src/main/resources/templates/igActivities/fpiMgt/affairResult/affairListModal.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
 <html lang="ko" xmlns:th="http://www.thymeleaf.org">
-<div class="modal-header">
-  <h5 class="modal-title" id="affairListModalLabel">견문목록</h5>
-  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+<div class="modal-header bg-dark">
+  <h5 class="modal-title text-white" id="affairListModalLabel">견문목록</h5>
+  <button type="button" class="btn-close f-invert" data-bs-dismiss="modal" aria-label="Close"></button>
 </div>
 <div class="modal-body" id="affairListBody">
   <table class="table table-sm table-hover">
@@ -56,7 +56,7 @@
     </tbody>
   </table>
 </div>
-<div class="modal-footer">
+<div class="modal-footer bg-light">
   <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">닫기</button>
   <button type="button" class="btn btn-primary" id="getAffairBtn">불러오기</button>
 </div>
\ No newline at end of file
diff --git a/src/main/resources/templates/igActivities/fpiMgt/affairResult/resultEditModal.html b/src/main/resources/templates/igActivities/fpiMgt/affairResult/resultEditModal.html
index b4122e5b..956973ae 100644
--- a/src/main/resources/templates/igActivities/fpiMgt/affairResult/resultEditModal.html
+++ b/src/main/resources/templates/igActivities/fpiMgt/affairResult/resultEditModal.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
 <html lang="ko" xmlns:th="http://www.thymeleaf.org">
-<div class="modal-header">
-  <h5 class="modal-title" id="resultEditModalLabel" th:text="${result.resultKey eq null?'청산보고서 작성':'청산보고서 수정'}"></h5>
-  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+<div class="modal-header bg-dark">
+  <h5 class="modal-title text-white" id="resultEditModalLabel" th:text="${result.resultKey eq null?'청산보고서 작성':'청산보고서 수정'}"></h5>
+  <button type="button" class="btn-close f-invert" data-bs-dismiss="modal" aria-label="Close"></button>
 </div>
 <div class="modal-body" id="resultEditBody">
   <form action="#" method="post" id="resultEditForm">
@@ -291,7 +291,7 @@
     </div>
   </form>
 </div>
-<div class="modal-footer">
+<div class="modal-footer bg-light">
   <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">닫기</button>
   <button type="button" class="btn btn-warning" id="saveTempBtn">임시저장</button>
   <button type="button" class="btn btn-primary" id="saveResultBtn">저장</button>
diff --git a/src/main/resources/templates/igActivities/fpiMgt/affairResult/resultViewModal.html b/src/main/resources/templates/igActivities/fpiMgt/affairResult/resultViewModal.html
index e6a835ec..8e8c842d 100644
--- a/src/main/resources/templates/igActivities/fpiMgt/affairResult/resultViewModal.html
+++ b/src/main/resources/templates/igActivities/fpiMgt/affairResult/resultViewModal.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
 <html lang="ko" xmlns:th="http://www.thymeleaf.org">
-<div class="modal-header">
-  <h5 class="modal-title" id="planViewModalLabel">청산보고서 열람</h5>
-  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+<div class="modal-header bg-dark">
+  <h5 class="modal-title text-white" id="planViewModalLabel">청산보고서 열람</h5>
+  <button type="button" class="btn-close f-invert" data-bs-dismiss="modal" aria-label="Close"></button>
 </div>
 <div class="modal-body">
   <div class="row">
@@ -247,7 +247,7 @@
     </div>
   </div>
 </div>
-<div class="modal-footer">
+<div class="modal-footer bg-light">
   <th:block th:unless="${result.resultState eq 'DST004' or result.resultState eq 'DST006'}"><!--승인 상태일때는 수정 불가-->
     <th:block th:if="${userSeq eq result.wrtUserSeq or accessAuth eq 'ACC003'}"><!--작성자일 경우 수정 허용--><!--관리자일 경우 수정 허용-->
       <button type="button" class="btn btn-warning" id="editResultBtn">수정</button>
diff --git a/src/main/resources/templates/ivsgt/ivsgtEditModal.html b/src/main/resources/templates/ivsgt/ivsgtEditModal.html
index 4d432294..dc9ee9ae 100644
--- a/src/main/resources/templates/ivsgt/ivsgtEditModal.html
+++ b/src/main/resources/templates/ivsgt/ivsgtEditModal.html
@@ -1,29 +1,31 @@
 <!DOCTYPE html>
 <html lang="ko" xmlns:th="http://www.thymeleaf.org">
-  <div class="modal-header">
+  <div class="modal-header bg-dark">
+    <h5 class="modal-title text-white" id="planEditModalLabel">
     <th:block th:if="${boardInvestigation.ivsgtKey eq null}">
       <th:block th:if="${boardInvestigation.ivsgtType eq 'arrest'}">
-        <h5 class="modal-title" id="planEditModalLabel">검거보고서 작성</h5>
+        검거보고서 작성
       </th:block>
       <th:block th:if="${boardInvestigation.ivsgtType eq 'proceeding'}">
-        <h5 class="modal-title" id="planEditModalLabel">진행보고서 작성</h5>
+        진행보고서 작성
       </th:block>
       <th:block th:if="${boardInvestigation.ivsgtType eq 'result'}">
-        <h5 class="modal-title" id="planEditModalLabel">결과보고서 작성</h5>
+        결과보고서 작성
       </th:block>
     </th:block>
     <th:block th:if="${boardInvestigation.ivsgtKey != null}">
       <th:block th:if="${boardInvestigation.ivsgtType eq 'arrest'}">
-        <h5 class="modal-title" id="planEditModalLabel">검거보고서 수정</h5>
+        검거보고서 수정
       </th:block>
       <th:block th:if="${boardInvestigation.ivsgtType eq 'proceeding'}">
-        <h5 class="modal-title" id="planEditModalLabel">진행보고서 수정</h5>
+        진행보고서 수정
       </th:block>
       <th:block th:if="${boardInvestigation.ivsgtType eq 'result'}">
-        <h5 class="modal-title" id="planEditModalLabel">결과보고서 수정</h5>
+        결과보고서 수정
       </th:block>
     </th:block>
-    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+    </h5>
+    <button type="button" class="btn-close f-invert" data-bs-dismiss="modal" aria-label="Close"></button>
   </div>
   <div class="modal-body" id="ivsgtEditBody">
     <form action="#" method="post" id="ivsgtEditForm">
@@ -149,7 +151,7 @@
       </div>
     </form>
   </div>
-  <div class="modal-footer">
+  <div class="modal-footer bg-light">
     <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">닫기</button>
     <button type="button" class="btn btn-warning" id="saveTempBtn">임시저장</button>
     <button type="button" class="btn btn-primary" id="saveIvsgtBtn">저장</button>
diff --git a/src/main/resources/templates/ivsgt/ivsgtViewModal.html b/src/main/resources/templates/ivsgt/ivsgtViewModal.html
index 3569cfc2..e343dd5b 100644
--- a/src/main/resources/templates/ivsgt/ivsgtViewModal.html
+++ b/src/main/resources/templates/ivsgt/ivsgtViewModal.html
@@ -1,16 +1,18 @@
 <!DOCTYPE html>
 <html lang="ko" xmlns:th="http://www.thymeleaf.org">
-  <div class="modal-header">
+  <div class="modal-header bg-dark">
+    <h5 class="modal-title text-white" id="ivsgtViewModalLabel">
     <th:block th:if="${boardInvestigation.ivsgtType eq 'arrest'}">
-      <h5 class="modal-title" id="ivsgtViewModalLabel">검거보고서</h5>
+      검거보고서
     </th:block>
     <th:block th:if="${boardInvestigation.ivsgtType eq 'proceeding'}">
-      <h5 class="modal-title" id="ivsgtViewModalLabel">진행보고서</h5>
+      진행보고서
     </th:block>
     <th:block th:if="${boardInvestigation.ivsgtType eq 'result'}">
-      <h5 class="modal-title" id="ivsgtViewModalLabel">결과보고서</h5>
+      결과보고서
     </th:block>
-    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+    </h5>
+    <button type="button" class="btn-close f-invert" data-bs-dismiss="modal" aria-label="Close"></button>
   </div>
   <div class="modal-body" id="ivsgtViewBody">
     <form action="#" method="post" id="ivsgtEditForm">
@@ -111,7 +113,7 @@
       </div>
     </form>
   </div>
-  <div class="modal-footer">
+  <div class="modal-footer bg-light">
     <th:block th:if="${userSeq eq boardInvestigation.wrtUserSeq or accessAuth eq 'ACC003'}"><!--작성자일 경우 수정 허용--><!--관리자일 경우 수정 허용-->
       <button type="button" class="btn btn-warning" id="ivsgtEditBtn">수정</button>
     </th:block>
diff --git a/src/main/resources/templates/ivsgt/searchViewModal.html b/src/main/resources/templates/ivsgt/searchViewModal.html
index f428b1d6..15094c34 100644
--- a/src/main/resources/templates/ivsgt/searchViewModal.html
+++ b/src/main/resources/templates/ivsgt/searchViewModal.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
 <html lang="ko" xmlns:th="http://www.thymeleaf.org">
-  <div class="modal-header">
-    <h5 class="modal-title" id="arrestViewModalLabel">검거보고서</h5>
-    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+  <div class="modal-header bg-dark">
+    <h5 class="modal-title text-white" id="arrestViewModalLabel">검거보고서</h5>
+    <button type="button" class="btn-close f-invert" data-bs-dismiss="modal" aria-label="Close"></button>
   </div>
   <div class="modal-body" id="searchViewBody">
     <th:block th:if="${#lists.isEmpty(boardInvestigationList)}">
@@ -13,7 +13,7 @@
       <label th:for="'reportChk'+${boardInvestigation.ivsgtKey}" th:text="${boardInvestigation.contentTitle}"></label>
     </div>
   </div>
-  <div class="modal-footer">
+  <div class="modal-footer bg-light">
     <button type="button" class="btn btn-primary" id="completeBtn" data-bs-dismiss="modal">선택완료</button>
     <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">닫기</button>
   </div>
diff --git a/src/main/resources/templates/login/joinForm.html b/src/main/resources/templates/login/joinForm.html
index c700d39e..657e16c3 100644
--- a/src/main/resources/templates/login/joinForm.html
+++ b/src/main/resources/templates/login/joinForm.html
@@ -289,7 +289,7 @@
       </div>
     </form>
   </div>
-  <div class="modal-footer"><!-- th:if="${joinFlag eq 'T'}"-->
+  <div class="modal-foote bg-light"><!-- th:if="${joinFlag eq 'T'}"-->
     <button type="button" class="btn btn-secondary" data-bs-dismiss="modal" id="closeModalBtn">닫기</button>
     <button type="button" class="btn btn-primary" id="saveBtn">신청</button>
   </div>
diff --git a/src/main/resources/templates/login/login.html b/src/main/resources/templates/login/login.html
index 25eadd42..0cc6b6e0 100644
--- a/src/main/resources/templates/login/login.html
+++ b/src/main/resources/templates/login/login.html
@@ -53,9 +53,9 @@
   <div class="modal fade" id="userInsertModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="userInsertModalLabel" aria-hidden="true">
     <div class="modal-dialog modal-lg">
       <div class="modal-content " id="userInsertModalContent">
-        <div class="modal-header">
-          <h5 class="modal-title" id="userInsertModalLabel">사용자 신청</h5>
-          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+        <div class="modal-header bg-dark">
+          <h5 class="modal-title text-white" id="userInsertModalLabel">사용자 신청</h5>
+          <button type="button" class="btn-close f-invert" data-bs-dismiss="modal" aria-label="Close"></button>
         </div>
         <div class="modal-body">
           <div class="mb-3 mt-3 row">
diff --git a/src/main/resources/templates/police/career/careerFormModal.html b/src/main/resources/templates/police/career/careerFormModal.html
index 0f7d3c91..43b906a1 100644
--- a/src/main/resources/templates/police/career/careerFormModal.html
+++ b/src/main/resources/templates/police/career/careerFormModal.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
 <html lang="ko" xmlns:th="http://www.thymeleaf.org">
-<div class="modal-header">
-  <h5 class="modal-title">경력 추가</h5>
-  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+<div class="modal-header bg-dark">
+  <h5 class="modal-title text-white">경력 추가</h5>
+  <button type="button" class="btn-close f-invert" data-bs-dismiss="modal" aria-label="Close"></button>
 </div>
 <div class="modal-body">
   <form id="careerForm" action="#" method="POST">
@@ -78,7 +78,7 @@
     </div>
   </form>
 </div>
-<div class="modal-footer row justify-content-between">
+<div class="modal-footer row justify-content-between bg-light">
   <div class="col-auto">
     <button type="button" class="btn btn-primary" id="saveBtn">저장</button>
   </div>
diff --git a/src/main/resources/templates/police/career/careerModal.html b/src/main/resources/templates/police/career/careerModal.html
index 102511a7..16878e80 100644
--- a/src/main/resources/templates/police/career/careerModal.html
+++ b/src/main/resources/templates/police/career/careerModal.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
 <html lang="ko" xmlns:th="http://www.thymeleaf.org">
-<div class="modal-header">
-  <h5 class="modal-title" th:text="|${userInfo.ogCd} ${userInfo.ofcCd eq null?'':userInfo.ofcCd} ${userInfo.titleCd eq null?'':userInfo.titleCd} ${userInfo.userNm}|"></h5>
-  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+<div class="modal-header bg-dark">
+  <h5 class="modal-title text-white" th:text="|${userInfo.ogCd} ${userInfo.ofcCd eq null?'':userInfo.ofcCd} ${userInfo.titleCd eq null?'':userInfo.titleCd} ${userInfo.userNm}|"></h5>
+  <button type="button" class="btn-close f-invert" data-bs-dismiss="modal" aria-label="Close"></button>
 </div>
 <div class="modal-body">
   <input type="hidden" id="mngModelUserSeq" th:value="${userInfo.userSeq}">
@@ -117,7 +117,7 @@
     </div>
   </div>
 </div>
-<div class="modal-footer">
+<div class="modal-footer bg-light">
   <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">닫기</button>
 </div>
 </html>
\ No newline at end of file
diff --git a/src/main/resources/templates/police/career/kwmsCareerModal.html b/src/main/resources/templates/police/career/kwmsCareerModal.html
index 0e5d8c0d..1931dc65 100644
--- a/src/main/resources/templates/police/career/kwmsCareerModal.html
+++ b/src/main/resources/templates/police/career/kwmsCareerModal.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
 <html lang="ko" xmlns:th="http://www.thymeleaf.org">
-<div class="modal-header">
-  <h5 class="modal-title">인사시스템 경력정보</h5>
-  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+<div class="modal-header bg-dark">
+  <h5 class="modal-title text-white">인사시스템 경력정보</h5>
+  <button type="button" class="btn-close f-invert" data-bs-dismiss="modal" aria-label="Close"></button>
 </div>
 <div class="modal-body">
   <div class="card">
@@ -59,7 +59,7 @@
     </div>
   </div>
 </div>
-<div class="modal-footer justify-content-between">
+<div class="modal-footer justify-content-between bg-light">
   <button type="button" class="btn btn-primary" id="kwmsModalSelectBtn">선택</button>
   <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">닫기</button>
 </div>
diff --git a/src/main/resources/templates/police/education/eduEditModal.html b/src/main/resources/templates/police/education/eduEditModal.html
index d5fd0197..22fcd23e 100644
--- a/src/main/resources/templates/police/education/eduEditModal.html
+++ b/src/main/resources/templates/police/education/eduEditModal.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
 <html lang="ko" xmlns:th="http://www.thymeleaf.org">
-<div class="modal-header">
-  <h5 class="modal-title">외사경찰 교육 등록</h5>
-  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+<div class="modal-header bg-dark">
+  <h5 class="modal-title text-white">외사경찰 교육 등록</h5>
+  <button type="button" class="btn-close f-invert" data-bs-dismiss="modal" aria-label="Close"></button>
 </div>
 <div class="modal-body">
   <div class="mb-3 mt-3 row">
@@ -79,7 +79,7 @@
     </div>
   </div>
 </div>
-<div class="modal-footer row justify-content-between">
+<div class="modal-footer row justify-content-between bg-light">
   <div class="col-auto">
     <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">닫기</button>
   </div>
diff --git a/src/main/resources/templates/police/personnelStatus/personnelStatus.html b/src/main/resources/templates/police/personnelStatus/personnelStatus.html
index 235f1abc..69919d8a 100644
--- a/src/main/resources/templates/police/personnelStatus/personnelStatus.html
+++ b/src/main/resources/templates/police/personnelStatus/personnelStatus.html
@@ -116,9 +116,9 @@
   <div class="modal fade" id="personnelStatusEditModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="personnelStatusEditModalLabel" aria-hidden="true">
     <div class="modal-dialog modal-xxl modal-dialog-scrollable">
       <div class="modal-content" id="personnelStatusEditModalContent">
-        <div class="modal-header">
-          <h5 class="modal-title" id="personnelStatusEditModalLabel">정원/현원 현황 등록</h5>
-          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+        <div class="modal-header bg-dark">
+          <h5 class="modal-title text-white" id="personnelStatusEditModalLabel">정원/현원 현황 등록</h5>
+          <button type="button" class="btn-close f-invert" data-bs-dismiss="modal" aria-label="Close"></button>
         </div>
         <div class="modal-body">
           <div class="row">
@@ -151,7 +151,7 @@
             </div>
           </div>
         </div>
-        <div class="modal-footer">
+        <div class="modal-footer bg-light">
           <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">닫기</button>
           <button type="button" class="btn btn-primary" id="saveBtn">저장</button>
         </div>
@@ -162,14 +162,14 @@
   <div class="modal fade" id="personnelStatusHistoryModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="personnelStatusHistoryModalLabel" aria-hidden="true">
     <div class="modal-dialog modal-xxl modal-dialog-scrollable">
       <div class="modal-content">
-        <div class="modal-header">
-          <h5 class="modal-title" id="personnelStatusHistoryModalLabel">수정이력조회</h5>
-          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+        <div class="modal-header bg-dark">
+          <h5 class="modal-title text-white" id="personnelStatusHistoryModalLabel">수정이력조회</h5>
+          <button type="button" class="btn-close f-invert" data-bs-dismiss="modal" aria-label="Close"></button>
         </div>
         <div class="modal-body" id="personnelStatusHistoryModalBody">
 
         </div>
-        <div class="modal-footer">
+        <div class="modal-footer bg-light">
           <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">닫기</button>
         </div>
       </div>
diff --git a/src/main/resources/templates/police/police/policeEditModal.html b/src/main/resources/templates/police/police/policeEditModal.html
index f7d49680..5f363e13 100644
--- a/src/main/resources/templates/police/police/policeEditModal.html
+++ b/src/main/resources/templates/police/police/policeEditModal.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
 <html lang="ko" xmlns:th="http://www.thymeleaf.org">
-<div class="modal-header">
-  <h5 class="modal-title" th:text="${userInfo.userStatus eq 'USC003' ? '現 외사경찰 상세' : userInfo.userStatus eq 'USC006' ? '前 외사경찰 상세' : userInfo.userStatus eq 'USC007' ? '非 외사경찰 상세' : null}"></h5>
-  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+<div class="modal-header bg-dark">
+  <h5 class="modal-title text-white" th:text="${userInfo.userStatus eq 'USC003' ? '現 외사경찰 상세' : userInfo.userStatus eq 'USC006' ? '前 외사경찰 상세' : userInfo.userStatus eq 'USC007' ? '非 외사경찰 상세' : null}"></h5>
+  <button type="button" class="btn-close f-invert" data-bs-dismiss="modal" aria-label="Close"></button>
 </div>
 
 <ul class="nav nav-tabs" id="userTab" role="tablist">
@@ -143,7 +143,7 @@
     </div>
   </form>
 </div>
-<div class="modal-footer row justify-content-between">
+<div class="modal-footer row justify-content-between bg-light">
   <div class="col-auto">
     <th:block th:if="${accessAuth eq 'ACC003'}">
       <button type="button" class="btn btn-info" id="syncToKwmsBtn" th:disabled="${#strings.isEmpty(userInfo.dicCode)}">인사시스템 정보 불러오기</button>
diff --git a/src/main/resources/templates/police/police/policeHistory.html b/src/main/resources/templates/police/police/policeHistory.html
index ad7c6ebb..5951a926 100644
--- a/src/main/resources/templates/police/police/policeHistory.html
+++ b/src/main/resources/templates/police/police/policeHistory.html
@@ -2,9 +2,9 @@
 <html lang="ko" xmlns:th="http://www.thymeleaf.org">
 <input type="hidden" name="_csrf_header" th:value="${_csrf.headerName}"/>
 <input type="hidden" th:name="${_csrf.parameterName}" th:value="${_csrf.token}"/>
-<div class="modal-header">
-  <h5 class="modal-title" th:text="${userStatus eq 'USC003' ? '現 외사경찰 상세' : userStatus eq 'USC006' ? '前 외사경찰 상세' : userStatus eq 'USC007' ? '非 외사경찰 상세' : null}"></h5>
-  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+<div class="modal-header bg-dark">
+  <h5 class="modal-title text-white" th:text="${userStatus eq 'USC003' ? '現 외사경찰 상세' : userStatus eq 'USC006' ? '前 외사경찰 상세' : userStatus eq 'USC007' ? '非 외사경찰 상세' : null}"></h5>
+  <button type="button" class="btn-close f-invert" data-bs-dismiss="modal" aria-label="Close"></button>
 </div>
 <div class="modal-body">
   <ul class="nav nav-tabs" id="userTab" role="tablist">
@@ -144,7 +144,7 @@
     </div>
   </div>
 </div>
-<div class="modal-footer row justify-content-between">
+<div class="modal-footer row justify-content-between bg-light">
   <div class="col-auto">
     <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">닫기</button>
   </div>
diff --git a/src/main/resources/templates/publicBoard/board/boardEditModal.html b/src/main/resources/templates/publicBoard/board/boardEditModal.html
index d1463ddf..02ed38e6 100644
--- a/src/main/resources/templates/publicBoard/board/boardEditModal.html
+++ b/src/main/resources/templates/publicBoard/board/boardEditModal.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
 <html lang="ko" xmlns:th="http://www.thymeleaf.org">
-<div class="modal-header">
-  <h5 class="modal-title" id="boardEditModalLabel" th:text="${info.publicKey eq null?'게시글 작성':'게시글 수정'}"></h5>
-  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+<div class="modal-header bg-dark">
+  <h5 class="modal-title text-white" id="boardEditModalLabel" th:text="${info.publicKey eq null?'게시글 작성':'게시글 수정'}"></h5>
+  <button type="button" class="btn-close f-invert" data-bs-dismiss="modal" aria-label="Close"></button>
 </div>
 <div class="modal-body" id="boardEditBody">
   <form action="#" method="post" id="boardEditForm">
@@ -65,7 +65,7 @@
     </div>
   </form>
 </div>
-<div class="modal-footer">
+<div class="modal-footer bg-light">
   <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">닫기</button>
   <button type="button" class="btn btn-primary" id="saveBtn">저장</button>
 </div>
\ No newline at end of file
diff --git a/src/main/resources/templates/publicBoard/board/boardViewModal.html b/src/main/resources/templates/publicBoard/board/boardViewModal.html
index 78aab529..3b662e1e 100644
--- a/src/main/resources/templates/publicBoard/board/boardViewModal.html
+++ b/src/main/resources/templates/publicBoard/board/boardViewModal.html
@@ -1,50 +1,48 @@
 <!DOCTYPE html>
 <html lang="ko" xmlns:th="http://www.thymeleaf.org">
-<div class="modal-header">
-  <h5 class="modal-title" id="publicViewModalLabel">게시글 열람</h5>
-  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+<div class="modal-header bg-dark">
+  <h5 class="modal-title text-white" id="publicViewModalLabel">게시글 열람</h5>
+  <button type="button" class="btn-close f-invert" data-bs-dismiss="modal" aria-label="Close"></button>
 </div>
 <div class="modal-body">
-  <div class="row">
-    <div class="col-12">
-      <input type="hidden" name="publicKeyKey" id="viewModalPublicKey" th:value="${info.publicKey}">
+  <input type="hidden" name="publicKeyKey" id="viewModalPublicKey" th:value="${info.publicKey}">
+  <ul class="nav nav-tabs" id="userTab" role="tablist">
+    <li class="nav-item" role="presentation">
+      <button class="nav-link active" id="boardTab" data-bs-toggle="tab" data-bs-target="#boardTabPanel" type="button" role="tab" aria-controls="boardTabPanel" aria-selected="true">본문</button>
+    </li>
+    <li class="nav-item" role="presentation" th:if="${#lists.size(info.fileList)>0}">
+      <button class="nav-link" id="fileTab" data-bs-toggle="tab" data-bs-target="#fileTabPanel" type="button" role="tab" aria-controls="fileTabPanel" aria-selected="false" th:text="${#strings.concat('첨부파일(', #lists.size(info.fileList), ')')}"></button>
+    </li>
+  </ul>
+  <div class="tab-content bg-white border border-top-0 p-2">
+    <div class="tab-pane fade p-2 show active" id="boardTabPanel" role="tabpanel" tabindex="0">
       <div class="row mb-1">
-        <label for="wrtUserNm" class="col-sm-1 col-form-label text-center">작성자</label>
-        <div class="col-sm-2">
-          <th:block th:each="commonCode:${session.commonCode.get('JT')}">
-            <th:block th:if="${commonCode.itemCd eq info.wrtUserGrd}">
-              <input type="text" class="form-control border-0" id="wrtUserNm" name="wrtUserNm" th:value="|${commonCode.itemValue} ${info.wrtUserNm}|" readonly>
-            </th:block>
+        <div class="col-sm-9"></div>
+        <label class="col-sm-1 col-form-label col-form-label-sm text-center">작성일시</label>
+        <label class="col-sm-2 col-form-label col-form-label-sm text-start" th:text="${#temporals.format(info.wrtDt, 'yyyy-MM-dd HH:mm')}"></label>
+        <label class="col-sm-1 col-form-label col-form-label-sm text-center">제목</label>
+        <label class="col-sm-8 col-form-label col-form-label-sm text-start" th:text="${info.title}"></label>
+        <label class="col-sm-1 col-form-label col-form-label-sm text-center">작성자</label>
+        <label class="col-sm-2 col-form-label col-form-label-sm text-start">
+          <th:block th:each="commonCode:${session.commonCode.get('OG')}">
+            <th:block th:if="${commonCode.itemCd eq info.wrtOrgan}" th:text="${commonCode.itemValue}"></th:block>
           </th:block>
+          <th:block th:each="commonCode:${session.commonCode.get('JT')}">
+            <th:block th:if="${commonCode.itemCd eq info.wrtUserGrd}" th:text="${commonCode.itemValue}"></th:block>
+          </th:block>
+          <th:block th:text="${info.wrtUserNm}"></th:block>
+        </label>
+        <hr class="my-1">
+        <label for="content" class="col-sm-1 col-form-label col-form-label-sm text-center">내용</label>
+        <div class="col-sm-10 form-control-sm">
+          <div id="content" th:utext="${info.content}"></div>
         </div>
-        <label for="wrtDt" class="col-sm-1 col-form-label text-center">작성일시</label>
-        <div class="col-sm-2">
-          <input type="text" class="form-control border-0" id="wrtDt" name="wrtDt" th:value="${#temporals.format(info.wrtDt, 'yyyy-MM-dd HH:mm')}" readonly>
-        </div>
-        <div class="col-sm-auto my-auto">
-          <input type="checkbox" id="organChk" name="organChk" th:checked="${info.organChk eq 'T'}" disabled>
-        </div>
-        <label for="organChk" class="col-sm-2 col-form-label text-left">소속관서에만 노출</label>
       </div>
-      <hr>
+    </div>
+    <div class="tab-pane fade p-2" id="fileTabPanel" role="tabpanel" tabindex="0">
       <div class="row">
-        <div class="col-8">
-          <div class="row mb-1">
-            <label for="title" class="col-sm-2 col-form-label text-center">제목</label>
-            <div class="col-sm-10">
-              <input type="text" class="form-control border-0" id="title" name="title" th:value="${info.title}" readonly>
-            </div>
-          </div>
-          <hr>
-          <div class="row mb-1">
-            <label for="content" class="col-sm-2 col-form-label text-center">내용</label>
-            <div class="col-sm-10">
-              <div id="content" th:utext="${info.content}"></div>
-            </div>
-          </div>
-        </div>
-        <div class="col-4">
-          <table class="table">
+        <div class="col-12">
+          <table class="table table-sm">
             <thead>
             <tr>
               <th>파일명</th>
@@ -60,8 +58,7 @@
             <th:block th:unless="${#lists.isEmpty(info.fileList)}">
               <th:block th:each="file:${info.fileList}">
                 <tr class="fileInfoTr">
-<!--                  <td><a href="#" class="fileDownLink" data-board="monthPlan" th:data-fileseq="${file.fileSeq}" th:text="|${file.origNm}.${file.fileExtn}|"></a></td>-->
-                      <td><a href="#" class="fileDownLink" data-board="publicFile"
+                  <td><a href="#" class="fileDownLink" data-board="publicFile"
                          th:data-parentkey="${file.publicKey}" th:data-fileseq="${file.fileSeq}" th:text="|${file.origNm}.${file.fileExtn}|"></a></td>
                   <td th:text="${file.fileSize}"></td>
                 </tr>
@@ -72,81 +69,99 @@
         </div>
       </div>
     </div>
-    <hr>
-    <div class="col-12" id="commentFormHome">
-      <form action="#" method="post" id="commentForm">
-        <div class="row">
-          <div class="col-11">
-            <input type="hidden" name="publicKey" th:value="${info.publicKey}">
-            <input type="hidden" name="parentComment" id="parentComment">
-            <input type="text" class="form-control form-control-sm" id="comment" name="comment" placeholder="댓글작성">
-          </div>
-          <div class="col-auto m-auto">
-            <input type="button" class="btn btn-sm btn-primary" id="commentSaveBtn" value="작성">
-          </div>
-        </div>
-      </form>
-    </div>
-    <div class="col-12 pt-3" id="commentDiv">
-      <th:block th:each="comment:${info.commentList}">
-        <div class="row justify-content-start commentRow">
-          <input type="hidden" class="publicKey" th:value="${comment.publicKey}">
-          <input type="hidden" class="commentKey" th:value="${comment.commentKey}">
-          <th:block th:each="commonCode:${session.commonCode.get('OG')}">
-            <div class="col-auto" th:if="${commonCode.itemCd eq comment.wrtOrgan}" th:text="${commonCode.itemValue}"></div>
-          </th:block>
-          <th:block th:each="commonCode:${session.commonCode.get('OFC')}">
-            <div class="col-auto" th:if="${commonCode.itemCd eq comment.wrtPart}" th:text="${commonCode.itemValue}"></div>
-          </th:block>
-          <th:block th:each="commonCode:${session.commonCode.get('JT')}">
-            <div class="col-auto" th:if="${commonCode.itemCd eq comment.wrtUserGrd}" th:text="${commonCode.itemValue}"></div>
-          </th:block>
-          <div class="col-auto" th:text="${comment.wrtUserNm}"></div>
-          <div class="col-auto" th:text="|작성일시: ${#temporals.format(comment.wrtDt, 'yyyy-MM-dd HH:mm')}|"></div>
-          <div class="col-auto">
-            <button type="button" class="btn btn-sm btn-success childCommentBtn">댓글달기</button>
-          </div>
-          <div class="col-auto" th:if="${userSeq eq comment.wrtUserSeq}">
-            <button type="button" class="btn btn-sm btn-danger deleteCommentBtn">댓글삭제</button>
-          </div>
-          <div class="col-12" th:utext="${comment.comment}"></div>
-          <div class="col-12 childCommentDiv" style="display: none"></div>
-          <hr>
-        </div>
-        <th:block th:each="childComment:${comment.childCommentList}">
-          <div class="row justify-content-start">
-            <div class="col-auto">
-              <i class="bi bi-arrow-return-right" ></i>
+    <hr class="my-1">
+    <div class="row justify-content-start">
+      <div class="col-12 mx-3" id="commentFormHome">
+        <form action="#" method="post" id="commentForm">
+          <div class="row">
+            <div class="col-11">
+              <input type="hidden" name="publicKey" th:value="${info.publicKey}">
+              <input type="hidden" name="parentComment" id="parentComment">
+              <input type="text" class=" form-control form-control-sm" id="comment" name="comment" placeholder="댓글작성">
             </div>
-            <div class="col-auto">
-              <div class="row justify-content-start commentRow">
-                <input type="hidden" class="publicKey" th:value="${childComment.publicKey}">
-                <input type="hidden" class="commentKey" th:value="${childComment.commentKey}">
-                <th:block th:each="commonCode:${session.commonCode.get('OG')}">
-                  <div class="col-auto" th:if="${commonCode.itemCd eq childComment.wrtOrgan}" th:text="${commonCode.itemValue}"></div>
-                </th:block>
-                <th:block th:each="commonCode:${session.commonCode.get('OFC')}">
-                  <div class="col-auto" th:if="${commonCode.itemCd eq childComment.wrtPart}" th:text="${commonCode.itemValue}"></div>
-                </th:block>
-                <th:block th:each="commonCode:${session.commonCode.get('JT')}">
-                  <div class="col-auto" th:if="${commonCode.itemCd eq childComment.wrtUserGrd}" th:text="${commonCode.itemValue}"></div>
-                </th:block>
-                <div class="col-auto" th:text="${childComment.wrtUserNm}"></div>
-                <div class="col-auto" th:text="|작성일시: ${#temporals.format(childComment.wrtDt, 'yyyy-MM-dd HH:mm')}|"></div>
-                <div class="col-auto" th:if="${userSeq eq childComment.wrtUserSeq}">
-                  <button type="button" class="btn btn-sm btn-danger deleteCommentBtn">댓글삭제</button>
-                </div>
-                <div class="col-12" th:utext="${childComment.comment}"></div>
+            <div class="col-1 d-grid gap-0">
+              <div class="input-group">
+                <input type="button" class="btn btn-sm btn-primary" id="commentSaveBtn" value="작성">
+                <input type="button" class="btn btn-sm btn-warning" id="childFormRemoveBtn" value="취소" style="display: none">
               </div>
             </div>
-            <hr>
           </div>
+        </form>
+      </div>
+      <div class="col-12 form-control-sm pt-2" id="commentDiv">
+        <th:block th:each="comment:${info.commentList}">
+          <div class="row justify-content-between mx-3 commentRow">
+            <input type="hidden" class="publicKey" th:value="${comment.publicKey}">
+            <input type="hidden" class="commentKey" th:value="${comment.commentKey}">
+            <div class="col-auto">
+              <div class="row">
+                <div class="col-auto" th:utext="${comment.comment}"></div>
+                <div class="col-auto">
+                  <button type="button" class="btn btn-sm btn-success childCommentBtn">댓글달기</button>
+                </div>
+                <div class="col-auto" th:if="${userSeq eq comment.wrtUserSeq}">
+                  <button type="button" class="btn btn-sm btn-danger deleteCommentBtn">댓글삭제</button>
+                </div>
+              </div>
+            </div>
+            <div class="col-auto">
+              <div class="row">
+                <th:block th:each="commonCode:${session.commonCode.get('OG')}">
+                  <div class="col-auto" th:if="${commonCode.itemCd eq comment.wrtOrgan}" th:text="${commonCode.itemValue}"></div>
+                </th:block>
+                <!--<th:block th:each="commonCode:${session.commonCode.get('OFC')}">
+                  <div class="col-auto" th:if="${commonCode.itemCd eq comment.wrtPart}" th:text="${commonCode.itemValue}"></div>
+                </th:block>-->
+                <th:block th:each="commonCode:${session.commonCode.get('JT')}">
+                  <div class="col-auto" th:if="${commonCode.itemCd eq comment.wrtUserGrd}" th:text="${commonCode.itemValue}"></div>
+                </th:block>
+                <div class="col-auto" th:text="${comment.wrtUserNm}"></div>
+                <div class="col-auto" th:text="${#temporals.format(comment.wrtDt, 'yyyy-MM-dd HH:mm')}"></div>
+              </div>
+            </div>
+            <div class="col-12 childCommentFormDiv py-1" style="display: none"></div>
+          </div>
+          <div th:id="|childComment${comment.commentKey}|">
+            <th:block th:each="childComment:${comment.childCommentList}">
+              <div class="row justify-content-between commentRow my-1 mx-3">
+                <input type="hidden" class="publicKey" th:value="${childComment.publicKey}">
+                <input type="hidden" class="commentKey" th:value="${childComment.commentKey}">
+                <div class="col-auto">
+                  <div class="row">
+                    <div class="col-auto">
+                      <i class="bi bi-arrow-return-right" ></i>
+                    </div>
+                    <div class="col-auto" th:utext="${childComment.comment}"></div>
+                    <div class="col-auto" th:if="${userSeq eq childComment.wrtUserSeq}">
+                      <button type="button" class="btn btn-sm btn-danger deleteCommentBtn">댓글삭제</button>
+                    </div>
+                  </div>
+                </div>
+                <div class="col-auto">
+                  <div class="row">
+                    <th:block th:each="commonCode:${session.commonCode.get('OG')}">
+                      <div class="col-auto" th:if="${commonCode.itemCd eq childComment.wrtOrgan}" th:text="${commonCode.itemValue}"></div>
+                    </th:block>
+                    <!--<th:block th:each="commonCode:${session.commonCode.get('OFC')}">
+                      <div class="col-auto" th:if="${commonCode.itemCd eq childComment.wrtPart}" th:text="${commonCode.itemValue}"></div>
+                    </th:block>-->
+                    <th:block th:each="commonCode:${session.commonCode.get('JT')}">
+                      <div class="col-auto" th:if="${commonCode.itemCd eq childComment.wrtUserGrd}" th:text="${commonCode.itemValue}"></div>
+                    </th:block>
+                    <div class="col-auto" th:text="${childComment.wrtUserNm}"></div>
+                    <div class="col-auto" th:text="${#temporals.format(childComment.wrtDt, 'yyyy-MM-dd HH:mm')}"></div>
+                  </div>
+                </div>
+              </div>
+            </th:block>
+          </div>
+          <hr class="my-1">
         </th:block>
-      </th:block>
+      </div>
     </div>
   </div>
 </div>
-<div class="modal-footer">
+<div class="modal-footer bg-light">
   <th:block th:if="${userSeq eq info.wrtUserSeq}"><!--작성자일 경우 수정 허용-->
     <button type="button" class="btn btn-warning" id="editBtn">수정</button>
   </th:block>
diff --git a/src/main/resources/templates/publicBoard/notice/noticeViewModal.html b/src/main/resources/templates/publicBoard/notice/noticeViewModal.html
index b916b93f..5e8f453e 100644
--- a/src/main/resources/templates/publicBoard/notice/noticeViewModal.html
+++ b/src/main/resources/templates/publicBoard/notice/noticeViewModal.html
@@ -18,16 +18,12 @@
     <div class="tab-pane fade p-2 show active" id="boardTabPanel" role="tabpanel" tabindex="0">
       <div class="row mb-1">
         <div class="col-sm-9"></div>
-        <label for="wrtDt" class="col-sm-1 col-form-label col-form-label-sm text-center">작성일시</label>
-        <div class="col-sm-2">
-          <input type="text" class=" form-control form-control-sm border-0" id="wrtDt" name="wrtDt" th:value="${#temporals.format(info.wrtDt, 'yyyy-MM-dd HH:mm')}" readonly>
-        </div>
-        <label for="title" class="col-sm-1 col-form-label col-form-label-sm text-center">제목</label>
-        <div class="col-sm-8">
-          <input type="text" class=" form-control form-control-sm border-0" id="title" name="title" th:value="${info.title}" readonly>
-        </div>
+        <label class="col-sm-1 col-form-label col-form-label-sm text-center">작성일시</label>
+        <label class="col-sm-2 col-form-label col-form-label-sm text-start" th:text="${#temporals.format(info.wrtDt, 'yyyy-MM-dd HH:mm')}"></label>
+        <label class="col-sm-1 col-form-label col-form-label-sm text-center">제목</label>
+        <label class="col-sm-8 col-form-label col-form-label-sm text-start" th:text="${info.title}"></label>
         <label class="col-sm-1 col-form-label col-form-label-sm text-center">작성자</label>
-        <div class="col-sm-2 form-control-sm">
+        <label class="col-sm-2 col-form-label col-form-label-sm text-start">
           <th:block th:each="commonCode:${session.commonCode.get('OG')}">
             <th:block th:if="${commonCode.itemCd eq info.wrtOrgan}" th:text="${commonCode.itemValue}"></th:block>
           </th:block>
@@ -35,7 +31,7 @@
             <th:block th:if="${commonCode.itemCd eq info.wrtUserGrd}" th:text="${commonCode.itemValue}"></th:block>
           </th:block>
           <th:block th:text="${info.wrtUserNm}"></th:block>
-        </div>
+        </label>
         <hr class="my-1">
         <label for="content" class="col-sm-1 col-form-label col-form-label-sm text-center">내용</label>
         <div class="col-sm-10 form-control-sm">
@@ -125,39 +121,40 @@
             </div>
             <div class="col-12 childCommentFormDiv py-1" style="display: none"></div>
           </div>
-          <th:block th:each="childComment:${comment.childCommentList}">
-            <div class="row justify-content-between commentRow my-1 mx-3">
-              <input type="hidden" class="publicKey" th:value="${childComment.publicKey}">
-              <input type="hidden" class="commentKey" th:value="${childComment.commentKey}">
-              <div class="col-auto">
-                <div class="row">
-                  <div class="col-auto">
-                    <i class="bi bi-arrow-return-right" ></i>
+          <div th:id="|childComment${comment.commentKey}|">
+            <th:block th:each="childComment:${comment.childCommentList}">
+              <div class="row justify-content-between commentRow my-1 mx-3">
+                <input type="hidden" class="publicKey" th:value="${childComment.publicKey}">
+                <input type="hidden" class="commentKey" th:value="${childComment.commentKey}">
+                <div class="col-auto">
+                  <div class="row">
+                    <div class="col-auto">
+                      <i class="bi bi-arrow-return-right" ></i>
+                    </div>
+                    <div class="col-auto" th:utext="${childComment.comment}"></div>
+                    <div class="col-auto" th:if="${userSeq eq childComment.wrtUserSeq}">
+                      <button type="button" class="btn btn-sm btn-danger deleteCommentBtn">댓글삭제</button>
+                    </div>
                   </div>
-                  <div class="col-auto" th:utext="${childComment.comment}"></div>
-                  <div class="col-auto" th:if="${userSeq eq childComment.wrtUserSeq}">
-                    <button type="button" class="btn btn-sm btn-danger deleteCommentBtn">댓글삭제</button>
+                </div>
+                <div class="col-auto">
+                  <div class="row">
+                    <th:block th:each="commonCode:${session.commonCode.get('OG')}">
+                      <div class="col-auto" th:if="${commonCode.itemCd eq childComment.wrtOrgan}" th:text="${commonCode.itemValue}"></div>
+                    </th:block>
+                    <!--<th:block th:each="commonCode:${session.commonCode.get('OFC')}">
+                      <div class="col-auto" th:if="${commonCode.itemCd eq childComment.wrtPart}" th:text="${commonCode.itemValue}"></div>
+                    </th:block>-->
+                    <th:block th:each="commonCode:${session.commonCode.get('JT')}">
+                      <div class="col-auto" th:if="${commonCode.itemCd eq childComment.wrtUserGrd}" th:text="${commonCode.itemValue}"></div>
+                    </th:block>
+                    <div class="col-auto" th:text="${childComment.wrtUserNm}"></div>
+                    <div class="col-auto" th:text="${#temporals.format(childComment.wrtDt, 'yyyy-MM-dd HH:mm')}"></div>
                   </div>
                 </div>
               </div>
-              <div class="col-auto">
-                <div class="row">
-                  <th:block th:each="commonCode:${session.commonCode.get('OG')}">
-                    <div class="col-auto" th:if="${commonCode.itemCd eq childComment.wrtOrgan}" th:text="${commonCode.itemValue}"></div>
-                  </th:block>
-                  <!--<th:block th:each="commonCode:${session.commonCode.get('OFC')}">
-                    <div class="col-auto" th:if="${commonCode.itemCd eq childComment.wrtPart}" th:text="${commonCode.itemValue}"></div>
-                  </th:block>-->
-                  <th:block th:each="commonCode:${session.commonCode.get('JT')}">
-                    <div class="col-auto" th:if="${commonCode.itemCd eq childComment.wrtUserGrd}" th:text="${commonCode.itemValue}"></div>
-                  </th:block>
-                  <div class="col-auto" th:text="${childComment.wrtUserNm}"></div>
-                  <div class="col-auto" th:text="${#temporals.format(childComment.wrtDt, 'yyyy-MM-dd HH:mm')}"></div>
-                </div>
-              </div>
-            </div>
-          </th:block>
-          <div th:id="|addedCommentHome${comment.commentKey}|"></div>
+            </th:block>
+          </div>
           <hr class="my-1">
         </th:block>
       </div>
diff --git a/src/main/resources/templates/publicBoard/qna/qnaEditModal.html b/src/main/resources/templates/publicBoard/qna/qnaEditModal.html
index 58ef30fc..b90f04bc 100644
--- a/src/main/resources/templates/publicBoard/qna/qnaEditModal.html
+++ b/src/main/resources/templates/publicBoard/qna/qnaEditModal.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
 <html lang="ko" xmlns:th="http://www.thymeleaf.org">
-<div class="modal-header">
-  <h5 class="modal-title" id="qnaEditModalLabel" th:text="${info.publicKey eq null?'질문/답변 작성':'질문/답변 수정'}"></h5>
-  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+<div class="modal-header bg-dark">
+  <h5 class="modal-title text-white" id="qnaEditModalLabel" th:text="${info.publicKey eq null?'질문/답변 작성':'질문/답변 수정'}"></h5>
+  <button type="button" class="btn-close f-invert" data-bs-dismiss="modal" aria-label="Close"></button>
 </div>
 <div class="modal-body" id="qnaEditBody">
   <form action="#" method="post" id="qnaEditForm">
@@ -65,7 +65,7 @@
     </div>
   </form>
 </div>
-<div class="modal-footer">
+<div class="modal-footer bg-light">
   <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">닫기</button>
   <button type="button" class="btn btn-primary" id="saveBtn">저장</button>
 </div>
\ No newline at end of file
diff --git a/src/main/resources/templates/publicBoard/qna/qnaViewModal.html b/src/main/resources/templates/publicBoard/qna/qnaViewModal.html
index 78aab529..3b662e1e 100644
--- a/src/main/resources/templates/publicBoard/qna/qnaViewModal.html
+++ b/src/main/resources/templates/publicBoard/qna/qnaViewModal.html
@@ -1,50 +1,48 @@
 <!DOCTYPE html>
 <html lang="ko" xmlns:th="http://www.thymeleaf.org">
-<div class="modal-header">
-  <h5 class="modal-title" id="publicViewModalLabel">게시글 열람</h5>
-  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+<div class="modal-header bg-dark">
+  <h5 class="modal-title text-white" id="publicViewModalLabel">게시글 열람</h5>
+  <button type="button" class="btn-close f-invert" data-bs-dismiss="modal" aria-label="Close"></button>
 </div>
 <div class="modal-body">
-  <div class="row">
-    <div class="col-12">
-      <input type="hidden" name="publicKeyKey" id="viewModalPublicKey" th:value="${info.publicKey}">
+  <input type="hidden" name="publicKeyKey" id="viewModalPublicKey" th:value="${info.publicKey}">
+  <ul class="nav nav-tabs" id="userTab" role="tablist">
+    <li class="nav-item" role="presentation">
+      <button class="nav-link active" id="boardTab" data-bs-toggle="tab" data-bs-target="#boardTabPanel" type="button" role="tab" aria-controls="boardTabPanel" aria-selected="true">본문</button>
+    </li>
+    <li class="nav-item" role="presentation" th:if="${#lists.size(info.fileList)>0}">
+      <button class="nav-link" id="fileTab" data-bs-toggle="tab" data-bs-target="#fileTabPanel" type="button" role="tab" aria-controls="fileTabPanel" aria-selected="false" th:text="${#strings.concat('첨부파일(', #lists.size(info.fileList), ')')}"></button>
+    </li>
+  </ul>
+  <div class="tab-content bg-white border border-top-0 p-2">
+    <div class="tab-pane fade p-2 show active" id="boardTabPanel" role="tabpanel" tabindex="0">
       <div class="row mb-1">
-        <label for="wrtUserNm" class="col-sm-1 col-form-label text-center">작성자</label>
-        <div class="col-sm-2">
-          <th:block th:each="commonCode:${session.commonCode.get('JT')}">
-            <th:block th:if="${commonCode.itemCd eq info.wrtUserGrd}">
-              <input type="text" class="form-control border-0" id="wrtUserNm" name="wrtUserNm" th:value="|${commonCode.itemValue} ${info.wrtUserNm}|" readonly>
-            </th:block>
+        <div class="col-sm-9"></div>
+        <label class="col-sm-1 col-form-label col-form-label-sm text-center">작성일시</label>
+        <label class="col-sm-2 col-form-label col-form-label-sm text-start" th:text="${#temporals.format(info.wrtDt, 'yyyy-MM-dd HH:mm')}"></label>
+        <label class="col-sm-1 col-form-label col-form-label-sm text-center">제목</label>
+        <label class="col-sm-8 col-form-label col-form-label-sm text-start" th:text="${info.title}"></label>
+        <label class="col-sm-1 col-form-label col-form-label-sm text-center">작성자</label>
+        <label class="col-sm-2 col-form-label col-form-label-sm text-start">
+          <th:block th:each="commonCode:${session.commonCode.get('OG')}">
+            <th:block th:if="${commonCode.itemCd eq info.wrtOrgan}" th:text="${commonCode.itemValue}"></th:block>
           </th:block>
+          <th:block th:each="commonCode:${session.commonCode.get('JT')}">
+            <th:block th:if="${commonCode.itemCd eq info.wrtUserGrd}" th:text="${commonCode.itemValue}"></th:block>
+          </th:block>
+          <th:block th:text="${info.wrtUserNm}"></th:block>
+        </label>
+        <hr class="my-1">
+        <label for="content" class="col-sm-1 col-form-label col-form-label-sm text-center">내용</label>
+        <div class="col-sm-10 form-control-sm">
+          <div id="content" th:utext="${info.content}"></div>
         </div>
-        <label for="wrtDt" class="col-sm-1 col-form-label text-center">작성일시</label>
-        <div class="col-sm-2">
-          <input type="text" class="form-control border-0" id="wrtDt" name="wrtDt" th:value="${#temporals.format(info.wrtDt, 'yyyy-MM-dd HH:mm')}" readonly>
-        </div>
-        <div class="col-sm-auto my-auto">
-          <input type="checkbox" id="organChk" name="organChk" th:checked="${info.organChk eq 'T'}" disabled>
-        </div>
-        <label for="organChk" class="col-sm-2 col-form-label text-left">소속관서에만 노출</label>
       </div>
-      <hr>
+    </div>
+    <div class="tab-pane fade p-2" id="fileTabPanel" role="tabpanel" tabindex="0">
       <div class="row">
-        <div class="col-8">
-          <div class="row mb-1">
-            <label for="title" class="col-sm-2 col-form-label text-center">제목</label>
-            <div class="col-sm-10">
-              <input type="text" class="form-control border-0" id="title" name="title" th:value="${info.title}" readonly>
-            </div>
-          </div>
-          <hr>
-          <div class="row mb-1">
-            <label for="content" class="col-sm-2 col-form-label text-center">내용</label>
-            <div class="col-sm-10">
-              <div id="content" th:utext="${info.content}"></div>
-            </div>
-          </div>
-        </div>
-        <div class="col-4">
-          <table class="table">
+        <div class="col-12">
+          <table class="table table-sm">
             <thead>
             <tr>
               <th>파일명</th>
@@ -60,8 +58,7 @@
             <th:block th:unless="${#lists.isEmpty(info.fileList)}">
               <th:block th:each="file:${info.fileList}">
                 <tr class="fileInfoTr">
-<!--                  <td><a href="#" class="fileDownLink" data-board="monthPlan" th:data-fileseq="${file.fileSeq}" th:text="|${file.origNm}.${file.fileExtn}|"></a></td>-->
-                      <td><a href="#" class="fileDownLink" data-board="publicFile"
+                  <td><a href="#" class="fileDownLink" data-board="publicFile"
                          th:data-parentkey="${file.publicKey}" th:data-fileseq="${file.fileSeq}" th:text="|${file.origNm}.${file.fileExtn}|"></a></td>
                   <td th:text="${file.fileSize}"></td>
                 </tr>
@@ -72,81 +69,99 @@
         </div>
       </div>
     </div>
-    <hr>
-    <div class="col-12" id="commentFormHome">
-      <form action="#" method="post" id="commentForm">
-        <div class="row">
-          <div class="col-11">
-            <input type="hidden" name="publicKey" th:value="${info.publicKey}">
-            <input type="hidden" name="parentComment" id="parentComment">
-            <input type="text" class="form-control form-control-sm" id="comment" name="comment" placeholder="댓글작성">
-          </div>
-          <div class="col-auto m-auto">
-            <input type="button" class="btn btn-sm btn-primary" id="commentSaveBtn" value="작성">
-          </div>
-        </div>
-      </form>
-    </div>
-    <div class="col-12 pt-3" id="commentDiv">
-      <th:block th:each="comment:${info.commentList}">
-        <div class="row justify-content-start commentRow">
-          <input type="hidden" class="publicKey" th:value="${comment.publicKey}">
-          <input type="hidden" class="commentKey" th:value="${comment.commentKey}">
-          <th:block th:each="commonCode:${session.commonCode.get('OG')}">
-            <div class="col-auto" th:if="${commonCode.itemCd eq comment.wrtOrgan}" th:text="${commonCode.itemValue}"></div>
-          </th:block>
-          <th:block th:each="commonCode:${session.commonCode.get('OFC')}">
-            <div class="col-auto" th:if="${commonCode.itemCd eq comment.wrtPart}" th:text="${commonCode.itemValue}"></div>
-          </th:block>
-          <th:block th:each="commonCode:${session.commonCode.get('JT')}">
-            <div class="col-auto" th:if="${commonCode.itemCd eq comment.wrtUserGrd}" th:text="${commonCode.itemValue}"></div>
-          </th:block>
-          <div class="col-auto" th:text="${comment.wrtUserNm}"></div>
-          <div class="col-auto" th:text="|작성일시: ${#temporals.format(comment.wrtDt, 'yyyy-MM-dd HH:mm')}|"></div>
-          <div class="col-auto">
-            <button type="button" class="btn btn-sm btn-success childCommentBtn">댓글달기</button>
-          </div>
-          <div class="col-auto" th:if="${userSeq eq comment.wrtUserSeq}">
-            <button type="button" class="btn btn-sm btn-danger deleteCommentBtn">댓글삭제</button>
-          </div>
-          <div class="col-12" th:utext="${comment.comment}"></div>
-          <div class="col-12 childCommentDiv" style="display: none"></div>
-          <hr>
-        </div>
-        <th:block th:each="childComment:${comment.childCommentList}">
-          <div class="row justify-content-start">
-            <div class="col-auto">
-              <i class="bi bi-arrow-return-right" ></i>
+    <hr class="my-1">
+    <div class="row justify-content-start">
+      <div class="col-12 mx-3" id="commentFormHome">
+        <form action="#" method="post" id="commentForm">
+          <div class="row">
+            <div class="col-11">
+              <input type="hidden" name="publicKey" th:value="${info.publicKey}">
+              <input type="hidden" name="parentComment" id="parentComment">
+              <input type="text" class=" form-control form-control-sm" id="comment" name="comment" placeholder="댓글작성">
             </div>
-            <div class="col-auto">
-              <div class="row justify-content-start commentRow">
-                <input type="hidden" class="publicKey" th:value="${childComment.publicKey}">
-                <input type="hidden" class="commentKey" th:value="${childComment.commentKey}">
-                <th:block th:each="commonCode:${session.commonCode.get('OG')}">
-                  <div class="col-auto" th:if="${commonCode.itemCd eq childComment.wrtOrgan}" th:text="${commonCode.itemValue}"></div>
-                </th:block>
-                <th:block th:each="commonCode:${session.commonCode.get('OFC')}">
-                  <div class="col-auto" th:if="${commonCode.itemCd eq childComment.wrtPart}" th:text="${commonCode.itemValue}"></div>
-                </th:block>
-                <th:block th:each="commonCode:${session.commonCode.get('JT')}">
-                  <div class="col-auto" th:if="${commonCode.itemCd eq childComment.wrtUserGrd}" th:text="${commonCode.itemValue}"></div>
-                </th:block>
-                <div class="col-auto" th:text="${childComment.wrtUserNm}"></div>
-                <div class="col-auto" th:text="|작성일시: ${#temporals.format(childComment.wrtDt, 'yyyy-MM-dd HH:mm')}|"></div>
-                <div class="col-auto" th:if="${userSeq eq childComment.wrtUserSeq}">
-                  <button type="button" class="btn btn-sm btn-danger deleteCommentBtn">댓글삭제</button>
-                </div>
-                <div class="col-12" th:utext="${childComment.comment}"></div>
+            <div class="col-1 d-grid gap-0">
+              <div class="input-group">
+                <input type="button" class="btn btn-sm btn-primary" id="commentSaveBtn" value="작성">
+                <input type="button" class="btn btn-sm btn-warning" id="childFormRemoveBtn" value="취소" style="display: none">
               </div>
             </div>
-            <hr>
           </div>
+        </form>
+      </div>
+      <div class="col-12 form-control-sm pt-2" id="commentDiv">
+        <th:block th:each="comment:${info.commentList}">
+          <div class="row justify-content-between mx-3 commentRow">
+            <input type="hidden" class="publicKey" th:value="${comment.publicKey}">
+            <input type="hidden" class="commentKey" th:value="${comment.commentKey}">
+            <div class="col-auto">
+              <div class="row">
+                <div class="col-auto" th:utext="${comment.comment}"></div>
+                <div class="col-auto">
+                  <button type="button" class="btn btn-sm btn-success childCommentBtn">댓글달기</button>
+                </div>
+                <div class="col-auto" th:if="${userSeq eq comment.wrtUserSeq}">
+                  <button type="button" class="btn btn-sm btn-danger deleteCommentBtn">댓글삭제</button>
+                </div>
+              </div>
+            </div>
+            <div class="col-auto">
+              <div class="row">
+                <th:block th:each="commonCode:${session.commonCode.get('OG')}">
+                  <div class="col-auto" th:if="${commonCode.itemCd eq comment.wrtOrgan}" th:text="${commonCode.itemValue}"></div>
+                </th:block>
+                <!--<th:block th:each="commonCode:${session.commonCode.get('OFC')}">
+                  <div class="col-auto" th:if="${commonCode.itemCd eq comment.wrtPart}" th:text="${commonCode.itemValue}"></div>
+                </th:block>-->
+                <th:block th:each="commonCode:${session.commonCode.get('JT')}">
+                  <div class="col-auto" th:if="${commonCode.itemCd eq comment.wrtUserGrd}" th:text="${commonCode.itemValue}"></div>
+                </th:block>
+                <div class="col-auto" th:text="${comment.wrtUserNm}"></div>
+                <div class="col-auto" th:text="${#temporals.format(comment.wrtDt, 'yyyy-MM-dd HH:mm')}"></div>
+              </div>
+            </div>
+            <div class="col-12 childCommentFormDiv py-1" style="display: none"></div>
+          </div>
+          <div th:id="|childComment${comment.commentKey}|">
+            <th:block th:each="childComment:${comment.childCommentList}">
+              <div class="row justify-content-between commentRow my-1 mx-3">
+                <input type="hidden" class="publicKey" th:value="${childComment.publicKey}">
+                <input type="hidden" class="commentKey" th:value="${childComment.commentKey}">
+                <div class="col-auto">
+                  <div class="row">
+                    <div class="col-auto">
+                      <i class="bi bi-arrow-return-right" ></i>
+                    </div>
+                    <div class="col-auto" th:utext="${childComment.comment}"></div>
+                    <div class="col-auto" th:if="${userSeq eq childComment.wrtUserSeq}">
+                      <button type="button" class="btn btn-sm btn-danger deleteCommentBtn">댓글삭제</button>
+                    </div>
+                  </div>
+                </div>
+                <div class="col-auto">
+                  <div class="row">
+                    <th:block th:each="commonCode:${session.commonCode.get('OG')}">
+                      <div class="col-auto" th:if="${commonCode.itemCd eq childComment.wrtOrgan}" th:text="${commonCode.itemValue}"></div>
+                    </th:block>
+                    <!--<th:block th:each="commonCode:${session.commonCode.get('OFC')}">
+                      <div class="col-auto" th:if="${commonCode.itemCd eq childComment.wrtPart}" th:text="${commonCode.itemValue}"></div>
+                    </th:block>-->
+                    <th:block th:each="commonCode:${session.commonCode.get('JT')}">
+                      <div class="col-auto" th:if="${commonCode.itemCd eq childComment.wrtUserGrd}" th:text="${commonCode.itemValue}"></div>
+                    </th:block>
+                    <div class="col-auto" th:text="${childComment.wrtUserNm}"></div>
+                    <div class="col-auto" th:text="${#temporals.format(childComment.wrtDt, 'yyyy-MM-dd HH:mm')}"></div>
+                  </div>
+                </div>
+              </div>
+            </th:block>
+          </div>
+          <hr class="my-1">
         </th:block>
-      </th:block>
+      </div>
     </div>
   </div>
 </div>
-<div class="modal-footer">
+<div class="modal-footer bg-light">
   <th:block th:if="${userSeq eq info.wrtUserSeq}"><!--작성자일 경우 수정 허용-->
     <button type="button" class="btn btn-warning" id="editBtn">수정</button>
   </th:block>
diff --git a/src/main/resources/templates/publicBoard/reference/referenceEditModal.html b/src/main/resources/templates/publicBoard/reference/referenceEditModal.html
index 87fd24b8..f8723396 100644
--- a/src/main/resources/templates/publicBoard/reference/referenceEditModal.html
+++ b/src/main/resources/templates/publicBoard/reference/referenceEditModal.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
 <html lang="ko" xmlns:th="http://www.thymeleaf.org">
-<div class="modal-header">
-  <h5 class="modal-title" id="referenceEditModalLabel" th:text="${info.publicKey eq null?'자료실 작성':'자료실 수정'}"></h5>
-  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+<div class="modal-header bg-dark">
+  <h5 class="modal-title text-white" id="referenceEditModalLabel" th:text="${info.publicKey eq null?'자료실 작성':'자료실 수정'}"></h5>
+  <button type="button" class="btn-close f-invert" data-bs-dismiss="modal" aria-label="Close"></button>
 </div>
 <div class="modal-body" id="referenceEditBody">
   <form action="#" method="post" id="referenceEditForm">
@@ -84,7 +84,7 @@
     </div>
   </form>
 </div>
-<div class="modal-footer">
+<div class="modal-footer bg-light">
   <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">닫기</button>
   <button type="button" class="btn btn-primary" id="saveBtn">저장</button>
 </div>
\ No newline at end of file
diff --git a/src/main/resources/templates/publicBoard/reference/referenceViewModal.html b/src/main/resources/templates/publicBoard/reference/referenceViewModal.html
index 953229cb..fa8e5481 100644
--- a/src/main/resources/templates/publicBoard/reference/referenceViewModal.html
+++ b/src/main/resources/templates/publicBoard/reference/referenceViewModal.html
@@ -1,57 +1,54 @@
 <!DOCTYPE html>
 <html lang="ko" xmlns:th="http://www.thymeleaf.org">
-<div class="modal-header">
-  <h5 class="modal-title" id="publicViewModalLabel">게시글 열람</h5>
-  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+<div class="modal-header bg-dark">
+  <h5 class="modal-title text-white" id="publicViewModalLabel">게시글 열람</h5>
+  <button type="button" class="btn-close f-invert" data-bs-dismiss="modal" aria-label="Close"></button>
 </div>
 <div class="modal-body">
-  <div class="row">
-    <div class="col-12">
-      <input type="hidden" name="publicKeyKey" id="viewModalPublicKey" th:value="${info.publicKey}">
+  <input type="hidden" name="publicKeyKey" id="viewModalPublicKey" th:value="${info.publicKey}">
+  <ul class="nav nav-tabs" id="userTab" role="tablist">
+    <li class="nav-item" role="presentation">
+      <button class="nav-link active" id="boardTab" data-bs-toggle="tab" data-bs-target="#boardTabPanel" type="button" role="tab" aria-controls="boardTabPanel" aria-selected="true">본문</button>
+    </li>
+    <li class="nav-item" role="presentation" th:if="${#lists.size(info.fileList)>0}">
+      <button class="nav-link" id="fileTab" data-bs-toggle="tab" data-bs-target="#fileTabPanel" type="button" role="tab" aria-controls="fileTabPanel" aria-selected="false" th:text="${#strings.concat('첨부파일(', #lists.size(info.fileList), ')')}"></button>
+    </li>
+  </ul>
+  <div class="tab-content bg-white border border-top-0 p-2">
+    <div class="tab-pane fade p-2 show active" id="boardTabPanel" role="tabpanel" tabindex="0">
       <div class="row mb-1">
-        <label for="wrtUserNm" class="col-sm-1 col-form-label text-center">작성자</label>
-        <div class="col-sm-2">
+        <label class="col-sm-1 col-form-label col-form-label-sm text-center">분류</label>
+        <label class="col-sm-1 col-form-label col-form-label-sm text-start">
+          <th:block th:each="code:${session.commonCode.get('RPC')}">
+            <th:block th:if="${code.itemCd eq info.tabStatus}" th:text="${code.itemValue}"></th:block>
+          </th:block>
+        </label>
+        <div class="col-sm-7"></div>
+        <label class="col-sm-1 col-form-label col-form-label-sm text-center">작성일시</label>
+        <label class="col-sm-2 col-form-label col-form-label-sm text-start" th:text="${#temporals.format(info.wrtDt, 'yyyy-MM-dd HH:mm')}"></label>
+        <label class="col-sm-1 col-form-label col-form-label-sm text-center">제목</label>
+        <label class="col-sm-8 col-form-label col-form-label-sm text-start" th:text="${info.title}"></label>
+        <label class="col-sm-1 col-form-label col-form-label-sm text-center">작성자</label>
+        <label class="col-sm-2 col-form-label col-form-label-sm text-start">
+          <th:block th:each="commonCode:${session.commonCode.get('OG')}">
+            <th:block th:if="${commonCode.itemCd eq info.wrtOrgan}" th:text="${commonCode.itemValue}"></th:block>
+          </th:block>
           <th:block th:each="commonCode:${session.commonCode.get('JT')}">
-            <th:block th:if="${commonCode.itemCd eq info.wrtUserGrd}">
-              <input type="text" class="form-control border-0" id="wrtUserNm" name="wrtUserNm" th:value="|${commonCode.itemValue} ${info.wrtUserNm}|" readonly>
-            </th:block>
-          </th:block>
-        </div>
-        <label for="wrtDt" class="col-sm-1 col-form-label text-center">작성일시</label>
-        <div class="col-sm-2">
-          <input type="text" class="form-control border-0" id="wrtDt" name="wrtDt" th:value="${#temporals.format(info.wrtDt, 'yyyy-MM-dd HH:mm')}" readonly>
-        </div>
-        <div class="col-sm-auto my-auto">
-          <input type="checkbox" id="organChk" name="organChk" th:checked="${info.organChk eq 'T'}" disabled>
-        </div>
-        <label for="organChk" class="col-sm-2 col-form-label text-left">소속관서에만 노출</label>
-        <div class="col-sm-2">
-          <th:block th:each="commonCode:${session.commonCode.get('RPC')}">
-            <th:block th:if="${commonCode.itemCd eq info.tabStatus}">
-              <input type="text" class="form-control border-0" id="tabStatus" name="tabStatus" th:value="${commonCode.itemValue}" readonly>
-            </th:block>
+            <th:block th:if="${commonCode.itemCd eq info.wrtUserGrd}" th:text="${commonCode.itemValue}"></th:block>
           </th:block>
+          <th:block th:text="${info.wrtUserNm}"></th:block>
+        </label>
+        <hr class="my-1">
+        <label for="content" class="col-sm-1 col-form-label col-form-label-sm text-center">내용</label>
+        <div class="col-sm-10 form-control-sm">
+          <div id="content" th:utext="${info.content}"></div>
         </div>
       </div>
-      <hr>
+    </div>
+    <div class="tab-pane fade p-2" id="fileTabPanel" role="tabpanel" tabindex="0">
       <div class="row">
-        <div class="col-8">
-          <div class="row mb-1">
-            <label for="title" class="col-sm-2 col-form-label text-center">제목</label>
-            <div class="col-sm-10">
-              <input type="text" class="form-control border-0" id="title" name="title" th:value="${info.title}" readonly>
-            </div>
-          </div>
-          <hr>
-          <div class="row mb-1">
-            <label for="content" class="col-sm-2 col-form-label text-center">내용</label>
-            <div class="col-sm-10">
-              <div id="content" th:utext="${info.content}"></div>
-            </div>
-          </div>
-        </div>
-        <div class="col-4">
-          <table class="table">
+        <div class="col-12">
+          <table class="table table-sm">
             <thead>
             <tr>
               <th>파일명</th>
@@ -67,8 +64,7 @@
             <th:block th:unless="${#lists.isEmpty(info.fileList)}">
               <th:block th:each="file:${info.fileList}">
                 <tr class="fileInfoTr">
-<!--                  <td><a href="#" class="fileDownLink" data-board="monthPlan" th:data-fileseq="${file.fileSeq}" th:text="|${file.origNm}.${file.fileExtn}|"></a></td>-->
-                      <td><a href="#" class="fileDownLink" data-board="publicFile"
+                  <td><a href="#" class="fileDownLink" data-board="publicFile"
                          th:data-parentkey="${file.publicKey}" th:data-fileseq="${file.fileSeq}" th:text="|${file.origNm}.${file.fileExtn}|"></a></td>
                   <td th:text="${file.fileSize}"></td>
                 </tr>
@@ -79,81 +75,99 @@
         </div>
       </div>
     </div>
-    <hr>
-    <div class="col-12" id="commentFormHome">
-      <form action="#" method="post" id="commentForm">
-        <div class="row">
-          <div class="col-11">
-            <input type="hidden" name="publicKey" th:value="${info.publicKey}">
-            <input type="hidden" name="parentComment" id="parentComment">
-            <input type="text" class="form-control form-control-sm" id="comment" name="comment" placeholder="댓글작성">
-          </div>
-          <div class="col-auto m-auto">
-            <input type="button" class="btn btn-sm btn-primary" id="commentSaveBtn" value="작성">
-          </div>
-        </div>
-      </form>
-    </div>
-    <div class="col-12 pt-3" id="commentDiv">
-      <th:block th:each="comment:${info.commentList}">
-        <div class="row justify-content-start commentRow">
-          <input type="hidden" class="publicKey" th:value="${comment.publicKey}">
-          <input type="hidden" class="commentKey" th:value="${comment.commentKey}">
-          <th:block th:each="commonCode:${session.commonCode.get('OG')}">
-            <div class="col-auto" th:if="${commonCode.itemCd eq comment.wrtOrgan}" th:text="${commonCode.itemValue}"></div>
-          </th:block>
-          <th:block th:each="commonCode:${session.commonCode.get('OFC')}">
-            <div class="col-auto" th:if="${commonCode.itemCd eq comment.wrtPart}" th:text="${commonCode.itemValue}"></div>
-          </th:block>
-          <th:block th:each="commonCode:${session.commonCode.get('JT')}">
-            <div class="col-auto" th:if="${commonCode.itemCd eq comment.wrtUserGrd}" th:text="${commonCode.itemValue}"></div>
-          </th:block>
-          <div class="col-auto" th:text="${comment.wrtUserNm}"></div>
-          <div class="col-auto" th:text="|작성일시: ${#temporals.format(comment.wrtDt, 'yyyy-MM-dd HH:mm')}|"></div>
-          <div class="col-auto">
-            <button type="button" class="btn btn-sm btn-success childCommentBtn">댓글달기</button>
-          </div>
-          <div class="col-auto" th:if="${userSeq eq comment.wrtUserSeq}">
-            <button type="button" class="btn btn-sm btn-danger deleteCommentBtn">댓글삭제</button>
-          </div>
-          <div class="col-12" th:utext="${comment.comment}"></div>
-          <div class="col-12 childCommentDiv" style="display: none"></div>
-          <hr>
-        </div>
-        <th:block th:each="childComment:${comment.childCommentList}">
-          <div class="row justify-content-start">
-            <div class="col-auto">
-              <i class="bi bi-arrow-return-right" ></i>
+    <hr class="my-1">
+    <div class="row justify-content-start">
+      <div class="col-12 mx-3" id="commentFormHome">
+        <form action="#" method="post" id="commentForm">
+          <div class="row">
+            <div class="col-11">
+              <input type="hidden" name="publicKey" th:value="${info.publicKey}">
+              <input type="hidden" name="parentComment" id="parentComment">
+              <input type="text" class=" form-control form-control-sm" id="comment" name="comment" placeholder="댓글작성">
             </div>
-            <div class="col-auto">
-              <div class="row justify-content-start commentRow">
-                <input type="hidden" class="publicKey" th:value="${childComment.publicKey}">
-                <input type="hidden" class="commentKey" th:value="${childComment.commentKey}">
-                <th:block th:each="commonCode:${session.commonCode.get('OG')}">
-                  <div class="col-auto" th:if="${commonCode.itemCd eq childComment.wrtOrgan}" th:text="${commonCode.itemValue}"></div>
-                </th:block>
-                <th:block th:each="commonCode:${session.commonCode.get('OFC')}">
-                  <div class="col-auto" th:if="${commonCode.itemCd eq childComment.wrtPart}" th:text="${commonCode.itemValue}"></div>
-                </th:block>
-                <th:block th:each="commonCode:${session.commonCode.get('JT')}">
-                  <div class="col-auto" th:if="${commonCode.itemCd eq childComment.wrtUserGrd}" th:text="${commonCode.itemValue}"></div>
-                </th:block>
-                <div class="col-auto" th:text="${childComment.wrtUserNm}"></div>
-                <div class="col-auto" th:text="|작성일시: ${#temporals.format(childComment.wrtDt, 'yyyy-MM-dd HH:mm')}|"></div>
-                <div class="col-auto" th:if="${userSeq eq childComment.wrtUserSeq}">
-                  <button type="button" class="btn btn-sm btn-danger deleteCommentBtn">댓글삭제</button>
-                </div>
-                <div class="col-12" th:utext="${childComment.comment}"></div>
+            <div class="col-1 d-grid gap-0">
+              <div class="input-group">
+                <input type="button" class="btn btn-sm btn-primary" id="commentSaveBtn" value="작성">
+                <input type="button" class="btn btn-sm btn-warning" id="childFormRemoveBtn" value="취소" style="display: none">
               </div>
             </div>
-            <hr>
           </div>
+        </form>
+      </div>
+      <div class="col-12 form-control-sm pt-2" id="commentDiv">
+        <th:block th:each="comment:${info.commentList}">
+          <div class="row justify-content-between mx-3 commentRow">
+            <input type="hidden" class="publicKey" th:value="${comment.publicKey}">
+            <input type="hidden" class="commentKey" th:value="${comment.commentKey}">
+            <div class="col-auto">
+              <div class="row">
+                <div class="col-auto" th:utext="${comment.comment}"></div>
+                <div class="col-auto">
+                  <button type="button" class="btn btn-sm btn-success childCommentBtn">댓글달기</button>
+                </div>
+                <div class="col-auto" th:if="${userSeq eq comment.wrtUserSeq}">
+                  <button type="button" class="btn btn-sm btn-danger deleteCommentBtn">댓글삭제</button>
+                </div>
+              </div>
+            </div>
+            <div class="col-auto">
+              <div class="row">
+                <th:block th:each="commonCode:${session.commonCode.get('OG')}">
+                  <div class="col-auto" th:if="${commonCode.itemCd eq comment.wrtOrgan}" th:text="${commonCode.itemValue}"></div>
+                </th:block>
+                <!--<th:block th:each="commonCode:${session.commonCode.get('OFC')}">
+                  <div class="col-auto" th:if="${commonCode.itemCd eq comment.wrtPart}" th:text="${commonCode.itemValue}"></div>
+                </th:block>-->
+                <th:block th:each="commonCode:${session.commonCode.get('JT')}">
+                  <div class="col-auto" th:if="${commonCode.itemCd eq comment.wrtUserGrd}" th:text="${commonCode.itemValue}"></div>
+                </th:block>
+                <div class="col-auto" th:text="${comment.wrtUserNm}"></div>
+                <div class="col-auto" th:text="${#temporals.format(comment.wrtDt, 'yyyy-MM-dd HH:mm')}"></div>
+              </div>
+            </div>
+            <div class="col-12 childCommentFormDiv py-1" style="display: none"></div>
+          </div>
+          <div th:id="|childComment${comment.commentKey}|">
+            <th:block th:each="childComment:${comment.childCommentList}">
+              <div class="row justify-content-between commentRow my-1 mx-3">
+                <input type="hidden" class="publicKey" th:value="${childComment.publicKey}">
+                <input type="hidden" class="commentKey" th:value="${childComment.commentKey}">
+                <div class="col-auto">
+                  <div class="row">
+                    <div class="col-auto">
+                      <i class="bi bi-arrow-return-right" ></i>
+                    </div>
+                    <div class="col-auto" th:utext="${childComment.comment}"></div>
+                    <div class="col-auto" th:if="${userSeq eq childComment.wrtUserSeq}">
+                      <button type="button" class="btn btn-sm btn-danger deleteCommentBtn">댓글삭제</button>
+                    </div>
+                  </div>
+                </div>
+                <div class="col-auto">
+                  <div class="row">
+                    <th:block th:each="commonCode:${session.commonCode.get('OG')}">
+                      <div class="col-auto" th:if="${commonCode.itemCd eq childComment.wrtOrgan}" th:text="${commonCode.itemValue}"></div>
+                    </th:block>
+                    <!--<th:block th:each="commonCode:${session.commonCode.get('OFC')}">
+                      <div class="col-auto" th:if="${commonCode.itemCd eq childComment.wrtPart}" th:text="${commonCode.itemValue}"></div>
+                    </th:block>-->
+                    <th:block th:each="commonCode:${session.commonCode.get('JT')}">
+                      <div class="col-auto" th:if="${commonCode.itemCd eq childComment.wrtUserGrd}" th:text="${commonCode.itemValue}"></div>
+                    </th:block>
+                    <div class="col-auto" th:text="${childComment.wrtUserNm}"></div>
+                    <div class="col-auto" th:text="${#temporals.format(childComment.wrtDt, 'yyyy-MM-dd HH:mm')}"></div>
+                  </div>
+                </div>
+              </div>
+            </th:block>
+          </div>
+          <hr class="my-1">
         </th:block>
-      </th:block>
+      </div>
     </div>
   </div>
 </div>
-<div class="modal-footer">
+<div class="modal-footer bg-light">
   <th:block th:if="${userSeq eq info.wrtUserSeq}"><!--작성자일 경우 수정 허용-->
     <button type="button" class="btn btn-warning" id="editBtn">수정</button>
   </th:block>
diff --git a/src/main/resources/templates/sri/sriBoard.html b/src/main/resources/templates/sri/sriBoard.html
index 26849396..fefd6521 100644
--- a/src/main/resources/templates/sri/sriBoard.html
+++ b/src/main/resources/templates/sri/sriBoard.html
@@ -178,10 +178,10 @@
   <div class="modal fade" id="userModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="userModalLabel" aria-hidden="true">
     <div class="modal-dialog modal-xl modal-dialog-scrollable">
       <div class="modal-content">
-        <div class="modal-header">
-          <h5 class="modal-title" id="menuModalLabel">수신자 검색</h5>
+        <div class="modal-header bg-dark">
+          <h5 class="modal-title text-white" id="menuModalLabel">수신자 검색</h5>
           <input type="hidden" id="modalUrl" value="/modal/userModal">
-          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+          <button type="button" class="btn-close f-invert" data-bs-dismiss="modal" aria-label="Close"></button>
         </div>
         <div class="modal-body text-nowrap" id="subModalBody">
           <div class="row">
@@ -193,7 +193,7 @@
             </div>
           </div>
         </div>
-        <div class="modal-footer">
+        <div class="modal-footer bg-light">
           <button type="button" class="btn btn-primary" id="getMenuBtn">추가</button>
           <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">닫기</button>
         </div>
diff --git a/src/main/resources/templates/sri/sriEditModal.html b/src/main/resources/templates/sri/sriEditModal.html
index 0884cae0..45a97a03 100644
--- a/src/main/resources/templates/sri/sriEditModal.html
+++ b/src/main/resources/templates/sri/sriEditModal.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
 <html lang="ko" xmlns:th="http://www.thymeleaf.org">
-<div class="modal-header">
-  <h5 class="modal-title" id="faRptEditModalLabel" th:text="${sri.faSriKey eq null?'SRI 작성':'SRI 수정'}"></h5>
-  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+<div class="modal-header bg-dark">
+  <h5 class="modal-title text-white" id="faRptEditModalLabel" th:text="${sri.faSriKey eq null?'SRI 작성':'SRI 수정'}"></h5>
+  <button type="button" class="btn-close f-invert" data-bs-dismiss="modal" aria-label="Close"></button>
 </div>
 <div class="modal-body" id="faRptEditBody">
   <form action="#" method="post" id="sriEditForm">
@@ -126,7 +126,7 @@
     </div>
   </form>
 </div>
-<div class="modal-footer">
+<div class="modal-footer bg-light">
   <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">닫기</button>
   <button type="button" class="btn btn-warning" id="saveTempBtn">임시저장</button>
   <button type="button" class="btn btn-primary" id="saveSriBtn">저장</button>
diff --git a/src/main/resources/templates/sri/sriViewModal.html b/src/main/resources/templates/sri/sriViewModal.html
index 247faaad..a15f239d 100644
--- a/src/main/resources/templates/sri/sriViewModal.html
+++ b/src/main/resources/templates/sri/sriViewModal.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
 <html lang="ko" xmlns:th="http://www.thymeleaf.org">
-<div class="modal-header">
-  <h5 class="modal-title" id="faRptViewModalLabel">SRI 열람</h5>
-  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+<div class="modal-header bg-dark">
+  <h5 class="modal-title text-white" id="faRptViewModalLabel">SRI 열람</h5>
+  <button type="button" class="btn-close f-invert" data-bs-dismiss="modal" aria-label="Close"></button>
 </div>
 <div class="modal-body" id="faSriViewBody">
   <div class="row">
@@ -126,7 +126,7 @@
     </div>
   </div>
 </div>
-<div class="modal-footer justify-content-between">
+<div class="modal-footer justify-content-between bg-light">
 <div class="col-auto">
 	<th:block th:unless="${FaSri.status eq 'DST008'}">
 	<button type="button" class="btn btn-danger" id="deleteSri" th:if="${userSeq eq FaSri.wrtUserSeq} and ${accessAuth eq 'ACC003'}" th:data-fasrikey="${FaSri.faSriKey}">삭제</button>
diff --git a/src/main/resources/templates/translator/translator.html b/src/main/resources/templates/translator/translator.html
index 0a27ea37..5caf6c85 100644
--- a/src/main/resources/templates/translator/translator.html
+++ b/src/main/resources/templates/translator/translator.html
@@ -193,9 +193,9 @@
   <div class="modal fade" id="translatorInsertModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="userInsertModalLabel" aria-hidden="true">
     <div class="modal-dialog modal-lg">
       <div class="modal-content ">
-        <div class="modal-header">
-          <h5 class="modal-title" id="translatorInsertModalLabel">통역인 등록</h5>
-          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+        <div class="modal-header bg-dark">
+          <h5 class="modal-title text-white" id="translatorInsertModalLabel">통역인 등록</h5>
+          <button type="button" class="btn-close f-invert" data-bs-dismiss="modal" aria-label="Close"></button>
         </div>
         <div class="modal-body">
           <form id="translatorInsert" action="#" method="post">
@@ -307,7 +307,7 @@
 
           </form>
         </div>
-        <div class="modal-footer">
+        <div class="modal-footer bg-light">
           <button type="button" class="btn btn-secondary" data-bs-dismiss="modal" id="closeModalBtn">닫기</button>
           <button type="button" class="btn btn-primary" id="saveBtn">등록</button>
         </div>
@@ -317,9 +317,9 @@
   <div class="modal fade" id="translatorEditModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="authEditModalLabel" aria-hidden="true">
     <div class="modal-dialog modal-xl modal-dialog-scrollable">
       <div class="modal-content" id="authEditModalContent">
-        <div class="modal-header">
-          <h5 class="modal-title" id="menuEditModalLabel">통역인 정보</h5>
-          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+        <div class="modal-header bg-dark">
+          <h5 class="modal-title text-white" id="menuEditModalLabel">통역인 정보</h5>
+          <button type="button" class="btn-close f-invert" data-bs-dismiss="modal" aria-label="Close"></button>
         </div>
         <div id="KeyValue">
         </div>
@@ -340,10 +340,10 @@
   </div>
   <div class="modal fade" id="translatorCareerModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="authEditModalLabel" aria-hidden="true">
     <div class="modal-dialog modal-xl modal-dialog-scrollable">
-      <div class="modal-content" id="authEditModalContent">
-        <div class="modal-header">
-          <h5>경력현황</h5>
-          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+      <div class="modal-content" id="translatorCareerModalContent">
+        <div class="modal-header bg-dark">
+          <h5 class="modal-title text-white" id="translatorCareerModalLabel">경력현황</h5>
+          <button type="button" class="btn-close f-invert" data-bs-dismiss="modal" aria-label="Close"></button>
         </div>
         <div class="modal-body">
           <div class="tab-content" id="careerView">
diff --git a/src/main/resources/templates/translator/translatorCareerInsert.html b/src/main/resources/templates/translator/translatorCareerInsert.html
index ef5b44d7..771beeb3 100644
--- a/src/main/resources/templates/translator/translatorCareerInsert.html
+++ b/src/main/resources/templates/translator/translatorCareerInsert.html
@@ -20,7 +20,7 @@
                 </div>
               </div>
           </div>
-          <div class="modal-footer">
+          <div class="modal-footer bg-light">
             <button type="button" class="btn btn-primary" id="crrSaveBtn">등록</button>
           </div>
         </div>
diff --git a/src/main/resources/templates/translator/translatorCareerModal.html b/src/main/resources/templates/translator/translatorCareerModal.html
index e85e9d2c..bacece60 100644
--- a/src/main/resources/templates/translator/translatorCareerModal.html
+++ b/src/main/resources/templates/translator/translatorCareerModal.html
@@ -64,7 +64,7 @@
                 </div>
               </div>
           </div>
-          <div class="modal-footer">
+          <div class="modal-footer bg-light">
             <button type="button" class="btn btn-primary" id="crrInsertBtn" th:if="${accessAuth eq 'ACC003'} or ${wrtUserSeq eq userSeq}">이력등록</button>
           </div>
         </div>
diff --git a/src/main/resources/templates/translator/translatorDashBoard.html b/src/main/resources/templates/translator/translatorDashBoard.html
index 31f2a17c..82bb68c9 100644
--- a/src/main/resources/templates/translator/translatorDashBoard.html
+++ b/src/main/resources/templates/translator/translatorDashBoard.html
@@ -44,9 +44,9 @@
 <div class="modal fade" id="translatorEditModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="authEditModalLabel" aria-hidden="true">
   <div class="modal-dialog modal-xl modal-dialog-scrollable">
     <div class="modal-content">
-      <div class="modal-header">
-        <h5 class="modal-title" id="menuEditModalLabel">통역인 정보</h5>
-        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+      <div class="modal-header bg-dark">
+        <h5 class="modal-title text-white" id="translatorEditModalLabel">통역인 정보</h5>
+        <button type="button" class="btn-close f-invert" data-bs-dismiss="modal" aria-label="Close"></button>
       </div>
       <div id="KeyValue">
       </div>
@@ -70,9 +70,9 @@
 <div class="modal fade" id="translatorCareerModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="authEditModalLabel" aria-hidden="true">
   <div class="modal-dialog modal-xl modal-dialog-scrollable">
     <div class="modal-content">
-      <div class="modal-header">
-        <h5>경력현황</h5>
-        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+      <div class="modal-header bg-dark">
+        <h5 class="modal-title text-white" id="translatorCareerModalLabel">경력현황</h5>
+        <button type="button" class="btn-close f-invert" data-bs-dismiss="modal" aria-label="Close"></button>
       </div>
       <div class="modal-body">
         <div class="tab-content border bg-white border-top-0" id="careerView">
diff --git a/src/main/resources/templates/translator/translatorEditModal.html b/src/main/resources/templates/translator/translatorEditModal.html
index eb344650..a180469e 100644
--- a/src/main/resources/templates/translator/translatorEditModal.html
+++ b/src/main/resources/templates/translator/translatorEditModal.html
@@ -110,7 +110,7 @@
               </div>
           </div>
           </div>
-          <div class="modal-footer">
+          <div class="modal-footer bg-light">
             <button type="button" class="btn btn-secondary" id="trDeleteBtn" th:if="${accessAuth eq 'ACC003'} or ${wrtUserSeq eq userSeq}">해임</button>
             <button type="button" class="btn btn-warning" id="updateBtn" th:if="${accessAuth eq 'ACC003'} or ${wrtUserSeq eq userSeq}">수정</button>
           </div>
diff --git a/src/main/resources/templates/user/myInfo.html b/src/main/resources/templates/user/myInfo.html
index 45e25dcb..2db23d42 100644
--- a/src/main/resources/templates/user/myInfo.html
+++ b/src/main/resources/templates/user/myInfo.html
@@ -247,10 +247,10 @@
   <div class="modal fade" id="menuModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="menuModalLabel" aria-hidden="true">
     <div class="modal-dialog modal-xl modal-dialog-scrollable">
       <div class="modal-content">
-        <div class="modal-header">
-          <h5 class="modal-title" id="menuModalLabel">메뉴 추가</h5>
+        <div class="modal-header bg-dark">
+          <h5 class="modal-title text-white" id="menuModalLabel">메뉴 추가</h5>
           <input type="hidden" id="modalUrl" value="/modal/menuModal">
-          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+          <button type="button" class="btn-close f-invert" data-bs-dismiss="modal" aria-label="Close"></button>
         </div>
         <div class="modal-body text-nowrap" id="subModalBody">
           <div class="row">
@@ -266,7 +266,7 @@
             </div>
           </div>
         </div>
-        <div class="modal-footer">
+        <div class="modal-footer bg-light">
           <button type="button" class="btn btn-primary" id="getMenuBtn">추가</button>
           <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">닫기</button>
         </div>
@@ -277,15 +277,15 @@
   <div class="modal fade" id="questionModal" tabindex="-1" aria-labelledby="questionModalLabel" aria-hidden="true">
     <div class="modal-dialog">
       <div class="modal-content">
-        <div class="modal-header">
-          <h1 class="modal-title fs-5" id="questionModalLabel">안내</h1>
-          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+        <div class="modal-header bg-dark">
+          <h1 class="modal-title text-white fs-5" id="questionModalLabel">안내</h1>
+          <button type="button" class="btn-close f-invert" data-bs-dismiss="modal" aria-label="Close"></button>
         </div>
         <div class="modal-body">
           <p>대시보드에 노출될 게시판을 선택하여 저장합니다.</p>
           <p>저장에 제한은 없으나 상위 5건과 공지사항만 대시보드에 노출됩니다.</p>
         </div>
-        <div class="modal-footer">
+        <div class="modal-footer bg-light">
           <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
         </div>
       </div>