From d4cfa08330d90dfb1b52fe250f46f93b95fe48e2 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: Fri, 18 Mar 2022 15:38:01 +0900
Subject: [PATCH] =?UTF-8?q?=EA=B4=80=EB=A6=AC=EC=9E=90=EC=9A=A9=20?=
 =?UTF-8?q?=EC=A7=80=EB=8F=84=EC=82=AC=EC=9A=A9=EC=9A=94=EC=B2=AD=20?=
 =?UTF-8?q?=ED=8E=98=EC=9D=B4=EC=A7=80=20=EB=B0=98=EC=9D=91=ED=98=95=20?=
 =?UTF-8?q?=EC=9E=91=EC=97=85=EC=99=84=EB=A3=8C.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../webapp/WEB-INF/jsp/admin/fieldData.jsp    |  12 +-
 .../webapp/WEB-INF/jsp/admin/fieldView.jsp    |  18 +-
 src/main/webapp/WEB-INF/jsp/admin/history.jsp |  16 +-
 src/main/webapp/WEB-INF/jsp/admin/request.jsp | 221 ++++++------
 .../webapp/WEB-INF/jsp/admin/requestView.jsp  | 323 ++++++++----------
 .../webapp/WEB-INF/jsp/admin/userInfo.jsp     |  14 +-
 src/main/webapp/css/style.css                 |   4 -
 src/main/webapp/js/admin/fieldData.js         |   2 +-
 src/main/webapp/js/admin/request.js           |   5 +-
 9 files changed, 298 insertions(+), 317 deletions(-)

diff --git a/src/main/webapp/WEB-INF/jsp/admin/fieldData.jsp b/src/main/webapp/WEB-INF/jsp/admin/fieldData.jsp
index e46d465..500c709 100644
--- a/src/main/webapp/WEB-INF/jsp/admin/fieldData.jsp
+++ b/src/main/webapp/WEB-INF/jsp/admin/fieldData.jsp
@@ -141,27 +141,27 @@
             <th></th>
             <th></th>--%>
               <tr class="clickAbleObj fieldDataTr" data-id="${item.id}">
-                <th class="bg-secondary" style="--bs-bg-opacity: .5">Data ID</th>
+                <th class="bg-secondary" style="--bs-bg-opacity: .3">Data ID</th>
                 <td><c:out value="${item.id}"/></td>
               </tr>
               <tr class="clickAbleObj fieldDataTr" data-id="${item.id}">
-                <th class="bg-secondary" style="--bs-bg-opacity: .5">지역</th>
+                <th class="bg-secondary" style="--bs-bg-opacity: .3">지역</th>
                 <td><c:out value="${item.region}"/></td>
               </tr>
               <tr class="clickAbleObj fieldDataTr" data-id="${item.id}">
-                <th class="bg-secondary" style="--bs-bg-opacity: .5">소속</th>
+                <th class="bg-secondary" style="--bs-bg-opacity: .3">소속</th>
                 <td><c:out value="${item.userVO.company}"/></td>
               </tr>
               <tr class="clickAbleObj fieldDataTr" data-id="${item.id}">
-                <th class="bg-secondary" style="--bs-bg-opacity: .5">담당자</th>
+                <th class="bg-secondary" style="--bs-bg-opacity: .3">담당자</th>
                 <td><c:out value="${item.userVO.name}"/></td>
               </tr>
               <tr class="clickAbleObj fieldDataTr" data-id="${item.id}">
-                <th class="bg-secondary" style="--bs-bg-opacity: .5">수집날짜</th>
+                <th class="bg-secondary" style="--bs-bg-opacity: .3">수집날짜</th>
                 <td class="td_date"><c:out value="${item.save_date}"/></td>
               </tr>
               <tr class="clickAbleObj fieldDataTr border-0 border-bottom border-2 border-dark" data-id="${item.id}">
-                <th class="bg-secondary" style="--bs-bg-opacity: .5">상태</th>
+                <th class="bg-secondary" style="--bs-bg-opacity: .3">상태</th>
                 <td>
                   <c:choose>
                     <c:when test="${item.status eq '0'}"><span class="status-bar status-warning">수집</span> </c:when>
diff --git a/src/main/webapp/WEB-INF/jsp/admin/fieldView.jsp b/src/main/webapp/WEB-INF/jsp/admin/fieldView.jsp
index 318c5e1..cd234a1 100644
--- a/src/main/webapp/WEB-INF/jsp/admin/fieldView.jsp
+++ b/src/main/webapp/WEB-INF/jsp/admin/fieldView.jsp
@@ -18,15 +18,15 @@
     <div class="col-12 col-sm-4 collectionInfo" style="display: none;">
       <h5><i class="bi bi-dot"></i> 작성자 정보</h5>
       <div class="row mb-3 mx-2 border border-dark border-start-0 border-end-0">
-        <label for="company" class="col-4 col-form-label fw-bold text-end bg-secondary border-bottom" style="--bs-bg-opacity: .5">소속</label>
+        <label for="company" class="col-4 col-form-label fw-bold text-end bg-secondary border-bottom" style="--bs-bg-opacity: .3">소속</label>
         <div class="col-8 border-bottom">
           <input type="text" class="form-control bg-white border-0" id="company" placeholder="col-form-label" value="${userVO.company}" readonly>
         </div>
-        <label for="name" class="col-4 col-form-label fw-bold text-end bg-secondary border-bottom" style="--bs-bg-opacity: .5">이름</label>
+        <label for="name" class="col-4 col-form-label fw-bold text-end bg-secondary border-bottom" style="--bs-bg-opacity: .3">이름</label>
         <div class="col-8 border-bottom">
           <input type="text" class="form-control bg-white border-0" id="name" placeholder="col-form-label" value="${userVO.name}" readonly>
         </div>
-        <label for="phonenum" class="col-4 col-form-label fw-bold text-end bg-secondary" style="--bs-bg-opacity: .5">연락처</label>
+        <label for="phonenum" class="col-4 col-form-label fw-bold text-end bg-secondary" style="--bs-bg-opacity: .3">연락처</label>
         <div class="col-8 border-bottom">
           <input type="text" class="form-control bg-white border-0" id="phonenum" placeholder="col-form-label" value="${userVO.phonenum}" readonly>
         </div>
@@ -36,19 +36,19 @@
     <div class="col-12 col-sm-8 collectionInfo" style="display: none;">
       <h5><i class="bi bi-dot"></i> 지도 정보</h5>
       <div class="row mb-3 mx-2 border border-dark border-start-0 border-end-0">
-        <label for="layer_id" class="col-4 col-sm-2 col-form-label fw-bold text-end bg-secondary border-bottom" style="--bs-bg-opacity: .5">레이어 ID</label>
+        <label for="layer_id" class="col-4 col-sm-2 col-form-label fw-bold text-end bg-secondary border-bottom" style="--bs-bg-opacity: .3">레이어 ID</label>
         <div class="col-8 col-sm-4 border-bottom">
           <input type="text" class="form-control bg-white border-0" id="layer_id" placeholder="col-form-label" value="${fieldDataVO.layer_id}" readonly>
         </div>
-        <label for="save_date" class="col-4 col-sm-2  col-form-label fw-bold text-end bg-secondary border-bottom" style="--bs-bg-opacity: .5">수집일</label>
+        <label for="save_date" class="col-4 col-sm-2  col-form-label fw-bold text-end bg-secondary border-bottom" style="--bs-bg-opacity: .3">수집일</label>
         <div class="col-8 col-sm-4 border-bottom">
           <input type="text" class="form-control bg-white border-0" id="save_date" placeholder="col-form-label" value="${fieldDataVO.save_date}" readonly>
         </div>
-        <label for="region" class="col-4 col-sm-2  col-form-label fw-bold text-end bg-secondary border-bottom" style="--bs-bg-opacity: .5">지역</label>
+        <label for="region" class="col-4 col-sm-2  col-form-label fw-bold text-end bg-secondary border-bottom" style="--bs-bg-opacity: .3">지역</label>
         <div class="col-8 col-sm-4 border-bottom">
           <input type="text" class="form-control bg-white border-0" id="region" placeholder="col-form-label" value="${fieldDataVO.region}" readonly>
         </div>
-        <label class="col-4 col-sm-2  col-form-label fw-bold text-end bg-secondary border-bottom" style="--bs-bg-opacity: .5">상태</label>
+        <label class="col-4 col-sm-2  col-form-label fw-bold text-end bg-secondary border-bottom" style="--bs-bg-opacity: .3">상태</label>
         <div class="col-8 col-sm-4 border-bottom my-auto">
           <c:choose>
             <c:when test="${fieldDataVO.status eq '0'}">
@@ -68,11 +68,11 @@
             </c:when>
           </c:choose>
         </div>
-        <label for="description" class="col-4 col-sm-2  col-form-label fw-bold text-end bg-secondary" style="--bs-bg-opacity: .5">설명</label>
+        <label for="description" class="col-4 col-sm-2  col-form-label fw-bold text-end bg-secondary" style="--bs-bg-opacity: .3">설명</label>
         <div class="col-8 col-sm-4 border-bottom">
           <input type="text" class="form-control bg-white border-0" id="description" readonly>
         </div>
-        <label for="errInfo" class="col-4 col-sm-2  col-form-label fw-bold text-end bg-secondary" style="--bs-bg-opacity: .5">오류내용</label>
+        <label for="errInfo" class="col-4 col-sm-2  col-form-label fw-bold text-end bg-secondary" style="--bs-bg-opacity: .3">오류내용</label>
         <div class="col-8 col-sm-4 border-bottom">
           <input type="text" class="form-control bg-white border-0" id="errInfo" readonly>
         </div>
diff --git a/src/main/webapp/WEB-INF/jsp/admin/history.jsp b/src/main/webapp/WEB-INF/jsp/admin/history.jsp
index 0157cf5..eee8306 100644
--- a/src/main/webapp/WEB-INF/jsp/admin/history.jsp
+++ b/src/main/webapp/WEB-INF/jsp/admin/history.jsp
@@ -85,35 +85,35 @@
           <c:if test="${count >= 1}">
             <c:forEach var="item" items="${useHistoryList}">
             <tr class="border-bottom">
-              <th class="bg-secondary" style="--bs-bg-opacity: .5">소속</th>
+              <th class="bg-secondary" style="--bs-bg-opacity: .3">소속</th>
               <td><c:out value="${item.company}"/></td>
             </tr>
             <tr class="border-bottom">
-              <th class="bg-secondary" style="--bs-bg-opacity: .5">담당자</th>
+              <th class="bg-secondary" style="--bs-bg-opacity: .3">담당자</th>
               <td><c:out value="${item.name}"/></td>
             </tr>
             <tr class="border-bottom">
-              <th class="bg-secondary" style="--bs-bg-opacity: .5">동작</th>
+              <th class="bg-secondary" style="--bs-bg-opacity: .3">동작</th>
               <td>
                 <c:choose>
                   <c:when test="${item.log_type eq '0'}">
-                    <span class="status-bar status-success">로그인</span>
+                    <span class="status-bar status-success w-50 my-0 mx-auto">로그인</span>
                   </c:when>
                   <c:when test="${item.log_type eq '1'}">
-                    <span class="status-bar status-danger">로그아웃</span>
+                    <span class="status-bar status-danger w-50 my-0 mx-auto">로그아웃</span>
                   </c:when>
                   <c:when test="${item.log_type eq '2'}">
-                    <span class="status-bar status-warning">지도사용</span>
+                    <span class="status-bar status-warning w-50 my-0 mx-auto">지도사용</span>
                   </c:when>
                 </c:choose>
               </td>
             </tr>
             <tr class="border-bottom">
-              <th class="bg-secondary" style="--bs-bg-opacity: .5">위치</th>
+              <th class="bg-secondary" style="--bs-bg-opacity: .3">위치</th>
               <td><c:out value="${item.reqArea}"/></td>
             </tr>
             <tr class="border-0 border-bottom border-2 border-dark">
-              <th class="bg-secondary" style="--bs-bg-opacity: .5">날짜</th>
+              <th class="bg-secondary" style="--bs-bg-opacity: .3">날짜</th>
               <td class="td_date"><c:out value="${item.logDate}"/></td>
             </tr>
             </c:forEach>
diff --git a/src/main/webapp/WEB-INF/jsp/admin/request.jsp b/src/main/webapp/WEB-INF/jsp/admin/request.jsp
index 64571da..751c438 100644
--- a/src/main/webapp/WEB-INF/jsp/admin/request.jsp
+++ b/src/main/webapp/WEB-INF/jsp/admin/request.jsp
@@ -7,113 +7,140 @@
 <script src="<c:url value="/js/admin/request.js"/>"></script>
 
 <div class="section_content">
-    <h1 class="h4 m-3">지도사용 요청</h1>
-    <form:form commandName="useRequestSearchVO" name="searchForm" action="/admin/request" method="get">
-    <input type="hidden" name="status" value="<c:out value="${useRequestSearchVO.status}" />"/>
+  <h1 class="h4 m-3">지도사용 요청</h1>
+  <form:form commandName="useRequestSearchVO" name="searchForm" action="/admin/request" method="get">
+  <input type="hidden" name="status" value="<c:out value="${useRequestSearchVO.status}" />"/>
 
-    <div class="row justify-content-between bg-white mx-3 py-2">
-
-        <div class="col-auto">
-            <ul class="nav nav-pills"  role="tablist">
-                <li role="presentation" class="nav-item ms-2">
-                  <a class="nav-link ${empty useRequestSearchVO.status?'active':''}" href="/admin/request">전체</a>
-                </li>
-                <li role="presentation" class="nav-item">
-                  <a class="nav-link ${useRequestSearchVO.status eq '0'?'active':''}" href="/admin/request?status=0">승인</a>
-                </li>
-                <li role="presentation" class="nav-item">
-                  <a class="nav-link ${useRequestSearchVO.status eq '-1'?'active':''}" href="/admin/request?status=-1">반려</a>
-                </li>
-                <li role="presentation" class="nav-item">
-                  <a class="nav-link ${useRequestSearchVO.status eq '99'?'active':''}" href="/admin/request?status=99">승인대기(${statusCnt})</a>
-                </li>
-            </ul>
-        </div>
-
-        <div class="col-auto row">
-            <div class="col-auto">
-                <select class="form-select" name="searchCondition">
-                    <option value="all" ${useRequestSearchVO.searchCondition eq 'all'?'selected':''}>통합검색</option>
-                    <option value="title" ${useRequestSearchVO.searchCondition eq 'title'?'selected':''}>작업명</option>
-                    <option value="name" ${useRequestSearchVO.searchCondition eq 'name'?'selected':''}>이름</option>
-                    <option value="company" ${useRequestSearchVO.searchCondition eq 'company'?'selected':''}>소속</option>
-                </select>
-            </div>
-            <div class="col-auto">
-                <input type="text" class="form-control" name="searchKeyword" value="${userSearchVO.searchKeyword}"/>
-            </div>
-            <div class="col-auto">
-                <input class="btn btn-outline-secondary" type="submit" value="검색"/>
-            </div>
-        </div>
+  <div class="row justify-content-between bg-white mx-3">
+    <div class="col-auto py-2">
+      <ul class="nav nav-pills"  role="tablist">
+        <li role="presentation" class="nav-item ms-2">
+          <a class="nav-link ${empty useRequestSearchVO.status?'active':''}" href="/admin/request">전체</a>
+        </li>
+        <li role="presentation" class="nav-item">
+          <a class="nav-link ${useRequestSearchVO.status eq '0'?'active':''}" href="/admin/request?status=0">승인</a>
+        </li>
+        <li role="presentation" class="nav-item">
+          <a class="nav-link ${useRequestSearchVO.status eq '-1'?'active':''}" href="/admin/request?status=-1">반려</a>
+        </li>
+        <li role="presentation" class="nav-item">
+          <a class="nav-link ${useRequestSearchVO.status eq '99'?'active':''}" href="/admin/request?status=99">승인대기(${statusCnt})</a>
+        </li>
+      </ul>
     </div>
 
-    <div class="row m-3 p-2 bg-white">
-        <table class="table table-hover text-center">
-            <thead>
-            <tr>
-                <th>번호</th>
-                <th>작업명</th>
-                <th>소속</th>
-                <th>담당자</th>
-                <th>날짜</th>
-                <th>상태</th>
+    <div class="col-auto py-2 row">
+      <div class="col-12 col-sm-4">
+        <select class="form-select" name="searchCondition">
+          <option value="all" ${useRequestSearchVO.searchCondition eq 'all'?'selected':''}>통합검색</option>
+          <option value="title" ${useRequestSearchVO.searchCondition eq 'title'?'selected':''}>작업명</option>
+          <option value="name" ${useRequestSearchVO.searchCondition eq 'name'?'selected':''}>이름</option>
+          <option value="company" ${useRequestSearchVO.searchCondition eq 'company'?'selected':''}>소속</option>
+        </select>
+      </div>
+      <div class="col-8 col-sm-5">
+        <input type="text" class="form-control" name="searchKeyword" value="${userSearchVO.searchKeyword}"/>
+      </div>
+      <div class="col-4 col-sm-3">
+        <input class="btn btn-outline-secondary w-100" type="submit" value="검색"/>
+      </div>
+    </div>
+  </div>
+
+  <div class="row m-3 p-2 bg-white">
+    <div class="col-12 d-none d-sm-block">
+      <table class="table table-hover text-center">
+        <thead>
+        <tr>
+          <th>번호</th>
+          <th>작업명</th>
+          <th>소속</th>
+          <th>담당자</th>
+          <th>날짜</th>
+          <th>상태</th>
+        </tr>
+        </thead>
+        <tbody>
+        <c:if test="${count >= 1}">
+          <c:forEach var="item" items="${useRequestList}" varStatus="idx">
+            <tr class="clickAbleObj title-td" data-idx="${item.idx}">
+              <td><c:out value="${item.idx}"/></td>
+                <%--                        <td ><a href="/admin/request/ <c:out value='${item.idx}' />"><c:out value="${item.title}"/></a>--%>
+              <td>${item.title}</td>
+              <td><c:out value="${item.company}"/></td>
+              <td><c:out value="${item.name}"/></td>
+              <td class="td_date"><c:out value="${item.r_date}"/></td>
+              <td>
+                <c:choose>
+                  <c:when test="${item.status eq '99'}"><span class="status-bar status-warning"><c:out value='승인대기'/></span></c:when>
+                  <c:when test="${item.status eq '0'}"><span class="status-bar status-success"><c:out value='승인'/></span></c:when>
+                  <c:when test="${item.status eq '-1'}"><span class="status-bar status-danger"><c:out value='반려'/></span></c:when>
+                </c:choose>
+              </td>
             </tr>
-            </thead>
-            <tbody>
-            <c:if test="${count >= 1}">
-                <c:forEach var="item" items="${useRequestList}" varStatus="idx">
-                    <tr>
-                        <td><c:out value="${item.idx}"/></td>
-<%--                        <td ><a href="/admin/request/ <c:out value='${item.idx}' />"><c:out value="${item.title}"/></a>--%>
-                        <td class="clickAbleObj title-td" data-idx="${item.idx}">${item.title}</td>
-                        <td><c:out value="${item.company}"/></td>
-                        <td><c:out value="${item.name}"/></td>
-                        <td class="td_date"><c:out value="${item.r_date}"/></td>
-                        <td>
-                            <c:choose>
-                                <c:when test="${item.status eq '99'}"><span class="status-bar status-warning"><c:out value='승인대기'/></span></c:when>
-                                <c:when test="${item.status eq '0'}"><span class="status-bar status-success"><c:out value='승인'/></span></c:when>
-                                <c:when test="${item.status eq '-1'}"><span class="status-bar status-danger"><c:out value='반려'/></span></c:when>
-                            </c:choose>
-                        </td>
-                    </tr>
-                </c:forEach>
-            </c:if>
-            <c:if test="${count == 0}">
-                <tr>
-                    <td colspan="6">요청한 목록이 없습니다.</td>
-                </tr>
-            </c:if>
-            </tbody>
-        </table>
+          </c:forEach>
+        </c:if>
+        <c:if test="${count == 0}">
+          <tr>
+            <td colspan="6">요청한 목록이 없습니다.</td>
+          </tr>
+        </c:if>
+        </tbody>
+      </table>
     </div>
-    <div class="text-page">
-        <form:hidden path="pageIndex"/></form:form>
-        <nav aria-label="Page navigation">
-            <ul class="pagination justify-content-center">
-                <ui:pagination paginationInfo="${paginationInfo}" type="image" jsFunction="fn_link_page"/>
-            </ul>
-        </nav>
+    <div class="col-12 d-block d-sm-none">
+      <c:if test="${count >= 1}">
+        <c:forEach var="item" items="${useRequestList}" varStatus="status">
+          <div class="row text-center border-0 ${status.first?'border-top':''} border-bottom border-2 border-dark clickAbleObj title-td" data-idx="${item.idx}">
+            <div class="col-4 py-1 border-bottom bg-secondary fw-bold" style="--bs-bg-opacity: .3">번호</div>
+            <div class="col-8 py-1 border-bottom"><c:out value="${item.idx}"/></div>
+            <div class="col-4 py-1 border-bottom bg-secondary fw-bold" style="--bs-bg-opacity: .3">작업명</div>
+            <div class="col-8 py-1 border-bottom"><c:out value="${item.title}"/></div>
+            <div class="col-4 py-1 border-bottom bg-secondary fw-bold" style="--bs-bg-opacity: .3">소속</div>
+            <div class="col-8 py-1 border-bottom"><c:out value="${item.company}"/></div>
+            <div class="col-4 py-1 border-bottom bg-secondary fw-bold" style="--bs-bg-opacity: .3">담당자</div>
+            <div class="col-8 py-1 border-bottom"><c:out value="${item.name}"/></div>
+            <div class="col-4 py-1 border-bottom bg-secondary fw-bold" style="--bs-bg-opacity: .3">날짜</div>
+            <div class="col-8 py-1 border-bottom td_date"><c:out value="${item.r_date}"/></div>
+            <div class="col-4 py-1 bg-secondary fw-bold" style="--bs-bg-opacity: .3">상태</div>
+            <div class="col-8 py-1">
+              <c:choose>
+                <c:when test="${item.status eq '99'}"><span class="status-bar status-warning w-50 my-0 mx-auto"><c:out value='승인대기'/></span></c:when>
+                <c:when test="${item.status eq '0'}"><span class="status-bar status-success w-50 my-0 mx-auto"><c:out value='승인'/></span></c:when>
+                <c:when test="${item.status eq '-1'}"><span class="status-bar status-danger w-50 my-0 mx-auto"><c:out value='반려'/></span></c:when>
+              </c:choose>
+            </div>
+          </div>
+        </c:forEach>
+      </c:if>
+      <c:if test="${count == 0}">
+        <div class="row text-center border-0 border-top border-bottom border-2 border-dark clickAbleObj title-td" data-idx="${item.idx}">
+          <div class="col-12 py-2">요청한 목록이 없습니다.</div>
+        </div>
+      </c:if>
     </div>
+  </div>
+  <div class="text-page">
+    <form:hidden path="pageIndex"/></form:form>
+    <nav aria-label="Page navigation">
+      <ul class="pagination justify-content-center">
+        <ui:pagination paginationInfo="${paginationInfo}" type="image" jsFunction="fn_link_page"/>
+      </ul>
+    </nav>
+  </div>
 </div>
 
 
 <div class="modal fade" id="adminRequestModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="adminRequestModalLabel" aria-hidden="true">
-    <div class="modal-dialog modal-lg">
-        <div class="modal-content">
-            <div class="modal-header">
-                <h5 class="modal-title" id="adminRequestModalLabel">지도 사용 요청</h5>
-                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
-            </div>
-            <div class="modal-body" id="adminRequestModalBody">
+  <div class="modal-dialog modal-lg">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h5 class="modal-title" id="adminRequestModalLabel">지도 사용 요청</h5>
+        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+      </div>
+      <div class="modal-body" id="adminRequestModalBody">
 
-            </div>
-        </div>
+      </div>
     </div>
-</div>
-
-
-<div class="section_title">
-    <!-- <p>현장 지원 시스템</p> -->
+  </div>
 </div>
\ No newline at end of file
diff --git a/src/main/webapp/WEB-INF/jsp/admin/requestView.jsp b/src/main/webapp/WEB-INF/jsp/admin/requestView.jsp
index a9970fa..968d4bd 100644
--- a/src/main/webapp/WEB-INF/jsp/admin/requestView.jsp
+++ b/src/main/webapp/WEB-INF/jsp/admin/requestView.jsp
@@ -7,190 +7,145 @@
 
 
 <form:form commandName="useRequestVO" name="frm" method="POST" action="/admin/updateReqConfirm" id="updateFrm">
-    <input type="hidden" name="idx" value="<c:out value='${useRequestVO.idx}' />"/>
-    <input type="hidden" name="admin_id" value="<c:out value='${loginUserVO.userid}' />"/>
-    <div class="section_title">
-        <!-- <p>현장 지원 시스템</p> -->
-    </div>
+  <input type="hidden" name="idx" value="<c:out value='${useRequestVO.idx}' />"/>
+  <input type="hidden" name="admin_id" value="<c:out value='${loginUserVO.userid}' />"/>
 
-    <div class="section_content">
-    <input type="hidden" id="layers" name="layers"/>
-    <input type="hidden" id="places" name="places"/>
-    <table class="table table-hover">
-        <thead>
-        <h5>&nbsp;신청자</h5>
-        </thead>
-        <tbody>
-        <tr>
-            <th>소속</th>
-            <td class="text-center"><c:out value='${userVO.company}'/></td>
-            <th>이름</th>
-            <td class="text-center"><c:out value='${userVO.name}'/></td>
-            <th>연락처</th>
-            <td class="text-center"><c:out value='${userVO.phonenum}'/></td>
-            <th>상태</th>
-            <td class="text-center">
-                <c:choose>
-                    <c:when test="${useRequestVO.status eq '99'}"><span class="label label-warning"><c:out
-                            value='승인대기'/></span></c:when>
-                    <c:when test="${useRequestVO.status eq '0'}"><span class="label label-success"><c:out
-                            value='승인'/></span></c:when>
-                    <c:when test="${useRequestVO.status eq '-1'}"><span class="label label-default"><c:out
-                            value='반려'/></span></c:when>
-                </c:choose>
-            </td>
-        </tr>
-        </tbody>
-    </table>
-    <table class="detail_table">
-        <tbody>
-        <tr>
-            <th style="background-color: #f8f8f8" colspan="2">작업명</th>
-            <td><c:out value='${useRequestVO.title}'/></td>
-        </tr>
-        <tr>
-            <th colspan="2">기간</th>
-            <td><c:out value='${useRequestVO.s_date}'/> ~ <c:out
-                    value='${useRequestVO.e_date}'/></td>
-        </tr>
-        <tr>
-            <th colspan="2">장소</th>
-            <td id="area_select_td">
-                <c:forEach var="item" items="${selectArea}" varStatus="status">
-                    <div id="addedBlock<c:out value='${status.index}' />">
-                        <c:out value=''/>${item}
-                    </div>
-                </c:forEach>
-            </td>
-        </tr>
-        <tr>
-
-            <th rowspan="3">레이어</th>
-                <%--                <td colspan="3">--%>
-            <th><label>지하시설물</label></th>
-            <td>
-                    <%--                    <div class="form-check">--%>
-                <c:forEach var="item" items="${layersVO}" varStatus="status">
-                    <c:if test="${item.code eq  'facility'}">
-                        <c:set var="faciltySize" value="${faciltySize+1}"/>
-                        <label class="layer-label"><input type="checkbox" name="${item.code}" id="${item.code}"
-                                                          disabled="disabled" value="${item.layer}"
-                                <c:forEach var="item2" items="${layers}" varStatus="status2">
-                                    <c:if test="${item.layer eq item2}">
-                                        <c:out value='checked'/>
-                                    </c:if>
-                                </c:forEach>
-                        /> <c:out value='${item.name}'/>
-                        </label>
-                    </c:if>
-                </c:forEach>
-                    <%--                    </div>--%>
-            </td>
-        </tr>
-        <tr>
-            <th><label>지하구조물</label></th>
-            <td>
-                    <%--                    <div class="form-check">--%>
-                <c:forEach var="item" items="${layersVO}" varStatus="status">
-                    <c:if test="${item.code eq  'structure'}">
-                        <label class="layer-label">
-                            <input type="checkbox" name="${item.code}" id="${item.code}" disabled="disabled"
-                                   value="${item.layer}"
-                                    <c:forEach var="item2" items="${layers}" varStatus="status2">
-                                        <c:if test="${item.layer eq item2}">
-                                            <c:out value='checked'/>
-                                        </c:if>
-                                    </c:forEach>
-                            /> <c:out value='${item.name}'/>
-                        </label>
-                    </c:if>
-                </c:forEach>
-                    <%--                    </div>--%>
-            </td>
-        </tr>
-        <tr>
-            <th><label>지반</label></th>
-            <td>
-                    <%--                    <div class="form-check">--%>
-                <c:forEach var="item" items="${layersVO}" varStatus="status">
-                    <c:if test="${item.code eq  'ground'}">
-                        <label class="layer-label" style="display: inline-block">
-                            <input type="checkbox" name="${item.code}" id="${item.code}" disabled="disabled"
-                                   value="${item.layer}"
-                                    <c:forEach var="item2" items="${layers}" varStatus="status2">
-                                        <c:if test="${item.layer eq item2}">
-                                            checked
-                                        </c:if>
-                                    </c:forEach>
-                            /> <c:out value='${item.name}'/>
-                        </label>
-                    </c:if>
-                </c:forEach>
-                    <%--                    </div>--%>
-            </td>
-        </tr>
-
-
-        <tr>
-            <th colspan="2">요청 내용</th>
-            <td style="text-align: center"><c:out value='${useRequestVO.user_msg}'/></td>
-        </tr>
-
-
-        </tbody>
-    </table>
-    </div>
-    <c:choose>
+  <input type="hidden" id="layers" name="layers"/>
+  <input type="hidden" id="places" name="places"/>
+  <h5>&nbsp;신청자</h5>
+  <div class="row gx-0 text-center border-0 border-top border-bottom border-2 border-dark">
+    <div class="col-4 col-sm-2 py-1 border-bottom bg-secondary fw-bold" style="--bs-bg-opacity: .3">소속</div>
+    <div class="col-8 col-sm-4 py-1 border-bottom"><c:out value="${userVO.company}"/></div>
+    <div class="col-4 col-sm-2 py-1 border-bottom bg-secondary fw-bold" style="--bs-bg-opacity: .3">이름</div>
+    <div class="col-8 col-sm-4 py-1 border-bottom"><c:out value="${userVO.name}"/></div>
+    <div class="col-4 col-sm-2 py-1 border-bottom bg-secondary fw-bold" style="--bs-bg-opacity: .3">연락처</div>
+    <div class="col-8 col-sm-4 py-1 border-bottom"><c:out value="${userVO.phonenum}"/></div>
+    <div class="col-4 col-sm-2 py-1 bg-secondary fw-bold" style="--bs-bg-opacity: .3">상태</div>
+    <div class="col-8 col-sm-4 py-1">
+      <c:choose>
         <c:when test="${useRequestVO.status eq '99'}">
-            <table class="detail_table" style="margin-right: 1em">
-                <tbody>
-                <tr>
-                    <th>전달 메세지</th>
-                    <td>
-                        <textarea class="form-control" rows="3" cols="50%" style="resize:none;"
-                                  name="admin_msg"></textarea>
-                    </td>
-                </tr>
-                </tbody>
-            </table>
-            <input type="hidden" name="status" id="status"/>
-
-
-            <div class="section_btn">
-                <p class="search_p1">
-                    <input class="btn btn-secondary" type="button" value="닫기" data-bs-dismiss="modal"/>
-                </p>
-                <p class="search_p2">
-                    <input class="btn btn-danger" type="button" value="거절"
-                           onclick="confirmReqBtn('-1'); return false;"/>
-                    <input class="btn btn-success" type="button" value="승인"
-                           onclick="confirmReqBtn('0'); return false;"/>
-                </p>
-            </div>
-
-
+          <span class="status-bar status-warning w-75 my-0 mx-auto"><c:out value='승인대기'/></span>
         </c:when>
-        <c:otherwise>
-
-            <table class="detail_table">
-                <tbody>
-                <tr>
-                    <th>전달 메세지</th>
-                    <td><c:out value='${useRequestVO.admin_msg}'/></td>
-                </tr>
-                </tbody>
-            </table>
-            </div>
-
-
-            <div class="section_btn">
-                <p class="search_p1">
-                    <input class="btn btn-secondary" type="button" value="닫기"
-                           data-bs-dismiss="modal"/>
-                </p>
-            </div>
-
-        </c:otherwise>
-    </c:choose>
-</form:form>
-</div>
\ No newline at end of file
+        <c:when test="${useRequestVO.status eq '0'}">
+          <span class="status-bar status-success w-75 my-0 mx-auto"><c:out value='승인'/></span>
+        </c:when>
+        <c:when test="${useRequestVO.status eq '-1'}">
+          <span class="status-bar status-danger w-75 my-0 mx-auto"><c:out value='반려'/></span>
+        </c:when>
+      </c:choose>
+    </div>
+  </div>
+  <table class="detail_table">
+    <tbody>
+    <tr>
+      <th class="d-none d-sm-table-cell" colspan="2">작업명</th>
+      <th class="d-table-cell d-sm-none">작업명</th>
+      <td><c:out value='${useRequestVO.title}'/></td>
+    </tr>
+    <tr>
+      <th class="d-none d-sm-table-cell" colspan="2">기간</th>
+      <th class="d-table-cell d-sm-none">기간</th>
+      <td><c:out value='${useRequestVO.s_date}'/> ~ <c:out
+          value='${useRequestVO.e_date}'/></td>
+    </tr>
+    <tr>
+      <th class="d-none d-sm-table-cell" colspan="2">장소</th>
+      <th class="d-table-cell d-sm-none">장소</th>
+      <td id="area_select_td">
+        <c:forEach var="item" items="${selectArea}" varStatus="status">
+          <div id="addedBlock<c:out value='${status.index}' />">
+            <c:out value=''/>${item}
+          </div>
+        </c:forEach>
+      </td>
+    </tr>
+    <tr>
+      <th class="d-none d-sm-table-cell" colspan="2">요청 내용</th>
+      <th class="d-table-cell d-sm-none">장소</th>
+      <td style="text-align: center"><c:out value='${useRequestVO.user_msg}'/></td>
+    </tr>
+    <tr class="d-table-row d-sm-none">
+      <th colspan="3">레이어</th>
+    </tr>
+    <tr>
+      <th class="d-none d-sm-table-cell" rowspan="3">레이어</th>
+      <th><label>지하시설물</label></th>
+      <td>
+        <c:forEach var="item" items="${layersVO}" varStatus="status">
+          <c:if test="${item.code eq  'facility'}">
+            <label class="layer-label">
+              <input type="checkbox" name="${item.code}" id="${item.code}" value="${item.layer}"
+                ${fn:contains(useRequestVO.layers, item.layer)?'checked':''}/> <c:out value='${item.name}'/>
+            </label>
+          </c:if>
+        </c:forEach>
+      </td>
+    </tr>
+    <tr>
+      <th><label>지하구조물</label></th>
+      <td>
+        <c:forEach var="item" items="${layersVO}" varStatus="status">
+          <c:if test="${item.code eq  'structure'}">
+            <label class="layer-label">
+              <input type="checkbox" name="${item.code}" id="${item.code}" value="${item.layer}"
+                ${fn:contains(useRequestVO.layers, item.layer)?'checked':''}/> <c:out value='${item.name}'/>
+            </label>
+          </c:if>
+        </c:forEach>
+      </td>
+    </tr>
+    <tr>
+      <th><label>지반</label></th>
+      <td>
+        <c:forEach var="item" items="${layersVO}" varStatus="status">
+          <c:if test="${item.code eq  'ground'}">
+            <label class="layer-label" style="display: inline-block">
+              <input type="checkbox" name="${item.code}" id="${item.code}" value="${item.layer}"
+                ${fn:contains(useRequestVO.layers, item.layer)?'checked':''}/> <c:out value='${item.name}'/>
+            </label>
+          </c:if>
+        </c:forEach>
+      </td>
+    </tr>
+    </tbody>
+  </table>
+  <c:choose>
+    <c:when test="${useRequestVO.status eq '99'}">
+      <table class="detail_table" style="margin-right: 1em">
+        <tbody>
+        <tr>
+          <th>전달 메세지</th>
+          <td>
+            <textarea class="form-control" name="admin_msg" rows="3" cols="50%" style="resize:none;"></textarea>
+          </td>
+        </tr>
+        </tbody>
+      </table>
+      <input type="hidden" name="status" id="status"/>
+      <div class="section_btn">
+        <p class="search_p1">
+          <input class="btn btn-secondary" type="button" value="닫기" data-bs-dismiss="modal"/>
+        </p>
+        <p class="search_p2">
+          <input class="btn btn-danger" type="button" value="거절" onclick="confirmReqBtn('-1'); return false;"/>
+          <input class="btn btn-success" type="button" value="승인" onclick="confirmReqBtn('0'); return false;"/>
+        </p>
+      </div>
+    </c:when>
+    <c:otherwise>
+      <table class="detail_table">
+        <tbody>
+        <tr>
+          <th>전달 메세지</th>
+          <td><c:out value='${useRequestVO.admin_msg}'/></td>
+        </tr>
+        </tbody>
+      </table>
+      <div class="section_btn">
+        <p class="search_p1">
+          <input class="btn btn-secondary" type="button" value="닫기" data-bs-dismiss="modal"/>
+        </p>
+      </div>
+    </c:otherwise>
+  </c:choose>
+</form:form>
\ No newline at end of file
diff --git a/src/main/webapp/WEB-INF/jsp/admin/userInfo.jsp b/src/main/webapp/WEB-INF/jsp/admin/userInfo.jsp
index 2ea2ac9..7711f43 100644
--- a/src/main/webapp/WEB-INF/jsp/admin/userInfo.jsp
+++ b/src/main/webapp/WEB-INF/jsp/admin/userInfo.jsp
@@ -99,31 +99,31 @@
               <c:if test="${count >= 1}">
                 <c:forEach var="user" items="${userList}" varStatus="idx">
                   <tr class="clickAbleObj userInfoModalBtn border-bottom" data-userid="${user.userid}">
-                    <th class="bg-secondary" style="--bs-bg-opacity: .5">아이디</th>
+                    <th class="bg-secondary" style="--bs-bg-opacity: .3">아이디</th>
                     <td><c:out value='${user.userid}'/></td>
                   </tr>
                   <tr class="clickAbleObj userInfoModalBtn border-bottom" data-userid="${user.userid}">
-                    <th class="bg-secondary" style="--bs-bg-opacity: .5">이름</th>
+                    <th class="bg-secondary" style="--bs-bg-opacity: .3">이름</th>
                     <td><c:out value='${user.name}'/></td>
                   </tr>
                   <tr class="clickAbleObj userInfoModalBtn border-bottom" data-userid="${user.userid}">
-                    <th class="bg-secondary" style="--bs-bg-opacity: .5">소속</th>
+                    <th class="bg-secondary" style="--bs-bg-opacity: .3">소속</th>
                     <td><c:out value='${user.company}'/></td>
                   </tr>
                   <tr class="clickAbleObj userInfoModalBtn border-bottom" data-userid="${user.userid}">
-                    <th class="bg-secondary" style="--bs-bg-opacity: .5">전화번호</th>
+                    <th class="bg-secondary" style="--bs-bg-opacity: .3">전화번호</th>
                     <td><c:out value='${user.phonenum}'/></td>
                   </tr>
                   <tr class="clickAbleObj userInfoModalBtn border-bottom" data-userid="${user.userid}">
-                    <th class="bg-secondary" style="--bs-bg-opacity: .5">이메일</th>
+                    <th class="bg-secondary" style="--bs-bg-opacity: .3">이메일</th>
                     <td><c:out value='${user.email}'/></td>
                   </tr>
                   <tr class="clickAbleObj userInfoModalBtn border-bottom" data-userid="${user.userid}">
-                    <th class="bg-secondary" style="--bs-bg-opacity: .5">가입일</th>
+                    <th class="bg-secondary" style="--bs-bg-opacity: .3">가입일</th>
                     <td class="td_date"><c:out value='${user.regdate}'/></td>
                   </tr>
                   <tr class="border-0 border-bottom border-2 border-dark">
-                    <th class="bg-secondary" style="--bs-bg-opacity: .5">${userSearchVO.auth eq '99'?'상태':'권한'}</th>
+                    <th class="bg-secondary" style="--bs-bg-opacity: .3">${userSearchVO.auth eq '99'?'상태':'권한'}</th>
                     <td>
                       <c:choose>
                         <c:when test="${user.auth eq '1'}">관리자</c:when>
diff --git a/src/main/webapp/css/style.css b/src/main/webapp/css/style.css
index 526f715..7e800ac 100644
--- a/src/main/webapp/css/style.css
+++ b/src/main/webapp/css/style.css
@@ -651,10 +651,6 @@ a {
 
 }
 
-.title-td {
-    width: 50%;
-}
-
 .input-datepicker {
     width: 120px;
     display: inline;
diff --git a/src/main/webapp/js/admin/fieldData.js b/src/main/webapp/js/admin/fieldData.js
index f3fd0ae..54a1923 100644
--- a/src/main/webapp/js/admin/fieldData.js
+++ b/src/main/webapp/js/admin/fieldData.js
@@ -136,7 +136,7 @@ function makePropTable(idx) {
     // } else {
     //   tags += "<tr><th>" + i + "</th><td>" + numberFormatter(field_data[idx].prop[i],2) + "</td>";
     // }
-    tags += "<tr><th class='text-end bg-secondary' style='--bs-bg-opacity: .5'>" + i + "</th><td>" + numberFormatter(field_data[idx].prop[i],2) + "</td></tr>";
+    tags += "<tr><th class='text-end bg-secondary' style='--bs-bg-opacity: .3'>" + i + "</th><td>" + numberFormatter(field_data[idx].prop[i],2) + "</td></tr>";
   }
   $("#fieldDataBody").append(tags);
 
diff --git a/src/main/webapp/js/admin/request.js b/src/main/webapp/js/admin/request.js
index c768aad..a64bc9e 100644
--- a/src/main/webapp/js/admin/request.js
+++ b/src/main/webapp/js/admin/request.js
@@ -7,7 +7,10 @@ $(function(){
 $(document).on('click', '.title-td', function (){
     adminRequestModalOpen('/admin/request/'+$(this).attr("data-idx"));
 })
-
+$(document).on('change', '.layer-label', function (){
+  const checkBox = $(this).find("input")[0]
+  checkBox.checked = !checkBox.checked;
+})
 function adminRequestModalOpen(url){
     $.ajax({
         url: url,