From 62f4a8cb3b3ef1702c0de585c69a3b2fca8775d2 Mon Sep 17 00:00:00 2001
From: "DESKTOP-QGC5RJO\\DBNT" <yrseo@dbnt.co.kr>
Date: Thu, 26 Jan 2023 15:19:28 +0900
Subject: [PATCH] =?UTF-8?q?=EB=AF=BC=EA=B0=84=ED=86=B5=EC=97=AD=EC=9D=B8,?=
 =?UTF-8?q?=EC=99=B8=EC=82=AC=EA=B2=BD=EC=B0=B0=20ui=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/js/police/edu.js    | 12 +++----
 .../static/js/translator/translator.js        |  8 ++---
 .../templates/faStatistics/asfCov/asfCov.html |  5 ++-
 .../faStatistics/asfCov/asfCovEditModal.html  | 12 +++----
 .../faStatistics/asfCov/asfCovViewModal.html  |  2 +-
 .../templates/police/career/careerMgt.html    |  5 ++-
 .../police/education/eduEditModal.html        |  2 +-
 .../police/education/educationMgt.html        |  5 ++-
 .../personnelStatus/personnelStatus.html      |  5 ++-
 .../templates/police/police/policeList.html   |  7 ++--
 .../templates/translator/translator.html      | 33 ++++++++++---------
 .../translator/translatorCareerModal.html     |  6 ++--
 .../translator/translatorEditModal.html       | 28 ++++++++--------
 .../translator/translatorHistory.html         | 28 ++++++++--------
 .../translator/translatorStatisticsLang.html  |  5 ++-
 15 files changed, 92 insertions(+), 71 deletions(-)

diff --git a/src/main/resources/static/js/police/edu.js b/src/main/resources/static/js/police/edu.js
index 9e35074b..2ad93d6c 100644
--- a/src/main/resources/static/js/police/edu.js
+++ b/src/main/resources/static/js/police/edu.js
@@ -47,21 +47,21 @@ $(document).on('click', '#notPoliceTab', function (){
 $(document).on('click', '#eduAddBtn', function (){
 	const userSeq = (Number($(this).data('userseq')));
   $('#insertEdu').append(
-		'<div id="eduDiv">'+
-	        '<div class="mb-4 row">'+                
-		        '<label for="ogCd" class="col-sm-1 col-form-label col-form-label-sm text-center">교육명</label>'+
+		'<div id="eduDiv" class="mb-2">'+
+	        '<div class="row mb-1">'+
+		        '<label for="ogCd" class="col-sm-1 col-form-label col-form-label-sm text-center ps-0 pe-0">교육명</label>'+
 		        '<div class="col-sm-2">'+
 		        '<input type="text" class="form-control form-control-sm tcDt eduInput" name="eduName">'+
 		        '</div>'+
-		        '<label for="ofcCd" class="col-sm-1 col-form-label col-form-label-sm text-center">교육시작</label>'+
+		        '<label for="ofcCd" class="col-sm-1 col-form-label col-form-label-sm text-center ps-0 pe-0">교육시작</label>'+
 		        '<div class="col-sm-2">'+
 		        '<input type="text" class="form-control form-control-sm eduSdate eduInput" name="eduSdate" readonly>'+
 		        '</div>'+
-		        '<label for="ofcCd" class="col-sm-1 col-form-label col-form-label-sm text-center">교육종료</label>'+
+		        '<label for="ofcCd" class="col-sm-1 col-form-label col-form-label-sm text-center ps-0 pe-0">교육종료</label>'+
 		        '<div class="col-sm-2">'+
 		        '<input type="text" class="form-control form-control-sm eduEdate eduInput" name="eduEdate" readonly>'+
 		        '</div>'+
-		        '<label for="ofcCd" class="col-sm-1 col-form-label col-form-label-sm text-center">담당기관</label>'+
+		        '<label for="ofcCd" class="col-sm-1 col-form-label col-form-label-sm text-center ps-0 pe-0">담당기관</label>'+
 		        '<div class="col-sm-2">'+
 		        '<input type="text" class="form-control form-control-sm eduInput" name="eduRa">'+
 		        '</div>'+
diff --git a/src/main/resources/static/js/translator/translator.js b/src/main/resources/static/js/translator/translator.js
index 6fd4ebcd..b6a3fe5c 100644
--- a/src/main/resources/static/js/translator/translator.js
+++ b/src/main/resources/static/js/translator/translator.js
@@ -238,7 +238,7 @@ $(document).on('click', '#crrAddBtn', function (){
   $('#insertCareer').append(
 		'<div id="crrDiv">'+
         '<div class="row mb-1">'+                
-        '<label for="ogCd" class="col-sm-2 col-form-label text-center">경력구분</label>'+
+        '<label for="ogCd" class="col-sm-2 col-form-label-sm text-center">경력구분</label>'+
         '<div class="col-sm-2">'+
         '<select class="form-select form-select-sm crrInput" name="hisGubun">'+
         '<option value="">선택</option>'+
@@ -246,17 +246,17 @@ $(document).on('click', '#crrAddBtn', function (){
         '<option value="N">타기관</option>'+
         '</select>'+
         '</div>'+
-        '<label for="ofcCd" class="col-sm-1 col-form-label text-center">날짜</label>'+
+        '<label for="ofcCd" class="col-sm-1 col-form-label-sm text-center">날짜</label>'+
         '<div class="col-sm-2">'+
         '<input type="text" class="form-control tcDt crrInput" id="tcDt" name="tcDt" readonly>'+
         '</div>'+
-        '<label for="ofcCd" class="col-sm-1 col-form-label text-center">내용</label>'+
+        '<label for="ofcCd" class="col-sm-1 col-form-label-sm text-center">내용</label>'+
         '<div class="col-sm-2">'+
         '<input type="text" class="form-control crrInput" id="contents" name="contents">'+
         '</div>'+
         '</div>'+
         '<div class="mb-2 row">'+
-        '<label for="ofcCd" class="col-sm-2 col-form-label text-center">비고</label>'+
+        '<label for="ofcCd" class="col-sm-2 col-form-label-sm text-center">비고</label>'+
         '<div class="col-sm-8">'+
         '<input type="text" class="form-control crrInput" id="remark" name="remark">'+
         '</div>'+
diff --git a/src/main/resources/templates/faStatistics/asfCov/asfCov.html b/src/main/resources/templates/faStatistics/asfCov/asfCov.html
index d2f0ade5..da1b0b9d 100644
--- a/src/main/resources/templates/faStatistics/asfCov/asfCov.html
+++ b/src/main/resources/templates/faStatistics/asfCov/asfCov.html
@@ -11,7 +11,10 @@
     <input type="hidden" name="_csrf_header" th:value="${_csrf.headerName}"/>
     <input type="hidden" th:name="${_csrf.parameterName}" th:value="${_csrf.token}"/>
     <div class="row justify-content-between">
-      <div class="col-auto"><h4>ASF 및 코로나19 관련 조치현황</h4></div>
+      <div class="col-auto mb-2">
+        <div class="d-inline align-middle"><i class="bi bi-square-fill"></i></div>
+        <h5 class="d-inline align-middle"> ASF및코로나19관련조치현황</h5>
+      </div>
       <div class="col-auto"><p class="mb-0 mt-2">외사통계 > 불법조업외국어선 > ASF및코로나19관련조치현황</p></div>
     </div>
     <div class="row mx-0">
diff --git a/src/main/resources/templates/faStatistics/asfCov/asfCovEditModal.html b/src/main/resources/templates/faStatistics/asfCov/asfCovEditModal.html
index a696fdb7..431f4deb 100644
--- a/src/main/resources/templates/faStatistics/asfCov/asfCovEditModal.html
+++ b/src/main/resources/templates/faStatistics/asfCov/asfCovEditModal.html
@@ -47,10 +47,10 @@
           <input type="button" class="btn btn-sm btn-outline-primary crackdownStatusInfo w-auto" id="caseNumBtn" value="불러오기">
         </div>
       </div>
-      <label for="caseNum" class="col-sm-2 col-form-label col-form-label-sm text-center">*사건번호로 불러와주세요</label>
+      <label for="caseNum" class="col-sm-2 col-form-label  text-center">*사건번호로 불러와주세요</label>
     </div>
     <div class="row mb-1">
-      <label for="caseAgency" class="col-sm-1 col-form-label col-form-label-sm text-center">사건담당경찰서</label>
+      <label for="caseAgency" class="col-sm-1 col-form-label col-form-label-sm text-center ps-0 pe-0">사건담당경찰서</label>
       <div class="col-sm-2">
         <select class="form-select form-select-sm cdsInfo" id="caseAgency" name="caseAgency" disabled>
           <option value=""></option>
@@ -59,7 +59,7 @@
           </th:block>
         </select>
       </div>
-      <label for="casePoliceOfficer" class="col-sm-1 col-form-label col-form-label-sm text-center fs-13">사건담당경찰관</label>
+      <label for="casePoliceOfficer" class="col-sm-1 col-form-label col-form-label-sm text-center ps-0 pe-0">사건담당경찰관</label>
       <div class="col-sm-2">
         <input type="text" class="form-control form-control-sm cdsInfo" id="casePoliceOfficer" name="casePoliceOfficer" th:value="${asfCov.casePoliceOfficer}" disabled>
       </div>
@@ -85,7 +85,7 @@
       </div>
     </div>
     <div class="row mb-1">
-      <label for="pressurizedYn" class="col-sm-1 col-form-label col-form-label-sm text-center">전용부두 압송여부</label>
+      <label for="pressurizedYn" class="col-sm-2 col-form-label col-form-label-sm text-center">전용부두 압송여부</label>
       <div class="col-sm-2">
         <select class="form-select form-select-sm crackdownStatusInfo" name="pressurizedYn" id="pressurizedYn">
           <option value="">선택</option>
@@ -107,7 +107,7 @@
       <div class="col-sm-2">
         <input type="number" class="form-control form-control-sm crackdownStatusInfo" id="personCnt" name="personCnt" min="0" value="0" th:value="${asfCov.personCnt}">
       </div>
-      <label for="pressurizedN" class="col-sm-1 col-form-label col-form-label-sm text-center">코로나19 검사결과</label>
+      <label for="pressurizedN" class="col-sm-2 col-form-label col-form-label-sm text-center me-1">코로나19 검사결과</label>
       <label for="personPositiveCnt" class="col-sm-1 col-form-label col-form-label-sm text-center">양성</label>
       <div class="col-sm-1">
         <input type="number" class="form-control form-control-sm crackdownStatusInfo" id="personPositiveCnt" name="personPositiveCnt" min="0" value="0" th:value="${asfCov.personPositiveCnt}">
@@ -118,7 +118,7 @@
       </div>
     </div>
     <div class="row mb-1">
-        <label for="asfcovActionDetail" class="col-sm-1 col-form-label col-form-label-sm text-center">검/방역조치내용</label>
+        <label for="asfcovActionDetail" class="col-sm-1 col-form-label col-form-label-sm text-center">검/방역조치<br>내용</label>
         <div class="col-sm-10">
           <textarea class="form-control form-control-sm" rows="5" cols="30" id="asfcovActionDetail" name="asfcovActionDetail" th:value="${asfCov.asfcovActionDetail}"></textarea>
         </div>
diff --git a/src/main/resources/templates/faStatistics/asfCov/asfCovViewModal.html b/src/main/resources/templates/faStatistics/asfCov/asfCovViewModal.html
index 5db6f7ad..658cf686 100644
--- a/src/main/resources/templates/faStatistics/asfCov/asfCovViewModal.html
+++ b/src/main/resources/templates/faStatistics/asfCov/asfCovViewModal.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html lang="ko" xmlns:th="http://www.thymeleaf.org">
 <div class="modal-header bg-dark">
-    <h5 class="modal-title text-white" id="asfCovEditModalLabel">ASF 및 코로나19 관련 조치현황</h5>
+    <h5 class="modal-title text-white" id="asfCovEditModalLabel">ASF 및 코로나19 관련 조치현황 상세</h5>
     <button type="button" class="btn-close f-invert" data-bs-dismiss="modal" aria-label="Close"></button>
 </div>
 <div class="modal-body">
diff --git a/src/main/resources/templates/police/career/careerMgt.html b/src/main/resources/templates/police/career/careerMgt.html
index aec0b3e2..56ec6a8a 100644
--- a/src/main/resources/templates/police/career/careerMgt.html
+++ b/src/main/resources/templates/police/career/careerMgt.html
@@ -10,7 +10,10 @@
     <input type="hidden" name="_csrf_header" th:value="${_csrf.headerName}"/>
     <input type="hidden" th:name="${_csrf.parameterName}" th:value="${_csrf.token}"/>
     <div class="row justify-content-between">
-      <div class="col-auto"><h4>외사경찰 경력 현황</h4></div>
+      <div class="col-auto mb-2">
+        <div class="d-inline align-middle"><i class="bi bi-square-fill"></i></div>
+        <h5 class="d-inline align-middle"> 외사경찰 경력 현황</h5>
+      </div>
       <div class="col-auto"><p class="mb-0 mt-2">외사경찰 > 외사경찰 경력현황</p></div>
     </div>
     <div class="row mx-0">
diff --git a/src/main/resources/templates/police/education/eduEditModal.html b/src/main/resources/templates/police/education/eduEditModal.html
index 62c82b8f..b21abcb6 100644
--- a/src/main/resources/templates/police/education/eduEditModal.html
+++ b/src/main/resources/templates/police/education/eduEditModal.html
@@ -40,7 +40,7 @@
         </table>
 
         <div id="insertEdu">
-          <div class="row justify-content-center">
+          <div class="row justify-content-center mb-2">
             <button class="btn btn-sm btn-outline-primary col-auto" th:data-userseq="${userInfo.userSeq}" id="eduAddBtn"><i class="bi bi-plus-lg"></i></button>
           </div>
         </div>
diff --git a/src/main/resources/templates/police/education/educationMgt.html b/src/main/resources/templates/police/education/educationMgt.html
index 730a59b9..734f1500 100644
--- a/src/main/resources/templates/police/education/educationMgt.html
+++ b/src/main/resources/templates/police/education/educationMgt.html
@@ -10,7 +10,10 @@
     <input type="hidden" name="_csrf_header" th:value="${_csrf.headerName}"/>
     <input type="hidden" th:name="${_csrf.parameterName}" th:value="${_csrf.token}"/>
     <div class="row justify-content-between">
-      <div class="col-auto"><h4>외사경찰 교육 현황</h4></div>
+      <div class="col-auto mb-2">
+        <div class="d-inline align-middle"><i class="bi bi-square-fill"></i></div>
+        <h5 class="d-inline align-middle"> 외사경찰 교육 현황</h5>
+      </div>
       <div class="col-auto"><p class="mb-0 mt-2">외사경찰 > 외사경찰 교육 현황</p></div>
     </div>
     <div class="row mx-0">
diff --git a/src/main/resources/templates/police/personnelStatus/personnelStatus.html b/src/main/resources/templates/police/personnelStatus/personnelStatus.html
index 69919d8a..a2bdafc8 100644
--- a/src/main/resources/templates/police/personnelStatus/personnelStatus.html
+++ b/src/main/resources/templates/police/personnelStatus/personnelStatus.html
@@ -10,7 +10,10 @@
     <input type="hidden" name="_csrf_header" th:value="${_csrf.headerName}"/>
     <input type="hidden" th:name="${_csrf.parameterName}" th:value="${_csrf.token}"/>
     <div class="row justify-content-between">
-      <div class="col-auto"><h4>외사경찰 정원/현원 현황</h4></div>
+      <div class="col-auto mb-2">
+        <div class="d-inline align-middle"><i class="bi bi-square-fill"></i></div>
+        <h5 class="d-inline align-middle"> 외사경찰 정원/현원 현황</h5>
+      </div>
       <div class="col-auto"><p class="mb-0 mt-2">외사경찰 > 외사경찰 정원/현원 현황</p></div>
     </div>
     <div class="row mx-0">
diff --git a/src/main/resources/templates/police/police/policeList.html b/src/main/resources/templates/police/police/policeList.html
index b30cec86..ecc11bfb 100644
--- a/src/main/resources/templates/police/police/policeList.html
+++ b/src/main/resources/templates/police/police/policeList.html
@@ -10,7 +10,10 @@
     <input type="hidden" name="_csrf_header" th:value="${_csrf.headerName}"/>
     <input type="hidden" th:name="${_csrf.parameterName}" th:value="${_csrf.token}"/>
     <div class="row justify-content-between">
-      <div class="col-auto"><h4>외사경찰현황</h4></div>
+      <div class="col-auto">
+        <div class="d-inline align-middle"><i class="bi bi-square-fill"></i></div>
+        <h5 class="d-inline align-middle"> 외사경찰현황</h5>
+      </div>
       <div class="col-auto"><p class="mb-0 mt-2">외사경찰 > 외사경찰현황</p></div>
     </div>
     <div class="row mx-0">
@@ -184,7 +187,7 @@
   </main>
 
   <div class="modal fade" id="policeEditModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="userEditModalLabel" aria-hidden="true">
-    <div class="modal-dialog modal-lg modal-dialog-scrollable">
+    <div class="modal-dialog modal-xl modal-dialog-scrollable">
       <div class="modal-content" id="policeEditModalContent">
 
       </div>
diff --git a/src/main/resources/templates/translator/translator.html b/src/main/resources/templates/translator/translator.html
index 5caf6c85..c64ad579 100644
--- a/src/main/resources/templates/translator/translator.html
+++ b/src/main/resources/templates/translator/translator.html
@@ -10,7 +10,10 @@
     <input type="hidden" name="_csrf_header" th:value="${_csrf.headerName}"/>
     <input type="hidden" th:name="${_csrf.parameterName}" th:value="${_csrf.token}"/>
     <div class="row justify-content-between">
-      <div class="col-auto"><h4>민간통역인 현황</h4></div>
+      <div class="col-auto mb-2">
+        <div class="d-inline align-middle"><i class="bi bi-square-fill"></i></div>
+        <h5 class="d-inline align-middle"> 민간통역인 현황</h5>
+      </div>
       <div class="col-auto"><p class="mb-0 mt-2">민간통역인 > 민간통역인 현황</p></div>
     </div>
     <div class="row mx-0">
@@ -203,7 +206,7 @@
             <input type="hidden" th:name="${_csrf.parameterName}" th:value="${_csrf.token}"/>
             <br>
             <div class="row mb-1">
-              <label for="ogdp1" class="col-sm-1 col-form-label text-center fs-13 fw-bold">관서</label>
+              <label for="ogdp1" class="col-sm-1 col-form-label-sm text-center fs-13 fw-bold">관서</label>
               <div class="col-sm-3">
                 <select class="form-select" id="ogdp1" name="ogdp1" th:disabled="${accessAuth ne 'ACC003'}">
                   <option value="">선택</option>
@@ -214,7 +217,7 @@
                   </th:block>
                 </select>
               </div>
-              <label for="lang" class="col-sm-1 col-form-label text-center fs-13 fw-bold">언어</label>
+              <label for="lang" class="col-sm-1 col-form-label-sm text-center fs-13 fw-bold">언어</label>
               <div class="col-sm-3">
                 <select class="form-select" id="lang" name="trLang">
                   <option value="">선택</option>
@@ -223,17 +226,17 @@
                   </th:block>
                 </select>
               </div>
-              <label for="trCareer" class="col-sm-1 col-form-label text-center fs-13 fw-bold">경력</label>
+              <label for="trCareer" class="col-sm-1 col-form-label-sm text-center fs-13 fw-bold">경력</label>
               <div class="col-sm-3">
                 <input type="text" class="form-control" id="trCareer" name="trCareer">
               </div>
             </div>
             <div class="row mb-1">
-              <label for="trName" class="col-sm-1 col-form-label text-center fs-13 fw-bold">성명</label>
+              <label for="trName" class="col-sm-1 col-form-label-sm text-center fs-13 fw-bold">성명</label>
               <div class="col-sm-3">
                 <input type="text" class="form-control" id="trName" name="trName">
               </div>
-              <label for="trSex" class="col-sm-1 col-form-label text-center fs-13 fw-bold">성별</label>
+              <label for="trSex" class="col-sm-1 col-form-label-sm text-center fs-13 fw-bold">성별</label>
               <div class="col-sm-3">
                 <select class="form-select" id="trSex" name="trSex">
                   <option value="">선택</option>
@@ -242,13 +245,13 @@
                   </th:block>
                 </select>
               </div>
-              <label for="trPhone" class="col-sm-1 col-form-label text-center fs-13 fw-bold">연락처</label>
+              <label for="trPhone" class="col-sm-1 col-form-label-sm text-center fs-13 fw-bold">연락처</label>
               <div class="col-sm-3">
                 <input type="text" class="form-control" id="trPhone" name="trPhone">
               </div>
             </div>
             <div class="row mb-1">
-              <label for="trNny" class="col-sm-1 col-form-label text-center fs-13 fw-bold">국적</label>
+              <label for="trNny" class="col-sm-1 col-form-label-sm text-center fs-13 fw-bold">국적</label>
               <div class="col-sm-3">
                 <select class="form-select" id="trNny" name="trNny">
                   <option value="">선택</option>
@@ -257,11 +260,11 @@
                   </th:block>
                 </select>
               </div>
-              <label for="trAge" class="col-sm-1 col-form-label text-center fs-13 fw-bold">나이</label>
+              <label for="trAge" class="col-sm-1 col-form-label-sm text-center fs-13 fw-bold">나이</label>
               <div class="col-sm-3">
                 <input type="text" class="form-control" id="trAge" name="trAge">
               </div>
-              <label for="trEdu" class="col-sm-1 col-form-label text-center fs-13 fw-bold">학력</label>
+              <label for="trEdu" class="col-sm-1 col-form-label-sm text-center fs-13 fw-bold">학력</label>
               <div class="col-sm-3">
                 <select class="form-select" id="trEdu" name="trEdu">
                   <option value="">선택</option>
@@ -272,11 +275,11 @@
               </div>
             </div>
             <div class="row mb-1">
-              <label for="trCft" class="col-sm-1 col-form-label text-center fs-13 fw-bold">자격증</label>
+              <label for="trCft" class="col-sm-1 col-form-label-sm text-center fs-13 fw-bold">자격증</label>
               <div class="col-sm-3">
                 <input type="text" class="form-control" id="trCft" name="trCft">
               </div>
-              <label for="trVisa" class="col-sm-1 col-form-label text-center fs-13 fw-bold">비자</label>
+              <label for="trVisa" class="col-sm-1 col-form-label-sm text-center fs-13 fw-bold">비자</label>
               <div class="col-sm-3">
                 <select class="form-select" id="trVisa" name="trVisa">
                   <option value="">선택</option>
@@ -285,13 +288,13 @@
                   </th:block>
                 </select>
               </div>
-              <label for="aptDt" class="col-sm-1 col-form-label text-center fs-13 fw-bold">위촉일</label>
+              <label for="aptDt" class="col-sm-1 col-form-label-sm text-center fs-13 fw-bold">위촉일</label>
               <div class="col-sm-3">
                 <input type="text" class="form-control" id="aptDt" name="aptDt" readonly>
               </div>
             </div>
             <div class="mb-2 row">
-              <label for="dmlYn" class="col-sm-1 col-form-label text-center fs-13 fw-bold">해촉</label>
+              <label for="dmlYn" class="col-sm-1 col-form-label-sm text-center fs-13 fw-bold">해촉</label>
               <div class="col-sm-3">
                 <select class="form-select" id="dmlYn" name="dmlYn">
                   <option value="">선택</option>
@@ -299,7 +302,7 @@
                   <option value="X">X</option>
                 </select>
               </div>
-              <label for="remark" class="col-sm-1 col-form-label text-center fs-13 fw-bold">비고</label>
+              <label for="remark" class="col-sm-1 col-form-label-sm text-center fs-13 fw-bold">비고</label>
               <div class="col-sm-7">
                 <input type="text"  class="form-control" id="remark" name="remark">
               </div>
diff --git a/src/main/resources/templates/translator/translatorCareerModal.html b/src/main/resources/templates/translator/translatorCareerModal.html
index bacece60..d2bfde42 100644
--- a/src/main/resources/templates/translator/translatorCareerModal.html
+++ b/src/main/resources/templates/translator/translatorCareerModal.html
@@ -15,9 +15,9 @@
               <div class="card">
                 <div class="card-body">
                   <div class="row">
-                  <h5>해양경찰청 이력</h5>
+                  <h6>해양경찰청 이력</h6>
                   <input type="hidden" id="tcmKey" th:value="${trKey}">
-                    <table class="table table-sm table-hover table-bordered" id="categoryTable">
+                    <table class="table table-sm table-hover table-bordered text-center" id="categoryTable">
                       <thead>
                       <tr>
                          <th>연번</th>
@@ -39,7 +39,7 @@
                     </table>
                   </div>
                   <div class="row">
-                  <h5>타기관 이력</h5>
+                  <h6>타기관 이력</h6>
                     <table class="table table-sm table-hover table-bordered text-center" id="categoryTable">
                       <thead>
                       <tr>
diff --git a/src/main/resources/templates/translator/translatorEditModal.html b/src/main/resources/templates/translator/translatorEditModal.html
index a180469e..ce3bb358 100644
--- a/src/main/resources/templates/translator/translatorEditModal.html
+++ b/src/main/resources/templates/translator/translatorEditModal.html
@@ -8,7 +8,7 @@
 		<br>
 		<div class="pl-15">
           <div class="row mb-1">
-            <label for="eOgdp1" class="col-sm-1 col-form-label text-center">관서</label>        
+            <label for="eOgdp1" class="col-sm-1 col-form-label-sm text-center">관서</label>
             <div class="col-sm-2">
                <select class="form-select" id="eOgdp1" name="ogdp1" th:disabled="${accessAuth ne 'ACC003'}">
                   <option value="">선택</option>
@@ -19,7 +19,7 @@
                   </th:block>
                </select>
             </div>
-            <label for="eTrLang" class="col-sm-1 col-form-label text-center">언어</label>
+            <label for="eTrLang" class="col-sm-1 col-form-label-sm text-center">언어</label>
             <div class="col-sm-2">
               <select class="form-select" id="eTrLang" name="trLang">
                   <option value="">선택</option>
@@ -28,17 +28,17 @@
                   </th:block>
                </select>
             </div>
-           <label for="eTrCareer" class="col-sm-1 col-form-label text-center">경력</label>
+           <label for="eTrCareer" class="col-sm-1 col-form-label-sm text-center">경력</label>
             <div class="col-sm-2">
               <input type="text" class="form-control" id="eTrCareer" name="trCareer" th:value="${trInfo.trCareer}">
             </div> 
           </div>
           <div class="row mb-1">
-            <label for="eTrEname" class="col-sm-1 col-form-label text-center">성명</label>
+            <label for="eTrEname" class="col-sm-1 col-form-label-sm text-center">성명</label>
             <div class="col-sm-2">
               <input type="text" class="form-control" id="eTrEname" name="trName" th:value="${trInfo.trName}">
             </div>
-            <label for="eTrSex" class="col-sm-1 col-form-label text-center">성별</label>
+            <label for="eTrSex" class="col-sm-1 col-form-label-sm text-center">성별</label>
             <div class="col-sm-2">
               <select class="form-select" id="eTrSex" name="trSex">
                   <option value="">선택</option>
@@ -47,13 +47,13 @@
                   </th:block>
                </select>
             </div>
-           <label for="eTrPhone" class="col-sm-1 col-form-label text-center">연락처</label>
+           <label for="eTrPhone" class="col-sm-1 col-form-label-sm text-center">연락처</label>
             <div class="col-sm-2">
               <input type="text" class="form-control" id="eTrPhone" name="trPhone" th:value="${trInfo.trPhone}">
             </div> 
           </div>
           <div class="row mb-1">
-            <label for="eTrNny" class="col-sm-1 col-form-label text-center">국적</label>
+            <label for="eTrNny" class="col-sm-1 col-form-label-sm text-center">국적</label>
             <div class="col-sm-2">
                <select class="form-select" id="eTrNny" name="trNny">
                   <option value="">선택</option>
@@ -62,11 +62,11 @@
                   </th:block>
                </select>
             </div>
-            <label for="eTrAge" class="col-sm-1 col-form-label text-center">나이</label>
+            <label for="eTrAge" class="col-sm-1 col-form-label-sm text-center">나이</label>
             <div class="col-sm-2">
               <input type="text" class="form-control" id="eTrAge" name="trAge" th:value="${trInfo.trAge}">
             </div>
-           <label for="eTrEdu" class="col-sm-1 col-form-label text-center">학력</label>
+           <label for="eTrEdu" class="col-sm-1 col-form-label-sm text-center">학력</label>
             <div class="col-sm-2">
               <select class="form-select" id="eTrEdu" name="trEdu">
                   <option value="">선택</option>
@@ -77,11 +77,11 @@
             </div> 
           </div>
           <div class="row mb-1">
-            <label for="eTrCft" class="col-sm-1 col-form-label text-center">자격증</label>
+            <label for="eTrCft" class="col-sm-1 col-form-label-sm text-center">자격증</label>
             <div class="col-sm-2">
               <input type="text" class="form-control" id="eTrCft" name="trCft" th:value="${trInfo.trCft}">
             </div>
-            <label for="eTrVisa" class="col-sm-1 col-form-label text-center">비자</label>
+            <label for="eTrVisa" class="col-sm-1 col-form-label-sm text-center">비자</label>
             <div class="col-sm-2">
               <select class="form-select" id="eTrVisa" name="trVisa">
                   <option value="">선택</option>
@@ -90,13 +90,13 @@
                   </th:block>
                </select>
             </div>
-           <label for="viewAptDt" class="col-sm-1 col-form-label text-center">위촉일</label>
+           <label for="viewAptDt" class="col-sm-1 col-form-label-sm text-center">위촉일</label>
             <div class="col-sm-2">
                <input type="text" class="form-control" id="viewAptDt" name="aptDt" th:value="${trInfo.aptDt}" readonly>
             </div> 
           </div>
           <div class="mb-2 row">
-          <label for="eDmlYn" class="col-sm-1 col-form-label text-center">해촉</label>
+          <label for="eDmlYn" class="col-sm-1 col-form-label-sm text-center">해촉</label>
             <div class="col-sm-2">
                <select class="form-select" id="eDmlYn" name="dmlYn">
                	  <option value="">선택</option>
@@ -104,7 +104,7 @@
                   <option value="X" th:selected="'X' == ${trInfo.dmlYn}">X</option>
                </select>
             </div>
-            <label for="eRemark" class="col-sm-1 text-center">비고</label>
+            <label for="eRemark" class="col-sm-1 col-form-label-sm text-center">비고</label>
               <div class="col-sm-5">
                 <input type="text" class="form-control" id="eRemark" name="remark" th:text="${trInfo.remark}">
               </div>
diff --git a/src/main/resources/templates/translator/translatorHistory.html b/src/main/resources/templates/translator/translatorHistory.html
index 816f82f5..dba4d526 100644
--- a/src/main/resources/templates/translator/translatorHistory.html
+++ b/src/main/resources/templates/translator/translatorHistory.html
@@ -37,67 +37,67 @@
             </div>
             <div class="col-8" id="valueDiv">
            <div class="row mb-1">
-            <label for="ogCd" class="col-sm-1 col-form-label text-center">관서</label>
+            <label for="ogCd" class="col-sm-1 col-form-label-sm text-center">관서</label>
             <div class="col-sm-3">
                <input type="text" class="form-control" id="ogdp1V" readonly>
             </div>
-             <label for="ofcCd" class="col-sm-1 col-form-label text-center">언어</label>
+             <label for="ofcCd" class="col-sm-1 col-form-label-sm text-center">언어</label>
             <div class="col-sm-3">
               <input type="text" class="form-control" id="trLangV" readonly>
             </div>
-           <label for="ofcCd" class="col-sm-1 col-form-label text-center">경력</label>
+           <label for="ofcCd" class="col-sm-1 col-form-label-sm text-center">경력</label>
             <div class="col-sm-3">
               <input type="text" class="form-control" id="trCareerV" readonly>
             </div> 
           </div>
           <div class="row mb-1">
-            <label for="ogCd" class="col-sm-1 col-form-label text-center">성명</label>
+            <label for="ogCd" class="col-sm-1 col-form-label-sm text-center">성명</label>
             <div class="col-sm-3">
               <input type="text" class="form-control" id="trNameV" readonly>
             </div>
-            <label for="ofcCd" class="col-sm-1 col-form-label text-center">성별</label>
+            <label for="ofcCd" class="col-sm-1 col-form-label-sm text-center">성별</label>
             <div class="col-sm-3">
               <input type="text" class="form-control" id="trSexV"readonly>
             </div>
-           <label for="ofcCd" class="col-sm-1 col-form-label text-center">연락처</label>
+           <label for="ofcCd" class="col-sm-1 col-form-label-sm text-center">연락처</label>
             <div class="col-sm-3">
               <input type="text" class="form-control" id="trPhoneV" readonly>
             </div> 
           </div>
           <div class="row mb-1">
-            <label for="ogCd" class="col-sm-1 col-form-label text-center">국적</label>
+            <label for="ogCd" class="col-sm-1 col-form-label-sm text-center">국적</label>
             <div class="col-sm-3">
                <input type="text" class="form-control" id="trNnyV" readonly>
             </div>
-            <label for="ofcCd" class="col-sm-1 col-form-label text-center">나이</label>
+            <label for="ofcCd" class="col-sm-1 col-form-label-sm text-center">나이</label>
             <div class="col-sm-3">
               <input type="text" class="form-control" id="trAgeV" readonly>
             </div>
-           <label for="ofcCd" class="col-sm-1 col-form-label text-center">학력</label>
+           <label for="ofcCd" class="col-sm-1 col-form-label-sm text-center">학력</label>
             <div class="col-sm-3">
               <input type="text" class="form-control" id="trEduV" readonly>
             </div> 
           </div>
           <div class="row mb-1">
-            <label for="ogCd" class="col-sm-1 col-form-label text-center">자격증</label>
+            <label for="ogCd" class="col-sm-1 col-form-label-sm text-center">자격증</label>
             <div class="col-sm-3">
               <input type="text" class="form-control" id="trCftV"readonly>
             </div>
-            <label for="ofcCd" class="col-sm-1 col-form-label text-center">비자</label>
+            <label for="ofcCd" class="col-sm-1 col-form-label-sm text-center">비자</label>
             <div class="col-sm-3">
               <input type="text" class="form-control" id="trVisaV" readonly>
             </div>
-           <label for="ofcCd" class="col-sm-1 col-form-label text-center">위촉일</label>
+           <label for="ofcCd" class="col-sm-1 col-form-label-sm text-center">위촉일</label>
             <div class="col-sm-3">
                <input type="text" class="form-control" id="aptDtV" name="aptDt">
             </div> 
           </div>
           <div class="row mb-1">
-          <label for="ogCd" class="col-sm-1 col-form-label text-center">해촉</label>
+          <label for="ogCd" class="col-sm-1 col-form-label-sm text-center">해촉</label>
             <div class="col-sm-3">
                <input type="text" class="form-control" id="dmlYnV" readonly>
             </div>
-          <label for="tel" class="col-sm-1 col-form-label text-center">비고</label>
+          <label for="tel" class="col-sm-1 col-form-label-sm text-center">비고</label>
               <div class="col-sm-7">
                 <input type="text" class="form-control" id="remarkV" readonly>
               </div>              
diff --git a/src/main/resources/templates/translator/translatorStatisticsLang.html b/src/main/resources/templates/translator/translatorStatisticsLang.html
index b0b9092b..d355751b 100644
--- a/src/main/resources/templates/translator/translatorStatisticsLang.html
+++ b/src/main/resources/templates/translator/translatorStatisticsLang.html
@@ -10,7 +10,10 @@
     <input type="hidden" name="_csrf_header" th:value="${_csrf.headerName}"/>
     <input type="hidden" th:name="${_csrf.parameterName}" th:value="${_csrf.token}"/>
     <div class="row justify-content-between">
-      <div class="col-auto"><h4>어권별 현황</h4></div>
+      <div class="col-auto mb-2">
+        <div class="d-inline align-middle"><i class="bi bi-square-fill"></i></div>
+        <h5 class="d-inline align-middle"> 어권별 현황</h5>
+      </div>
       <div class="col-auto"><p class="mb-0 mt-2">민간통역인 > 어권별 현황</p></div>
     </div>
     <div class="row mx-0">