From 99a14a478ca3202b9c5e91a8260f1e4715d8baad Mon Sep 17 00:00:00 2001
From: JSYOO <JSYOO@DESKTOP-U1IONCV>
Date: Thu, 18 Nov 2021 15:40:09 +0900
Subject: [PATCH] =?UTF-8?q?=EC=88=98=EC=A0=95=EC=82=AC=ED=95=AD=20?=
 =?UTF-8?q?=EC=BB=A4=EB=B0=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../mapper/nlib/user/MemberDAO_SQL.xml        |  2 +-
 .../jsp/nlib/collection/listInterests.jsp     | 32 +++++++------
 .../jsp/nlib/collection/searchItemDetail.jsp  |  4 +-
 .../jsp/nlib/collection/searchList.jsp        | 28 +++++------
 .../jsp/nlib/member/initPasswordFormPopup.jsp | 11 ++++-
 .../jsp/nlib/member/insertMemberInfoForm.jsp  | 36 +++++++++++++--
 .../WEB-INF/jsp/nlib/userInfo/putMyInfo.jsp   | 46 +++++++++++++++----
 src/main/webapp/css/default.css               | 34 +++++++++-----
 8 files changed, 136 insertions(+), 57 deletions(-)

diff --git a/src/main/resources/egovframework/mapper/nlib/user/MemberDAO_SQL.xml b/src/main/resources/egovframework/mapper/nlib/user/MemberDAO_SQL.xml
index 6762bbde..f9e5ed7d 100644
--- a/src/main/resources/egovframework/mapper/nlib/user/MemberDAO_SQL.xml
+++ b/src/main/resources/egovframework/mapper/nlib/user/MemberDAO_SQL.xml
@@ -195,7 +195,7 @@
                   MB_INFO
               SET
                   LEAVE_SITE_DATE = DATE_FORMAT(CURDATE(), '%Y%m%d')
-                 ,LOGIN_USER_ID=#{loginUserId} + '-' + {mbInfoId}
+                 ,LOGIN_USER_ID= CONCAT(#{loginUserId},'-',#{mbInfoId})
                  ,STATUS = "D"
                  ,BIRTHDAY = NULL
                  ,ZIP_CODE = NULL
diff --git a/src/main/webapp/WEB-INF/jsp/nlib/collection/listInterests.jsp b/src/main/webapp/WEB-INF/jsp/nlib/collection/listInterests.jsp
index 0052300e..2188575d 100644
--- a/src/main/webapp/WEB-INF/jsp/nlib/collection/listInterests.jsp
+++ b/src/main/webapp/WEB-INF/jsp/nlib/collection/listInterests.jsp
@@ -33,7 +33,7 @@
 
 <c:set var="pageTitle">공지사항</c:set>
 
-<script type="text/javaScript" language="javascript">
+<script>
  
  $( document ).ready(function() {
      
@@ -151,25 +151,38 @@
          } else {
               $("div.list-data li.no-result").hide();
              
+              $( "div.list-data").empty();
+              var t_title = ""; 
+              t_title += "<div class=\"list t-tit-line\">"
+              t_title += "<div class=\"t-chk\"><input type=\"checkbox\" id=\"allChk\" onclick=\"selectAllChk();\"></div>"
+              t_title += "<div class=\"t-cultural\">문화원</div>"
+              t_title += "<div class=\"t-data\">자료정보</div>"
+              t_title += "<div class=\"t-btn\">이용</div>"
+              t_title += "</div>"
+              t_title += "<li class=\"no-result\" style=\"display:none;\">"
+              t_title += "<span>검색결과가 없습니다.</span>"
+              t_title += "</li>"
+              
+           	  $( "div.list-data").append(t_title);
              // 출력
              $.each(jsonObj.data,function(key,obj) {
                  var t_data = "";
                  t_data += "<div class=\"img\"><a><img src=\"" + obj.rprsThumbUrlWithDefault + "\"</a>";
                  t_data += "<span id=\"favorites_" + obj.masterId + "\" class=\"favorites\" onclick=\"deleteInterests('single','" + obj.masterId + "');\"><img src=\"/images/icon/icon-cart-Favorites-on.png\" class=\"off\" alt=\"즐겨찾기 아이콘\"><img src=\"/images/icon/icon-cart-Favorites.png\" class=\"on\" alt=\"즐겨찾기 아이콘\"></span></div>";
                  t_data += "<div class=\"type\">"
-                 if(obj.openDivCd != "3")
+                 if(!fn_isEmpty(obj.openDivCd) && obj.openDivCd != "3" && obj.operReadRangeCd == "01" && obj.digitalReadYn == 'Y')
                  {
                      t_data += "<span class=\"online\">온라인열람</span>" 
                  }
-                 if(obj.operOutRangeCd != "02")
+                 if(!fn_isEmpty(obj.openDivCd) && obj.openDivCd != "3" && !fn_isEmpty(obj.operOutRangeCd) && obj.operOutRangeCd != "02")
                  {
                      t_data += "<span class=\"loan\">대출</span>" 
                  }
-                 if(obj.operReadRangeCd != "03")
+                 if(!fn_isEmpty(obj.openDivCd) && obj.openDivCd != "3" && !fn_isEmpty(obj.operReadRangeCd) && obj.operReadRangeCd != "03")
                  {
                      t_data += "<span class=\"visit\">방문열람</span>" 
                  }
-                 if(obj.openDivCd != "3" && obj.operOutRangeCd != "02" && obj.operReadRangeCd != "03")
+                 if(!(!fn_isEmpty(obj.openDivCd) && obj.openDivCd != "3") && !(obj.operReadRangeCd == "01" && obj.digitalReadYn == 'Y') && !(!fn_isEmpty(obj.operOutRangeCd) && obj.operOutRangeCd != "02") && !(!fn_isEmpty(obj.operReadRangeCd) && obj.operReadRangeCd != "03"))
                  {
                      t_data += "<span class=\"etc\">기타</span>" 
                  }
@@ -307,15 +320,6 @@
                       </div>  
                         <div class="list-data-wrap">
                             <div class="list-data">
-                              <div class="list t-tit-line">
-                                <div class="t-chk"><input type="checkbox" id="allChk" onclick="selectAllChk();"></div>
-                                <div class="t-cultural">문화원</div>
-                                <div class="t-data">자료정보</div>
-                                <div class="t-btn">이용</div>
-                              </div>
-                              <li class="no-result" style="display:none;">
-                                    <span>검색결과가 없습니다.</span>
-                               </li>
                             </div>
                             <ul id="paging" class="paging"></ul>
                             <div class="btn-box">   
diff --git a/src/main/webapp/WEB-INF/jsp/nlib/collection/searchItemDetail.jsp b/src/main/webapp/WEB-INF/jsp/nlib/collection/searchItemDetail.jsp
index 97002f03..c2a509ee 100644
--- a/src/main/webapp/WEB-INF/jsp/nlib/collection/searchItemDetail.jsp
+++ b/src/main/webapp/WEB-INF/jsp/nlib/collection/searchItemDetail.jsp
@@ -229,8 +229,8 @@ function goList(){
                                 </ul>
                             </div>
                             <div class="b-btn">
-                                <button type="button" class="btn btn-color" onclick="gfn_rentItem('${result.masterId}')">대출예약</button>
-                                <button type="button" class="btn btn-green" onclick="gfn_reserveReadItem('${result.masterId}')">방문열람신청</button>
+                                <button type="button" class="btn btn-color" onclick="gfn_rentItem('${result.mngOrgCd}', '${result.masterId}')">대출예약</button>
+                                <button type="button" class="btn btn-green" onclick="gfn_reserveReadItem('${result.mngOrgCd}', '${result.masterId}')">방문열람신청</button>
                                 <button type="button" class="btn btn-orange" onclick="fn_addRentCart('${result.masterId}', '${result.useStatus}')">카트담기</button>
                             </div>
                             <c:if test="${fn:length(keywordList) > 0 }">
diff --git a/src/main/webapp/WEB-INF/jsp/nlib/collection/searchList.jsp b/src/main/webapp/WEB-INF/jsp/nlib/collection/searchList.jsp
index 5185c329..85b3439b 100644
--- a/src/main/webapp/WEB-INF/jsp/nlib/collection/searchList.jsp
+++ b/src/main/webapp/WEB-INF/jsp/nlib/collection/searchList.jsp
@@ -49,7 +49,7 @@
 <script src="${pageContext.request.contextPath}/js/jsgrid/nlib-jsgrid.js"></script>
 <script src="${pageContext.request.contextPath}/js/search/util.js"></script>
 <script src="${pageContext.request.contextPath}/js/search/reference.js"></script>
-<script type="text/javaScript" language="javascript">
+<script>
 
 
 window.onload = function() {
@@ -187,6 +187,7 @@ function goSearchNculture() {
 //탭 이동
 function fnTabMoveSch(collection){
     $("#collection").val(collection);
+    $("#pageIndex").val(1);
     fnFilterSch();
 }
 function fnFilterSch(){
@@ -457,19 +458,18 @@ function fn_search_article(pageIndex) {
                                                                       </sec:authorize>
                                                             </div>
                                                             <div class="type">
-                                                                <c:if test="${(!empty result.openDivCd) && (result.openDivCd ne '3') }">
-                                                                   <span class="online">온라인열람</span>
-                                                                </c:if>
-                                                                <c:if test="${(!empty result.operOutRangeCd) && (result.operOutRangeCd ne '02')}">
-                                                                   <span class="loan">대출</span>
-                                                                </c:if>
-                                                                <c:if test="${(!empty result.operReadRangeCd) && (result.operReadRangeCd ne '03')}">
-                                                                   <span class="visit">방문열람</span>
-                                                                </c:if>
-                                                                <c:if test="${!((!empty result.openDivCd) && (result.openDivCd ne '3')) && !((!empty result.operOutRangeCd) && (result.operOutRangeCd ne '02')) && !((!empty result.operReadRangeCd) && (result.operReadRangeCd ne '03')) }">
-                                                                   <span class="etc">기타</span>
-                                                                </c:if>
-                                                                
+                                                                <c:if test="${!empty result.openDivCd && result.openDivCd ne '3' && result.operReadRangeCd eq '01' && result.digitalReadYn eq 'Y'}">
+								                                   <span class="online">온라인열람</span>
+								                                </c:if>
+								                                <c:if test="${!empty result.openDivCd && result.openDivCd ne '3' && !empty result.operOutRangeCd && result.operOutRangeCd ne '02'}">
+								                                   <span class="loan">대출</span>
+								                                </c:if>
+								                                <c:if test="${!empty result.openDivCd && result.openDivCd ne '3' && !empty result.operReadRangeCd && result.operReadRangeCd ne '03'}">
+								                                   <span class="visit">방문열람</span>
+								                                </c:if>
+								                                <c:if test="${!(!empty result.openDivCd && result.openDivCd ne '3') && !(result.operReadRangeCd eq '01' && result.digitalReadYn eq 'Y') && !(!empty result.operOutRangeCd && result.operOutRangeCd ne '02') && !(!empty result.operReadRangeCd && result.operReadRangeCd ne '03') }">
+								                                   <span class="etc">기타</span>
+								                                </c:if>
                                                             </div>
                                                             <div class="title"><a href="javascript:void(0)" onclick="goDetail('${result.masterId}');"><c:out value="${result.title}"/></a></div>
                                                             <div class="code"><c:out value="${result.mngtNo}"/></div>
diff --git a/src/main/webapp/WEB-INF/jsp/nlib/member/initPasswordFormPopup.jsp b/src/main/webapp/WEB-INF/jsp/nlib/member/initPasswordFormPopup.jsp
index 5da68683..ba7bbd4c 100644
--- a/src/main/webapp/WEB-INF/jsp/nlib/member/initPasswordFormPopup.jsp
+++ b/src/main/webapp/WEB-INF/jsp/nlib/member/initPasswordFormPopup.jsp
@@ -36,8 +36,14 @@ $(document).ready(function() {
 	}
 		
 });
+
+var mailDoubleSubmitFlag = false;
 function goFindPw(){
-    
+	if(mailDoubleSubmitFlag)
+    {
+        alert("메일 전송중입니다. 잠시만 기다려주세요.");
+        return false;    
+    }
     var data = $("form[name=initPw]").serialize();
     var regExp = /^[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*@[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*.[a-zA-Z]{2,3}$/i;
     if($("#initPw [name=email]").val() == "")
@@ -52,11 +58,13 @@ function goFindPw(){
      	alert("이메일을 다시 확인해주세요. (예: example@mail.com)");
      	return false;
    	}
+    mailDoubleSubmitFlag = true;
     	$.ajax({
             url : "${pageContext.request.contextPath}/member/initPassword.ajax",
             type : "POST",
             data : data,
             success : function(result){
+            	mailDoubleSubmitFlag = false;
                 if(result == "success")
                	{
                 	alert("입력하신 이메일로 임시 비밀번호가 발송되었습니다. 메일을 확인해주세요.");
@@ -80,6 +88,7 @@ function goFindPw(){
                	}
                 
                 },error : function(){
+               	mailDoubleSubmitFlag = false;
                 alert("이메일 발송에 실패하였습니다. 관리자에게 문의하여 주시기 바랍니다.");
             }
         })
diff --git a/src/main/webapp/WEB-INF/jsp/nlib/member/insertMemberInfoForm.jsp b/src/main/webapp/WEB-INF/jsp/nlib/member/insertMemberInfoForm.jsp
index 59f1f3db..4f5bf946 100644
--- a/src/main/webapp/WEB-INF/jsp/nlib/member/insertMemberInfoForm.jsp
+++ b/src/main/webapp/WEB-INF/jsp/nlib/member/insertMemberInfoForm.jsp
@@ -237,11 +237,17 @@ $(document).ready(function() {
         }
     });
 })
+
 <%
 //이메일 인증
 %>
+var mailDoubleSubmitFlag = false;
 function emailCert(){
-    
+	if(mailDoubleSubmitFlag)
+    {
+       alert("메일 전송중입니다. 잠시만 기다려주세요.");
+       return false;    
+    }
 
     var regExp = /^[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*@[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*.[a-zA-Z]{2,3}$/i;
 
@@ -251,10 +257,11 @@ function emailCert(){
         return false;
     }
     
+    mailDoubleSubmitFlag = true;
     $.ajax({
         url : "${pageContext.request.contextPath}/member/emailCertNum.ajax",
         type : "POST",
-        async: false,
+        async: true,
         data : {"email" : $("#email").val()},
         success : function(result){
             alert(result.msg);
@@ -264,14 +271,17 @@ function emailCert(){
             	$("#emailCertYn").val("N");
             	$("[id^='emailSuc']").css("display","none");
                 $("[id^='emailVrfctNo']").css("display","inline-block");
+                mailDoubleSubmitFlag = false;
            	}
             if(result.emailCertYn=="N")
            	{
                 $("#emailCertYn").val("N");
                 $("[id^='emailSuc']").css("display","none");
+                mailDoubleSubmitFlag = false;
            	}
             
         },error : function(){
+        	mailDoubleSubmitFlag = false;
         }
     })
 }
@@ -308,11 +318,20 @@ function certEmailCheck(){
   })
 }
 
+var mobileDoubleSubmitFlag = false;
+
 <%
 //핸드폰 인증번호 받기
 %>
 function mobileCert(){
-	
+	if(mobileDoubleSubmitFlag)
+   {
+       alert("인증번호 전송중입니다. 잠시만 기다려주세요.");
+      return false;    
+   }
+    
+    mobileDoubleSubmitFlag = true;
+	    
 	var mobileNo = $("#mobileNo_1").val()+ $("#mobileNo_2").val()+ $("#mobileNo_3").val();
 	mobileNo = mobileNo.replace(/-/gi,"");
 	$("#mobileNo").val(mobileNo);
@@ -327,14 +346,16 @@ function mobileCert(){
     $.ajax({
         url : "${pageContext.request.contextPath}/member/mobileCertNum.ajax",
         type : "POST",
-        async: false,
+        async: true,
         data : {"mobileNo" : mobileNo},
         success : function(result){
             alert("인증번호가 발송됐습니다.");
             $("#mobileCertYn").val("N");
             $("[id^='mobileSuc']").css("display","none");
             $("[id^='mobileVrfctNo']").css("display","inline-block");
+            mobileDoubleSubmitFlag = false;
         },error : function(){
+        	mobileDoubleSubmitFlag = false;
         }
     })
 }
@@ -466,6 +487,11 @@ function calcAge(birth) {
     var age = monthDay < birthdaymd ? year - birthdayy - 1 : year - birthdayy;
     return age;
 }
+ 
+function fn_cancel(){
+	document.joinForm.action ="/member/selectMemberJoiningInfo.do";
+	document.joinForm.submit();
+}
 
 </script>
 </head>
@@ -631,7 +657,7 @@ function calcAge(birth) {
                             </div>
                             
                             <div class="btn-box">
-                                <button type="button" class="btn btn-gray" id="cancel">취소</button>
+                                <button type="button" class="btn btn-gray" id="cancel" onclick="fn_cancel();">취소</button>
                                 <button type="button" class="btn btn-color" onclick="signUp();">가입하기</button>
                             </div>
                         </form>
diff --git a/src/main/webapp/WEB-INF/jsp/nlib/userInfo/putMyInfo.jsp b/src/main/webapp/WEB-INF/jsp/nlib/userInfo/putMyInfo.jsp
index e3ad7ce8..0a13cc47 100644
--- a/src/main/webapp/WEB-INF/jsp/nlib/userInfo/putMyInfo.jsp
+++ b/src/main/webapp/WEB-INF/jsp/nlib/userInfo/putMyInfo.jsp
@@ -36,7 +36,14 @@
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 <script type="text/javaScript" language="javascript" defer="defer">
 $(document).ready(function() {
-	// sns연동이 하나일때 연결해제버튼 제거
+	<%
+	//인증완료 
+    %>
+	$("[id^='mobileSuc']").css("display","inline-block");
+    $("[id^='emailSuc']").css("display","inline-block");
+    <%
+    // sns연동이 하나일때 연결해제버튼 제거
+    %>
 	if($("inputinput[name='unlinkBtn']").length==1)
     {
         $("input[name='unlinkBtn']").remove();
@@ -262,10 +269,16 @@ function changePassword(){
 <%
 //이메일 인증
 %>
+var mailDoubleSubmitFlag = false;
 function emailCert(){
-  
-
-  var regExp = /^[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*@[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*.[a-zA-Z]{2,3}$/i;
+   if(mailDoubleSubmitFlag)
+   {
+	   alert("메일 전송중입니다. 잠시만 기다려주세요.");
+      return false;	   
+   }
+   
+   
+   var regExp = /^[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*@[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*.[a-zA-Z]{2,3}$/i;
 
   if(!regExp.test($("#email").val()) || $("#email").val()==""){
       
@@ -273,10 +286,12 @@ function emailCert(){
       return false;
   }
   
+  mailDoubleSubmitFlag = true;
+  
   $.ajax({
       url : "${pageContext.request.contextPath}/member/emailCertNum.ajax",
       type : "POST",
-      async: false,
+      async: true,
       data : {"email" : $("#email").val(),
     	      "pageName" : "myInfo"},
       success : function(result){
@@ -287,13 +302,16 @@ function emailCert(){
               $("#emailCertYn").val("N");
               $("[id^='emailSuc']").css("display","none");
               $("[id^='emailVrfctNo']").css("display","inline-block");
+              mailDoubleSubmitFlag = false;
           }
           if(result.emailCertYn=="N")
           {
               $("#emailCertYn").val("N");
               $("[id^='emailSuc']").css("display","none");
+              mailDoubleSubmitFlag = false;
           }
       },error : function(){
+    	  mailDoubleSubmitFlag = false;
       }
   })
 }
@@ -331,10 +349,20 @@ function certEmailCheck(){
   })
 }
 
+var mobileDoubleSubmitFlag = false;
+
 <%
 //핸드폰 인증번호 받기
 %>
 function mobileCert(){
+	if(mobileDoubleSubmitFlag)
+   {
+       alert("인증번호 전송중입니다. 잠시만 기다려주세요.");
+      return false;    
+   }
+	
+	mobileDoubleSubmitFlag = true;
+   
 	var mobileNo = $("#mobileNo_1").val()+ $("#mobileNo_2").val()+ $("#mobileNo_3").val();
     mobileNo = mobileNo.replace(/-/gi,"");
     $("#mobileNo").val(mobileNo);
@@ -358,7 +386,9 @@ function mobileCert(){
             $("#mobileCertYn").val("N");
             $("[id^='mobileSuc']").css("display","none");
             $("[id^='mobileVrfctNo']").css("display","inline-block");
+            mobileDoubleSubmitFlag = false;
         },error : function(){
+        	mobileDoubleSubmitFlag = false;
         }
     })
 }
@@ -570,9 +600,9 @@ function snsUnlink(snsId){
                             <div class="form-group Userbirth">
                                 <label>생년월일</label>
                                 <div class="con">
-                                    <select name="birth_yy" id="birth_yy"></select> 년
-                                    <select name="birth_mm" id="birth_mm"></select> 월
-                                    <select name="birth_dd" id="birth_dd"></select> 일
+                                    <select name="birth_yy" id="birth_yy"></select>
+                                    <select name="birth_mm" id="birth_mm"></select>
+                                    <select name="birth_dd" id="birth_dd"></select>
                                 </div>
                             </div>
                             
diff --git a/src/main/webapp/css/default.css b/src/main/webapp/css/default.css
index 92327043..e5952d67 100644
--- a/src/main/webapp/css/default.css
+++ b/src/main/webapp/css/default.css
@@ -252,6 +252,8 @@ transition: all 0.2s ease-in-out;
 /********** 메인섹션6 **********/
 .sec6 {padding:100px 0px 100px;}
 .sec6 .inner {width:100%;position: relative;}
+.sec6 .inner .more-btn {position:absolute;right:30px;top:30px;}
+.sec6 .inner .more-btn a {background:#666;color:#fff;padding:5px 20px;border-radius:3px;}
 .sec6 .onlineSwiper::before {content: '';width:4%;height:120%;background: #fff;display: inline-block;position: absolute;left:0px;top:-10%;z-index: 9;box-shadow:30px 0px 30px rgba(255,255,255,1.0);}
 .sec6 .onlineSwiper::after {content: '';width:4%;height:120%;background: #fff;display: inline-block;position: absolute;right:0px;top:-10%;z-index: 9;box-shadow:-30px 0px 30px rgba(255,255,255,1.0);}
 .sec6 .onlineSwiper .swiper-slide {height:auto;background: #ccc;border-radius:10px;box-shadow:1px 1px 5px rgba(0,0,0,0.3);}
@@ -341,7 +343,7 @@ footer .family_site .site_depth li a{display:block;line-height:26px;padding:0 0
 /* button scroll-top */
 .btn-go-top {width: 50px;height: 50px;border-radius: 100%;background-color: #354f68;position: absolute;right: 25px;top: -65px;z-index: 20;
 transition: all .2s ease;}
-.btn-go-top p {color:#fff;}
+.btn-go-top span {color:#fff;display:block;}
 .btn-go-top:hover {}
 .btn-go-top.go-top-fix {position: fixed;top: inherit;bottom: 15px;}
 .btn-go-top.go-top-hide {opacity: 0;z-index: -1;}
@@ -525,8 +527,13 @@ transform: rotate(45deg);
 .join.connect .inner .row-bottom .join-box .success .box {background: #f0f0f0;display: inline-block;width:30%;padding:3% 35%;border-radius: 3px;border:1px solid #ddd;}
 .join.connect .inner .row-bottom .join-box .success .box::before {background: #f0f0f0;border-top:1px solid #ddd;border-left:1px solid #ddd;}
 .join.connect .inner .row-bottom .join-box .success .box .icon {float:left;margin-right:10px;}
+.join-box .success .box .icon.kakao {background: #ffeb00;border-radius:50%;}
+.join-box .success .box .icon.naver {background: #19ce60;border-radius:50%;}
+.join-box .success .box .icon.google {background: #fff;border-radius:50%;}
 .join.connect .inner .row-bottom .join-box .success .box .text {float:left;}
-.join.connect .inner .row-bottom .join-box .success .box .icon img {background: #ffeb00;padding:8px;border-radius: 50%;max-width:16px;margin-top:7px;}
+.join.connect .inner .row-bottom .join-box .success .box .icon.kakao img {padding:8px;max-width:16px;}
+.join.connect .inner .row-bottom .join-box .success .box .icon.naver img {padding:8px;max-width:16px;}
+.join.connect .inner .row-bottom .join-box .success .box .icon.google img {padding:8px;max-width:16px;}
 .join.connect .inner .row-bottom .join-box .success .box .text p:nth-of-type(1) {text-align:left;font-size: 14px;font-weight:500;margin-bottom:0;}
 .join.connect .inner .row-bottom .join-box .success .box .text p:nth-of-type(2) {text-align:left;}
 .join.connect .inner .row-bottom .join-box .success .box .text p:nth-of-type(2) span{font-size: 12px;font-weight: 400;color:#666;}
@@ -587,6 +594,7 @@ transform: rotate(45deg);
 .map .inner .row-bottom .map-box h2 {text-align:left;margin-bottom:10px;font-size:24px;font-weight: 300;}
 .map .inner .row-bottom .map-box h2 span {color:#376795;}
 .map .inner .row-bottom .map-box .info {border:1px solid #ddd;display: inline-block;width:100%;}
+.map .inner .row-bottom .map-box .info #map {height:337px !important;}
 .map .inner .row-bottom .map-box .info > div {float:left;width:21%;padding:1.95%;min-height:200px;border-right:1px solid #ddd;}
 .map .inner .row-bottom .map-box .info > div:last-child {border-right:0;}
 .map .inner .row-bottom .map-box .info > div p:nth-of-type(1) {width:80px;height:80px;line-height: 80px;display: inline-block;background: #ddd;text-align: center;border-radius: 50%;margin-bottom:10px;}
@@ -706,7 +714,7 @@ transform: rotate(45deg);}
 .cart .inner .tabs_item .compl-box .compl-icon {margin-bottom: 10px;}
 .cart .inner .tabs_item .compl-box .compl-text {font-size:24px;font-weight: 300;}
 .cart .inner .tabs_item .compl-box .compl-text span {color:#d47b1c;font-weight: 500;}
-.cart .inner .visit-confirm .tabs_item  .list-cart-wrap.confirm .list-cart div.list > div.t-data {width:64%;}	
+.cart .inner .visit-confirm .tabs_item  .list-cart-wrap.confirm .list-cart div.list > div.t-data {width:64%;}   
 .cart .inner .visit-confirm  .tabs_item .list-cart-wrap.complete .list-cart div.list > div.t-data {width:64%;}
 
 /********** 소장자료 **********/
@@ -795,7 +803,7 @@ transform: rotate(45deg);}
 .data .inner .tabs_item .list-cart-wrap .list-data .t-tit-line > div {color:#fff;line-height: 55px !important;padding:0 !important;}
 .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div {float:left;text-align: left;}
 .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.img {width:auto;height:100%;padding:0% 40px;margin-right:2%;position: relative;}
-.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.img a img {width:100%;height:100%;}
+.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.img a img {width:100%;height:100%;max-width:75px;}
 .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.type {width:70%;margin-bottom:10px;}
 .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.title {width:70%;font-size:16px;font-weight: 500;}
 .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.code {width:70%;font-size:12px;font-weight: 300;margin-bottom: 25px;}
@@ -820,7 +828,7 @@ transform: rotate(45deg);}
 .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn p {font-size:12px;color:#3f8f4a;font-weight: 400;padding:15px 0px;}
 .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn.nomagin {padding:0;}
 .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn.nomagin p {padding-top:0px;}
-.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn > div {font-size:12px;color:#3f8f4a;font-weight: 400;}	
+.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn > div {font-size:12px;color:#3f8f4a;font-weight: 400;}  
 .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn > div + button {margin-top: 15px;}
 
 .data .inner .tabs_item .list-cart-wrap .list-data div.list.resu {height:auto;}
@@ -868,8 +876,8 @@ transform: rotate(45deg);}
 .data.detail .inner .row-top .center .right .con-1 button.favorit {text-indent: -99999px;background:url(/images/icon/icon-data-star.png) no-repeat center #f5f5f5;}
 .data.detail .inner .row-top .center .right .con-1 button.share {text-indent: -99999px;background:url(/images/icon/icon-data-share.png) no-repeat center #f5f5f5;}
 .data.detail .inner .row-top .center .right .con-2 {}
-.data.detail .inner .row-top .center .right .con-2 .de-data {display: flex;}	
-.data.detail .inner .row-top .center .right .con-2 .de-data ul {width: 50%;display: flex;flex-direction: column;}	
+.data.detail .inner .row-top .center .right .con-2 .de-data {display: flex;}    
+.data.detail .inner .row-top .center .right .con-2 .de-data ul {width: 50%;display: flex;flex-direction: column;}   
 .data.detail .inner .row-top .center .right .con-2 .de-data ul li {float:left;width:100%;margin:0px 0px 12px;}
 .data.detail .inner .row-top .center .right .con-2 .de-data ul li span {font-size:14px;color:#fff;}
 .data.detail .inner .row-top .center .right .con-2 .de-data ul li span:nth-of-type(1) {font-weight: 400;display:inline-block;margin-right:20px;min-width:70px;}
@@ -891,7 +899,7 @@ transform: rotate(45deg);}
 .data.detail .inner .row-bottom .con-1 .text-box {display:inline-block;width:96%;padding:10px 2%;background:#f4f4f4;text-align: left;}
 .data.detail .inner .row-bottom .con-1 .text-box p {font-size:12px;}
 .data.detail .inner .row-bottom .con-2 {display:inline-block;width:100%;border-top:1px solid #333;border-bottom:1px solid #ddd;margin:0px 0px 100px;}
-.data.detail .inner .row-bottom .con-2 .top h3 {font-size:24px;text-align: center;}	
+.data.detail .inner .row-bottom .con-2 .top h3 {font-size:24px;text-align: center;} 
 .data.detail .inner .row-bottom .con-2 .top h3 span {color: #376795;}
 .data.detail .inner .row-bottom .con-2 .top .down-btn {position: absolute;top:0px;right:0px;text-indent: -999999px;background:url(/images/icon/icon-data-downarr2.png) no-repeat center;width:60px;height:60px;}
 .data.detail .inner .row-bottom .con-2 .top .down-btn.on {background:url(/images/icon/icon-data-downarr2-on.png) no-repeat center;}
@@ -900,7 +908,7 @@ transform: rotate(45deg);}
 .data.detail .inner .row-bottom .con-2 .bottom p span {margin-right:15px;}
 .data.detail .inner .row-bottom .con-3 {width:100%;display:inline-block;border-top:1px solid #333;border-bottom:0px solid #ddd;margin:0px 0px 100px;}
 .data.detail .inner .row-bottom .con-3 .top {padding:10px 0px;position: relative;border-bottom:1px solid #ddd;}
-.data.detail .inner .row-bottom .con-3 .top h3 {font-size:24px;text-align: center;}	
+.data.detail .inner .row-bottom .con-3 .top h3 {font-size:24px;text-align: center;} 
 .data.detail .inner .row-bottom .con-3 .top h3 span {color: #376795;}
 .data.detail .inner .row-bottom .DetailSwiper1 {display: inline-block;width:100%;}
 .data.detail .inner .row-bottom .DetailSwiper1 .swiper-wrapper {margin-top:15px;}
@@ -1120,7 +1128,7 @@ transform: rotate(45deg);}
 .interested-data .inner .data-box .list-data-wrap .list-data .t-tit-line > div {color:#fff;line-height: 55px !important;padding:0 !important;font-weight: 200 !important;}
 .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div {float:left;text-align: left;}
 .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.img {width:auto;height:100%;padding:0% 40px;margin-right:2%;position: relative;}
-.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.img a img {width:100%;height:100%;}
+.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.img a img {width:100%;height:100%;max-width:87px;}
 .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.type {width:70%;margin-bottom:10px;}
 .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.title {width:70%;font-size:16px;font-weight: 500;margin:0;height:auto;}
 .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.code {width:70%;font-size:12px;font-weight: 300;margin-bottom: 25px;}
@@ -1138,7 +1146,7 @@ transform: rotate(45deg);}
 .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.img .favorites:hover .off {display:none;}
 .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.img .favorites:hover .on {display:inline-block;}
 .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-btn button {font-size:14px;height:30px;height:30px;border-radius:3px;margin-bottom:5px;width:100px;color:#fff;display: block;margin:3px auto;}
-.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-btn > div {font-size:12px;color:#3f8f4a;font-weight: 400;}	
+.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-btn > div {font-size:12px;color:#3f8f4a;font-weight: 400;}    
 .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-btn > div + button {margin-top: 15px;}
 .interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-btn.bt p {padding:0px 0px 15px;}
 .interested-data .inner .data-box .list-data-wrap .btn-box {display: inline-block;float:left;margin-top:-30px;}
@@ -1262,6 +1270,7 @@ transform: rotate(45deg);}
 .noti-data .list-accordion .question {background: transparent url(/images/btn/btn-arrow-open.png) no-repeat 25px center;display: table;width: 100%;font-size: 16px;color: #666;border-bottom: 1px solid #ddd;}
 .noti-data .list-accordion .question span {display: table-cell;padding-left: 25px;height: 58px;vertical-align: middle;text-align: left;}
 .noti-data .list-accordion .question span:last-child {padding-right: 50px;}
+.noti-data .list-accordion .question span unread {background:#376795;color:#fff;font-size:11px;padding:3px 5px;border-radius:3px;}
 .noti-data .list-accordion .question .type {background:none;width: 210px;box-sizing: border-box;padding-left: 65px;font-weight: 600;color: #000;}
 .noti-data .list-accordion .question .type::before {background: none;}
 .noti-data .list-accordion .question.on .type::before {background: none;}
@@ -1362,7 +1371,8 @@ transform: rotate(45deg);}
 .community-write textarea {display: block;padding: 15px;height: 360px;border: 1px solid #ddd;border-radius: 3px;box-sizing: border-box;width: 100%;}
 .community-write select {box-sizing: border-box;display: block;width: 100%;height: 38px;padding: 0 15px;border: 1px solid #ddd;border-radius: 3px;line-height: 36px;background: url(/images/btn/btn-select-qna.png) no-repeat center right;}
 
-.qna-write-table {border-top: 2px solid #000;border-bottom: 1px solid #000;}
+.qna-write-table {}
+.community-write fieldset {border-top:1px solid #000;}
 .qna-write-table li {display: table;border-bottom: 1px solid #ddd;width: 100%;min-height:42px;line-height: 42px;}
 .w-tit {display: table-cell;padding: 20px 20px;font-size: 16px;background: #f6f6f6;color: #666;text-align: left;width: 160px;vertical-align: top;padding-top: 16px;font-weight: 500;}
 .w-form {display: table-cell;padding: 20px 20px;vertical-align: middle;text-align: left;}