diff --git a/src/main/java/com/mca/cmmn/web/CommonController.java b/src/main/java/com/mca/cmmn/web/CommonController.java
index e0b9653..b0e91d4 100644
--- a/src/main/java/com/mca/cmmn/web/CommonController.java
+++ b/src/main/java/com/mca/cmmn/web/CommonController.java
@@ -110,7 +110,7 @@ public class CommonController {
    */
   @RequestMapping(value="/userIdCheck")
   @ResponseBody
-  public String checkId(@RequestParam("checkId")String checkId) throws Exception {
+  public String userIdCheck(@RequestParam("checkId")String checkId) throws Exception {
     try {
       int cnt = userService.selectUserIdCheck(checkId);
       if(cnt > 0) {
@@ -177,24 +177,19 @@ public class CommonController {
   }
   // 아이디 찾기 페이지 이동
   @RequestMapping(value = "findId")
-  public String findIdView(){
-
-    return "anonymous/html/findId";
-  }
+  public String findIdView(){ return "anonymous/html/findId"; }
   // 아이디 찾기 실행
 
-  @RequestMapping(value = "findId", method = RequestMethod.POST)
-  public String findIdAction(UserVO userVO, Model model) {
-    UserVO user = userService.findId(userVO);
+  @RequestMapping(value = "searchUserInfo")
+  @ResponseBody
+  public String searchUserInfo(UserVO userVO) {
+    userVO = userService.findId(userVO);
 
-    if (user == null) {
-      model.addAttribute("check", 1);
-    } else {
-      model.addAttribute("check", 2);
-      model.addAttribute("id", user.getUserid());
+    if (userVO == null   ) {
+      return "userNull";
     }
 
-    return "anonymous/html/findId";
+    return userVO.getUserid();
 
   }
   //pw찾기 페이지 이동
diff --git a/src/main/resources/egovframework/sqlmap/mappers/user/user.xml b/src/main/resources/egovframework/sqlmap/mappers/user/user.xml
index 4e55d01..1e2d557 100644
--- a/src/main/resources/egovframework/sqlmap/mappers/user/user.xml
+++ b/src/main/resources/egovframework/sqlmap/mappers/user/user.xml
@@ -140,9 +140,12 @@
 		WHERE userid = #{userid}
 	</update>
 
- <!--아이디 비밀번호찾기-->
+ <!--아이디 비밀번호 찾기-->
 	<select id="findId" resultType="userVO">
-		select * from t_user where name=#{name} and phonenum=#{phonenum}
+		select userid
+		from t_user
+		where
+			name=#{name} and company=#{company} and email=#{email}
 	</select>
 
 	<select id="findPwd" resultType="userVO">
diff --git a/src/main/webapp/WEB-INF/jsp/admin/requestView.jsp b/src/main/webapp/WEB-INF/jsp/admin/requestView.jsp
index c7f30a7..a9970fa 100644
--- a/src/main/webapp/WEB-INF/jsp/admin/requestView.jsp
+++ b/src/main/webapp/WEB-INF/jsp/admin/requestView.jsp
@@ -42,7 +42,6 @@
         </tr>
         </tbody>
     </table>
-
     <table class="detail_table">
         <tbody>
         <tr>
@@ -140,6 +139,7 @@
 
         </tbody>
     </table>
+    </div>
     <c:choose>
         <c:when test="${useRequestVO.status eq '99'}">
             <table class="detail_table" style="margin-right: 1em">
diff --git a/src/main/webapp/WEB-INF/jsp/anonymous/findId.jsp b/src/main/webapp/WEB-INF/jsp/anonymous/findId.jsp
index 5e13b42..4a4e6b6 100644
--- a/src/main/webapp/WEB-INF/jsp/anonymous/findId.jsp
+++ b/src/main/webapp/WEB-INF/jsp/anonymous/findId.jsp
@@ -3,3 +3,83 @@
 <%@ 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 type="text/javascript">
+    $(document).on('click', '#checkId', function (){
+        checkId();
+    })
+
+    function checkId(){
+        if(inputCheck()){
+            $.ajax({
+                url: "/searchUserInfo",
+                type: "GET",
+                data: {
+                    name: $("#username").val(),
+                    company: $("#company").val(),
+                    email: $("#email").val()
+                },
+                success: function (result) {
+                    checkIdAfter(result)
+                },
+                error: function (request, status, error) {
+                    alert("가입정보가 일치 하지 않습니다.\n 관리자에게 문의해주세요.");
+                }
+            });
+        }
+    }
+
+    function inputCheck(){
+        if(!$("#username").val()){
+            alert("이름을 입력해주세요.")
+            return false;
+        }
+        if(!$("#company").val()){
+            alert("회사명을 입력해주세요.")
+            return false;
+        }
+        if(!$("#email").val()){
+            alert("이메일을 입력해주세요.")
+            return false;
+        }
+        return true;
+    }
+
+    function checkIdAfter(result) {
+        if(result==="userNull"){
+            alert("입력된 가입 정보가 없습니다.")
+        }else{
+            alert("해당 정보로 가입된 ID는 "+result+" 입니다.")
+        }
+    }
+</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" id="checkId" class="btn btn-primary m-3">가입정보 확인</button>
+    </div>
+
+</div>
\ No newline at end of file
diff --git a/src/main/webapp/css/style.css b/src/main/webapp/css/style.css
index 5e32476..32629ac 100644
--- a/src/main/webapp/css/style.css
+++ b/src/main/webapp/css/style.css
@@ -6,447 +6,461 @@ body{
 }
 
 a {
-	text-decoration: none;
-	color: #000;
+    text-decoration: none;
+    color: #000;
+}
+
+.bg-white {
+    border-radius: 10px;
 }
 
 .text-page {
-	text-align: center;
-	padding-top: 10px;
+    text-align: center;
+    padding-top: 10px;
 }
 
 .text-center {
-	text-align: center;
+    text-align: center;
 }
-.point-cursor{
-	cursor:pointer;
+
+.point-cursor {
+    cursor: pointer;
 }
 
 .header {
-  background: url('/images/header_bg.png') no-repeat;
-  background-size: cover;
-  height: 70px;
-	position: fixed;
-	width: 100%;
-	z-index: 1;
-	top: 0;
+    background: url('/images/header_bg.png') no-repeat;
+    background-size: cover;
+    height: 70px;
+    position: fixed;
+    width: 100%;
+    z-index: 1;
+    top: 0;
 }
 
 .common_nav {
-	position: fixed;
-	top: 0;
-	left: 0;
-	right: 0;
-	bottom: 0;
-	background: #094e84;
-	height: auto;
-	width: 200px;
-	min-width: inherit;
-	padding-top: 70px;
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background: #094e84;
+    height: auto;
+    width: 200px;
+    min-width: inherit;
+    padding-top: 70px;
 }
 
 .header_title {
-	color: #fff;
-	font-size: 24px;
-	font-weight: bold;
-	line-height: 70px;
-	padding-left: 20px;
-	box-sizing: border-box;
+    color: #fff;
+    font-size: 24px;
+    font-weight: bold;
+    line-height: 70px;
+    padding-left: 20px;
+    box-sizing: border-box;
 }
 
 .header_title > a {
-	text-decoration: none;
-	color: #fff;
+    text-decoration: none;
+    color: #fff;
 }
 
 .header_info {
-	height: 100%;
-	padding: 20px;
-	box-sizing: border-box;
+    height: 100%;
+    padding: 20px;
+    box-sizing: border-box;
 }
 
-.header_info>a {
-	color: #fff;
-	font-size: 17px;
+.header_info > a {
+    color: #fff;
+    font-size: 17px;
 }
-.htmlBody{
-  background-color: rgb(247, 247, 247);
+
+.htmlBody {
+    background-color: rgb(247, 247, 247);
 }
+
 .section {
-	margin-top: 70px;
-	margin-left: 200px;
+    margin-top: 70px;
+    margin-left: 200px;
 }
-@media (max-width: 576px){
-  .section {
-    margin-left: 0;
-  }
+
+@media (max-width: 576px) {
+    .section {
+        margin-left: 0;
+    }
 }
 
 .loginWrap {
-  width: 400px;
-  height: 100%;
-  margin: 0 auto;
-  position: absolute;
-  left: 50%;
-  transform: translate(-50%);
-  background-color: rgba(55, 55, 55, 1);
-  border: 1px solid #ccc;
-  border-top: none;
-  border-bottom: none;
-  box-shadow: 5px 5px 20px grey;
+    width: 400px;
+    margin: 0 auto;
+    height: 100%;
+    position: absolute;
+    left: 50%;
+    transform: translate(-50%);
+    /*background-color: rgba(55, 55, 55, 1);*/
 }
-.login_title{
-  float: left;
-  font-size: 24px;
-  font-weight: bold;
-  padding-left: 20px;
-  box-sizing: border-box;
+
+.login_title {
+    float: left;
+    font-size: 24px;
+    font-weight: bold;
+    padding-left: 20px;
+    box-sizing: border-box;
 }
+
 .login_text {
-	margin: 2% 5%;
-	text-align: center;
+    margin: 2% 5%;
+    text-align: center;
 }
 
 .loginBox {
-  overflow: hidden;
-  padding: 75% 0;
+    overflow: hidden;
+    background-color: rgba(55, 55, 55, 1);
+    margin-top: 60%;
+    padding: 30px;
+    border-radius: 20px;
 }
 
 .login_text input {
-	width: 100%;
-	padding: 10px 5px;
-	border: 1px solid #ccc;
+    width: 100%;
+    padding: 10px 5px;
+    border: 1px solid #ccc;
 }
 
 .login_btn {
-	text-align: center;
-	margin-top: 15px;
+    text-align: center;
+    margin-top: 15px;
 }
 
 .login_btn input {
-	width: 80%;
+    width: 80%;
 }
 
 .login_join {
-	margin-top: 40px;
-	background-color: #e8e8e8;
-	height: 50px;
-	line-height: 50px;
-	text-align: center;
+    margin-top: 40px;
+    background-color: #e8e8e8;
+    height: 50px;
+    line-height: 50px;
+    text-align: center;
 }
 
 .login_join p {
-	margin: 0;
+    margin: 0;
 }
 
 .header_menu > ul {
-	list-style: none;
-	padding:0;
+    list-style: none;
+    padding: 0;
 }
 
 .header_menu > ul > li {
-	color: #fff;
-	cursor: pointer;
-	height: 60px;
-	line-height: 60px;
-	padding : 0px 5px;
-	box-sizing: border-box;
-	font-weight: bold;
+    color: #fff;
+    cursor: pointer;
+    height: 60px;
+    line-height: 60px;
+    padding: 0px 5px;
+    box-sizing: border-box;
+    font-weight: bold;
 }
 
 .menu_this {
-	color: #3bd2ff;
+    color: #3bd2ff;
 }
 
 .section_btn {
-	margin-top: 20px;
+    margin-top: 20px;
 }
 
 .search_p1 {
-	width: 50%;
-	float: left;
+    width: 50%;
+    float: left;
 }
 
 .search_p2 {
-	text-align: right;
+    text-align: right;
 }
 
 .section_btn2 {
-	margin-top: 20px;
+    margin-top: 20px;
 }
 
-.section_btn2>p {
-	text-align: center;
+.section_btn2 > p {
+    text-align: center;
 }
 
 
-
-.fieldDataTable{
-	width:100%;
-	box-sizing: border-box;
+.fieldDataTable {
+    width: 100%;
+    box-sizing: border-box;
 
 }
 
-.fieldDataTable>thead>tr:first-child>th {
-	border: 1px solid #ccc;
-	background-color: #ccc;
-	padding: 10px 5px;
-	text-align: center;
-	color: #fff;
+.fieldDataTable > thead > tr:first-child > th {
+    border: 1px solid #ccc;
+    background-color: #ccc;
+    padding: 10px 5px;
+    text-align: center;
+    color: #fff;
 }
 
-.fieldDataTable > tbody> tr > th{
-	background-color: #f1f1f1;
-	border: 1px solid #ccc;
-	text-align: center;
+.fieldDataTable > tbody > tr > th {
+    background-color: #f1f1f1;
+    border: 1px solid #ccc;
+    text-align: center;
 }
 
-.fieldDataTable > tbody> tr > td{
-	padding: 5px 5px;
-	border: 1px solid #ccc;
-	text-align: center;
-	width:170px;
-	word-break: break-all;
+.fieldDataTable > tbody > tr > td {
+    padding: 5px 5px;
+    border: 1px solid #ccc;
+    text-align: center;
+    width: 170px;
+    word-break: break-all;
 }
 
-.fieldDataTable > tbody> tr:last-child > th{
-	border-bottom: 0px;
+.fieldDataTable > tbody > tr:last-child > th {
+    border-bottom: 0px;
 }
 
-.fieldDataTable > tbody> tr:last-child > td{
-	border-bottom: 0px;
+.fieldDataTable > tbody > tr:last-child > td {
+    border-bottom: 0px;
 }
 
-.fieldDataPaging{
-	padding:0;
-	padding-top: 20px;
-	text-align: center;
-}
-.fieldDataPaging > li{
-	display: inline-block;
-	border: 1px solid #ccc;
-	padding: 2px 7px;
-	cursor: pointer;
+.fieldDataPaging {
+    padding: 0;
+    padding-top: 20px;
+    text-align: center;
 }
 
-.fieldPagingOn{
-	font-weight: bold;
+.fieldDataPaging > li {
+    display: inline-block;
+    border: 1px solid #ccc;
+    padding: 2px 7px;
+    cursor: pointer;
 }
 
+.fieldPagingOn {
+    font-weight: bold;
+}
 
 
 .setting_wrap {
-	margin-top: 50px;
-	padding-bottom: 20px;
+    margin-top: 50px;
+    padding-bottom: 20px;
 }
 
 .setting_title {
-	margin-top: 20px;
-	font-size: 20px;
-	font-weight: bold;
+    margin-top: 20px;
+    font-size: 20px;
+    font-weight: bold;
 }
 
 .setting_content {
-	width: 80%;
-	margin: 0 auto;
-	margin-top: 10px;
+    width: 80%;
+    margin: 0 auto;
+    margin-top: 10px;
 }
 
 .setting_content2 {
-	width: 100%;
-	margin-top: 10px;
-	justify-content: space-between;
-	line-height: 3;
+    width: 100%;
+    margin-top: 10px;
+    justify-content: space-between;
+    line-height: 3;
 
 }
 
 .setting_sub_title {
-	margin-top: 10px;
-	font-weight: bold;
+    margin-top: 10px;
+    font-weight: bold;
 }
 
 #paging {
-	text-align: center;
-	margin-top: 20px;
+    text-align: center;
+    margin-top: 20px;
 }
 
-#paging>a {
-	text-decoration: none;
-	color: #000;
+#paging > a {
+    text-decoration: none;
+    color: #000;
 }
 
 .thisOn {
-	background-color: #337ab7;
-	border-left: 3px solid #fff;
+    background-color: #337ab7;
+    border-left: 3px solid #fff;
 }
 
 #fieldPaging {
-	overflow: hidden;
-	margin: 0 auto;
-	margin-top: 40px;
-	text-align: center;
+    overflow: hidden;
+    margin: 0 auto;
+    margin-top: 40px;
+    text-align: center;
 }
 
-#fieldPaging>li {
-	width: 25px;
-	height: 25px;
-	line-height: 25px;
-	text-align: center;
-	border: 1px solid #ccc;
-	display: inline-block;
-	cursor: pointer;
+#fieldPaging > li {
+    width: 25px;
+    height: 25px;
+    line-height: 25px;
+    text-align: center;
+    border: 1px solid #ccc;
+    display: inline-block;
+    cursor: pointer;
 }
 
-#fieldPaging>li:hover {
-	background-color: #ccc;
+#fieldPaging > li:hover {
+    background-color: #ccc;
 }
 
 .thisPage {
-	background-color: #ccc;
+    background-color: #ccc;
 }
 
 .field_table {
-	border: 1px solid #ccc;
+    border: 1px solid #ccc;
 }
+
 .field_table {
-	width: 100%;
+    width: 100%;
 }
 
-.field_table>tbody>tr>th {
-	width: 70px;
-	padding: 20px 5px;
+.field_table > tbody > tr > th {
+    width: 70px;
+    padding: 20px 5px;
 }
 
-.field_table>tbody>tr>td {
-	width: 350px;
-	padding: 20px 5px;
+.field_table > tbody > tr > td {
+    width: 350px;
+    padding: 20px 5px;
 }
-    
 
-.field_table>tbody>tr>td>input {
+
+.field_table > tbody > tr > td > input {
     height: 27px;
     line-height: 27px;
 }
-.field_table>tbody>tr>td>select {
-	width: 100%;
+
+.field_table > tbody > tr > td > select {
+    width: 100%;
     height: 30px;
     line-height: 30px;
 }
 
-.label{
-	font-size:14px;
+.label {
+    font-size: 14px;
 }
 
 
-
-
 .fieldBtn {
-	width: 140px;
-	padding: 5px 0px;
+    width: 140px;
+    padding: 5px 0px;
 }
 
 /* 해룡  */
 .parent {
-	width: 90%;
-	margin: 10px auto;
-	overflow: hidden;
+    width: 90%;
+    margin: 10px auto;
+    overflow: hidden;
 }
 
 .find {
-	float: left;
-	height: 100%;
-	text-align: center;
+    float: left;
+    height: 100%;
+    text-align: center;
 }
 
 .join {
-	float: right;
-	text-align: center;
-	vertical-align: middle;
+    float: right;
+    text-align: center;
+    vertical-align: middle;
 }
 
-.join>img {
-	vertical-align: middle;
+.join > img {
+    vertical-align: middle;
 }
 
 
-
 /*회원가입 */
-.join_section{
-	margin-top: 90px;
-	min-width: 1160px;
-	min-height: 100px;
-	overflow: hidden;
+.join_section {
+    margin-top: 90px;
+    min-width: 1160px;
+    min-height: 100px;
+    overflow: hidden;
 }
-.join_top{
-	padding: 0 0 10px;
-	line-height:30px;
-  margin: 0 auto 15px;
+
+.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_table {
+    border-collapse: collapse;
+    border-top: 2px solid #d9d9d9;
+    margin: 0 auto;
 }
-.join_bottom{
-	padding: 0 0 10px;
-	line-height:30px;
-  margin: 0 auto 15px;
+
+.join_bottom {
+    padding: 0 0 10px;
+    line-height: 30px;
+    margin: 0 auto 15px;
 }
 
 
-.join_top h2{
-	margin-top: 40px;
-	font-weight: bold;
-	font-size: 20px;
-	color: #222;
-	
-}
-.join_top > h2 > img {
-	vertical-align: middle;
-	padding-right: 10px;
-}
-.join_table > tbody > tr > th{
-	width: 20px;
-	height: 35px;
-	vertical-align: middle;
-	border-bottom: 1px solid #d9d9d9;
-	background-color: #f6f6f6;
-	font-size: 16px;
-	padding: 16px 10px;
-}
-
-.join_table td{
-	padding: 14px 10px;
-	border-bottom: 1px solid #d9d9d9;
-	width: 100px;
-	vertical-align: middle;
-}
-
-.txtinput{
-	padding : 0 5px;
-	height: 35px;
-	width:55%;
-	border : 1px solid #bbbbbb;
-	vertical-align: middle;
-	line-height: 35px;
-}
-.txtinput.half{
-	width: 26%;
-}
-
-.div_join{
-	width:55%;
-	padding-top: 25px;
-	text-align: center;
-}
-
-.btn_join{
+.join_top h2 {
+    margin-top: 40px;
+    font-weight: bold;
     font-size: 20px;
-	padding: 12px 60px;
+    color: #222;
+
 }
-.btn_join.big.on{
-	color: #FFF;
-	background: #042f6c;
+
+.join_top > h2 > img {
+    vertical-align: middle;
+    padding-right: 10px;
+}
+
+.join_table > tbody > tr > th {
+    width: 20px;
+    height: 35px;
+    vertical-align: middle;
+    border-bottom: 1px solid #d9d9d9;
+    background-color: #f6f6f6;
+    font-size: 16px;
+    padding: 16px 10px;
+}
+
+.join_table td {
+    padding: 14px 10px;
+    border-bottom: 1px solid #d9d9d9;
+    width: 100px;
+    vertical-align: middle;
+}
+
+.txtinput {
+    padding: 0 5px;
+    height: 35px;
+    width: 55%;
+    border: 1px solid #bbbbbb;
+    vertical-align: middle;
+    line-height: 35px;
+}
+
+.txtinput.half {
+    width: 26%;
+}
+
+.div_join {
+    width: 55%;
+    padding-top: 25px;
+    text-align: center;
+}
+
+.btn_join {
+    font-size: 20px;
+    padding: 12px 60px;
+}
+
+.btn_join.big.on {
+    color: #FFF;
+    background: #042f6c;
 }
 
 .btn_join.big {
@@ -458,69 +472,72 @@ a {
     line-height: 23px;
     display: inline-block;
 }
-.join_bottom_p{
-	text-align:center;
+
+.join_bottom_p {
+    text-align: center;
 }
 
 
 /* 공용 쓰기 */
 
-.div_write{
-	font-size: 20px;
-	padding: 12px 10px;
-	float:right; 
+.div_write {
+    font-size: 20px;
+    padding: 12px 10px;
+    float: right;
 }
-.btn_write{
+
+.btn_write {
     font-size: 15px;
-	padding: 6px 20px;
-	 color: #042f6c;
+    padding: 6px 20px;
+    color: #042f6c;
     background: #FFF;
     border: 1px solid #042f6c;
     line-height: 23px;
     display: inline-block;
 }
+
 .btn_write.on {
-	color: #FFF;
-	background: #042f6c;
+    color: #FFF;
+    background: #042f6c;
 }
 
 
-.field_data_content{
-	width:100%;
-	margin-top:30px;
-	overflow: hidden;	
+.field_data_content {
+    width: 100%;
+    margin-top: 30px;
+    overflow: hidden;
 }
 
-.map{
-	width: 100%;
-	height:450px;
-	float:left;
-	border: 1px solid #ccc;
+.map {
+    width: 100%;
+    height: 450px;
+    float: left;
+    border: 1px solid #ccc;
 }
 
-.fieldDataPaging{
-	list-style: none;
-	clear:both;
-}
-.fieldDataDiv{
-	float:left;
-	width:50%;
-	height:495px;
-	margin-left: 2%;
-	overflow-y: scroll;
-	border-bottom:1px solid #ccc;
+.fieldDataPaging {
+    list-style: none;
+    clear: both;
 }
 
-
+.fieldDataDiv {
+    float: left;
+    width: 50%;
+    height: 495px;
+    margin-left: 2%;
+    overflow-y: scroll;
+    border-bottom: 1px solid #ccc;
+}
 
 
 /* 지도권한관리 */
 .tabmenu-box ul li {
     float: left;
-    
+
     width: 162.5px;
     font-size: 105%;
 }
+
 .tabmenu-box ul li.on a {
     border: 1px solid #337ab7;
     color: #fff;
@@ -536,166 +553,181 @@ 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;
+.search_div {
+    width: 100%;
+    overflow: hidden;
 }
 
-.searchCondition{
-	width:100px;
-	height:40px;
+.search_menu {
+    width: 50%;
+    float: left;
 }
 
-.addedArea{
-	margin-top: 15px;
+.search_keyword {
+    width: 50%;
+    float: left;
+    text-align: right;
 }
 
-.addedAreaWrap{
-	border: 1px solid #ccc;
+.search_ul {
+    padding: 0;
+}
+
+.search_ul > li {
+    display: inline;
+}
+
+.searchCondition {
+    width: 100px;
+    height: 40px;
+}
+
+.addedArea {
+    margin-top: 15px;
+}
+
+.addedAreaWrap {
+    border: 1px solid #ccc;
     border-radius: 20px;
     padding: 5px 10px;
     margin: 5px;
     display: inline-block;
 }
 
-.search_selectbox{
-	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;
+.search_selectbox {
+    width: 110px;
+    float: left;
 }
 
-.td_name{
-	text-align: center;
+.search_inputbox {
+    width: 330px;
+    margin-left: 5px;
+    float: left;
 }
-.td_company{
-	text-align: center;
+
+.td_center {
+    text-align: center;
 }
-.td_status{
-	text-align: center;
+
+.td_title {
+    text-align: left;
+    width: 50%;
 }
-.td_area{
-	text-align: center;
+
+.td_date {
+    text-align: center;
+}
+
+.td_name {
+    text-align: center;
+}
+
+.td_company {
+    text-align: center;
+}
+
+.td_status {
+    text-align: center;
+}
+
+.td_area {
+    text-align: center;
 }
 
 .list-table {
-	width: 100%;
-	border: 1px solid #ccc;
-	margin-top: 20px;
+    width: 100%;
+    border: 1px solid #ccc;
+    margin-top: 20px;
 }
 
-.list-table>thead>tr:first-child>th {
-	border: 1px solid #ccc;
-	background-color: #337ab7;
-	padding: 10px 5px;
-	color: #fff;
+.list-table > thead > tr:first-child > th {
+    border: 1px solid #ccc;
+    background-color: #337ab7;
+    padding: 10px 5px;
+    color: #fff;
 }
 
-.list-table>thead>tr>th {
-	border: 1px solid #ccc;
-	background-color: #f8f8f8;
-	padding: 10px 5px;
-	text-align: center;
+.list-table > thead > tr > th {
+    border: 1px solid #ccc;
+    background-color: #f8f8f8;
+    padding: 10px 5px;
+    text-align: center;
 }
 
-.list-table>tbody>tr>td {
-	border-bottom: 1px solid #ccc;
-	padding: 10px 5px;
-	text-align:center;
+.list-table > tbody > tr > td {
+    border-bottom: 1px solid #ccc;
+    padding: 10px 5px;
+    text-align: center;
 }
 
-.list-table>tbody>tr:hover {
-	background-color: #eaeaea
+.list-table > tbody > tr:hover {
+    background-color: #eaeaea
 }
 
-.detail_table{
-	width:100%;
-	margin-top: 20px;
-	margin-outside: 5px;
+.detail_table {
+    width: 100%;
+    margin-top: 20px;
+    margin-outside: 5px;
 }
 
-.detail_table > tbody> tr >th {
-	height:auto;
-	width:100px;
-  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{
-	width:50%;
-}
-
-.input-datepicker{
-	width:120px;
-	display:inline;
-	cursor:pointer !important;
-	background-color: #fff !important;
-	text-align:center;
-}
-.input-area-select{
-	width:155px;
-	display:inline;
-}
-
-.areaSelctBox{
-	width:150px;
-}
-
-.layer-label{
-	width:140px;
-	display: inline-block;
-	line-height: 50px;
-	margin-left: 20px;
-}
-.auth-label{
-	width:75px;
-}
-.mapWrap{
-	width: 48%;
-	float:left;
+.detail_table > tbody > tr > th {
+    height: auto;
+    width: 100px;
+    border: 1px solid #ccc;
+    background-color: #f8f8f8;
+    padding: 10px 5px;
+    text-align: center;
 
 
 }
-.map-title{
-	border-bottom: 1px solid #ccc;
+
+.detail_table > tbody > tr > td {
+    border: 1px solid #ccc;
+    padding: 10px;
+
+}
+
+.title-td {
+    width: 50%;
+}
+
+.input-datepicker {
+    width: 120px;
+    display: inline;
+    cursor: pointer !important;
+    background-color: #fff !important;
+    text-align: center;
+}
+
+.input-area-select {
+    width: 155px;
+    display: inline;
+}
+
+.areaSelctBox {
+    width: 150px;
+}
+
+.layer-label {
+    width: 140px;
+    display: inline-block;
+    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;
     padding: 10px 5px;
     text-align: left;
@@ -704,24 +736,24 @@ a {
 }
 
 .check_fidelData {
-	vertical-align: middle;
-	font-size: 19px;
+    vertical-align: middle;
+    font-size: 19px;
     background-color: #337ab7;
-	color:#fff;
+    color: #fff;
 
 }
 
-.clickAbleObj:hover{
-  cursor:pointer;
+.clickAbleObj:hover {
+    cursor: pointer;
 }
 
 input[type=checkbox]:disabled:checked {
-	outline : solid 2px gray;
+    outline: solid 2px gray;
 }
 
-.col-form-label-warning{
-  margin-bottom: 0.5rem;
-  color:  #ffc107;
+.col-form-label-warning {
+    margin-bottom: 0.5rem;
+    color: #ffc107;
 }
 
 .card-warning {
@@ -748,7 +780,6 @@ input[type=checkbox]:disabled:checked {
   border: 1px solid rgba(0, 0, 0, 0.125);
   border-radius: 0.25rem;
   margin: 0.375rem 0.75rem;
-
 }
 
 .card-default {