From cab1ada9076dbb334466724d85f75bab84785520 Mon Sep 17 00:00:00 2001
From: KNKIM <knkim@digitalship.co.kr>
Date: Mon, 25 Oct 2021 08:27:42 +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?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/main/webapp/Notifications.html |  55 +++------
 src/main/webapp/myinfo-modify.html |  79 +++---------
 src/main/webapp/myinfo-passwd.html |  40 +++----
 src/main/webapp/myinfo.html        | 186 +++++++++++++++++++++++++----
 src/main/webapp/notice-view.html   |  61 ++++------
 src/main/webapp/notice.html        |  55 +++------
 src/main/webapp/qna.html           |  44 +++----
 src/main/webapp/visit.html         |  53 +++-----
 8 files changed, 301 insertions(+), 272 deletions(-)

diff --git a/src/main/webapp/Notifications.html b/src/main/webapp/Notifications.html
index 22132387..eb47809b 100644
--- a/src/main/webapp/Notifications.html
+++ b/src/main/webapp/Notifications.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 noti-data">
+    <div class="location noti-data">
         <h2 class="blind">알림 섹션영역</h2>
         <div class="inner">
             <div class="row-top">
@@ -106,7 +106,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 noti-box">
                     
                     <div class="title">
@@ -116,7 +116,7 @@
                         </div>
                     </div>
                     
-                    <div class="contents">
+                    <div class="notifi">
                         <div class="list-accordion">
                             <ul class="list-faq">
                                 <li>
@@ -161,7 +161,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>
@@ -194,23 +194,6 @@
         </div>
     </footer>
     
-    <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>
 
 </body>
diff --git a/src/main/webapp/myinfo-modify.html b/src/main/webapp/myinfo-modify.html
index 7e7a8b4c..3d285a92 100644
--- a/src/main/webapp/myinfo-modify.html
+++ b/src/main/webapp/myinfo-modify.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 join modify">
+    <div class="location join modify">
         <h2 class="blind">내정보 수정 섹션영역</h2>
         <div class="inner">
             <div class="row-top">
@@ -108,7 +108,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="join-box">                    
                     <div class="info">
                         <form class="mt-5 form-container" action="" method="">
@@ -253,7 +253,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>
@@ -286,49 +286,6 @@
         </div>
     </footer>
     
-    <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>
-
 </div>
 
 </body>
diff --git a/src/main/webapp/myinfo-passwd.html b/src/main/webapp/myinfo-passwd.html
index 93246c25..7309d24a 100644
--- a/src/main/webapp/myinfo-passwd.html
+++ b/src/main/webapp/myinfo-passwd.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 passwd">
-        <h2 class="blind">내 정보 섹션영역</h2>
+    <!-- 내 정보 패스워드 섹션 -->
+    <div class="location passwd">
+        <h2 class="blind">내 정보 패스워드 섹션영역</h2>
         <div class="inner">
             <div class="row-top">
                 <div class="location-box">
@@ -108,7 +108,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="myinfo-passwd">
                     <div class="inner">
                         <div class="icon"><img src="/images/icon/icon-myinfo-paswd.png" alt="체크 아이콘"></div>
@@ -127,7 +127,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/myinfo.html b/src/main/webapp/myinfo.html
index 21ce3487..8f44907f 100644
--- a/src/main/webapp/myinfo.html
+++ b/src/main/webapp/myinfo.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 myinfo">
+    <div class="location myinfo">
         <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="myinfo-box">
                    
                     <div class="top-info">
@@ -115,6 +115,9 @@
                             <h3>반갑습니다,<br><span>김문화</span>님!</h3>
                             <div class="sns-login">
                                 <span class="icon"><img src="/images/icon/icon-kakao.png" alt="sns 아이콘"></span>
+                                <span class="icon" style="display: none;"><img src="/images/icon/icon-naver.png" alt="sns 아이콘"></span>
+                                <span class="icon" style="display: none;"><img src="/images/icon/icon-google.png" alt="sns 아이콘"></span>
+                                
                                 <span class="type">Kakao</span>
                                 <span>계정으로 로그인 중</span>
                             </div>
@@ -177,18 +180,18 @@
                                 <div class="con-1">
                                     <h3>소장자료관 접속현황</h3>
                                     <div class="key-box">
-                                        <button type="button">경산문화원</button>
-                                        <button type="button">고령문화원</button>
-                                        <button type="button">구미문화원</button>
-                                        <button type="button">군위문화원</button>
-                                        <button type="button">김천문화원</button>
+                                        <span type="button">경산문화원</span>
+                                        <span type="button">고령문화원</span>
+                                        <span type="button">구미문화원</span>
+                                        <span type="button">군위문화원</span>
+                                        <span type="button">김천문화원</span>
                                     </div>
                                 </div>
                             </div>
                         </div>
                     </div>
                     
-                    <div class="contents">
+                    <div class="row-bottom">
                         <div class="concern-data">
                             <div class="inner">
                                 <div class="title-box">
@@ -297,7 +300,7 @@
                                             </p>
                                         </div>
                                         <div class="state">
-                                            <span class="apply">신청</span>
+                                            <span class="subscription">신청</span>
                                         </div>
                                     </div>
                                 </div>
@@ -377,6 +380,44 @@
                                         </div>
                                     </div>
                                 </div>
+                                <div class="list-box">
+                                    <div class="list">
+                                        <div class="tit">
+                                            <p>[경북경주문화원]</p>
+                                        </div>
+                                        <div class="con">
+                                            <p>2014 한국의 역사마을 양동 충효예절교실 교육교재</p>
+                                            <p>
+                                                <span><em>주제분야 : </em> 도서간행물 &gt; 연속간행물</span>
+                                                <span><em>주제분야 : </em> 자연과지리 &gt; 자연환경</span>
+                                                <span><em>생산기관 : </em> 경북경주문화원</span>
+                                                <span><em>생산년도 : </em> 2021</span>
+                                            </p>
+                                        </div>
+                                        <div class="state">
+                                            <span class="loan">대출중</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="list-box">
+                                    <div class="list">
+                                        <div class="tit">
+                                            <p>[경북경주문화원]</p>
+                                        </div>
+                                        <div class="con">
+                                            <p>2014 한국의 역사마을 양동 충효예절교실 교육교재</p>
+                                            <p>
+                                                <span><em>주제분야 : </em> 도서간행물 &gt; 연속간행물</span>
+                                                <span><em>주제분야 : </em> 자연과지리 &gt; 자연환경</span>
+                                                <span><em>생산기관 : </em> 경북경주문화원</span>
+                                                <span><em>생산년도 : </em> 2021</span>
+                                            </p>
+                                        </div>
+                                        <div class="state">
+                                            <span class="overdue">연체</span>
+                                        </div>
+                                    </div>
+                                </div>
                                 
                             </div>
                         </div>
@@ -483,6 +524,101 @@
                                         </div>
                                     </div>
                                 </div>
+                                <div class="list-box">
+                                    <div class="list">
+                                        <div class="tit">
+                                            <p>[경북경주문화원]</p>
+                                        </div>
+                                        <div class="con">
+                                            <p>2014 한국의 역사마을 양동 충효예절교실 교육교재</p>
+                                            <p>
+                                                <span><em>주제분야 : </em> 도서간행물 &gt; 연속간행물</span>
+                                                <span><em>주제분야 : </em> 자연과지리 &gt; 자연환경</span>
+                                                <span><em>생산기관 : </em> 경북경주문화원</span>
+                                                <span><em>생산년도 : </em> 2021</span>
+                                            </p>
+                                        </div>
+                                        <div class="state">
+                                            <span class="subscription">신청</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="list-box">
+                                    <div class="list">
+                                        <div class="tit">
+                                            <p>[경북경주문화원]</p>
+                                        </div>
+                                        <div class="con">
+                                            <p>2014 한국의 역사마을 양동 충효예절교실 교육교재</p>
+                                            <p>
+                                                <span><em>주제분야 : </em> 도서간행물 &gt; 연속간행물</span>
+                                                <span><em>주제분야 : </em> 자연과지리 &gt; 자연환경</span>
+                                                <span><em>생산기관 : </em> 경북경주문화원</span>
+                                                <span><em>생산년도 : </em> 2021</span>
+                                            </p>
+                                        </div>
+                                        <div class="state">
+                                            <span class="wait">승인대기</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="list-box">
+                                    <div class="list">
+                                        <div class="tit">
+                                            <p>[경북경주문화원]</p>
+                                        </div>
+                                        <div class="con">
+                                            <p>2014 한국의 역사마을 양동 충효예절교실 교육교재</p>
+                                            <p>
+                                                <span><em>주제분야 : </em> 도서간행물 &gt; 연속간행물</span>
+                                                <span><em>주제분야 : </em> 자연과지리 &gt; 자연환경</span>
+                                                <span><em>생산기관 : </em> 경북경주문화원</span>
+                                                <span><em>생산년도 : </em> 2021</span>
+                                            </p>
+                                        </div>
+                                        <div class="state">
+                                            <span class="cancel">취소</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="list-box">
+                                    <div class="list">
+                                        <div class="tit">
+                                            <p>[경북경주문화원]</p>
+                                        </div>
+                                        <div class="con">
+                                            <p>2014 한국의 역사마을 양동 충효예절교실 교육교재</p>
+                                            <p>
+                                                <span><em>주제분야 : </em> 도서간행물 &gt; 연속간행물</span>
+                                                <span><em>주제분야 : </em> 자연과지리 &gt; 자연환경</span>
+                                                <span><em>생산기관 : </em> 경북경주문화원</span>
+                                                <span><em>생산년도 : </em> 2021</span>
+                                            </p>
+                                        </div>
+                                        <div class="state">
+                                            <span class="read">열람완료</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="list-box">
+                                    <div class="list">
+                                        <div class="tit">
+                                            <p>[경북경주문화원]</p>
+                                        </div>
+                                        <div class="con">
+                                            <p>2014 한국의 역사마을 양동 충효예절교실 교육교재</p>
+                                            <p>
+                                                <span><em>주제분야 : </em> 도서간행물 &gt; 연속간행물</span>
+                                                <span><em>주제분야 : </em> 자연과지리 &gt; 자연환경</span>
+                                                <span><em>생산기관 : </em> 경북경주문화원</span>
+                                                <span><em>생산년도 : </em> 2021</span>
+                                            </p>
+                                        </div>
+                                        <div class="state">
+                                            <span class="unread">미열람</span>
+                                        </div>
+                                    </div>
+                                </div>
                                 
                             </div>
                         </div>
@@ -492,7 +628,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/notice-view.html b/src/main/webapp/notice-view.html
index 6416cdab..90804abd 100644
--- a/src/main/webapp/notice-view.html
+++ b/src/main/webapp/notice-view.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 noti-data">
-        <h2 class="blind">공지사항 섹션영역</h2>
+    <!-- 공지사항 보기 섹션 -->
+    <div class="location noti-data">
+        <h2 class="blind">공지사항 보기 섹션영역</h2>
         <div class="inner">
             <div class="row-top">
                 <div class="location-box">
@@ -107,9 +107,9 @@
                 </div>
                 <div class="arr"><img src="/images/icon/icon-join-arr2.png" alt="화살표 아이콘"></div>
             </div>
-            <div class="row-bottom">
+            <div class="contents row-bottom">
                 
-                <section id="contents" class="community notice">
+                <div class="community notice">
                     <div class="contents-frame inner-center">
                         <div class="view-notice">
                             <div class="view-tit">
@@ -155,11 +155,11 @@
                             </div>
                         </div>
                     </div><!-- //contents-frame -->
-                </section>
+                </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>
@@ -192,23 +192,6 @@
         </div>
     </footer>
     
-    <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>
 
 </body>
diff --git a/src/main/webapp/notice.html b/src/main/webapp/notice.html
index 6205a121..42eed968 100644
--- a/src/main/webapp/notice.html
+++ b/src/main/webapp/notice.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 noti-data">
+    <div class="location noti-data">
         <h2 class="blind">공지사항 섹션영역</h2>
         <div class="inner">
             <div class="row-top">
@@ -107,9 +107,9 @@
                 </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 id="contents" class="community notice">
+                <div class="community notice">
                     <div class="contents-frame inner-center">
                         <div class="list-header">
                             <form name="listForm" action="" method="post" class="list-search">
@@ -193,7 +193,7 @@
                 
             </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>
@@ -226,23 +226,6 @@
         </div>
     </footer>
     
-    <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>
 
 </body>
diff --git a/src/main/webapp/qna.html b/src/main/webapp/qna.html
index 3045dbe8..3c51ec11 100644
--- a/src/main/webapp/qna.html
+++ b/src/main/webapp/qna.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>소장자료관 - QnA</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>
     
     <!-- Q&amp;A 섹션 -->
-    <section class="location qna">
+    <div class="location qna">
         <h2 class="blind">Q&amp;A 섹션영역</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 qna-box">
                     <div class="tab">
                         <ul class="tabs">
@@ -142,7 +142,7 @@
                             </div>
                         </div>
 
-                        <div class="tab_content">
+                        <div class="contents tab_content">
                             <div class="tabs_item">
                                
                                 <div id="contents" class="community notice">
@@ -169,10 +169,14 @@
                                                     <span class="t-tit"><a href="here" onclick="">문화원 이용방법에 대한 질문입니다.</a></span>
                                                     <span class="t-writer">관리자</span>
                                                     <span class="t-date">2020-07-08</span>
-                                                    <span class="t-answer"><span class="compl">답변대기</span></span>
+                                                    <span class="t-answer"><span class="compl">답변완료</span></span>
                                                 </li>
                                             </ul>
                                         </div>
+                                        
+                                        <div class="btn-box">
+                                            <button type="button" class="btn btn-color">질문하기</button>
+                                        </div>
 
                                         <ul class="paging">
                                             <li class="btn btn-first"><a href="#" onclick="linkPage(1); return false;" title="처음으로">처음으로</a></li>
@@ -209,7 +213,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/visit.html b/src/main/webapp/visit.html
index 4391d4c8..5f6d5b1f 100644
--- a/src/main/webapp/visit.html
+++ b/src/main/webapp/visit.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 visit-data">
+    <div class="location visit-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 visit-box">
                     <div class="tab">
                         <ul class="tabs">
@@ -216,7 +216,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>
@@ -249,23 +249,6 @@
         </div>
     </footer>
     
-    <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>
 
 </body>