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] =?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>