테두리 수정

src/main/webapp/WEB-INF/jsp/admin/requestView.jsp

@@ -43,7 +43,7 @@
         </tbody>
     </table>
 
-    <table class="detail_table">
+    <table class="detail_table bg-white">
         <tbody>
         <tr>
             <th style="background-color: #f8f8f8" colspan="2">작업명</th>

src/main/webapp/WEB-INF/jsp/anonymous/findId.jsp

@@ -3,3 +3,37 @@
 <%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
 <%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui" %>
 <%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
+<script>
+    $(document).on('click', )
+</script>
+
+
+<div class="row justify-content-end">
+    <div class="col-12 row m-1">
+        <label for="username" class="col-4 text-end">이름</label>
+        <div class="col-8">
+            <input type="text" class="form-control" id="username">
+        </div>
+    </div>
+
+    <div class="col-12 row m-1">
+        <label for="username" class="col-4 text-end">회사명</label>
+        <div class="col-8">
+            <input type="text" class="form-control" id="company">
+        </div>
+    </div>
+
+    <div class="col-12 row m-1">
+        <label for="username" class="col-4 text-end">email</label>
+        <div class="col-8">
+            <input type="email" class="form-control" id="email">
+        </div>
+    </div>
+
+    <div class="col-8">
+        <button type="button" class="btn btn-primary m-3">가입정보 확인</button>
+    </div>
+
+
+
+</div>

src/main/webapp/css/style.css

@@ -3,6 +3,10 @@ a {
     color: #000;
 }
 
+.bg-white {
+    border-radius: 10px;
+}
+
 .text-page {
     text-align: center;
     padding-top: 10px;
@@ -11,6 +15,7 @@ a {
 .text-center {
     text-align: center;
 }
+
 .point-cursor {
     cursor: pointer;
 }
@@ -62,13 +67,16 @@ a {
     color: #fff;
     font-size: 17px;
 }
+
 .htmlBody {
     background-color: rgb(247, 247, 247);
 }
+
 .section {
     margin-top: 70px;
     margin-left: 200px;
 }
+
 @media (max-width: 576px) {
     .section {
         margin-left: 0;
@@ -77,17 +85,14 @@ a {
 
 .loginWrap {
     width: 400px;
-  height: 100%;
     margin: 0 auto;
+    height: 100%;
     position: absolute;
     left: 50%;
     transform: translate(-50%);
-  background-color: rgba(55, 55, 55, 1);
+    /*background-color: rgba(55, 55, 55, 1);*/
-  border: 1px solid #ccc;
-  border-top: none;
-  border-bottom: none;
-  box-shadow: 5px 5px 20px grey;
 }
+
 .login_title {
     float: left;
     font-size: 24px;
@@ -95,6 +100,7 @@ a {
     padding-left: 20px;
     box-sizing: border-box;
 }
+
 .login_text {
     margin: 2% 5%;
     text-align: center;
@@ -102,7 +108,10 @@ a {
 
 .loginBox {
     overflow: hidden;
-  padding: 75% 0;
+    background-color: rgba(55, 55, 55, 1);
+    margin-top: 60%;
+    padding: 30px;
+    border-radius: 20px;
 }
 
 .login_text input {
@@ -173,7 +182,6 @@ a {
 }
 
 
-
 .fieldDataTable {
     width: 100%;
     box-sizing: border-box;
@@ -215,6 +223,7 @@ a {
     padding-top: 20px;
     text-align: center;
 }
+
 .fieldDataPaging > li {
     display: inline-block;
     border: 1px solid #ccc;
@@ -227,7 +236,6 @@ a {
 }
 
 
-
 .setting_wrap {
     margin-top: 50px;
     padding-bottom: 20px;
@@ -301,6 +309,7 @@ a {
 .field_table {
     border: 1px solid #ccc;
 }
+
 .field_table {
     width: 100%;
 }
@@ -320,6 +329,7 @@ a {
     height: 27px;
     line-height: 27px;
 }
+
 .field_table > tbody > tr > td > select {
     width: 100%;
     height: 30px;
@@ -331,8 +341,6 @@ a {
 }
 
 
-
-
 .fieldBtn {
     width: 140px;
     padding: 5px 0px;
@@ -362,7 +370,6 @@ a {
 }
 
 
-
 /*회원가입 */
 .join_section {
     margin-top: 90px;
@@ -370,16 +377,19 @@ a {
     min-height: 100px;
     overflow: hidden;
 }
+
 .join_top {
     padding: 0 0 10px;
     line-height: 30px;
     margin: 0 auto 15px;
 }
+
 .join_table {
     border-collapse: collapse;
     border-top: 2px solid #d9d9d9;
     margin: 0 auto;
 }
+
 .join_bottom {
     padding: 0 0 10px;
     line-height: 30px;
@@ -394,10 +404,12 @@ a {
     color: #222;
 
 }
+
 .join_top > h2 > img {
     vertical-align: middle;
     padding-right: 10px;
 }
+
 .join_table > tbody > tr > th {
     width: 20px;
     height: 35px;
@@ -423,6 +435,7 @@ a {
     vertical-align: middle;
     line-height: 35px;
 }
+
 .txtinput.half {
     width: 26%;
 }
@@ -437,6 +450,7 @@ a {
     font-size: 20px;
     padding: 12px 60px;
 }
+
 .btn_join.big.on {
     color: #FFF;
     background: #042f6c;
@@ -451,6 +465,7 @@ a {
     line-height: 23px;
     display: inline-block;
 }
+
 .join_bottom_p {
     text-align: center;
 }
@@ -463,6 +478,7 @@ a {
     padding: 12px 10px;
     float: right;
 }
+
 .btn_write {
     font-size: 15px;
     padding: 6px 20px;
@@ -472,6 +488,7 @@ a {
     line-height: 23px;
     display: inline-block;
 }
+
 .btn_write.on {
     color: #FFF;
     background: #042f6c;
@@ -495,6 +512,7 @@ a {
     list-style: none;
     clear: both;
 }
+
 .fieldDataDiv {
     float: left;
     width: 50%;
@@ -505,8 +523,6 @@ a {
 }
 
 
-
-
 /* 지도권한관리 */
 .tabmenu-box ul li {
     float: left;
@@ -514,6 +530,7 @@ a {
     width: 162.5px;
     font-size: 105%;
 }
+
 .tabmenu-box ul li.on a {
     border: 1px solid #337ab7;
     color: #fff;
@@ -529,26 +546,26 @@ a {
 }
 
 
-
-
-
-
 .search_div {
     width: 100%;
     overflow: hidden;
 }
+
 .search_menu {
     width: 50%;
     float: left;
 }
+
 .search_keyword {
     width: 50%;
     float: left;
     text-align: right;
 }
+
 .search_ul {
     padding: 0;
 }
+
 .search_ul > li {
     display: inline;
 }
@@ -574,18 +591,22 @@ a {
     width: 110px;
     float: left;
 }
+
 .search_inputbox {
     width: 330px;
     margin-left: 5px;
     float: left;
 }
+
 .td_center {
     text-align: center;
 }
+
 .td_title {
     text-align: left;
     width: 50%;
 }
+
 .td_date {
     text-align: center;
 }
@@ -593,12 +614,15 @@ a {
 .td_name {
     text-align: center;
 }
+
 .td_company {
     text-align: center;
 }
+
 .td_status {
     text-align: center;
 }
+
 .td_area {
     text-align: center;
 }
@@ -637,6 +661,7 @@ a {
     width: 100%;
     margin-top: 20px;
     margin-outside: 5px;
+    
 }
 
 .detail_table > tbody > tr > th {
@@ -645,11 +670,13 @@ a {
     border: 1px solid #ccc;
     background-color: #f8f8f8;
     padding: 10px 5px;
-  text-align: center;
+
 }
+
 .detail_table > tbody > tr > td {
     border: 1px solid #ccc;
     padding: 10px;
+
 }
 
 .title-td {
@@ -663,6 +690,7 @@ a {
     background-color: #fff !important;
     text-align: center;
 }
+
 .input-area-select {
     width: 155px;
     display: inline;
@@ -678,15 +706,18 @@ a {
     line-height: 50px;
     margin-left: 20px;
 }
+
 .auth-label {
     width: 75px;
 }
+
 .mapWrap {
     width: 48%;
     float: left;
 
 
 }
+
 .map-title {
     border-bottom: 1px solid #ccc;
     background-color: #ccc;