From 8ccc28ef16e0743c5e45865aba26ff875252ea91 Mon Sep 17 00:00:00 2001
From: KNKIM <knkim@digitalship.co.kr>
Date: Mon, 25 Oct 2021 09:15:59 +0900
Subject: [PATCH] =?UTF-8?q?=EC=A0=9C3=EC=B0=A8=20=ED=8D=BC=EB=B8=94=20?=
 =?UTF-8?q?=EB=B3=80=EA=B2=BD=20=EC=82=AC=ED=95=AD=20=EC=A0=81=EC=9A=A9?=
 =?UTF-8?q?=EC=9E=91=EC=97=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/main/webapp/Interested-data.html         |  36 ++---
 src/main/webapp/WEB-INF/tiles/inc/header.jsp |   4 +-
 src/main/webapp/WEB-INF/tiles/inc/menu.jsp   |  43 +++---
 src/main/webapp/cart-complete.html           |  46 +++----
 src/main/webapp/cart-confirm.html            |  40 +++---
 src/main/webapp/cart.html                    | 130 ++++++++++++++-----
 src/main/webapp/connect.html                 |  60 +++------
 src/main/webapp/index.html                   | 130 ++++++++++++++-----
 src/main/webapp/loan.html                    |  36 ++---
 src/main/webapp/secession.html               |  62 +++------
 10 files changed, 333 insertions(+), 254 deletions(-)

diff --git a/src/main/webapp/Interested-data.html b/src/main/webapp/Interested-data.html
index 3dc03db1..aa083666 100644
--- a/src/main/webapp/Interested-data.html
+++ b/src/main/webapp/Interested-data.html
@@ -5,7 +5,7 @@
 <meta http-equiv="X-UA-Compatible" content="IE=Edge">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <meta name="format-detection" content="telephone=no" />
-<title>소장자료관 - 소장자료</title>
+<title>소장자료관 - 관심자료</title>
 
 <link rel="shortcut icon" type="image/x-icon" href="#">
 <link href="/css/common.css" rel="stylesheet">
@@ -50,9 +50,9 @@
             <div class="log">
                 <ul>
                     <li><a href="javascript:;" class="login-btn">로그인</a></li>
-                    <li><a href="">회원증</a></li>
-                    <li><a href="">알림(<span class="count">10</span>)</a></li>
-                    <li><a href="">카드(<span class="count">10</span>)</a></li>
+                    <li><a href="javascript:;" class="member-btn">회원증</a></li>
+                    <li><a href="javascript:;" class="noti-btn">알림(<span class="count">10</span>)</a></li>
+                    <li><a href="/cart.html">카트(<span class="count">10</span>)</a></li>
                 </ul>
             </div>
         </div>
@@ -62,27 +62,27 @@
             <button id="primary-nav-button" type="button" class="Btn eff"><i class="eff">Menu</i></button>
             <nav id="primary-nav" class="dropdown cf">
                 <ul class="dropdown menu">
-                    <li class="eff active"><a href="/greeting.html" title="자료관안내" class="eff">자료관안내</a>
+                    <li><a href="/greeting.html" title="자료관안내" class="eff">자료관안내</a>
                         <ul class="sub-menu">
-                            <li><a href="/greeting.html" title="인사말" class="underline blue">인사말</a></li>
-                            <li><a href="/guide.html" title="이용안내" class="underline blue">이용안내</a></li>
-                            <li><a href="/location.html" title="찾아오시는길" class="underline blue">찾아오시는길</a></li>
+                            <li><a href="/greeting.html" title="인사말"><span class="underline blue">인사말</span></a></li>
+                            <li><a href="/guide.html" title="이용안내"><span class="underline blue">이용안내</span></a></li>
+                            <li><a href="/location.html" title="찾아오시는길"><span class="underline blue">찾아오시는길</span></a></li>
                         </ul>
                     </li>
                     <li><a href="/data.html" title="소장자료" class="eff">소장자료</a></li>
                     <li><a href="/notice.html" title="고객지원" class="eff">고객지원</a>
                         <ul class="sub-menu">
-                            <li><a href="/notice.html" title="공지사항" class="underline blue">공지사항</a></li>
-                            <li><a href="/faq.html" title="FAQ" class="underline blue">FAQ</a></li>
-                            <li><a href="/qna.html" title="Q&amp;A" class="underline blue">Q&amp;A</a></li>
+                            <li><a href="/notice.html" title="공지사항"><span class="underline blue">공지사항</span></a></li>
+                            <li><a href="/faq.html" title="FAQ"><span class="underline blue">FAQ</span></a></li>
+                            <li><a href="/qna.html" title="Q&amp;A"><span class="underline blue">Q&amp;A</span></a></li>
                         </ul>
                     </li>
                     <li><a href="/myinfo.html" title="마이페이지" class="eff">마이페이지</a>
                         <ul class="sub-menu">
-                            <li><a href="/myinfo.html" title="회원정보관리" class="underline blue">회원정보관리</a></li>
-                            <li><a href="/Interested-data.html" title="관심자료" class="underline blue">관심자료</a></li>
-                            <li><a href="/loan.html" title="대출관리" class="underline blue">대출관리</a></li>
-                            <li><a href="/visit.html" title="열람관리" class="underline blue">열람관리</a></li>
+                            <li><a href="/myinfo.html" title="회원정보관리"><span class="underline blue">회원정보관리</span></a></li>
+                            <li><a href="/Interested-data.html" title="관심자료"><span class="underline blue">관심자료</span></a></li>
+                            <li><a href="/loan.html" title="대출관리"><span class="underline blue">대출관리</span></a></li>
+                            <li><a href="/visit.html" title="열람관리"><span class="underline blue">열람관리</span></a></li>
                         </ul>
                     </li>
                 </ul>
@@ -91,7 +91,7 @@
     </div>
     
     <!-- 관심자료 섹션 -->
-    <section class="location interested-data">
+    <div class="location interested-data">
         <h2 class="blind">관심자료 섹션영역</h2>
         <div class="inner">
             <div class="row-top">
@@ -107,7 +107,7 @@
                 </div>
                 <div class="arr"><img src="/images/icon/icon-join-arr2.png" alt="화살표 아이콘"></div>
             </div>
-            <div class="row-bottom">
+            <div class="contents row-bottom">
                 <div class="data-box">
                     
                     <div class="title">
@@ -234,7 +234,7 @@
                 </div>
             </div>
         </div>
-    </section>
+    </div>
     
     <footer id="footer">
         <button type="button" id="btn-go-top" class="btn-go-top"><span><img src="/images/icon/icon-arr-top.png" alt="상단 화살표"></span><p>TOP</p></button>
diff --git a/src/main/webapp/WEB-INF/tiles/inc/header.jsp b/src/main/webapp/WEB-INF/tiles/inc/header.jsp
index 66b0b6d5..b16e2851 100644
--- a/src/main/webapp/WEB-INF/tiles/inc/header.jsp
+++ b/src/main/webapp/WEB-INF/tiles/inc/header.jsp
@@ -66,9 +66,9 @@ $(document).ready(function() {
                         </li>
                     </sec:authorize>
                     
-                        <li><a href="javascript:void(0)" class="member-card-btn">회원증</a></li>
+                        <li><a href="javascript:void(0)" class="member-btn">회원증</a></li>
                     <sec:authorize access="isAuthenticated()">
-                        <li><a href="javascript:void(0)" onclick="javascript:location.href='${pageContext.request.contextPath}/cmm/listNotifications.do';">알림(<span class="count">10</span>)</a></li>
+                        <li><a href="javascript:void(0)" onclick="javascript:location.href='${pageContext.request.contextPath}/cmm/listNotifications.do';" class="noti-btn">알림(<span class="count">10</span>)</a></li>
                     </sec:authorize>
                     <li><a href="javascript:void(0)" onclick="javascript:location.href='${pageContext.request.contextPath}/cart/listCartItems.do';">카트(<span class="count">10</span>)</a></li>
                 </ul>
diff --git a/src/main/webapp/WEB-INF/tiles/inc/menu.jsp b/src/main/webapp/WEB-INF/tiles/inc/menu.jsp
index 1de845e2..2aa50c9d 100644
--- a/src/main/webapp/WEB-INF/tiles/inc/menu.jsp
+++ b/src/main/webapp/WEB-INF/tiles/inc/menu.jsp
@@ -6,40 +6,41 @@
             <button id="primary-nav-button" type="button" class="Btn eff"><i class="eff">Menu</i></button>
             <nav id="primary-nav" class="dropdown cf">
                 <ul class="dropdown menu">
-                    <li class="eff active"><a href="/activar/index.html" title="자료관안내" class="eff">자료관안내</a>
+                    <li><a href="javascript:void(0)" onclick="javascript:location.href='${pageContext.request.contextPath}/inform/selectGreeting.do';" title="자료관안내" class="eff">자료관안내</a>
                         <ul class="sub-menu">
-                            <li><a href="javascript:void(0)" onclick="javascript:location.href='${pageContext.request.contextPath}/inform/selectGreeting.do';" title="인사말" class="underline blue">인사말</a></li>
-                            <li><a href="javascript:void(0)" onclick="javascript:location.href='${pageContext.request.contextPath}/inform/selectNCultureOperationInfo.do';" title="이용안내" class="underline blue">이용안내</a></li>
-                            <li><a href="javascript:void(0)" onclick="javascript:location.href='${pageContext.request.contextPath}/inform/selectNCultureLocationInfo.do';" title="찾아오시는길" class="underline blue">찾아오시는길</a></li>
+                            <li><a href="javascript:void(0)" onclick="javascript:location.href='${pageContext.request.contextPath}/inform/selectGreeting.do';" title="인사말"><span class="underline blue">인사말</span></a></li>
+                            <li><a href="javascript:void(0)" onclick="javascript:location.href='${pageContext.request.contextPath}/inform/selectNCultureOperationInfo.do';" title="이용안내"><span class="underline blue">이용안내</span></a></li>
+                            <li><a href="javascript:void(0)" onclick="javascript:location.href='${pageContext.request.contextPath}/inform/selectNCultureLocationInfo.do';" title="찾아오시는길"><span class="underline blue">찾아오시는길</span></a></li>
                         </ul>
                     </li>
                     <li><a href="javascript:void(0)" onclick="javascript:location.href='${pageContext.request.contextPath}/search/searchList.do';" title="소장자료" class="eff">소장자료</a></li>
-                    <li><a href="/activar/contact.html" title="고객지원" class="eff">고객지원</a>
+                    
+                    <li><a href="javascript:void(0)" onclick="javascript:location.href='${pageContext.request.contextPath}/bbs/listAncmnts.do';"  title="고객지원" class="eff">고객지원</a>
                         <ul class="sub-menu">
-                            <li><a href="javascript:void(0)" onclick="javascript:location.href='${pageContext.request.contextPath}/bbs/listAncmnts.do';" title="공지사항" class="underline blue">공지사항</a></li>
-                            <li><a href="javascript:void(0)" onclick="javascript:location.href='${pageContext.request.contextPath}/bbs/listFaqs.do';" title="FAQ" class="underline blue">FAQ</a></li>
-                            <li><a href="javascript:void(0)" onclick="javascript:location.href='${pageContext.request.contextPath}/bbs/listQnas.do';" title="Q&A" class="underline blue">Q&A</a></li>
+                            <li><a href="javascript:void(0)" onclick="javascript:location.href='${pageContext.request.contextPath}/bbs/listAncmnts.do';" title="공지사항"><span class="underline blue">공지사항</span></a></li>
+                            <li><a href="javascript:void(0)" onclick="javascript:location.href='${pageContext.request.contextPath}/bbs/listFaqs.do';" title="FAQ"><span class="underline blue">FAQ</span></a></li>
+                            <li><a href="javascript:void(0)" onclick="javascript:location.href='${pageContext.request.contextPath}/bbs/listQnas.do';" title="Q&amp;A"><span class="underline blue">Q&amp;A</span></a></li>
                         </ul>
                     </li>
-                    <li><a href="/activar/contact.html" title="마이페이지" class="eff">마이페이지</a>
+
+                    <li><a href="javascript:void(0)" onclick="javascript:location.href='${pageContext.request.contextPath}/userInfo/pwCertMyInfo.do';" title="마이페이지" class="eff">마이페이지</a>
                         <ul class="sub-menu">
-                            <li><a href="javascript:void(0)" onclick="javascript:location.href='${pageContext.request.contextPath}/userInfo/pwCertMyInfo.do';" title="회원정보관리" class="underline blue">회원정보관리</a></li>
-                            <li><a href="javascript:void(0)" onclick="javascript:location.href='${pageContext.request.contextPath}/interest/listInterests.do';" title="관심자료" class="underline blue">관심자료</a></li>
-                            <li><a href="javascript:void(0)" onclick="javascript:location.href='${pageContext.request.contextPath}/rent/listRentItems.do';" title="대출관리" class="underline blue">대출관리</a></li>
-                            <li><a href="javascript:void(0)" onclick="javascript:location.href='${pageContext.request.contextPath}/rent/listRequestsForViewingItem.do';" title="방문열람관리" class="underline blue">방문열람관리</a></li>
+                            <li><a href="javascript:void(0)" onclick="javascript:location.href='${pageContext.request.contextPath}/userInfo/pwCertMyInfo.do';" title="회원정보관리"><span class="underline blue">회원정보관리</span></a></li>
+                            <li><a href="javascript:void(0)" onclick="javascript:location.href='${pageContext.request.contextPath}/interest/listInterests.do';" title="관심자료"><span class="underline blue">관심자료</span></a></li>
+                            <li><a href="javascript:void(0)" onclick="javascript:location.href='${pageContext.request.contextPath}/rent/listRentItems.do';" title="대출관리"><span class="underline blue">대출관리</span></a></li>
+                            <li><a href="javascript:void(0)" onclick="javascript:location.href='${pageContext.request.contextPath}/rent/listRequestsForViewingItem.do';" title="방문열람관리"><span class="underline blue">방문열람관리</span></a></li>
                             
                             <!-- 개발진행 중 임시 추가 : 시작 DDDDDDDDDDDDDD -->
                             <li>--- 이하 임시 추가 메뉴 ---</li>
-                            <li><a href="javascript:void(0)" onclick="javascript:location.href='${pageContext.request.contextPath}/user/member/searchIdForm.do';" title="ID/PW찾기" class="underline blue">ID/PW찾기</a></li>
-                            <li><a href="javascript:void(0)" onclick="javascript:location.href='${pageContext.request.contextPath}/login/memberSnsForm.do';" title="회원가입" class="underline blue">회원가입</a></li>
-                            
-                            <li><a href="javascript:void(0)" onclick="javascript:location.href='${pageContext.request.contextPath}/sample/password/getSampleEncoder.do';" title="암호화" class="underline blue">암호화</a></li>
-                            <li><a href="javascript:void(0)" onclick="javascript:location.href='${pageContext.request.contextPath}/system/reloadProperties.do';" title="환경설정갱신" class="underline blue">환경설정갱신</a></li>
-                            <li><a href="javascript:void(0)" onclick="javascript:location.href='${pageContext.request.contextPath}/code/listCodes.do';" title="코드조회" class="underline blue">코드조회</a></li>
-                            <li><a href="javascript:void(0)" onclick="javascript:location.href='${pageContext.request.contextPath}/sample/listRentItem.do';" title="API샘플" class="underline blue">목록조회:API샘플</a></li>
+                            <li><a href="javascript:void(0)" onclick="javascript:location.href='${pageContext.request.contextPath}/user/member/searchIdForm.do';" title="ID/PW찾기"><span class="underline blue">ID/PW찾기</span></a></li>
+                            <li><a href="javascript:void(0)" onclick="javascript:location.href='${pageContext.request.contextPath}/sample/password/getSampleEncoder.do';" title="암호화"><span class="underline blue">암호화</span></a></li>
+                            <li><a href="javascript:void(0)" onclick="javascript:location.href='${pageContext.request.contextPath}/system/reloadProperties.do';" title="환경설정갱신"><span class="underline blue">환경설정갱신</span></a></li>
+                            <li><a href="javascript:void(0)" onclick="javascript:location.href='${pageContext.request.contextPath}/code/listCodes.do';" title="코드조회"><span class="underline blue">코드조회</span></a></li>
+                            <li><a href="javascript:void(0)" onclick="javascript:location.href='${pageContext.request.contextPath}/sample/listRentItem.do';" title="API샘플"><span class="underline blue">API샘플</span></a></li>
                             <!-- 개발진행 중 임시 추가 : 종료 DDDDDDDDDDDDDD -->
                         </ul>
-                    </li>
+                    </li>                    
+                    
                 </ul>
             </nav>
         </div>
diff --git a/src/main/webapp/cart-complete.html b/src/main/webapp/cart-complete.html
index 0c3125b4..cc965883 100644
--- a/src/main/webapp/cart-complete.html
+++ b/src/main/webapp/cart-complete.html
@@ -5,7 +5,7 @@
 <meta http-equiv="X-UA-Compatible" content="IE=Edge">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <meta name="format-detection" content="telephone=no" />
-<title>소장자료관 - 카트</title>
+<title>소장자료관 - 카트완료</title>
 
 <link rel="shortcut icon" type="image/x-icon" href="#">
 <link href="/css/common.css" rel="stylesheet">
@@ -50,9 +50,9 @@
             <div class="log">
                 <ul>
                     <li><a href="javascript:;" class="login-btn">로그인</a></li>
-                    <li><a href="">회원증</a></li>
-                    <li><a href="">알림(<span class="count">10</span>)</a></li>
-                    <li><a href="">카드(<span class="count">10</span>)</a></li>
+                    <li><a href="javascript:;" class="member-btn">회원증</a></li>
+                    <li><a href="javascript:;" class="noti-btn">알림(<span class="count">10</span>)</a></li>
+                    <li><a href="/cart.html">카트(<span class="count">10</span>)</a></li>
                 </ul>
             </div>
         </div>
@@ -62,27 +62,27 @@
             <button id="primary-nav-button" type="button" class="Btn eff"><i class="eff">Menu</i></button>
             <nav id="primary-nav" class="dropdown cf">
                 <ul class="dropdown menu">
-                    <li class="eff active"><a href="/greeting.html" title="자료관안내" class="eff">자료관안내</a>
+                    <li><a href="/greeting.html" title="자료관안내" class="eff">자료관안내</a>
                         <ul class="sub-menu">
-                            <li><a href="/greeting.html" title="인사말" class="underline blue">인사말</a></li>
-                            <li><a href="/guide.html" title="이용안내" class="underline blue">이용안내</a></li>
-                            <li><a href="/location.html" title="찾아오시는길" class="underline blue">찾아오시는길</a></li>
+                            <li><a href="/greeting.html" title="인사말"><span class="underline blue">인사말</span></a></li>
+                            <li><a href="/guide.html" title="이용안내"><span class="underline blue">이용안내</span></a></li>
+                            <li><a href="/location.html" title="찾아오시는길"><span class="underline blue">찾아오시는길</span></a></li>
                         </ul>
                     </li>
                     <li><a href="/data.html" title="소장자료" class="eff">소장자료</a></li>
                     <li><a href="/notice.html" title="고객지원" class="eff">고객지원</a>
                         <ul class="sub-menu">
-                            <li><a href="/notice.html" title="공지사항" class="underline blue">공지사항</a></li>
-                            <li><a href="/faq.html" title="FAQ" class="underline blue">FAQ</a></li>
-                            <li><a href="/qna.html" title="Q&amp;A" class="underline blue">Q&amp;A</a></li>
+                            <li><a href="/notice.html" title="공지사항"><span class="underline blue">공지사항</span></a></li>
+                            <li><a href="/faq.html" title="FAQ"><span class="underline blue">FAQ</span></a></li>
+                            <li><a href="/qna.html" title="Q&amp;A"><span class="underline blue">Q&amp;A</span></a></li>
                         </ul>
                     </li>
                     <li><a href="/myinfo.html" title="마이페이지" class="eff">마이페이지</a>
                         <ul class="sub-menu">
-                            <li><a href="/myinfo.html" title="회원정보관리" class="underline blue">회원정보관리</a></li>
-                            <li><a href="/Interested-data.html" title="관심자료" class="underline blue">관심자료</a></li>
-                            <li><a href="/loan.html" title="대출관리" class="underline blue">대출관리</a></li>
-                            <li><a href="/visit.html" title="열람관리" class="underline blue">열람관리</a></li>
+                            <li><a href="/myinfo.html" title="회원정보관리"><span class="underline blue">회원정보관리</span></a></li>
+                            <li><a href="/Interested-data.html" title="관심자료"><span class="underline blue">관심자료</span></a></li>
+                            <li><a href="/loan.html" title="대출관리"><span class="underline blue">대출관리</span></a></li>
+                            <li><a href="/visit.html" title="열람관리"><span class="underline blue">열람관리</span></a></li>
                         </ul>
                     </li>
                 </ul>
@@ -90,9 +90,9 @@
         </div>
     </div>
     
-    <!-- 카트 섹션 -->
+    <!-- 카트완료 섹션 -->
     <section class="location cart">
-        <h2 class="blind">카트 섹션영역</h2>
+        <h2 class="blind">카트완료 섹션영역</h2>
         <div class="inner">
             <div class="row-top">
                 <div class="location-box">
@@ -106,12 +106,12 @@
                 </div>
                 <div class="arr"><img src="/images/icon/icon-join-arr2.png" alt="화살표 아이콘"></div>
             </div>
-            <div class="row-bottom">
+            <div class="contents row-bottom">
                 <div class="cart-box">
                     <div class="tab">
                         <ul class="tabs">
-                            <li><a href="#">대출</a></li>
-                            <li><a href="#">방문열람</a></li>
+                            <li><a href="#">대출 <span>(5)</span></a></li>
+                            <li><a href="#">방문열람 <span>(3)</span></a></li>
                         </ul>
                         <div class="tab_content">
                             <div class="tabs_item">
@@ -139,7 +139,7 @@
                                                 <div class="t-state"><p>대출중 (대기자 0)</p></div>
                                                 <div class="t-date">2021-08-27</div>
                                                 <div class="t-reser poss">대출예약 (2021-08-24)</div>
-                                                <div class="t-visit">대출예약 자료는 반납 즉시 문자(SMS)나 이메일로 안내 드립니다.</div>
+                                                <div class="t-visit long">대출예약 자료는 반납 즉시 문자(SMS)나 이메일로 안내 드립니다.</div>
                                             </div>
                                             <div class="list">
                                                 <div class="t-data">
@@ -153,7 +153,7 @@
                                                 <div class="t-state poss"><p>이용가능</p></div>
                                                 <div class="t-date">-</div>
                                                 <div class="t-reser poss">대출예약 (2021-08-24)</div>
-                                                <div class="t-visit">대출신청 자료는 신청 다음날까지 방문대출이 가능합니다.</div>
+                                                <div class="t-visit long">대출신청 자료는 신청 다음날까지 방문대출이 가능합니다.</div>
                                             </div>
                                             <div class="list">
                                                 <div class="t-data">
@@ -167,7 +167,7 @@
                                                 <div class="t-state poss"><p>이용가능</p></div>
                                                 <div class="t-date">-</div>
                                                 <div class="t-reser poss">대출예약 (2021-08-24)</div>
-                                                <div class="t-visit">대출신청 자료는 신청 다음날까지 방문대출이 가능합니다.</div>
+                                                <div class="t-visit long">대출신청 자료는 신청 다음날까지 방문대출이 가능합니다.</div>
                                             </div>
                                         </div>
                                     </div>
diff --git a/src/main/webapp/cart-confirm.html b/src/main/webapp/cart-confirm.html
index 7b6dee81..4584f6d3 100644
--- a/src/main/webapp/cart-confirm.html
+++ b/src/main/webapp/cart-confirm.html
@@ -5,7 +5,7 @@
 <meta http-equiv="X-UA-Compatible" content="IE=Edge">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <meta name="format-detection" content="telephone=no" />
-<title>소장자료관 - 카트</title>
+<title>소장자료관 - 카트예약</title>
 
 <link rel="shortcut icon" type="image/x-icon" href="#">
 <link href="/css/common.css" rel="stylesheet">
@@ -50,9 +50,9 @@
             <div class="log">
                 <ul>
                     <li><a href="javascript:;" class="login-btn">로그인</a></li>
-                    <li><a href="">회원증</a></li>
-                    <li><a href="">알림(<span class="count">10</span>)</a></li>
-                    <li><a href="">카드(<span class="count">10</span>)</a></li>
+                    <li><a href="javascript:;" class="member-btn">회원증</a></li>
+                    <li><a href="javascript:;" class="noti-btn">알림(<span class="count">10</span>)</a></li>
+                    <li><a href="/cart.html">카트(<span class="count">10</span>)</a></li>
                 </ul>
             </div>
         </div>
@@ -62,27 +62,27 @@
             <button id="primary-nav-button" type="button" class="Btn eff"><i class="eff">Menu</i></button>
             <nav id="primary-nav" class="dropdown cf">
                 <ul class="dropdown menu">
-                    <li class="eff active"><a href="/greeting.html" title="자료관안내" class="eff">자료관안내</a>
+                    <li><a href="/greeting.html" title="자료관안내" class="eff">자료관안내</a>
                         <ul class="sub-menu">
-                            <li><a href="/greeting.html" title="인사말" class="underline blue">인사말</a></li>
-                            <li><a href="/guide.html" title="이용안내" class="underline blue">이용안내</a></li>
-                            <li><a href="/location.html" title="찾아오시는길" class="underline blue">찾아오시는길</a></li>
+                            <li><a href="/greeting.html" title="인사말"><span class="underline blue">인사말</span></a></li>
+                            <li><a href="/guide.html" title="이용안내"><span class="underline blue">이용안내</span></a></li>
+                            <li><a href="/location.html" title="찾아오시는길"><span class="underline blue">찾아오시는길</span></a></li>
                         </ul>
                     </li>
                     <li><a href="/data.html" title="소장자료" class="eff">소장자료</a></li>
                     <li><a href="/notice.html" title="고객지원" class="eff">고객지원</a>
                         <ul class="sub-menu">
-                            <li><a href="/notice.html" title="공지사항" class="underline blue">공지사항</a></li>
-                            <li><a href="/faq.html" title="FAQ" class="underline blue">FAQ</a></li>
-                            <li><a href="/qna.html" title="Q&amp;A" class="underline blue">Q&amp;A</a></li>
+                            <li><a href="/notice.html" title="공지사항"><span class="underline blue">공지사항</span></a></li>
+                            <li><a href="/faq.html" title="FAQ"><span class="underline blue">FAQ</span></a></li>
+                            <li><a href="/qna.html" title="Q&amp;A"><span class="underline blue">Q&amp;A</span></a></li>
                         </ul>
                     </li>
                     <li><a href="/myinfo.html" title="마이페이지" class="eff">마이페이지</a>
                         <ul class="sub-menu">
-                            <li><a href="/myinfo.html" title="회원정보관리" class="underline blue">회원정보관리</a></li>
-                            <li><a href="/Interested-data.html" title="관심자료" class="underline blue">관심자료</a></li>
-                            <li><a href="/loan.html" title="대출관리" class="underline blue">대출관리</a></li>
-                            <li><a href="/visit.html" title="열람관리" class="underline blue">열람관리</a></li>
+                            <li><a href="/myinfo.html" title="회원정보관리"><span class="underline blue">회원정보관리</span></a></li>
+                            <li><a href="/Interested-data.html" title="관심자료"><span class="underline blue">관심자료</span></a></li>
+                            <li><a href="/loan.html" title="대출관리"><span class="underline blue">대출관리</span></a></li>
+                            <li><a href="/visit.html" title="열람관리"><span class="underline blue">열람관리</span></a></li>
                         </ul>
                     </li>
                 </ul>
@@ -90,9 +90,9 @@
         </div>
     </div>
     
-    <!-- 카트 섹션 -->
+    <!-- 카트예약 섹션 -->
     <section class="location cart">
-        <h2 class="blind">카트 섹션영역</h2>
+        <h2 class="blind">카트예약 섹션영역</h2>
         <div class="inner">
             <div class="row-top">
                 <div class="location-box">
@@ -106,12 +106,12 @@
                 </div>
                 <div class="arr"><img src="/images/icon/icon-join-arr2.png" alt="화살표 아이콘"></div>
             </div>
-            <div class="row-bottom">
+            <div class="contents row-bottom">
                 <div class="cart-box">
                     <div class="tab">
                         <ul class="tabs">
-                            <li><a href="#">대출</a></li>
-                            <li><a href="#">방문열람</a></li>
+                            <li><a href="#">대출 <span>(5)</span></a></li>
+                            <li><a href="#">방문열람 <span>(3)</span></a></li>
                         </ul>
                         <div class="tab_content">
                             <div class="tabs_item">
diff --git a/src/main/webapp/cart.html b/src/main/webapp/cart.html
index e56af911..62d6a278 100644
--- a/src/main/webapp/cart.html
+++ b/src/main/webapp/cart.html
@@ -50,9 +50,9 @@
             <div class="log">
                 <ul>
                     <li><a href="javascript:;" class="login-btn">로그인</a></li>
-                    <li><a href="">회원증</a></li>
-                    <li><a href="">알림(<span class="count">10</span>)</a></li>
-                    <li><a href="">카드(<span class="count">10</span>)</a></li>
+                    <li><a href="javascript:;" class="member-btn">회원증</a></li>
+                    <li><a href="javascript:;" class="noti-btn">알림(<span class="count">10</span>)</a></li>
+                    <li><a href="/cart.html">카트(<span class="count">10</span>)</a></li>
                 </ul>
             </div>
         </div>
@@ -62,27 +62,27 @@
             <button id="primary-nav-button" type="button" class="Btn eff"><i class="eff">Menu</i></button>
             <nav id="primary-nav" class="dropdown cf">
                 <ul class="dropdown menu">
-                    <li class="eff active"><a href="/greeting.html" title="자료관안내" class="eff">자료관안내</a>
+                    <li><a href="/greeting.html" title="자료관안내" class="eff">자료관안내</a>
                         <ul class="sub-menu">
-                            <li><a href="/greeting.html" title="인사말" class="underline blue">인사말</a></li>
-                            <li><a href="/guide.html" title="이용안내" class="underline blue">이용안내</a></li>
-                            <li><a href="/location.html" title="찾아오시는길" class="underline blue">찾아오시는길</a></li>
+                            <li><a href="/greeting.html" title="인사말"><span class="underline blue">인사말</span></a></li>
+                            <li><a href="/guide.html" title="이용안내"><span class="underline blue">이용안내</span></a></li>
+                            <li><a href="/location.html" title="찾아오시는길"><span class="underline blue">찾아오시는길</span></a></li>
                         </ul>
                     </li>
                     <li><a href="/data.html" title="소장자료" class="eff">소장자료</a></li>
                     <li><a href="/notice.html" title="고객지원" class="eff">고객지원</a>
                         <ul class="sub-menu">
-                            <li><a href="/notice.html" title="공지사항" class="underline blue">공지사항</a></li>
-                            <li><a href="/faq.html" title="FAQ" class="underline blue">FAQ</a></li>
-                            <li><a href="/qna.html" title="Q&amp;A" class="underline blue">Q&amp;A</a></li>
+                            <li><a href="/notice.html" title="공지사항"><span class="underline blue">공지사항</span></a></li>
+                            <li><a href="/faq.html" title="FAQ"><span class="underline blue">FAQ</span></a></li>
+                            <li><a href="/qna.html" title="Q&amp;A"><span class="underline blue">Q&amp;A</span></a></li>
                         </ul>
                     </li>
                     <li><a href="/myinfo.html" title="마이페이지" class="eff">마이페이지</a>
                         <ul class="sub-menu">
-                            <li><a href="/myinfo.html" title="회원정보관리" class="underline blue">회원정보관리</a></li>
-                            <li><a href="/Interested-data.html" title="관심자료" class="underline blue">관심자료</a></li>
-                            <li><a href="/loan.html" title="대출관리" class="underline blue">대출관리</a></li>
-                            <li><a href="/visit.html" title="열람관리" class="underline blue">열람관리</a></li>
+                            <li><a href="/myinfo.html" title="회원정보관리"><span class="underline blue">회원정보관리</span></a></li>
+                            <li><a href="/Interested-data.html" title="관심자료"><span class="underline blue">관심자료</span></a></li>
+                            <li><a href="/loan.html" title="대출관리"><span class="underline blue">대출관리</span></a></li>
+                            <li><a href="/visit.html" title="열람관리"><span class="underline blue">열람관리</span></a></li>
                         </ul>
                     </li>
                 </ul>
@@ -106,12 +106,12 @@
                 </div>
                 <div class="arr"><img src="/images/icon/icon-join-arr2.png" alt="화살표 아이콘"></div>
             </div>
-            <div class="row-bottom">
+            <div class="contents row-bottom">
                 <div class="cart-box">
                     <div class="tab">
                         <ul class="tabs">
-                            <li><a href="#">대출</a></li>
-                            <li><a href="#">방문열람</a></li>
+                            <li><a href="#">대출 <span>(5)</span></a></li>
+                            <li><a href="#">방문열람 <span>(3)</span></a></li>
                         </ul>
                         <div class="tab_content">
                             <div class="tabs_item">
@@ -248,15 +248,19 @@
                             
                             <div class="tabs_item">
                                 <div class="inner">
-                                    <div class="list-cart-wrap visit">
+                                    <div class="list-cart-wrap">
                                         <h3><label><input type="radio">경주문화원 (<span class="count">3</span>)</label></h3>
                                         <div class="list-cart">
                                             <div class="list t-tit-line">
+                                                <div class="t-chk"><input type="checkbox"></div>
                                                 <div class="t-data">자료정보</div>
                                                 <div class="t-state">이용상태</div>
                                                 <div class="t-date">반납예정일</div>
+                                                <div class="t-loan">대출</div>
+                                                <div class="t-visit">방문열람</div>
                                             </div>
                                             <div class="list">
+                                                <div class="t-chk"><input type="checkbox"></div>
                                                 <div class="t-data">
                                                     <div class="img"><a href="#"><img src="/images/img/img-cart-img01.jpg" alt=""></a><span class="favorites"><img src="images/icon/icon-cart-Favorites.png" class="off" alt="즐겨찾기 아이콘"><img src="images/icon/icon-cart-Favorites-on.png" class="on" alt="즐겨찾기 아이콘"></span></div>
                                                     <div class="type">
@@ -266,10 +270,13 @@
                                                     </div>
                                                     <div class="title"><a href="#">경주읍성 남문 장례문의 옥루</a></div>
                                                 </div>
-                                                <div class="t-state"><p>방문열람대기</p></div>
+                                                <div class="t-state"><p>대출중 (대기자 0)</p></div>
                                                 <div class="t-date">2021-08-27</div>
+                                                <div class="t-loan poss">예약가능</div>
+                                                <div class="t-visit imposs">신청불가</div>
                                             </div>
                                             <div class="list">
+                                                <div class="t-chk"><input type="checkbox"></div>
                                                 <div class="t-data">
                                                     <div class="img"><a href="#"><img src="/images/img/img-cart-img01.jpg" alt=""></a><span class="favorites"><img src="images/icon/icon-cart-Favorites.png" class="off" alt="즐겨찾기 아이콘"><img src="images/icon/icon-cart-Favorites-on.png" class="on" alt="즐겨찾기 아이콘"></span></div>
                                                     <div class="type">
@@ -280,8 +287,11 @@
                                                 </div>
                                                 <div class="t-state poss"><p>이용가능</p><p></p></div>
                                                 <div class="t-date">-</div>
+                                                <div class="t-loan poss">신청가능</div>
+                                                <div class="t-visit poss">신청가능</div>
                                             </div>
                                             <div class="list">
+                                                <div class="t-chk"><input type="checkbox"></div>
                                                 <div class="t-data">
                                                     <div class="img"><a href="#"><img src="/images/img/img-cart-img01.jpg" alt=""></a><span class="favorites"><img src="images/icon/icon-cart-Favorites.png" class="off" alt="즐겨찾기 아이콘"><img src="images/icon/icon-cart-Favorites-on.png" class="on" alt="즐겨찾기 아이콘"></span></div>
                                                     <div class="type">
@@ -292,30 +302,78 @@
                                                 </div>
                                                 <div class="t-state poss"><p>이용가능</p><p></p></div>
                                                 <div class="t-date">-</div>
+                                                <div class="t-loan poss">신청가능</div>
+                                                <div class="t-visit poss">신청가능</div>
                                             </div>
                                         </div>
-                                        <p class="te">-  관리자의 승인이 필요하며, 희망하신 날짜와 시간과는 다르게 조정될 수 있습니다.</p>
                                     </div>
                                     
-                                    <div class="v-date-box">
-                                        <h3><span>희망</span>방문일</h3>
-                                        <div class="v-date">
-                                            <select>
-                                                <option value="2021-08-24">2021-08-24</option>
-                                            </select>
-                                            <span>에서</span>
-                                            <select>
-                                                <option value="2021-08-25">2021-08-25</option>
-                                            </select>
-                                            <span>사이</span>
+                                    <div class="list-cart-wrap">
+                                        <h3><label><input type="radio">문경문화원 (<span class="count">3</span>)</label></h3>
+                                        <div class="list-cart">
+                                            <div class="list t-tit-line">
+                                                <div class="t-chk"><input type="checkbox"></div>
+                                                <div class="t-data">자료정보</div>
+                                                <div class="t-state">이용상태</div>
+                                                <div class="t-date">반납예정일</div>
+                                                <div class="t-loan">대출</div>
+                                                <div class="t-visit">방문열람</div>
+                                            </div>
+                                            <div class="list">
+                                                <div class="t-chk"><input type="checkbox"></div>
+                                                <div class="t-data">
+                                                    <div class="img"><a href="#"><img src="/images/img/img-cart-img01.jpg" alt=""></a><span class="favorites"><img src="images/icon/icon-cart-Favorites.png" class="off" alt="즐겨찾기 아이콘"><img src="images/icon/icon-cart-Favorites-on.png" class="on" alt="즐겨찾기 아이콘"></span></div>
+                                                    <div class="type">
+                                                        <span class="loan">대출</span>
+                                                        <span class="visit">방문열람</span>
+                                                    </div>
+                                                    <div class="title"><a href="#">제 일회 전국한시백일장</a></div>
+                                                </div>
+                                                <div class="t-state"><p>대출중 (대기자 0)</p></div>
+                                                <div class="t-date">2021-08-27</div>
+                                                <div class="t-loan poss">예약가능</div>
+                                                <div class="t-visit imposs">신청불가</div>
+                                            </div>
                                         </div>
                                     </div>
-                                    <p class="text">- 자료 열람은 방문열람신청이 승인된 후, 지정된 시간에 가능합니다.</p>
-                                    <p class="text">- 방문열람신청이 승인되면 문자(SMS)나 이메일을 통해 안내 드립니다.</p>
                                     
-                                    <div class="btn-wrap">  
-                                        <button type="button" class="btn btn-gray">취소</button>
-                                        <button type="button" class="btn btn-color">신청하기 <span class="count">(2)</span></button>
+                                    <div class="list-cart-wrap">
+                                        <h3><label><input type="radio">문경문화원 (<span class="count">3</span>)</label></h3>
+                                        <div class="list-cart">
+                                            <div class="list t-tit-line">
+                                                <div class="t-chk"><input type="checkbox"></div>
+                                                <div class="t-data">자료정보</div>
+                                                <div class="t-state">이용상태</div>
+                                                <div class="t-date">반납예정일</div>
+                                                <div class="t-loan">대출</div>
+                                                <div class="t-visit">방문열람</div>
+                                            </div>
+                                            <div class="list">
+                                                <div class="t-chk"><input type="checkbox"></div>
+                                                <div class="t-data">
+                                                    <div class="img"><a href="#"><img src="/images/img/img-cart-img01.jpg" alt=""></a><span class="favorites"><img src="images/icon/icon-cart-Favorites.png" class="off" alt="즐겨찾기 아이콘"><img src="images/icon/icon-cart-Favorites-on.png" class="on" alt="즐겨찾기 아이콘"></span></div>
+                                                    <div class="type">
+                                                        <span class="loan">대출</span>
+                                                        <span class="visit">방문열람</span>
+                                                    </div>
+                                                    <div class="title"><a href="#">제 일회 전국한시백일장</a></div>
+                                                </div>
+                                                <div class="t-state"><p>대출중 (대기자 0)</p></div>
+                                                <div class="t-date">2021-08-27</div>
+                                                <div class="t-loan poss">예약가능</div>
+                                                <div class="t-visit imposs">신청불가</div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    
+                                    <div class="btn-box">   
+                                        <div class="left">
+                                            <button type="button" class="btn btn-gray">선택삭제</button>
+                                            <button type="button" class="btn btn-black">대출로</button>
+                                        </div>
+                                        <div class="right">
+                                            <button type="button" class="btn btn-color">방문열람신청 <span class="count">(2)</span></button>
+                                        </div>
                                     </div>
                                 </div>
                             </div>
diff --git a/src/main/webapp/connect.html b/src/main/webapp/connect.html
index d0c4ef87..a048334f 100644
--- a/src/main/webapp/connect.html
+++ b/src/main/webapp/connect.html
@@ -50,9 +50,9 @@
             <div class="log">
                 <ul>
                     <li><a href="javascript:;" class="login-btn">로그인</a></li>
-                    <li><a href="">회원증</a></li>
-                    <li><a href="">알림(<span class="count">10</span>)</a></li>
-                    <li><a href="">카드(<span class="count">10</span>)</a></li>
+                    <li><a href="javascript:;" class="member-btn">회원증</a></li>
+                    <li><a href="javascript:;" class="noti-btn">알림(<span class="count">10</span>)</a></li>
+                    <li><a href="/cart.html">카트(<span class="count">10</span>)</a></li>
                 </ul>
             </div>
         </div>
@@ -62,27 +62,27 @@
             <button id="primary-nav-button" type="button" class="Btn eff"><i class="eff">Menu</i></button>
             <nav id="primary-nav" class="dropdown cf">
                 <ul class="dropdown menu">
-                    <li class="eff active"><a href="/greeting.html" title="자료관안내" class="eff">자료관안내</a>
+                    <li><a href="/greeting.html" title="자료관안내" class="eff">자료관안내</a>
                         <ul class="sub-menu">
-                            <li><a href="/greeting.html" title="인사말" class="underline blue">인사말</a></li>
-                            <li><a href="/guide.html" title="이용안내" class="underline blue">이용안내</a></li>
-                            <li><a href="/location.html" title="찾아오시는길" class="underline blue">찾아오시는길</a></li>
+                            <li><a href="/greeting.html" title="인사말"><span class="underline blue">인사말</span></a></li>
+                            <li><a href="/guide.html" title="이용안내"><span class="underline blue">이용안내</span></a></li>
+                            <li><a href="/location.html" title="찾아오시는길"><span class="underline blue">찾아오시는길</span></a></li>
                         </ul>
                     </li>
                     <li><a href="/data.html" title="소장자료" class="eff">소장자료</a></li>
                     <li><a href="/notice.html" title="고객지원" class="eff">고객지원</a>
                         <ul class="sub-menu">
-                            <li><a href="/notice.html" title="공지사항" class="underline blue">공지사항</a></li>
-                            <li><a href="/faq.html" title="FAQ" class="underline blue">FAQ</a></li>
-                            <li><a href="/qna.html" title="Q&amp;A" class="underline blue">Q&amp;A</a></li>
+                            <li><a href="/notice.html" title="공지사항"><span class="underline blue">공지사항</span></a></li>
+                            <li><a href="/faq.html" title="FAQ"><span class="underline blue">FAQ</span></a></li>
+                            <li><a href="/qna.html" title="Q&amp;A"><span class="underline blue">Q&amp;A</span></a></li>
                         </ul>
                     </li>
                     <li><a href="/myinfo.html" title="마이페이지" class="eff">마이페이지</a>
                         <ul class="sub-menu">
-                            <li><a href="/myinfo.html" title="회원정보관리" class="underline blue">회원정보관리</a></li>
-                            <li><a href="/Interested-data.html" title="관심자료" class="underline blue">관심자료</a></li>
-                            <li><a href="/loan.html" title="대출관리" class="underline blue">대출관리</a></li>
-                            <li><a href="/visit.html" title="열람관리" class="underline blue">열람관리</a></li>
+                            <li><a href="/myinfo.html" title="회원정보관리"><span class="underline blue">회원정보관리</span></a></li>
+                            <li><a href="/Interested-data.html" title="관심자료"><span class="underline blue">관심자료</span></a></li>
+                            <li><a href="/loan.html" title="대출관리"><span class="underline blue">대출관리</span></a></li>
+                            <li><a href="/visit.html" title="열람관리"><span class="underline blue">열람관리</span></a></li>
                         </ul>
                     </li>
                 </ul>
@@ -91,14 +91,14 @@
     </div>
     
     <!-- 계정연결완료 섹션 -->
-    <section class="join succ connect">
+    <div class="location join succ connect">
         <h2 class="blind">계정연결완료 섹션영역</h2>
         <div class="inner">
-            <div class="row-top">
+            <div class="row-top icon">
                 <div class="icon"><img src="/images/icon/icon-connect.png" alt="자물쇠 아이콘"></div>
                 <p>계정연결 완료</p>
             </div>
-            <div class="row-bottom">
+            <div class="contents row-bottom">
                 <div class="join-box">
                     <div class="success">
                         <div class="text">
@@ -119,7 +119,7 @@
                 </div>
             </div>
         </div>
-    </section>
+    </div>
     
     <footer id="footer">
         <button type="button" id="btn-go-top" class="btn-go-top"><span><img src="/images/icon/icon-arr-top.png" alt="상단 화살표"></span><p>TOP</p></button>
@@ -424,30 +424,6 @@
         </div>
     </div>
     
-    <div class="pop-login" style="display:none;">
-        <div class="row Title">
-            <p>지방문화원 소장자료관</p>
-            <h3>통합 로그인</h3>
-        </div>
-        <div class="inner">
-            <div class="row First Last" style="display:none;">
-                <p>마지막으로 로그인한 계정입니다.</p>
-                <div class="Btn Naver"><button type="button">네이버 아이디로 로그인</button></div>
-            </div>
-            <div class="row First">
-                <div class="Btn Naver" ><button type="button" onclick="window.open(); return false">네이버 아이디로 로그인</button></div>
-                <div class="Btn Kakao"><button type="button" onclick="kakao_login_call()">카카오 로그인</button></div>
-                <div class="Btn Google"><button type="button" id="google_button">Google 계정으로 로그인</button></div>
-            </div>
-            <div class="row Text">
-                <p>회원가입하고 <span>대출/열람 서비스</span>를 이용해보세요!</p>
-                <p><a href="/" class="join">회원가입</a></p>
-            </div>
-            <button type="button" class="login-close"></button>
-        </div>
-        <div class="Bg"></div>
-    </div>
-
 </div>
 
 </body>
diff --git a/src/main/webapp/index.html b/src/main/webapp/index.html
index 7e163d42..57f10644 100644
--- a/src/main/webapp/index.html
+++ b/src/main/webapp/index.html
@@ -50,9 +50,9 @@
             <div class="log">
                 <ul>
                     <li><a href="javascript:;" class="login-btn">로그인</a></li>
-                    <li><a href="">회원증</a></li>
-                    <li><a href="">알림(<span class="count">10</span>)</a></li>
-                    <li><a href="">카드(<span class="count">10</span>)</a></li>
+                    <li><a href="javascript:;" class="member-btn">회원증</a></li>
+                    <li><a href="javascript:;" class="noti-btn">알림(<span class="count">10</span>)</a></li>
+                    <li><a href="/cart.html">카트(<span class="count">10</span>)</a></li>
                 </ul>
             </div>
         </div>
@@ -62,27 +62,27 @@
             <button id="primary-nav-button" type="button" class="Btn eff"><i class="eff">Menu</i></button>
             <nav id="primary-nav" class="dropdown cf">
                 <ul class="dropdown menu">
-                    <li class="eff active"><a href="/greeting.html" title="자료관안내" class="eff">자료관안내</a>
+                    <li><a href="/greeting.html" title="자료관안내" class="eff">자료관안내</a>
                         <ul class="sub-menu">
-                            <li><a href="/greeting.html" title="인사말" class="underline blue">인사말</a></li>
-                            <li><a href="/guide.html" title="이용안내" class="underline blue">이용안내</a></li>
-                            <li><a href="/location.html" title="찾아오시는길" class="underline blue">찾아오시는길</a></li>
+                            <li><a href="/greeting.html" title="인사말"><span class="underline blue">인사말</span></a></li>
+                            <li><a href="/guide.html" title="이용안내"><span class="underline blue">이용안내</span></a></li>
+                            <li><a href="/location.html" title="찾아오시는길"><span class="underline blue">찾아오시는길</span></a></li>
                         </ul>
                     </li>
                     <li><a href="/data.html" title="소장자료" class="eff">소장자료</a></li>
                     <li><a href="/notice.html" title="고객지원" class="eff">고객지원</a>
                         <ul class="sub-menu">
-                            <li><a href="/notice.html" title="공지사항" class="underline blue">공지사항</a></li>
-                            <li><a href="/faq.html" title="FAQ" class="underline blue">FAQ</a></li>
-                            <li><a href="/qna.html" title="Q&amp;A" class="underline blue">Q&amp;A</a></li>
+                            <li><a href="/notice.html" title="공지사항"><span class="underline blue">공지사항</span></a></li>
+                            <li><a href="/faq.html" title="FAQ"><span class="underline blue">FAQ</span></a></li>
+                            <li><a href="/qna.html" title="Q&amp;A"><span class="underline blue">Q&amp;A</span></a></li>
                         </ul>
                     </li>
                     <li><a href="/myinfo.html" title="마이페이지" class="eff">마이페이지</a>
                         <ul class="sub-menu">
-                            <li><a href="/myinfo.html" title="회원정보관리" class="underline blue">회원정보관리</a></li>
-                            <li><a href="/Interested-data.html" title="관심자료" class="underline blue">관심자료</a></li>
-                            <li><a href="/loan.html" title="대출관리" class="underline blue">대출관리</a></li>
-                            <li><a href="/visit.html" title="열람관리" class="underline blue">열람관리</a></li>
+                            <li><a href="/myinfo.html" title="회원정보관리"><span class="underline blue">회원정보관리</span></a></li>
+                            <li><a href="/Interested-data.html" title="관심자료"><span class="underline blue">관심자료</span></a></li>
+                            <li><a href="/loan.html" title="대출관리"><span class="underline blue">대출관리</span></a></li>
+                            <li><a href="/visit.html" title="열람관리"><span class="underline blue">열람관리</span></a></li>
                         </ul>
                     </li>
                 </ul>
@@ -100,25 +100,25 @@
             </div>
             <div class="color-box">
                 <div class="list">
-                    <a href="/"></a>
+                    <a href="/guide.html"></a>
                     <div class="title">이용안내</div>
                     <div class="icon"><img src="/images/icon/icon-sec1-01.png" alt="이용안내 아이콘"></div>
                     <div class="open"><img src="/images/icon/icon-plus.png" alt="플러스 아이콘"></div>
                 </div>
                 <div class="list">
-                    <a href="/"></a>
+                    <a href="/location.html"></a>
                     <div class="title">찾아오시는 길</div>
                     <div class="icon"><img src="/images/icon/icon-sec1-02.png" alt="지도 아이콘"></div>
                     <div class="open"><img src="/images/icon/icon-plus.png" alt="플러스 아이콘"></div>
                 </div>
                 <div class="list">
-                    <a href="/"></a>
+                    <a href="/loan.html"></a>
                     <div class="title">대출관리</div>
                     <div class="icon"><img src="/images/icon/icon-sec1-03.png" alt="대출 아이콘"></div>
                     <div class="open"><img src="/images/icon/icon-plus.png" alt="플러스 아이콘"></div>
                 </div>
                 <div class="list">
-                    <a href="/"></a>
+                    <a href="/visit.html"></a>
                     <div class="title">열람관리</div>
                     <div class="icon"><img src="/images/icon/icon-sec1-04.png" alt="열람 아이콘"></div>
                     <div class="open"><img src="/images/icon/icon-plus.png" alt="플러스 아이콘"></div>
@@ -637,7 +637,7 @@
                     <ul class="fnb">
                         <li><a href="/">이용약관</a></li>
                         <li><a href="/">개인정보처리방침</a></li>
-                        <li><a href="/">찾아오시는 길</a></li>
+                        <li><a href="/location.html">찾아오시는 길</a></li>
                     </ul>
                     <p class="copy">
                         서울시 마포대로49 성우빌딩 308호 <span><a href="tel:02-704-2322">TEL. 02.704-2322</a></span> <span>FAX. 02.704-2377</span> <br>
@@ -648,6 +648,7 @@
         </div>
     </footer>
     
+    <!-- 상세검색 팝업 -->
     <div class="popup pop-advanced-search" style="display:none;">
         <div class="pop-wrap">
             <div class="Title">
@@ -920,6 +921,7 @@
         </div>
     </div>
     
+    <!-- 로그인 팝업 -->
     <div class="pop-login" style="display:none;">
         <div class="row Title">
             <p>지방문화원 소장자료관</p>
@@ -940,6 +942,7 @@
         <div class="Bg"></div>
     </div>
     
+    <!-- 계정연결 팝업 -->
     <div class="pop-login-connect" style="display:none;">
         <div class="row Title">
             <p>계정연결</p>
@@ -962,6 +965,7 @@
         <div class="Bg"></div>
     </div>
     
+    <!-- 계정연결 비밀번호 팝업 -->
     <div class="pop-login-password" style="display:none;">
         <div class="row Title">
             <p>계정연결</p>
@@ -987,6 +991,7 @@
         <div class="Bg"></div>
     </div>
     
+    <!-- 알림 팝업 -->
     <div class="pop-notice" style="display:none;">
         <div class="row Title">
             <p>지방문화원 소장자료</p>
@@ -1000,38 +1005,101 @@
                 <button type="button" class="btn btn-color">확인</button>
                 <button type="submit" class="btn btn-green">알림 목록으로</button>
             </div>
-            <button type="button" class="login-close"></button>
+            <button type="button" class="notice-close"></button>
         </div>
         <div class="Bg"></div>
     </div>
     
+    <!-- 회원증 팝업 -->
     <div class="pop-member" style="display:none;">
         <div class="inner">
             <div class="row Title">
-                <h3>내 회원증 확인</h3>
-                <p>QR코드를 리더기에 스캔하세요.</p>
+                <h3>회원증</h3>
             </div>
             <div class="row card">
                 <div class="title">
                     <p class="name">김문화</p>
                     <p class="date">1997.11.11</p>
                 </div>
+                <div class="qr">
+                    <p>QR코드를 리더기에 스캔하세요.</p>
+                    <img src="/images/img/img-qrcode-2.png" alt="QR코드 이미지">
+                </div>
                 <div class="code">
                     <div class="num">
                         <div class="na">회원코드</div>
                         <div class="co">009887</div>
-                        <div class="pr"><progress id="bar" value="30" max="60"></progress></div>
-                        <div class="ti">남은시간<span class="timer">23초</span></div>
                     </div>
-                    <div class="qr">
-                        <img src="/images/img/img-qrcode.jpg" alt="QR코드 이미지">
-                    </div>
-                </div>
-                <div class="rolling">
-                    <p><marquee>※ 캡쳐한 회원증을 통한 자료대출 및 열람을 불허합니다. ※ 캡쳐한 회원증을 통한 자료대출 및 열람을 불허합니다.</marquee></p>
                 </div>
             </div>
-            <button type="button" class="login-close"></button>
+            <div class="text">
+                <p>※ 캡쳐한 회원증을 통한 자료대출 및 열람을 불허합니다.</p>
+            </div>
+            <button type="button" class="member-close"></button>
+            <div class="innerbg"></div>
+        </div>
+        <div class="Bg"></div>
+    </div>
+    
+    <!-- 소장자료 반려 팝업 -->
+    <div class="pop-return" style="display:none;">
+        <div class="row Title">
+            <p>지방문화원 소장자료</p>
+            <h3>반려사유</h3>
+        </div>
+        <div class="inner">
+            <div class="row Text">
+                <div class="text-box mCustomScrollbar" data-mcs-theme="dark-2">신청하신 자료가 손상되어 부득이하게 자료열람이 반려되었습니다. 죄송합니다.</div>
+            </div>
+            <div class="row btn-box">
+                <button type="button" class="btn btn-color">확인</button>
+            </div>
+            <button type="button" class="return-close"></button>
+        </div>
+        <div class="Bg"></div>
+    </div>
+    
+    <!-- 비밀번호 변경 팝업 -->
+    <div class="pop-change" style="display:none;">
+        <div class="row Title">
+            <p>내 정보</p>
+            <h3>비밀번호 변경</h3>
+        </div>
+        <div class="inner">
+            <div class="row change">
+                <p><input class="passwd" type="password" name="password" placeholder="기존 비밀번호" required/></p>
+                <p><input class="passwd" type="password" name="password" placeholder="새 비밀번호" required/></p>
+                <p><input class="passwd" type="password" name="password" placeholder="새 비밀번호 확인" required/></p>
+                <p class="text">9자리 이상, 숫자/문자/특수문자를 혼합하여 입력</p>
+            </div>
+            <div class="row btn-box">
+                <button type="button" class="btn btn-color">변경하기</button>
+                <button type="submit" class="btn btn-gray close">취소</button>
+            </div>
+            <button type="button" class="change-close"></button>
+        </div>
+        <div class="Bg"></div>
+    </div>
+    
+    <!-- 비밀번호 찾기 팝업 -->
+    <div class="pop-find" style="display:none;">
+        <div class="row Title">
+            <p>내 정보</p>
+            <h3>비밀번호 찾기</h3>
+        </div>
+        <div class="inner">
+            <div class="row Text">
+                <p>이메일 정보가 확인되면 해당 메일로<br><span>임시비밀번호</span>를 보내드립니다.</p>
+            </div>
+            <div class="row find">
+                <p><input type="password" name="password" placeholder="example@mail.com" class="find-input" required/></p>
+                <p class="text">-  임시 비밀번호가 발급된 후 [마이페이지 &gt; 회원정보관리 &gt; 내 정보]에서 비밀번호를 수정해주세요.</p>
+            </div>
+            <div class="row btn-box">
+                <button type="button" class="btn btn-color">확인</button>
+                <button type="submit" class="btn btn-gray close">취소</button>
+            </div>
+            <button type="button" class="find-close"></button>
         </div>
         <div class="Bg"></div>
     </div>
diff --git a/src/main/webapp/loan.html b/src/main/webapp/loan.html
index e60a0045..2bab5a9e 100644
--- a/src/main/webapp/loan.html
+++ b/src/main/webapp/loan.html
@@ -5,7 +5,7 @@
 <meta http-equiv="X-UA-Compatible" content="IE=Edge">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <meta name="format-detection" content="telephone=no" />
-<title>소장자료관 - 소장자료</title>
+<title>소장자료관 - 대출관리</title>
 
 <link rel="shortcut icon" type="image/x-icon" href="#">
 <link href="/css/common.css" rel="stylesheet">
@@ -50,9 +50,9 @@
             <div class="log">
                 <ul>
                     <li><a href="javascript:;" class="login-btn">로그인</a></li>
-                    <li><a href="">회원증</a></li>
-                    <li><a href="">알림(<span class="count">10</span>)</a></li>
-                    <li><a href="">카드(<span class="count">10</span>)</a></li>
+                    <li><a href="javascript:;" class="member-btn">회원증</a></li>
+                    <li><a href="javascript:;" class="noti-btn">알림(<span class="count">10</span>)</a></li>
+                    <li><a href="/cart.html">카트(<span class="count">10</span>)</a></li>
                 </ul>
             </div>
         </div>
@@ -62,27 +62,27 @@
             <button id="primary-nav-button" type="button" class="Btn eff"><i class="eff">Menu</i></button>
             <nav id="primary-nav" class="dropdown cf">
                 <ul class="dropdown menu">
-                    <li class="eff active"><a href="/greeting.html" title="자료관안내" class="eff">자료관안내</a>
+                    <li><a href="/greeting.html" title="자료관안내" class="eff">자료관안내</a>
                         <ul class="sub-menu">
-                            <li><a href="/greeting.html" title="인사말" class="underline blue">인사말</a></li>
-                            <li><a href="/guide.html" title="이용안내" class="underline blue">이용안내</a></li>
-                            <li><a href="/location.html" title="찾아오시는길" class="underline blue">찾아오시는길</a></li>
+                            <li><a href="/greeting.html" title="인사말"><span class="underline blue">인사말</span></a></li>
+                            <li><a href="/guide.html" title="이용안내"><span class="underline blue">이용안내</span></a></li>
+                            <li><a href="/location.html" title="찾아오시는길"><span class="underline blue">찾아오시는길</span></a></li>
                         </ul>
                     </li>
                     <li><a href="/data.html" title="소장자료" class="eff">소장자료</a></li>
                     <li><a href="/notice.html" title="고객지원" class="eff">고객지원</a>
                         <ul class="sub-menu">
-                            <li><a href="/notice.html" title="공지사항" class="underline blue">공지사항</a></li>
-                            <li><a href="/faq.html" title="FAQ" class="underline blue">FAQ</a></li>
-                            <li><a href="/qna.html" title="Q&amp;A" class="underline blue">Q&amp;A</a></li>
+                            <li><a href="/notice.html" title="공지사항"><span class="underline blue">공지사항</span></a></li>
+                            <li><a href="/faq.html" title="FAQ"><span class="underline blue">FAQ</span></a></li>
+                            <li><a href="/qna.html" title="Q&amp;A"><span class="underline blue">Q&amp;A</span></a></li>
                         </ul>
                     </li>
                     <li><a href="/myinfo.html" title="마이페이지" class="eff">마이페이지</a>
                         <ul class="sub-menu">
-                            <li><a href="/myinfo.html" title="회원정보관리" class="underline blue">회원정보관리</a></li>
-                            <li><a href="/Interested-data.html" title="관심자료" class="underline blue">관심자료</a></li>
-                            <li><a href="/loan.html" title="대출관리" class="underline blue">대출관리</a></li>
-                            <li><a href="/visit.html" title="열람관리" class="underline blue">열람관리</a></li>
+                            <li><a href="/myinfo.html" title="회원정보관리"><span class="underline blue">회원정보관리</span></a></li>
+                            <li><a href="/Interested-data.html" title="관심자료"><span class="underline blue">관심자료</span></a></li>
+                            <li><a href="/loan.html" title="대출관리"><span class="underline blue">대출관리</span></a></li>
+                            <li><a href="/visit.html" title="열람관리"><span class="underline blue">열람관리</span></a></li>
                         </ul>
                     </li>
                 </ul>
@@ -91,7 +91,7 @@
     </div>
     
     <!-- 대출관리 섹션 -->
-    <section class="location loan-data">
+    <div class="location loan-data">
         <h2 class="blind">대출관리 섹션영역</h2>
         <div class="inner">
             <div class="row-top">
@@ -107,7 +107,7 @@
                 </div>
                 <div class="arr"><img src="/images/icon/icon-join-arr2.png" alt="화살표 아이콘"></div>
             </div>
-            <div class="row-bottom">
+            <div class="contents row-bottom">
                 <div class="list-box loan-box">
                     <div class="tab">
                         <ul class="tabs">
@@ -214,7 +214,7 @@
                 </div>
             </div>
         </div>
-    </section>
+    </div>
     
     <footer id="footer">
         <button type="button" id="btn-go-top" class="btn-go-top"><span><img src="/images/icon/icon-arr-top.png" alt="상단 화살표"></span><p>TOP</p></button>
diff --git a/src/main/webapp/secession.html b/src/main/webapp/secession.html
index 45e63a2c..c4d1a601 100644
--- a/src/main/webapp/secession.html
+++ b/src/main/webapp/secession.html
@@ -5,7 +5,7 @@
 <meta http-equiv="X-UA-Compatible" content="IE=Edge">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <meta name="format-detection" content="telephone=no" />
-<title>소장자료관 - 휴면계정</title>
+<title>소장자료관 - 회원탈퇴</title>
 
 <link rel="shortcut icon" type="image/x-icon" href="#">
 <link href="/css/common.css" rel="stylesheet">
@@ -50,9 +50,9 @@
             <div class="log">
                 <ul>
                     <li><a href="javascript:;" class="login-btn">로그인</a></li>
-                    <li><a href="">회원증</a></li>
-                    <li><a href="">알림(<span class="count">10</span>)</a></li>
-                    <li><a href="">카드(<span class="count">10</span>)</a></li>
+                    <li><a href="javascript:;" class="member-btn">회원증</a></li>
+                    <li><a href="javascript:;" class="noti-btn">알림(<span class="count">10</span>)</a></li>
+                    <li><a href="/cart.html">카트(<span class="count">10</span>)</a></li>
                 </ul>
             </div>
         </div>
@@ -62,27 +62,27 @@
             <button id="primary-nav-button" type="button" class="Btn eff"><i class="eff">Menu</i></button>
             <nav id="primary-nav" class="dropdown cf">
                 <ul class="dropdown menu">
-                    <li class="eff active"><a href="/greeting.html" title="자료관안내" class="eff">자료관안내</a>
+                    <li><a href="/greeting.html" title="자료관안내" class="eff">자료관안내</a>
                         <ul class="sub-menu">
-                            <li><a href="/greeting.html" title="인사말" class="underline blue">인사말</a></li>
-                            <li><a href="/guide.html" title="이용안내" class="underline blue">이용안내</a></li>
-                            <li><a href="/location.html" title="찾아오시는길" class="underline blue">찾아오시는길</a></li>
+                            <li><a href="/greeting.html" title="인사말"><span class="underline blue">인사말</span></a></li>
+                            <li><a href="/guide.html" title="이용안내"><span class="underline blue">이용안내</span></a></li>
+                            <li><a href="/location.html" title="찾아오시는길"><span class="underline blue">찾아오시는길</span></a></li>
                         </ul>
                     </li>
                     <li><a href="/data.html" title="소장자료" class="eff">소장자료</a></li>
                     <li><a href="/notice.html" title="고객지원" class="eff">고객지원</a>
                         <ul class="sub-menu">
-                            <li><a href="/notice.html" title="공지사항" class="underline blue">공지사항</a></li>
-                            <li><a href="/faq.html" title="FAQ" class="underline blue">FAQ</a></li>
-                            <li><a href="/qna.html" title="Q&amp;A" class="underline blue">Q&amp;A</a></li>
+                            <li><a href="/notice.html" title="공지사항"><span class="underline blue">공지사항</span></a></li>
+                            <li><a href="/faq.html" title="FAQ"><span class="underline blue">FAQ</span></a></li>
+                            <li><a href="/qna.html" title="Q&amp;A"><span class="underline blue">Q&amp;A</span></a></li>
                         </ul>
                     </li>
                     <li><a href="/myinfo.html" title="마이페이지" class="eff">마이페이지</a>
                         <ul class="sub-menu">
-                            <li><a href="/myinfo.html" title="회원정보관리" class="underline blue">회원정보관리</a></li>
-                            <li><a href="/Interested-data.html" title="관심자료" class="underline blue">관심자료</a></li>
-                            <li><a href="/loan.html" title="대출관리" class="underline blue">대출관리</a></li>
-                            <li><a href="/visit.html" title="열람관리" class="underline blue">열람관리</a></li>
+                            <li><a href="/myinfo.html" title="회원정보관리"><span class="underline blue">회원정보관리</span></a></li>
+                            <li><a href="/Interested-data.html" title="관심자료"><span class="underline blue">관심자료</span></a></li>
+                            <li><a href="/loan.html" title="대출관리"><span class="underline blue">대출관리</span></a></li>
+                            <li><a href="/visit.html" title="열람관리"><span class="underline blue">열람관리</span></a></li>
                         </ul>
                     </li>
                 </ul>
@@ -91,14 +91,14 @@
     </div>
     
     <!-- 회원탈퇴 섹션 -->
-    <section class="secession">
+    <div class="location secession">
         <h2 class="blind">회원탈퇴 섹션영역</h2>
         <div class="inner">
-            <div class="row-top">
+            <div class="row-top icon">
                 <div class="icon"><img src="/images/icon/icon-secession.png" alt="회원탈퇴 아이콘"></div>
                 <p>회원탈퇴 안내</p>
             </div>
-            <div class="row-bottom">
+            <div class="contents row-bottom">
                 <div class="sec-box">
                     <div class="text">
                         <p>문화원 소장자료관 <span>회원탈퇴</span> 안내입니다.</p>
@@ -121,7 +121,7 @@
                 </div>
             </div>
         </div>
-    </section>
+    </div>
     
     <footer id="footer">
         <button type="button" id="btn-go-top" class="btn-go-top"><span><img src="/images/icon/icon-arr-top.png" alt="상단 화살표"></span><p>TOP</p></button>
@@ -426,30 +426,6 @@
         </div>
     </div>
     
-    <div class="pop-login" style="display:none;">
-        <div class="row Title">
-            <p>지방문화원 소장자료관</p>
-            <h3>통합 로그인</h3>
-        </div>
-        <div class="inner">
-            <div class="row First Last" style="display:none;">
-                <p>마지막으로 로그인한 계정입니다.</p>
-                <div class="Btn Naver"><button type="button">네이버 아이디로 로그인</button></div>
-            </div>
-            <div class="row First">
-                <div class="Btn Naver" ><button type="button" onclick="window.open(); return false">네이버 아이디로 로그인</button></div>
-                <div class="Btn Kakao"><button type="button" onclick="kakao_login_call()">카카오 로그인</button></div>
-                <div class="Btn Google"><button type="button" id="google_button">Google 계정으로 로그인</button></div>
-            </div>
-            <div class="row Text">
-                <p>회원가입하고 <span>대출/열람 서비스</span>를 이용해보세요!</p>
-                <p><a href="/" class="join">회원가입</a></p>
-            </div>
-            <button type="button" class="login-close"></button>
-        </div>
-        <div class="Bg"></div>
-    </div>
-
 </div>
 
 </body>