diff --git a/src/main/resources/static/css/common.css b/src/main/resources/static/css/common.css
index 7e59d498..0fadeb44 100644
--- a/src/main/resources/static/css/common.css
+++ b/src/main/resources/static/css/common.css
@@ -76,4 +76,11 @@
 }
 .fs-11{
   font-size: 11px;
+}
+.fsw-13{
+   font-size: 13px;
+   font-weight: 900;
+}
+.pl-15{
+  padding-left: 15%;
 }
\ No newline at end of file
diff --git a/src/main/resources/templates/translator/translator.html b/src/main/resources/templates/translator/translator.html
index 6f5467c7..4b46a587 100644
--- a/src/main/resources/templates/translator/translator.html
+++ b/src/main/resources/templates/translator/translator.html
@@ -16,16 +16,16 @@
           <form id="searchFm" method="get" th:action="@{/translator/info}">
             <input type="hidden" name="excel">
             <input type="hidden" name="pageIndex" id="pageIndex" th:value="${searchParams.pageIndex}">
-            <div class="row justify-content-between pe-3 py-1">
-              <div class="col-auto">
+            <div class="row pe-3 py-1">
+                <div class="col-1">
                 <select class="form-select" name="rowCnt" id="rowCnt">
                   <th:block th:each="num : ${#numbers.sequence(1,5)}">
                     <option th:value="${num*10}" th:text="${num*10}" th:selected="${searchParams.rowCnt==num*10}"></option>
                   </th:block>
                 </select>
               </div>
-              <div class="col-auto">
-                <div class="row justify-content-end">
+              <div class="col-10">
+                <div class="row justify-content-end pb-1">
                   <div class="col-auto">
                     <select class="form-select form-select-sm" name="dmlYn">
                       <option value="">해촉 선택</option>
@@ -67,20 +67,21 @@
                       </th:block>
                     </select>
                   </div>                
-                </div>
-              </div>
+                </div>           
+            
+            <div class="row justify-content-end">          
+             <div class="col-auto">
+               <input type="text" class="form-control form-select-sm" name="trName" th:value="${searchParams.trName}" placeholder="성명">
+             </div> 
+             <div class="col-auto">
+               <input type="text" class="form-control form-select-sm" name="aptDt" th:value="${searchParams.aptDt}" placeholder="위촉일" readonly>
+             </div>
             </div>
-            <div class="row justify-content-between pe-3 py-1">
-                <div class="row justify-content-end">          
-                  <div class="col-auto">
-                    <input type="text" class="form-control" name="trName" th:value="${searchParams.trName}" placeholder="성명">
-                  </div> 
-                  <div class="col-auto">
-                    <input type="text" class="form-control" name="aptDt" th:value="${searchParams.aptDt}" placeholder="위촉일" readonly>
-                  </div>
-                  <input type="submit" class="btn btn-sm btn-primary col-auto" id="searchBtn" value="검색">
-                </div>
             </div>
+            <div class="col-1 d-grid gap-2">
+                  <input type="submit" class="btn btn-lg btn-primary col-auto" id="searchBtn" value="검색">
+            </div>
+            </div>           
           </form>
           <div class="row justify-content-start">
             <div class="col-12">
@@ -186,13 +187,15 @@
           <h5 class="modal-title" id="translatorInsertModalLabel">통역인 등록</h5>
           <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
         </div>
+        <div class="modal-body">
         <form id="translatorInsert" action="#" method="post">
           <input type="hidden" name="_csrf_header" th:value="${_csrf.headerName}"/>
           <input type="hidden" th:name="${_csrf.parameterName}" th:value="${_csrf.token}"/>
+          <br>
           <div class="mb-3 row">
-            <label for="ogdp1" class="col-sm-2 col-form-label text-center">관서</label>
-            <div class="col-sm-2">
-              <select class="form-select form-select-sm" id="ogdp1" name="ogdp1" th:disabled="${accessAuth ne 'ACC003'}">
+            <label for="ogdp1" class="col-sm-1 col-form-label text-center fsw-13">관서</label>
+            <div class="col-sm-3">
+              <select class="form-select" id="ogdp1" name="ogdp1" th:disabled="${accessAuth ne 'ACC003'}">
                 <option value="">선택</option>
                 <th:block th:each="commonCode:${session.commonCode.get('OG')}">
                   <th:block th:if="${#lists.contains(mgtOrganList, commonCode.itemCd)}">
@@ -201,56 +204,56 @@
                 </th:block>
               </select>
             </div>
-            <label for="lang" class="col-sm-1 col-form-label text-center">언어</label>
-            <div class="col-sm-2">
-              <select class="form-select form-select-sm" id="lang" name="trLang">
+            <label for="lang" class="col-sm-1 col-form-label text-center fsw-13">언어</label>
+            <div class="col-sm-3">
+              <select class="form-select" id="lang" name="trLang">
                 <option value="">선택</option>
                 <th:block th:each="commonCode:${session.commonCode.get('LGG')}">
                   <option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}"></option>
                 </th:block>
               </select>
             </div>
-            <label for="trCareer" class="col-sm-1 col-form-label text-center">경력</label>
-            <div class="col-sm-4">
+            <label for="trCareer" class="col-sm-1 col-form-label text-center fsw-13">경력</label>
+            <div class="col-sm-3">
               <input type="text" class="form-control" id="trCareer" name="trCareer">
             </div>
           </div>
           <div class="mb-3 row">
-            <label for="trName" class="col-sm-2 col-form-label text-center">성명</label>
-            <div class="col-sm-2">
+            <label for="trName" class="col-sm-1 col-form-label text-center fsw-13">성명</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">성별</label>
-            <div class="col-sm-2">
-              <select class="form-select form-select-sm" id="trSex" name="trSex">
+            <label for="trSex" class="col-sm-1 col-form-label text-center fsw-13">성별</label>
+            <div class="col-sm-3">
+              <select class="form-select" id="trSex" name="trSex">
                 <option value="">선택</option>
                 <th:block th:each="commonCode:${session.commonCode.get('SEX')}">
                   <option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}"></option>
                 </th:block>
               </select>
             </div>
-            <label for="trPhone" class="col-sm-1 col-form-label text-center">연락처</label>
-            <div class="col-sm-4">
+            <label for="trPhone" class="col-sm-1 col-form-label text-center fsw-13">연락처</label>
+            <div class="col-sm-3">
               <input type="text" class="form-control" id="trPhone" name="trPhone">
             </div>
           </div>
           <div class="mb-3 row">
-            <label for="trNny" class="col-sm-2 col-form-label text-center">국적</label>
-            <div class="col-sm-2">
-              <select class="form-select form-select-sm" id="trNny" name="trNny">
+            <label for="trNny" class="col-sm-1 col-form-label text-center fsw-13">국적</label>
+            <div class="col-sm-3">
+              <select class="form-select" id="trNny" name="trNny">
                 <option value="">선택</option>
                 <th:block th:each="commonCode:${session.commonCode.get('NNY')}">
                   <option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}"></option>
                 </th:block>
               </select>
             </div>
-            <label for="trAge" class="col-sm-1 col-form-label text-center">나이</label>
-            <div class="col-sm-2">
+            <label for="trAge" class="col-sm-1 col-form-label text-center fsw-13">나이</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">학력</label>
-            <div class="col-sm-4">
-              <select class="form-select form-select-sm" id="trEdu" name="trEdu">
+            <label for="trEdu" class="col-sm-1 col-form-label text-center fsw-13">학력</label>
+            <div class="col-sm-3">
+              <select class="form-select" id="trEdu" name="trEdu">
                 <option value="">선택</option>
                 <th:block th:each="commonCode:${session.commonCode.get('EDU')}">
                   <option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}"></option>
@@ -259,41 +262,41 @@
             </div>
           </div>
           <div class="mb-3 row">
-            <label for="trCft" class="col-sm-2 col-form-label text-center">자격증</label>
-            <div class="col-sm-2">
+            <label for="trCft" class="col-sm-1 col-form-label text-center fsw-13">자격증</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">비자</label>
-            <div class="col-sm-2">
-              <select class="form-select form-select-sm" id="trVisa" name="trVisa">
+            <label for="trVisa" class="col-sm-1 col-form-label text-center fsw-13">비자</label>
+            <div class="col-sm-3">
+              <select class="form-select" id="trVisa" name="trVisa">
                 <option value="">선택</option>
                 <th:block th:each="commonCode:${session.commonCode.get('VISA')}">
                   <option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}"></option>
                 </th:block>
               </select>
             </div>
-            <label for="aptDt" class="col-sm-1 col-form-label text-center">위촉일</label>
-            <div class="col-sm-4">
+            <label for="aptDt" class="col-sm-1 col-form-label text-center fsw-13">위촉일</label>
+            <div class="col-sm-3">
               <input type="text" class="form-control" id="aptDt" name="aptDt" readonly>
             </div>
           </div>
-          <div class="mb-3 row">
-            <label for="dmlYn" class="col-sm-2 col-form-label text-center">해촉</label>
-            <div class="col-sm-2">
-              <select class="form-select form-select-sm" id="dmlYn" name="dmlYn">
+          <div class="mb-2 row">
+            <label for="dmlYn" class="col-sm-1 col-form-label text-center fsw-13">해촉</label>
+            <div class="col-sm-3">
+              <select class="form-select" id="dmlYn" name="dmlYn">
                 <option value="">선택</option>
                 <option value="O">O</option>
                 <option value="X">X</option>
               </select>
             </div>
-          </div>
-          <div class="mb-3 row">
-            <label for="remark" class="col-sm-2 col-form-label text-center">비고</label>
-            <div class="col-sm-4">
-              <textarea  class="form-control" id="remark" name="remark"></textarea>
+            <label for="remark" class="col-sm-1 col-form-label text-center fsw-13">비고</label>
+            <div class="col-sm-7">
+              <input type="text"  class="form-control" id="remark" name="remark">
             </div>
           </div>
+
         </form>
+        </div>
         <div class="modal-footer">
           <button type="button" class="btn btn-secondary" data-bs-dismiss="modal" id="closeModalBtn">닫기</button>
           <button type="button" class="btn btn-primary" id="saveBtn">등록</button>
@@ -333,7 +336,7 @@
           <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
         </div>
         <div class="modal-body">
-          <div class="tab-content border border-top-0" id="careerView">
+          <div class="tab-content" id="careerView">
           </div>
         </div>
       </div>
diff --git a/src/main/resources/templates/translator/translatorCareerInsert.html b/src/main/resources/templates/translator/translatorCareerInsert.html
index c8b31214..d0bed886 100644
--- a/src/main/resources/templates/translator/translatorCareerInsert.html
+++ b/src/main/resources/templates/translator/translatorCareerInsert.html
@@ -1,6 +1,5 @@
 <!DOCTYPE html>
 <html lang="ko" xmlns:th="http://www.thymeleaf.org">
-  <main class="pt-3">
     <input type="hidden" name="_csrf_header" th:value="${_csrf.headerName}"/>
     <input type="hidden" th:name="${_csrf.parameterName}" th:value="${_csrf.token}"/>
     <div class="row mx-0">
@@ -27,5 +26,4 @@
         </div>
       </div>
     </div>
-  </main>
 </html>
\ No newline at end of file
diff --git a/src/main/resources/templates/translator/translatorEditModal.html b/src/main/resources/templates/translator/translatorEditModal.html
index 60d870df..48dbebb8 100644
--- a/src/main/resources/templates/translator/translatorEditModal.html
+++ b/src/main/resources/templates/translator/translatorEditModal.html
@@ -5,11 +5,12 @@
    		<input type="hidden" th:name="${_csrf.parameterName}" th:value="${_csrf.token}"/>
    		<input type="hidden" class="translatorKey" name="translatorKey" th:value="${trInfo.translatorKey}"/>
    		<input type="hidden" class="versionNo" name="versionNo" th:value="${trInfo.versionNo}"/>
+		<br>
+		<div class="pl-15">
           <div class="mb-3 row">
-          <div class="mb-3 row">
-            <label for="eOgdp1" class="col-sm-2 col-form-label text-center">관서</label>        
+            <label for="eOgdp1" class="col-sm-1 col-form-label text-center">관서</label>        
             <div class="col-sm-2">
-               <select class="form-select form-select-sm" id="eOgdp1" name="ogdp1" th:disabled="${accessAuth ne 'ACC003'}">
+               <select class="form-select" id="eOgdp1" name="ogdp1" th:disabled="${accessAuth ne 'ACC003'}">
                   <option value="">선택</option>
                   <th:block th:each="commonCode:${session.commonCode.get('OG')}">
                   <th:block th:if="${#lists.contains(mgtOrganList, commonCode.itemCd)}">
@@ -20,7 +21,7 @@
             </div>
             <label for="eTrLang" class="col-sm-1 col-form-label text-center">언어</label>
             <div class="col-sm-2">
-              <select class="form-select form-select-sm" id="eTrLang" name="trLang">
+              <select class="form-select" id="eTrLang" name="trLang">
                   <option value="">선택</option>
                   <th:block th:each="commonCode:${session.commonCode.get('LGG')}">
                     <option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}" th:selected="${commonCode.itemCd} == ${trInfo.trLang}"></option>
@@ -28,18 +29,18 @@
                </select>
             </div>
            <label for="eTrCareer" class="col-sm-1 col-form-label text-center">경력</label>
-            <div class="col-sm-4">
+            <div class="col-sm-2">
               <input type="text" class="form-control" id="eTrCareer" name="trCareer" th:value="${trInfo.trCareer}">
             </div> 
           </div>
           <div class="mb-3 row">
-            <label for="eTrEname" class="col-sm-2 col-form-label text-center">성명</label>
+            <label for="eTrEname" class="col-sm-1 col-form-label 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>
             <div class="col-sm-2">
-              <select class="form-select form-select-sm" id="eTrSex" name="trSex">
+              <select class="form-select" id="eTrSex" name="trSex">
                   <option value="">선택</option>
                   <th:block th:each="commonCode:${session.commonCode.get('SEX')}">
                     <option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}" th:selected="${commonCode.itemCd} == ${trInfo.trSex}"></option>
@@ -47,14 +48,14 @@
                </select>
             </div>
            <label for="eTrPhone" class="col-sm-1 col-form-label text-center">연락처</label>
-            <div class="col-sm-4">
+            <div class="col-sm-2">
               <input type="text" class="form-control" id="eTrPhone" name="trPhone" th:value="${trInfo.trPhone}">
             </div> 
           </div>
           <div class="mb-3 row">
-            <label for="eTrNny" class="col-sm-2 col-form-label text-center">국적</label>
+            <label for="eTrNny" class="col-sm-1 col-form-label text-center">국적</label>
             <div class="col-sm-2">
-               <select class="form-select form-select-sm" id="eTrNny" name="trNny">
+               <select class="form-select" id="eTrNny" name="trNny">
                   <option value="">선택</option>
                   <th:block th:each="commonCode:${session.commonCode.get('NNY')}">
                     <option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}" th:selected="${commonCode.itemCd} == ${trInfo.trNny}"></option>
@@ -66,8 +67,8 @@
               <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>
-            <div class="col-sm-4">
-              <select class="form-select form-select-sm" id="eTrEdu" name="trEdu">
+            <div class="col-sm-2">
+              <select class="form-select" id="eTrEdu" name="trEdu">
                   <option value="">선택</option>
                   <th:block th:each="commonCode:${session.commonCode.get('EDU')}">
                     <option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}" th:selected="${commonCode.itemCd} == ${trInfo.trEdu}"></option>
@@ -76,13 +77,13 @@
             </div> 
           </div>
           <div class="mb-3 row">
-            <label for="eTrCft" class="col-sm-2 col-form-label text-center">자격증</label>
+            <label for="eTrCft" class="col-sm-1 col-form-label 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>
             <div class="col-sm-2">
-              <select class="form-select form-select-sm" id="eTrVisa" name="trVisa">
+              <select class="form-select" id="eTrVisa" name="trVisa">
                   <option value="">선택</option>
                   <th:block th:each="commonCode:${session.commonCode.get('VISA')}">
                     <option th:value="${commonCode.itemCd}" th:text="${commonCode.itemValue}" th:selected="${commonCode.itemCd} == ${trInfo.trVisa}"></option>
@@ -90,26 +91,24 @@
                </select>
             </div>
            <label for="viewAptDt" class="col-sm-1 col-form-label text-center">위촉일</label>
-            <div class="col-sm-4">
+            <div class="col-sm-2">
                <input type="text" class="form-control" id="viewAptDt" name="aptDt" th:value="${trInfo.aptDt}" readonly>
             </div> 
           </div>
-          <label for="eDmlYn" class="col-sm-2 col-form-label text-center">해촉</label>
+          <div class="mb-2 row">
+          <label for="eDmlYn" class="col-sm-1 col-form-label text-center">해촉</label>
             <div class="col-sm-2">
-               <select class="form-select form-select-sm" id="eDmlYn" name="dmlYn">
+               <select class="form-select" id="eDmlYn" name="dmlYn">
                	  <option value="">선택</option>
-                  <option value="O" th:selected="'O' == ${trInfo.dmlYn}">예</option>
-                  <option value="X" th:selected="'X' == ${trInfo.dmlYn}">아니오</option>
+                  <option value="O" th:selected="'O' == ${trInfo.dmlYn}">O</option>
+                  <option value="X" th:selected="'X' == ${trInfo.dmlYn}">X</option>
                </select>
             </div>
-
-            <div class="mb-3 row">
-              <label for="eRemark" class="col-sm-2 col-form-label text-center">비고</label>
-              <div class="col-sm-4">
-                <textarea  class="form-control" id="eRemark" name="remark" th:text="${trInfo.remark}"></textarea>
+            <label for="eRemark" class="col-sm-1 text-center">비고</label>
+              <div class="col-sm-5">
+                <input type="text" class="form-control" id="eRemark" name="remark" th:text="${trInfo.remark}">
               </div>
-              
-            </div>
+          </div>
           </div>
           <div class="modal-footer">
             <button type="button" class="btn btn-secondary" id="trDeleteBtn" th:if="${accessAuth eq 'ACC003'} or ${wrtUserSeq eq userSeq}">해임</button>
diff --git a/src/main/resources/templates/translator/translatorHistory.html b/src/main/resources/templates/translator/translatorHistory.html
index 45e4d98e..e3798317 100644
--- a/src/main/resources/templates/translator/translatorHistory.html
+++ b/src/main/resources/templates/translator/translatorHistory.html
@@ -36,7 +36,7 @@
               </div>
             </div>
             <div class="col-8" id="valueDiv">
-           <div class="mb-5 row">
+           <div class="mb-3 row">
             <label for="ogCd" class="col-sm-1 col-form-label text-center">관서</label>
             <div class="col-sm-3">
                <input type="text" class="form-control" id="ogdp1V" readonly>
@@ -56,21 +56,21 @@
               <input type="text" class="form-control" id="trNameV" readonly>
             </div>
             <label for="ofcCd" class="col-sm-1 col-form-label text-center">성별</label>
-            <div class="col-sm-2">
+            <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>
-            <div class="col-sm-4">
+            <div class="col-sm-3">
               <input type="text" class="form-control" id="trPhoneV" readonly>
             </div> 
           </div>
           <div class="mb-3 row">
             <label for="ogCd" class="col-sm-1 col-form-label text-center">국적</label>
-            <div class="col-sm-4">
+            <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>
-            <div class="col-sm-2">
+            <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>
@@ -84,11 +84,11 @@
               <input type="text" class="form-control" id="trCftV"readonly>
             </div>
             <label for="ofcCd" class="col-sm-1 col-form-label text-center">비자</label>
-            <div class="col-sm-2">
+            <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>
-            <div class="col-sm-4">
+            <div class="col-sm-3">
                <input type="text" class="form-control" id="aptDtV" name="aptDt">
             </div> 
           </div>
@@ -97,13 +97,11 @@
             <div class="col-sm-3">
                <input type="text" class="form-control" id="dmlYnV" readonly>
             </div>
-           </div>
-            <div class="mb-3 row">
-              <label for="tel" class="col-sm-1 col-form-label text-center">비고</label>
-              <div class="col-sm-11">
-                <textarea  class="form-control" id="remarkV" readonly></textarea>
+          <label for="tel" class="col-sm-1 col-form-label text-center">비고</label>
+              <div class="col-sm-7">
+                <input type="text" class="form-control" id="remarkV" readonly>
               </div>              
-            </div>
+           </div>
             </div> 
           </div>
         </div>
diff --git a/src/main/resources/templates/translator/translatorStatisticsLang.html b/src/main/resources/templates/translator/translatorStatisticsLang.html
index 1063dfa9..59eb4134 100644
--- a/src/main/resources/templates/translator/translatorStatisticsLang.html
+++ b/src/main/resources/templates/translator/translatorStatisticsLang.html
@@ -17,6 +17,11 @@
             <div class="col-12">
               <div class="card">
                 <div class="card-body">
+                <div class="row justify-content-end">
+                <div class="col-auto">
+                <button id="excelDown" class="btn btn-success">엑셀다운</button>
+                </div>
+                </div>
                   <div class="row">
                     <table class="table table-hover table-bordered">
                       <thead>
@@ -64,13 +69,6 @@
                       </tbody>
                     </table>
                   </div>
-                  <div class="row justify-content-center">
-                    <div class="col-auto">
-                      <div class="col-auto">
-			          <button id="excelDown" class="btn btn-success">엑셀다운</button>
-			        </div>
-                    </div>
-                  </div>
                 </div>
               </div>
             </div>