diff --git a/src/main/resources/static/css/common.css b/src/main/resources/static/css/common.css
index d5d6a89a..1c0660ab 100644
--- a/src/main/resources/static/css/common.css
+++ b/src/main/resources/static/css/common.css
@@ -59,6 +59,14 @@
   content: url("/img/bootstrap-icons-1.9.1/caret-down-fill.svg");
 }
 
+.btn-toggle2::before {
+  content: url("/img/bootstrap-icons-1.9.1/caret-right.svg");
+  filter: invert(100%);
+}
+.btn-toggle2[aria-expanded="true"]::before {
+  content: url("/img/bootstrap-icons-1.9.1/caret-down.svg");
+}
+
 .f-invert{
   filter: invert(100%);
 }
@@ -122,4 +130,29 @@
   position: absolute;
   top: 6rem;
   left: 4.3rem;
-}
\ No newline at end of file
+}
+
+/*.bg-header{*/
+/*  !*background-color: #6c87af78;*!*/
+/*  !*background-color: #6885bfb0;*!*/
+/*  background-color: #1650a778;*/
+/*}*/
+/*.bg-lightB{*/
+/*  background-color: #deebff78;*/
+/*}*/
+/*.bg-blue{*/
+/*  !*background-color: #1f2f5c;*!*/
+/*  background-color: #24396c;*/
+/*}*/
+/*.bg-leftMenu{*/
+/*  background-color: #253660;*/
+/*}*/
+
+/*.table-color{*/
+/*  background-color: #6c87af78;*/
+/*}*/
+
+/*.bi-square-fill{*/
+/*  color:#0d49a7;*/
+/*  !*color: #24396c;*!*/
+/*}*/
\ No newline at end of file
diff --git a/src/main/resources/templates/faRpt/faRptViewModal.html b/src/main/resources/templates/faRpt/faRptViewModal.html
index b35ce0a2..0523e36f 100644
--- a/src/main/resources/templates/faRpt/faRptViewModal.html
+++ b/src/main/resources/templates/faRpt/faRptViewModal.html
@@ -20,36 +20,36 @@
   <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 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-center bg-lightB">분류</label>
         <label class="col-sm-2 col-form-label col-form-label-sm text-start">
           <th:block th:each="code:${session.commonCode.get('FRC')}">
             <th:block th:if="${code.itemCd eq faRpt.faRptType}" th:text="${code.itemValue}"></th:block>
           </th:block>
         </label>
         <div class="col-6"></div>
-        <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-center bg-lightB">작성일시</label>
         <label class="col-sm-2 col-form-label col-form-label-sm text-start" th:text="${#temporals.format(faRpt.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-1 col-form-label col-form-label-sm text-center bg-lightB">제목</label>
         <label class="col-sm-8 col-form-label col-form-label-sm text-start" th:text="${faRpt.title}"></label>
-        <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-center bg-lightB">작성자</label>
         <label class="col-sm-2 col-form-label col-form-label-sm text-start" th:text="${faRpt.wrtUserNm}"></label>
       </div>
       <hr class="my-1">
       <div class="row mb-1 justify-content-center">
-        <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  bg-lightB">내용</label>
         <div class="col-sm-11 form-control-sm" th:utext="${faRpt.content}"></div>
       </div>
       <hr class="my-1">
       <div class="row mb-1">
-        <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-center bg-lightB">해시태그</label>
         <label class="col-sm-11 col-form-label col-form-label-sm text-start" th:text="${faRpt.hashTags}"></label>
       </div>
     </div>
     <div class="tab-pane fade p-2" id="readUserTabPanel" role="tabpanel" tabindex="0">
       <div class="row">
-        <div class="col-1">no</div>
-        <div class="col-9">수신자</div>
-        <div class="col-2">열람</div>
+        <div class="col-1 bg-lightB">no</div>
+        <div class="col-9 bg-lightB">수신자</div>
+        <div class="col-2 bg-lightB">열람</div>
       </div>
       <hr class="my-1">
       <div class="row">
@@ -83,8 +83,8 @@
           <table class="table table-sm" id="fileTable">
             <thead>
             <tr>
-              <th>파일명</th>
-              <th>사이즈</th>
+              <th class="bg-lightB">파일명</th>
+              <th class="bg-lightB">사이즈</th>
             </tr>
             </thead>
             <tbody>
diff --git a/src/main/resources/templates/fragments/footer.html b/src/main/resources/templates/fragments/footer.html
index e37b6e7d..ce82c7f8 100644
--- a/src/main/resources/templates/fragments/footer.html
+++ b/src/main/resources/templates/fragments/footer.html
@@ -3,7 +3,7 @@
   <footer th:fragment="footerFragment" class="d-flex flex-wrap py-2 mt-auto bg-dark">
     <div class="row mx-3">
       <div class="col-auto">
-        <img th:src="@{/img/f_logo.png}"  alt="logo" title="logo" style="height: 50px;"/>
+        <img th:src="@{/img/f_logo.png}"  alt="logo" title="logo" style="height: 40px;"/>
       </div>
       <div class="col-auto row">
         <div class="col-12">
diff --git a/src/main/resources/templates/fragments/header.html b/src/main/resources/templates/fragments/header.html
index 88a58bbe..ef649cb2 100644
--- a/src/main/resources/templates/fragments/header.html
+++ b/src/main/resources/templates/fragments/header.html
@@ -2,7 +2,7 @@
 <html lang="ko"
       xmlns:th="http://www.thymeleaf.org"
       xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity5">
-<header th:fragment="headerFragment" class="row justify-content-between w-100 py-1 px-3 bg-light border-bottom" style="--bs-gutter-x: 0;">
+<header th:fragment="headerFragment" class="row justify-content-between w-100 py-1 px-3 border-bottom" style="--bs-gutter-x: 0;">
   <div class="col-auto row justify-content-start">
     <div class="col-auto">
       <div class="navbar-header">
diff --git a/src/main/resources/templates/fragments/leftMenu.html b/src/main/resources/templates/fragments/leftMenu.html
index 342c3102..1f0d98ee 100644
--- a/src/main/resources/templates/fragments/leftMenu.html
+++ b/src/main/resources/templates/fragments/leftMenu.html
@@ -6,28 +6,28 @@
       <li class="mb-1" th:each="firstMenu:${session.menuList}">
         <th:block th:each="cat1Code:${session.commonCode.get('CAT1')}">
         <th:block th:if="${cat1Code.itemCd eq firstMenu.cat1Cd}">
-           <button class="btn btn-toggle align-items-center rounded collapsed leftMenuItem text-light"
+           <button class="btn btn-toggle align-items-center rounded collapsed leftMenuItem text-light" style="font-size: 16px;"
                   data-bs-toggle="collapse" aria-expanded="false" th:data-category="${cat1Code.itemCd}"
                   th:data-bs-target="'#collapse'+${cat1Code.itemCd}" th:text="${cat1Code.itemValue}">
           </button>
           <div class="collapse ps-3" th:id="|collapse${cat1Code.itemCd}|">
-            <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
+            <ul class="btn-toggle-nav list-unstyled fw-normal pb-1" >
                 <li th:each="secondMenu:${firstMenu.childList}">
                 <th:block th:each="cat2Code:${session.commonCode.get('CAT2')}">
                   <th:block th:if="${cat2Code.itemCd eq secondMenu.cat2Cd}">
                   <ul class="list-unstyled ps-0">
                     <li class="mb-1">
                      <th:block th:unless="${#lists.isEmpty(secondMenu.childList)}">
-                      <button class="btn btn-toggle align-items-center rounded collapsed leftMenuItem text-light"
+                      <button class="btn btn-toggle2 align-items-center rounded collapsed leftMenuItem text-light" style="font-size: 15px;"
                               data-bs-toggle="collapse" aria-expanded="false" th:data-parent="${cat1Code.itemCd}" th:data-category="${cat2Code.itemCd}"
                               th:data-bs-target="'#collapse'+${cat2Code.itemCd}" th:text="${cat2Code.itemValue}">
                       </button>
                       </th:block>
                      <th:block th:if="${#lists.isEmpty(secondMenu.childList)}">
-                      <a th:href="@{${secondMenu.menuUrl}}" class="bi bi-dash link-light rounded ps-3 text-decoration-none"
+                      <a th:href="@{${secondMenu.menuUrl}}" class="bi bi-dash link-light rounded ps-3 text-decoration-none" style="font-size: 14px;"
                               th:data-parent="${cat1Code.itemCd}" th:data-category="${cat2Code.itemCd}" th:text="${cat2Code.itemValue}"></a>
                       </th:block>
-                      <div class="collapse ps-3" th:id="|collapse${cat2Code.itemCd}|">
+                      <div class="collapse ps-3" th:id="|collapse${cat2Code.itemCd}|" >
                         <ul class="btn-toggle-nav list-unstyled fw-normal pb-1">
                           <li th:each="thirdMenu:${secondMenu.childList}">
                           <th:block th:each="cat3Code:${session.commonCode.get('CAT3')}">
diff --git a/src/main/resources/templates/layout/layout.html b/src/main/resources/templates/layout/layout.html
index 57c6f2e4..50a33d55 100644
--- a/src/main/resources/templates/layout/layout.html
+++ b/src/main/resources/templates/layout/layout.html
@@ -50,7 +50,7 @@
   <header th:replace="fragments/header :: headerFragment"></header>
   <div sec:authorize="isAnonymous()" layout:fragment="content"></div>
   <div sec:authorize="isAuthenticated()" class="d-flex flex-nowrap h-100" style="max-height: 888px;">
-    <div class="flex-shrink-0 bg-dark border-end overflow-auto" style="width: 260px;">
+    <div class="flex-shrink-0 bg-leftMenu border-end overflow-auto" style="width: 260px;">
       <div th:replace="fragments/leftMenu :: leftMenuFragment"></div>
     </div>
     <div class="flex-shrink-0 px-3 py-2 bg-white overflow-auto" style="width: 1660px;">
@@ -70,7 +70,7 @@
       </div>
     </div>
   </div>
-
+  <div th:replace="fragments/footer :: footerFragment"></div>
   <th:block layout:fragment="modal"></th:block>
 </body>
 </html>
\ No newline at end of file
diff --git a/src/main/resources/templates/login/dashboard.html b/src/main/resources/templates/login/dashboard.html
index d5c4dcdb..8910ba23 100644
--- a/src/main/resources/templates/login/dashboard.html
+++ b/src/main/resources/templates/login/dashboard.html
@@ -8,13 +8,13 @@
 <div layout:fragment="content">
   <main>
     <div class="row justify-content-between mx-0">
-      <div class="col-auto"><h4>대시보드</h4></div>
+      <div class="col-auto"><h4><i class="bi bi-square-fill"></i> 대시보드</h4></div>
       <div class="col-auto mt-2">
         <!--<a class="link-dark align-bottom" href="/myInfo/myInfoPage?activeTab=dashboard">대시보드 편집</a>-->
       </div>
     </div>
     <div class="row mx-0">
-      <div class="col-12 card bg-light">
+      <div class="col-12 card bg-lightB">
         <div class="card-body">
           <div class="row">
             <div class="col-6 py-1" id="subPage0">
diff --git a/src/main/resources/templates/publicBoard/notice/noticeEditModal.html b/src/main/resources/templates/publicBoard/notice/noticeEditModal.html
index dc0ebdb0..8b18ae45 100644
--- a/src/main/resources/templates/publicBoard/notice/noticeEditModal.html
+++ b/src/main/resources/templates/publicBoard/notice/noticeEditModal.html
@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <html lang="ko" xmlns:th="http://www.thymeleaf.org">
-<div class="modal-header bg-dark">
+<div class="modal-header bg-blue">
   <h5 class="modal-title text-white" id="noticeEditModalLabel" th:text="${info.publicKey eq null?'공지사항 작성':'공지사항 수정'}"></h5>
   <button type="button" class="btn-close f-invert" data-bs-dismiss="modal" aria-label="Close"></button>
 </div>
@@ -17,7 +17,7 @@
     <input type="hidden" name="wrtUserNm" th:value="${info.wrtUserNm}">
 
     <div class="mb-1 row">
-      <label for="wrtUserNm" class="col-sm-1 col-form-label col-form-label-sm text-center">작성자</label>
+      <label for="wrtUserNm" class="col-sm-1 col-form-label col-form-label-sm text-center bg-lightB">작성자</label>
       <div class="col-sm-2">
         <th:block th:each="commonCode:${session.commonCode.get('JT')}">
           <th:block th:if="${commonCode.itemCd eq info.wrtUserGrd}">
@@ -25,7 +25,7 @@
           </th:block>
         </th:block>
       </div>
-      <label for="wrtDt" class="col-sm-1 col-form-label col-form-label-sm text-center">작성일시</label>
+      <label for="wrtDt" class="col-sm-1 col-form-label col-form-label-sm text-center bg-lightB">작성일시</label>
       <div class="col-sm-2">
         <input type="text" class="form-control form-control-sm" id="wrtDt" name="wrtDt" th:value="${#temporals.format(info.wrtDt, 'yyyy-MM-dd HH:mm')}" readonly>
       </div>
@@ -35,20 +35,20 @@
       <label for="organChk" class="col-sm-3 col-form-label text-left">소속관서에만 노출</label>
     </div>
     <div class="mb-1 row">
-      <label for="title" class="col-sm-1 col-form-label col-form-label-sm text-center">제목</label>
+      <label for="title" class="col-sm-1 col-form-label col-form-label-sm text-center bg-lightB">제목</label>
       <div class="col-sm-11">
         <input type="text" class="form-control form-control-sm" id="title" name="title" th:value="${info.title}" autocomplete="off">
       </div>
     </div>
     <div class="mb-1 row">
-      <label for="editor" class="col-sm-1 col-form-label col-form-label-sm text-center">내용</label>
+      <label for="editor" class="col-sm-1 col-form-label col-form-label-sm text-center bg-lightB">내용</label>
       <div class="col-sm-11">
         <div id="editor"></div>
         <textarea id="content" class="d-none" th:utext="${info.content}"></textarea>
       </div>
     </div>
     <div class="row mb-1">
-      <label for="fileInputer" class="col-sm-1 col-form-label col-form-label-sm text-center">첨부파일</label>
+      <label for="fileInputer" class="col-sm-1 col-form-label col-form-label-sm text-center bg-lightB">첨부파일</label>
       <div class="col-sm-11" style="min-height: 70px;">
         <div class="w-100 h-100 border border-info rounded text-center" id="uploadDiv">
           <th:block th:if="${#arrays.isEmpty(info.fileList)}">
diff --git a/src/main/resources/templates/publicBoard/notice/noticePage.html b/src/main/resources/templates/publicBoard/notice/noticePage.html
index 656c8913..cf013581 100644
--- a/src/main/resources/templates/publicBoard/notice/noticePage.html
+++ b/src/main/resources/templates/publicBoard/notice/noticePage.html
@@ -9,11 +9,11 @@
 </th:block>
 <div layout:fragment="content">
   <main>
-    <h4>공지사항</h4>
+    <h4><i class="bi bi-square-fill"></i> 공지사항</h4>
     <input type="hidden" name="_csrf_header" th:value="${_csrf.headerName}"/>
     <input type="hidden" th:name="${_csrf.parameterName}" th:value="${_csrf.token}"/>
     <div class="row mx-0">
-      <div class="col-12 card bg-light text-center">
+      <div class="col-12 card bg-lightB text-center">
         <div class="card-body">
           <form method="get" th:action="@{/publicBoard/noticePage}">
             <input type="hidden" name="pageIndex" id="pageIndex" th:value="${searchParams.pageIndex}">
@@ -64,7 +64,7 @@
                     <div class="col-12">
                       <table class="table table-sm table-hover table-bordered">
                         <thead>
-                        <tr class="table-secondary">
+                        <tr class="table-color">
                           <th></th>
                           <th>제목</th>
                           <th>관서</th>
diff --git a/src/main/resources/templates/publicBoard/notice/noticeViewModal.html b/src/main/resources/templates/publicBoard/notice/noticeViewModal.html
index 5e8f453e..c2853aee 100644
--- a/src/main/resources/templates/publicBoard/notice/noticeViewModal.html
+++ b/src/main/resources/templates/publicBoard/notice/noticeViewModal.html
@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <html lang="ko" xmlns:th="http://www.thymeleaf.org">
-<div class="modal-header bg-dark">
+<div class="modal-header bg-blue">
   <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>
@@ -18,11 +18,11 @@
     <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 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-center bg-lightB">작성일시</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-1 col-form-label col-form-label-sm text-center bg-lightB">제목</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-1 col-form-label col-form-label-sm text-center bg-lightB">작성자</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>
@@ -33,7 +33,7 @@
           <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>
+        <label for="content" class="col-sm-1 col-form-label col-form-label-sm text-center bg-lightB">내용</label>
         <div class="col-sm-10 form-control-sm">
           <div id="content" th:utext="${info.content}"></div>
         </div>