From b5368216b4ca4cf5fb0b0c138cd5deb951f594d0 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: Tue, 15 Mar 2022 14:38:38 +0900
Subject: [PATCH] =?UTF-8?q?=ED=98=84=EC=9E=A5=EC=88=98=EC=A7=91=EB=8D=B0?=
 =?UTF-8?q?=EC=9D=B4=ED=84=B0=20=ED=8E=98=EC=9D=B4=EC=A7=80=20=EB=B0=98?=
 =?UTF-8?q?=EC=9D=91=ED=98=95=20=EC=B2=98=EB=A6=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../webapp/WEB-INF/jsp/admin/fieldData.jsp    | 169 ++++++++++++------
 .../webapp/WEB-INF/jsp/admin/fieldView.jsp    | 164 ++++++++---------
 .../webapp/WEB-INF/jsp/admin/userInfo.jsp     |   8 +-
 3 files changed, 186 insertions(+), 155 deletions(-)

diff --git a/src/main/webapp/WEB-INF/jsp/admin/fieldData.jsp b/src/main/webapp/WEB-INF/jsp/admin/fieldData.jsp
index 573c114..6b7845d 100644
--- a/src/main/webapp/WEB-INF/jsp/admin/fieldData.jsp
+++ b/src/main/webapp/WEB-INF/jsp/admin/fieldData.jsp
@@ -19,39 +19,35 @@
 <div class="mx-lg-2">
   <h1 class="h4 m-3"> 현장수집 데이터</h1>
   <form:form commandName="fieldDataSearchVO" name="searchForm" action="/admin/fieldData" method="get">
-    <div class="row justify-content-between bg-white mx-3 py-2">
-      <div class="col-auto">
+    <div class="row justify-content-between bg-white mx-3">
+      <div class="col-auto py-2">
         <ul class="nav">
           <li class="nav-item statusTab">
-            <a class="nav-link ${fieldDataSearchVO.status0 eq 1?'active':'disabled'}" href="#">
-              <input type="checkbox" class="statusChkBox d-none" name="status0" id="status0"
-                     value="1" ${fieldDataSearchVO.status0 eq 1?'checked':''}>
+            <a class="nav-link px-2 ${fieldDataSearchVO.status0 eq 1?'active':'disabled'}" href="#">
+              <input type="checkbox" class="statusChkBox d-none" name="status0" id="status0" value="1" ${fieldDataSearchVO.status0 eq 1?'checked':''}>
               <label for="status0">수집</label>
             </a>
           </li>
           <li class="nav-item statusTab">
-            <a class="nav-link ${fieldDataSearchVO.status1 eq 1?'active':'disabled'}" href="#">
-              <input type="checkbox" class="statusChkBox d-none" name="status1" id="status1"
-                     value="1" ${fieldDataSearchVO.status1 eq 1?'checked':''}>
+            <a class="nav-link px-2 ${fieldDataSearchVO.status1 eq 1?'active':'disabled'}" href="#">
+              <input type="checkbox" class="statusChkBox d-none" name="status1" id="status1" value="1" ${fieldDataSearchVO.status1 eq 1?'checked':''}>
               <label for="status1">검증실패</label>
             </a>
           </li>
           <li class="nav-item statusTab">
-            <a class="nav-link ${fieldDataSearchVO.status2 eq 1?'active':'disabled'}" href="#">
-              <input type="checkbox" class="statusChkBox d-none" name="status2" id="status2"
-                     value="1" ${fieldDataSearchVO.status2 eq 1?'checked':''}>
+            <a class="nav-link px-2 ${fieldDataSearchVO.status2 eq 1?'active':'disabled'}" href="#">
+              <input type="checkbox" class="statusChkBox d-none" name="status2" id="status2" value="1" ${fieldDataSearchVO.status2 eq 1?'checked':''}>
               <label for="status2">검증</label>
             </a>
           </li>
           <li class="nav-item statusTab">
-            <a class="nav-link ${fieldDataSearchVO.status3 eq 1?'active':'disabled'}">
-              <input type="checkbox" class="statusChkBox d-none" name="status3" id="status3"
-                     value="1" ${fieldDataSearchVO.status3 eq 1?'checked':''}>
+            <a class="nav-link px-2 ${fieldDataSearchVO.status3 eq 1?'active':'disabled'}">
+              <input type="checkbox" class="statusChkBox d-none" name="status3" id="status3" value="1" ${fieldDataSearchVO.status3 eq 1?'checked':''}>
               <label for="status3">반영실패</label>
             </a>
           </li>
           <li class="nav-item statusTab">
-            <a class="nav-link ${fieldDataSearchVO.status4 eq 1?'active':'disabled'}" href="#">
+            <a class="nav-link px-2 ${fieldDataSearchVO.status4 eq 1?'active':'disabled'}" href="#">
               <input type="checkbox" class="statusChkBox d-none" name="status4" id="status4"
                      value="1" ${fieldDataSearchVO.status4 eq 1?'checked':''}>
               <label for="status4">반영</label>
@@ -60,8 +56,8 @@
         </ul>
       </div>
 
-      <div class="col-auto row">
-        <div class="col-auto">
+      <div class="col-auto py-2 row">
+        <div class="col-12 col-sm-4">
           <select class="form-select" name="searchCondition">
             <option <c:if test="${fieldDataSearchVO.searchCondition eq 'all'}"><c:out
                 value="selected"/></c:if> value="all">통합검색
@@ -78,57 +74,114 @@
           </select>
         </div>
 
-        <div class="col-auto">
+        <div class="col-9 col-sm-5">
           <input type="text" class="form-control" name="searchKeyword"
                  value="${fieldDataSearchVO.searchKeyword}"/>
         </div>
-        <div class="col-auto">
-          <input class="btn btn-outline-secondary" type="submit" value="검색"/>
+        <div class="col-3 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">
-      <table class="table table-hover text-center">
-        <thead>
-        <tr>
-          <th>Data ID</th>
-          <th>지역</th>
-          <th>소속</th>
-          <th>담당자</th>
-          <th>수집날짜</th>
-          <th>상태</th>
-        </tr>
-        </thead>
-        <tbody>
-        <c:if test="${count >= 1}">
-          <c:forEach var="item" items="${fieldDataList}">
-            <tr class="clickAbleObj fieldDataTr" data-id="${item.id}">
-                <%--<a href="/admin/fieldData/${item.id}">--%>
-              <td><c:out value="${item.id}"/></td>
-              <td><c:out value="${item.region}"/></td>
-              <td><c:out value="${item.userVO.company}"/></td>
-              <td><c:out value="${item.userVO.name}"/></td>
-              <td class="td_date"><c:out value="${item.save_date}"/></td>
-              <td>
-                <c:choose>
-                  <c:when test="${item.status eq '0'}"><span class="status-bar status-warning">수집</span> </c:when>
-                  <c:when test="${item.status eq '1'}"><span class="status-bar status-danger">검증실패</span> </c:when>
-                  <c:when test="${item.status eq '2'}"><span class="status-bar status-warning">검증</span> </c:when>
-                  <c:when test="${item.status eq '3'}"><span class="status-bar status-danger">반영실패</span> </c:when>
-                  <c:when test="${item.status eq '4'}"><span class="status-bar status-success">반영</span> </c:when>
-                </c:choose>
-              </td>
-            </tr>
-          </c:forEach>
-        </c:if>
-        <c:if test="${count == 0}">
+      <div class="col-12 d-none d-sm-block">
+        <table class="table table-hover text-center">
+          <thead>
           <tr>
-            <td colspan="4">요청한 목록이 없습니다.</td>
+            <th>Data ID</th>
+            <th>지역</th>
+            <th>소속</th>
+            <th>담당자</th>
+            <th>수집날짜</th>
+            <th>상태</th>
           </tr>
-        </c:if>
-        </tbody>
-      </table>
+          </thead>
+          <tbody>
+          <c:if test="${count >= 1}">
+            <c:forEach var="item" items="${fieldDataList}">
+              <tr class="clickAbleObj fieldDataTr" data-id="${item.id}">
+                  <%--<a href="/admin/fieldData/${item.id}">--%>
+                <td><c:out value="${item.id}"/></td>
+                <td><c:out value="${item.region}"/></td>
+                <td><c:out value="${item.userVO.company}"/></td>
+                <td><c:out value="${item.userVO.name}"/></td>
+                <td class="td_date"><c:out value="${item.save_date}"/></td>
+                <td>
+                  <c:choose>
+                    <c:when test="${item.status eq '0'}"><span class="status-bar status-warning">수집</span> </c:when>
+                    <c:when test="${item.status eq '1'}"><span class="status-bar status-danger">검증실패</span> </c:when>
+                    <c:when test="${item.status eq '2'}"><span class="status-bar status-warning">검증</span> </c:when>
+                    <c:when test="${item.status eq '3'}"><span class="status-bar status-danger">반영실패</span> </c:when>
+                    <c:when test="${item.status eq '4'}"><span class="status-bar status-success">반영</span> </c:when>
+                  </c:choose>
+                </td>
+              </tr>
+            </c:forEach>
+          </c:if>
+          <c:if test="${count == 0}">
+            <tr>
+              <td colspan="4">요청한 목록이 없습니다.</td>
+            </tr>
+          </c:if>
+          </tbody>
+        </table>
+      </div>
+
+      <div class="col-12 d-block d-sm-none">
+        <table class="table table-hover text-center">
+          <tbody class="border-0 border-top border-bottom border-2 border-dark">
+          <c:if test="${count >= 1}">
+            <c:forEach var="item" items="${fieldDataList}">
+              <%--
+            <th></th>
+            <th>지역</th>
+            <th>소속</th>
+            <th></th>
+            <th></th>
+            <th></th>--%>
+              <tr class="clickAbleObj fieldDataTr" data-id="${item.id}">
+                <th class="bg-secondary" style="--bs-bg-opacity: .5">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>
+                <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>
+                <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>
+                <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>
+                <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>
+                <td>
+                  <c:choose>
+                    <c:when test="${item.status eq '0'}"><span class="status-bar status-warning">수집</span> </c:when>
+                    <c:when test="${item.status eq '1'}"><span class="status-bar status-danger">검증실패</span> </c:when>
+                    <c:when test="${item.status eq '2'}"><span class="status-bar status-warning">검증</span> </c:when>
+                    <c:when test="${item.status eq '3'}"><span class="status-bar status-danger">반영실패</span> </c:when>
+                    <c:when test="${item.status eq '4'}"><span class="status-bar status-success">반영</span> </c:when>
+                  </c:choose>
+                </td>
+              </tr>
+            </c:forEach>
+          </c:if>
+          <c:if test="${count == 0}">
+            <tr>
+              <td>요청한 목록이 없습니다.</td>
+            </tr>
+          </c:if>
+          </tbody>
+        </table>
+      </div>
     </div>
 
     <div class="text-page">
diff --git a/src/main/webapp/WEB-INF/jsp/admin/fieldView.jsp b/src/main/webapp/WEB-INF/jsp/admin/fieldView.jsp
index 3491dd0..318c5e1 100644
--- a/src/main/webapp/WEB-INF/jsp/admin/fieldView.jsp
+++ b/src/main/webapp/WEB-INF/jsp/admin/fieldView.jsp
@@ -8,84 +8,85 @@
   field_data = JSON.parse('${fieldDataVO.field_data}');
 </script>
 <div class="section_content">
-  <div class="row justify-content-end bg-white mx-3 py-2">
-    <div class="col-12 row">
-      <div class="col-12 row justify-content-end">
-        <div class="col-auto">
-          <input type="button" class="btn btn-sm btn-info" id="collectionInfoBtn" value="수집 정보 확인">
-        </div>
+  <div class="row bg-white py-2">
+    <div class="col-12 row justify-content-end">
+      <div class="col-auto">
+        <input type="button" class="btn btn-sm btn-info" id="collectionInfoBtn" value="수집 정보 확인">
       </div>
-      <div class="col-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>
-          <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>
-          <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>
-          <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>
+    </div>
+
+    <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>
+        <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>
-      </div>
-      <div class="col-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-2 col-form-label fw-bold text-end bg-secondary border-bottom" style="--bs-bg-opacity: .5">레이어 ID</label>
-          <div class="col-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-2 col-form-label fw-bold text-end bg-secondary border-bottom" style="--bs-bg-opacity: .5">수집일</label>
-          <div class="col-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-2 col-form-label fw-bold text-end bg-secondary border-bottom" style="--bs-bg-opacity: .5">지역</label>
-          <div class="col-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-2 col-form-label fw-bold text-end bg-secondary border-bottom" style="--bs-bg-opacity: .5">상태</label>
-          <div class="col-4 border-bottom my-auto">
-            <c:choose>
-              <c:when test="${fieldDataVO.status eq '0'}">
-                <span class="status-bar status-warning ms-2 w-50 text-center">수집</span>
-              </c:when>
-              <c:when test="${fieldDataVO.status eq '1'}">
-                <span class="status-bar status-danger ms-2 w-50 text-center">검증실패</span>
-              </c:when>
-              <c:when test="${fieldDataVO.status eq '2'}">
-                <span class="status-bar status-success ms-2 w-50 text-center">검증성공</span>
-              </c:when>
-              <c:when test="${fieldDataVO.status eq '3'}">
-                <span class="status-bar status-danger ms-2 w-50 text-center">반영실패</span>
-              </c:when>
-              <c:when test="${fieldDataVO.status eq '4'}">
-                <span class="status-bar status-success ms-2 w-50 text-center">반영</span>
-              </c:when>
-            </c:choose>
-          </div>
-          <label for="description" class="col-2 col-form-label fw-bold text-end bg-secondary" style="--bs-bg-opacity: .5">설명</label>
-          <div class="col-4 border-bottom">
-            <input type="text" class="form-control bg-white border-0" id="description" readonly>
-          </div>
-          <label for="errInfo" class="col-2 col-form-label fw-bold text-end bg-secondary" style="--bs-bg-opacity: .5">오류내용</label>
-          <div class="col-4 border-bottom">
-            <input type="text" class="form-control bg-white border-0" id="errInfo" 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>
+        <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>
+        <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>
       </div>
     </div>
+
+    <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>
+        <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>
+        <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>
+        <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>
+        <div class="col-8 col-sm-4 border-bottom my-auto">
+          <c:choose>
+            <c:when test="${fieldDataVO.status eq '0'}">
+              <span class="status-bar status-warning ms-2 w-50 text-center">수집</span>
+            </c:when>
+            <c:when test="${fieldDataVO.status eq '1'}">
+              <span class="status-bar status-danger ms-2 w-50 text-center">검증실패</span>
+            </c:when>
+            <c:when test="${fieldDataVO.status eq '2'}">
+              <span class="status-bar status-success ms-2 w-50 text-center">검증성공</span>
+            </c:when>
+            <c:when test="${fieldDataVO.status eq '3'}">
+              <span class="status-bar status-danger ms-2 w-50 text-center">반영실패</span>
+            </c:when>
+            <c:when test="${fieldDataVO.status eq '4'}">
+              <span class="status-bar status-success ms-2 w-50 text-center">반영</span>
+            </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>
+        <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>
+        <div class="col-8 col-sm-4 border-bottom">
+          <input type="text" class="form-control bg-white border-0" id="errInfo" readonly>
+        </div>
+      </div>
+    </div>
+
     <div class="col-12 row">
-      <div class="col-7">
+      <div class="col-12 col-sm-7">
         <h5><i class="bi bi-dot"></i> 측량 데이터</h5>
         <div class="map mx-2" id="map">
 
         </div>
       </div>
-      <div class="col-5">
+      <div class="col-12 col-sm-5">
         <h5><i class="bi bi-dot"></i> 속성 정보</h5>
         <div id="fieldDataDiv" class="mx-2 border border-dark border-start-0 border-end-0">
           <table class="table table-hover">
@@ -98,36 +99,13 @@
       <div class="col-12">
         <ul id="fieldDataPaging" class="fieldDataPaging"></ul>
       </div>
-      <%--<ul class="nav nav-tabs" id="myTab" role="tablist">
-        <li class="nav-item" role="presentation">
-          <button class="nav-link active" id="home-tab" data-bs-toggle="tab" data-bs-target="#home" type="button" role="tab" aria-controls="home" aria-selected="true">측량데이터</button>
-        </li>
-        <li class="nav-item" role="presentation">
-          <button class="nav-link" id="profile-tab" data-bs-toggle="tab" data-bs-target="#profile" type="button" role="tab" aria-controls="profile" aria-selected="false">속성정보</button>
-        </li>
-      </ul>
-      <div class="tab-content" id="myTabContent">
-        <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
-          <div class="map" id="map">
-
-          </div>
-        </div>
-        <div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">
-          <table class="fieldDataTable" id="fieldDataTable">
-            <tbody id="fieldDataBody">
-
-            </tbody>
-          </table>
-        </div>
-      </div>
-      <ul id="fieldDataPaging" class="fieldDataPaging"></ul>--%>
     </div>
   </div>
-  <div class="section_btn">
-    <p class="search_p1">
+  <div class="row justify-content-between">
+    <p class="col-auto">
       <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">닫기</button>
     </p>
-    <p class="search_p2">
+    <p class="col-auto">
       <input class="btn btn-secondary" type="button" value="표준DB변환 및 검증" onclick="fieldVerify();"/>
       <input class="btn btn-success" type="button" value="반영" onclick="fieldReflect();"/>
     </p>
diff --git a/src/main/webapp/WEB-INF/jsp/admin/userInfo.jsp b/src/main/webapp/WEB-INF/jsp/admin/userInfo.jsp
index c66b7ed..2ea2ac9 100644
--- a/src/main/webapp/WEB-INF/jsp/admin/userInfo.jsp
+++ b/src/main/webapp/WEB-INF/jsp/admin/userInfo.jsp
@@ -29,7 +29,7 @@
             </div>
 
             <div class="col-auto py-2 row">
-                <div class="col-12 col-lg-4">
+                <div class="col-12 col-sm-4">
                     <select class="form-select" name="searchCondition">
                         <option value="all" ${userSearchVO.searchCondition eq 'all'?'selected':''}>통합검색</option>
                         <option value="name" ${userSearchVO.searchCondition eq 'name'?'selected':''}>이름</option>
@@ -38,10 +38,10 @@
                         <option value="phonenum" ${userSearchVO.searchCondition eq 'phonenum'?'selected':''}>전화번호</option>
                     </select>
                 </div>
-                <div class="col-9 col-lg-5">
+                <div class="col-9 col-sm-5">
                     <input type="text" class="form-control" name="searchKeyword" value="${userSearchVO.searchKeyword}"/>
                 </div>
-                <div class="col-3 col-lg-3">
+                <div class="col-3 col-sm-3">
                     <input class="btn btn-outline-secondary w-100" type="submit" value="검색"/>
                 </div>
             </div>
@@ -141,7 +141,7 @@
               </c:if>
               <c:if test="${count == 0}">
                 <tr>
-                  <td colspan="7">요청한 목록이 없습니다.</td>
+                  <td>요청한 목록이 없습니다.</td>
                 </tr>
               </c:if>
               </tbody>