From a76db6e843d60b68bd31e4ceecb7901f3dc970d6 Mon Sep 17 00:00:00 2001
From: Hyung Geun <vndanwl@naver.com>
Date: Mon, 7 Mar 2022 15:29:24 +0900
Subject: [PATCH 1/2] =?UTF-8?q?=EC=A7=80=EB=8F=84=EC=82=AC=EC=9A=A9=20?=
 =?UTF-8?q?=EC=9A=94=EC=B2=AD=20box=20size=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../webapp/WEB-INF/jsp/admin/requestView.jsp  | 270 +++++++++---------
 .../webapp/WEB-INF/jsp/map/requestView.jsp    |   3 +-
 src/main/webapp/css/bootstrap-5.1.3.css       |   1 +
 src/main/webapp/css/style.css                 |   9 +-
 4 files changed, 144 insertions(+), 139 deletions(-)

diff --git a/src/main/webapp/WEB-INF/jsp/admin/requestView.jsp b/src/main/webapp/WEB-INF/jsp/admin/requestView.jsp
index 0e310ed..5a30c22 100644
--- a/src/main/webapp/WEB-INF/jsp/admin/requestView.jsp
+++ b/src/main/webapp/WEB-INF/jsp/admin/requestView.jsp
@@ -16,155 +16,152 @@
     <div class="section_content">
     <input type="hidden" id="layers" name="layers"/>
     <input type="hidden" id="places" name="places"/>
-    <div class="row justify-content-between bg-white mx-3 py-2">
 
-        <table class="table table-hover text-center">
-            <thead>
-            <h5 class="">&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>
-    </div>
+    <table class="table table-hover" style="width: 95%">
+        <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>
 
-    <div class="row justify-content-between  bg-white mx-3 mt-4 py-2">
-        <table class="table table-hover text-center">
-            <thead>
-            <h3 class="h4 m-3">지도사용 요청</h3>
-            </thead>
-            <tbody>
-
-            <tr>
-                <th 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 style="width:7%;" rowspan="3">레이어</th>
-                <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 class="row justify-content-between bg-white mt-4 py-2" style="margin-right: 1em">
+    <table class="detail_table">
+        <tbody>
+        <tr>
+            <th style="background-color: #f8f8f8" colspan="2">작업명</th>
+            <td style="text-align: center"><c:out value='${useRequestVO.title}'/></td>
+        </tr>
+        <tr>
+            <th colspan="2">기간</th>
+            <td style="text-align: center"><c:out value='${useRequestVO.s_date}'/> ~ <c:out
+                    value='${useRequestVO.e_date}'/></td>
+        </tr>
+        <tr>
+            <th colspan="2">장소</th>
+            <td id="area_select_td" style="text-align: center">
+                <c:forEach var="item" items="${selectArea}" varStatus="status">
+                    <div id="addedBlock<c:out value='${status.index}' />">
+                        <c:out value=''/>${item}
                     </div>
-                </td>
-            </tr>
-            <tr>
-                <th><label>지하구조물</label></th>
-                <td>
-                    <div class="structure">
-                        <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="ground">
-                        <c:forEach var="item" items="${layersVO}" varStatus="status">
-                            <c:if test="${item.code eq  'ground'}">
-                                <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}">
-                                                checked
-                                            </c:if>
-                                        </c:forEach>
-                                /> <c:out value='${item.name}'/>
-                                </label>
-                            </c:if>
-                        </c:forEach>
-                    </div>
-                </td>
-            </tr>
+                </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><c:out value='${useRequestVO.user_msg}'/></td>
-            </tr>
+        <tr>
+            <th colspan="2">요청 내용</th>
+            <td style="text-align: center"><c:out value='${useRequestVO.user_msg}'/></td>
+        </tr>
 
 
-            </tbody>
-        </table>
-    </div>
-
+        </tbody>
+    </table>
     <c:choose>
         <c:when test="${useRequestVO.status eq '99'}">
-            <table class="detail_table mx-3">
+            <table class="detail_table" style="margin-right: 1em">
                 <tbody>
                 <tr>
                     <th>전달 메세지</th>
                     <td>
-                        <textarea class="form-control" rows="3" style="resize:none;" name="admin_msg"></textarea>
+                        <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>
 
 
             <div class="row justify-content-between bg-white mx-3 py-2">
                 <div class="section_btn">
                     <p class="search_p1">
-                        <input class="btn btn-secondary" type="button" value="닫기"  data-bs-dismiss="modal"/>
+                        <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="거절"
@@ -173,25 +170,26 @@
                                onclick="confirmReqBtn('0'); return false;"/>
                     </p>
                 </div>
-            </div>
+
 
 
         </c:when>
         <c:otherwise>
 
-            <table class="detail_table bg">
-                <tbody>
-                <tr>
-                    <th>전달 메세지</th>
-                    <td><c:out value='${useRequestVO.admin_msg}'/></td>
-                </tr>
-                </tbody>
-            </table>
+                <table class="detail_table">
+                    <tbody>
+                    <tr>
+                        <th style="margin-right: 1em">전달 메세지</th>
+                        <td style="text-align: center"><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"/>
+                    <input class="btn btn-secondary" type="button" value="닫기" data-bs-dismiss="modal"/>
                 </p>
             </div>
 
diff --git a/src/main/webapp/WEB-INF/jsp/map/requestView.jsp b/src/main/webapp/WEB-INF/jsp/map/requestView.jsp
index 335c554..ea4009e 100644
--- a/src/main/webapp/WEB-INF/jsp/map/requestView.jsp
+++ b/src/main/webapp/WEB-INF/jsp/map/requestView.jsp
@@ -160,7 +160,8 @@
             <th rowspan="3">레이어</th>
             <td colspan="3">
               <label>지하시설물</label>
-              <div class="setting_content2" class="facility">
+              <div  class="setting_content2" class="facility">
+
                 <c:forEach var="item" items="${layersVO}" varStatus="status">
                   <c:if test="${item.code eq  'facility'}">
                     <c:set var="faciltySize" value="${faciltySize+1}" />
diff --git a/src/main/webapp/css/bootstrap-5.1.3.css b/src/main/webapp/css/bootstrap-5.1.3.css
index 2e2e529..ee1207f 100644
--- a/src/main/webapp/css/bootstrap-5.1.3.css
+++ b/src/main/webapp/css/bootstrap-5.1.3.css
@@ -2468,6 +2468,7 @@ textarea.form-control-lg {
 .form-check .form-check-input {
   float: left;
   margin-left: -1.5em;
+  display: inline-block;
 }
 
 .form-check-input {
diff --git a/src/main/webapp/css/style.css b/src/main/webapp/css/style.css
index d81ca00..d7b596c 100644
--- a/src/main/webapp/css/style.css
+++ b/src/main/webapp/css/style.css
@@ -250,6 +250,7 @@ a {
 	width: 80%;
 	margin: 0 auto;
 	margin-top: 10px;
+	justify-content: space-between;
 }
 
 .setting_sub_title {
@@ -638,8 +639,9 @@ a {
 }
 
 .detail_table{
-	width:100%;
+	width:95%;
 	margin-top: 20px;
+	margin-left: 20px;
 }
 
 .detail_table > tbody> tr >th {
@@ -676,7 +678,10 @@ a {
 }
 
 .layer-label{
-	width:150px;
+	width:140px;
+	display: inline-block;
+	line-height: 50px;
+	margin-left: 20px;
 }
 .auth-label{
 	width:75px;

From 52303bb6d2ed3cc1c384a06195a7e2a79690a217 Mon Sep 17 00:00:00 2001
From: Hyung Geun <vndanwl@naver.com>
Date: Mon, 7 Mar 2022 16:36:28 +0900
Subject: [PATCH 2/2] =?UTF-8?q?=EB=AA=A8=EB=8B=AC=EC=B0=BD=20=EC=82=AC?=
 =?UTF-8?q?=EC=9D=B4=EC=A6=88=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../webapp/WEB-INF/jsp/admin/requestView.jsp  |  56 +++----
 .../webapp/WEB-INF/jsp/map/requestWrite.jsp   | 148 +++++++++---------
 src/main/webapp/css/style.css                 |   4 +-
 3 files changed, 103 insertions(+), 105 deletions(-)

diff --git a/src/main/webapp/WEB-INF/jsp/admin/requestView.jsp b/src/main/webapp/WEB-INF/jsp/admin/requestView.jsp
index 5a30c22..c7f30a7 100644
--- a/src/main/webapp/WEB-INF/jsp/admin/requestView.jsp
+++ b/src/main/webapp/WEB-INF/jsp/admin/requestView.jsp
@@ -16,8 +16,7 @@
     <div class="section_content">
     <input type="hidden" id="layers" name="layers"/>
     <input type="hidden" id="places" name="places"/>
-
-    <table class="table table-hover" style="width: 95%">
+    <table class="table table-hover">
         <thead>
         <h5>&nbsp;신청자</h5>
         </thead>
@@ -44,21 +43,20 @@
         </tbody>
     </table>
 
-    <div class="row justify-content-between bg-white mt-4 py-2" style="margin-right: 1em">
     <table class="detail_table">
         <tbody>
         <tr>
             <th style="background-color: #f8f8f8" colspan="2">작업명</th>
-            <td style="text-align: center"><c:out value='${useRequestVO.title}'/></td>
+            <td><c:out value='${useRequestVO.title}'/></td>
         </tr>
         <tr>
             <th colspan="2">기간</th>
-            <td style="text-align: center"><c:out value='${useRequestVO.s_date}'/> ~ <c:out
+            <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" style="text-align: center">
+            <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}
@@ -158,43 +156,41 @@
             <input type="hidden" name="status" id="status"/>
 
 
-            <div class="row justify-content-between bg-white mx-3 py-2">
-                <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>
-
+            <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 style="margin-right: 1em">전달 메세지</th>
-                        <td style="text-align: center"><c:out value='${useRequestVO.admin_msg}'/></td>
-                    </tr>
-                    </tbody>
-                </table>
+            <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"/>
+                    <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
diff --git a/src/main/webapp/WEB-INF/jsp/map/requestWrite.jsp b/src/main/webapp/WEB-INF/jsp/map/requestWrite.jsp
index ff4b45b..602fe13 100644
--- a/src/main/webapp/WEB-INF/jsp/map/requestWrite.jsp
+++ b/src/main/webapp/WEB-INF/jsp/map/requestWrite.jsp
@@ -10,81 +10,83 @@
     <!-- <p>현장 지원 시스템</p> -->
   </div>
   <div class="section_content">
-    <input type="hidden" id="layers" name="layers"/>
-    <input type="hidden" id="places" name="places"/>
-
     <table class="detail_table">
-      <tbody>
-        <tr>
-          <th colspan="2">작업명</th>
-          <td><input type="text" class="form-control" id="title" name="title" autocomplete="off"/></td>
-        </tr>
-        <tr>
-          <th colspan="2">기간</th>
-          <td>
-            <input type="text" class="form-control input-datepicker" readonly id="startDate" name= "s_date" onchange="dateChange('start');">  ~
-            <input type="text" class="form-control input-datepicker" readonly id="endDate" name="e_date" onchange="dateChange('end');">
-          </td>
-        </tr>
-        <tr>
-          <th colspan="2">장소</th>
-          <td id="area_select_td">
-            <div>
-              <select id="city" name="city" onchange="changeAreaList(this.value, this.name)" class="form-control input-area-select">
-                <option value="0">::시/도::</option>
-                <c:forEach var="item" items="${cityList}" varStatus="status">
-                  <option value="${item.code}"><c:out value="${item.area}"/></option>
-                </c:forEach>
-              </select>
-              <select id="county" name="county" onchange="changeAreaList(this.value, this.name);" class="form-control input-area-select">
-                <option value="0">::선택::</option>
-              </select>
-              <select id="town" name="town" class="form-control input-area-select">
-                <option value="0">::선택::</option>
-              </select>
-              <span class="btn btn-outline-primary" onclick="addAreaBtn();">추가</span>
-            </div>
-            <div id="addedArea" class="addedArea">
-            </div>
-          </td>
-        </tr>
-        <tr>
-          <th 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}"/> ${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}"/> ${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"><input type="checkbox" name="${item.code}" id="${item.code}" value="${item.layer}"/> ${item.name} </label>
-              </c:if>
-            </c:forEach>
-          </td>
-        </tr>
-        <tr>
-          <th colspan="2">요청 내용</th>
-          <td><textarea class="form-control" rows="3" style="resize:none;" name=user_msg></textarea></td>
-        </tr>
-      </tbody>
+    <tbody>
+      <tr>
+        <th colspan="2">작업명</th>
+        <td><input type="text" class="form-control" id="title" name="title" autocomplete="off"/></td>
+      </tr>
+      <tr>
+        <th colspan="2">기간</th>
+        <td>
+          <input type="text" class="form-control input-datepicker" readonly id="startDate" name= "s_date" onchange="dateChange('start');">  ~
+          <input type="text" class="form-control input-datepicker" readonly id="endDate" name="e_date" onchange="dateChange('end');">
+        </td>
+      </tr>
+      <tr>
+        <th colspan="2">장소</th>
+        <td id="area_select_td">
+          <div>
+            <select id="city" name="city" onchange="changeAreaList(this.value, this.name)" class="form-control input-area-select">
+              <option value="0">::시/도::</option>
+              <c:forEach var="item" items="${cityList}" varStatus="status">
+                <option value="${item.code}"><c:out value="${item.area}"/></option>
+              </c:forEach>
+            </select>
+            <select id="county" name="county" onchange="changeAreaList(this.value, this.name);" class="form-control input-area-select">
+              <option value="0">::선택::</option>
+            </select>
+            <select id="town" name="town" class="form-control input-area-select">
+              <option value="0">::선택::</option>
+            </select>
+            <span class="btn btn-outline-primary" onclick="addAreaBtn();">추가</span>
+          </div>
+          <div id="addedArea" class="addedArea">
+          </div>
+        </td>
+      </tr>
+      <tr>
+        <th 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}"/> ${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}"/> ${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"><input type="checkbox" name="${item.code}" id="${item.code}" value="${item.layer}"/> ${item.name} </label>
+            </c:if>
+          </c:forEach>
+        </td>
+      </tr>
+      <tr>
+        <th colspan="2">요청 내용</th>
+        <td><textarea class="form-control" rows="3" style="resize:none;" name=user_msg></textarea></td>
+      </tr>
+
+    </tbody>
     </table>
+
+    <input type="hidden" id="layers" name="layers"/>
+
+    <input type="hidden" id="places" name="places"/>
     <div class="section_btn">
       <p class="search_p1">
         <input class="btn btn-secondary" type="button" value="닫기" data-bs-dismiss="modal"/>
diff --git a/src/main/webapp/css/style.css b/src/main/webapp/css/style.css
index d7b596c..7066947 100644
--- a/src/main/webapp/css/style.css
+++ b/src/main/webapp/css/style.css
@@ -639,9 +639,9 @@ a {
 }
 
 .detail_table{
-	width:95%;
+	width:100%;
 	margin-top: 20px;
-	margin-left: 20px;
+	margin-outside: 5px;
 }
 
 .detail_table > tbody> tr >th {