diff --git a/src/main/webapp/join-1.html b/src/main/webapp/join-1.html
index 646e4cf2..5d76a207 100644
--- a/src/main/webapp/join-1.html
+++ b/src/main/webapp/join-1.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>
diff --git a/src/main/webapp/join-2.html b/src/main/webapp/join-2.html
index b3daca1e..cb9ff40b 100644
--- a/src/main/webapp/join-2.html
+++ b/src/main/webapp/join-2.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>소장자료관 - 회원가입2</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">
+    <div class="location join">
         <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="join-box">
                     <div class="step">
                         <div class="s1">
@@ -248,7 +248,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>
@@ -553,30 +553,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/join-3.html b/src/main/webapp/join-3.html
index 82f9dfcd..3f9e426f 100644
--- a/src/main/webapp/join-3.html
+++ b/src/main/webapp/join-3.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>소장자료관 - 회원가입3</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="join succ">
+    <div class="location join succ">
         <h2 class="blind">회원가입완료 섹션영역</h2>
         <div class="inner">
-            <div class="row-top">
+            <div class="row-top icon">
                 <div class="icon"><img src="/images/icon/icon-join-suc.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">
@@ -118,7 +118,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>
@@ -423,30 +423,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/join.html b/src/main/webapp/join.html
index ba426a1a..fc549cb5 100644
--- a/src/main/webapp/join.html
+++ b/src/main/webapp/join.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>소장자료관 - 회원가입1</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">
+    <div class="location join">
         <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="join-box">
                     <div class="step">
                         <div class="s1 on">
@@ -130,7 +130,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>
@@ -435,30 +435,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>