diff --git a/src/main/webapp/cart-complete.html b/src/main/webapp/cart-complete.html
index 6e025c62..0c3125b4 100644
--- a/src/main/webapp/cart-complete.html
+++ b/src/main/webapp/cart-complete.html
@@ -62,21 +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="/activar/index.html" title="작업소개" class="eff">자료관안내</a>
+                    <li class="eff active"><a href="/greeting.html" title="자료관안내" class="eff">자료관안내</a>
                         <ul class="sub-menu">
-                            <li><a href="#" title="인사말" class="underline blue">인사말</a></li>
-                            <li><a href="#" title="이용안내" class="underline blue">이용안내</a></li>
-                            <li><a href="#" title="찾아오시는길" class="underline blue">찾아오시는길</a></li>
+                            <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>
                         </ul>
                     </li>
-                    <li><a href="/activar/about.html" title="회사소개" class="eff">소장자료</a></li>
-                    <li><a href="/activar/contact.html" title="오시는길" class="eff">고객지원</a></li>
-                    <li><a href="/activar/contact.html" title="오시는길" class="eff">마이페이지</a>
+                    <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="#" title="회원정보관리" class="underline blue">회원정보관리</a></li>
-                            <li><a href="#" title="관심자료" class="underline blue">관심자료</a></li>
-                            <li><a href="#" title="대출관리" class="underline blue">대출관리</a></li>
-                            <li><a href="#" title="열람관리" class="underline blue">열람관리</a></li>
+                            <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>
+                        </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>
                         </ul>
                     </li>
                 </ul>
diff --git a/src/main/webapp/cart-confirm.html b/src/main/webapp/cart-confirm.html
index f101cb5a..7b6dee81 100644
--- a/src/main/webapp/cart-confirm.html
+++ b/src/main/webapp/cart-confirm.html
@@ -62,21 +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="/activar/index.html" title="작업소개" class="eff">자료관안내</a>
+                    <li class="eff active"><a href="/greeting.html" title="자료관안내" class="eff">자료관안내</a>
                         <ul class="sub-menu">
-                            <li><a href="#" title="인사말" class="underline blue">인사말</a></li>
-                            <li><a href="#" title="이용안내" class="underline blue">이용안내</a></li>
-                            <li><a href="#" title="찾아오시는길" class="underline blue">찾아오시는길</a></li>
+                            <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>
                         </ul>
                     </li>
-                    <li><a href="/activar/about.html" title="회사소개" class="eff">소장자료</a></li>
-                    <li><a href="/activar/contact.html" title="오시는길" class="eff">고객지원</a></li>
-                    <li><a href="/activar/contact.html" title="오시는길" class="eff">마이페이지</a>
+                    <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="#" title="회원정보관리" class="underline blue">회원정보관리</a></li>
-                            <li><a href="#" title="관심자료" class="underline blue">관심자료</a></li>
-                            <li><a href="#" title="대출관리" class="underline blue">대출관리</a></li>
-                            <li><a href="#" title="열람관리" class="underline blue">열람관리</a></li>
+                            <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>
+                        </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>
                         </ul>
                     </li>
                 </ul>
diff --git a/src/main/webapp/cart.html b/src/main/webapp/cart.html
index 6243c89a..e56af911 100644
--- a/src/main/webapp/cart.html
+++ b/src/main/webapp/cart.html
@@ -62,21 +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="/activar/index.html" title="작업소개" class="eff">자료관안내</a>
+                    <li class="eff active"><a href="/greeting.html" title="자료관안내" class="eff">자료관안내</a>
                         <ul class="sub-menu">
-                            <li><a href="#" title="인사말" class="underline blue">인사말</a></li>
-                            <li><a href="#" title="이용안내" class="underline blue">이용안내</a></li>
-                            <li><a href="#" title="찾아오시는길" class="underline blue">찾아오시는길</a></li>
+                            <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>
                         </ul>
                     </li>
-                    <li><a href="/activar/about.html" title="회사소개" class="eff">소장자료</a></li>
-                    <li><a href="/activar/contact.html" title="오시는길" class="eff">고객지원</a></li>
-                    <li><a href="/activar/contact.html" title="오시는길" class="eff">마이페이지</a>
+                    <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="#" title="회원정보관리" class="underline blue">회원정보관리</a></li>
-                            <li><a href="#" title="관심자료" class="underline blue">관심자료</a></li>
-                            <li><a href="#" title="대출관리" class="underline blue">대출관리</a></li>
-                            <li><a href="#" title="열람관리" class="underline blue">열람관리</a></li>
+                            <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>
+                        </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>
                         </ul>
                     </li>
                 </ul>
diff --git a/src/main/webapp/connect.html b/src/main/webapp/connect.html
index e396afb9..d0c4ef87 100644
--- a/src/main/webapp/connect.html
+++ b/src/main/webapp/connect.html
@@ -62,21 +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="/activar/index.html" title="작업소개" class="eff">자료관안내</a>
+                    <li class="eff active"><a href="/greeting.html" title="자료관안내" class="eff">자료관안내</a>
                         <ul class="sub-menu">
-                            <li><a href="#" title="인사말" class="underline blue">인사말</a></li>
-                            <li><a href="#" title="이용안내" class="underline blue">이용안내</a></li>
-                            <li><a href="#" title="찾아오시는길" class="underline blue">찾아오시는길</a></li>
+                            <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>
                         </ul>
                     </li>
-                    <li><a href="/activar/about.html" title="회사소개" class="eff">소장자료</a></li>
-                    <li><a href="/activar/contact.html" title="오시는길" class="eff">고객지원</a></li>
-                    <li><a href="/activar/contact.html" title="오시는길" class="eff">마이페이지</a>
+                    <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="#" title="회원정보관리" class="underline blue">회원정보관리</a></li>
-                            <li><a href="#" title="관심자료" class="underline blue">관심자료</a></li>
-                            <li><a href="#" title="대출관리" class="underline blue">대출관리</a></li>
-                            <li><a href="#" title="열람관리" class="underline blue">열람관리</a></li>
+                            <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>
+                        </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>
                         </ul>
                     </li>
                 </ul>
diff --git a/src/main/webapp/css/default.css b/src/main/webapp/css/default.css
index a64145f9..44aa2db0 100644
--- a/src/main/webapp/css/default.css
+++ b/src/main/webapp/css/default.css
@@ -370,261 +370,6 @@ body.no-scroll {overflow: hidden;}
 .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {color:#333;font-size:30px;}
 
 
-.pop-login {position:fixed;top:20%;left:calc(50% - 210px);width: 420px; height: auto; border-radius: 5px; overflow: hidden; padding: 0 0px; background: #fff;z-index:999;} 
-.pop-login .inner {background:#fff;display:inilne-block;width:100%;height:auto;padding:60px 0px;}
-.pop-login .inner .row {padding:45px 60px 0px;text-align:center;}
-.pop-login .Title {background: url(/images/bg/bg-login.jpg) no-repeat;background-size:cover;text-align:center;padding:45px 0px;}
-.pop-login .Title h3 {font-size:36px;line-height:36px;margin-top:15px;color:#fff;font-weight: 500;}
-.pop-login .Title p {font-size:16px;line-height:16px;color:#fff;}
-.pop-login .inner .First {padding:0px 60px 10px;}
-.pop-login .inner .First .Btn {background:#ccc;width:100%;height:45px;line-height:42px;border-radius:6px;margin-bottom:10px;}
-.pop-login .inner .First .Btn.Naver {background:url(/images/icon/icon-naver-login.png) no-repeat #03c65a;background-position:15px center;}
-.pop-login .inner .First .Btn.Kakao {background:url(/images/icon/icon-kakao-login.png) no-repeat #fee500;background-position:15px center;}
-.pop-login .inner .First .Btn.Google {background:url(/images/icon/icon-google-login.png) no-repeat #fff;background-position:15px center;border:1px solid #ccc;}
-.pop-login .inner .First .Btn.Naver button {color:#fff;}
-.pop-login .inner .First .Btn.Kakao button {color:#111;}
-.pop-login .inner .First .Btn.Google button  {color:#111;}
-.pop-login .inner .First .Btn button {background:none;width:100%;display:inline-block;font-size:15px;font-weight:600;height:47px;line-height:47px;}
-.pop-login .inner .Last {border-bottom:1px solid #ccc;margin:0px 60px 20px;padding:0px 0px 10px !important;}
-.pop-login .inner .Last p {margin-bottom:15px;}
-.pop-login .inner .Text {padding:20px 60px 0px;}
-.pop-login .inner .Text p:nth-of-type(1) {font-size:14px;line-height:22px;margin-bottom:10px;}
-.pop-login .inner .Text p:nth-of-type(1) span {color:#d47b1c;font-weight:500;}
-.pop-login .inner .Text p .join {border:1px solid #4a7ba6;color:#4a7ba6;border-radius: 6px;width:100%;display:inline-block;height:44px;line-height:44px;}
-.pop-login .inner .login-close {position: absolute; right: 20px; top: 20px; width: 26px; height: 26px; text-indent: 9999px; font-size: 0; overflow: hidden; background: url(/images/btn/btn_close_size_27x26_c9c9c7.png) no-repeat;background-size: 100%;}
-.pop-login .Bg {width:100%;height:100%;position:fixed;top:0px;left:0px;background:rgba(0,0,0,0.5);z-index:-1;}
-
-
-.pop-login-connect {position:fixed;top:20%;left:calc(50% - 210px);width: 420px; height: auto; border-radius: 5px; overflow: hidden; padding: 0 0px; background: #fff;z-index:999;} 
-.pop-login-connect .inner {background:#fff;display:inilne-block;width:100%;height:auto;padding:50px 0px;}
-.pop-login-connect .inner .row {padding:0px 60px 0px;text-align:center;}
-.pop-login-connect .Title {background: url(/images/bg/bg-login.jpg) no-repeat;background-size:cover;text-align:center;padding:30px 0px;}
-.pop-login-connect .Title h3 {font-size:24px;line-height:30px;margin-top:15px;color:#fff;font-weight: 300;}
-.pop-login-connect .Title p {font-size:16px;line-height:16px;color:#fff;}
-.pop-login-connect .inner .Text {}
-.pop-login-connect .inner .Text p {color:#666;font-size:13px;margin-bottom:30px;}
-.pop-login-connect .inner .Text p span {color:#d47b1c;font-weight: 500;}
-.pop-login-connect .inner .First {padding:0px 60px 10px;}
-.pop-login-connect .inner .First .Btn {width:100%;height:45px;line-height:42px;margin-bottom:10px;}
-.pop-login-connect .inner .First .Btn button {background:#fff;border:1px solid #ddd;border-radius:6px;width:100%;display:inline-block;font-size:15px;font-weight:600;height:47px;line-height:44px;}
-.pop-login-connect .inner .First .Btn button span {font-size:12px;color:#666;}
-.pop-login-connect .inner .First .Btn button span:nth-of-type(1) {border-right:1px solid #ddd;margin-right:10px;padding-right:10px;}
-.pop-login-connect .inner .First .Btn button:hover {border:1px solid #4a7ba6;}
-.pop-login-connect .inner .First .Btn button:hover span {color:#222;}
-.pop-login-connect .inner .btn {width:70%;padding:20px 15% 0px;}
-.pop-login-connect .inner .btn p .cancel {color:#999;width:100%;display:inline;font-size:12px;font-weight: 300;border-bottom: 1px solid #ddd;padding:3px 3px;}
-.pop-login-connect .inner .login-close {position: absolute; right: 20px; top: 20px; width: 26px; height: 26px; text-indent: 9999px; font-size: 0; overflow: hidden; background: url(/images/btn/btn_close_size_27x26_c9c9c7.png) no-repeat;background-size: 100%;}
-.pop-login-connect .Bg {width:100%;height:100%;position:fixed;top:0px;left:0px;background:rgba(0,0,0,0.5);z-index:-1;}
-
-
-.pop-login-password {position:fixed;top:20%;left:calc(50% - 210px);width: 420px; height: auto; border-radius: 5px; overflow: hidden; padding: 0 0px; background: #fff;z-index:999;} 
-.pop-login-password .inner {background:#fff;display:inilne-block;width:100%;height:auto;padding:50px 0px;}
-.pop-login-password .inner .row {padding:0px 60px 0px;text-align:center;}
-.pop-login-password .Title {background: url(/images/bg/bg-login.jpg) no-repeat;background-size:cover;text-align:center;padding:30px 0px;}
-.pop-login-password .Title h3 {font-size:24px;line-height:30px;margin-top:15px;color:#fff;font-weight: 300;}
-.pop-login-password .Title p {font-size:16px;line-height:16px;color:#fff;}
-.pop-login-password .inner .Text {}
-.pop-login-password .inner .Text p {color:#666;font-size:13px;margin-bottom:30px;}
-.pop-login-password .inner .Text p span {color:#d47b1c;font-weight: 500;}
-.pop-login-password .inner .First {padding:0px 60px 10px;}
-.pop-login-password .inner .First .Btn {width:100%;height:45px;line-height:42px;margin-bottom:10px;}
-.pop-login-password .inner .First .Btn button {background:#f0f0f0;border:1px solid #ddd;border-radius:6px;width:100%;display:inline-block;font-size:15px;font-weight:600;height:47px;line-height:44px;}
-.pop-login-password .inner .First .passwd input {border:1px solid #ddd;border-radius:6px;width:90%;height:40px;padding:0% 5%;}
-.pop-login-password .inner .First .Btn button span {font-size:12px;color:#666;}
-.pop-login-password .inner .First .Btn button span:nth-of-type(1) {border-right:1px solid #ddd;margin-right:10px;padding-right:10px;}
-.pop-login-password .inner .First .Btn button:hover {border:1px solid #4a7ba6;}
-.pop-login-password .inner .First .Btn button:hover span {color:#222;}
-.pop-login-password .inner .btn {width:70%;padding:20px 15% 40px;line-height: normal}
-.pop-login-password .inner .btn-box .btn {width:auto;padding:10px 25px;}
-.pop-login-password .inner .btn p .cancel {color:#999;width:100%;display:inline;font-size:12px;font-weight: 300;border-bottom: 1px solid #ddd;padding:3px 3px;}
-.pop-login-password .inner .login-close {position: absolute; right: 20px; top: 20px; width: 26px; height: 26px; text-indent: 9999px; font-size: 0; overflow: hidden; background: url(/images/btn/btn_close_size_27x26_c9c9c7.png) no-repeat;background-size: 100%;}
-.pop-login-password .Bg {width:100%;height:100%;position:fixed;top:0px;left:0px;background:rgba(0,0,0,0.5);z-index:-1;}
-
-
-.pop-notice {position:fixed;top:20%;left:calc(50% - 210px);width: 420px;height: auto;border-radius: 5px;overflow: hidden;padding: 0 0px;background: #fff;z-index:999;} 
-.pop-notice .inner {display:inline-block;width:100%;height:auto;padding:50px 0px;background: url(/images/bg/bg-member-pop.jpg) no-repeat;background-size:cover;}
-.pop-notice .inner .row {padding:0px 60px 0px;text-align:center;}
-.pop-notice .Title {text-align:center;padding:30px 0px;}
-.pop-notice .Title h3 {font-size:24px;line-height:30px;margin-top:15px;color:#fff;font-weight: 300;}
-.pop-notice .Title p {font-size:16px;line-height:16px;color:#fff;}
-.pop-notice .inner .Text p {color:#666;font-size:13px;margin-bottom:50px;}
-.pop-notice .inner .Text p span {color:#d47b1c;font-weight: 500;}
-.pop-notice .inner .btn {width:70%;padding:20px 15% 40px;line-height: normal}
-.pop-notice .inner .btn-box .btn {width:auto;padding:10px 25px;}
-.pop-notice .inner .btn p .cancel {color:#999;width:100%;display:inline;font-size:12px;font-weight: 300;border-bottom: 1px solid #ddd;padding:3px 3px;}
-.pop-notice .inner .login-close {position: absolute; right: 20px; top: 20px; width: 26px; height: 26px; text-indent: 9999px; font-size: 0; overflow: hidden; background: url(/images/btn/btn_close_size_27x26_c9c9c7.png) no-repeat;background-size: 100%;}
-.pop-notice .Bg {width:100%;height:100%;position:fixed;top:0px;left:0px;background:rgba(0,0,0,0.5);z-index:-1;}
-
-
-.pop-member {position:fixed;top:20%;left:calc(50% - 210px);width: 420px;height: auto;border-radius: 5px;overflow: hidden;padding: 0 0px;background: #fff;z-index:999;} 
-.pop-member .inner {display:inline-block;width:100%;height:auto;padding:50px 0px;background: url(/images/bg/bg-member-pop.jpg) no-repeat;background-size:cover;}
-.pop-member .inner .row {margin:0px 50px 0px;}
-.pop-member .Title {text-align:center;padding:0px 0px 20px;text-align: left;}
-.pop-member .Title h3 {font-size:24px;line-height:30px;margin-bottom:5px;color:#fff;font-weight: 300;}
-.pop-member .Title p {font-size:14px;font-weight: 100; line-height:16px;color:#fff;}
-.pop-member .inner .card {background:url(/images/icon/icon-member-pop.png) no-repeat center 60px #fff;border-radius: 8px;padding:30px;}
-.pop-member .inner .card .title {text-align:center;padding:85px 0px 100px;}
-.pop-member .inner .card .title .name {font-size:32px;font-weight: 500}
-.pop-member .inner .card .title .date {font-size:16px;}
-.pop-member .inner .card .code {display: inline-block;width:100%;}
-.pop-member .inner .card .code .num {float:left;width:60%;margin-right:5%;}
-.pop-member .inner .card .code .num .na {font-size:16px;color:#666;}
-.pop-member .inner .card .code .num .co {font-size:24px;line-height:28px;font-weight: 600;color:#333;}
-.pop-member .inner .card .code .num .pr {line-height:0;}
-.pop-member .inner .card .code .num .pr progress {width:100%;border:0;height:5px;border-radius: 3px;}
-.pop-member .inner .card .code .num .pr progress::-webkit-progress-bar {background: #ddd;border:0;border-radius: 5px;}
-.pop-member .inner .card .code .num .pr progress::-webkit-progress-value {background: #427cae;border-radius: 5px;}
-.pop-member .inner .card .code .num .ti {font-size:12px;color:#666;margin-top:10px;}
-.pop-member .inner .card .code .num .ti .timer {color:#2e899c;margin-left:6px;}
-.pop-member .inner .card .code .qr {float:left;width:35%;}
-.pop-member .inner .card .code .qr img {width:100%;}
-.pop-member .inner .rolling {margin-top:20px;}
-.pop-member .inner .rolling p marquee {background: #0b2c57;color:#fff;font-size:10px;padding:2px 0px 3px;border-radius: 3px;}
-.pop-member .inner .login-close {position: absolute; right: 20px; top: 20px; width: 26px; height: 26px; text-indent: 9999px; font-size: 0; overflow: hidden; background: url(/images/btn/btn_close_size_27x26_c9c9c7.png) no-repeat;background-size: 100%;}
-.pop-member .Bg {width:100%;height:100%;position:fixed;top:0px;left:0px;background:rgba(0,0,0,0.5);z-index:-1;}
-
-
-
-/* 팝업 공통 */
-.popup {width: 100%;height: 100%;background: rgba(0,0,0,.5);position: fixed;z-index: 150;top: 0;left: 0;}
-.popup .pop-wrap {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
-.popup .btn-wrap {padding-top: 20px;}
-.popup .pop-wrap input[type="password"] {
-box-sizing: border-box;
-width: 100%;
-padding: 0 20px 0 40px;
-border: 1px solid #ddd;
-border-radius: 2px;
-line-height: 40px;
-background: #fff url(/images/kccf/icon/icon-scr.png) no-repeat 20px center;
-}
-
-
-/* check style */
-.check {position: relative;} 
-.check input[type="checkbox"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0 } 
-.check input[type="checkbox"] + label { display: inline-block; position: relative; padding-left: 30px; cursor: pointer; line-height: 22px;} 
-.check input[type="checkbox"] + label:before {content: ""; position: absolute; left: 0; top: 0; width: 20px; height: 20px; border: 1px solid #ddd; border-radius : 2px;} 
-.check input[type="checkbox"]:focus + label,
-.check input[type="checkbox"]:hover + label {color: #000;}
-.check input[type="checkbox"]:focus + label:before,
-.check input[type="checkbox"]:hover + label:before {border-color: #2781c1;}  
-.check input[type="checkbox"]:checked + label:before {background: url(/images/icon/icon-checked.svg) no-repeat 2px;}
-.check.tab input[type="checkbox"]:checked + label:before {background: url(/images/icon/icon-checked-tab.png) no-repeat center;position: absolute;top:10px;right:0px;left:auto;}
-
-.pop-advanced-search .check input[type="checkbox"] + label {font: 12px 'dotum', '돋움', sans-serif; padding-left: 20px; line-height: 15px;} 
-.pop-advanced-search .check input[type="checkbox"] + label:before {top: 0; width: 13px; height: 13px;} 
-.pop-advanced-search .check input[type="checkbox"]:focus + label,
-.pop-advanced-search .check input[type="checkbox"]:hover + label {color: #000;}
-.pop-advanced-search .check input[type="checkbox"]:focus + label:before,
-.pop-advanced-search .check input[type="checkbox"]:hover + label:before {border-color: #2781c1;}  
-.pop-advanced-search .check input[type="checkbox"]:checked + label {color: #2781c1; font-weight: bold;}
-.pop-advanced-search .check input[type="checkbox"]:checked + label:before {background-size: 10px; border-color: #2781c1;}
-
-
-/* BUTTON STYLE */
-.btn-wrap {text-align: center;}
-.btn {display: inline-block;min-width: 130px;padding:0px 20px;height: 44px;border-radius: 3px;line-height: 42px;text-align: center;font-weight: bold;margin-right: 6px;color: #999;}
-.btn-black {background: #333;color: #fff;}
-.btn-black:focus,
-.btn-black:hover {background: #666;transition: background .3s ease;}
-.btn-color {background: #376795;color: #fff;}
-.btn-color:focus,
-.btn-color:hover {background: #0061a6;transition: background .3s ease;}
-.btn-green {background: #327f8f;color: #fff;}
-.btn-green:focus,
-.btn-green:hover {background: #1a6878;transition: background .3s ease;}
-.btn-gray {background: #666;color: #fff;}
-.btn-gray:focus,
-.btn-gray:hover {background: #888;transition: background .3s ease;}
-.btn-white {border: 1px solid #999;background: #fff;}
-.btn-white:focus,
-.btn-white:hover {color: #fff;background: #2781c1;border-color: #2781c1;transition: background .3s ease;}
-.btn-view-original {width: 128px;height: 38px;color: #fff;background: #2781c1;border-radius: 3px;position: absolute;right: 0;top: 50%;margin-top: -19px;text-align: center;line-height: 38px;}
-
-
-/* 상세검색 팝업 */
-.pop-advanced-search .pop-wrap {background: #f2f4f7;width: 90%;max-width: 1400px;height: 80%;overflow: hidden;border-radius: 8px;}
-.pop-advanced-search .pop-wrap .Title {background: #3670a3;width:96%;padding:0px 2%;height:80px;line-height: 80px;}
-.pop-advanced-search .pop-wrap .Title span {color:#fff;}
-.pop-advanced-search .pop-wrap .Title span:nth-of-type(1) {font-size:24px;font-weight:500;margin-right:10px;}
-.pop-advanced-search .pop-wrap .Title span:nth-of-type(2) {font-size:12px;font-weight:100;}
-.pop-advanced-search .pop-wrap .Title span:nth-of-type(3) {position: absolute;right: 30px;top: 30px;}
-
-.pop-advanced-search .pop-wrap form {padding: 30px;height: calc(100% - 140px);overflow: auto;}
-.pop-advanced-search .scroll-wrap {width:100%;height: calc(100% - 103px);overflow: auto;}
-.advanced-form-table {border: 1px solid #ccc;border-bottom: none;border-radius: 4px;overflow: hidden;}
-.advanced-form-table:after {content:"";display: block;clear: both;}
-.advanced-form-table li {display: table;border-bottom: 1px solid #ccc;width:50%;float: left;min-height: 59px;}
-.advanced-form-table li.fw {width:100%}
-.advanced-form-table .row-control-num {width: 50%;}
-.advanced-form-table .row-issued-year {width: 50%;}
-.advanced-form-table .row-age {width: 50%;}
-.advanced-form-table .row-times {width: 50%;}
-.advanced-form-table .row-times .check {margin-right: 14px;width:11%;}
-.advanced-form-table .row-class .check {margin-right: 14px;width:11%;}
-.advanced-form-table .tit {display: table-cell;vertical-align: middle;width: 100px;background: #f4f4f4;padding: 10px 0px;box-sizing: border-box;word-spacing: 1.5em;text-align: center;font-size:14px;}
-.advanced-form-table .input-area {display: table-cell;vertical-align: middle;padding: 10px 20px;background: #fff;box-sizing: border-box;height: 60px;}
-.advanced-form-table .input-area input {display: block;float: left;border: 1px solid #ddd;padding: 0 20px;box-sizing: border-box;border-radius: 3px;width: 100%;height:38px;height:38px;}
-.advanced-form-table .input-area input:focus,
-.advanced-form-table .input-area input:hover {border-color: #2781c1;transition: border .3s ease;color: #000;}
-.advanced-form-table .row-keyword-detail input {width: calc(100% - 0px);margin-right: 15px;}
-.advanced-form-table .row-keyword-detail input:last-child {margin-right: 0;}
-.advanced-form-table .row-issued-year input {width: calc(50% - 16px);}
-.advanced-form-table .row-age input {width: calc(50% - 16px);}
-.advanced-form-table .input-area .tilde {display: block;float: left;line-height: 38px;color: #999;margin: 0 11px;}
-.advanced-form-table .check {display: inline-block;}
-
-.pop-advanced-search .conditions-wrap {margin-top: 20px;padding-bottom: 10px;}
-.pop-advanced-search .conditions-title {position: static;width: auto;height: auto;line-height: 1;font-size: 18px;font-weight: 800;visibility: visible;margin-bottom: 10px;}
-.conditions-wrap .selected-conditions {border: 1px solid #ccc;background: #fff;border-bottom: none;padding: 15px 10px;border-radius: 4px 4px 0 0;}
-.conditions-wrap .selected-conditions:after {content: "";display: block;clear: both;position: relative;}
-.conditions-wrap .selected-conditions .title {width: 100%;color: #333;padding-top: 6px;position: relative;}
-.conditions-wrap .selected-conditions .title p {float: left;margin-right: 10px;font-weight: 300;color:#fff;background: #b68948;padding:5px 15px;font-size:14px;border-radius:50px;}
-.conditions-wrap .selected-conditions .title button {width: 76px;height: 20px;overflow: hidden;border: 1px solid #ddd;border-radius: 2px;background:#f4f4f4 url(/images/btn/btn-refresh.png) no-repeat center right;position: absolute;right:10px;top:10px;border:0;outline:0;background-color: transparent;}
-.conditions-wrap .selected-conditions .conditions {float: left;width: calc(100% - 120px);}
-.conditions-wrap .selected-conditions .conditions li {display: inline-block;margin-right: 6px;overflow: hidden;}
-.conditions-wrap .selected-conditions .conditions li button {background: #f4f4f4;height: 30px;padding: 0 15px;font: 12px 'dotum','돋움', sans-serif;color: #666;border: 1px solid #ddd;border-radius: 16px;}
-.conditions-wrap .selected-conditions .conditions li button:after {content: "";display: inline-block;margin-left: 10px;width: 10px;height: 10px;background: url(/images/btn/btn-close-maplayer.png) no-repeat center;background-size: 7px;}
-.conditions-wrap .selected-conditions .conditions li button:hover,
-.conditions-wrap .selected-conditions .conditions li button:focus {color: #000;border-color: #666;}
-.conditions-wrap .conditions-box {border: 1px solid #ccc;background: #f4f4f4;border-bottom: none;border-radius: 0 0 4px 4px;}
-.pop-advanced-search .line:after {content: "";display: block;clear: both;}
-.pop-advanced-search .depth1 {float: left;width: 16.666%;}
-.pop-advanced-search .depth2 {display: none;}
-.pop-advanced-search .conditions-subject .depth1 {width: 11.111%;}
-.pop-advanced-search .conditions-story .depth1 {width: 25%;}
-.pop-advanced-search .conditions-datype .depth1 {width: 14.285%;}
-
-.pop-advanced-search .conditions-wrap .depth1 {text-align: center;border-left: 1px solid #ddd;border-bottom: 1px solid #ddd;box-sizing: border-box;height: 50px;background: #f4f4f4;color: #666;}
-.pop-advanced-search .conditions-wrap .depth1.on {background: #fff;border-bottom: none;}
-.pop-advanced-search .conditions-wrap .depth1:first-child {border-left: none;}
-.pop-advanced-search .conditions-wrap .depth1:last-child {float: right;}
-.pop-advanced-search .tab-name {background: transparent;width: 100%;height: 50px;}
-.pop-advanced-search .tab-name:hover,
-.pop-advanced-search .tab-name:focus {color: #2781c1;}
-.pop-advanced-search .conditions-wrap .line {position: relative;}
-.pop-advanced-search .conditions-wrap .line:after {content: "";display: block;clear: both;}
-.pop-advanced-search .conditions-wrap .line3 .depth1:last-child{float: left;border-right: 1px solid #ddd;}
-.pop-advanced-search .conditions-wrap .depth1 .depth2 {display: none;background: #fff;position: absolute;width: 100%;z-index: 5;top: 50px;left: 0;border-bottom: 1px solid #ddd;padding: 20px;box-sizing: border-box;text-align: left;}
-.pop-advanced-search .conditions-wrap .depth1 .depth2 li {display: inline-block;width: 14.285%;margin-right: -4px;line-height: 34px;}
-.pop-advanced-search .conditions-wrap .line3 .depth1 .depth2 {border-bottom: none;}
-.pop-advanced-search .conditions-wrap .depth1.on .depth2 {display: block;}
-
-.pop-advanced-search .check input[type="checkbox"] + label {font: 12px 'dotum', '돋움', sans-serif;padding-left: 20px;line-height: 15px;} 
-.pop-advanced-search .check input[type="checkbox"] + label:before {top: 0;width: 13px;height: 13px;} 
-.pop-advanced-search .check input[type="checkbox"]:focus + label,
-.pop-advanced-search .check input[type="checkbox"]:hover + label {color: #000;}
-.pop-advanced-search .check input[type="checkbox"]:focus + label:before,
-.pop-advanced-search .check input[type="checkbox"]:hover + label:before {border-color: #2781c1;}  
-.pop-advanced-search .check input[type="checkbox"]:checked + label {color: #2781c1;font-weight: bold;}
-.pop-advanced-search .check input[type="checkbox"]:checked + label:before {background-size: 10px;border-color: #2781c1;}
-
-.pop-advanced-search .depth1-check input[type="checkbox"] + label {text-indent: -9999px;overflow: hidden;width: 30px;height: 48px;position: absolute;right: 0;padding: 0;}
-.pop-advanced-search .depth1-check input[type="checkbox"] + label:before {border: none;width: 33px;height: 33px;}
-.pop-advanced-search .depth1-check input[type="checkbox"]:checked + label:before {background-size: 13px;}
-
-
 .location {width:100%;}
 .location .inner .row-top {width:100%;height:auto;padding:40px 0px 40px;margin-bottom:60px;background: #fcfcfc;border-bottom:1px solid #ddd;position: relative;}
 .location .inner .row-top .location-box .loc li {display: inline;position: relative;padding:0px 10px;font-size:12px;color:#919191;}
@@ -724,9 +469,9 @@ transform: rotate(45deg);
 
 
 .chk {position: relative;} 
-.chk input[type="checkbox"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0 } 
-.chk input[type="checkbox"] + label { display: inline-block; position: relative; padding-left: 30px; cursor: pointer; line-height: 22px;} 
-.chk input[type="checkbox"] + label:before {content: ""; position: absolute; left: 0; top: 0; width: 20px; height: 20px; border: 1px solid #ddd; border-radius : 2px;} 
+.chk input[type="checkbox"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0 } 
+.chk input[type="checkbox"] + label { display: inline-block;position: relative;padding-left: 30px;cursor: pointer;line-height: 22px;} 
+.chk input[type="checkbox"] + label:before {content: "";position: absolute;left: 0;top: 0;width: 20px;height: 20px;border: 1px solid #ddd;border-radius : 2px;} 
 .chk input[type="checkbox"]:focus + label,
 .chk input[type="checkbox"]:hover + label {color: #000;}
 .chk input[type="checkbox"]:focus + label:before,
@@ -763,7 +508,7 @@ transform: rotate(45deg);
 -o-transform: rotate(45deg);
 transform: rotate(45deg);
 }
-.join.succ .inner .row-bottom .join-box .success .btn {margin:50px 0px;display:inline-block;width:100%;}
+.join.succ .inner .row-bottom .join-box .success .btn {margin:50px 0px;display:inline-block;padding:0;width:100%;}
 .join.succ .inner .row-bottom .join-box .success .btn a {display: inline-block;color:#fff;border-radius: 3px;padding:8px 40px;font-weight:500;}
 
 
@@ -824,7 +569,7 @@ transform: rotate(45deg);
 .guide .inner .row-bottom .guide-box .banner .right .list-box {text-align: left;}
 .guide .inner .row-bottom .guide-box .banner .right .list-box .li {display: inline-block;margin: 25px 0px;}
 .guide .inner .row-bottom .guide-box .banner .right .list-box .li .num {float:left;width:10%;}
-.guide .inner .row-bottom .guide-box .banner .right .list-box .li .num span {display:inline-block;color:#fff;font-size:32px;font-style: italic;width:60px;height:60px;line-height: 60px; border-radius: 50%;background:#ccc;text-align: center;text-indent: -4px;font-weight: 500;}
+.guide .inner .row-bottom .guide-box .banner .right .list-box .li .num span {display:inline-block;color:#fff;font-size:32px;font-style: italic;width:60px;height:60px;line-height: 60px;border-radius: 50%;background:#ccc;text-align: center;text-indent: -4px;font-weight: 500;}
 .guide .inner .row-bottom .guide-box .banner .right .list-box .li:nth-child(1) .num span {background: #f0a233;}
 .guide .inner .row-bottom .guide-box .banner .right .list-box .li:nth-child(2) .num span {background: #45a1b0;}
 .guide .inner .row-bottom .guide-box .banner .right .list-box .li:nth-child(3) .num span {background: #4a7ba6;}
@@ -909,7 +654,7 @@ transform: rotate(45deg);}
 .cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-date {width:12%;padding: 33px 0px;}
 .cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-loan {width:12%;padding: 33px 0px;}
 .cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-reser {width:12%;padding: 33px 0px;}
-.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-visit {width:12%;padding: 16px 0px;}
+.cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-visit {width:12%;padding: 33px 0px;}
 .cart .inner .tabs_item .list-cart-wrap .list-cart .list.t-tit-line {background:#556676;border-bottom:0;padding:0;height:55px;line-height:55px;}
 .cart .inner .tabs_item .list-cart-wrap .list-cart .t-tit-line > div {color:#fff;line-height: 55px !important;padding:0 !important;}
 .cart .inner .tabs_item .list-cart-wrap .list-cart div.list > div.t-data > div {float:left;text-align: left;}
@@ -981,12 +726,68 @@ transform: rotate(45deg);}
 
 .data .inner .row-bottom {position: relative;width:1400px;margin:0 auto;}
 .article-side {float: left;width:320px;margin-right:40px;}
-.localculture-box {float: left;width:1040px;}
-
+.culture-box {float: left;width:1040px;}
 .filter-wrap {border:1px solid #ddd;text-align: left;padding:30px;}
 
+/* 통합검색 필터 */
+.filter-wrap {border: 1px solid #e7e7e7;padding: 30px;}
+.filter-head {border-bottom: 1px solid #ccc;padding-bottom: 6px;}
+.filter-head:after {content: "";display: block;clear: both;}
+.filter-head h2 {float: left;font-size: 18px;font-weight: 600;}
+.filter-head .btn-filter-reset {float: right;background: url(/images/icon/icon-data-reset.png) no-repeat right center;padding: 4px 22px 4px 0px;font-size:14px;font-weight: 400;color:#666;}
+.filter-wrap .choice-condition {display:inline-block;padding-top: 14px;color: #707070;}
+.filter-wrap .choice-condition ul li {font-size:12px;background:#f4f4f4;float:left;padding:2px 30px 3px 10px;border-radius: 50px;margin:0px 5px 5px 0px;border:1px solid #ddd;background:url(/images/icon/icon-data-close.png) no-repeat #f4f4f4;background-position: 92% center;}
+.filter-wrap .choice-condition .sign {margin: 0 10px;}
+.filter-wrap .choice-condition em {color: #333;}
+.filter-wrap .choice-condition .btn-del-filter {margin-left: 10px;text-indent: -9999px;overflow: hidden;width: 13px;height: 13px;vertical-align: sub;background: url(/images/kccf/btn/btn-cnl.jpg) no-repeat right center;}
+.filter-wrap .filter {margin-top: 32px;}
+.filter-wrap .filter-tit {clear: both;border-bottom: 1px solid #ccc;padding-bottom: 6px;_margin-bottom: 16px;}
+.filter-wrap .filter-tit h3 {color: #000;font-size: 16px;float: left;}
+.filter-wrap .filter-tit .btn-toggle {float: right;background: url(/images/kccf/btn/btn-minus.jpg) no-repeat center right;text-indent: -9999px;}
+.filter-wrap .filter-tit .btn-toggle.on {background: url(/images/kccf/btn/btn-plus.png) no-repeat center right;}
+.filter-wrap .filter-tit:after {content: "";display: block;clear: both;}
+.filter-wrap .filter .depth-1 {margin-top: 11px;padding-left: 10px;}
 
+.filter-wrap .filter .depth-1 .check label {background:url(/images/icon/icon-data-downarr.png) no-repeat;background-position: 95% center;padding-right:20px;}
+.filter-wrap .filter .depth-1.on .check label {background:url(/images/icon/icon-data-uparr.png) no-repeat;background-position: 95% center;padding-right:20px;color:#376795;font-weight: 400;}
 
+.filter-wrap .filter .depth-1:after {content: "";display: block;clear: both;}
+.filter-wrap .filter .depth-1 .check {float: left;}
+.filter-wrap .filter .depth-1 .btn-toggle {float: left;background: url(/images/kccf/btn/btn-arrow-down.png) no-repeat right center;text-indent: -9999px;}
+.filter-wrap .filter .depth-1.on .btn-toggle {background: url(/images/kccf/btn/btn-arrow-up.png) no-repeat right center;}
+.filter-wrap .filter .depth-2 {padding-left: 10px;display: none;}
+.filter-wrap .filter .depth-2 li {margin-top: 6px;}
+.filter-wrap .filter .depth-2 li label {padding-left: 15px;}
+.filter-wrap .filter .filter-list.year ul li {height:36px;height:36px;}
+.filter-wrap .filter .filter-list.year ul li label {display: inline-block;font-size:14px;height:36px;line-height:36px;}
+.filter-wrap .filter .filter-list.year ul li label input[type='radio'] {margin-right:5px;margin-bottom:3px;}
+.filter-wrap .filter .filter-list.year ul li label input[type='text'] {border:1px solid #ddd;width:32%;padding:0% 5%;height:24px;line-height: 24px;border-radius: 3px;}
+.filter-wrap .filter .filter-list.year ul li label input[type='text']::placeholder {font-size:12px;color:#999;}
+
+.btn-all-view{} 
+.btn-toggle-more {width: 100%;font-size: 13px;color: #fff;height: 30px;border: 1px solid #ddd;margin-top: 20px;background:url(/images/icon/icon-data-plus.png) no-repeat #3e414a;background-position: 61% center;border-radius: 3px;}
+.btn-toggle-more.on {background:url(/images/icon/icon-data-minus.png) no-repeat #909090;background-position: 59% center;}
+
+.btn-apply {width: 100%;font-size: 13px;color: #fff;background:#3e414a;height: 30px;border: 1px solid #ddd;margin-top: 20px;border-radius: 3px;}
+
+.pop-choice-condition, 
+.pop-btn-wrap {display: none;text-align: center;padding-top: 30px;}
+
+.filter-wrap .filter-list > ul > li:first-child .depth-1 {margin-top: 16px;} 
+
+.filter-wrap .filter-list > ul > li:nth-child(4) ~ li {display: none;}
+.filter-wrap .tab-name {background: transparent;position: absolute;width: 100%;top: 0;left: 0;text-indent: -9999px;overflow: hidden;font-size:14px;}
+
+.filter-wrap .depth-1.on + .depth-2 {display: block !important;}
+
+.filter .check input[type="checkbox"] + label {padding-left: 0;}
+.filter .check input[type="checkbox"] + label:focus,
+.filter .check input[type="checkbox"] + label:hover {text-decoration: underline;}
+.filter .check input[type="checkbox"] + label:before {display: none;}
+.filter .depth-2 .check input[type="checkbox"] + label {padding-left: 15px;background: url(/images/icon/icon-data-more.png) no-repeat left center;}
+.filter .check input[type="checkbox"]:checked + label {color: #2781c1;}
+
+.data .inner {display:inline-block;width:100%;margin-bottom:50px;}
 .data .inner .tab {position: relative;}
 .data .inner .tabs {position: relative;width: 100%;text-align:left;}
 .data .inner .tabs li {display: inline-block;margin:0% 0px;padding: 0;position: relative;text-align: center;}
@@ -1007,18 +808,19 @@ transform: rotate(45deg);}
 .data .inner .tabs_item {display: none;padding: 10px 0;}
 .data .inner .tabs_item:first-child {display: block;}
 
-.data .inner .tabs_item .list-cart-wrap .list-data div.list {display:inline-block;padding: 20px 0px;width:100%;height:90px;border-bottom:1px solid #ddd;vertical-align: top;}
+.data .inner .tabs_item .list-cart-wrap .list-data div.list {display:inline-block;padding: 20px 0px;width:100%;height:120px;border-bottom:1px solid #ddd;vertical-align: top;}
 .data .inner .tabs_item .list-cart-wrap .list-data div.list > div {float:left;width:16.6%;text-align: center;font-size:14px;}
-.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data {width:85%;}
-.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn {width:15%;padding: 33px 0px;}
+.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data {width:83%;height:100%;}
+.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn {width:15%;padding: 25px 0px;}
 
 .data .inner .tabs_item .list-cart-wrap .list-data .list.t-tit-line {background:#556676;border-bottom:0;padding:0;height:55px;line-height:55px;}
 .data .inner .tabs_item .list-cart-wrap .list-data .t-tit-line > div {color:#fff;line-height: 55px !important;padding:0 !important;}
 .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div {float:left;text-align: left;}
-.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.img {width:auto;padding:0% 40px;margin-right:2%;position: relative;}
+.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.img {width:auto;height:100%;padding:0% 40px;margin-right:2%;position: relative;}
+.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.img a img {width:100%;height:100%;}
 .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.type {width:70%;margin-bottom:10px;}
 .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.title {width:70%;font-size:16px;font-weight: 500;}
-.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.code {width:70%;font-size:12px;font-weight: 300;}
+.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.code {width:70%;font-size:12px;font-weight: 300;margin-bottom: 25px;}
 .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.subject {width:70%;font-size:12px;color:#777;}
 
 .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.type span {font-size:12px;padding:2px 15px 3px;background:#333;border-radius: 50px;color:#fff;}
@@ -1034,6 +836,687 @@ transform: rotate(45deg);}
 .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.img .favorites:hover .off {display:none;}
 .data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-data > div.img .favorites:hover .on {display:inline-block;}
 
+.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn button {font-size:14px;height:30px;height:30px;border-radius:3px;margin-bottom:5px;width:100px;color:#fff;}
+.data .inner .tabs_item .list-cart-wrap .list-data div.list > div.t-btn p {font-size:12px;color:#3f8f4a;font-weight: 400;padding:15px 0px;}
+
+
+
+.data .inner .tabs_item .list-cart-wrap .list-data div.list.resu {height:auto;}
+.data .inner .tabs_item .list-cart-wrap .list-data div.list > .no-result {text-align: center;width:100%;padding:30px 0px;}
+.data .inner .tabs_item .list-cart-wrap .list-data div.list > .no-result .icon {margin-bottom:10px;}
+.data .inner .tabs_item .list-cart-wrap .list-data div.list > .no-result .text1 {margin-bottom:5px;font-size:18px;color:#666;}
+.data .inner .tabs_item .list-cart-wrap .list-data div.list > .no-result .text2 {margin-bottom:30px;font-size:24px;color:#333;font-weight: 500;}
+.data .inner .tabs_item .list-cart-wrap .list-data div.list > .no-result .text2 span {color:#d47b1c;}
+
+
+.data .inner .data-box .culture-box .tab {}
+.data .inner .data-box .culture-box .tab > .title {height:36px;margin:30px 0px 0px;outline:0px solid red;}
+.data .inner .data-box .culture-box .tab .title .count {float:left;font-size:16px;height:36px;line-height:36px;}
+.data .inner .data-box .culture-box .tab .title .count em {color:#d47b1c;font-weight: 500;}
+.data .inner .data-box .culture-box .tab .title .list-search-wrap {float:right;}
+.data .inner .data-box .culture-box .tab .title .list-search-wrap > div {float:left;font-size:12px;margin-left:10px;height:36px;line-height:36px;}
+.data .inner .data-box .culture-box .tab .title .list-search-wrap > div.re-search {}
+.data .inner .data-box .culture-box .tab .title .list-search-wrap > div.re-search label {font-weight: 500;}
+.data .inner .data-box .culture-box .tab .title .list-search-wrap > div.re-search label input {margin-right:5px;}
+.data .inner .data-box .culture-box .tab .title .list-search-wrap > div.list-select {}
+.data .inner .data-box .culture-box .tab .title .list-search-wrap > div.list-select select {height:37px;border:1px solid #ddd;color:#666;padding:0px 10px;vertical-align: top;border-radius: 3px;}
+.data .inner .data-box .culture-box .tab .title .list-search-wrap > div.list-input {height:36px;line-height: 36px;border:1px solid #ddd;color:#666;padding:0px 40px 0px 10px;vertical-align: top;border-radius: 3px;position: relative;}
+.data .inner .data-box .culture-box .tab .title .list-search-wrap > div.list-input input::placeholder {font-size:12px;color:#999;font-weight: 500;}
+.data .inner .data-box .culture-box .tab .title .list-search-wrap > div.list-input button {background: url(/images/icon/icon-data-search.png) no-repeat center;text-indent: -9999999px;width:36px;height:36px;vertical-align: top;position: absolute;top:0px;right:0px;}
+
+
+.data.detail {width:100%;}
+.data.detail .inner {}
+.data.detail .inner .row-top {width:100%;padding:45px 0px;display:inline-block;background: linear-gradient(to right, #485864, #6a7b8c);}
+.data.detail .inner .row-top .center {width:1400px;margin:0 auto;}
+.data.detail .inner .row-top .center .left {float:left;width:490px;margin-right:60px;text-align:left;}
+.data.detail .inner .row-top .center .right {float:left;width:850px;text-align: left;}
+
+.data.detail .inner .row-top .center .left .cla {margin-bottom:10px;}
+.data.detail .inner .row-top .center .left .cla .con-1 {display: inline;}
+.data.detail .inner .row-top .center .left .cla .con-1 span {background:#fff;border:2px solid #333;border-radius:50px;color:#333;padding:1px 10px 2px;font-size:12px;font-weight: 500;display: inline-block;}
+.data.detail .inner .row-top .center .left .cla .con-1 span.online {color:#376795;border:2px solid #376795;}
+.data.detail .inner .row-top .center .left .cla .con-1 span.loan {color:#b68946;border:2px solid #b68946;}
+.data.detail .inner .row-top .center .left .cla .con-1 span.visit {color:#2b8b99;border:2px solid #2b8b99;}
+.data.detail .inner .row-top .center .left .cla .con-2 {display: inline-block;padding:0px 0px 0px 10px;}
+.data.detail .inner .row-top .center .left .cla .con-2 .code {font-size:16px;color:#fff;line-height: 26px;}
+.data.detail .inner .row-top .center .left .tit {font-size:30px;color:#fff;font-weight: 500;margin-bottom:20px;}
+.data.detail .inner .row-top .center .left .img {background:#fff;display: inline-block;}
+
+.data.detail .inner .row-top .center .right .con-1 {display: inline-block;width:100%;height:100px;border-bottom:1px solid #ddd;text-align: right;margin-bottom: 30px;}
+.data.detail .inner .row-top .center .right .con-1 button {background:#f5f5f5;width:auto;height:30px;line-height:28px;width:30px;border-radius: 3px;font-size:14px;color:#222;font-weight: 600;text-align: center;border:1px solid #ddd;margin-top:55px;}
+.data.detail .inner .row-top .center .right .con-1 button.view {width:auto;padding:0px 26px;}
+.data.detail .inner .row-top .center .right .con-1 button.ris {}
+.data.detail .inner .row-top .center .right .con-1 button.favorit {text-indent: -99999px;background:url(/images/icon/icon-data-star.png) no-repeat center #f5f5f5;}
+.data.detail .inner .row-top .center .right .con-1 button.share {text-indent: -99999px;background:url(/images/icon/icon-data-share.png) no-repeat center #f5f5f5;}
+.data.detail .inner .row-top .center .right .con-2 {}
+.data.detail .inner .row-top .center .right .con-2 .de-data {}
+.data.detail .inner .row-top .center .right .con-2 .de-data ul li {float:left;width:50%;margin:0px 0px 12px;}
+.data.detail .inner .row-top .center .right .con-2 .de-data ul li span {font-size:14px;color:#fff;}
+.data.detail .inner .row-top .center .right .con-2 .de-data ul li span:nth-of-type(1) {font-weight: 400;display:inline-block;margin-right:20px;min-width:70px;}
+.data.detail .inner .row-top .center .right .con-2 .de-data ul li span:nth-of-type(2) {font-weight: 200;}
+
+.data.detail .inner .row-top .center .right .con-2 .b-btn {margin:30px 0px 25px;display:inline-block;}
+.data.detail .inner .row-top .center .right .con-2 .b-btn button {font-size:14px;font-weight: 600;}
+
+.data.detail .inner .row-top .center .right .con-2 .keyword {}
+.data.detail .inner .row-top .center .right .con-2 .keyword span {background: #f4f4f4;color:#333;display:inline-block;padding:1px 10px 2px;border-radius: 50px;font-size:12px;}
+.data.detail .inner .row-top .center .right .con-2 .keyword span.first {background: #b68948;color:#fff;margin-right:10px;padding:1px 16px 2px;}
+
+.data.detail .inner .row-bottom {width:100%;}
+.data.detail .inner .row-bottom .con-1 {width:1400px;margin:0 auto;display:inline-block;border:1px solid #ddd;margin:50px 0px 100px;}
+.data.detail .inner .row-bottom .con-1 .list-box {display:inline-block;width:100%;padding:25px 0px;}
+.data.detail .inner .row-bottom .con-1 .list-box .list {float:left;width:24.9%;border-right:1px solid #ddd;}
+.data.detail .inner .row-bottom .con-1 .list-box .list:last-child {border-right:0;}
+.data.detail .inner .row-bottom .con-1 .list-box .list .icon {margin-bottom:15px;}
+.data.detail .inner .row-bottom .con-1 .list-box .list .title {font-size:12px;color:#333;font-weight: 400;margin-bottom:3px;}
+.data.detail .inner .row-bottom .con-1 .list-box .list .con {font-size:14px;color:#666;font-weight: 300;}
+.data.detail .inner .row-bottom .con-1 .list-box .list .con .poss {color:#3f8f4a}
+.data.detail .inner .row-bottom .con-1 .list-box .list .con .imposs {color:#c11c35}
+
+.data.detail .inner .row-bottom .con-1 .text-box {display:inline-block;width:96%;padding:10px 2%;background:#f4f4f4;text-align: left;}
+.data.detail .inner .row-bottom .con-1 .text-box p {font-size:12px;}
+
+.data.detail .inner .row-bottom .con-2 {width:1400px;margin:0 auto;display:inline-block;border-top:1px solid #333;border-bottom:1px solid #ddd;margin:0px 0px 100px;}
+.data.detail .inner .row-bottom .con-2 .top {padding:10px 0px;position: relative;border-bottom:1px solid #ddd;}
+.data.detail .inner .row-bottom .con-2 .top h3 {font-size:24px;}
+.data.detail .inner .row-bottom .con-2 .top .down-btn {position: absolute;top:0px;right:0px;text-indent: -999999px;background:url(/images/icon/icon-data-downarr2.png) no-repeat center;width:60px;height:60px;}
+.data.detail .inner .row-bottom .con-2 .top .down-btn.on {background:url(/images/icon/icon-data-downarr2-on.png) no-repeat center;}
+.data.detail .inner .row-bottom .con-2 .bottom {padding:30px;height:105px;overflow: hidden;text-align: left;}
+.data.detail .inner .row-bottom .con-2 .bottom p {font-size:16px;margin-bottom:20px;color:#666;}
+.data.detail .inner .row-bottom .con-2 .bottom p span {margin-right:15px;}
+
+
+.data.detail .inner .row-bottom .con-3 {width:1400px;margin:0 auto;display:inline-block;border-top:1px solid #333;border-bottom:0px solid #ddd;margin:0px 0px 100px;}
+.data.detail .inner .row-bottom .con-3 .top {padding:10px 0px;position: relative;border-bottom:1px solid #ddd;}
+.data.detail .inner .row-bottom .con-3 .top h3 {font-size:24px;}
+
+.data.detail .inner .row-bottom .DetailSwiper1 {display: inline-block;width:100%;}
+.data.detail .inner .row-bottom .DetailSwiper1 .swiper-wrapper {margin-top:15px;}
+.data.detail .inner .row-bottom .DetailSwiper1 .swiper-slide .List {border:1px solid #ddd;padding:30px;text-align:left;}
+.data.detail .inner .row-bottom .DetailSwiper1 .swiper-slide .List .con-1 {border:0px;border-bottom:1px solid #e6e6e6;padding-bottom: 15px;margin-bottom:15px;overflow: hidden;width:100%;display: inline-block;margin-top:0;}
+.data.detail .inner .row-bottom .DetailSwiper1 .swiper-slide .List .con-1 .block {padding-bottom:10px;}
+.data.detail .inner .row-bottom .DetailSwiper1 .swiper-slide .List .con-1 .tit {display:inline;width:100%;font-size:18px;line-height:26px;color:#222;font-weight: 400;}
+.data.detail .inner .row-bottom .DetailSwiper1 .swiper-slide .List:hover .underline {background-size: 100% 100%;color:#376795;}
+.data.detail .inner .row-bottom .DetailSwiper1 .swiper-slide .List .con-2 {width:100%;border:0px;margin:0;}
+.data.detail .inner .row-bottom .DetailSwiper1 .swiper-slide .List .con-2 p {font-size:14px;color:#777;margin-bottom: 5px;}
+.data.detail .inner .row-bottom .DetailSwiper1 .swiper-slide .List .con-2 p span:nth-of-type(1) {display:inline-block;font-weight:500;padding-right:10px;margin-right:10px;border-right:1px solid #ddd;height:10px;line-height:9px;}
+
+
+.data.detail .inner .row-bottom .con-4 {background: #f5f5f5;padding:0px 0px 60px;margin:0px 0px 100px;}
+.data.detail .inner .row-bottom .con-4 .top {padding:40px 0px;position: relative;}
+.data.detail .inner .row-bottom .con-4 .top h3 {font-size:24px;width:1400px;margin:0 auto;position: relative;z-index: 9;}
+.data.detail .inner .row-bottom .con-4 .top h3::before {content: '';width:1400px;height:1px;position: absolute;top:20px;left:0px;background:#c1c1c1;z-index: -1}
+.data.detail .inner .row-bottom .con-4 .top h3::after {content: '';width:300px;height:35px;position: absolute;top:0px;left:calc(50% - 150px);background:#f5f5f5;z-index: -1}
+.data.detail .inner .row-bottom .con-4 .top p {font-size:14px;color:#666;}
+.data.detail .inner .row-bottom .DetailSwiper2 {max-width:1400px;}
+/*
+.data.detail .inner .row-bottom .DetailSwiper2::before {content: '';width:13.5%;height:120%;background: #f5f5f5;display: inline-block;position: absolute;left:0px;top:-10%;z-index: 9;}
+.data.detail .inner .row-bottom .DetailSwiper2::after {content: '';width:13.5%;height:120%;background: #f5f5f5;display: inline-block;position: absolute;right:0px;top:-10%;z-index: 9;}
+*/
+.data.detail .inner .row-bottom .DetailSwiper2 .swiper-slide {height:363px;background: #ccc;border-radius:10px;box-shadow:1px 1px 3px rgba(0,0,0,0.3);}
+.data.detail .inner .row-bottom .DetailSwiper2 .swiper-slide .List .inner {margin-bottom:0;}
+.data.detail .inner .row-bottom .DetailSwiper2 .items.cover {}
+.data.detail .inner .row-bottom .DetailSwiper2 .items.cover:after {clear:both;content:'';display:block;}
+.data.detail .inner .row-bottom .DetailSwiper2 .items.cover .List {box-sizing:content-box;}
+.data.detail .inner .row-bottom .DetailSwiper2 .items.cover .List.front-item {padding-left:0;}
+.data.detail .inner .row-bottom .DetailSwiper2 .items.cover .List .inner div.thumbnail {height:auto;border-radius:10px;}
+.data.detail .inner .row-bottom .DetailSwiper2 .items.cover .List .inner div.thumbnail span {overflow:hidden;}
+.data.detail .inner .row-bottom .DetailSwiper2 .items.cover .List .inner div.info strong.title {height:72px;margin-top:15px;font-size:16px;}
+.data.detail .inner .row-bottom .DetailSwiper2 .items.cover .List .inner div.info div.button-area {margin-top:10px;}
+.data.detail .inner .row-bottom .DetailSwiper2 .items.cover .List .inner:hover div.thumbnail div.detail-cover {opacity:1;}
+.data.detail .inner .row-bottom .DetailSwiper2 .items.cover.shadow .List .inner div.thumbnail {box-shadow: 0px 4px 10px 0px #999;}
+.data.detail .inner .row-bottom .DetailSwiper2 .items.cover.underline .List {padding-bottom:40px;border-bottom:1px solid #ccc;}
+.data.detail .inner .row-bottom .DetailSwiper2 .items.cover.resize .List .inner div.thumbnail {height:284px;}
+.data.detail .inner .row-bottom .DetailSwiper2 .items.cover.resize .List .inner div.thumbnail span.image-frame {height:284px !important;}
+.data.detail .inner .row-bottom .DetailSwiper2 .items.cover.resize .List .inner div.thumbnail span.image-frame img {min-height:284px !important;}
+.data.detail .inner .row-bottom .DetailSwiper2 .items {}
+.data.detail .inner .row-bottom .DetailSwiper2 .items.blank-type1 {margin-top:30px;}
+.data.detail .inner .row-bottom .DetailSwiper2 .items.blank-type1 .List .inner {height:450px;}
+.data.detail .inner .row-bottom .DetailSwiper2 .items.blank-type2 {margin-top:20px;}
+.data.detail .inner .row-bottom .DetailSwiper2 .items .List {box-sizing:border-box;}
+.data.detail .inner .row-bottom .DetailSwiper2 .items .List a.inner {display:block;}
+.data.detail .inner .row-bottom .DetailSwiper2 .items .List .inner.light-type {color:#666;background-color:#fff;}
+.data.detail .inner .row-bottom .DetailSwiper2 .items .List .inner div.thumbnail {overflow:hidden;position:relative;background-color:#f8f8f8;}
+.data.detail .inner .row-bottom .DetailSwiper2 .items .List .inner div.thumbnail span.image-frame {display:block;height:100%;background:url('/images/kccf/img/img-no-image.gif') no-repeat 50% 0;background-size:contain;}
+.data.detail .inner .row-bottom .DetailSwiper2 .items .List .inner div.thumbnail span.image-frame img {width:100%;height:100%;}
+.data.detail .inner .row-bottom .DetailSwiper2 .items .List .inner div.thumbnail div.detail-cover {position:absolute;left:0;right:0;top:0;height:100%;padding:0% 15px;border:1px solid #2e2e2e;font-size:12px;text-align:left;color:#fff;background-color:rgba(0,0,0,0.8);opacity:0;border-radius:10px;transition:opacity 0.3s ease;}
+.data.detail .inner .row-bottom .DetailSwiper2 .items .List .inner div.thumbnail div.detail-cover strong {display:block;padding:30px 0px 10px;font-size:18px;border-bottom:1px solid #555;margin-bottom:10px;}
+.data.detail .inner .row-bottom .DetailSwiper2 .items .List .inner div.thumbnail div.detail-cover ul li {line-height:23px;font-weight:100;}
+.data.detail .inner .row-bottom .DetailSwiper2 .items .List .inner div.thumbnail div.detail-cover ul li em {font-weight:500;border-right:1px solid #ccc;height:10px;line-height: 10px;display:inline-block;margin-right:5px;padding-right:5px;}
+.data.detail .inner .row-bottom .DetailSwiper2 .items .List .inner div.thumbnail div.detail-cover .btn-box {position: absolute;bottom:30px;width:88%;text-align: center;}
+.data.detail .inner .row-bottom .DetailSwiper2 .items .List .inner div.thumbnail div.detail-cover .btn-box .view {float:left;width:63%;margin-right:2%}
+.data.detail .inner .row-bottom .DetailSwiper2 .items .List .inner div.thumbnail div.detail-cover .btn-box .RIS {float:left;width:35%;}
+.data.detail .inner .row-bottom .DetailSwiper2 .items .List .inner div.thumbnail div.detail-cover .btn-box .view a {background: #376795;color:#fff;display: block;border-radius: 3px;padding:8px 0px;font-size: 14px;}
+.data.detail .inner .row-bottom .DetailSwiper2 .items .List .inner div.thumbnail div.detail-cover .btn-box .RIS a {background: #666;color:#fff;display: block;border-radius: 3px;padding:8px 0px;font-size: 14px;}
+.data.detail .inner .row-bottom .DetailSwiper2 .swiper-button-next, .data.detail .inner .row-bottom .DetailSwiper2 .swiper-rtl .swiper-button-prev {right:30px;}
+.data.detail .inner .row-bottom .DetailSwiper2 .swiper-button-prev, .data.detail .inner .row-bottom .DetailSwiper2 .swiper-rtl .swiper-button-next {left:30px;}
+
+.data.detail .btn-box {margin:50px 0px;}
+
+.data.detail .inner .row-bottom .DetailSwiper1 .swiper-button-next,
+.data.detail .inner .row-bottom .DetailSwiper1 .swiper-button-prev {top:30px;}
+.data.detail .inner .row-bottom .DetailSwiper1 .swiper-button-prev, .data.detail .inner .row-bottom .DetailSwiper1 .swiper-rtl .swiper-button-next {right:40px;left:auto;}
+.data.detail .inner .row-bottom .DetailSwiper1 .swiper-button-next:after, .data.detail .inner .row-bottom .DetailSwiper1 .swiper-rtl .swiper-button-prev:after, .data.detail .inner .row-bottom .DetailSwiper1 .swiper-button-prev:after, .data.detail .inner .row-bottom .DetailSwiper1 .swiper-rtl .swiper-button-next:after {font-size:15px;font-weight: bold;}
+
+
+.myinfo .inner .row-bottom {width:1400px;margin:0 auto;}
+.myinfo .inner .row-bottom .myinfo-box .top-info {width:1340px;padding:30px;background: linear-gradient(to right, #485764, #6a7b8c);border-radius: 5px;display:inline-block;margin-bottom:80px;}
+.myinfo .inner .row-bottom .myinfo-box .top-info .left {float:left;width:269px;padding-right:30px;border-right:1px solid #999;text-align: left;}
+.myinfo .inner .row-bottom .myinfo-box .top-info .right {float:left;width:1010px;padding-left:30px;}
+.myinfo .inner .row-bottom .myinfo-box .top-info .left h3 {color:#fff;font-size:32px;line-height: 40px;margin-bottom:15px;}
+.myinfo .inner .row-bottom .myinfo-box .top-info .left h3 span {color:#fff;}
+.myinfo .inner .row-bottom .myinfo-box .top-info .left .sns-login {color:#fff;height:40px;line-height:40px;margin-bottom:30px;}
+.myinfo .inner .row-bottom .myinfo-box .top-info .left .sns-login span {display: inline-block;margin-right:6px;font-size:14px;}
+.myinfo .inner .row-bottom .myinfo-box .top-info .left .sns-login .icon img {vertical-align: middle}
+.myinfo .inner .row-bottom .myinfo-box .top-info .left .sns-login .type {font-size:16px;font-weight: 500}
+.myinfo .inner .row-bottom .myinfo-box .top-info .left .myinfo-btn {text-align:center;}
+.myinfo .inner .row-bottom .myinfo-box .top-info .left .myinfo-btn a {color:#fff;background:#528bbd;display: inline-block;width:100%;height:40px;line-height: 40px;border-radius: 3px;}
+.myinfo .inner .row-bottom .myinfo-box .top-info .left .date-box {color:#fff;font-size:12px;margin-top: 10px;opacity: 0.6;}
+.myinfo .inner .row-bottom .myinfo-box .top-info .left .date-box span {display:inline-block;margin:0px 5px;}
+
+.myinfo .inner .row-bottom .myinfo-box .top-info .right {}
+.myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box {display: inline-block;width:100%;border-bottom:1px solid #999;padding-bottom:30px;}
+.myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box > div {float:left;width:50%;}
+.myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box > div h3 {color:#fff;font-size:18px;font-weight: 400;text-align:left;padding-bottom:10px;}
+.myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box > div .list-box {}
+.myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box > .con-1 .list-box > div {float:left;width:19.8%;border-right:1px solid #999;}
+.myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box > .con-1 .list-box > div:last-child {border-right:0;}
+.myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box > .con-1 .list-box > div p:nth-child(1) {color:#eca53e;font-size:20px;font-weight: 400;margin-bottom:5px;}
+.myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box > .con-1 .list-box > div p:nth-child(2) {color:#fff;font-size:12px;}
+.myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box > .con-2 .list-box > div {float:left;width:24.8%;border-right:1px solid #999;}
+.myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box > .con-2 .list-box > div:last-child {border-right:0;}
+.myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box > .con-2 .list-box > div p:nth-child(1) {color:#34cde6;font-size:20px;font-weight: 400;margin-bottom:5px;}
+.myinfo .inner .row-bottom .myinfo-box .top-info .right .top-box > .con-2 .list-box > div p:nth-child(2) {color:#fff;font-size:12px;}
+.myinfo .inner .row-bottom .myinfo-box .top-info .right .bottom-box {clear: both;padding-top:25px;} 
+.myinfo .inner .row-bottom .myinfo-box .top-info .right .bottom-box .con-1 {text-align: left;color:#fff}
+.myinfo .inner .row-bottom .myinfo-box .top-info .right .bottom-box .con-1 h3 {font-size:18px;margin-bottom: 10px;}
+.myinfo .inner .row-bottom .myinfo-box .top-info .right .bottom-box .con-1 .key-box {}
+.myinfo .inner .row-bottom .myinfo-box .top-info .right .bottom-box .con-1 .key-box button {color:#333;padding:4px 30px 5px 10px;border-radius: 50px;display: inline-block;margin-right:3px;font-size:12px;background: url(/images/icon/icon-data-close.png) no-repeat #fff 88% center;}
+
+
+.myinfo .contents {text-align: left;display:inline-block;margin-bottom:80px;}
+.myinfo .contents > div .title-box {display: inline-block;width:100%;margin-bottom:0px;padding-bottom:5px;}
+.myinfo .contents > div .title-box .title {float:left;}
+.myinfo .contents > div .title-box .title h3 {display: inline-block;font-size:24px;}
+.myinfo .contents > div .title-box .title .cont {display:inline-block;font-size:16px;margin-left:10px;}
+.myinfo .contents > div .title-box .title .cont span {color:#eca53e;font-weight: 500;}
+.myinfo .contents > div .title-box .More {float:right;margin-top:10px;}
+.myinfo .contents > div .title-box .More a {font-size:16px;color:#666;}
+.myinfo .contents > div .title-box .More img {margin-left:10px;}
+
+.myinfo .contents .concern-data {display: inline-block;margin-bottom: 80px;}
+.myinfo .contents .concern-data .list-box {clear: both;}
+.myinfo .contents .concern-data .list-box .list {float:left;width:19.0%;margin-right:1%;border:1px solid #ddd;border-radius:5px;}
+.myinfo .contents .concern-data .list-box .list:last-child {margin-right:0;}
+.myinfo .contents .concern-data .list-box .list .thum {text-align: center;padding:25px 0px;border-bottom:1px solid #ddd;}
+.myinfo .contents .concern-data .list-box .list .text {padding:15px 30px;}
+.myinfo .contents .concern-data .list-box .list .text .ti {font-size:18px;font-weight: 500;min-height:60px;overflow: hidden;margin-bottom:5px;}
+.myinfo .contents .concern-data .list-box .list .text .cl {font-size:12px;color:#777;}
+.myinfo .contents .concern-data .list-box .list .text .cl p {margin-bottom:2px;}
+.myinfo .contents .concern-data .list-box .list .text .cl p span:nth-of-type(1) {font-weight: 500;margin-right:10px;}
+
+.myinfo .contents .loan-history {display:inline-block;text-align: left;width:100%;margin-bottom:80px;}
+.myinfo .contents .loan-history .title-box {display:inline-block;width:100%;border-bottom:1px solid #333;}
+.myinfo .contents .loan-history .list-box {width:100%;}
+.myinfo .contents .loan-history .list-box .list {display:inline-block;width:100%;padding:20px 0px;border-bottom:1px solid #ddd;vertical-align: top;}
+.myinfo .contents .loan-history .list-box .list > div {float:left;width:33.3%;font-size:16px;}
+.myinfo .contents .loan-history .list-box .list > div.tit {width:12%;margin-top:10px;text-align:center;}
+.myinfo .contents .loan-history .list-box .list > div.con {width:78%;}
+.myinfo .contents .loan-history .list-box .list > div.state {width:10%;text-align:center;}
+.myinfo .contents .loan-history .list-box .list > div.con p:nth-of-type(1) {font-weight: 500;margin-bottom:5px;}
+.myinfo .contents .loan-history .list-box .list > div.con p:nth-of-type(2) {color:#777;font-size:12px;} 
+.myinfo .contents .loan-history .list-box .list > div.con p:nth-of-type(2) span {border-right:1px solid #ddd;height:15px;line-height: 15px;display:inline-block;margin-right:5px;padding-right:5px;}
+.myinfo .contents .loan-history .list-box .list > div.con p:nth-of-type(2) span:last-child {border-right:0;}
+.myinfo .contents .loan-history .list-box .list > div.con p:nth-of-type(2) span em {font-weight: 500;}
+.myinfo .contents .loan-history .list-box .list > div.state span {background: #333;color:#fff;padding:3px 10px 4px;border-radius: 50px;font-size:12px;font-weight: 500;display:inline-block;min-width: 60px;margin-top:10px;}
+.myinfo .contents .loan-history .list-box .list > div.state span.apply {background: #376795;}
+.myinfo .contents .loan-history .list-box .list > div.state span.reser {background: #3f8f4a;}
+.myinfo .contents .loan-history .list-box .list > div.state span.cancel {background: #c11c35;}
+.myinfo .contents .loan-history .list-box .list > div.state span.return {background: #d47b1c;}
+
+.myinfo .contents .visit-history {display:inline-block;text-align: left;width:100%;margin-bottom:80px;}
+.myinfo .contents .visit-history .title-box {display:inline-block;width:100%;border-bottom:1px solid #333;}
+.myinfo .contents .visit-history .list-box {width:100%;}
+.myinfo .contents .visit-history .list-box .list {display:inline-block;width:100%;padding:20px 0px;border-bottom:1px solid #ddd;vertical-align: top;}
+.myinfo .contents .visit-history .list-box .list > div {float:left;width:33.3%;font-size:16px;}
+.myinfo .contents .visit-history .list-box .list > div.tit {width:12%;margin-top:10px;text-align:center;}
+.myinfo .contents .visit-history .list-box .list > div.con {width:78%;}
+.myinfo .contents .visit-history .list-box .list > div.state {width:10%;text-align:center;}
+.myinfo .contents .visit-history .list-box .list > div.con p:nth-of-type(1) {font-weight: 500;margin-bottom:5px;}
+.myinfo .contents .visit-history .list-box .list > div.con p:nth-of-type(2) {color:#777;font-size:12px;} 
+.myinfo .contents .visit-history .list-box .list > div.con p:nth-of-type(2) span {border-right:1px solid #ddd;height:15px;line-height: 15px;display:inline-block;margin-right:5px;padding-right:5px;}
+.myinfo .contents .visit-history .list-box .list > div.con p:nth-of-type(2) span:last-child {border-right:0;}
+.myinfo .contents .visit-history .list-box .list > div.con p:nth-of-type(2) span em {font-weight: 500;}
+.myinfo .contents .visit-history .list-box .list > div.state span {background: #333;color:#fff;padding:3px 10px 4px;border-radius: 50px;font-size:12px;font-weight: 500;display:inline-block;min-width: 60px;margin-top:10px;}
+.myinfo .contents .visit-history .list-box .list > div.state span.wait {background: #376795;}
+.myinfo .contents .visit-history .list-box .list > div.state span.approval {background: #3f8f4a;}
+.myinfo .contents .visit-history .list-box .list > div.state span.return {background: #d47b1c;}
+
+
+.passwd .row-bottom .myinfo-passwd .icon {margin-bottom:30px;}
+.passwd .row-bottom .myinfo-passwd .text p:nth-of-type(1) {font-size:18px;color:#333;font-weight: 500;margin-bottom:5px;}
+.passwd .row-bottom .myinfo-passwd .text p:nth-of-type(1) span {color:#376795;}
+.passwd .row-bottom .myinfo-passwd .text p:nth-of-type(2) {font-size:14px;}
+.passwd .row-bottom .myinfo-passwd .box p input {width:270px;;border:1px solid #ddd;height:36px;line-height: 36px;padding:0px 10px;border-radius: 5px;margin:40px 0px 0px;}
+.passwd .row-bottom .myinfo-passwd .box p a {font-size:12px;color:#666;padding-bottom:2px;border-bottom:1px solid #ddd;}
+.passwd .row-bottom .myinfo-passwd .box p {margin-bottom:40px;}
+
+
+.join.modify .Userpassword .con p {color:#2e899c;font-size:12px;font-weight: 500;}
+.join.modify .Usersns .con .list .sns-box {border:1px solid #ddd;font-size:11px;border-radius: 3px;height:37px;line-height: 37px;float:left;width:49.5%;padding:0% 0% 0% 0%;margin-right:0.5%;letter-spacing: -0.5px;overflow: hidden;}
+.join.modify .Usersns .con .list .sns-box span:nth-child(1) {display:inline-block;width:28px;height:28px;line-height: 26px;margin:0px 10px 4px;text-align: center;background:#333;padding:0px;border-radius: 50px;}
+.join.modify .Usersns .con .list .sns-box span img {width:12px;vertical-align: middle;}
+.join.modify .Usersns .con .list .sns-box.naver span:nth-child(1) {background: #03c65a;}
+.join.modify .Usersns .con .list .sns-box.kakao span:nth-child(1) {background: #fee500;}
+.join.modify p.release a {display:inline-block;font-size:12px;font-weight: 500;color:#666;border-bottom:1px solid #ddd;padding-bottom:2px;margin:30px 0px;}
+
+
+.secession {width:100%}
+.secession .inner .row-top {background: none;border:0;padding:60px 0px 40px;}
+.secession .inner .row-top p {color:#376795;font-size: 18px;font-weight: 500;margin-top:10px;}
+.secession .inner .row-bottom {width:600px;margin:0 auto;}
+.secession .inner .row-bottom .sec-box .text p:nth-of-type(1){color:#333;font-size:22px;font-weight:500;margin-bottom:30px;}
+.secession .inner .row-bottom .sec-box .text p:nth-of-type(1) span {color:#d47b1c;}
+.secession .inner .row-bottom .sec-box .text .inner-box {background: #f0f0f0;border:1px solid #ddd;margin-bottom:20px;padding:30px 40px;}
+.secession .inner .row-bottom .sec-box .text .inner-box p {font-size:14px;color:#333;margin-bottom:10px;text-align: left;font-weight: 300;position: relative;}
+.secession .inner .row-bottom .sec-box .text .inner-box p:last-child {margin-bottom:0;}
+.secession .inner .row-bottom .sec-box .text .inner-box p::before {content: '';position: absolute;top:8px;left:-12px;width:4px;height:4px;background: #3a5daa;}
+.secession .inner .row-bottom .sec-box .box {background: #0b2c57;padding:30px 70px;position: relative;}
+.secession .inner .row-bottom .sec-box .box p {font-size:18px;color:#fff;font-weight: 200;margin-bottom: 15px;text-align: left;font-size:16px;}
+.secession .inner .row-bottom .sec-box .box p span.name {display:inline-block;width:100px;font-weight: 400;}
+.secession .inner .row-bottom .sec-box .box p input {width:96%;padding:0% 2%;height:36px;height:36px;border-radius: 3px;border:1px solid #ddd;}
+.secession .inner .row-bottom .sec-box .btn-box a {display: inline-block;color:#fff;border-radius: 3px;padding:8px 40px;font-weight:500;}
+
+
+.interested-data .inner .data-box {width:1400px;margin:0 auto;}
+.interested-data .inner .data-box .title {height:36px;margin:30px 0px 10px;outline:0px solid red;}
+.interested-data .inner .data-box .title .count {float:left;font-size:16px;height:36px;line-height:36px;}
+.interested-data .inner .data-box .title .count em {color:#d47b1c;font-weight: 500;}
+.interested-data .inner .data-box .title .list-search-wrap {float:right;}
+.interested-data .inner .data-box .title .list-search-wrap > div.list-select {}
+.interested-data .inner .data-box .title .list-search-wrap > div.list-select select {height:37px;border:1px solid #ddd;color:#666;padding:0px 10px;vertical-align: top;border-radius: 3px;}
+.interested-data .inner .data-box .list-data-wrap .list-data div.list {display:inline-block;padding: 20px 0px;width:100%;height:120px;border-bottom:1px solid #ddd;vertical-align: top;}
+.interested-data .inner .data-box .list-data-wrap .list-data div.list > div {float:left;width:16.6%;text-align: center;font-size:14px;}
+.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-chk {width:4%;line-height: 120px;}
+.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-cultural {width:15%;line-height: 120px;font-weight: 500;}
+.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data {width:65%;height:100%;}
+.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-btn {width:16%;padding: 25px 0px;text-align: center;}
+.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-btn.bt {padding:0;}
+
+.interested-data .inner .data-box .list-data-wrap .list-data .list.t-tit-line {background:#556676;border-bottom:0;padding:0;height:55px;line-height:55px;}
+.interested-data .inner .data-box .list-data-wrap .list-data .t-tit-line > div {color:#fff;line-height: 55px !important;padding:0 !important;font-weight: 200 !important;}
+.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div {float:left;text-align: left;}
+.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.img {width:auto;height:100%;padding:0% 40px;margin-right:2%;position: relative;}
+.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.img a img {width:100%;height:100%;}
+.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.type {width:70%;margin-bottom:10px;}
+.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.title {width:70%;font-size:16px;font-weight: 500;margin:0;height:auto;}
+.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.code {width:70%;font-size:12px;font-weight: 300;margin-bottom: 25px;}
+.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.subject {width:70%;font-size:12px;color:#777;}
+
+.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.type span {font-size:12px;padding:2px 15px 3px;background:#333;border-radius: 50px;color:#fff;}
+.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.type span.online {background:#376795;}
+.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.type span.loan {background:#b68946;}
+.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.type span.visit {background:#2b8b99;}
+.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.poss {color:#3f8f4a;font-weight: 400;}
+.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.imposs {color:#c11c35;font-weight: 400;}
+.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data:hover > div.img {outline:3px solid #4a7ba6;}
+.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.img .favorites {display:none;cursor:pointer;}
+.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.img:hover .favorites {display:inline-block;position: absolute;right:10px;bottom:10px;}
+.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.img .favorites .on {display:none;}
+.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.img .favorites:hover .off {display:none;}
+.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-data > div.img .favorites:hover .on {display:inline-block;}
+
+.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-btn button {font-size:14px;height:30px;height:30px;border-radius:3px;margin-bottom:5px;width:100px;color:#fff;display: block;margin:3px auto;}
+.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-btn p {font-size:12px;color:#3f8f4a;font-weight: 400;padding:15px 0px;}
+.interested-data .inner .data-box .list-data-wrap .list-data div.list > div.t-btn.bt p {padding:0px 0px 15px;}
+.interested-data .inner .data-box .list-data-wrap .btn-box {display: inline-block;float:left;margin-top:-30px;}
+
+
+.loan-data .inner {margin-bottom:50px;}
+.loan-data .inner .loan-box {display:inline-block;width:1400px;margin:0 auto;}
+.loan-data .inner .loan-box .title {height:36px;margin:30px 0px 10px;outline:0px solid red;}
+.loan-data .inner .loan-box .title .count {float:left;font-size:16px;height:36px;line-height:36px;}
+.loan-data .inner .loan-box .title .count em {color:#d47b1c;font-weight: 500;}
+.loan-data .inner .loan-box .title .list-search-wrap {float:right;}
+.loan-data .inner .loan-box .title .list-search-wrap > div.list-select {}
+.loan-data .inner .loan-box .title .list-search-wrap > div.list-select select {height:37px;border:1px solid #ddd;color:#666;padding:0px 10px;vertical-align: top;border-radius: 3px;}
+.loan-data .inner .tab {position: relative;}
+.loan-data .inner .tabs {position: relative;width: 100.5%;text-align:left;}
+.loan-data .inner .tabs li {display: inline-block;margin:0% 0px;padding: 0;position: relative;text-align: center;width:19.9%;margin-left:-3px;}
+.loan-data .inner .tabs li:last-child {margin-right:0;}
+.loan-data .inner .tabs a {background-color: #fff;border:1px solid #ddd;border-radius:3px;font-size:12px;letter-spacing:-1px;width:100%;min-width:110px;height:36px;line-height:36px;color: #444;font-weight: 400;display: inline-block;letter-spacing: 0;outline: none;text-decoration: none;outline: 0;
+-webkit-transition: all 0.1s ease-in-out;
+-moz-transition: all 0.1s ease-in-out;
+-o-transition: all 0.1s ease-in-out;
+transition: all 0.1s ease-in-out;
+}
+.loan-data .inner .tabs a img {vertical-align: middle;margin:0px 3px 3px 0px;}
+.loan-data .inner .tabs li.current a {background: #0a2c56;border:1px solid #0a2c56;color:#fff;}
+.loan-data .inner .tabs li.current::before {content:'';position:absolute;bottom:calc(0% - 4px);right:calc(50% - 8px);display:inline-block;background: #0b2c57;width:14px;height:14px;border-radius:3px;z-index: 9;
+-webkit-transform: rotate(45deg);
+-moz-transform: rotate(45deg);
+-o-transform: rotate(45deg);
+transform: rotate(45deg);}
+.loan-data .inner .tab_content {display:inline-block;background: #fff;width:100%;}
+.loan-data .inner .tabs_item {display: none;padding: 10px 0;}
+.loan-data .inner .tabs_item:first-child {display: block;}
+.loan-data .inner .tabs_item .list-wrap .list-data div.list {display:inline-block;padding: 30px 0px;width:100%;height:auto;border-bottom:1px solid #ddd;vertical-align: top;}
+.loan-data .inner .tabs_item .list-wrap .list-data div.list > div {float:left;width:16.6%;text-align: center;font-size:16px;}
+.loan-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line > div.n-cultural {width:15%;}
+.loan-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line > div.n-data {width:45%;text-align: center;}
+.loan-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line > div.n-reservation {width:10%;}
+.loan-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line > div.n-expiry {width:10%;}
+.loan-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line > div.n-return {width:10%;}
+.loan-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line > div.n-use {width:10%;}
+.loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-use span {color:#3f8f4a;font-size:14px;font-weight: 500;}
+.loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-use button {background: #f5f5f5;color:#323;padding:5px 15px 8px;margin:0px 0px 0px 15px;border:1px solid #ddd;border-radius: 3px;float: right;}
+.loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-cultural {width:15%;font-weight: 400;}
+.loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-data {width:45%;text-align: left;font-weight: 400;}
+.loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-reservation {width:10%;}
+.loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-expiry {width:10%;}
+.loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-return {width:10%;}
+.loan-data .inner .tabs_item .list-wrap .list-data div.list > div.n-use {width:10%;}
+.loan-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line {background:#556676;border-bottom:0;padding:0;height:55px;line-height:55px;}
+.loan-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line > div {color:#fff;line-height: 55px !important;padding:0 !important;font-size: 12px;}
+
+
+.visit-data .inner {margin-bottom:50px;}
+.visit-data .inner .visit-box {display:inline-block;width:1400px;margin:0 auto;}
+.visit-data .inner .visit-box .title {height:36px;margin:30px 0px 10px;outline:0px solid red;}
+.visit-data .inner .visit-box .title .count {float:left;font-size:16px;height:36px;line-height:36px;}
+.visit-data .inner .visit-box .title .count em {color:#d47b1c;font-weight: 500;}
+.visit-data .inner .visit-box .title .list-search-wrap {float:right;}
+.visit-data .inner .visit-box .title .list-search-wrap > div.list-select {}
+.visit-data .inner .visit-box .title .list-search-wrap > div.list-select select {height:37px;border:1px solid #ddd;color:#666;padding:0px 10px;vertical-align: top;border-radius: 3px;}
+.visit-data .inner .tab {position: relative;}
+.visit-data .inner .tabs {position: relative;width: 100.5%;text-align:left;}
+.visit-data .inner .tabs li {display: inline-block;margin:0% 0px;padding: 0;position: relative;text-align: center;width:24.9%;margin-left:-3px;}
+.visit-data .inner .tabs li:last-child {margin-right:0;}
+.visit-data .inner .tabs a {background-color: #fff;border:1px solid #ddd;border-radius:3px;font-size:12px;letter-spacing:-1px;width:100%;min-width:110px;height:36px;line-height:36px;color: #444;font-weight: 400;display: inline-block;letter-spacing: 0;outline: none;text-decoration: none;outline: 0;
+-webkit-transition: all 0.1s ease-in-out;
+-moz-transition: all 0.1s ease-in-out;
+-o-transition: all 0.1s ease-in-out;
+transition: all 0.1s ease-in-out;
+}
+.visit-data .inner .tabs a img {vertical-align: middle;margin:0px 3px 3px 0px;}
+.visit-data .inner .tabs li.current a {background: #0a2c56;border:1px solid #0a2c56;color:#fff;}
+.visit-data .inner .tabs li.current::before {content:'';position:absolute;bottom:calc(0% - 4px);right:calc(50% - 8px);display:inline-block;background: #0b2c57;width:14px;height:14px;border-radius:3px;z-index: 9;
+-webkit-transform: rotate(45deg);
+-moz-transform: rotate(45deg);
+-o-transform: rotate(45deg);
+transform: rotate(45deg);}
+.visit-data .inner .tab_content {display:inline-block;background: #fff;width:100%;}
+.visit-data .inner .tabs_item {display: none;padding: 10px 0;}
+.visit-data .inner .tabs_item:first-child {display: block;}
+.visit-data .inner .tabs_item .list-wrap .list-data div.list {display:inline-block;padding: 30px 0px;width:100%;height:auto;border-bottom:1px solid #ddd;vertical-align: top;}
+.visit-data .inner .tabs_item .list-wrap .list-data div.list > div {float:left;width:16.6%;text-align: center;font-size:16px;}
+.visit-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line > div.n-cultural {width:15%;margin-top:0px;}
+.visit-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line > div.n-data {width:42%;text-align: center;margin-top:0px;}
+.visit-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line > div.n-subscription {width:10%;}
+.visit-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line > div.n-visit {width:10%;}
+.visit-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line > div.n-return {width:10%;}
+.visit-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line > div.n-state {width:13%;}
+
+.visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-state span {color:#3f8f4a;font-size:14px;font-weight: 500;}
+.visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-state button {background: #f5f5f5;color:#323;padding:5px 15px 8px;margin:0px 0px 0px 15px;border:1px solid #ddd;border-radius: 3px;}
+.visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-cultural {width:15%;font-weight: 400;margin-top:10px;}
+.visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-data {width:42%;text-align: left;font-weight: 400;margin-top:10px;}
+.visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-subscription {width:10%;}
+.visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-visit {width:10%;}
+.visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-return {width:10%;}
+.visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-state {width:13%;}
+
+.visit-data .inner .tabs_item .list-wrap .list-data div.list > div .date,
+.visit-data .inner .tabs_item .list-wrap .list-data div.list > div .time {display:block;}
+.visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-state .ti {display:inline;float:left;}
+.visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-state .ti .da {display:inline-block;width:100%;color:#666;font-weight: 200;}
+.visit-data .inner .tabs_item .list-wrap .list-data div.list > div.n-state button {display:inline;float:right;margin-top:5px;}
+.visit-data .inner .tabs_item .list-wrap .list-data div.list > div span.poss {color:#3f8f4a;}
+.visit-data .inner .tabs_item .list-wrap .list-data div.list > div span.imposs {color:#c11c35;}
+.visit-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line {background:#556676;border-bottom:0;padding:0;height:55px;line-height:55px;}
+.visit-data .inner .tabs_item .list-wrap .list-data .list.t-tit-line > div {color:#fff;line-height: 55px !important;padding:0 !important;font-size: 12px;}
+
+
+/* 아코디언 목록 */
+.noti-data .inner {margin-bottom:50px;}
+.noti-data .inner .noti-box {display:inline-block;width:1400px;margin:0 auto;}
+.noti-data .inner .noti-box .title {height:36px;margin:30px 0px 10px;outline:0px solid red;}
+.noti-data .inner .noti-box .title .count {float:left;font-size:16px;height:36px;line-height:36px;}
+.noti-data .inner .noti-box .title .count em {color:#d47b1c;font-weight: 500;}
+.noti-data .inner .noti-box .title .text {float:right;}
+.noti-data .inner .noti-box .title .text p {font-size:14px;color:#2e899c;font-weight: 400;margin-top:10px;}
+.noti-data .list-accordion {border-top: 2px solid #000;}
+.noti-data .list-accordion .question {background: transparent url(/images/btn/btn-arrow-open.png) no-repeat 25px center;display: table;width: 100%;font-size: 16px;color: #666;border-bottom: 1px solid #ddd;}
+.noti-data .list-accordion .question span {display: table-cell;padding-left: 25px;height: 58px;vertical-align: middle;text-align: left;}
+.noti-data .list-accordion .question span:last-child {padding-right: 50px;}
+.noti-data .list-accordion .question .type {width: 210px;box-sizing: border-box;padding-left: 65px;font-weight: 600;color: #000;}
+.noti-data .list-accordion .question .date {position: absolute;right:0px;top:22px;font-size:12px;}
+
+.noti-data .list-accordion .question.on {background: url(/images/btn/btn-arrow-close.png) no-repeat 25px center #556676;}
+.noti-data .list-accordion .question.on span {font-size:16px;color:#fff;font-weight: 400;}
+.noti-data .list-accordion .question.on .type {font-weight: 600;}
+.noti-data .list-accordion .question.on .date {color:#fff;font-size:12px;}
+.noti-data .list-accordion .answer {position: relative;border-bottom: 1px solid #ddd;background: #f6f6f6;padding: 30px 20px 30px 270px;display: none;line-height: 1.8;text-align: left;}
+.noti-data .list-accordion .answer::before {content: '';display: inline-block;width:3px;height:50px;background: #ccc;position: absolute;left:255px;top:35px;}
+
+
+
+
+
+
+
+.contents-frame {width:1400px;margin:0 auto;}
+/* list 검색 */
+.list-header .list-search {width:100%;}
+.list-header:after {content: "";display: block;clear: both;height: 10px;}
+.list-search {}
+.list-search:after {content: "";display: block;clear: both;}
+.list-select select {float:left;height:39px;line-height: 39px;border:1px solid #ddd;border-radius: 3px;min-width:120px;padding:0px 10px;}
+.list-search .total-count .count {float:left;font-size:16px;height:36px;line-height:36px;}
+.list-search .total-count .count em {color:#d47b1c;font-weight: 500;}
+.list-search .list-input:after {content: "";display: block;clear: both;}
+.list-search .list-input {float: left;height: 38px;width: 220px;border-radius: 4px;border: 1px solid #ddd;line-height: 34px;overflow: hidden;margin-left:5px;}
+.list-search .list-input input {display:block;height: 36px;line-height: 32px;padding: 0 0 0 10px;float: left;width: 170px;box-sizing: border-box;}
+.list-search .list-input input::placeholder { color:#999;}
+.list-search .list-input button {float: right;width: 30px;height: 36px;background: url(/images/icon/icon-data-search.png) no-repeat center center;background-size: 13px 14px;margin-right:4px;text-indent: -99999px;}
+.list-search .list-input .check-box { position:absolute;right:42px;top:-6px;}
+.list-search .left {float: left;width:75%;}
+.list-search .right {float: left;width:25%;text-align: right;}
+
+/* 커뮤니티 목록 */
+.list-table-wrap li {display: table;width: 100%;box-sizing: border-box;text-align: center;border-bottom: 1px solid #ddd;font-size: 16px;color: #666;letter-spacing: -0.025em;table-layout: fixed;}
+.list-table-wrap li span {display: table-cell;height: 60px;vertical-align: middle;}
+.list-table-wrap li .t-num {width: 6%;}
+.list-table-wrap li .t-type {width: 6%;}
+.list-table-wrap li .t-tit {text-align: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 60%;}
+.list-table-wrap li .t-tit a {display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;font-weight: 300;}
+.list-table-wrap li .t-writer {width: 10%;}
+.list-table-wrap li .t-date {width: 10%;}
+.list-table-wrap li .t-status {width: 10%;}
+.list-table-wrap li .t-file {width:auto;}
+.list-table-wrap li .t-answer {width:auto;}
+.list-table-wrap .t-tit-line {width: 100%;border-top: 2px solid #000;border-bottom: 1px solid #000;color: #fff;font-size:12px;font-weight:400;background: #556676;}
+.list-table-wrap .t-tit-line span {text-align: center;}
+.list-table-wrap li .message {width: 100%;text-align: center;}
+.list-table-wrap .t-status em {text-align: center;font-size: 14px;width: 82px;height: 30px;line-height: 30px;display: block;margin: 0 auto;border-radius: 15px;border: 1px solid #ddd;}
+.list-table-wrap .t-status .complete {border:none;color:#fff;background-color:#154b92;}
+.list-table-wrap .list-qna .t-type {width: 175px;}
+.list-table-wrap li .t-type span {background:#b68946;display:inline-block;text-align: center;color:#fff;width:auto;height:auto;padding:1px 10px 2px;border-radius: 50px;}
+.list-table-wrap li:hover .t-tit a {border-bottom:1px solid #376795;padding-bottom:1px;color:#376795;display: inline;}
+
+/* 고정 글 */
+.list-table-wrap .fix-list .t-tit {font-weight: 600;color: #000;}
+.list-table-wrap .fix-list .t-type {width: 95px;}
+.list-table-wrap .fix-list .t-type em {
+display: block;
+width: 54px;
+height: 30px;
+margin: 0 auto;	
+border-radius: 15px;
+font-size: 14px;
+text-align: center;
+line-height: 30px;
+color: #fff; 
+background-color: #154b92;
+}
+
+/* 커뮤니티 상세 */
+.view-tit {width: 96%;border-top: 2px solid #000;border-bottom: 1px solid #ddd;font-weight: 800;font-size: 16px;background: #556676;display: table;letter-spacing: -0.025em;padding:10px 2%;}
+.view-tit h2 {vertical-align: middle;width:100%;color:#fff;text-align: left;font-size:20px;font-weight: 300;}
+.view-tit .v-info {display: inline-block;vertical-align: middle;text-align: left;width:100%;}
+.view-tit .v-info em {font-size: 14px;color: #fff;font-weight: 100;margin-right:10px;}
+.view-tit .v-info em:nth-of-type(1) {border-right:1px solid #ccc;height:12px;line-height:12px;display:inline-block;padding-right:15px;}
+.view-tit .type span {background:#b68946;display:inline-block;text-align: center;color:#fff;width:auto;height:auto;padding:1px 10px 2px;font-size:12px;border-radius: 50px;position: relative;top:-3px;margin-right:10px;}
+.file-box {background:#f9f9fa;border-bottom:1px solid #ddd;padding:15px 2%;text-align: left;}
+.file-box .file-list {margin-bottom:5px;}
+.file-box .file-list span {font-size:12px;}
+.file-box .file-list span img {vertical-align: middle;margin-right:5px;}
+.file-box .file-list span button {background: #666;color:#fff;border-radius: 2px;padding:2px 10px 3px;font-size: 12px;margin-left:15px;}
+.view-body {border-bottom: 1px solid #000;text-align: left;}
+.view-con {line-height: 1.85;color: #666;padding: 20px 2%;letter-spacing: -.025em;min-height: 515px;}
+.view-body .attachments {width: 100%;border-top: 1px solid #ddd;padding: 0 20px;box-sizing: border-box;}
+.view-body .attachments:after {content: "";display: block;clear: both;}
+.view-body .attachments li {height: 60px;margin-right: 30px;line-height: 60px;float: left;}
+.view-body .attachments li a {display: block;padding-left: 25px;color: #666;background:url(/images/kccf/icon/icon-attach.png) no-repeat left center;}
+.view-body .attachments li a:hover {background:url(/images/kccf/icon/icon-attach-hover.png) no-repeat left center;color: #000;}
+.view-body .attachments li a em {color: #999;}
+
+.view-con .answer {padding: 30px;color: #666;border: 1px solid #ddd;border-radius: 4px;background: #f6f6f6;margin-top: 20px;}
+.view-con .answer h3 {font-size: 16px;color: #2781c1;padding-bottom: 20px;}
+
+.view-notice .view-pagination .type {width: 70px;}
+
+.view-pagination .status em {text-align: center;font-size: 14px;width: 82px;height: 30px;line-height: 30px;display: block;margin: 0 auto;border-radius: 15px;border: 1px solid #ddd;}
+.view-pagination .status .complete {color: #fff;background: #2781c1;border: none;}
+.view-pagination .btn {background: #3e404a;color:#fff;font-weight: 300;margin-top: 40px;}
+
+
+
+
+
+
+
+.faq .title {height:36px;margin:30px 0px 10px;outline:0px solid red;}
+.faq .title select {float:left;height:39px;line-height: 39px;border:1px solid #ddd;border-radius: 3px;min-width:120px;padding:0px 10px;}
+.faq .title .total-count .count {float:left;font-size:16px;height:36px;line-height:36px;}
+.faq .title .total-count .count em {color:#d47b1c;font-weight: 500;}
+.faq .title .list-input:after {content: "";display: block;clear: both;}
+.faq .title .list-input {float: left;height: 38px;width: 220px;border-radius: 4px;border: 1px solid #ddd;line-height: 34px;overflow: hidden;margin-left:5px;}
+.faq .title .list-input input {display:block;height: 36px;line-height: 32px;padding: 0 0 0 10px;float: left;width: 170px;box-sizing: border-box;}
+.faq .title .list-input input::placeholder { color:#999;}
+.faq .title .list-input button {float: right;width: 30px;height: 36px;background: url(/images/icon/icon-data-search.png) no-repeat center center;background-size: 13px 14px;margin-right:4px;text-indent: -99999px;}
+.faq .title .list-input .check-box { position:absolute;right:42px;top:-6px;}
+.faq .title .left {float: left;width:75%;}
+.faq .title .right {float: left;width:25%;text-align: right;}
+
+.faq .inner .tab {position: relative;width:1400px;margin:0 auto;}
+.faq .inner .tabs {position: relative;width: 100.5%;text-align:left;}
+.faq .inner .tabs li {display: inline-block;margin:0% 0px;padding: 0;position: relative;text-align: center;width:19.9%;margin-left:-3px;}
+.faq .inner .tabs li:last-child {margin-right:0;}
+.faq .inner .tabs a {background-color: #fff;border:1px solid #ddd;border-radius:3px;font-size:12px;letter-spacing:-1px;width:100%;min-width:110px;height:36px;line-height:36px;color: #444;font-weight: 400;display: inline-block;letter-spacing: 0;outline: none;text-decoration: none;outline: 0;
+-webkit-transition: all 0.1s ease-in-out;
+-moz-transition: all 0.1s ease-in-out;
+-o-transition: all 0.1s ease-in-out;
+transition: all 0.1s ease-in-out;
+}
+.faq .inner .tabs a img {vertical-align: middle;margin:0px 3px 3px 0px;}
+.faq .inner .tabs li.current a {background: #0a2c56;border:1px solid #0a2c56;color:#fff;}
+.faq .inner .tabs li.current::before {content:'';position:absolute;bottom:calc(0% - 4px);right:calc(50% - 8px);display:inline-block;background: #0b2c57;width:14px;height:14px;border-radius:3px;z-index: 9;
+-webkit-transform: rotate(45deg);
+-moz-transform: rotate(45deg);
+-o-transform: rotate(45deg);
+transform: rotate(45deg);}
+.faq .inner .tab_content {display:inline-block;background: #fff;width:100%;}
+.faq .inner .tabs_item {display: none;padding: 10px 0;}
+.faq .inner .tabs_item:first-child {display: block;}
+
+/* 아코디언 목록 */
+.faq .inner {margin-bottom:50px;}
+.faq .inner .noti-box {display:inline-block;width:1400px;margin:0 auto;}
+.faq .inner .noti-box .title {height:36px;margin:30px 0px 10px;outline:0px solid red;}
+.faq .inner .noti-box .title .count {float:left;font-size:16px;height:36px;line-height:36px;}
+.faq .inner .noti-box .title .count em {color:#d47b1c;font-weight: 500;}
+.faq .inner .noti-box .title .text {float:right;}
+.faq .inner .noti-box .title .text p {font-size:14px;color:#2e899c;font-weight: 400;margin-top:10px;}
+.faq .list-accordion {border-top: 2px solid #000;}
+.faq .list-accordion .question {background: transparent url(/images/btn/btn-arrow-open.png) no-repeat 98% center;display: table;width: 100%;font-size: 16px;color: #666;border-bottom: 1px solid #ddd;}
+.faq .list-accordion .question span {display: table-cell;padding-left: 10px;height: 58px;vertical-align: middle;text-align: left;}
+.faq .list-accordion .question span:last-child {padding-right: 50px;}
+.faq .list-accordion .question .type {width: auto;box-sizing: border-box;padding-left: 65px;font-weight: 600;color: #000;}
+.faq .list-accordion .question .date {position: absolute;right:0px;top:22px;font-size:12px;}
+
+.faq .list-accordion .question.on {background: url(/images/btn/btn-arrow-close.png) no-repeat 98% center #556676;}
+.faq .list-accordion .question.on span {font-size:16px;color:#fff;font-weight: 400;}
+.faq .list-accordion .question.on .type {font-weight: 600;position: relative;}
+.faq .list-accordion .question.on .date {color:#fff;font-size:12px;}
+.faq .list-accordion .answer {position: relative;border-bottom: 1px solid #ddd;background: #f6f6f6;padding: 30px 20px 30px 85px;display: none;line-height: 1.8;text-align: left;}
+.faq .list-accordion .answer::before {content: '';display: inline-block;width:3px;height:48px;background: #ccc;position: absolute;left:70px;top:35px;}
+
+.list-accordion .question .type::before {content: '';display: inline-block;border-radius: 50%;width:30px;height:30px;background: url(/images/icon/icon-question-on.png) no-repeat center #b68946;position: absolute;left:20px;top:14px;}
+.list-accordion .question.on .type::before {content:'';display:inline-block;border-radius: 50%;width:30px;height:30px;background: url(/images/icon/icon-question.png) no-repeat center #fff;}
+
+
+
+
+
+
+
+.qna .title {height:36px;margin:30px 0px 10px;outline:0px solid red;}
+.qna .title select {float:left;height:39px;line-height: 39px;border:1px solid #ddd;border-radius: 3px;min-width:120px;padding:0px 10px;}
+.qna .title .total-count .count {float:left;font-size:16px;height:36px;line-height:36px;}
+.qna .title .total-count .count em {color:#d47b1c;font-weight: 500;}
+.qna .title .list-input:after {content: "";display: block;clear: both;}
+.qna .title .list-input {float: left;height: 38px;width: 220px;border-radius: 4px;border: 1px solid #ddd;line-height: 34px;overflow: hidden;margin-left:5px;}
+.qna .title .list-input input {display:block;height: 36px;line-height: 32px;padding: 0 0 0 10px;float: left;width: 170px;box-sizing: border-box;}
+.qna .title .list-input input::placeholder { color:#999;}
+.qna .title .list-input button {float: right;width: 30px;height: 36px;background: url(/images/icon/icon-data-search.png) no-repeat center center;background-size: 13px 14px;margin-right:4px;text-indent: -99999px;}
+.qna .title .list-input .check-box { position:absolute;right:42px;top:-6px;}
+.qna .title .left {float: left;width:75%;}
+.qna .title .right {float: left;width:25%;text-align: right;}
+
+.qna .inner .tab {position: relative;width:1400px;margin:0 auto;}
+.qna .inner .tabs {position: relative;width: 100.5%;text-align:left;}
+.qna .inner .tabs li {display: inline-block;margin:0% 0px;padding: 0;position: relative;text-align: center;width:49.6%;margin-left:-3px;}
+.qna .inner .tabs li:last-child {margin-right:0;}
+.qna .inner .tabs a {background-color: #fff;border:1px solid #ddd;border-radius:3px;font-size:12px;letter-spacing:-1px;width:100%;min-width:110px;height:36px;line-height:36px;color: #444;font-weight: 400;display: inline-block;letter-spacing: 0;outline: none;text-decoration: none;outline: 0;
+-webkit-transition: all 0.1s ease-in-out;
+-moz-transition: all 0.1s ease-in-out;
+-o-transition: all 0.1s ease-in-out;
+transition: all 0.1s ease-in-out;
+}
+.qna .inner .tabs a img {vertical-align: middle;margin:0px 3px 3px 0px;}
+.qna .inner .tabs li.current a {background: #0a2c56;border:1px solid #0a2c56;color:#fff;}
+.qna .inner .tabs li.current::before {content:'';position:absolute;bottom:calc(0% - 4px);right:calc(50% - 8px);display:inline-block;background: #0b2c57;width:14px;height:14px;border-radius:3px;z-index: 9;
+-webkit-transform: rotate(45deg);
+-moz-transform: rotate(45deg);
+-o-transform: rotate(45deg);
+transform: rotate(45deg);}
+.qna .inner .tab_content {display:inline-block;background: #fff;width:100%;margin-bottom:50px;}
+.qna .inner .tabs_item {display: none;padding: 10px 0;}
+.qna .inner .tabs_item:first-child {display: block;}
+.qna .list-table-wrap li {display: table;width: 100%;box-sizing: border-box;text-align: center;border-bottom: 1px solid #ddd;font-size: 16px;color: #666;letter-spacing: -0.025em;table-layout: fixed;}
+.qna .list-table-wrap li span {display: table-cell;height: 60px;vertical-align: middle;}
+.qna .list-table-wrap li .t-num {width: 6%;}
+.qna .list-table-wrap li .t-type {width: 6%;}
+.qna .list-table-wrap li .t-tit {text-align: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 60%;}
+.qna .list-table-wrap li .t-tit a {display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;font-weight: 300;}
+.qna .list-table-wrap li .t-tit a img {vertical-align: middle;margin-left:10px;}
+.qna .list-table-wrap li .t-writer {width: 10%;}
+.qna .list-table-wrap li .t-date {width: 10%;}
+.qna .list-table-wrap li .t-status {width: 10%;}
+.qna .list-table-wrap li .t-file {width:auto;}
+.qna .list-table-wrap li .t-answer {width:8%;text-align: center;}
+.qna .list-table-wrap li .t-answer span {display:inline-block;background:#e6e7e9;height:auto;padding:2px 10px 4px;border-radius: 50px;font-size:12px;}
+.qna .list-table-wrap li .t-answer span.coml {background: #b98d4d;}
+.qna .list-table-wrap .t-tit-line {width: 100%;border-top: 2px solid #000;border-bottom: 1px solid #000;color: #fff;font-size:12px;font-weight:400;background: #556676;}
+.qna .list-table-wrap .t-tit-line span {text-align: center;}
+.qna .list-table-wrap li .message {width: 100%;text-align: center;}
+.qna .list-table-wrap .t-status em {text-align: center;font-size: 14px;width: 82px;height: 30px;line-height: 30px;display: block;margin: 0 auto;border-radius: 15px;border: 1px solid #ddd;}
+.qna .list-table-wrap .t-status .complete {border:none;color:#fff;background-color:#154b92;}
+.qna .list-table-wrap .list-qna .t-type {width: 175px;}
+.qna .list-table-wrap li .t-type span {background:#b68946;display:inline-block;text-align: center;color:#fff;width:auto;height:auto;padding:1px 10px 2px;border-radius: 50px;}
+.qna .list-table-wrap li:hover .t-tit a {border-bottom:1px solid #376795;padding-bottom:1px;color:#376795;display: inline;}
 
 
 
@@ -1042,20 +1525,392 @@ transform: rotate(45deg);}
 
 
 
-.paging {text-align: center; padding: 40px 0 0;}
-.paging li {font-size: 0; display: inline-block; vertical-align: middle; box-sizing: border-box; min-width: 30px; height: 30px; text-align: center; line-height: 30px;}
+
+
+
+
+
+
+
+
+
+
+
+/* 공유하기 팝업 */
+.pop-sharing {display: none;z-index: 200;}
+.pop-sharing .pop-wrap {width: 404px;height: auto;border-radius: 5px;overflow: hidden;padding: 0 0px;background: #fff;} 
+.pop-sharing .pop-wrap .sharing-bg {background: url(/images/bg/bg-sharing-pop.jpg) no-repeat;background-size:cover;}
+.pop-sharing p {font-size: 18px;color: #fff;font-weight: 300;letter-spacing: -.025em;text-align: center;padding-top: 44px;}
+.pop-sharing .btn-close-pop {position: absolute;right: 16px;top: 20px;width: 20px;height: 20px;text-indent: 9999px;font-size: 0;overflow: hidden;background: url(/images/btn/btn_close_size_27x26_c9c9c7.png) no-repeat;background-size: 100%;}
+.pop-sharing .sns-list {text-align: center;padding-top: 16px;}
+.pop-sharing .sns-list li {font-size: 0;display: inline-block;margin:1%;cursor: pointer;}
+.pop-sharing .sns-list li img {display: inline-block;width:34px;height:34px;padding:20px;border-radius:50%;}
+.pop-sharing .sns-list .kstory-icon img {background:#ffc20e;}
+.pop-sharing .sns-list .nblog-icon img {background:#2db400;}
+.pop-sharing .sns-list .fb-icon img {background:#3a5daa;}
+.pop-sharing .sns-list .tw-icon img {background:#1d9bf0;}
+.pop-sharing .sns-list li p {padding-top:5px;font-size:12px;color:#fff;}
+.pop-sharing .link-copy {text-align: center;padding:20px 0px 40px;}
+.pop-sharing .link-copy .link-txt {border: 1px solid #ddd;height: 32px;line-height: 32px;width: 205px;border-radius: 3px;padding: 0 10px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;display: inline-block;margin-right: 5px;font-weight: 400;}
+.pop-sharing .link-copy .btn {width: 90px;height: 34px;color: #fff;background:#666;line-height: 32px;font-weight: 400;display: inline-block;margin-top: -27px;margin-right: 0;}
+.pop-sharing .link-copy .btn:focus,
+.pop-sharing .link-copy .btn:hover {color: #fff;}
+.pop-sharing .pop-wrap .Qr {padding:35px;}
+.pop-sharing .pop-wrap .Qr .inner {background:#f5f5f5;border-radius:10px;padding:66px 0px 0px 0px;box-shadow:0px 0px 5px rgba(0,0,0,0.2);}
+.pop-sharing .pop-wrap .Qr .inner .Qrimg {display:inline-block;text-align:center;padding:0px 66px 66px;}
+.pop-sharing .pop-wrap .Qr .inner .Qrtext {display:inline-block;width:100%;text-align:center;background:#556676;border-radius:0px 0px 10px 10px;padding:13px 0px;}
+.pop-sharing .pop-wrap .Qr .inner .Qrtext p {padding:0;font-size:16px;}
+.pop-sharing .pop-wrap .Qr .inner .Qrtext p strong {color:#ffc71e;}
+.pop-sharing .pop-wrap .Qr .inner .Qrimg img {width:100%;}
+.pop-sharing .pop-wrap .Qr .inner .Qrimg canvas {width:100% !important;height:100% !important;}
+
+
+/* 서지정보 팝업 */
+.pop-serge {position:fixed;top:9%;left:calc(50% - 435px);width: 870px;height: auto;border-radius: 5px;overflow: hidden;padding: 0 0px;background: #fff;z-index:999;} 
+.pop-serge .inner {display:inline-block;width:90%;height:auto;padding:5%;background: #f2f4f7;}
+.pop-serge .inner .row {padding:0px 0px 0px;text-align:center;text-align: left;}
+.pop-serge .Title {text-align:center;padding:30px 0px;background: url(/images/bg/bg-member-pop.jpg) no-repeat;background-size:cover;}
+.pop-serge .Title h3 {font-size:24px;line-height:30px;margin-top:0px;color:#fff;font-weight: 300;text-align: left;padding:0% 5%;}
+.pop-serge .Title h3 span {font-size:12px;line-height:12px;font-weight: 100;color:#fff;margin-left:10px;}
+.pop-serge .inner .Text .text-box {border:1px solid #ddd;background: #fff;padding:30px 40px;margin-bottom:30px;}
+.pop-serge .inner .Text .con-1 > p, .pop-serge .inner .Text .con-2 > p {font-size:18px;font-weight: 500;margin-bottom:5px;}
+.pop-serge .inner .Text .text-box p {font-size:14px;margin-bottom:15px;letter-spacing: -0.3px;}
+.pop-serge .inner .Text .text-box p:nth-of-type(1) {text-indent: -14px;}
+.pop-serge .inner .Text .text-box p span {font-weight: 500;position: relative;}
+.pop-serge .inner .Text .text-box p span::before {content: '';position: absolute;top:8px;left:-12px;width:4px;height:4px;background: #3a5daa;}
+.pop-serge .inner .Text .con-2 .text-box p:nth-of-type(1) {text-indent: -14px;}
+.pop-serge .inner .Text .con-2 .text-box p:nth-of-type(2) {text-indent: -14px;color:#2e899c;}
+.pop-serge .inner .btn-box {text-align: center;}
+.pop-serge .inner .btn-box .btn {width:auto;padding:10px 25px;line-height: normal}
+.pop-serge .inner .serge-close {position: absolute;right: 30px;top: 30px;width: 26px;height: 26px;text-indent: 9999px;font-size: 0;overflow: hidden;background: url(/images/btn/btn_close_size_27x26_c9c9c7.png) no-repeat;background-size: 100%;}
+.pop-serge .Bg {width:100%;height:100%;position:fixed;top:0px;left:0px;background:rgba(0,0,0,0.5);z-index:-1;}
+
+
+/* 로그인 팝업 */
+.pop-login {position:fixed;top:20%;left:calc(50% - 210px);width: 420px;height: auto;border-radius: 5px;overflow: hidden;padding: 0 0px;background: #fff;z-index:999;} 
+.pop-login .inner {background:#fff;display:inilne-block;width:100%;height:auto;padding:60px 0px;}
+.pop-login .inner .row {padding:45px 60px 0px;text-align:center;}
+.pop-login .Title {background: url(/images/bg/bg-login.jpg) no-repeat;background-size:cover;text-align:center;padding:45px 0px;}
+.pop-login .Title h3 {font-size:36px;line-height:36px;margin-top:15px;color:#fff;font-weight: 500;}
+.pop-login .Title p {font-size:16px;line-height:16px;color:#fff;}
+.pop-login .inner .First {padding:0px 60px 10px;}
+.pop-login .inner .First .Btn {background:#ccc;width:100%;height:45px;line-height:42px;border-radius:6px;margin-bottom:10px;}
+.pop-login .inner .First .Btn.Naver {background:url(/images/icon/icon-naver-login.png) no-repeat #03c65a;background-position:15px center;}
+.pop-login .inner .First .Btn.Kakao {background:url(/images/icon/icon-kakao-login.png) no-repeat #fee500;background-position:15px center;}
+.pop-login .inner .First .Btn.Google {background:url(/images/icon/icon-google-login.png) no-repeat #fff;background-position:15px center;border:1px solid #ccc;}
+.pop-login .inner .First .Btn.Naver button {color:#fff;}
+.pop-login .inner .First .Btn.Kakao button {color:#111;}
+.pop-login .inner .First .Btn.Google button  {color:#111;}
+.pop-login .inner .First .Btn button {background:none;width:100%;display:inline-block;font-size:15px;font-weight:600;height:47px;line-height:47px;}
+.pop-login .inner .Last {border-bottom:1px solid #ccc;margin:0px 60px 20px;padding:0px 0px 10px !important;}
+.pop-login .inner .Last p {margin-bottom:15px;}
+.pop-login .inner .Text {padding:20px 60px 0px;}
+.pop-login .inner .Text p:nth-of-type(1) {font-size:14px;line-height:22px;margin-bottom:10px;}
+.pop-login .inner .Text p:nth-of-type(1) span {color:#d47b1c;font-weight:500;}
+.pop-login .inner .Text p .join {border:1px solid #4a7ba6;color:#4a7ba6;border-radius: 6px;width:100%;display:inline-block;height:44px;line-height:44px;}
+.pop-login .inner .login-close {position: absolute;right: 20px;top: 20px;width: 26px;height: 26px;text-indent: 9999px;font-size: 0;overflow: hidden;background: url(/images/btn/btn_close_size_27x26_c9c9c7.png) no-repeat;background-size: 100%;}
+.pop-login .Bg {width:100%;height:100%;position:fixed;top:0px;left:0px;background:rgba(0,0,0,0.5);z-index:-1;}
+
+
+/* 로그인 연결 팝업 */
+.pop-login-connect {position:fixed;top:20%;left:calc(50% - 210px);width: 420px;height: auto;border-radius: 5px;overflow: hidden;padding: 0 0px;background: #fff;z-index:999;} 
+.pop-login-connect .inner {background:#fff;display:inilne-block;width:100%;height:auto;padding:50px 0px;}
+.pop-login-connect .inner .row {padding:0px 60px 0px;text-align:center;}
+.pop-login-connect .Title {background: url(/images/bg/bg-login.jpg) no-repeat;background-size:cover;text-align:center;padding:30px 0px;}
+.pop-login-connect .Title h3 {font-size:24px;line-height:30px;margin-top:15px;color:#fff;font-weight: 300;}
+.pop-login-connect .Title p {font-size:16px;line-height:16px;color:#fff;}
+.pop-login-connect .inner .Text {}
+.pop-login-connect .inner .Text p {color:#666;font-size:13px;margin-bottom:30px;}
+.pop-login-connect .inner .Text p span {color:#d47b1c;font-weight: 500;}
+.pop-login-connect .inner .First {padding:0px 60px 10px;}
+.pop-login-connect .inner .First .Btn {width:100%;height:45px;line-height:42px;margin-bottom:10px;}
+.pop-login-connect .inner .First .Btn button {background:#fff;border:1px solid #ddd;border-radius:6px;width:100%;display:inline-block;font-size:15px;font-weight:600;height:47px;line-height:44px;}
+.pop-login-connect .inner .First .Btn button span {font-size:12px;color:#666;}
+.pop-login-connect .inner .First .Btn button span:nth-of-type(1) {border-right:1px solid #ddd;margin-right:10px;padding-right:10px;}
+.pop-login-connect .inner .First .Btn button:hover {border:1px solid #4a7ba6;}
+.pop-login-connect .inner .First .Btn button:hover span {color:#222;}
+.pop-login-connect .inner .btn {width:70%;padding:20px 15% 0px;}
+.pop-login-connect .inner .btn p .cancel {color:#999;width:100%;display:inline;font-size:12px;font-weight: 300;border-bottom: 1px solid #ddd;padding:3px 3px;}
+.pop-login-connect .inner .login-close {position: absolute;right: 20px;top: 20px;width: 26px;height: 26px;text-indent: 9999px;font-size: 0;overflow: hidden;background: url(/images/btn/btn_close_size_27x26_c9c9c7.png) no-repeat;background-size: 100%;}
+.pop-login-connect .Bg {width:100%;height:100%;position:fixed;top:0px;left:0px;background:rgba(0,0,0,0.5);z-index:-1;}
+
+
+/* 로그인 패스워드 팝업 */
+.pop-login-password {position:fixed;top:20%;left:calc(50% - 210px);width: 420px;height: auto;border-radius: 5px;overflow: hidden;padding: 0 0px;background: #fff;z-index:999;} 
+.pop-login-password .inner {background:#fff;display:inilne-block;width:100%;height:auto;padding:50px 0px;}
+.pop-login-password .inner .row {padding:0px 60px 0px;text-align:center;}
+.pop-login-password .Title {background: url(/images/bg/bg-login.jpg) no-repeat;background-size:cover;text-align:center;padding:30px 0px;}
+.pop-login-password .Title h3 {font-size:24px;line-height:30px;margin-top:15px;color:#fff;font-weight: 300;}
+.pop-login-password .Title p {font-size:16px;line-height:16px;color:#fff;}
+.pop-login-password .inner .Text {}
+.pop-login-password .inner .Text p {color:#666;font-size:13px;margin-bottom:30px;}
+.pop-login-password .inner .Text p span {color:#d47b1c;font-weight: 500;}
+.pop-login-password .inner .First {padding:0px 60px 10px;}
+.pop-login-password .inner .First .Btn {width:100%;height:45px;line-height:42px;margin-bottom:10px;}
+.pop-login-password .inner .First .Btn button {background:#f0f0f0;border:1px solid #ddd;border-radius:6px;width:100%;display:inline-block;font-size:15px;font-weight:600;height:47px;line-height:44px;}
+.pop-login-password .inner .First .passwd input {border:1px solid #ddd;border-radius:6px;width:90%;height:40px;padding:0% 5%;}
+.pop-login-password .inner .First .Btn button span {font-size:12px;color:#666;}
+.pop-login-password .inner .First .Btn button span:nth-of-type(1) {border-right:1px solid #ddd;margin-right:10px;padding-right:10px;}
+.pop-login-password .inner .First .Btn button:hover {border:1px solid #4a7ba6;}
+.pop-login-password .inner .First .Btn button:hover span {color:#222;}
+.pop-login-password .inner .btn {width:70%;padding:20px 15% 40px;line-height: normal}
+.pop-login-password .inner .btn-box .btn {width:auto;padding:10px 25px;}
+.pop-login-password .inner .btn p .cancel {color:#999;width:100%;display:inline;font-size:12px;font-weight: 300;border-bottom: 1px solid #ddd;padding:3px 3px;}
+.pop-login-password .inner .login-close {position: absolute;right: 20px;top: 20px;width: 26px;height: 26px;text-indent: 9999px;font-size: 0;overflow: hidden;background: url(/images/btn/btn_close_size_27x26_c9c9c7.png) no-repeat;background-size: 100%;}
+.pop-login-password .Bg {width:100%;height:100%;position:fixed;top:0px;left:0px;background:rgba(0,0,0,0.5);z-index:-1;}
+
+
+/* 알림 팝업 */
+.pop-notice {position:fixed;top:20%;left:calc(50% - 210px);width: 420px;height: auto;border-radius: 5px;overflow: hidden;padding: 0 0px;background: #fff;z-index:999;} 
+.pop-notice .inner {display:inline-block;width:100%;height:auto;padding:50px 0px;background: url(/images/bg/bg-member-pop.jpg) no-repeat;background-size:cover;}
+.pop-notice .inner .row {padding:0px 60px 0px;text-align:center;}
+.pop-notice .Title {text-align:center;padding:30px 0px;}
+.pop-notice .Title h3 {font-size:24px;line-height:30px;margin-top:15px;color:#fff;font-weight: 300;}
+.pop-notice .Title p {font-size:16px;line-height:16px;color:#fff;}
+.pop-notice .inner .Text p {color:#666;font-size:13px;margin-bottom:50px;}
+.pop-notice .inner .Text p span {color:#d47b1c;font-weight: 500;}
+.pop-notice .inner .btn {width:70%;padding:20px 15% 40px;line-height: normal}
+.pop-notice .inner .btn-box .btn {width:auto;padding:10px 25px;}
+.pop-notice .inner .btn p .cancel {color:#999;width:100%;display:inline;font-size:12px;font-weight: 300;border-bottom: 1px solid #ddd;padding:3px 3px;}
+.pop-notice .inner .login-close {position: absolute;right: 20px;top: 20px;width: 26px;height: 26px;text-indent: 9999px;font-size: 0;overflow: hidden;background: url(/images/btn/btn_close_size_27x26_c9c9c7.png) no-repeat;background-size: 100%;}
+.pop-notice .Bg {width:100%;height:100%;position:fixed;top:0px;left:0px;background:rgba(0,0,0,0.5);z-index:-1;}
+
+
+/* 반려사유 팝업 */
+.pop-return {position:fixed;top:20%;left:calc(50% - 210px);width: 420px;height: auto;border-radius: 5px;overflow: hidden;padding: 0 0px;background: #fff;z-index:999;} 
+.pop-return .inner {display:inline-block;width:100%;height:auto;padding:50px 0px;background: #fff;}
+.pop-return .inner .row {padding:0px 30px 0px;text-align:center;}
+.pop-return .Title {text-align:center;padding:30px 0px;background: url(/images/bg/bg-member-pop.jpg) no-repeat;background-size:cover;}
+.pop-return .Title h3 {font-size:24px;line-height:30px;margin-top:15px;color:#fff;font-weight: 300;}
+.pop-return .Title p {font-size:16px;line-height:16px;color:#fff;}
+.pop-return .inner .Text .text-box {color:#666;background: #f8f8f8;border:1px solid #ddd;border-radius:3px;padding:20px;font-size:14px;height:80px;text-align: left;margin-bottom:40px;}
+.pop-return .inner .btn {width:70%;padding:20px 15% 40px;line-height: normal}
+.pop-return .inner .btn-box .btn {width:auto;padding:10px 25px;}
+.pop-return .inner .btn p .cancel {color:#999;width:100%;display:inline;font-size:12px;font-weight: 300;border-bottom: 1px solid #ddd;padding:3px 3px;}
+.pop-return .inner .return-close {position: absolute;right: 20px;top: 20px;width: 26px;height: 26px;text-indent: 9999px;font-size: 0;overflow: hidden;background: url(/images/btn/btn_close_size_27x26_c9c9c7.png) no-repeat;background-size: 100%;}
+.pop-return .Bg {width:100%;height:100%;position:fixed;top:0px;left:0px;background:rgba(0,0,0,0.5);z-index:-1;}
+
+
+/* 패스워드 변경 팝업 */
+.pop-change {position:fixed;top:20%;left:calc(50% - 210px);width: 420px;height: auto;border-radius: 5px;overflow: hidden;padding: 0 0px;background: #fff;z-index:999;} 
+.pop-change .inner {display:inline-block;width:100%;height:auto;padding:50px 0px;background: #fff;}
+.pop-change .inner .row {padding:0px 60px 0px;text-align:center;}
+.pop-change .Title {text-align:center;padding:30px 0px;background: url(/images/bg/bg-member-pop.jpg) no-repeat;background-size:cover;}
+.pop-change .Title h3 {font-size:24px;line-height:30px;margin-top:15px;color:#fff;font-weight: 300;}
+.pop-change .Title p {font-size:16px;line-height:16px;color:#fff;}
+.pop-change .inner .change p {margin-bottom:5px;}
+.pop-change .inner .change p input {border:1px solid #ddd;width:90%;padding:0px 5%;height:36px;line-height:36px;border-radius: 3px;}
+.pop-change .inner .change p.text {font-size:12px;text-align: left;margin:10px 0px 30px;}
+.pop-change .inner .btn {width:70%;padding:20px 15% 40px;line-height: normal}
+.pop-change .inner .btn-box .btn {width:auto;padding:10px 25px;}
+.pop-change .inner .btn-box .btn.btn-color {width:170px;}
+.pop-change .inner .btn-box .btn.btn-gray {min-width:110px !important;padding:0px;}
+.pop-change .inner .btn p .cancel {color:#999;width:100%;display:inline;font-size:12px;font-weight: 300;border-bottom: 1px solid #ddd;padding:3px 3px;}
+.pop-change .inner .change-close {position: absolute;right: 20px;top: 20px;width: 26px;height: 26px;text-indent: 9999px;font-size: 0;overflow: hidden;background: url(/images/btn/btn_close_size_27x26_c9c9c7.png) no-repeat;background-size: 100%;}
+.pop-change .Bg {width:100%;height:100%;position:fixed;top:0px;left:0px;background:rgba(0,0,0,0.5);z-index:-1;}
+
+
+/* 패스워드 찾기 팝업 */
+.pop-find {position:fixed;top:20%;left:calc(50% - 210px);width: 420px;height: auto;border-radius: 5px;overflow: hidden;padding: 0 0px;background: #fff;z-index:999;} 
+.pop-find .inner {display:inline-block;width:100%;height:auto;padding:50px 0px;background: #fff;}
+.pop-find .inner .row {padding:0px 60px 0px;text-align:center;}
+.pop-find .Title {text-align:center;padding:30px 0px;background: url(/images/bg/bg-member-pop.jpg) no-repeat;background-size:cover;}
+.pop-find .Title h3 {font-size:24px;line-height:30px;margin-top:15px;color:#fff;font-weight: 300;}
+.pop-find .Title p {font-size:16px;line-height:16px;color:#fff;}
+.pop-find .inner .Text p {color:#666;font-size:14px;margin-bottom:30px;}
+.pop-find .inner .Text p span {color:#d47b1c;font-weight: 500;}
+.pop-find .inner .find p {margin-bottom:5px;}
+.pop-find .inner .find p input {border:1px solid #ddd;width:90%;padding:0px 5%;height:36px;line-height:36px;border-radius: 3px;}
+.pop-find .inner .find p.text {font-size:12px;text-align: left;margin:10px 0px 30px;color:#2e899c;font-weight: 400;}
+.pop-find .inner .btn {width:70%;padding:20px 15% 40px;line-height: normal}
+.pop-find .inner .btn-box .btn {width:auto;padding:10px 25px;}
+.pop-find .inner .btn-box .btn.btn-color {width:170px;}
+.pop-find .inner .btn-box .btn.btn-gray {min-width:110px !important;padding:0px;}
+.pop-find .inner .btn p .cancel {color:#999;width:100%;display:inline;font-size:12px;font-weight: 300;border-bottom: 1px solid #ddd;padding:3px 3px;}
+.pop-find .inner .find-close {position: absolute;right: 20px;top: 20px;width: 26px;height: 26px;text-indent: 9999px;font-size: 0;overflow: hidden;background: url(/images/btn/btn_close_size_27x26_c9c9c7.png) no-repeat;background-size: 100%;}
+.pop-find .Bg {width:100%;height:100%;position:fixed;top:0px;left:0px;background:rgba(0,0,0,0.5);z-index:-1;}
+
+
+/* 회원 팝업 */
+.pop-member {position:fixed;top:20%;left:calc(50% - 210px);width: 420px;height: auto;border-radius: 5px;overflow: hidden;padding: 0 0px;background: #fff;z-index:999;} 
+.pop-member .inner {display:inline-block;width:100%;height:auto;padding:50px 0px;background: url(/images/bg/bg-member-pop.jpg) no-repeat;background-size:cover;}
+.pop-member .inner .row {margin:0px 50px 0px;}
+.pop-member .Title {text-align:center;padding:0px 0px 20px;text-align: left;}
+.pop-member .Title h3 {font-size:24px;line-height:30px;margin-bottom:5px;color:#fff;font-weight: 300;}
+.pop-member .Title p {font-size:14px;font-weight: 100;line-height:16px;color:#fff;}
+.pop-member .inner .card {background:url(/images/icon/icon-member-pop.png) no-repeat center 60px #fff;border-radius: 8px;padding:30px;}
+.pop-member .inner .card .title {text-align:center;padding:85px 0px 100px;}
+.pop-member .inner .card .title .name {font-size:32px;font-weight: 500}
+.pop-member .inner .card .title .date {font-size:16px;}
+.pop-member .inner .card .code {display: inline-block;width:100%;}
+.pop-member .inner .card .code .num {float:left;width:60%;margin-right:5%;}
+.pop-member .inner .card .code .num .na {font-size:16px;color:#666;}
+.pop-member .inner .card .code .num .co {font-size:24px;line-height:28px;font-weight: 600;color:#333;}
+.pop-member .inner .card .code .num .pr {line-height:0;}
+.pop-member .inner .card .code .num .pr progress {width:100%;border:0;height:5px;border-radius: 3px;}
+.pop-member .inner .card .code .num .pr progress::-webkit-progress-bar {background: #ddd;border:0;border-radius: 5px;}
+.pop-member .inner .card .code .num .pr progress::-webkit-progress-value {background: #427cae;border-radius: 5px;}
+.pop-member .inner .card .code .num .ti {font-size:12px;color:#666;margin-top:10px;}
+.pop-member .inner .card .code .num .ti .timer {color:#2e899c;margin-left:6px;}
+.pop-member .inner .card .code .qr {float:left;width:35%;}
+.pop-member .inner .card .code .qr img {width:100%;}
+.pop-member .inner .rolling {margin-top:20px;}
+.pop-member .inner .rolling p marquee {background: #0b2c57;color:#fff;font-size:10px;padding:2px 0px 3px;border-radius: 3px;}
+.pop-member .inner .login-close {position: absolute;right: 20px;top: 20px;width: 26px;height: 26px;text-indent: 9999px;font-size: 0;overflow: hidden;background: url(/images/btn/btn_close_size_27x26_c9c9c7.png) no-repeat;background-size: 100%;}
+.pop-member .Bg {width:100%;height:100%;position:fixed;top:0px;left:0px;background:rgba(0,0,0,0.5);z-index:-1;}
+
+
+/* 상세검색 팝업 */
+.popup {width: 100%;height: 100%;background: rgba(0,0,0,.5);position: fixed;z-index: 150;top: 0;left: 0;}
+.popup .pop-wrap {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
+.popup .btn-wrap {padding-top: 20px;}
+.popup .pop-wrap input[type="password"] {box-sizing: border-box;width: 100%;padding: 0 20px 0 40px;border: 1px solid #ddd;border-radius: 2px;line-height: 40px;background: #fff url(/images/kccf/icon/icon-scr.png) no-repeat 20px center;}
+
+.pop-advanced-search .pop-wrap {background: #f2f4f7;width: 90%;max-width: 1400px;height: 80%;overflow: hidden;border-radius: 8px;}
+.pop-advanced-search .pop-wrap .Title {background: #3670a3;width:96%;padding:0px 2%;height:80px;line-height: 80px;}
+.pop-advanced-search .pop-wrap .Title span {color:#fff;}
+.pop-advanced-search .pop-wrap .Title span:nth-of-type(1) {font-size:24px;font-weight:500;margin-right:10px;}
+.pop-advanced-search .pop-wrap .Title span:nth-of-type(2) {font-size:12px;font-weight:100;}
+.pop-advanced-search .pop-wrap .Title span:nth-of-type(3) {position: absolute;right: 30px;top: 30px;}
+
+.pop-advanced-search .pop-wrap form {padding: 30px;height: calc(100% - 140px);overflow: auto;}
+.pop-advanced-search .scroll-wrap {width:100%;height: calc(100% - 103px);overflow: auto;}
+.advanced-form-table {border: 1px solid #ccc;border-bottom: none;border-radius: 4px;overflow: hidden;}
+.advanced-form-table:after {content:"";display: block;clear: both;}
+.advanced-form-table li {display: table;border-bottom: 1px solid #ccc;width:50%;float: left;min-height: 59px;}
+.advanced-form-table li.fw {width:100%}
+.advanced-form-table .row-control-num {width: 50%;}
+.advanced-form-table .row-issued-year {width: 50%;}
+.advanced-form-table .row-age {width: 50%;}
+.advanced-form-table .row-times {width: 50%;}
+.advanced-form-table .row-times .check {margin-right: 14px;width:11%;}
+.advanced-form-table .row-class .check {margin-right: 14px;width:11%;}
+.advanced-form-table .tit {display: table-cell;vertical-align: middle;width: 100px;background: #f4f4f4;padding: 10px 0px;box-sizing: border-box;word-spacing: 1.5em;text-align: center;font-size:14px;}
+.advanced-form-table .input-area {display: table-cell;vertical-align: middle;padding: 10px 20px;background: #fff;box-sizing: border-box;height: 60px;}
+.advanced-form-table .input-area input {display: block;float: left;border: 1px solid #ddd;padding: 0 20px;box-sizing: border-box;border-radius: 3px;width: 100%;height:38px;height:38px;}
+.advanced-form-table .input-area input:focus,
+.advanced-form-table .input-area input:hover {border-color: #2781c1;transition: border .3s ease;color: #000;}
+.advanced-form-table .row-keyword-detail input {width: calc(100% - 0px);margin-right: 15px;}
+.advanced-form-table .row-keyword-detail input:last-child {margin-right: 0;}
+.advanced-form-table .row-issued-year input {width: calc(50% - 16px);}
+.advanced-form-table .row-age input {width: calc(50% - 16px);}
+.advanced-form-table .input-area .tilde {display: block;float: left;line-height: 38px;color: #999;margin: 0 11px;}
+.advanced-form-table .check {display: inline-block;}
+
+.pop-advanced-search .conditions-wrap {margin-top: 20px;padding-bottom: 10px;}
+.pop-advanced-search .conditions-title {position: static;width: auto;height: auto;line-height: 1;font-size: 18px;font-weight: 800;visibility: visible;margin-bottom: 10px;}
+.conditions-wrap .selected-conditions {border: 1px solid #ccc;background: #fff;border-bottom: none;padding: 15px 10px;border-radius: 4px 4px 0 0;}
+.conditions-wrap .selected-conditions:after {content: "";display: block;clear: both;position: relative;}
+.conditions-wrap .selected-conditions .title {width: 100%;color: #333;padding-top: 6px;position: relative;}
+.conditions-wrap .selected-conditions .title p {float: left;margin-right: 10px;font-weight: 300;color:#fff;background: #b68948;padding:5px 15px;font-size:14px;border-radius:50px;}
+.conditions-wrap .selected-conditions .title button {width: 76px;height: 20px;overflow: hidden;border: 1px solid #ddd;border-radius: 2px;background:#f4f4f4 url(/images/btn/btn-refresh.png) no-repeat center right;position: absolute;right:10px;top:10px;border:0;outline:0;background-color: transparent;}
+.conditions-wrap .selected-conditions .conditions {float: left;width: calc(100% - 120px);}
+.conditions-wrap .selected-conditions .conditions li {display: inline-block;margin-right: 6px;overflow: hidden;}
+.conditions-wrap .selected-conditions .conditions li button {background: #f4f4f4;height: 30px;padding: 0 15px;font: 12px 'dotum','돋움', sans-serif;color: #666;border: 1px solid #ddd;border-radius: 16px;}
+.conditions-wrap .selected-conditions .conditions li button:after {content: "";display: inline-block;margin-left: 10px;width: 10px;height: 10px;background: url(/images/btn/btn-close-maplayer.png) no-repeat center;background-size: 7px;}
+.conditions-wrap .selected-conditions .conditions li button:hover,
+.conditions-wrap .selected-conditions .conditions li button:focus {color: #000;border-color: #666;}
+.conditions-wrap .conditions-box {border: 1px solid #ccc;background: #f4f4f4;border-bottom: none;border-radius: 0 0 4px 4px;}
+.pop-advanced-search .line:after {content: "";display: block;clear: both;}
+.pop-advanced-search .depth1 {float: left;width: 16.666%;}
+.pop-advanced-search .depth2 {display: none;}
+.pop-advanced-search .conditions-subject .depth1 {width: 11.111%;}
+.pop-advanced-search .conditions-story .depth1 {width: 25%;}
+.pop-advanced-search .conditions-datype .depth1 {width: 14.285%;}
+
+.pop-advanced-search .conditions-wrap .depth1 {text-align: center;border-left: 1px solid #ddd;border-bottom: 1px solid #ddd;box-sizing: border-box;height: 50px;background: #f4f4f4;color: #666;}
+.pop-advanced-search .conditions-wrap .depth1.on {background: #fff;border-bottom: none;}
+.pop-advanced-search .conditions-wrap .depth1:first-child {border-left: none;}
+.pop-advanced-search .conditions-wrap .depth1:last-child {float: right;}
+.pop-advanced-search .tab-name {background: transparent;width: 100%;height: 50px;}
+.pop-advanced-search .tab-name:hover,
+.pop-advanced-search .tab-name:focus {color: #2781c1;}
+.pop-advanced-search .conditions-wrap .line {position: relative;}
+.pop-advanced-search .conditions-wrap .line:after {content: "";display: block;clear: both;}
+.pop-advanced-search .conditions-wrap .line3 .depth1:last-child{float: left;border-right: 1px solid #ddd;}
+.pop-advanced-search .conditions-wrap .depth1 .depth2 {display: none;background: #fff;position: absolute;width: 100%;z-index: 5;top: 50px;left: 0;border-bottom: 1px solid #ddd;padding: 20px;box-sizing: border-box;text-align: left;}
+.pop-advanced-search .conditions-wrap .depth1 .depth2 li {display: inline-block;width: 14.285%;margin-right: -4px;line-height: 34px;}
+.pop-advanced-search .conditions-wrap .line3 .depth1 .depth2 {border-bottom: none;}
+.pop-advanced-search .conditions-wrap .depth1.on .depth2 {display: block;}
+
+.pop-advanced-search .check input[type="checkbox"] + label {font: 12px 'dotum', '돋움', sans-serif;padding-left: 20px;line-height: 15px;} 
+.pop-advanced-search .check input[type="checkbox"] + label:before {top: 0;width: 13px;height: 13px;} 
+.pop-advanced-search .check input[type="checkbox"]:focus + label,
+.pop-advanced-search .check input[type="checkbox"]:hover + label {color: #000;}
+.pop-advanced-search .check input[type="checkbox"]:focus + label:before,
+.pop-advanced-search .check input[type="checkbox"]:hover + label:before {border-color: #2781c1;}  
+.pop-advanced-search .check input[type="checkbox"]:checked + label {color: #2781c1;font-weight: bold;}
+.pop-advanced-search .check input[type="checkbox"]:checked + label:before {background-size: 10px;border-color: #2781c1;}
+
+.pop-advanced-search .depth1-check input[type="checkbox"] + label {text-indent: -9999px;overflow: hidden;width: 30px;height: 48px;position: absolute;right: 0;padding: 0;}
+.pop-advanced-search .depth1-check input[type="checkbox"] + label:before {border: none;width: 33px;height: 33px;}
+.pop-advanced-search .depth1-check input[type="checkbox"]:checked + label:before {background-size: 13px;}
+
+
+
+
+/* BUTTON STYLE */
+.btn-wrap {text-align: center;}
+.btn-box {margin:30px 0px 30px;}
+.btn {display: inline-block;min-width: 130px;padding:0px 20px;height: 44px;border-radius: 3px;line-height: 42px;text-align: center;font-weight: 400;margin-right: 6px;color: #999;}
+.btn-black {background: #333;color: #fff;}
+.btn-black:focus,
+.btn-black:hover {background: #666;transition: background .3s ease;}
+.btn-color {background: #376795;color: #fff;}
+.btn-color:focus,
+.btn-color:hover {background: #0061a6;transition: background .3s ease;}
+.btn-green {background: #327f8f;color: #fff;}
+.btn-green:focus,
+.btn-green:hover {background: #1a6878;transition: background .3s ease;}
+.btn-orange {background: #ec8c26;color: #fff;}
+.btn-orange:focus,
+.btn-orange:hover {background: #e26c26;transition: background .3s ease;}
+.btn-gray {background: #666;color: #fff;}
+.btn-gray:focus,
+.btn-gray:hover {background: #888;transition: background .3s ease;}
+.btn-white {border: 1px solid #999;background: #fff;}
+.btn-white:focus,
+.btn-white:hover {color: #fff;background: #2781c1;border-color: #2781c1;transition: background .3s ease;}
+.btn-view-original {width: 128px;height: 38px;color: #fff;background: #2781c1;border-radius: 3px;position: absolute;right: 0;top: 50%;margin-top: -19px;text-align: center;line-height: 38px;}
+.btn-box .left {float:left;}
+.btn-box .right {float:right;}
+
+/* check style */
+.check {position: relative;} 
+.check input[type="checkbox"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0 } 
+.check input[type="checkbox"] + label { display: inline-block;position: relative;padding-left: 30px;cursor: pointer;line-height: 22px;} 
+.check input[type="checkbox"] + label:before {content: "";position: absolute;left: 0;top: 0;width: 20px;height: 20px;border: 1px solid #ddd;border-radius : 2px;} 
+.check input[type="checkbox"]:focus + label,
+.check input[type="checkbox"]:hover + label {color: #000;}
+.check input[type="checkbox"]:focus + label:before,
+.check input[type="checkbox"]:hover + label:before {border-color: #2781c1;}  
+.check input[type="checkbox"]:checked + label:before {background: url(/images/icon/icon-checked.svg) no-repeat 2px;}
+.check.tab input[type="checkbox"]:checked + label:before {background: url(/images/icon/icon-checked-tab.png) no-repeat center;position: absolute;top:10px;right:0px;left:auto;}
+
+.pop-advanced-search .check input[type="checkbox"] + label {font: 12px 'dotum', '돋움', sans-serif;padding-left: 20px;line-height: 15px;} 
+.pop-advanced-search .check input[type="checkbox"] + label:before {top: 0;width: 13px;height: 13px;} 
+.pop-advanced-search .check input[type="checkbox"]:focus + label,
+.pop-advanced-search .check input[type="checkbox"]:hover + label {color: #000;}
+.pop-advanced-search .check input[type="checkbox"]:focus + label:before,
+.pop-advanced-search .check input[type="checkbox"]:hover + label:before {border-color: #2781c1;}  
+.pop-advanced-search .check input[type="checkbox"]:checked + label {color: #2781c1;font-weight: bold;}
+.pop-advanced-search .check input[type="checkbox"]:checked + label:before {background-size: 10px;border-color: #2781c1;}
+
+
+.paging {text-align: center;padding: 40px 0 0;}
+.paging li {font-size: 0;display: inline-block;vertical-align: middle;box-sizing: border-box;min-width: 30px;height: 30px;text-align: center;line-height: 30px;}
 .paging .btn {width: 30px;}
-.paging li a {display: block; font-size: 16px; letter-spacing: -.05em;}
+.paging li a {display: block;font-size: 16px;letter-spacing: -.05em;}
 .paging li.on {color: #2781c1;}
 .paging li.on a {text-decoration: underline;}
-.paging .btn {overflow: hidden; text-indent: -9999px; border: 1px solid #dedede; margin-right: 5px; background-position: center; background-repeat: no-repeat;}
-.paging .btn-next {margin-left: 15px; background-image: url(https://port-dev.nculture.org//images/kccf/btn/btn-paging-next.png);}
-.paging .btn-prev {margin-right: 15px; background-image: url(https://port-dev.nculture.org//images/kccf/btn/btn-paging-prev.png);}
-.paging .btn-first {background-image: url(https://port-dev.nculture.org//images/kccf/btn/btn-paging-first.png);}
-.paging .btn-last {background-image: url(https://port-dev.nculture.org//images/kccf/btn/btn-paging-last.png);}
-
-
-
+.paging .btn {overflow: hidden;text-indent: -9999px;margin-right: 5px;padding:0px 10px;background-position: center;background-repeat: no-repeat;}
+.paging .btn-next {background-image: url(/images/btn/btn-paging-next.png);background-position:center right;}
+.paging .btn-prev {background-image: url(/images/btn/btn-paging-prev.png);background-position:center left;}
+.paging .btn-first {background-image: url(/images/btn/btn-paging-first.png);}
+.paging .btn-last {background-image: url(/images/btn/btn-paging-last.png);}
+.paging .btn-prev {text-indent: 0px;width:70px;text-align: right;}
+.paging .btn-next {text-indent: 0px;width:70px;text-align:left;}
+.paging .btn a {font-size:12px;font-weight: 300;}
 
 
 
diff --git a/src/main/webapp/dormant.html b/src/main/webapp/dormant.html
index 9f4b9183..f2cb5419 100644
--- a/src/main/webapp/dormant.html
+++ b/src/main/webapp/dormant.html
@@ -62,21 +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="/activar/index.html" title="작업소개" class="eff">자료관안내</a>
+                    <li class="eff active"><a href="/greeting.html" title="자료관안내" class="eff">자료관안내</a>
                         <ul class="sub-menu">
-                            <li><a href="#" title="인사말" class="underline blue">인사말</a></li>
-                            <li><a href="#" title="이용안내" class="underline blue">이용안내</a></li>
-                            <li><a href="#" title="찾아오시는길" class="underline blue">찾아오시는길</a></li>
+                            <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>
                         </ul>
                     </li>
-                    <li><a href="/activar/about.html" title="회사소개" class="eff">소장자료</a></li>
-                    <li><a href="/activar/contact.html" title="오시는길" class="eff">고객지원</a></li>
-                    <li><a href="/activar/contact.html" title="오시는길" class="eff">마이페이지</a>
+                    <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="#" title="회원정보관리" class="underline blue">회원정보관리</a></li>
-                            <li><a href="#" title="관심자료" class="underline blue">관심자료</a></li>
-                            <li><a href="#" title="대출관리" class="underline blue">대출관리</a></li>
-                            <li><a href="#" title="열람관리" class="underline blue">열람관리</a></li>
+                            <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>
+                        </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>
                         </ul>
                     </li>
                 </ul>
diff --git a/src/main/webapp/join-1.html b/src/main/webapp/join-1.html
index 8aa25f91..646e4cf2 100644
--- a/src/main/webapp/join-1.html
+++ b/src/main/webapp/join-1.html
@@ -62,21 +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="/activar/index.html" title="작업소개" class="eff">자료관안내</a>
+                    <li class="eff active"><a href="/greeting.html" title="자료관안내" class="eff">자료관안내</a>
                         <ul class="sub-menu">
-                            <li><a href="#" title="인사말" class="underline blue">인사말</a></li>
-                            <li><a href="#" title="이용안내" class="underline blue">이용안내</a></li>
-                            <li><a href="#" title="찾아오시는길" class="underline blue">찾아오시는길</a></li>
+                            <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>
                         </ul>
                     </li>
-                    <li><a href="/activar/about.html" title="회사소개" class="eff">소장자료</a></li>
-                    <li><a href="/activar/contact.html" title="오시는길" class="eff">고객지원</a></li>
-                    <li><a href="/activar/contact.html" title="오시는길" class="eff">마이페이지</a>
+                    <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="#" title="회원정보관리" class="underline blue">회원정보관리</a></li>
-                            <li><a href="#" title="관심자료" class="underline blue">관심자료</a></li>
-                            <li><a href="#" title="대출관리" class="underline blue">대출관리</a></li>
-                            <li><a href="#" title="열람관리" class="underline blue">열람관리</a></li>
+                            <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>
+                        </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>
                         </ul>
                     </li>
                 </ul>
diff --git a/src/main/webapp/join-2.html b/src/main/webapp/join-2.html
index 56501f60..b3daca1e 100644
--- a/src/main/webapp/join-2.html
+++ b/src/main/webapp/join-2.html
@@ -62,21 +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="/activar/index.html" title="작업소개" class="eff">자료관안내</a>
+                    <li class="eff active"><a href="/greeting.html" title="자료관안내" class="eff">자료관안내</a>
                         <ul class="sub-menu">
-                            <li><a href="#" title="인사말" class="underline blue">인사말</a></li>
-                            <li><a href="#" title="이용안내" class="underline blue">이용안내</a></li>
-                            <li><a href="#" title="찾아오시는길" class="underline blue">찾아오시는길</a></li>
+                            <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>
                         </ul>
                     </li>
-                    <li><a href="/activar/about.html" title="회사소개" class="eff">소장자료</a></li>
-                    <li><a href="/activar/contact.html" title="오시는길" class="eff">고객지원</a></li>
-                    <li><a href="/activar/contact.html" title="오시는길" class="eff">마이페이지</a>
+                    <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="#" title="회원정보관리" class="underline blue">회원정보관리</a></li>
-                            <li><a href="#" title="관심자료" class="underline blue">관심자료</a></li>
-                            <li><a href="#" title="대출관리" class="underline blue">대출관리</a></li>
-                            <li><a href="#" title="열람관리" class="underline blue">열람관리</a></li>
+                            <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>
+                        </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>
                         </ul>
                     </li>
                 </ul>
diff --git a/src/main/webapp/join-3.html b/src/main/webapp/join-3.html
index 0bdd3032..82f9dfcd 100644
--- a/src/main/webapp/join-3.html
+++ b/src/main/webapp/join-3.html
@@ -62,21 +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="/activar/index.html" title="작업소개" class="eff">자료관안내</a>
+                    <li class="eff active"><a href="/greeting.html" title="자료관안내" class="eff">자료관안내</a>
                         <ul class="sub-menu">
-                            <li><a href="#" title="인사말" class="underline blue">인사말</a></li>
-                            <li><a href="#" title="이용안내" class="underline blue">이용안내</a></li>
-                            <li><a href="#" title="찾아오시는길" class="underline blue">찾아오시는길</a></li>
+                            <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>
                         </ul>
                     </li>
-                    <li><a href="/activar/about.html" title="회사소개" class="eff">소장자료</a></li>
-                    <li><a href="/activar/contact.html" title="오시는길" class="eff">고객지원</a></li>
-                    <li><a href="/activar/contact.html" title="오시는길" class="eff">마이페이지</a>
+                    <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="#" title="회원정보관리" class="underline blue">회원정보관리</a></li>
-                            <li><a href="#" title="관심자료" class="underline blue">관심자료</a></li>
-                            <li><a href="#" title="대출관리" class="underline blue">대출관리</a></li>
-                            <li><a href="#" title="열람관리" class="underline blue">열람관리</a></li>
+                            <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>
+                        </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>
                         </ul>
                     </li>
                 </ul>
diff --git a/src/main/webapp/join.html b/src/main/webapp/join.html
index bb427243..ba426a1a 100644
--- a/src/main/webapp/join.html
+++ b/src/main/webapp/join.html
@@ -62,21 +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="/activar/index.html" title="작업소개" class="eff">자료관안내</a>
+                    <li class="eff active"><a href="/greeting.html" title="자료관안내" class="eff">자료관안내</a>
                         <ul class="sub-menu">
-                            <li><a href="#" title="인사말" class="underline blue">인사말</a></li>
-                            <li><a href="#" title="이용안내" class="underline blue">이용안내</a></li>
-                            <li><a href="#" title="찾아오시는길" class="underline blue">찾아오시는길</a></li>
+                            <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>
                         </ul>
                     </li>
-                    <li><a href="/activar/about.html" title="회사소개" class="eff">소장자료</a></li>
-                    <li><a href="/activar/contact.html" title="오시는길" class="eff">고객지원</a></li>
-                    <li><a href="/activar/contact.html" title="오시는길" class="eff">마이페이지</a>
+                    <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="#" title="회원정보관리" class="underline blue">회원정보관리</a></li>
-                            <li><a href="#" title="관심자료" class="underline blue">관심자료</a></li>
-                            <li><a href="#" title="대출관리" class="underline blue">대출관리</a></li>
-                            <li><a href="#" title="열람관리" class="underline blue">열람관리</a></li>
+                            <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>
+                        </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>
                         </ul>
                     </li>
                 </ul>
diff --git a/src/main/webapp/location.html b/src/main/webapp/location.html
index fd620717..270307ef 100644
--- a/src/main/webapp/location.html
+++ b/src/main/webapp/location.html
@@ -62,21 +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="/activar/index.html" title="작업소개" class="eff">자료관안내</a>
+                    <li class="eff active"><a href="/greeting.html" title="자료관안내" class="eff">자료관안내</a>
                         <ul class="sub-menu">
-                            <li><a href="#" title="인사말" class="underline blue">인사말</a></li>
-                            <li><a href="#" title="이용안내" class="underline blue">이용안내</a></li>
-                            <li><a href="#" title="찾아오시는길" class="underline blue">찾아오시는길</a></li>
+                            <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>
                         </ul>
                     </li>
-                    <li><a href="/activar/about.html" title="회사소개" class="eff">소장자료</a></li>
-                    <li><a href="/activar/contact.html" title="오시는길" class="eff">고객지원</a></li>
-                    <li><a href="/activar/contact.html" title="오시는길" class="eff">마이페이지</a>
+                    <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="#" title="회원정보관리" class="underline blue">회원정보관리</a></li>
-                            <li><a href="#" title="관심자료" class="underline blue">관심자료</a></li>
-                            <li><a href="#" title="대출관리" class="underline blue">대출관리</a></li>
-                            <li><a href="#" title="열람관리" class="underline blue">열람관리</a></li>
+                            <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>
+                        </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>
                         </ul>
                     </li>
                 </ul>