From ad0742cc3edc0749c271ca5d10e921e44dce9eec Mon Sep 17 00:00:00 2001
From: "DESKTOP-QGC5RJO\\DBNT" <yrseo@dbnt.co.kr>
Date: Thu, 19 Jan 2023 14:54:28 +0900
Subject: [PATCH 1/4] =?UTF-8?q?ui=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/main/resources/static/css/common.css      | 35 ++++++++++++++++++-
 .../templates/faRpt/faRptViewModal.html       | 22 ++++++------
 .../resources/templates/fragments/footer.html |  2 +-
 .../resources/templates/fragments/header.html |  2 +-
 .../templates/fragments/leftMenu.html         | 10 +++---
 .../resources/templates/layout/layout.html    |  4 +--
 .../resources/templates/login/dashboard.html  |  4 +--
 .../publicBoard/notice/noticeEditModal.html   | 12 +++----
 .../publicBoard/notice/noticePage.html        |  6 ++--
 .../publicBoard/notice/noticeViewModal.html   | 10 +++---
 10 files changed, 70 insertions(+), 37 deletions(-)

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>

From ae1dea342f1b20773a50f94ee9ab4c5504851257 Mon Sep 17 00:00:00 2001
From: "DESKTOP-QGC5RJO\\DBNT" <yrseo@dbnt.co.kr>
Date: Thu, 19 Jan 2023 14:56:26 +0900
Subject: [PATCH 2/4] =?UTF-8?q?ui=EC=88=98=EC=A0=951?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/main/resources/static/css/common.css | 44 ++++++++++++------------
 1 file changed, 22 insertions(+), 22 deletions(-)

diff --git a/src/main/resources/static/css/common.css b/src/main/resources/static/css/common.css
index 1c0660ab..8efc4b23 100644
--- a/src/main/resources/static/css/common.css
+++ b/src/main/resources/static/css/common.css
@@ -132,27 +132,27 @@
   left: 4.3rem;
 }
 
-/*.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;*/
-/*}*/
+.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;*/
-/*}*/
+.table-color{
+  background-color: #6c87af78;
+}
 
-/*.bi-square-fill{*/
-/*  color:#0d49a7;*/
-/*  !*color: #24396c;*!*/
-/*}*/
\ No newline at end of file
+.bi-square-fill{
+  color:#0d49a7;
+  /*color: #24396c;*/
+}
\ No newline at end of file

From b68cfe939602a06e4d183224544e433514bc0938 Mon Sep 17 00:00:00 2001
From: "DESKTOP-QGC5RJO\\DBNT" <yrseo@dbnt.co.kr>
Date: Thu, 19 Jan 2023 16:26:31 +0900
Subject: [PATCH 3/4] =?UTF-8?q?ui=EC=88=98=EC=A0=952?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/main/resources/static/css/common.css      | 10 +++++--
 .../templates/faRpt/faRptViewModal.html       | 26 +++++++++----------
 .../resources/templates/login/dashboard.html  |  2 +-
 .../publicBoard/notice/noticePage.html        |  2 +-
 4 files changed, 23 insertions(+), 17 deletions(-)

diff --git a/src/main/resources/static/css/common.css b/src/main/resources/static/css/common.css
index 8efc4b23..2caf94ac 100644
--- a/src/main/resources/static/css/common.css
+++ b/src/main/resources/static/css/common.css
@@ -137,9 +137,12 @@
   /*background-color: #6885bfb0;*/
   background-color: #1650a778;
 }
-.bg-lightB{
+.bg-lightB-card{
   background-color: #deebff78;
 }
+.bg-lightB{
+  background-color: #aabfe178;
+}
 .bg-blue{
   /*background-color: #1f2f5c;*/
   background-color: #24396c;
@@ -155,4 +158,7 @@
 .bi-square-fill{
   color:#0d49a7;
   /*color: #24396c;*/
-}
\ No newline at end of file
+}
+.col-form-label-sm.text-center{
+  background-color: #aabfe178;
+}
diff --git a/src/main/resources/templates/faRpt/faRptViewModal.html b/src/main/resources/templates/faRpt/faRptViewModal.html
index 0523e36f..bbe7608d 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 bg-lightB">분류</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="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 bg-lightB">작성일시</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: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 bg-lightB">제목</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="${faRpt.title}"></label>
-        <label class="col-sm-1 col-form-label col-form-label-sm text-center bg-lightB">작성자</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: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  bg-lightB">내용</label>
+        <label class="col-sm-1 col-form-label col-form-label-sm text-center">내용</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 bg-lightB">해시태그</label>
+        <label class="col-sm-1 col-form-label col-form-label-sm text-center">해시태그</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 bg-lightB">no</div>
-        <div class="col-9 bg-lightB">수신자</div>
-        <div class="col-2 bg-lightB">열람</div>
+      <div class="row table-secondary">
+        <div class="col-1">no</div>
+        <div class="col-9">수신자</div>
+        <div class="col-2">열람</div>
       </div>
       <hr class="my-1">
       <div class="row">
@@ -82,9 +82,9 @@
         <div class="col-sm-12">
           <table class="table table-sm" id="fileTable">
             <thead>
-            <tr>
-              <th class="bg-lightB">파일명</th>
-              <th class="bg-lightB">사이즈</th>
+            <tr class="table-secondary">
+              <th>파일명</th>
+              <th>사이즈</th>
             </tr>
             </thead>
             <tbody>
diff --git a/src/main/resources/templates/login/dashboard.html b/src/main/resources/templates/login/dashboard.html
index 8910ba23..df6e0a36 100644
--- a/src/main/resources/templates/login/dashboard.html
+++ b/src/main/resources/templates/login/dashboard.html
@@ -14,7 +14,7 @@
       </div>
     </div>
     <div class="row mx-0">
-      <div class="col-12 card bg-lightB">
+      <div class="col-12 card bg-lightB-card">
         <div class="card-body">
           <div class="row">
             <div class="col-6 py-1" id="subPage0">
diff --git a/src/main/resources/templates/publicBoard/notice/noticePage.html b/src/main/resources/templates/publicBoard/notice/noticePage.html
index cf013581..351d0453 100644
--- a/src/main/resources/templates/publicBoard/notice/noticePage.html
+++ b/src/main/resources/templates/publicBoard/notice/noticePage.html
@@ -13,7 +13,7 @@
     <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-lightB text-center">
+      <div class="col-12 card bg-lightB-card text-center">
         <div class="card-body">
           <form method="get" th:action="@{/publicBoard/noticePage}">
             <input type="hidden" name="pageIndex" id="pageIndex" th:value="${searchParams.pageIndex}">

From 4d30b2ac433f7b60f773ad7b97f18935bca2266a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B0=95=EC=84=9D=20=EC=B5=9C?= <cks0504_p@daum.net>
Date: Thu, 19 Jan 2023 18:14:49 +0900
Subject: [PATCH 4/4] =?UTF-8?q?=EC=A4=91=EA=B0=84=EC=A0=80=EC=9E=A5.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../UnlawfulFishingController.java            |   2 +-
 src/main/resources/static/css/common.css      |   4 +-
 .../fishingBoat/fishingBoatMgt.html           |   3 -
 .../fishingBoat/fishingBoatViewModal.html     | 158 +++++++++---------
 .../unlawfulFishing/versionInfo.html          | 128 +++++++-------
 5 files changed, 147 insertions(+), 148 deletions(-)

diff --git a/src/main/java/com/dbnt/faisp/main/faStatistics/crackdownsStatus/UnlawfulFishingController.java b/src/main/java/com/dbnt/faisp/main/faStatistics/crackdownsStatus/UnlawfulFishingController.java
index 506a00d4..4abff8b0 100644
--- a/src/main/java/com/dbnt/faisp/main/faStatistics/crackdownsStatus/UnlawfulFishingController.java
+++ b/src/main/java/com/dbnt/faisp/main/faStatistics/crackdownsStatus/UnlawfulFishingController.java
@@ -33,7 +33,7 @@ public class UnlawfulFishingController {
 
   @GetMapping("/crackdownStatusVersionInfo")
   public ModelAndView selectUnlawfulFishingVersionInfo(Integer cdsKey, Integer versionNo){
-    ModelAndView mav = new ModelAndView("/faStatistics/unlawfulFishing/versionInfo");
+    ModelAndView mav = new ModelAndView("faStatistics/unlawfulFishing/versionInfo");
     mav.addObject("infos", unlawfulFishingService.selectUnlawfulFishingVersionInfo(cdsKey, versionNo));
     return mav;
   }
diff --git a/src/main/resources/static/css/common.css b/src/main/resources/static/css/common.css
index 2caf94ac..280075c0 100644
--- a/src/main/resources/static/css/common.css
+++ b/src/main/resources/static/css/common.css
@@ -150,7 +150,9 @@
 .bg-leftMenu{
   background-color: #253660;
 }
-
+.bg-label{
+  background-color: lightblue;
+}
 .table-color{
   background-color: #6c87af78;
 }
diff --git a/src/main/resources/templates/faStatistics/fishingBoat/fishingBoatMgt.html b/src/main/resources/templates/faStatistics/fishingBoat/fishingBoatMgt.html
index e3869ce2..e7e41b10 100644
--- a/src/main/resources/templates/faStatistics/fishingBoat/fishingBoatMgt.html
+++ b/src/main/resources/templates/faStatistics/fishingBoat/fishingBoatMgt.html
@@ -14,9 +14,6 @@
       display: none;
       z-index: 10;
     }
-    .bg-gainsboro{
-      background-color: gainsboro;
-    }
   </style>
 </th:block>
 <div layout:fragment="content">
diff --git a/src/main/resources/templates/faStatistics/fishingBoat/fishingBoatViewModal.html b/src/main/resources/templates/faStatistics/fishingBoat/fishingBoatViewModal.html
index c888eac1..d428ff8b 100644
--- a/src/main/resources/templates/faStatistics/fishingBoat/fishingBoatViewModal.html
+++ b/src/main/resources/templates/faStatistics/fishingBoat/fishingBoatViewModal.html
@@ -40,15 +40,15 @@
         </div>
       </div>
       <div class="row border border-secondary">
-        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">사건번호</label>
+        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">사건번호</label>
         <div class="col-sm-2 border-end border-secondary">
           <input type="text" class="form-control form-control-sm border-0" readonly th:value="${crackdownStatus.caseNum}">
         </div>
-        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">선명</label>
+        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">선명</label>
         <div class="col-sm-2 border-end border-secondary">
           <input type="text" class="form-control form-control-sm border-0" readonly th:value="${crackdownStatus.fishingBoat.boatNameKr}">
         </div>
-        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">위반사항</label>
+        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">위반사항</label>
         <div class="col-sm-5">
           <div class="row">
             <th:block th:each="code:${vtList}">
@@ -62,23 +62,23 @@
         </div>
       </div>
       <div class="row border border-secondary border-top-0">
-        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">사건담당경찰서</label>
+        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">사건담당경찰서</label>
         <div class="col-sm-2 border-end border-secondary">
           <th:block th:each="code:${session.commonCode.get('OG')}">
             <input type="text" class="form-control form-control-sm border-0" readonly th:if="${code.itemCd eq crackdownStatus.caseAgency}" th:value="${code.itemValue}">
           </th:block>
         </div>
-        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center fs-11">사건담당경찰관</label>
+        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center fs-11">사건담당경찰관</label>
         <div class="col-sm-2 border-end border-secondary">
           <input type="text" class="form-control form-control-sm border-0" readonly th:value="${crackdownStatus.casePoliceOfficer}">
         </div>
-        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">단속경찰서</label>
+        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">단속경찰서</label>
         <div class="col-sm-2 border-end border-secondary">
           <th:block th:each="code:${cpoList}">
             <input type="text" class="form-control form-control-sm border-0" readonly th:if="${code.itemCd eq crackdownStatus.crackdownPolice}" th:value="${code.itemValue}">
           </th:block>
         </div>
-        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">단속함정</label>
+        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">단속함정</label>
         <div class="col-sm-2">
           <th:block th:each="code:${boatList}">
             <input type="text" class="form-control form-control-sm border-0" readonly th:if="${code.itemCd eq crackdownStatus.crackdownBoat}" th:value="${code.itemValue}">
@@ -86,31 +86,31 @@
         </div>
       </div>
       <div class="row border border-secondary border-top-0">
-        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">MMSI.NO</label>
+        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">MMSI.NO</label>
         <div class="col-sm-2 border-end border-secondary">
           <input type="text" class="form-control form-control-sm border-0" readonly th:value="${crackdownStatus.mmsi}">
         </div>
-        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">침범유형</label>
+        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">침범유형</label>
         <div class="col-sm-2 border-end border-secondary">
           <th:block th:each="code:${session.commonCode.get('IST')}">
             <input type="text" class="form-control form-control-sm border-0" readonly th:if="${code.itemCd eq crackdownStatus.invasionType}" th:value="${code.itemValue}">
           </th:block>
         </div>
-        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">NLL</label>
+        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">NLL</label>
         <div class="col-sm-2 border-end border-secondary">
           <input type="text" class="form-control form-control-sm border-0" readonly th:value="${crackdownStatus.nll eq 'Y'?'O':(crackdownStatus.nll eq 'N'?'X':crackdownStatus.nll)}">
         </div>
-        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">압송/현장조사</label>
+        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">압송/현장조사</label>
         <div class="col-sm-2">
           <input type="text" class="form-control form-control-sm border-0" readonly th:value="${crackdownStatus.fieldIvsgt eq 'C'?'압송':(crackdownStatus.fieldIvsgt eq 'F'?'현장조사':crackdownStatus.fieldIvsgt)}">
         </div>
       </div>
       <div class="row border border-secondary border-top-0">
-        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">나포일시</label>
+        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">나포일시</label>
         <div class="col-sm-2 border-end border-secondary">
           <input type="text" class="form-control form-control-sm border-0" readonly th:value="${#temporals.format(crackdownStatus.napoDt, 'yyyy-MM-dd hh:mm')}">
         </div>
-        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">나포장소</label>
+        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">나포장소</label>
         <div class="col-sm-8">
           <input type="text" class="form-control form-control-sm border-0" readonly th:value="|${crackdownStatus.napoSeaPointLon} ${crackdownStatus.napoSeaPointLat} ${crackdownStatus.napoSeaPointDetail}|">
         </div>
@@ -124,47 +124,47 @@
                                      crackdownStatus.materialDamageDetail ne null}">
         <th:block th:if="${damageFlag}">
           <div class="row border border-secondary border-top-0">
-            <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">특수공무집행방해</label>
+            <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">특수공무집행방해</label>
             <div class="col-sm-11">
               <div class="row border-bottom border-secondary">
-                <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">인적피해</label>
+                <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">인적피해</label>
                 <div class="col-sm-11">
                   <div class="row border-bottom border-secondary">
-                    <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">발생건수</label>
+                    <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">발생건수</label>
                     <label class="col-sm-2 col-form-label col-form-label-sm py-2 border-end border-secondary text-start">
                       <th:block th:if="${crackdownStatus.obstrExspdCnt>0}" th:text="|${crackdownStatus.obstrExspdCnt}건|"></th:block>
                     </label>
-                    <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">피해인원</label>
+                    <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">피해인원</label>
                     <label class="col-sm-2 col-form-label col-form-label-sm py-2 border-end border-secondary text-start">
                       <th:block th:if="${crackdownStatus.personDamageCnt>0}" th:text="|${crackdownStatus.personDamageCnt}인|"></th:block>
                     </label>
-                    <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">피해액</label>
+                    <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">피해액</label>
                     <label class="col-sm-2 col-form-label col-form-label-sm py-2 border-end border-secondary text-start">
                       <th:block th:if="${crackdownStatus.personDamageAmount>0}" th:text="|${crackdownStatus.personDamageAmount}만원|"></th:block>
                     </label>
                   </div>
                   <div class="row">
-                    <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">상세내용</label>
+                    <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">상세내용</label>
                     <div class="col-sm-11" th:utext="${crackdownStatus.personDamageDetail}">
                     </div>
                   </div>
                 </div>
               </div>
               <div class="row">
-                <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">물적피해</label>
+                <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">물적피해</label>
                 <div class="col-sm-11">
                   <div class="row border-bottom border-secondary">
-                    <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">발생건수</label>
+                    <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">발생건수</label>
                     <label class="col-sm-2 col-form-label col-form-label-sm py-2 border-end border-secondary text-start">
                       <th:block th:if="${crackdownStatus.materialDamageCnt>0}" th:text="|${crackdownStatus.materialDamageCnt}건|"></th:block>
                     </label>
-                    <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">피해액</label>
+                    <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">피해액</label>
                     <label class="col-sm-2 col-form-label col-form-label-sm py-2 border-end border-secondary text-start">
                       <th:block th:if="${crackdownStatus.materialDamageAmount>0}" th:text="|${crackdownStatus.materialDamageAmount}만원|"></th:block>
                     </label>
                   </div>
                   <div class="row">
-                    <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">상세내용</label>
+                    <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">상세내용</label>
                     <div class="col-sm-11" th:utext="${crackdownStatus.materialDamageDetail}">
                     </div>
                   </div>
@@ -178,13 +178,13 @@
                                      crackdownStatus.fishingBoat.catchCnt ne 0}">
         <th:block th:if="${catchFlag}">
           <div class="row border border-secondary border-top-0">
-            <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">어획물축소기재</label>
+            <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">어획물축소기재</label>
             <div class="col-sm-11">
               <div class="row">
-                <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">어종</label>
+                <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">어종</label>
                 <label class="col-sm-2 col-form-label col-form-label-sm py-2 border-end border-secondary text-start"
                        th:text="${crackdownStatus.fishingBoat.catchFishSpecies}"></label>
-                <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">수량</label>
+                <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">수량</label>
                 <label class="col-sm-2 col-form-label col-form-label-sm py-2 border-end border-secondary text-start">
                   <th:block th:if="${crackdownStatus.fishingBoat.catchCnt>0}" th:text="|${crackdownStatus.fishingBoat.catchCnt}kg|"></th:block>
                 </label>
@@ -202,7 +202,7 @@
             <th:block th:if="${sailor.position eq 'POS001'}">
               <div class="col-6" id="captainDiv">
                 <div class="row border border-secondary">
-                  <label class="col-sm-2 fw-bold bg-gainsboro border-end border-secondary col-form-label col-form-label-sm py-2 border-end border-secondary text-center">선장명</label>
+                  <label class="col-sm-2 fw-bold bg-label border-end border-secondary col-form-label col-form-label-sm py-2 border-end border-secondary text-center">선장명</label>
                   <div class="col-sm-8">
                     <div class="input-group w-auto">
                       <input type="text" class="form-control form-control-sm border-0" readonly th:value="${sailor.sailorNameKr}">
@@ -233,27 +233,27 @@
                   </div>
                 </div>
                 <div class="row border border-secondary border-top-0">
-                  <label class="col-sm-2 fw-bold bg-gainsboro border-end border-secondary col-form-label col-form-label-sm py-2 border-end border-secondary text-center">생년월일</label>
+                  <label class="col-sm-2 fw-bold bg-label border-end border-secondary col-form-label col-form-label-sm py-2 border-end border-secondary text-center">생년월일</label>
                     <div class="col-sm-4 border-end border-secondary">
                       <input type="text" class="form-control form-control-sm border-0" readonly th:value="${sailor.birthdate}">
                     </div>
-                    <label class="col-sm-2 fw-bold bg-gainsboro border-end border-secondary col-form-label col-form-label-sm py-2 border-end border-secondary text-center">연락처</label>
+                    <label class="col-sm-2 fw-bold bg-label border-end border-secondary col-form-label col-form-label-sm py-2 border-end border-secondary text-center">연락처</label>
                     <div class="col-sm-4">
                       <input type="text" class="form-control form-control-sm border-0" readonly th:value="${sailor.sailorContact}">
                     </div>
                   </div>
                   <div class="row border border-secondary border-top-0">
-                    <label class="col-sm-2 fw-bold bg-gainsboro border-end border-secondary col-form-label col-form-label-sm py-2 border-end border-secondary text-center">주소</label>
+                    <label class="col-sm-2 fw-bold bg-label border-end border-secondary col-form-label col-form-label-sm py-2 border-end border-secondary text-center">주소</label>
                     <div class="col-sm-4 border-end border-secondary">
                       <input type="text" class="form-control form-control-sm border-0" readonly th:value="${sailor.residence}">
                     </div>
-                    <label class="col-sm-2 fw-bold bg-gainsboro border-end border-secondary col-form-label col-form-label-sm py-2 border-end border-secondary text-center">재범횟수</label>
+                    <label class="col-sm-2 fw-bold bg-label border-end border-secondary col-form-label col-form-label-sm py-2 border-end border-secondary text-center">재범횟수</label>
                     <div class="col-sm-4">
                       <input type="text" class="form-control form-control-sm border-0" readonly th:value="${sailor.arrestHistory}">
                     </div>
                   </div>
                   <div class="row border border-secondary border-top-0">
-                    <label class="col-sm-2 fw-bold bg-gainsboro border-end border-secondary col-form-label col-form-label-sm py-2 border-end border-secondary text-center">비고</label>
+                    <label class="col-sm-2 fw-bold bg-label border-end border-secondary col-form-label col-form-label-sm py-2 border-end border-secondary text-center">비고</label>
                     <div class="col-sm-10">
                       <input type="text" class="form-control form-control-sm border-0" readonly th:value="${sailor.note}">
                     </div>
@@ -265,7 +265,7 @@
             <th:block th:if="${sailor.position eq 'POS004'}">
               <div class="col-6" id="shipOwnerDiv">
                 <div class="row border border-secondary border-start-0">
-                  <label class="col-sm-2 fw-bold bg-gainsboro border-end border-secondary col-form-label col-form-label-sm py-2 border-end border-secondary text-center">선주명</label>
+                  <label class="col-sm-2 fw-bold bg-label border-end border-secondary col-form-label col-form-label-sm py-2 border-end border-secondary text-center">선주명</label>
                   <div class="col-sm-10">
                     <div class="input-group w-auto">
                       <input type="text" class="form-control form-control-sm border-0" readonly th:value="${sailor.sailorNameKr}">
@@ -275,23 +275,23 @@
                   </div>
                 </div>
                 <div class="row border border-secondary border-start-0 border-top-0">
-                  <label class="col-sm-2 fw-bold bg-gainsboro border-end border-secondary col-form-label col-form-label-sm py-2 border-end border-secondary text-center">생년월일</label>
+                  <label class="col-sm-2 fw-bold bg-label border-end border-secondary col-form-label col-form-label-sm py-2 border-end border-secondary text-center">생년월일</label>
                   <div class="col-sm-4 border-end border-secondary">
                     <input type="text" class="form-control form-control-sm border-0" readonly th:value="${sailor.birthdate}">
                   </div>
-                  <label class="col-sm-2 fw-bold bg-gainsboro border-end border-secondary col-form-label col-form-label-sm py-2 border-end border-secondary text-center">연락처</label>
+                  <label class="col-sm-2 fw-bold bg-label border-end border-secondary col-form-label col-form-label-sm py-2 border-end border-secondary text-center">연락처</label>
                   <div class="col-sm-4">
                     <input type="text" class="form-control form-control-sm border-0" readonly th:value="${sailor.sailorContact}">
                   </div>
                 </div>
                 <div class="row border border-secondary border-start-0 border-top-0">
-                  <label class="col-sm-2 fw-bold bg-gainsboro border-end border-secondary col-form-label col-form-label-sm py-2 border-end border-secondary text-center">주소</label>
+                  <label class="col-sm-2 fw-bold bg-label border-end border-secondary col-form-label col-form-label-sm py-2 border-end border-secondary text-center">주소</label>
                   <div class="col-sm-4">
                     <input type="text" class="form-control form-control-sm border-0" readonly th:value="${sailor.residence}">
                   </div>
                 </div>
                 <div class="row border border-secondary border-start-0 border-top-0">
-                  <label class="col-sm-2 fw-bold bg-gainsboro border-end border-secondary col-form-label col-form-label-sm py-2 border-end border-secondary text-center">비고</label>
+                  <label class="col-sm-2 fw-bold bg-label border-end border-secondary col-form-label col-form-label-sm py-2 border-end border-secondary text-center">비고</label>
                   <div class="col-sm-10">
                     <input type="text" class="form-control form-control-sm border-0" readonly th:value="${sailor.note}">
                   </div>
@@ -305,7 +305,7 @@
         <div class="col-auto">■ 어선 정보</div>
       </div>
       <div class="row border border-secondary">
-        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">선명</label>
+        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">선명</label>
         <div class="col-sm-5 border-end border-secondary">
           <div class="input-group w-auto">
             <input type="text" class="form-control form-control-sm border-0" readonly th:value="${crackdownStatus.fishingBoat.boatNameKr}">
@@ -314,37 +314,37 @@
         </div>
       </div>
       <div class="row border border-secondary border-top-0">
-        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">허가번호</label>
+        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">허가번호</label>
         <div class="col-sm-2 border-end border-secondary">
           <input type="text" class="form-control form-control-sm border-0" readonly th:value="${crackdownStatus.fishingBoat.permitNum}">
         </div>
-        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">국적</label>
+        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">국적</label>
         <div class="col-sm-2 border-end border-secondary">
           <input type="text" class="form-control form-control-sm border-0" readonly th:value="${crackdownStatus.fishingBoat.nationality}">
         </div>
-        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">승선원</label>
+        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">승선원</label>
         <div class="col-sm-2 border-end border-secondary" th:if="${crackdownStatus.fishingBoat.sailorCnt>0}">
           <input type="text" class="form-control form-control-sm border-0" readonly th:value="|${crackdownStatus.fishingBoat.sailorCnt}인|">
         </div>
-        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">톤수</label>
+        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">톤수</label>
         <div class="col-sm-2" th:if="${crackdownStatus.fishingBoat.tonCnt>0}">
           <input type="text" class="form-control form-control-sm border-0" readonly th:value="|${crackdownStatus.fishingBoat.tonCnt}t|">
         </div>
       </div>
       <div class="row border border-secondary border-top-0">
-        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">선종</label>
+        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">선종</label>
         <div class="col-sm-2 border-end border-secondary">
           <th:block th:each="code:${ftList}">
             <input type="text" class="form-control form-control-sm border-0" readonly th:if="${code.itemCd eq crackdownStatus.fishingBoat.fisheryType}" th:value="${code.itemValue}">
           </th:block>
         </div>
-        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">선질</label>
+        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">선질</label>
         <div class="col-sm-2 border-end border-secondary">
           <th:block th:each="code:${bmList}">
             <input type="text" class="form-control form-control-sm border-0" readonly th:if="${code.itemCd eq crackdownStatus.fishingBoat.boatMaterial}" th:value="${code.itemValue}">
           </th:block>
         </div>
-        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">선적지</label>
+        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">선적지</label>
         <div class="col-sm-2 border-end border-secondary">
           <div class="input-group w-auto">
             <input type="text" class="form-control form-control-sm border-0" readonly th:value="${crackdownStatus.fishingBoat.boatNnySung}">
@@ -353,40 +353,40 @@
         </div>
       </div>
       <div class="row border border-secondary border-top-0">
-        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">범칙물</label>
+        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">범칙물</label>
         <label class="col-sm-2 col-form-label col-form-label-sm py-2 border-end border-secondary text-start">
           <th:block th:if="${crackdownStatus.fishingBoat.offenseType ne null}" th:text="${crackdownStatus.fishingBoat.offenseType}"></th:block>
           <th:block th:if="${crackdownStatus.fishingBoat.offenseWeight>0}" th:text="|${crackdownStatus.fishingBoat.offenseWeight}kg|"></th:block>
         </label>
-        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">범칙물 폐기량</label>
+        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">범칙물 폐기량</label>
         <label class="col-sm-2 col-form-label col-form-label-sm py-2 border-end border-secondary text-start">
           <th:block th:if="${crackdownStatus.fishingBoat.offenseIllegalWasteQuantity>0}" th:text="|${crackdownStatus.fishingBoat.offenseIllegalWasteQuantity}kg|"></th:block>
         </label>
-        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">범칙물 위판량</label>
+        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">범칙물 위판량</label>
         <label class="col-sm-2 col-form-label col-form-label-sm py-2 border-end border-secondary text-start">
           <th:block th:if="${crackdownStatus.fishingBoat.offenseQuantity>0}" th:text="|${crackdownStatus.fishingBoat.offenseQuantity}kg|"></th:block>
         </label>
-        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center fs-11">범칙물 위판금액</label>
+        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center fs-11">범칙물 위판금액</label>
         <label class="col-sm-2 col-form-label col-form-label-sm py-2 border-end border-secondary text-start">
           <th:block th:if="${crackdownStatus.fishingBoat.offenseAmount>0}" th:text="|${crackdownStatus.fishingBoat.offenseAmount}만원|"></th:block>
         </label>
       </div>
       <div class="row border border-secondary border-top-0">
-        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">담보금 미납액</label>
+        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">담보금 미납액</label>
         <label class="col-sm-2 col-form-label col-form-label-sm py-2 border-end border-secondary text-start">
           <th:block th:if="${crackdownStatus.fishingBoat.damboUnpaidAmount>0}" th:text="|${crackdownStatus.fishingBoat.damboUnpaidAmount}만원|"></th:block>
         </label>
-        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">담보금 납부액</label>
+        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">담보금 납부액</label>
         <label class="col-sm-2 col-form-label col-form-label-sm py-2 border-end border-secondary text-start">
           <th:block th:if="${crackdownStatus.fishingBoat.damboPayment>0}" th:text="|${crackdownStatus.fishingBoat.damboPayment}만원|"></th:block>
         </label>
-        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center fs-11">담보금 납부일시</label>
+        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center fs-11">담보금 납부일시</label>
         <div class="col-sm-2">
           <input type="text" class="form-control form-control-sm border-0" readonly th:value="${crackdownStatus.fishingBoat.paymentPaymentDt}">
         </div>
       </div>
       <div class="row border border-secondary border-top-0">
-        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">압수어구</label>
+        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">압수어구</label>
         <label class="col-sm-11 col-form-label col-form-label-sm py-2 text-start">
           <th:block th:if="${!#strings.isEmpty(crackdownStatus.fishingBoat.confiscationFrame)}" th:text="|틀: ${crackdownStatus.fishingBoat.confiscationFrame}|"></th:block>
           <th:block th:if="${!#strings.isEmpty(crackdownStatus.fishingBoat.confiscationWidth)}" th:text="|폭: ${crackdownStatus.fishingBoat.confiscationWidth}|"></th:block>
@@ -399,94 +399,94 @@
         <div class="col-auto">■ 처리 결과</div>
       </div>
       <div class="row border border-secondary">
-        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">처리현황</label>
+        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">처리현황</label>
         <div class="col-sm-2 border-end border-secondary">
           <th:block th:each="code:${prList}">
             <input type="text" class="form-control form-control-sm border-0" readonly th:if="${code.itemCd eq crackdownStatus.processResult.processStatus}" th:value="${code.itemValue}">
           </th:block>
         </div>
-        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">수사중지 여부</label>
+        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">수사중지 여부</label>
         <div class="col-sm-2 border-end border-secondary">
           <input type="text" class="form-control form-control-sm border-0" readonly th:value="${crackdownStatus.processResult.isIvsgtStop eq 'Y'?'중지':(crackdownStatus.processResult.isIvsgtStop eq 'N'?'수사중':crackdownStatus.processResult.isIvsgtStop)}">
         </div>
-        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">선고법원</label>
+        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">선고법원</label>
         <label class="col-sm-2 col-form-label col-form-label-sm py-2 border-end border-secondary text-start" th:text="${crackdownStatus.processResult.sentencingCourt}"></label>
-        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">선고내용</label>
+        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">선고내용</label>
         <label class="col-sm-2 col-form-label col-form-label-sm py-2 text-start" th:text="${crackdownStatus.processResult.sentencingDetail}"></label>
       </div>
       <div class="row border border-secondary border-top-0">
-        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">압송소요시간</label>
+        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">압송소요시간</label>
         <div class="col-sm-2 border-end border-secondary">
           <input type="text" class="form-control form-control-sm border-0" readonly th:value="${crackdownStatus.processResult.pressurizedTimeTaken}">
         </div>
-        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">압송거리</label>
+        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">압송거리</label>
         <label class="col-sm-2 col-form-label col-form-label-sm py-2 border-end border-secondary text-start">
           <th:block th:if="${!#strings.isEmpty(crackdownStatus.distance)}" th:text="|${crackdownStatus.distance}해리|"></th:block>
         </label>
-        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center fs-10">영장청구 소요시간</label>
+        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center fs-10">영장청구 소요시간</label>
         <div class="col-sm-2 border-end border-secondary">
           <input type="text" class="form-control form-control-sm border-0" readonly th:value="${crackdownStatus.processResult.warrantReqTakeTime}">
         </div>
       </div>
       <div class="row border border-secondary border-top-0">
-        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">나포일시</label>
+        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">나포일시</label>
         <div class="col-sm-2 border-end border-secondary">
           <input type="text" class="form-control form-control-sm border-0" id="napoDt" readonly th:value="${#temporals.format(crackdownStatus.napoDt, 'yyyy-MM-dd hh:mm')}">
         </div>
-        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">석방일시</label>
+        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">석방일시</label>
         <div class="col-sm-2 border-end border-secondary">
           <input type="text" class="form-control form-control-sm border-0" id="releaseDt" readonly th:value="${#temporals.format(crackdownStatus.processResult.releaseDt, 'yyyy-MM-dd hh:mm')}">
         </div>
-        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">소요시간</label>
+        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">소요시간</label>
         <div class="col-sm-2 border-end border-secondary">
           <input type="text" class="form-control form-control-sm border-0" id="releaseToNapo" readonly>
         </div>
       </div>
       <div class="row border border-secondary border-top-0">
-        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">위탁시작일</label>
+        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">위탁시작일</label>
         <div class="col-sm-2 border-end border-secondary">
           <input type="text" class="form-control form-control-sm border-0" readonly th:value="${crackdownStatus.processResult.consignmentStartDt}">
         </div>
-        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">위탁종료일</label>
+        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">위탁종료일</label>
         <div class="col-sm-2 border-end border-secondary">
           <input type="text" class="form-control form-control-sm border-0" readonly th:value="${crackdownStatus.processResult.consignmentEndDt}">
         </div>
-        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">퇴거일</label>
+        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">퇴거일</label>
         <div class="col-sm-2 border-end border-secondary">
           <input type="text" class="form-control form-control-sm border-0" readonly th:value="${crackdownStatus.processResult.evictionDt}">
         </div>
       </div>
       <div class="row border border-secondary border-top-0">
-        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">직접인계일</label>
+        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">직접인계일</label>
         <div class="col-sm-2 border-end border-secondary">
           <input type="text" class="form-control form-control-sm border-0" readonly th:value="${crackdownStatus.processResult.directHandoverDt}">
         </div>
-        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">인계 해점</label>
+        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">인계 해점</label>
         <div class="col-sm-2 border-end border-secondary">
           <div class="input-group w-auto">
             <input type="text" class="form-control form-control-sm border-0" readonly th:value="${crackdownStatus.processResult.handoverSeaPointLon}">
             <input type="text" class="form-control form-control-sm border-0" readonly th:value="${crackdownStatus.processResult.handoverSeaPointLat}">
           </div>
         </div>
-        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">인계 함정</label>
+        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">인계 함정</label>
         <div class="col-sm-2 border-end border-secondary">
           <input type="text" class="form-control form-control-sm border-0" readonly th:value="${crackdownStatus.processResult.handoverBoat}">
         </div>
-        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">중측 인수함정</label>
+        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">중측 인수함정</label>
         <div class="col-sm-2">
           <input type="text" class="form-control form-control-sm border-0" readonly th:value="${crackdownStatus.processResult.middleTakeoverBoat}">
         </div>
       </div>
       <div class="row border border-secondary border-top-0">
-        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">몰수확정일</label>
+        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">몰수확정일</label>
         <div class="col-sm-2 border-end border-secondary">
           <input type="text" class="form-control form-control-sm border-0" readonly th:value="${crackdownStatus.processResult.confiscationDt}">
         </div>
-        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">폐선일</label>
+        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">폐선일</label>
         <div class="col-sm-2 border-end border-secondary">
           <input type="text" class="form-control form-control-sm border-0" readonly th:value="${crackdownStatus.processResult.boatDisposalDt}">
         </div>
-        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">폐선종류</label>
+        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">폐선종류</label>
         <div class="col-sm-2 border-end border-secondary">
           <th:block th:each="code:${bdtList}">
             <input type="text" class="form-control form-control-sm border-0" readonly th:if="${code.itemCd eq crackdownStatus.processResult.boatDisposalType}" th:value="${code.itemValue}">
@@ -494,17 +494,17 @@
         </div>
       </div>
       <div class="row border border-secondary border-top-0">
-        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">침몰일</label>
+        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">침몰일</label>
         <div class="col-sm-2 border-end border-secondary">
           <input type="text" class="form-control form-control-sm border-0" readonly th:value="${crackdownStatus.processResult.exileDt}">
         </div>
-        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">환부일</label>
+        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">환부일</label>
         <div class="col-sm-2 border-end border-secondary">
           <input type="text" class="form-control form-control-sm border-0" readonly th:value="${crackdownStatus.processResult.returnDt}">
         </div>
       </div>
       <div class="row border border-secondary border-top-0">
-        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">선장구속</label>
+        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">선장구속</label>
         <div class="col-sm-2 border-end border-secondary">
           <th:block th:each="sailor:${crackdownStatus.sailorList}">
             <th:block th:if="${sailor.position eq 'POS001'}">
@@ -512,7 +512,7 @@
             </th:block>
           </th:block>
         </div>
-        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">항해장구속</label>
+        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">항해장구속</label>
         <div class="col-sm-2 border-end border-secondary">
           <th:block th:each="sailor:${crackdownStatus.sailorList}">
             <th:block th:if="${sailor.position eq 'POS002'}">
@@ -520,7 +520,7 @@
             </th:block>
           </th:block>
         </div>
-        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">기관장구속</label>
+        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">기관장구속</label>
         <div class="col-sm-2 border-end border-secondary">
           <th:block th:each="sailor:${crackdownStatus.sailorList}">
             <th:block th:if="${sailor.position eq 'POS003'}">
@@ -530,7 +530,7 @@
         </div>
       </div>
       <div class="row border border-secondary border-top-0">
-        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">선원구속</label>
+        <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">선원구속</label>
         <div class="col-sm-11">
           <div class="row">
             <th:block th:each="sailor:${crackdownStatus.sailorList}">
diff --git a/src/main/resources/templates/faStatistics/unlawfulFishing/versionInfo.html b/src/main/resources/templates/faStatistics/unlawfulFishing/versionInfo.html
index 2c5c2df1..252e888f 100644
--- a/src/main/resources/templates/faStatistics/unlawfulFishing/versionInfo.html
+++ b/src/main/resources/templates/faStatistics/unlawfulFishing/versionInfo.html
@@ -20,15 +20,15 @@
     <div class="tab-content bg-white border border-top-0">
       <div class="tab-pane fade p-2 show active" id="baseInfoTabPanel" role="tabpanel" aria-labelledby="baseInfoTab" tabindex="0">
         <div class="row border border-secondary">
-          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">사건번호</label>
+          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">사건번호</label>
           <div class="col-sm-2 border-end border-secondary">
             <input type="text" class="form-control form-control-sm border-0" readonly th:value="${crackdownStatus.caseNum}">
           </div>
-          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">선명</label>
+          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">선명</label>
           <div class="col-sm-2 border-end border-secondary">
             <input type="text" class="form-control form-control-sm border-0" readonly th:value="${fishingBoat.boatNameKr}">
           </div>
-          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">위반사항</label>
+          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">위반사항</label>
           <div class="col-sm-5">
             <div class="row">
               <th:block th:each="code:${session.commonCode.get('VT')}">
@@ -42,23 +42,23 @@
           </div>
         </div>
         <div class="row border border-secondary border-top-0">
-          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">사건담당경찰서</label>
+          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">사건담당경찰서</label>
           <div class="col-sm-2 border-end border-secondary">
             <th:block th:each="code:${session.commonCode.get('OG')}">
               <input type="text" class="form-control form-control-sm border-0" readonly th:if="${code.itemCd eq crackdownStatus.caseAgency}" th:value="${code.itemValue}">
             </th:block>
           </div>
-          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center fs-11">사건담당경찰관</label>
+          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center fs-11">사건담당경찰관</label>
           <div class="col-sm-2 border-end border-secondary">
             <input type="text" class="form-control form-control-sm border-0" readonly th:value="${crackdownStatus.casePoliceOfficer}">
           </div>
-          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">단속경찰서</label>
+          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">단속경찰서</label>
           <div class="col-sm-2 border-end border-secondary">
             <th:block th:each="code:${session.commonCode.get('CPO')}">
               <input type="text" class="form-control form-control-sm border-0" readonly th:if="${code.itemCd eq crackdownStatus.crackdownPolice}" th:value="${code.itemValue}">
             </th:block>
           </div>
-          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">단속함정</label>
+          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">단속함정</label>
           <div class="col-sm-2">
             <th:block th:each="cpoCode:${session.commonCode.get('CPO')}">
               <th:block th:each="boatCode:${session.commonCode.get(cpoCode.itemCd)}">
@@ -68,31 +68,31 @@
           </div>
         </div>
         <div class="row border border-secondary border-top-0">
-          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">MMSI.NO</label>
+          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">MMSI.NO</label>
           <div class="col-sm-2 border-end border-secondary">
             <input type="text" class="form-control form-control-sm border-0" readonly th:value="${crackdownStatus.mmsi}">
           </div>
-          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">침범유형</label>
+          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">침범유형</label>
           <div class="col-sm-2 border-end border-secondary">
             <th:block th:each="code:${session.commonCode.get('IST')}">
               <input type="text" class="form-control form-control-sm border-0" readonly th:if="${code.itemCd eq crackdownStatus.invasionType}" th:value="${code.itemValue}">
             </th:block>
           </div>
-          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">NLL</label>
+          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">NLL</label>
           <div class="col-sm-2 border-end border-secondary">
             <input type="text" class="form-control form-control-sm border-0" readonly th:value="${crackdownStatus.nll eq 'Y'?'O':(crackdownStatus.nll eq 'N'?'X':crackdownStatus.nll)}">
           </div>
-          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">압송/현장조사</label>
+          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">압송/현장조사</label>
           <div class="col-sm-2">
             <input type="text" class="form-control form-control-sm border-0" readonly th:value="${crackdownStatus.fieldIvsgt eq 'C'?'압송':(crackdownStatus.fieldIvsgt eq 'F'?'현장조사':crackdownStatus.fieldIvsgt)}">
           </div>
         </div>
         <div class="row border border-secondary border-top-0">
-          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">나포일시</label>
+          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">나포일시</label>
           <div class="col-sm-2 border-end border-secondary">
             <input type="text" class="form-control form-control-sm border-0" readonly th:value="${#temporals.format(crackdownStatus.napoDt, 'yyyy-MM-dd hh:mm')}">
           </div>
-          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">나포장소</label>
+          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">나포장소</label>
           <div class="col-sm-8">
             <input type="text" class="form-control form-control-sm border-0" readonly th:value="|${crackdownStatus.napoSeaPointLon} ${crackdownStatus.napoSeaPointLat} ${crackdownStatus.napoSeaPointDetail}|">
           </div>
@@ -106,47 +106,47 @@
                                    crackdownStatus.materialDamageDetail ne null}">
           <th:block th:if="${damageFlag}">
             <div class="row border border-secondary border-top-0">
-              <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">특수공무집행방해</label>
+              <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">특수공무집행방해</label>
               <div class="col-sm-11">
                 <div class="row border-bottom border-secondary">
-                  <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">인적피해</label>
+                  <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">인적피해</label>
                   <div class="col-sm-11">
                     <div class="row border-bottom border-secondary">
-                      <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">발생건수</label>
+                      <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">발생건수</label>
                       <label class="col-sm-2 col-form-label col-form-label-sm py-2 border-end border-secondary text-start">
                         <th:block th:if="${crackdownStatus.obstrExspdCnt>0}" th:text="|${crackdownStatus.obstrExspdCnt}건|"></th:block>
                       </label>
-                      <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">피해인원</label>
+                      <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">피해인원</label>
                       <label class="col-sm-2 col-form-label col-form-label-sm py-2 border-end border-secondary text-start">
                         <th:block th:if="${crackdownStatus.personDamageCnt>0}" th:text="|${crackdownStatus.personDamageCnt}인|"></th:block>
                       </label>
-                      <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">피해액</label>
+                      <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">피해액</label>
                       <label class="col-sm-2 col-form-label col-form-label-sm py-2 border-end border-secondary text-start">
                         <th:block th:if="${crackdownStatus.personDamageAmount>0}" th:text="|${crackdownStatus.personDamageAmount}만원|"></th:block>
                       </label>
                     </div>
                     <div class="row">
-                      <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">상세내용</label>
+                      <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">상세내용</label>
                       <div class="col-sm-11" th:utext="${crackdownStatus.personDamageDetail}">
                       </div>
                     </div>
                   </div>
                 </div>
                 <div class="row">
-                  <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">물적피해</label>
+                  <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">물적피해</label>
                   <div class="col-sm-11">
                     <div class="row border-bottom border-secondary">
-                      <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">발생건수</label>
+                      <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">발생건수</label>
                       <label class="col-sm-2 col-form-label col-form-label-sm py-2 border-end border-secondary text-start">
                         <th:block th:if="${crackdownStatus.materialDamageCnt>0}" th:text="|${crackdownStatus.materialDamageCnt}건|"></th:block>
                       </label>
-                      <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">피해액</label>
+                      <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">피해액</label>
                       <label class="col-sm-2 col-form-label col-form-label-sm py-2 border-end border-secondary text-start">
                         <th:block th:if="${crackdownStatus.materialDamageAmount>0}" th:text="|${crackdownStatus.materialDamageAmount}만원|"></th:block>
                       </label>
                     </div>
                     <div class="row">
-                      <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">상세내용</label>
+                      <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">상세내용</label>
                       <div class="col-sm-11" th:utext="${crackdownStatus.materialDamageDetail}">
                       </div>
                     </div>
@@ -160,13 +160,13 @@
                                    fishingBoat.catchCnt ne 0}">
           <th:block th:if="${catchFlag}">
             <div class="row border border-secondary border-top-0">
-              <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">어획물축소기재</label>
+              <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">어획물축소기재</label>
               <div class="col-sm-11">
                 <div class="row h-100">
-                  <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">어종</label>
+                  <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">어종</label>
                   <label class="col-sm-2 col-form-label col-form-label-sm py-2 border-end border-secondary text-start"
                          th:text="${fishingBoat.catchFishSpecies}"></label>
-                  <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">수량</label>
+                  <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">수량</label>
                   <label class="col-sm-2 col-form-label col-form-label-sm py-2 border-end border-secondary text-start">
                     <th:block th:if="${fishingBoat.catchCnt>0}" th:text="|${fishingBoat.catchCnt}kg|"></th:block>
                   </label>
@@ -178,7 +178,7 @@
       </div>
       <div class="tab-pane fade p-2" id="fishingBoatTabPanel" role="tabpanel" aria-labelledby="fishingBoatTab" tabindex="0">
         <div class="row border border-secondary">
-          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">선명</label>
+          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">선명</label>
           <div class="col-sm-5 border-end border-secondary">
             <div class="input-group w-auto">
               <input type="text" class="form-control form-control-sm border-0" readonly th:value="${fishingBoat.boatNameKr}">
@@ -187,37 +187,37 @@
           </div>
         </div>
         <div class="row border border-secondary border-top-0">
-          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">허가번호</label>
+          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">허가번호</label>
           <div class="col-sm-2 border-end border-secondary">
             <input type="text" class="form-control form-control-sm border-0" readonly th:value="${fishingBoat.permitNum}">
           </div>
-          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">국적</label>
+          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">국적</label>
           <div class="col-sm-2 border-end border-secondary">
             <input type="text" class="form-control form-control-sm border-0" readonly th:value="${fishingBoat.nationality}">
           </div>
-          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">승선원</label>
+          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">승선원</label>
           <div class="col-sm-2 border-end border-secondary" th:if="${fishingBoat.sailorCnt>0}">
             <input type="text" class="form-control form-control-sm border-0" readonly th:value="|${fishingBoat.sailorCnt}인|">
           </div>
-          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">톤수</label>
+          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">톤수</label>
           <div class="col-sm-2" th:if="${fishingBoat.tonCnt>0}">
             <input type="text" class="form-control form-control-sm border-0" readonly th:value="|${fishingBoat.tonCnt}t|">
           </div>
         </div>
         <div class="row border border-secondary border-top-0">
-          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">선종</label>
+          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">선종</label>
           <div class="col-sm-2 border-end border-secondary">
             <th:block th:each="code:${session.commonCode.get('FT')}">
               <input type="text" class="form-control form-control-sm border-0" readonly th:if="${code.itemCd eq fishingBoat.fisheryType}" th:value="${code.itemValue}">
             </th:block>
           </div>
-          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">선질</label>
+          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">선질</label>
           <div class="col-sm-2 border-end border-secondary">
             <th:block th:each="code:${session.commonCode.get('BM')}">
               <input type="text" class="form-control form-control-sm border-0" readonly th:if="${code.itemCd eq fishingBoat.boatMaterial}" th:value="${code.itemValue}">
             </th:block>
           </div>
-          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">선적지</label>
+          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">선적지</label>
           <div class="col-sm-2 border-end border-secondary">
             <div class="input-group w-auto">
               <input type="text" class="form-control form-control-sm border-0" readonly th:value="${fishingBoat.boatNnySung}">
@@ -226,40 +226,40 @@
           </div>
         </div>
         <div class="row border border-secondary border-top-0">
-          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">범칙물</label>
+          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">범칙물</label>
           <label class="col-sm-2 col-form-label col-form-label-sm py-2 border-end border-secondary text-start">
             <th:block th:if="${fishingBoat.offenseType ne null}" th:text="${fishingBoat.offenseType}"></th:block>
             <th:block th:if="${fishingBoat.offenseWeight>0}" th:text="|${fishingBoat.offenseWeight}kg|"></th:block>
           </label>
-          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">범칙물 폐기량</label>
+          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">범칙물 폐기량</label>
           <label class="col-sm-2 col-form-label col-form-label-sm py-2 border-end border-secondary text-start">
             <th:block th:if="${fishingBoat.offenseIllegalWasteQuantity>0}" th:text="|${fishingBoat.offenseIllegalWasteQuantity}kg|"></th:block>
           </label>
-          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">범칙물 위판량</label>
+          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">범칙물 위판량</label>
           <label class="col-sm-2 col-form-label col-form-label-sm py-2 border-end border-secondary text-start">
             <th:block th:if="${fishingBoat.offenseQuantity>0}" th:text="|${fishingBoat.offenseQuantity}kg|"></th:block>
           </label>
-          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center fs-11">범칙물 위판금액</label>
+          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center fs-11">범칙물 위판금액</label>
           <label class="col-sm-2 col-form-label col-form-label-sm py-2 border-end border-secondary text-start">
             <th:block th:if="${fishingBoat.offenseAmount>0}" th:text="|${fishingBoat.offenseAmount}만원|"></th:block>
           </label>
         </div>
         <div class="row border border-secondary border-top-0">
-          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">담보금 미납액</label>
+          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">담보금 미납액</label>
           <label class="col-sm-2 col-form-label col-form-label-sm py-2 border-end border-secondary text-start">
             <th:block th:if="${fishingBoat.damboUnpaidAmount>0}" th:text="|${fishingBoat.damboUnpaidAmount}만원|"></th:block>
           </label>
-          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">담보금 납부액</label>
+          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">담보금 납부액</label>
           <label class="col-sm-2 col-form-label col-form-label-sm py-2 border-end border-secondary text-start">
             <th:block th:if="${fishingBoat.damboPayment>0}" th:text="|${fishingBoat.damboPayment}만원|"></th:block>
           </label>
-          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center fs-11">담보금 납부일시</label>
+          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center fs-11">담보금 납부일시</label>
           <div class="col-sm-2">
             <input type="text" class="form-control form-control-sm border-0" readonly th:value="${fishingBoat.paymentPaymentDt}">
           </div>
         </div>
         <div class="row border border-secondary border-top-0">
-          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">압수어구</label>
+          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">압수어구</label>
           <label class="col-sm-11 col-form-label col-form-label-sm py-2 text-start">
             <th:block th:if="${!#strings.isEmpty(fishingBoat.confiscationFrame)}" th:text="|틀: ${fishingBoat.confiscationFrame}|"></th:block>
             <th:block th:if="${!#strings.isEmpty(fishingBoat.confiscationWidth)}" th:text="|폭: ${fishingBoat.confiscationWidth}|"></th:block>
@@ -271,94 +271,94 @@
       </div>
       <div class="tab-pane fade p-2" id="processResultTabPanel" role="tabpanel" aria-labelledby="processResultTab" tabindex="0">
         <div class="row border border-secondary">
-          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">처리현황</label>
+          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">처리현황</label>
           <div class="col-sm-2 border-end border-secondary">
             <th:block th:each="code:${session.commonCode.get('PR')}">
               <input type="text" class="form-control form-control-sm border-0" readonly th:if="${code.itemCd eq processResult.processStatus}" th:value="${code.itemValue}">
             </th:block>
           </div>
-          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">수사중지 여부</label>
+          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">수사중지 여부</label>
           <div class="col-sm-2 border-end border-secondary">
             <input type="text" class="form-control form-control-sm border-0" readonly th:value="${processResult.isIvsgtStop eq 'Y'?'중지':(processResult.isIvsgtStop eq 'N'?'수사중':processResult.isIvsgtStop)}">
           </div>
-          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">선고법원</label>
+          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">선고법원</label>
           <label class="col-sm-2 col-form-label col-form-label-sm py-2 border-end border-secondary text-start" th:text="${processResult.sentencingCourt}"></label>
-          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">선고내용</label>
+          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">선고내용</label>
           <label class="col-sm-2 col-form-label col-form-label-sm py-2 text-start" th:text="${processResult.sentencingDetail}"></label>
         </div>
         <div class="row border border-secondary border-top-0">
-          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">압송소요시간</label>
+          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">압송소요시간</label>
           <div class="col-sm-2 border-end border-secondary">
             <input type="text" class="form-control form-control-sm border-0" readonly th:value="${processResult.pressurizedTimeTaken}">
           </div>
-          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">압송거리</label>
+          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">압송거리</label>
           <label class="col-sm-2 col-form-label col-form-label-sm py-2 border-end border-secondary text-start">
             <th:block th:if="${!#strings.isEmpty(crackdownStatus.distance)}" th:text="|${crackdownStatus.distance}해리|"></th:block>
           </label>
-          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center fs-10">영장청구 소요시간</label>
+          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center fs-10">영장청구 소요시간</label>
           <div class="col-sm-2 border-end border-secondary">
             <input type="text" class="form-control form-control-sm border-0" readonly th:value="${processResult.warrantReqTakeTime}">
           </div>
         </div>
         <div class="row border border-secondary border-top-0">
-          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">나포일시</label>
+          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">나포일시</label>
           <div class="col-sm-2 border-end border-secondary">
             <input type="text" class="form-control form-control-sm border-0" id="napoDt" readonly th:value="${#temporals.format(crackdownStatus.napoDt, 'yyyy-MM-dd hh:mm')}">
           </div>
-          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">석방일시</label>
+          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">석방일시</label>
           <div class="col-sm-2 border-end border-secondary">
             <input type="text" class="form-control form-control-sm border-0" id="releaseDt" readonly th:value="${#temporals.format(processResult.releaseDt, 'yyyy-MM-dd hh:mm')}">
           </div>
-          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">소요시간</label>
+          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">소요시간</label>
           <div class="col-sm-2 border-end border-secondary">
             <input type="text" class="form-control form-control-sm border-0" id="releaseToNapo" readonly>
           </div>
         </div>
         <div class="row border border-secondary border-top-0">
-          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">위탁시작일</label>
+          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">위탁시작일</label>
           <div class="col-sm-2 border-end border-secondary">
             <input type="text" class="form-control form-control-sm border-0" readonly th:value="${processResult.consignmentStartDt}">
           </div>
-          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">위탁종료일</label>
+          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">위탁종료일</label>
           <div class="col-sm-2 border-end border-secondary">
             <input type="text" class="form-control form-control-sm border-0" readonly th:value="${processResult.consignmentEndDt}">
           </div>
-          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">퇴거일</label>
+          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">퇴거일</label>
           <div class="col-sm-2 border-end border-secondary">
             <input type="text" class="form-control form-control-sm border-0" readonly th:value="${processResult.evictionDt}">
           </div>
         </div>
         <div class="row border border-secondary border-top-0">
-          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">직접인계일</label>
+          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">직접인계일</label>
           <div class="col-sm-2 border-end border-secondary">
             <input type="text" class="form-control form-control-sm border-0" readonly th:value="${processResult.directHandoverDt}">
           </div>
-          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">인계 해점</label>
+          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">인계 해점</label>
           <div class="col-sm-2 border-end border-secondary">
             <div class="input-group w-auto">
               <input type="text" class="form-control form-control-sm border-0" readonly th:value="${processResult.handoverSeaPointLon}">
               <input type="text" class="form-control form-control-sm border-0" readonly th:value="${processResult.handoverSeaPointLat}">
             </div>
           </div>
-          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">인계 함정</label>
+          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">인계 함정</label>
           <div class="col-sm-2 border-end border-secondary">
             <input type="text" class="form-control form-control-sm border-0" readonly th:value="${processResult.handoverBoat}">
           </div>
-          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">중측 인수함정</label>
+          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">중측 인수함정</label>
           <div class="col-sm-2">
             <input type="text" class="form-control form-control-sm border-0" readonly th:value="${processResult.middleTakeoverBoat}">
           </div>
         </div>
         <div class="row border border-secondary border-top-0">
-          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">몰수확정일</label>
+          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">몰수확정일</label>
           <div class="col-sm-2 border-end border-secondary">
             <input type="text" class="form-control form-control-sm border-0" readonly th:value="${processResult.confiscationDt}">
           </div>
-          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">폐선일</label>
+          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">폐선일</label>
           <div class="col-sm-2 border-end border-secondary">
             <input type="text" class="form-control form-control-sm border-0" readonly th:value="${processResult.boatDisposalDt}">
           </div>
-          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">폐선종류</label>
+          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">폐선종류</label>
           <div class="col-sm-2 border-end border-secondary">
             <th:block th:each="code:${session.commonCode.get('BDT')}">
               <input type="text" class="form-control form-control-sm border-0" readonly th:if="${code.itemCd eq processResult.boatDisposalType}" th:value="${code.itemValue}">
@@ -366,11 +366,11 @@
           </div>
         </div>
         <div class="row border border-secondary border-top-0">
-          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">침몰일</label>
+          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">침몰일</label>
           <div class="col-sm-2 border-end border-secondary">
             <input type="text" class="form-control form-control-sm border-0" readonly th:value="${processResult.exileDt}">
           </div>
-          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-gainsboro py-2 border-end border-secondary text-center">환부일</label>
+          <label class="col-sm-1 col-form-label col-form-label-sm fw-bold bg-label py-2 border-end border-secondary text-center">환부일</label>
           <div class="col-sm-2 border-end border-secondary">
             <input type="text" class="form-control form-control-sm border-0" readonly th:value="${processResult.returnDt}">
           </div>