From 5aa9fd0d9a94fd1f7ebd86fc2d7840a5f81c32b3 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: Wed, 9 Nov 2022 18:37:35 +0900
Subject: [PATCH] =?UTF-8?q?=EB=B6=88=EB=B2=95=EC=A1=B0=EC=97=85=20?=
 =?UTF-8?q?=EC=99=B8=EA=B5=AD=EC=96=B4=EC=84=A0=20=EC=A0=95=EB=B3=B4=20?=
 =?UTF-8?q?=EC=9E=91=EC=97=85=EC=A4=91.=20=EC=97=B4=EB=9E=8C=20=EB=AA=A8?=
 =?UTF-8?q?=EB=8B=AC=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      |   3 +
 .../fishingBoat/fishingBoatViewModal.html     | 338 +++++++++---------
 2 files changed, 168 insertions(+), 173 deletions(-)

diff --git a/src/main/resources/static/css/common.css b/src/main/resources/static/css/common.css
index ed05aba9..b5e5949b 100644
--- a/src/main/resources/static/css/common.css
+++ b/src/main/resources/static/css/common.css
@@ -77,6 +77,9 @@
 .fs-11{
   font-size: 11px;
 }
+.fs-10{
+  font-size: 11px;
+}
 .fsw-13{
    font-size: 13px;
    font-weight: 900;
diff --git a/src/main/resources/templates/faStatistics/fishingBoat/fishingBoatViewModal.html b/src/main/resources/templates/faStatistics/fishingBoat/fishingBoatViewModal.html
index 28b95d7d..eaf3aba4 100644
--- a/src/main/resources/templates/faStatistics/fishingBoat/fishingBoatViewModal.html
+++ b/src/main/resources/templates/faStatistics/fishingBoat/fishingBoatViewModal.html
@@ -6,67 +6,67 @@
 </div>
 <div class="modal-body">
   <input type="hidden" class="cdsKey" th:value="${crackdownStatus.cdsKey}">
-  <div class="row my-1 justify-content-between">
+  <div class="row justify-content-between">
     <div class="col-auto" th:text="|선명: ${crackdownStatus.fishingBoat.boatNameKr}|"></div>
     <div class="col-auto" th:text="|최종수정일: ${#temporals.format(crackdownStatus.fishingBoat.wrtDt, 'yyyy-MM-dd HH:mm')}|"></div>
   </div>
-  <div class="row my-1">
+  <div class="row py-2">
     <div class="col-auto">■ 기본정보</div>
   </div>
-  <div class="row my-1">
-    <label class="col-sm-1 col-form-label col-form-label-sm border border-secondary text-center">사건번호</label>
-    <div class="col-sm-2 border border-secondary">
+  <div class="row border border-secondary">
+    <label class="col-sm-1 col-form-label col-form-label-sm 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 border border-secondary text-center">압송/현장조사</label>
-    <div class="col-sm-2 border border-secondary">
+    <label class="col-sm-1 col-form-label col-form-label-sm 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.fieldIvsgt eq 'C'?'압송':'현장조사'}">
     </div>
   </div>
-  <div class="row my-1">
-    <label class="col-sm-1 col-form-label col-form-label-sm border border-secondary text-center">사건담당기관</label>
-    <div class="col-sm-2 border border-secondary">
+  <div class="row border border-secondary border-top-0">
+    <label class="col-sm-1 col-form-label col-form-label-sm py-2 border-end border-secondary text-center">사건담당기관</label>
+    <div class="col-sm-2 border-end border-secondary">
       <th:block th:each="code:${ataList}">
         <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 border border-secondary text-center fs-13">사건담당경찰관</label>
-    <div class="col-sm-2 border border-secondary">
+    <label class="col-sm-1 col-form-label col-form-label-sm py-2 border-end border-secondary text-center fs-13">사건담당경찰관</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 border border-secondary text-center">단속경찰서</label>
-    <div class="col-sm-2 border border-secondary">
+    <label class="col-sm-1 col-form-label col-form-label-sm 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 border border-secondary text-center">단속함정</label>
-    <div class="col-sm-2 border border-secondary">
+    <label class="col-sm-1 col-form-label col-form-label-sm 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}">
       </th:block>
     </div>
   </div>
-  <div class="row my-1">
-    <label class="col-sm-1 col-form-label col-form-label-sm border border-secondary text-center">나포일시</label>
-    <div class="col-sm-2 border border-secondary">
+  <div class="row border border-secondary border-top-0">
+    <label class="col-sm-1 col-form-label col-form-label-sm 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')}">
     </div>
-    <label class="col-sm-1 col-form-label col-form-label-sm border border-secondary text-center">나포장소</label>
-    <div class="col-sm-8 border border-secondary">
+    <label class="col-sm-1 col-form-label col-form-label-sm 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>
   </div>
-  <div class="row my-1">
+  <div class="row py-2">
     <div class="col-auto">■ 선장·선주 정보</div>
   </div>
   <div class="row">
     <th:block th:each="sailor:${crackdownStatus.sailorList}">
       <th:block th:if="${sailor.position eq 'POS001'}">
-        <div class="  col-6" id="captainDiv">
-          <div class="row my-1">
-            <label class="col-sm-2 col-form-label col-form-label-sm border border-secondary text-center">선장명</label>
-            <div class="col-sm-10 border border-secondary">
+        <div class="col-6" id="captainDiv">
+          <div class="row border border-secondary">
+            <label class="col-sm-2 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}">
                 <input type="text" class="form-control form-control-sm border-0" readonly th:value="${sailor.sailorNameCn}">
@@ -74,29 +74,29 @@
               </div>
             </div>
           </div>
-          <div class="row my-1">
-            <label class="col-sm-2 col-form-label col-form-label-sm border border-secondary text-center">생년월일</label>
-              <div class="col-sm-4 border border-secondary">
+          <div class="row border border-secondary border-top-0">
+            <label class="col-sm-2 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 col-form-label col-form-label-sm border border-secondary text-center">연락처</label>
-              <div class="col-sm-4 border border-secondary">
+              <label class="col-sm-2 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 my-1">
-              <label class="col-sm-2 col-form-label col-form-label-sm border border-secondary text-center">주소</label>
-              <div class="col-sm-4 border border-secondary">
+            <div class="row border border-secondary border-top-0">
+              <label class="col-sm-2 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 col-form-label col-form-label-sm border border-secondary text-center">재범횟수</label>
-              <div class="col-sm-4 border border-secondary">
+              <label class="col-sm-2 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 my-1">
-              <label class="col-sm-2 col-form-label col-form-label-sm border border-secondary text-center">비고</label>
-              <div class="col-sm-10 border border-secondary">
+            <div class="row border border-secondary border-top-0">
+              <label class="col-sm-2 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>
             </div>
@@ -106,9 +106,9 @@
     <th:block th:each="sailor:${crackdownStatus.sailorList}">
       <th:block th:if="${sailor.position eq 'POS004'}">
         <div class="col-6" id="shipOwnerDiv">
-          <div class="row my-1">
-            <label class="col-sm-2 col-form-label col-form-label-sm border border-secondary text-center">선주명</label>
-            <div class="col-sm-10 border border-secondary">
+          <div class="row border border-secondary border-start-0">
+            <label class="col-sm-2 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}">
                 <input type="text" class="form-control form-control-sm border-0" readonly th:value="${sailor.sailorNameCn}">
@@ -116,25 +116,25 @@
               </div>
             </div>
           </div>
-          <div class="row my-1">
-            <label class="col-sm-2 col-form-label col-form-label-sm border border-secondary text-center">생년월일</label>
-            <div class="col-sm-4 border border-secondary">
+          <div class="row border border-secondary border-start-0 border-top-0">
+            <label class="col-sm-2 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 col-form-label col-form-label-sm border border-secondary text-center">연락처</label>
-            <div class="col-sm-4 border border-secondary">
+            <label class="col-sm-2 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 my-1">
-            <label class="col-sm-2 col-form-label col-form-label-sm border border-secondary text-center">주소</label>
-            <div class="col-sm-4 border border-secondary">
+          <div class="row border border-secondary border-start-0 border-top-0">
+            <label class="col-sm-2 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 my-1">
-            <label class="col-sm-2 col-form-label col-form-label-sm border border-secondary text-center">비고</label>
-            <div class="col-sm-10 border border-secondary">
+          <div class="row border border-secondary border-start-0 border-top-0">
+            <label class="col-sm-2 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>
           </div>
@@ -142,19 +142,19 @@
       </th:block>
     </th:block>
   </div>
-  <div class="row my-1">
+  <div class="row py-2">
     <div class="col-auto">■ 어선 정보</div>
   </div>
-  <div class="row my-1">
-    <label class="col-sm-1 col-form-label col-form-label-sm border border-secondary text-center">선명</label>
-    <div class="col-sm-5 border border-secondary">
+  <div class="row border border-secondary">
+    <label class="col-sm-1 col-form-label col-form-label-sm 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}">
         <input type="text" class="form-control form-control-sm border-0" readonly th:value="${crackdownStatus.fishingBoat.boatNameCn}">
       </div>
     </div>
-    <label class="col-sm-1 col-form-label col-form-label-sm border border-secondary text-center">위반사항</label>
-    <div class="col-sm-5 border border-secondary">
+    <label class="col-sm-1 col-form-label col-form-label-sm py-2 border-end border-secondary text-center">위반사항</label>
+    <div class="col-sm-5">
       <div class="row">
         <th:block th:each="code:${vtList}">
           <th:block th:each="violation:${crackdownStatus.violationList}">
@@ -166,187 +166,185 @@
       </div>
     </div>
   </div>
-  <div class="row my-1">
-    <label class="col-sm-1 col-form-label col-form-label-sm border border-secondary text-center">허가번호</label>
-    <div class="col-sm-2 border border-secondary">
+  <div class="row border border-secondary border-top-0">
+    <label class="col-sm-1 col-form-label col-form-label-sm 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 border border-secondary text-center">국적</label>
-    <div class="col-sm-2 border border-secondary">
+    <label class="col-sm-1 col-form-label col-form-label-sm 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 border border-secondary text-center">승선원</label>
-    <div class="col-sm-2 border border-secondary">
-      <input type="text" class="form-control form-control-sm border-0" readonly th:value="${crackdownStatus.fishingBoat.sailorCnt}">
+    <label class="col-sm-1 col-form-label col-form-label-sm 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.sailorCnt}인|">
     </div>
-    <label class="col-sm-1 col-form-label col-form-label-sm border border-secondary text-center">톤수</label>
-    <div class="col-sm-2 border border-secondary">
-      <input type="text" class="form-control form-control-sm border-0" readonly th:value="${crackdownStatus.fishingBoat.tonCnt}">
+    <label class="col-sm-1 col-form-label col-form-label-sm 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.fishingBoat.tonCnt}t|">
     </div>
   </div>
-  <div class="row my-1">
-    <label class="col-sm-1 col-form-label col-form-label-sm border border-secondary text-center">선종</label>
-    <div class="col-sm-2 border border-secondary">
+  <div class="row border border-secondary border-top-0">
+    <label class="col-sm-1 col-form-label col-form-label-sm 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 border border-secondary text-center">선질</label>
-    <div class="col-sm-2 border border-secondary">
+    <label class="col-sm-1 col-form-label col-form-label-sm 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 border border-secondary text-center">선적지</label>
-    <div class="col-sm-2 border border-secondary">
+    <label class="col-sm-1 col-form-label col-form-label-sm 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}">
         <input type="text" class="form-control form-control-sm border-0" readonly th:value="${crackdownStatus.fishingBoat.boatNnySi}">
       </div>
     </div>
   </div>
-  <div class="row my-1">
-    <label class="col-sm-1 col-form-label col-form-label-sm border border-secondary text-center">범칙물</label>
-    <div class="col-sm-3 border border-secondary">
-      <div class="input-group w-auto">
-        <input type="text" class="form-control form-control-sm border-0" readonly th:value="${crackdownStatus.fishingBoat.offenseType}">
-        <input type="text" class="form-control form-control-sm border-0" readonly th:value="${crackdownStatus.fishingBoat.offenseWeight}">
-      </div>
+  <div class="row border border-secondary border-top-0">
+    <label class="col-sm-1 col-form-label col-form-label-sm py-2 border-end border-secondary text-center">범칙물</label>
+    <div class="col-sm-3">
+      <input type="text" class="form-control form-control-sm border-0" readonly
+             th:value="|${crackdownStatus.fishingBoat.offenseType} ${crackdownStatus.fishingBoat.offenseWeight}kg|">
     </div>
-    <div class="col-sm-2 border border-secondary"></div>
-    <label class="col-sm-1 col-form-label col-form-label-sm border border-secondary text-center">범칙물 위판량</label>
-    <div class="col-sm-2 border border-secondary">
-      <input type="text" class="form-control form-control-sm border-0" readonly th:value="${crackdownStatus.fishingBoat.offenseQuantity}">
+    <div class="col-sm-2 border-end border-secondary"></div>
+    <label class="col-sm-1 col-form-label col-form-label-sm 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.offenseQuantity}kg|">
     </div>
-    <label class="col-sm-1 col-form-label col-form-label-sm border border-secondary text-center fs-11">범칙물 위판금액</label>
-    <div class="col-sm-2 border border-secondary">
-      <input type="text" class="form-control form-control-sm border-0" readonly th:value="${crackdownStatus.fishingBoat.offenseAmount}">
+    <label class="col-sm-1 col-form-label col-form-label-sm 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.offenseAmount}원|">
     </div>
   </div>
-  <div class="row my-1">
-    <label class="col-sm-1 col-form-label col-form-label-sm border border-secondary text-center">범칙물 폐기량</label>
-    <div class="col-sm-2 border border-secondary">
-      <input type="text" class="form-control form-control-sm border-0" readonly th:value="${crackdownStatus.fishingBoat.offenseIllegalWasteQuantity}">
+  <div class="row border border-secondary border-top-0">
+    <label class="col-sm-1 col-form-label col-form-label-sm 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.offenseIllegalWasteQuantity}kg|">
     </div>
-    <label class="col-sm-1 col-form-label col-form-label-sm border border-secondary text-center">담보금 미납액</label>
-    <div class="col-sm-2 border border-secondary">
-      <input type="text" class="form-control form-control-sm border-0" readonly th:value="${crackdownStatus.fishingBoat.damboUnpaidAmount}">
+    <label class="col-sm-1 col-form-label col-form-label-sm 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.damboUnpaidAmount}원|">
     </div>
-    <label class="col-sm-1 col-form-label col-form-label-sm border border-secondary text-center">담보금 납부액</label>
-    <div class="col-sm-2 border border-secondary">
-      <input type="text" class="form-control form-control-sm border-0" readonly th:value="${crackdownStatus.fishingBoat.damboPayment}">
+    <label class="col-sm-1 col-form-label col-form-label-sm 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.damboPayment}원|">
     </div>
-    <label class="col-sm-1 col-form-label col-form-label-sm border border-secondary text-center fs-11">담보금 납부일시</label>
-    <div class="col-sm-2 border border-secondary">
+    <label class="col-sm-1 col-form-label col-form-label-sm 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 my-1">
-    <label class="col-sm-1 col-form-label col-form-label-sm border border-secondary text-center">압수어구</label>
-    <div class="col-sm-11 border border-secondary">
+  <div class="row border border-secondary border-top-0">
+    <label class="col-sm-1 col-form-label col-form-label-sm py-2 border-end border-secondary text-center">압수어구</label>
+    <div class="col-sm-11">
       <input type="text" class="form-control form-control-sm border-0" readonly
              th:value="|틀: ${crackdownStatus.fishingBoat.confiscationFrame} 폭: ${crackdownStatus.fishingBoat.confiscationWidth} 조: ${crackdownStatus.fishingBoat.confiscationJo} 개: ${crackdownStatus.fishingBoat.confiscationGae} 기타: ${crackdownStatus.fishingBoat.confiscationEtc}|">
     </div>
   </div>
-  <div class="row my-1">
+  <div class="row py-2">
     <div class="col-auto">■ 처리 결과</div>
   </div>
-  <div class="row my-1">
-    <label class="col-sm-1 col-form-label col-form-label-sm border border-secondary text-center">처리현황</label>
-    <div class="col-sm-2 border border-secondary">
+  <div class="row border border-secondary">
+    <label class="col-sm-1 col-form-label col-form-label-sm 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 border border-secondary text-center">압송소요시간</label>
-    <div class="col-sm-2 border border-secondary">
+    <label class="col-sm-1 col-form-label col-form-label-sm 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 border border-secondary text-center fs-11">영장청구 소요시간</label>
-    <div class="col-sm-2 border border-secondary">
+    <label class="col-sm-1 col-form-label col-form-label-sm 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 my-1">
-    <label class="col-sm-1 col-form-label col-form-label-sm border border-secondary text-center">수사중지 여부</label>
-    <div class="col-sm-2 border border-secondary">
+  <div class="row border border-secondary border-top-0">
+    <label class="col-sm-1 col-form-label col-form-label-sm 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'?'중지':'수사중'}">
     </div>
-    <label class="col-sm-1 col-form-label col-form-label-sm border border-secondary text-center">퇴거일</label>
-    <div class="col-sm-2 border border-secondary">
+    <label class="col-sm-1 col-form-label col-form-label-sm 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 my-1">
-    <label class="col-sm-1 col-form-label col-form-label-sm border border-secondary text-center">직접인계일</label>
-    <div class="col-sm-2 border border-secondary">
+  <div class="row border border-secondary border-top-0">
+    <label class="col-sm-1 col-form-label col-form-label-sm 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 border border-secondary text-center">인계 해점</label>
-    <div class="col-sm-2 border border-secondary">
+    <label class="col-sm-1 col-form-label col-form-label-sm 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 border border-secondary text-center">인계 함정</label>
-    <div class="col-sm-2 border border-secondary">
+    <label class="col-sm-1 col-form-label col-form-label-sm 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 border border-secondary text-center">중측 인수함정</label>
-    <div class="col-sm-2 border border-secondary">
+    <label class="col-sm-1 col-form-label col-form-label-sm 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 my-1">
-    <label class="col-sm-1 col-form-label col-form-label-sm border border-secondary text-center">위탁시작일</label>
-    <div class="col-sm-2 border border-secondary">
+  <div class="row border border-secondary border-top-0">
+    <label class="col-sm-1 col-form-label col-form-label-sm 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 border border-secondary text-center">위탁종료일</label>
-    <div class="col-sm-2 border border-secondary">
+    <label class="col-sm-1 col-form-label col-form-label-sm 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 border border-secondary text-center">몰수확정일</label>
-    <div class="col-sm-2 border border-secondary">
+    <label class="col-sm-1 col-form-label col-form-label-sm 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>
   </div>
-  <div class="row my-1">
-    <label class="col-sm-1 col-form-label col-form-label-sm border border-secondary text-center">폐선일</label>
-    <div class="col-sm-2 border border-secondary">
+  <div class="row border border-secondary border-top-0">
+    <label class="col-sm-1 col-form-label col-form-label-sm 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 border border-secondary text-center">폐선종류</label>
-    <div class="col-sm-2 border border-secondary">
+    <label class="col-sm-1 col-form-label col-form-label-sm 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}">
       </th:block>
     </div>
-    <label class="col-sm-1 col-form-label col-form-label-sm border border-secondary text-center">환부일</label>
-    <div class="col-sm-2 border border-secondary">
+    <label class="col-sm-1 col-form-label col-form-label-sm 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 my-1">
-    <label class="col-sm-1 col-form-label col-form-label-sm border border-secondary text-center">선장구속</label>
-    <div class="col-sm-2 border border-secondary">
+  <div class="row border border-secondary border-top-0">
+    <label class="col-sm-1 col-form-label col-form-label-sm 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'}">
           <input type="text" class="form-control form-control-sm border-0" readonly th:value="${sailor.isRestriction eq 'Y'?'구속':'불구속'}">
         </th:block>
       </th:block>
     </div>
-    <label class="col-sm-1 col-form-label col-form-label-sm border border-secondary text-center">항해장구속</label>
-    <div class="col-sm-2 border border-secondary">
+    <label class="col-sm-1 col-form-label col-form-label-sm 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'}">
           <input type="text" class="form-control form-control-sm border-0" readonly th:value="${sailor.isRestriction eq 'Y'?'구속':'불구속'}">
         </th:block>
       </th:block>
     </div>
-    <label class="col-sm-1 col-form-label col-form-label-sm border border-secondary text-center">기관장구속</label>
-    <div class="col-sm-2 border border-secondary">
+    <label class="col-sm-1 col-form-label col-form-label-sm 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'}">
           <input type="text" class="form-control form-control-sm border-0" readonly th:value="${sailor.isRestriction eq 'Y'?'구속':'불구속'}">
@@ -354,46 +352,40 @@
       </th:block>
     </div>
   </div>
-  <div class="row my-1">
-    <label class="col-sm-1 col-form-label col-form-label-sm border border-secondary text-center">선원구속</label>
-    <div class="col-sm-11 border border-secondary">
+  <div class="row border border-secondary border-top-0">
+    <label class="col-sm-1 col-form-label col-form-label-sm py-2 border-end border-secondary text-center">선원구속</label>
+    <div class="col-sm-11">
       <div class="row">
         <th:block th:each="sailor:${crackdownStatus.sailorList}">
           <th:block th:if="${sailor.position eq 'POS005' or sailor.position eq 'POS006'}">
-            <div class="col-auto">
-              <div class="input-group">
-                <input type="text" class="form-control form-control-sm w-auto border-0" readonly th:value="${sailor.position eq 'POS005'?'기타 간부선원':'일반선원 또는 확인불가'}">
-                <input type="text" class="form-control form-control-sm w-auto border-0" readonly th:value="${sailor.sailorNameKr}">
-                <input type="text" class="form-control form-control-sm w-auto border-0" readonly th:value="${sailor.isRestriction eq 'Y'?'구속':'불구속'}">
-              </div>
+            <div class="col-4">
+              <input type="text" class="form-control form-control-sm border-0" readonly
+                     th:value="|직책: ${sailor.position eq 'POS005'?'기타 간부선원':'일반선원 또는 확인불가'} 구속여부: ${sailor.isRestriction eq 'Y'?'구속':'불구속'} 이름: ${sailor.sailorNameKr}|">
             </div>
           </th:block>
         </th:block>
       </div>
     </div>
   </div>
-  <div class="row my-1">
-    <label class="col-sm-1 col-form-label col-form-label-sm border border-secondary text-center">추방인원</label>
-    <div class="col-sm-2 border border-secondary">
+  <div class="row border border-secondary border-top-0">
+    <label class="col-sm-1 col-form-label col-form-label-sm 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.exileCnt}">
     </div>
-    <label class="col-sm-1 col-form-label col-form-label-sm border border-secondary text-center">추방일</label>
-    <div class="col-sm-2 border border-secondary">
+    <label class="col-sm-1 col-form-label col-form-label-sm 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 border border-secondary text-center">항공편</label>
-    <div class="col-sm-2 border border-secondary">
+    <label class="col-sm-1 col-form-label col-form-label-sm 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.flight}">
     </div>
   </div>
-  <div class="row mb-3">
-    <label class="col-sm-1 col-form-label col-form-label-sm border border-secondary text-center">출입국 담당자</label>
-    <div class="col-sm-4 border border-secondary">
-      <div class="input-group w-auto">
-        <input type="text" class="form-control form-control-sm border-0" readonly th:value="${crackdownStatus.processResult.immigrationOfficeName}">
-        <input type="text" class="form-control form-control-sm border-0" readonly th:value="${crackdownStatus.processResult.immigrationOfficeOfficerName}">
-        <input type="text" class="form-control form-control-sm border-0" readonly th:value="${crackdownStatus.processResult.immigrationOfficeOfficerContact}">
-      </div>
+  <div class="row border border-secondary border-top-0">
+    <label class="col-sm-1 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="|사무소명: ${crackdownStatus.processResult.immigrationOfficeName} 담당자: ${crackdownStatus.processResult.immigrationOfficeOfficerName} 연락처: ${crackdownStatus.processResult.immigrationOfficeOfficerContact}|">
     </div>
   </div>
 </div>