diff --git a/src/main/resources/static/css/common.css b/src/main/resources/static/css/common.css
index 38fa8dce..7ae75411 100644
--- a/src/main/resources/static/css/common.css
+++ b/src/main/resources/static/css/common.css
@@ -158,6 +158,13 @@
 .bg-lightB{
   background-color: #aabfe178;
 }
+.bg-lightB1{
+  background-color: #9bb2d9ab !important;
+}
+.bg-lightB2{
+  background-color: #92acd5c9 !important;
+}
+
 .bg-blue{
   /*background-color: #1f2f5c;*/
   background-color: #24396c;
diff --git a/src/main/resources/templates/fipTarget/ipShipEditModal.html b/src/main/resources/templates/fipTarget/ipShipEditModal.html
index 15c4bad0..23fa8b2e 100644
--- a/src/main/resources/templates/fipTarget/ipShipEditModal.html
+++ b/src/main/resources/templates/fipTarget/ipShipEditModal.html
@@ -13,9 +13,9 @@
     <input type="hidden" th:name="${_csrf.parameterName}" th:value="${_csrf.token}"/>
     <input type="hidden" name="siType" th:value="${siType}">
     <div class="row mb-1">
-      <label class="col-1 col-form-label col-form-label-sm text-center">여객선 정보</label>
+      <label class="col-1 col-form-label col-form-label-sm text-center bg-lightB1">여객선<br>정보</label>
       <div class="col-11 border">
-        <div class="row my-1">
+        <div class="row m-0">
           <label for="shipNm" class="col-sm-2 col-form-label col-form-label-sm text-center">선명</label>
           <div class="col-sm-4">
             <input type="text" class= "form-control form-control-sm" id="shipNm" name="shipNm">
@@ -25,8 +25,8 @@
             <input type="text" class= "form-control form-control-sm" id="ownerNm" name="ownerNm">
           </div>
         </div>
-        <div class="row my-1">
-          <label for="shipWeight" class="col-sm-2 col-form-label col-form-label-sm text-center">국제총톤 수</label>
+        <div class="row m-0">
+          <label for="shipWeight" class="col-sm-2 col-form-label col-form-label-sm text-center ">국제총톤 수</label>
           <div class="col-sm-4">
             <input type="number" class= "form-control form-control-sm" id="shipWeight" name="shipWeight">
           </div>
@@ -35,7 +35,7 @@
             <input type="text" class= "form-control form-control-sm" id="operationCnt" name="operationCnt" placeholder="ex:주0회(00H)">
           </div>
         </div>
-        <div class="row my-1">
+        <div class="row m-0">
           <label for="closeYn" class="col-sm-2 col-form-label col-form-label-sm text-center">휴항</label>
           <div class="col-sm-4">
             <select class="form-select form-select-sm" id="closeYn" name="closeYn">
@@ -48,9 +48,9 @@
       </div>
     </div>
     <div class="row mb-1">
-      <label class="col-1 col-form-label col-form-label-sm text-center">항로</label>
+      <label class="col-1 col-form-label col-form-label-sm text-center bg-lightB1">항로</label>
       <div class="col-11 border">
-        <div class="row my-1">
+        <div class="row m-0">
           <label for="startPoint" class="col-sm-2 col-form-label col-form-label-sm text-center">출발</label>
           <div class="col-sm-4">
             <input type="text" class= "form-control form-control-sm" id="startPoint" name="startPoint">
@@ -60,7 +60,7 @@
             <input type="text" class= "form-control form-control-sm" id="endPoint" name="endPoint">
           </div>
         </div>
-        <div class="row my-1">
+        <div class="row m-0">
           <label for="distanceNm" class="col-sm-2 col-form-label col-form-label-sm text-center">거리(해리)</label>
           <div class="col-sm-4">
             <input type="number" min="0" class= "form-control form-control-sm" id="distanceNm" name="distanceNm" placeholder="ex:OOO해리">
@@ -73,9 +73,9 @@
       </div>
     </div>
     <div class="row mb-1">
-      <label class="col-1 col-form-label col-form-label-sm text-center">수송능력</label>
+      <label class="col-1 col-form-label col-form-label-sm text-center bg-lightB1">수송능력</label>
       <div class="col-11 border">
-        <div class="row my-1">
+        <div class="row m-0">
           <label for="passengerCnt" class="col-sm-2 col-form-label col-form-label-sm text-center">여객</label>
           <div class="col-sm-4">
             <input type="number" class= "form-control form-control-sm" id="passengerCnt" name="passengerCnt" placeholder="단위:명">
@@ -87,8 +87,8 @@
         </div>
       </div>
     </div>
-    <div class="row my-1">
-      <label for="description" class="col-sm-1 col-form-label col-form-label-sm text-center">비고</label>
+    <div class="row mb-1">
+      <label for="description" class="col-sm-1 col-form-label col-form-label-sm text-center bg-lightB1">비고</label>
       <div class="col-sm-11 px-0">
         <textarea id="description" name="description" class="form-control form-control-sm" rows="5"></textarea>
       </div>
diff --git a/src/main/resources/templates/fipTarget/ipShipHistoryDiv.html b/src/main/resources/templates/fipTarget/ipShipHistoryDiv.html
index 9a49a435..82ef0d7e 100644
--- a/src/main/resources/templates/fipTarget/ipShipHistoryDiv.html
+++ b/src/main/resources/templates/fipTarget/ipShipHistoryDiv.html
@@ -1,9 +1,9 @@
 <!DOCTYPE html>
 <html lang="ko" xmlns:th="http://www.thymeleaf.org">
 <div class="row mb-1">
-  <label class="col-2 col-form-label col-form-label-sm text-center">여객선 정보</label>
+  <label class="col-2 col-form-label col-form-label-sm text-center bg-lightB1">여객선 정보</label>
   <div class="col-10 border">
-    <div class="row my-1">
+    <div class="row m-1">
       <label for="shipNm" class="col-sm-2 col-form-label col-form-label-sm text-center">선명</label>
       <div class="col-sm-4">
         <input type="text" class= "form-control form-control-sm" id="shipNm" name="shipNm" th:value="${shipInfo.shipNm}">
@@ -13,7 +13,7 @@
         <input type="text" class= "form-control form-control-sm" id="ownerNm" name="ownerNm" th:value="${shipInfo.ownerNm}">
       </div>
     </div>
-    <div class="row my-1">
+    <div class="row m-1">
       <label for="shipWeight" class="col-sm-2 col-form-label col-form-label-sm text-center">국제총톤 수</label>
       <div class="col-sm-4">
         <input type="number" class= "form-control form-control-sm" id="shipWeight" name="shipWeight" th:value="${shipInfo.shipWeight}">
@@ -23,7 +23,7 @@
         <input type="text" class= "form-control form-control-sm" id="operationCnt" name="operationCnt" placeholder="ex:주0회(00H)" th:value="${shipInfo.operationCnt}">
       </div>
     </div>
-    <div class="row my-1">
+    <div class="row m-1">
       <label for="closeYn" class="col-sm-2 col-form-label col-form-label-sm text-center">휴항</label>
       <div class="col-sm-4">
         <select class="form-select form-select-sm" id="closeYn" name="closeYn">
@@ -36,9 +36,9 @@
   </div>
 </div>
 <div class="row mb-1">
-  <label class="col-2 col-form-label col-form-label-sm text-center">항로</label>
+  <label class="col-2 col-form-label col-form-label-sm text-center bg-lightB1">항로</label>
   <div class="col-10 border">
-    <div class="row my-1">
+    <div class="row m-1">
       <label for="startPoint" class="col-sm-2 col-form-label col-form-label-sm text-center">출발</label>
       <div class="col-sm-4">
         <input type="text" class= "form-control form-control-sm" id="startPoint" name="startPoint" th:value="${shipInfo.startPoint}">
@@ -48,7 +48,7 @@
         <input type="text" class= "form-control form-control-sm" id="endPoint" name="endPoint" th:value="${shipInfo.endPoint}">
       </div>
     </div>
-    <div class="row my-1">
+    <div class="row m-1">
       <label for="distanceNm" class="col-sm-2 col-form-label col-form-label-sm text-center">거리(해리)</label>
       <div class="col-sm-4">
         <input type="text" class= "form-control form-control-sm" id="distanceNm" name="distanceNm" placeholder="ex:OOO해리" th:value="${shipInfo.distanceNm}">
@@ -61,9 +61,9 @@
   </div>
 </div>
 <div class="row mb-1">
-  <label class="col-2 col-form-label col-form-label-sm text-center">수송능력</label>
+  <label class="col-2 col-form-label col-form-label-sm text-center bg-lightB1">수송능력</label>
   <div class="col-10 border">
-    <div class="row my-1">
+    <div class="row m-1">
       <label for="passengerCnt" class="col-sm-2 col-form-label col-form-label-sm text-center">여객</label>
       <div class="col-sm-4">
         <input type="number" class= "form-control form-control-sm" id="passengerCnt" name="passengerCnt" placeholder="단위:명" th:value="${shipInfo.passengerCnt}">
@@ -75,8 +75,8 @@
     </div>
   </div>
 </div>
-<div class="row my-1">
-  <label for="description" class="col-sm-2 col-form-label col-form-label-sm text-center">비고</label>
+<div class="row mb-1">
+  <label for="description" class="col-sm-2 col-form-label col-form-label-sm text-center bg-lightB1">비고</label>
   <div class="col-sm-10 px-0">
     <textarea id="description" name="description" class="form-control form-control-sm" rows="5" th:utext="${shipInfo.description}"></textarea>
   </div>
diff --git a/src/main/resources/templates/fipTarget/ipShipViewModal.html b/src/main/resources/templates/fipTarget/ipShipViewModal.html
index 36360949..9ae88a4f 100644
--- a/src/main/resources/templates/fipTarget/ipShipViewModal.html
+++ b/src/main/resources/templates/fipTarget/ipShipViewModal.html
@@ -24,9 +24,9 @@
       <input type="hidden" id="vSiType" name="siType" th:value="${shipInfo.siType}">
       <input type="hidden" name="versionNo" th:value="${shipInfo.versionNo}">
       <div class="row mb-1">
-        <label class="col-2 col-form-label col-form-label-sm text-center">여객선 정보</label>
+        <label class="col-2 col-form-label col-form-label-sm text-center bg-lightB1">여객선 정보</label>
         <div class="col-10 border">
-          <div class="row my-1">
+          <div class="row m-0">
             <label for="shipNm" class="col-sm-2 col-form-label col-form-label-sm text-center">선명</label>
             <div class="col-sm-4">
               <input type="text" class= "form-control form-control-sm" id="shipNm" name="shipNm" th:value="${shipInfo.shipNm}">
@@ -36,7 +36,7 @@
               <input type="text" class= "form-control form-control-sm" id="ownerNm" name="ownerNm" th:value="${shipInfo.ownerNm}">
             </div>
           </div>
-          <div class="row my-1">
+          <div class="row m-0">
             <label for="shipWeight" class="col-sm-2 col-form-label col-form-label-sm text-center">국제총톤 수</label>
             <div class="col-sm-4">
               <input type="number" class= "form-control form-control-sm" id="shipWeight" name="shipWeight" th:value="${shipInfo.shipWeight}">
@@ -46,7 +46,7 @@
               <input type="text" class= "form-control form-control-sm" id="operationCnt" name="operationCnt" placeholder="ex:주0회(00H)" th:value="${shipInfo.operationCnt}">
             </div>
           </div>
-          <div class="row my-1">
+          <div class="row m-0">
             <label for="closeYn" class="col-sm-2 col-form-label col-form-label-sm text-center">휴항</label>
             <div class="col-sm-4">
               <select class="form-select form-select-sm" id="closeYn" name="closeYn">
@@ -59,9 +59,9 @@
         </div>
       </div>
       <div class="row mb-1">
-        <label class="col-2 col-form-label col-form-label-sm text-center">항로</label>
+        <label class="col-2 col-form-label col-form-label-sm text-center bg-lightB1">항로</label>
         <div class="col-10 border">
-          <div class="row my-1">
+          <div class="row m-0">
             <label for="startPoint" class="col-sm-2 col-form-label col-form-label-sm text-center">출발</label>
             <div class="col-sm-4">
               <input type="text" class= "form-control form-control-sm" id="startPoint" name="startPoint" th:value="${shipInfo.startPoint}">
@@ -71,7 +71,7 @@
               <input type="text" class= "form-control form-control-sm" id="endPoint" name="endPoint" th:value="${shipInfo.endPoint}">
             </div>
           </div>
-          <div class="row my-1">
+          <div class="row m-0">
             <label for="distanceNm" class="col-sm-2 col-form-label col-form-label-sm text-center">거리(해리)</label>
             <div class="col-sm-4">
               <input type="text" class= "form-control form-control-sm" id="distanceNm" name="distanceNm" placeholder="ex:OOO해리" th:value="${shipInfo.distanceNm}">
@@ -84,9 +84,9 @@
         </div>
       </div>
       <div class="row mb-1">
-        <label class="col-2 col-form-label col-form-label-sm text-center">수송능력</label>
+        <label class="col-2 col-form-label col-form-label-sm text-center bg-lightB1">수송능력</label>
         <div class="col-10 border">
-          <div class="row my-1">
+          <div class="row m-0">
             <label for="passengerCnt" class="col-sm-2 col-form-label col-form-label-sm text-center">여객</label>
             <div class="col-sm-4">
               <input type="number" class= "form-control form-control-sm" id="passengerCnt" name="passengerCnt" placeholder="단위:명" th:value="${shipInfo.passengerCnt}">
@@ -98,8 +98,8 @@
           </div>
         </div>
       </div>
-      <div class="row my-1">
-        <label for="description" class="col-sm-2 col-form-label col-form-label-sm text-center">비고</label>
+      <div class="row mb-1">
+        <label for="description" class="col-sm-2 col-form-label col-form-label-sm text-center bg-lightB1">비고</label>
         <div class="col-sm-10 px-0">
           <textarea id="description" name="description" class="form-control form-control-sm" rows="5" th:utext="${shipInfo.description}"></textarea>
         </div>