2차 퍼블리슁 : 추가분 등록
This commit is contained in:
KNKIM
parent
c5d5b22ad3
commit
713c497bd9
273
src/main/webapp/Interested-data.html
Normal file
273
src/main/webapp/Interested-data.html
Normal file
@ -0,0 +1,273 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ko">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="format-detection" content="telephone=no" />
|
||||
<title>소장자료관 - 소장자료</title>
|
||||
|
||||
<link rel="shortcut icon" type="image/x-icon" href="#">
|
||||
<link href="/css/common.css" rel="stylesheet">
|
||||
<link href="/css/jquery.mCustomScrollbar.css" rel="stylesheet">
|
||||
<link href="/css/swiper.min.css" rel="stylesheet">
|
||||
<link href="/css/default.css" rel="stylesheet">
|
||||
|
||||
<script src="/js/jquery-1.11.2.min.js"></script>
|
||||
<script src="/js/jquery.mCustomScrollbar.js"></script>
|
||||
<script src="/js/swiper.min.js"></script>
|
||||
<script src="/js/default.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="wrap sub">
|
||||
<!-- 헤더 -->
|
||||
<header id="header">
|
||||
<h2 class="blind">헤더영역</h2>
|
||||
<div class="inner">
|
||||
<h1><a href="/"><img src="/images/img/img-logo.png"><span>소장자료관</span></a></h1>
|
||||
|
||||
<div class="search-wrap">
|
||||
<h2 class="blind">검색</h2>
|
||||
<form id="searchHeaderForm" name="searchHeaderForm" method="post" action="">
|
||||
<fieldset>
|
||||
<legend>검색</legend>
|
||||
<div class="search-input">
|
||||
<input type="text" placeholder="" title="검색어 입력" name="query" id="query" class="ark_query" value="" autocomplete="off">
|
||||
<button type="button" class="btn-search" id="searchHeaderButton"><span>검색</span></button>
|
||||
<button type="button" class="btn-search-detail" id="btn-search-detail-cl">상세검색</button>
|
||||
</div>
|
||||
<div class="condition_sear">
|
||||
<select name="searchField" id="searchField1" class="sear_depth">
|
||||
<option value="" selected="selected">전체</option>
|
||||
<option value="TITLE">제목</option>
|
||||
</select>
|
||||
</div>
|
||||
</fieldset>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div class="log">
|
||||
<ul>
|
||||
<li><a href="javascript:;" class="login-btn">로그인</a></li>
|
||||
<li><a href="">회원증</a></li>
|
||||
<li><a href="">알림(<span class="count">10</span>)</a></li>
|
||||
<li><a href="">카드(<span class="count">10</span>)</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<div class="nav-wrap">
|
||||
<div class="inner">
|
||||
<button id="primary-nav-button" type="button" class="Btn eff"><i class="eff">Menu</i></button>
|
||||
<nav id="primary-nav" class="dropdown cf">
|
||||
<ul class="dropdown menu">
|
||||
<li class="eff active"><a href="/greeting.html" title="자료관안내" class="eff">자료관안내</a>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="/greeting.html" title="인사말" class="underline blue">인사말</a></li>
|
||||
<li><a href="/guide.html" title="이용안내" class="underline blue">이용안내</a></li>
|
||||
<li><a href="/location.html" title="찾아오시는길" class="underline blue">찾아오시는길</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="/data.html" title="소장자료" class="eff">소장자료</a></li>
|
||||
<li><a href="/notice.html" title="고객지원" class="eff">고객지원</a>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="/notice.html" title="공지사항" class="underline blue">공지사항</a></li>
|
||||
<li><a href="/faq.html" title="FAQ" class="underline blue">FAQ</a></li>
|
||||
<li><a href="/qna.html" title="Q&A" class="underline blue">Q&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>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 관심자료 섹션 -->
|
||||
<section class="location interested-data">
|
||||
<h2 class="blind">관심자료 섹션영역</h2>
|
||||
<div class="inner">
|
||||
<div class="row-top">
|
||||
<div class="location-box">
|
||||
<ul class="loc">
|
||||
<li>HOME</li>
|
||||
<li>마이페이지</li>
|
||||
<li class="on">관심자료</li>
|
||||
</ul>
|
||||
<ul class="tit">
|
||||
<li><span>관심</span>자료</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="arr"><img src="/images/icon/icon-join-arr2.png" alt="화살표 아이콘"></div>
|
||||
</div>
|
||||
<div class="row-bottom">
|
||||
<div class="data-box">
|
||||
|
||||
<div class="title">
|
||||
<span class="count">총 <em>3</em>건</span>
|
||||
<div class="list-search-wrap list-top">
|
||||
<div class="list-select">
|
||||
<select name="" id="" title="문화원 선택">
|
||||
<option value="문화원전체">문화원 전체</option>
|
||||
<option value="문화원전체">문화원 전체</option>
|
||||
<option value="문화원전체">문화원 전체</option>
|
||||
<option value="문화원전체">문화원 전체</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="list-data-wrap">
|
||||
<div class="list-data">
|
||||
<div class="list t-tit-line">
|
||||
<div class="t-chk"><input type="checkbox"></div>
|
||||
<div class="t-cultural">문화원</div>
|
||||
<div class="t-data">자료정보</div>
|
||||
<div class="t-btn">이용</div>
|
||||
</div>
|
||||
<div class="list">
|
||||
<div class="t-chk"><input type="checkbox"></div>
|
||||
<div class="t-cultural">[경기문화원연합회]</div>
|
||||
<div class="t-data">
|
||||
<div class="img"><a href="#"><img src="/images/img/img-cart-img01.jpg" alt=""></a><span class="favorites"><img src="images/icon/icon-cart-Favorites.png" class="off" alt="즐겨찾기 아이콘"><img src="images/icon/icon-cart-Favorites-on.png" class="on" alt="즐겨찾기 아이콘"></span></div>
|
||||
<div class="type">
|
||||
<span class="online">온라인열람</span>
|
||||
<span class="loan">대출</span>
|
||||
<span class="visit">방문열람</span>
|
||||
</div>
|
||||
<div class="title"><a href="#">경주읍성 남문 장례문의 옥루</a></div>
|
||||
<div class="code">KCCF1010010001</div>
|
||||
<div class="subject">
|
||||
<span>주제분야 : 도서간행물 > 연속간행물</span>
|
||||
<span>주제분야 : 자연과지리 > 자연환경</span>
|
||||
<span>생산기관 : 경북경주문화원</span>
|
||||
<span>생산년도 : 2021</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="t-btn bt">
|
||||
<p>대출신청 가능<br>방문열람신청 가능</p>
|
||||
<button type="button" class="btn-color">원문보기</button>
|
||||
<button type="button" class="btn-gray">RIS</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="list">
|
||||
<div class="t-chk"><input type="checkbox"></div>
|
||||
<div class="t-cultural">[경기문화원연합회]</div>
|
||||
<div class="t-data">
|
||||
<div class="img"><a href="#"><img src="/images/img/img-cart-img01.jpg" alt=""></a><span class="favorites"><img src="images/icon/icon-cart-Favorites.png" class="off" alt="즐겨찾기 아이콘"><img src="images/icon/icon-cart-Favorites-on.png" class="on" alt="즐겨찾기 아이콘"></span></div>
|
||||
<div class="type">
|
||||
<span class="online">온라인열람</span>
|
||||
<span class="loan">대출</span>
|
||||
<span class="visit">방문열람</span>
|
||||
</div>
|
||||
<div class="title"><a href="#">경주읍성 남문 장례문의 옥루</a></div>
|
||||
<div class="code">KCCF1010010001</div>
|
||||
<div class="subject">
|
||||
<span>주제분야 : 도서간행물 > 연속간행물</span>
|
||||
<span>주제분야 : 자연과지리 > 자연환경</span>
|
||||
<span>생산기관 : 경북경주문화원</span>
|
||||
<span>생산년도 : 2021</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="t-btn">
|
||||
<p>대출신청 가능<br>방문열람신청 가능</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="list">
|
||||
<div class="t-chk"><input type="checkbox"></div>
|
||||
<div class="t-cultural">[경기문화원연합회]</div>
|
||||
<div class="t-data">
|
||||
<div class="img"><a href="#"><img src="/images/img/img-cart-img01.jpg" alt=""></a><span class="favorites"><img src="images/icon/icon-cart-Favorites.png" class="off" alt="즐겨찾기 아이콘"><img src="images/icon/icon-cart-Favorites-on.png" class="on" alt="즐겨찾기 아이콘"></span></div>
|
||||
<div class="type">
|
||||
<span class="online">온라인열람</span>
|
||||
<span class="loan">대출</span>
|
||||
<span class="visit">방문열람</span>
|
||||
</div>
|
||||
<div class="title"><a href="#">경주읍성 남문 장례문의 옥루</a></div>
|
||||
<div class="code">KCCF1010010001</div>
|
||||
<div class="subject">
|
||||
<span>주제분야 : 도서간행물 > 연속간행물</span>
|
||||
<span>주제분야 : 자연과지리 > 자연환경</span>
|
||||
<span>생산기관 : 경북경주문화원</span>
|
||||
<span>생산년도 : 2021</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="t-btn">
|
||||
<button type="button" class="btn-color">원문보기</button>
|
||||
<button type="button" class="btn-gray">RIS</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<ul class="paging">
|
||||
<li class="btn btn-first"><a href="#" onclick="linkPage(1); return false;" title="처음으로">처음으로</a></li>
|
||||
<li class="btn btn-prev"><a href="#" onclick="linkPage(1); return false;" title="이전">이전</a></li>
|
||||
<li class="on"><a href="#" title="현재위치 페이지">1</a></li>
|
||||
<li><a href="?pageIndex=2" onclick="linkPage(2); return false;" title="2 페이지">2</a></li>
|
||||
<li><a href="?pageIndex=3" onclick="linkPage(3); return false;" title="3 페이지">3</a></li>
|
||||
<li><a href="?pageIndex=4" onclick="linkPage(4); return false;" title="4 페이지">4</a></li>
|
||||
<li><a href="?pageIndex=5" onclick="linkPage(5); return false;" title="5 페이지">5</a></li>
|
||||
<li><a href="?pageIndex=6" onclick="linkPage(6); return false;" title="6 페이지">6</a></li>
|
||||
<li><a href="?pageIndex=7" onclick="linkPage(7); return false;" title="7 페이지">7</a></li>
|
||||
<li><a href="?pageIndex=8" onclick="linkPage(8); return false;" title="8 페이지">8</a></li>
|
||||
<li><a href="?pageIndex=9" onclick="linkPage(9); return false;" title="9 페이지">9</a></li>
|
||||
<li><a href="?pageIndex=10" onclick="linkPage(10); return false;" title="10 페이지">10</a></li>
|
||||
<li class="btn btn-next"><a href="#" onclick="linkPage(11); return false;" title="다음">다음</a></li>
|
||||
<li class="btn btn-last"><a href="#" onclick="linkPage(418); return false;" title="맨끝으로">맨끝으로</a></li>
|
||||
</ul>
|
||||
|
||||
<div class="btn-box">
|
||||
<div class="left">
|
||||
<button type="button" class="btn btn-black">전체선택</button>
|
||||
<button type="button" class="btn btn-gray">선택삭제</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer id="footer">
|
||||
<button type="button" id="btn-go-top" class="btn-go-top"><span><img src="/images/icon/icon-arr-top.png" alt="상단 화살표"></span><p>TOP</p></button>
|
||||
<div class="inner">
|
||||
<div class="row-top">
|
||||
<div class="footer-logo">
|
||||
<h1><a href="#"><img src="/images/img/img-footer-logo.png" alt="푸터 로고"></a></h1>
|
||||
</div>
|
||||
<div class="family_site">
|
||||
<p class="site_name">관련 사이트</p>
|
||||
<ul class="site_depth">
|
||||
<li><a href="/" target="_blank">01</a></li>
|
||||
<li><a href="/" target="_blank">02</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row-bottom">
|
||||
<div class="left-side">
|
||||
<ul class="fnb">
|
||||
<li><a href="/">이용약관</a></li>
|
||||
<li><a href="/">개인정보처리방침</a></li>
|
||||
<li><a href="/">찾아오시는 길</a></li>
|
||||
</ul>
|
||||
<p class="copy">
|
||||
서울시 마포대로49 성우빌딩 308호 <span><a href="tel:02-704-2322">TEL. 02.704-2322</a></span> <span>FAX. 02.704-2377</span> <br>
|
||||
COPYRIGHT (C)2018 The Federation of Korea Culture Center. ALL RIGHT RESERVED.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
217
src/main/webapp/Notifications.html
Normal file
217
src/main/webapp/Notifications.html
Normal file
@ -0,0 +1,217 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ko">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="format-detection" content="telephone=no" />
|
||||
<title>소장자료관 - 소장자료</title>
|
||||
|
||||
<link rel="shortcut icon" type="image/x-icon" href="#">
|
||||
<link href="/css/common.css" rel="stylesheet">
|
||||
<link href="/css/jquery.mCustomScrollbar.css" rel="stylesheet">
|
||||
<link href="/css/swiper.min.css" rel="stylesheet">
|
||||
<link href="/css/default.css" rel="stylesheet">
|
||||
|
||||
<script src="/js/jquery-1.11.2.min.js"></script>
|
||||
<script src="/js/jquery.mCustomScrollbar.js"></script>
|
||||
<script src="/js/swiper.min.js"></script>
|
||||
<script src="/js/default.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="wrap sub">
|
||||
<!-- 헤더 -->
|
||||
<header id="header">
|
||||
<h2 class="blind">헤더영역</h2>
|
||||
<div class="inner">
|
||||
<h1><a href="/"><img src="/images/img/img-logo.png"><span>소장자료관</span></a></h1>
|
||||
|
||||
<div class="search-wrap">
|
||||
<h2 class="blind">검색</h2>
|
||||
<form id="searchHeaderForm" name="searchHeaderForm" method="post" action="">
|
||||
<fieldset>
|
||||
<legend>검색</legend>
|
||||
<div class="search-input">
|
||||
<input type="text" placeholder="" title="검색어 입력" name="query" id="query" class="ark_query" value="" autocomplete="off">
|
||||
<button type="button" class="btn-search" id="searchHeaderButton"><span>검색</span></button>
|
||||
<button type="button" class="btn-search-detail" id="btn-search-detail-cl">상세검색</button>
|
||||
</div>
|
||||
<div class="condition_sear">
|
||||
<select name="searchField" id="searchField1" class="sear_depth">
|
||||
<option value="" selected="selected">전체</option>
|
||||
<option value="TITLE">제목</option>
|
||||
</select>
|
||||
</div>
|
||||
</fieldset>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div class="log">
|
||||
<ul>
|
||||
<li><a href="javascript:;" class="login-btn">로그인</a></li>
|
||||
<li><a href="">회원증</a></li>
|
||||
<li><a href="">알림(<span class="count">10</span>)</a></li>
|
||||
<li><a href="">카드(<span class="count">10</span>)</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<div class="nav-wrap">
|
||||
<div class="inner">
|
||||
<button id="primary-nav-button" type="button" class="Btn eff"><i class="eff">Menu</i></button>
|
||||
<nav id="primary-nav" class="dropdown cf">
|
||||
<ul class="dropdown menu">
|
||||
<li class="eff active"><a href="/greeting.html" title="자료관안내" class="eff">자료관안내</a>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="/greeting.html" title="인사말" class="underline blue">인사말</a></li>
|
||||
<li><a href="/guide.html" title="이용안내" class="underline blue">이용안내</a></li>
|
||||
<li><a href="/location.html" title="찾아오시는길" class="underline blue">찾아오시는길</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="/data.html" title="소장자료" class="eff">소장자료</a></li>
|
||||
<li><a href="/notice.html" title="고객지원" class="eff">고객지원</a>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="/notice.html" title="공지사항" class="underline blue">공지사항</a></li>
|
||||
<li><a href="/faq.html" title="FAQ" class="underline blue">FAQ</a></li>
|
||||
<li><a href="/qna.html" title="Q&A" class="underline blue">Q&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>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 알림 섹션 -->
|
||||
<section class="location noti-data">
|
||||
<h2 class="blind">알림 섹션영역</h2>
|
||||
<div class="inner">
|
||||
<div class="row-top">
|
||||
<div class="location-box">
|
||||
<ul class="loc">
|
||||
<li>HOME</li>
|
||||
<li class="on">알림</li>
|
||||
</ul>
|
||||
<ul class="tit">
|
||||
<li><span>알림</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="arr"><img src="/images/icon/icon-join-arr2.png" alt="화살표 아이콘"></div>
|
||||
</div>
|
||||
<div class="row-bottom">
|
||||
<div class="list-box noti-box">
|
||||
|
||||
<div class="title">
|
||||
<span class="count">총 <em>5</em>건</span>
|
||||
<div class="text">
|
||||
<p>- 최근 한달동안 발송된 알림 내역만 보관됩니다.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="contents">
|
||||
<div class="list-accordion">
|
||||
<ul class="list-faq">
|
||||
<li>
|
||||
<button type="button" class="question">
|
||||
<span class="type">[경상북도문화원연합회]</span>
|
||||
<span>반납 하루전입니다</span>
|
||||
<span class="date">2021-08-23</span>
|
||||
</button>
|
||||
<div class="answer" style="display: none;">
|
||||
<p>반납예정일: 21/09/10</p>
|
||||
<p>(자료제목이 들어갑니다…)</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<button type="button" class="question">
|
||||
<span class="type">[경상북도문화원연합회]</span>
|
||||
<span>반납 하루전입니다</span>
|
||||
<span class="date">2021-08-23</span>
|
||||
</button>
|
||||
<div class="answer" style="display: none;">
|
||||
<p>반납예정일: 21/09/10</p>
|
||||
<p>(자료제목이 들어갑니다…)</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<button type="button" class="question">
|
||||
<span class="type">[경상북도문화원연합회]</span>
|
||||
<span>반납 하루전입니다</span>
|
||||
<span class="date">2021-08-23</span>
|
||||
</button>
|
||||
<div class="answer" style="display: none;">
|
||||
<p>반납예정일: 21/09/10</p>
|
||||
<p>(자료제목이 들어갑니다…)</p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer id="footer">
|
||||
<button type="button" id="btn-go-top" class="btn-go-top"><span><img src="/images/icon/icon-arr-top.png" alt="상단 화살표"></span><p>TOP</p></button>
|
||||
<div class="inner">
|
||||
<div class="row-top">
|
||||
<div class="footer-logo">
|
||||
<h1><a href="#"><img src="/images/img/img-footer-logo.png" alt="푸터 로고"></a></h1>
|
||||
</div>
|
||||
<div class="family_site">
|
||||
<p class="site_name">관련 사이트</p>
|
||||
<ul class="site_depth">
|
||||
<li><a href="/" target="_blank">01</a></li>
|
||||
<li><a href="/" target="_blank">02</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row-bottom">
|
||||
<div class="left-side">
|
||||
<ul class="fnb">
|
||||
<li><a href="/">이용약관</a></li>
|
||||
<li><a href="/">개인정보처리방침</a></li>
|
||||
<li><a href="/">찾아오시는 길</a></li>
|
||||
</ul>
|
||||
<p class="copy">
|
||||
서울시 마포대로49 성우빌딩 308호 <span><a href="tel:02-704-2322">TEL. 02.704-2322</a></span> <span>FAX. 02.704-2377</span> <br>
|
||||
COPYRIGHT (C)2018 The Federation of Korea Culture Center. ALL RIGHT RESERVED.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<div class="pop-return" style="display:none;">
|
||||
<div class="row Title">
|
||||
<p>지방문화원 소장자료</p>
|
||||
<h3>반려사유</h3>
|
||||
</div>
|
||||
<div class="inner">
|
||||
<div class="row Text">
|
||||
<div class="text-box mCustomScrollbar" data-mcs-theme="dark-2">신청하신 자료가 손상되어 부득이하게 자료열람이 반려되었습니다. 죄송합니다.</div>
|
||||
</div>
|
||||
<div class="row btn-box">
|
||||
<button type="button" class="btn btn-color">확인</button>
|
||||
</div>
|
||||
<button type="button" class="return-close"></button>
|
||||
</div>
|
||||
<div class="Bg"></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
634
src/main/webapp/data-detail.html
Normal file
634
src/main/webapp/data-detail.html
Normal file
@ -0,0 +1,634 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ko">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="format-detection" content="telephone=no" />
|
||||
<title>소장자료관 - 디테일</title>
|
||||
|
||||
<link rel="shortcut icon" type="image/x-icon" href="#">
|
||||
<link href="/css/common.css" rel="stylesheet">
|
||||
<link href="/css/jquery.mCustomScrollbar.css" rel="stylesheet">
|
||||
<link href="/css/swiper.min.css" rel="stylesheet">
|
||||
<link href="/css/default.css" rel="stylesheet">
|
||||
|
||||
<script src="/js/jquery-1.11.2.min.js"></script>
|
||||
<script src="/js/jquery.mCustomScrollbar.js"></script>
|
||||
<script src="/js/swiper.min.js"></script>
|
||||
<script src="/js/default.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="wrap sub">
|
||||
<!-- 헤더 -->
|
||||
<header id="header">
|
||||
<h2 class="blind">헤더영역</h2>
|
||||
<div class="inner">
|
||||
<h1><a href="/"><img src="/images/img/img-logo.png"><span>소장자료관</span></a></h1>
|
||||
|
||||
<div class="search-wrap">
|
||||
<h2 class="blind">검색</h2>
|
||||
<form id="searchHeaderForm" name="searchHeaderForm" method="post" action="">
|
||||
<fieldset>
|
||||
<legend>검색</legend>
|
||||
<div class="search-input">
|
||||
<input type="text" placeholder="" title="검색어 입력" name="query" id="query" class="ark_query" value="" autocomplete="off">
|
||||
<button type="button" class="btn-search" id="searchHeaderButton"><span>검색</span></button>
|
||||
<button type="button" class="btn-search-detail" id="btn-search-detail-cl">상세검색</button>
|
||||
</div>
|
||||
<div class="condition_sear">
|
||||
<select name="searchField" id="searchField1" class="sear_depth">
|
||||
<option value="" selected="selected">전체</option>
|
||||
<option value="TITLE">제목</option>
|
||||
</select>
|
||||
</div>
|
||||
</fieldset>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div class="log">
|
||||
<ul>
|
||||
<li><a href="javascript:;" class="login-btn">로그인</a></li>
|
||||
<li><a href="">회원증</a></li>
|
||||
<li><a href="">알림(<span class="count">10</span>)</a></li>
|
||||
<li><a href="">카드(<span class="count">10</span>)</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<div class="nav-wrap">
|
||||
<div class="inner">
|
||||
<button id="primary-nav-button" type="button" class="Btn eff"><i class="eff">Menu</i></button>
|
||||
<nav id="primary-nav" class="dropdown cf">
|
||||
<ul class="dropdown menu">
|
||||
<li class="eff active"><a href="/greeting.html" title="자료관안내" class="eff">자료관안내</a>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="/greeting.html" title="인사말" class="underline blue">인사말</a></li>
|
||||
<li><a href="/guide.html" title="이용안내" class="underline blue">이용안내</a></li>
|
||||
<li><a href="/location.html" title="찾아오시는길" class="underline blue">찾아오시는길</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="/data.html" title="소장자료" class="eff">소장자료</a></li>
|
||||
<li><a href="/notice.html" title="고객지원" class="eff">고객지원</a>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="/notice.html" title="공지사항" class="underline blue">공지사항</a></li>
|
||||
<li><a href="/faq.html" title="FAQ" class="underline blue">FAQ</a></li>
|
||||
<li><a href="/qna.html" title="Q&A" class="underline blue">Q&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>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 소장자료 디테일 섹션 -->
|
||||
<section class="data detail">
|
||||
<h2 class="blind">소장자료 디테일 섹션영역</h2>
|
||||
<div class="inner">
|
||||
<div class="row-top">
|
||||
<div class="center">
|
||||
<div class="left">
|
||||
<div class="cla">
|
||||
<div class="con-1">
|
||||
<span class="online">온라인 열람</span>
|
||||
<span class="loan">대출</span>
|
||||
<span class="visit">방문열람</span>
|
||||
</div>
|
||||
<div class="con-2">
|
||||
<span class="code">KCCF1010010001</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tit">慶州文化(경주문화)/제23호</div>
|
||||
<div class="img"><img src="/images/img/img-data-detail-01.jpg" alt="썸네일"></div>
|
||||
</div>
|
||||
<div class="right">
|
||||
<div class="con-1">
|
||||
<button type="button" class="view">원문보기</button>
|
||||
<button type="button" class="ris">RIS</button>
|
||||
<button type="button" class="favorit">즐겨찾기</button>
|
||||
<button type="button" class="share">공유</button>
|
||||
</div>
|
||||
<div class="con-2">
|
||||
<div class="de-data">
|
||||
<ul>
|
||||
<li>
|
||||
<span>자료유형</span>
|
||||
<span>도서간행물 > 연속간행물</span>
|
||||
</li>
|
||||
<li>
|
||||
<span>연대</span>
|
||||
<span>2021년부터 2021까지</span>
|
||||
</li>
|
||||
<li>
|
||||
<span>주제분야</span>
|
||||
<span>자연과지리 > 자연환경</span>
|
||||
</li>
|
||||
<li>
|
||||
<span>저자</span>
|
||||
<span>저자명</span>
|
||||
</li>
|
||||
<li>
|
||||
<span>생산기관</span>
|
||||
<span>경북경주문화원</span>
|
||||
</li>
|
||||
<li>
|
||||
<span>출판사</span>
|
||||
<span>출판사명</span>
|
||||
</li>
|
||||
<li>
|
||||
<span>생산년도</span>
|
||||
<span>2021</span>
|
||||
</li>
|
||||
<li>
|
||||
<span>발간유형</span>
|
||||
<span>사료집</span>
|
||||
</li>
|
||||
<li>
|
||||
<span>테마</span>
|
||||
<span>생황문화 > 마을신앙</span>
|
||||
</li>
|
||||
<li>
|
||||
<span>발간매체</span>
|
||||
<span>책자</span>
|
||||
</li>
|
||||
<li>
|
||||
<span>시대</span>
|
||||
<span>현대-현대(1945.8.15~현대)</span>
|
||||
</li>
|
||||
<li>
|
||||
<span>청구기호</span>
|
||||
<span>ㄱ-1</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="b-btn">
|
||||
<button type="button" class="btn btn-color">대출예약</button>
|
||||
<button type="button" class="btn btn-green">방문열람신청</button>
|
||||
<button type="button" class="btn btn-orange">카트담기</button>
|
||||
</div>
|
||||
<div class="keyword">
|
||||
<span class="first">키워드</span>
|
||||
<span>경주</span>
|
||||
<span>문화인</span>
|
||||
<span>인물</span>
|
||||
<span>석불</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row-bottom">
|
||||
<div class="con-1">
|
||||
<div class="list-box">
|
||||
<div class="list">
|
||||
<div class="icon"><img src="/images/icon/icon-data-use.png" alt="이용상태 아이콘"></div>
|
||||
<div class="title">이용상태</div>
|
||||
<div class="con">대출중 (대기자 <span>0</span>명)</div>
|
||||
</div>
|
||||
<div class="list">
|
||||
<div class="icon"><img src="/images/icon/icon-data-return.png" alt="달력 아이콘"></div>
|
||||
<div class="title">반납예정일</div>
|
||||
<div class="con"><span>2021-08-27</span></div>
|
||||
</div>
|
||||
<div class="list">
|
||||
<div class="icon"><img src="/images/icon/icon-data-loan.png" alt="대출 아이콘"></div>
|
||||
<div class="title">대출</div>
|
||||
<div class="con"><span class="poss">예약가능</span></div>
|
||||
</div>
|
||||
<div class="list">
|
||||
<div class="icon"><img src="/images/icon/icon-data-visit.png" alt="방문 아이콘"></div>
|
||||
<div class="title">방문열람</div>
|
||||
<div class="con"><span class="imposs">신청불가</span></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-box">
|
||||
<p>- 자료의 이용상태, 대출가능여부, 방문열람가능여부를 꼭 확인하신 후 이용해주시길 바랍니다.</p>
|
||||
<p>- 다른 지방문화원 소장자료관 이용자들을 위해 꼭 필요한 자료만 예약한 후, 가능한 날짜에 예약 및 이용 부탁드립니다.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="con-2">
|
||||
<div class="top">
|
||||
<h3><span>목차</span>정보</h3>
|
||||
<button type="button" class="down-btn">down-btn</button>
|
||||
</div>
|
||||
<div class="bottom h-down">
|
||||
<p><span>1부</span> 역사 속의 경주1 - 경주, 조선의 500년 역사를 찾다</p>
|
||||
<p><span>2부</span> 역사 속의 경주2 - 금오산을 바라본 조선문인의 시선</p>
|
||||
<p><span>3부</span> 경주문화제 핫이슈 - 타향살이 100년 ‘청와대 미남석불’, 이제는 고향 경주의 품으로</p>
|
||||
<p><span>4부</span> 경주문화제 핫이슈 - 타향살이 100년 ‘청와대 미남석불’, 이제는 고향 경주의 품으로</p>
|
||||
<p><span>5부</span> 경주문화제 핫이슈 - 타향살이 100년 ‘청와대 미남석불’, 이제는 고향 경주의 품으로</p>
|
||||
<p><span>6부</span> 경주문화제 핫이슈 - 타향살이 100년 ‘청와대 미남석불’, 이제는 고향 경주의 품으로</p>
|
||||
<p><span>7부</span> 경주문화제 핫이슈 - 타향살이 100년 ‘청와대 미남석불’, 이제는 고향 경주의 품으로</p>
|
||||
<p><span>8부</span> 경주문화제 핫이슈 - 타향살이 100년 ‘청와대 미남석불’, 이제는 고향 경주의 품으로</p>
|
||||
<p><span>9부</span> 경주문화제 핫이슈 - 타향살이 100년 ‘청와대 미남석불’, 이제는 고향 경주의 품으로</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="con-3">
|
||||
<div class="bottom">
|
||||
<!-- Swiper -->
|
||||
<div class="swiper DetailSwiper1">
|
||||
<div class="top">
|
||||
<h3><span>함께 볼만한</span>자료</h3>
|
||||
</div>
|
||||
<div class="swiper-wrapper">
|
||||
|
||||
<div class="swiper-slide">
|
||||
<div class="List">
|
||||
<div class="con-1">
|
||||
<div class="tit underline pink">국역 경주읍지</div>
|
||||
</div>
|
||||
<div class="con-2">
|
||||
<p class="typ"><span>자료유형</span><span>도서간행물 > 연속간행물</span></p>
|
||||
<p class="sub"><span>주제분야</span><span>자연과지리 > 자연환경</span></p>
|
||||
<p class="age"><span>생산기관</span><span>경북경주문화원</span></p>
|
||||
<p class="yea"><span>생산년도</span><span>2003</span></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="swiper-slide">
|
||||
<div class="List">
|
||||
<div class="con-1">
|
||||
<div class="tit underline pink">국역 경주읍지</div>
|
||||
</div>
|
||||
<div class="con-2">
|
||||
<p class="typ"><span>자료유형</span><span>도서간행물 > 연속간행물</span></p>
|
||||
<p class="sub"><span>주제분야</span><span>자연과지리 > 자연환경</span></p>
|
||||
<p class="age"><span>생산기관</span><span>경북경주문화원</span></p>
|
||||
<p class="yea"><span>생산년도</span><span>2003</span></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="swiper-slide">
|
||||
<div class="List">
|
||||
<div class="con-1">
|
||||
<div class="tit underline pink">국역 경주읍지</div>
|
||||
</div>
|
||||
<div class="con-2">
|
||||
<p class="typ"><span>자료유형</span><span>도서간행물 > 연속간행물</span></p>
|
||||
<p class="sub"><span>주제분야</span><span>자연과지리 > 자연환경</span></p>
|
||||
<p class="age"><span>생산기관</span><span>경북경주문화원</span></p>
|
||||
<p class="yea"><span>생산년도</span><span>2003</span></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="swiper-slide">
|
||||
<div class="List">
|
||||
<div class="con-1">
|
||||
<div class="tit underline pink">국역 경주읍지</div>
|
||||
</div>
|
||||
<div class="con-2">
|
||||
<p class="typ"><span>자료유형</span><span>도서간행물 > 연속간행물</span></p>
|
||||
<p class="sub"><span>주제분야</span><span>자연과지리 > 자연환경</span></p>
|
||||
<p class="age"><span>생산기관</span><span>경북경주문화원</span></p>
|
||||
<p class="yea"><span>생산년도</span><span>2003</span></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="swiper-slide">
|
||||
<div class="List">
|
||||
<div class="con-1">
|
||||
<div class="tit underline pink">국역 경주읍지</div>
|
||||
</div>
|
||||
<div class="con-2">
|
||||
<p class="typ"><span>자료유형</span><span>도서간행물 > 연속간행물</span></p>
|
||||
<p class="sub"><span>주제분야</span><span>자연과지리 > 자연환경</span></p>
|
||||
<p class="age"><span>생산기관</span><span>경북경주문화원</span></p>
|
||||
<p class="yea"><span>생산년도</span><span>2003</span></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="swiper-button-next"></div>
|
||||
<div class="swiper-button-prev"></div>
|
||||
<div class="swiper-pagination"></div>
|
||||
</div>
|
||||
<!-- Swiper end -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="con-4">
|
||||
<div class="top">
|
||||
<h3><span>이 자료와 유사한</span>자료</h3>
|
||||
<p><strong>“ 경산문화원, 경주문화원, 고령문화 ”</strong> 에 있습니다</p>
|
||||
</div>
|
||||
<div class="bottom">
|
||||
<!-- Swiper -->
|
||||
<div class="swiper DetailSwiper2">
|
||||
<div class="swiper-wrapper items cover">
|
||||
<div class="swiper-slide">
|
||||
<div class="List">
|
||||
<div class="inner">
|
||||
<div class="thumbnail">
|
||||
<span class="image-frame"><img src="/images/img/img-sec6-01.jpg" alt=""/></span>
|
||||
<div class="detail-cover">
|
||||
<strong>2011 신라문화스토리텔러 교육교재 이론</strong>
|
||||
<ul>
|
||||
<li><em>주제유형</em>도서간행물</li>
|
||||
<li><em>주제분야</em>문화유산</li>
|
||||
<li><em>생산기관</em>마포문화원</li>
|
||||
<li><em>생산년도</em>미상</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<div class="List">
|
||||
<div class="inner">
|
||||
<div class="thumbnail">
|
||||
<span class="image-frame"><img src="/images/img/img-sec6-01.jpg" alt=""/></span>
|
||||
<div class="detail-cover">
|
||||
<strong>2011 신라문화스토리텔러 교육교재 이론</strong>
|
||||
<ul>
|
||||
<li><em>주제유형</em>도서간행물</li>
|
||||
<li><em>주제분야</em>문화유산</li>
|
||||
<li><em>생산기관</em>마포문화원</li>
|
||||
<li><em>생산년도</em>미상</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<div class="List">
|
||||
<div class="inner">
|
||||
<div class="thumbnail">
|
||||
<span class="image-frame"><img src="/images/img/img-sec6-01.jpg" alt=""/></span>
|
||||
<div class="detail-cover">
|
||||
<strong>2011 신라문화스토리텔러 교육교재 이론</strong>
|
||||
<ul>
|
||||
<li><em>주제유형</em>도서간행물</li>
|
||||
<li><em>주제분야</em>문화유산</li>
|
||||
<li><em>생산기관</em>마포문화원</li>
|
||||
<li><em>생산년도</em>미상</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<div class="List">
|
||||
<div class="inner">
|
||||
<div class="thumbnail">
|
||||
<span class="image-frame"><img src="/images/img/img-sec6-01.jpg" alt=""/></span>
|
||||
<div class="detail-cover">
|
||||
<strong>2011 신라문화스토리텔러 교육교재 이론</strong>
|
||||
<ul>
|
||||
<li><em>주제유형</em>도서간행물</li>
|
||||
<li><em>주제분야</em>문화유산</li>
|
||||
<li><em>생산기관</em>마포문화원</li>
|
||||
<li><em>생산년도</em>미상</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<div class="List">
|
||||
<div class="inner">
|
||||
<div class="thumbnail">
|
||||
<span class="image-frame"><img src="/images/img/img-sec6-01.jpg" alt=""/></span>
|
||||
<div class="detail-cover">
|
||||
<strong>2011 신라문화스토리텔러 교육교재 이론</strong>
|
||||
<ul>
|
||||
<li><em>주제유형</em>도서간행물</li>
|
||||
<li><em>주제분야</em>문화유산</li>
|
||||
<li><em>생산기관</em>마포문화원</li>
|
||||
<li><em>생산년도</em>미상</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<div class="List">
|
||||
<div class="inner">
|
||||
<div class="thumbnail">
|
||||
<span class="image-frame"><img src="/images/img/img-sec6-01.jpg" alt=""/></span>
|
||||
<div class="detail-cover">
|
||||
<strong>2011 신라문화스토리텔러 교육교재 이론</strong>
|
||||
<ul>
|
||||
<li><em>주제유형</em>도서간행물</li>
|
||||
<li><em>주제분야</em>문화유산</li>
|
||||
<li><em>생산기관</em>마포문화원</li>
|
||||
<li><em>생산년도</em>미상</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<div class="List">
|
||||
<div class="inner">
|
||||
<div class="thumbnail">
|
||||
<span class="image-frame"><img src="/images/img/img-sec6-01.jpg" alt=""/></span>
|
||||
<div class="detail-cover">
|
||||
<strong>2011 신라문화스토리텔러 교육교재 이론</strong>
|
||||
<ul>
|
||||
<li><em>주제유형</em>도서간행물</li>
|
||||
<li><em>주제분야</em>문화유산</li>
|
||||
<li><em>생산기관</em>마포문화원</li>
|
||||
<li><em>생산년도</em>미상</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<div class="List">
|
||||
<div class="inner">
|
||||
<div class="thumbnail">
|
||||
<span class="image-frame"><img src="/images/img/img-sec6-01.jpg" alt=""/></span>
|
||||
<div class="detail-cover">
|
||||
<strong>2011 신라문화스토리텔러 교육교재 이론</strong>
|
||||
<ul>
|
||||
<li><em>주제유형</em>도서간행물</li>
|
||||
<li><em>주제분야</em>문화유산</li>
|
||||
<li><em>생산기관</em>마포문화원</li>
|
||||
<li><em>생산년도</em>미상</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-button-next"></div>
|
||||
<div class="swiper-button-prev"></div>
|
||||
<div class="swiper-pagination"></div>
|
||||
</div>
|
||||
<!-- Swiper end -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="btn-box">
|
||||
<button type="button" class="btn btn-black">목록으로</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer id="footer">
|
||||
<button type="button" id="btn-go-top" class="btn-go-top"><span><img src="/images/icon/icon-arr-top.png" alt="상단 화살표"></span><p>TOP</p></button>
|
||||
<div class="inner">
|
||||
<div class="row-top">
|
||||
<div class="footer-logo">
|
||||
<h1><a href="#"><img src="/images/img/img-footer-logo.png" alt="푸터 로고"></a></h1>
|
||||
</div>
|
||||
<div class="family_site">
|
||||
<p class="site_name">관련 사이트</p>
|
||||
<ul class="site_depth">
|
||||
<li><a href="/" target="_blank">01</a></li>
|
||||
<li><a href="/" target="_blank">02</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row-bottom">
|
||||
<div class="left-side">
|
||||
<ul class="fnb">
|
||||
<li><a href="/">이용약관</a></li>
|
||||
<li><a href="/">개인정보처리방침</a></li>
|
||||
<li><a href="/">찾아오시는 길</a></li>
|
||||
</ul>
|
||||
<p class="copy">
|
||||
서울시 마포대로49 성우빌딩 308호 <span><a href="tel:02-704-2322">TEL. 02.704-2322</a></span> <span>FAX. 02.704-2377</span> <br>
|
||||
COPYRIGHT (C)2018 The Federation of Korea Culture Center. ALL RIGHT RESERVED.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="popup pop-sharing" id="div_pop-sharing" style="display:none;">
|
||||
<div class="pop-wrap">
|
||||
<div class="sharing-bg">
|
||||
<p>자료를 <strong>SNS</strong>에 공유해보세요.</p>
|
||||
<button class="btn-close-pop">닫기</button>
|
||||
<ul class="sns-list">
|
||||
<li class="kstory-icon"><img src="/images/icon/icon-sharing-kstory-big.svg" alt="카카오스토리 공유하기" class="sns-pop" /><p>카카오스토리</p></li>
|
||||
<li class="nblog-icon"><img src="/images/icon/icon-sharing-nblog-big.svg" alt="네이버블로그 공유하기" class="sns-pop" /><p>블로그</p></li>
|
||||
<li class="fb-icon"><img src="/images/icon/icon-sharing-fb-big.svg" alt="페이스북 공유하기" class="sns-pop" /><p>페이스북</p></li>
|
||||
<li class="tw-icon"><img src="/images/icon/icon-sharing-tw-big.svg" alt="트위터 공유하기" class="sns-pop" /><p>트위터</p></li>
|
||||
</ul>
|
||||
<div class="link-copy">
|
||||
<input type="text" class="link-txt" id="p_link-copy" value="http://www.nculture.org"/>
|
||||
<button type="button" style="margin-top:1px" class="btn btn-white">URL복사</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="Qr">
|
||||
<div class="inner">
|
||||
<div id="qrcode" class="Qrimg"><img src="images/img/img-QR.jpg" alt="QR코드 이미지"></div>
|
||||
<div class="Qrtext"><p><strong>QR코드</strong>를 스캔해주세요.</p></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="pop-serge" style="display:none;">
|
||||
<div class="row Title">
|
||||
<h3>서지정보 내보내기<span>(Export)</span></h3>
|
||||
</div>
|
||||
<div class="inner">
|
||||
<div class="row Text">
|
||||
<div class="con-1">
|
||||
<p>서지정보 내보내기 안내</p>
|
||||
<div class="text-box">
|
||||
<p>소장자료관은 콘텐츠 생산자 및 연구자들을 위해 서지정보 내보내기 기능을 제공하고 있습니다.</p>
|
||||
<p><span>서지정보 내용</span><br>형식, 제목, 저자, 시리즈, 언어, URL, 태그</p>
|
||||
<p><span>제공 포맷</span><br>RIS : Search Information System (*.ris)</p>
|
||||
<p><span>RIS 지원 서지관리 프로그램</span><br>EndNote, Mendeley, Zotero) 외</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="con-2">
|
||||
<p>서지관리 프로그램 안내</p>
|
||||
<div class="text-box">
|
||||
<p>서지관리 프로그램은 문헌 및 온라인 콘텐츠 등 자료를 관리하고 공유하는데 사용됩니다.</p>
|
||||
<p>- 해당 프로그램은 소속기관 또는 개인 가입이 필요할 수 있으며, 소장자료관은 링크만 제공하고 직접 서비스를 제공하지 않습니다.</p>
|
||||
<p><span>Zotero (www.zotero.com) / 한글 메뉴 지원 (o), 300MB 용량 무료 (초과 유료)</span></p>
|
||||
<p><span>EndNote (www.endnote.com) / 한글 메뉴 지원 (x) , 2G 용량 무료 (초과유료)</span></p>
|
||||
<p><span>Mendeley (www.mendeley.com) / 한글 메뉴 지원 (x), 2G 용량 무료 (초과유료)</span></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row btn-box">
|
||||
<button type="button" class="btn btn-color">내보내기</button>
|
||||
<button type="submit" class="btn btn-gray">닫기</button>
|
||||
</div>
|
||||
<button type="button" class="serge-close"></button>
|
||||
</div>
|
||||
<div class="Bg"></div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
/* 함께 볼만한자료 슬라이드 */
|
||||
var swiper = new Swiper(".DetailSwiper1", {
|
||||
loop: true,
|
||||
slidesPerView: 4,
|
||||
spaceBetween: 30,
|
||||
centeredSlides: false,
|
||||
autoplay: {
|
||||
delay: 2500,
|
||||
disableOnInteraction: false,
|
||||
},
|
||||
navigation: {
|
||||
nextEl: ".swiper-button-next",
|
||||
prevEl: ".swiper-button-prev",
|
||||
},
|
||||
/*
|
||||
pagination: {
|
||||
el: ".swiper-pagination",
|
||||
clickable: true,
|
||||
},
|
||||
*/
|
||||
});
|
||||
/* 유사한 자료 슬라이드 */
|
||||
var swiper = new Swiper(".DetailSwiper2", {
|
||||
loop: true,
|
||||
slidesPerView: 5,
|
||||
spaceBetween: 30,
|
||||
centeredSlides: true,
|
||||
autoplay: {
|
||||
delay: 1112500,
|
||||
disableOnInteraction: false,
|
||||
},
|
||||
navigation: {
|
||||
nextEl: ".swiper-button-next",
|
||||
prevEl: ".swiper-button-prev",
|
||||
},
|
||||
/*
|
||||
pagination: {
|
||||
el: ".swiper-pagination",
|
||||
clickable: true,
|
||||
},
|
||||
*/
|
||||
});
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
607
src/main/webapp/data-noresults.html
Normal file
607
src/main/webapp/data-noresults.html
Normal file
@ -0,0 +1,607 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ko">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="format-detection" content="telephone=no" />
|
||||
<title>소장자료관 - 소장자료</title>
|
||||
|
||||
<link rel="shortcut icon" type="image/x-icon" href="#">
|
||||
<link href="/css/common.css" rel="stylesheet">
|
||||
<link href="/css/jquery.mCustomScrollbar.css" rel="stylesheet">
|
||||
<link href="/css/swiper.min.css" rel="stylesheet">
|
||||
<link href="/css/default.css" rel="stylesheet">
|
||||
|
||||
<script src="/js/jquery-1.11.2.min.js"></script>
|
||||
<script src="/js/jquery.mCustomScrollbar.js"></script>
|
||||
<script src="/js/swiper.min.js"></script>
|
||||
<script src="/js/default.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="wrap sub">
|
||||
<!-- 헤더 -->
|
||||
<header id="header">
|
||||
<h2 class="blind">헤더영역</h2>
|
||||
<div class="inner">
|
||||
<h1><a href="/"><img src="/images/img/img-logo.png"><span>소장자료관</span></a></h1>
|
||||
|
||||
<div class="search-wrap">
|
||||
<h2 class="blind">검색</h2>
|
||||
<form id="searchHeaderForm" name="searchHeaderForm" method="post" action="">
|
||||
<fieldset>
|
||||
<legend>검색</legend>
|
||||
<div class="search-input">
|
||||
<input type="text" placeholder="" title="검색어 입력" name="query" id="query" class="ark_query" value="" autocomplete="off">
|
||||
<button type="button" class="btn-search" id="searchHeaderButton"><span>검색</span></button>
|
||||
<button type="button" class="btn-search-detail" id="btn-search-detail-cl">상세검색</button>
|
||||
</div>
|
||||
<div class="condition_sear">
|
||||
<select name="searchField" id="searchField1" class="sear_depth">
|
||||
<option value="" selected="selected">전체</option>
|
||||
<option value="TITLE">제목</option>
|
||||
</select>
|
||||
</div>
|
||||
</fieldset>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div class="log">
|
||||
<ul>
|
||||
<li><a href="javascript:;" class="login-btn">로그인</a></li>
|
||||
<li><a href="">회원증</a></li>
|
||||
<li><a href="">알림(<span class="count">10</span>)</a></li>
|
||||
<li><a href="">카드(<span class="count">10</span>)</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<div class="nav-wrap">
|
||||
<div class="inner">
|
||||
<button id="primary-nav-button" type="button" class="Btn eff"><i class="eff">Menu</i></button>
|
||||
<nav id="primary-nav" class="dropdown cf">
|
||||
<ul class="dropdown menu">
|
||||
<li class="eff active"><a href="/greeting.html" title="자료관안내" class="eff">자료관안내</a>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="/greeting.html" title="인사말" class="underline blue">인사말</a></li>
|
||||
<li><a href="/guide.html" title="이용안내" class="underline blue">이용안내</a></li>
|
||||
<li><a href="/location.html" title="찾아오시는길" class="underline blue">찾아오시는길</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="/data.html" title="소장자료" class="eff">소장자료</a></li>
|
||||
<li><a href="/notice.html" title="고객지원" class="eff">고객지원</a>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="/notice.html" title="공지사항" class="underline blue">공지사항</a></li>
|
||||
<li><a href="/faq.html" title="FAQ" class="underline blue">FAQ</a></li>
|
||||
<li><a href="/qna.html" title="Q&A" class="underline blue">Q&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>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 소장자료 섹션 -->
|
||||
<section class="location data">
|
||||
<h2 class="blind">소장자료 섹션영역</h2>
|
||||
<div class="inner">
|
||||
<div class="row-top">
|
||||
<div class="location-box">
|
||||
<ul class="loc">
|
||||
<li>HOME</li>
|
||||
<li class="on">소장자료</li>
|
||||
</ul>
|
||||
<ul class="tit">
|
||||
<li><span>소장</span>자료</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="arr"><img src="/images/icon/icon-join-arr2.png" alt="화살표 아이콘"></div>
|
||||
</div>
|
||||
<div class="row-bottom">
|
||||
<div class="data-box">
|
||||
|
||||
<div class="article-side">
|
||||
<section class="filter-wrap">
|
||||
<div class="filter-head">
|
||||
<h2>검색필터</h2>
|
||||
<button type="button" class="btn-filter-reset">초기화</button>
|
||||
</div>
|
||||
<div class="choice-condition">
|
||||
<ul id="ul_choice-condition">
|
||||
<li>문서 > 고문서</li>
|
||||
<li>문서 > 일반문서</li>
|
||||
<li>도면/지도 > 탁본</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="filter-condition">
|
||||
<div class="filter">
|
||||
<div class="filter-tit">
|
||||
<h3>자료유형</h3>
|
||||
</div>
|
||||
<div class="filter-list">
|
||||
<ul id="ul_category1List">
|
||||
|
||||
<li>
|
||||
<div class="depth-1">
|
||||
<div class="check"><input type="checkbox" id="theme-chk1" /><label for="theme-chk1">문서</label></div>
|
||||
</div>
|
||||
<ul class="depth-2">
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="theme-chk1-1" /><label for="theme-chk1-1">지도</label></div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="theme-chk1-2" /><label for="theme-chk1-2">도면</label></div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="theme-chk1-3" /><label for="theme-chk1-3">탁본</label></div>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<div class="depth-1">
|
||||
<div class="check"><input type="checkbox" id="theme-chk2" /><label for="theme-chk2">도면/지도</label></div>
|
||||
</div>
|
||||
<ul class="depth-2">
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="theme-chk2-1" /><label for="theme-chk2-1">지도</label></div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="theme-chk2-2" /><label for="theme-chk2-2">도면</label></div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="theme-chk2-3" /><label for="theme-chk2-3">탁본</label></div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="theme-chk2-4" /><label for="theme-chk2-4">기타</label></div>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<div class="depth-1">
|
||||
<div class="check"><input type="checkbox" id="theme-chk3" /><label for="theme-chk3">사진필름류</label></div>
|
||||
</div>
|
||||
<ul class="depth-2">
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="theme-chk3-1" /><label for="theme-chk3-1">지도</label></div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="theme-chk3-2" /><label for="theme-chk3-2">도면</label></div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="theme-chk3-3" /><label for="theme-chk3-3">탁본</label></div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="theme-chk3-4" /><label for="theme-chk3-4">기타</label></div>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<div class="depth-1">
|
||||
<div class="check"><input type="checkbox" id="theme-chk4" /><label for="theme-chk4">녹음동영상</label></div>
|
||||
</div>
|
||||
<ul class="depth-2">
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="theme-chk4-1" /><label for="theme-chk4-1">지도</label></div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="theme-chk4-2" /><label for="theme-chk4-2">도면</label></div>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<div class="depth-1">
|
||||
<div class="check"><input type="checkbox" id="theme-chk5" /><label for="theme-chk4">녹음동영상</label></div>
|
||||
</div>
|
||||
<ul class="depth-2">
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="theme-chk5-1" /><label for="theme-chk5-1">지도</label></div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="theme-chk5-2" /><label for="theme-chk5-2">도면</label></div>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<div class="depth-1">
|
||||
<div class="check"><input type="checkbox" id="theme-chk6" /><label for="theme-chk4">녹음동영상</label></div>
|
||||
<button type="button" class="btn-toggle">닫기</button>
|
||||
</div>
|
||||
<ul class="depth-2">
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="theme-chk6-1" /><label for="theme-chk6-1">지도</label></div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="theme-chk6-2" /><label for="theme-chk6-2">도면</label></div>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
<button type="button" class="btn-toggle-more">더보기</button>
|
||||
</div>
|
||||
<div class="filter">
|
||||
<div class="filter-tit">
|
||||
<h3>주제분야</h3>
|
||||
<button type="button" class="btn-toggle">닫기</button>
|
||||
</div>
|
||||
<div class="filter-list">
|
||||
<ul id="ul_category2List">
|
||||
|
||||
<li>
|
||||
<div class="depth-1">
|
||||
<div class="check"><input type="checkbox" id="type-chk1"/><label for="theme-chk1">자연과 지리</label></div>
|
||||
</div>
|
||||
<ul class="depth-2">
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="type-chk1-1" /><label for="theme-chk1-1">지리</label></div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="type-chk1-2" /><label for="theme-chk1-2">지리</label></div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="type-chk1-3" /><label for="theme-chk1-3">지리</label></div>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<div class="depth-1">
|
||||
<div class="check"><input type="checkbox" id="type-chk2" /><label for="theme-chk2">지방과 역사</label></div>
|
||||
</div>
|
||||
<ul class="depth-2">
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="type-chk2-1" /><label for="theme-chk2-1">지리</label></div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="type-chk2-2" /><label for="theme-chk2-2">지리</label></div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="type-chk2-3" /><label for="theme-chk2-3">지리</label></div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="type-chk1-4" /><label for="theme-chk2-4">지리</label></div>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<div class="depth-1">
|
||||
<div class="check"><input type="checkbox" id="type-chk3" /><label for="theme-chk3">문화유산</label></div>
|
||||
</div>
|
||||
<ul class="depth-2">
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="type-chk3-1" /><label for="theme-chk3-1">지리</label></div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="type-chk3-2" /><label for="theme-chk3-2">지리</label></div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="type-chk3-3" /><label for="theme-chk3-3">지리</label></div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="type-chk3-4" /><label for="theme-chk3-4">지리</label></div>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<div class="depth-1">
|
||||
<div class="check"><input type="checkbox" id="type-chk4" /><label for="theme-chk4">성씨와 인물</label></div>
|
||||
</div>
|
||||
<ul class="depth-2">
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="type-chk4-1" /><label for="theme-chk4-1">지리</label></div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="type-chk4-2" /><label for="theme-chk4-2">지리</label></div>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<div class="depth-1">
|
||||
<div class="check"><input type="checkbox" id="type-chk5" /><label for="theme-chk4">정치와 행정</label></div>
|
||||
</div>
|
||||
<ul class="depth-2">
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="type-chk5-1" /><label for="theme-chk5-1">지리</label></div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="type-chk5-2" /><label for="theme-chk5-2">지리</label></div>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<div class="depth-1">
|
||||
<div class="check"><input type="checkbox" id="type-chk6" /><label for="theme-chk4">경제와 산업</label></div>
|
||||
</div>
|
||||
<ul class="depth-2">
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="type-chk6-1" /><label for="theme-chk6-1">지리</label></div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="type-chk6-2" /><label for="theme-chk6-2">지리</label></div>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
<button type="button" class="btn-toggle-more">더보기</button>
|
||||
</div>
|
||||
|
||||
<div class="filter">
|
||||
<div class="filter-tit">
|
||||
<h3>생산년도</h3>
|
||||
</div>
|
||||
<div class="filter-list year">
|
||||
<ul>
|
||||
<li>
|
||||
<label for="m-year-1"><input type="radio" id="m-year-1" name="m-year" checked="checked">전체</label>
|
||||
</li>
|
||||
<li>
|
||||
<label for="m-year-2-1"><input type="radio" id="m-year-2" name="m-year">
|
||||
<input type="text" id="m-year-2-1" placeholder="예) 2017"> ~ <input type="text" id="m-year-2-2" placeholder="예) 2018">
|
||||
</label>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<button type="button" class="btn-apply">적용</button>
|
||||
</div>
|
||||
|
||||
<div class="filter">
|
||||
<div class="filter-tit">
|
||||
<h3>생산기관</h3>
|
||||
</div>
|
||||
<div class="filter-list">
|
||||
<ul id="ul_category3List">
|
||||
|
||||
<li>
|
||||
<div class="depth-1">
|
||||
<div class="check"><input type="checkbox" id="agency-chk1"/><label for="theme-chk1">경산북도문화원연합회</label></div>
|
||||
</div>
|
||||
<ul class="depth-2">
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="agency-chk1-1" /><label for="theme-chk1-1">경산북도문화원연합회</label></div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="agency-chk1-2" /><label for="theme-chk1-2">경산북도문화원연합회</label></div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="agency-chk1-3" /><label for="theme-chk1-3">경산북도문화원연합회</label></div>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<div class="depth-1">
|
||||
<div class="check"><input type="checkbox" id="agency-chk2" /><label for="theme-chk2">경산문화원</label></div>
|
||||
</div>
|
||||
<ul class="depth-2">
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="agency-chk2-1" /><label for="theme-chk2-1">경산문화원</label></div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="agency-chk2-2" /><label for="theme-chk2-2">경산문화원</label></div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="agency-chk2-3" /><label for="theme-chk2-3">경산문화원</label></div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="agency-chk1-4" /><label for="theme-chk2-4">경산문화원</label></div>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<div class="depth-1">
|
||||
<div class="check"><input type="checkbox" id="agency-chk3" /><label for="theme-chk3">경주문화원</label></div>
|
||||
</div>
|
||||
<ul class="depth-2">
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="agency-chk3-1" /><label for="theme-chk3-1">경주문화원</label></div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="agency-chk3-2" /><label for="theme-chk3-2">경주문화원</label></div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="agency-chk3-3" /><label for="theme-chk3-3">경주문화원</label></div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="agency-chk3-4" /><label for="theme-chk3-4">경주문화원</label></div>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<div class="depth-1">
|
||||
<div class="check"><input type="checkbox" id="agency-chk4" /><label for="theme-chk4">고령문화원</label></div>
|
||||
</div>
|
||||
<ul class="depth-2">
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="agency-chk4-1" /><label for="theme-chk4-1">고령문화원</label></div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="agency-chk4-2" /><label for="theme-chk4-2">고령문화원</label></div>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<div class="depth-1">
|
||||
<div class="check"><input type="checkbox" id="agency-chk5" /><label for="theme-chk4">고령문화원</label></div>
|
||||
</div>
|
||||
<ul class="depth-2">
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="agency-chk5-1" /><label for="theme-chk5-1">고령문화원</label></div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="agency-chk5-2" /><label for="theme-chk5-2">고령문화원</label></div>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<div class="depth-1">
|
||||
<div class="check"><input type="checkbox" id="agency-chk6" /><label for="theme-chk4">고령문화원</label></div>
|
||||
</div>
|
||||
<ul class="depth-2">
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="agency-chk6-1" /><label for="theme-chk6-1">고령문화원</label></div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="agency-chk6-2" /><label for="theme-chk6-2">고령문화원</label></div>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
<button type="button" class="btn-toggle-more">더보기</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<div class="list-box culture-box">
|
||||
<div class="tab">
|
||||
<ul class="tabs">
|
||||
<li><a href="#">전체<span>(200)</span></a></li>
|
||||
<li><a href="#">방문열람<span>(60)</span></a></li>
|
||||
<li><a href="#">대출<span>(50)</span></a></li>
|
||||
<li><a href="#">온라인열람<span>(130)</span></a></li>
|
||||
<li><a href="#">기타<span>(70)</span></a></li>
|
||||
</ul>
|
||||
|
||||
<div class="title">
|
||||
<span class="count">총 <em>200</em>건</span>
|
||||
<div class="list-search-wrap list-top">
|
||||
<div class="re-search">
|
||||
<label for="data-search"><input type="radio" id="data-search">결과 내 재검색</label>
|
||||
</div>
|
||||
<div class="list-select page-size">
|
||||
<select name="" id="" title="리스트 개수 선택">
|
||||
<option value="12">12개씩보기</option>
|
||||
<option value="24">24개씩보기</option>
|
||||
<option value="36">36개씩보기</option>
|
||||
<option value="48">48개씩보기</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="list-input">
|
||||
<input type="text" title="검색어 입력" placeholder="검색어를 입력하세요"/>
|
||||
<button type="submit">검색</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tab_content">
|
||||
<div class="tabs_item">
|
||||
<div class="inner">
|
||||
|
||||
<div class="list-cart-wrap">
|
||||
<div class="list-data">
|
||||
<div class="list t-tit-line">
|
||||
<div class="t-data">자료정보</div>
|
||||
<div class="t-btn">이용</div>
|
||||
</div>
|
||||
<div class="list resu">
|
||||
<div class="no-result">
|
||||
<p class="icon"><img src="/images/icon/icon-data-noresult.png" alt="느낌표 아이콘"></p>
|
||||
<p class="text1">검색된 결과가 없습니다</p>
|
||||
<p class="text2"><span>지역N문화</span>에서 더 많은 자료를 확인하세요!</p>
|
||||
<p class="btnbox"><button type="button" class="btn btn-color">지역N문화에서 검색</button></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<ul class="paging">
|
||||
<li class="btn btn-first"><a href="#" onclick="linkPage(1); return false;" title="처음으로">처음으로</a></li>
|
||||
<li class="btn btn-prev"><a href="#" onclick="linkPage(1); return false;" title="이전">이전</a></li>
|
||||
<li class="on"><a href="#" title="현재위치 페이지">1</a></li>
|
||||
<li><a href="?pageIndex=2" onclick="linkPage(2); return false;" title="2 페이지">2</a></li>
|
||||
<li><a href="?pageIndex=3" onclick="linkPage(3); return false;" title="3 페이지">3</a></li>
|
||||
<li><a href="?pageIndex=4" onclick="linkPage(4); return false;" title="4 페이지">4</a></li>
|
||||
<li><a href="?pageIndex=5" onclick="linkPage(5); return false;" title="5 페이지">5</a></li>
|
||||
<li><a href="?pageIndex=6" onclick="linkPage(6); return false;" title="6 페이지">6</a></li>
|
||||
<li><a href="?pageIndex=7" onclick="linkPage(7); return false;" title="7 페이지">7</a></li>
|
||||
<li><a href="?pageIndex=8" onclick="linkPage(8); return false;" title="8 페이지">8</a></li>
|
||||
<li><a href="?pageIndex=9" onclick="linkPage(9); return false;" title="9 페이지">9</a></li>
|
||||
<li><a href="?pageIndex=10" onclick="linkPage(10); return false;" title="10 페이지">10</a></li>
|
||||
<li class="btn btn-next"><a href="#" onclick="linkPage(11); return false;" title="다음">다음</a></li>
|
||||
<li class="btn btn-last"><a href="#" onclick="linkPage(418); return false;" title="맨끝으로">맨끝으로</a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tabs_item">
|
||||
<div class="inner">
|
||||
02
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tabs_item">
|
||||
<div class="inner">
|
||||
03
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tabs_item">
|
||||
<div class="inner">
|
||||
04
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tabs_item">
|
||||
<div class="inner">
|
||||
05
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer id="footer">
|
||||
<button type="button" id="btn-go-top" class="btn-go-top"><span><img src="/images/icon/icon-arr-top.png" alt="상단 화살표"></span><p>TOP</p></button>
|
||||
<div class="inner">
|
||||
<div class="row-top">
|
||||
<div class="footer-logo">
|
||||
<h1><a href="#"><img src="/images/img/img-footer-logo.png" alt="푸터 로고"></a></h1>
|
||||
</div>
|
||||
<div class="family_site">
|
||||
<p class="site_name">관련 사이트</p>
|
||||
<ul class="site_depth">
|
||||
<li><a href="/" target="_blank">01</a></li>
|
||||
<li><a href="/" target="_blank">02</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row-bottom">
|
||||
<div class="left-side">
|
||||
<ul class="fnb">
|
||||
<li><a href="/">이용약관</a></li>
|
||||
<li><a href="/">개인정보처리방침</a></li>
|
||||
<li><a href="/">찾아오시는 길</a></li>
|
||||
</ul>
|
||||
<p class="copy">
|
||||
서울시 마포대로49 성우빌딩 308호 <span><a href="tel:02-704-2322">TEL. 02.704-2322</a></span> <span>FAX. 02.704-2377</span> <br>
|
||||
COPYRIGHT (C)2018 The Federation of Korea Culture Center. ALL RIGHT RESERVED.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
664
src/main/webapp/data.html
Normal file
664
src/main/webapp/data.html
Normal file
@ -0,0 +1,664 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ko">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="format-detection" content="telephone=no" />
|
||||
<title>소장자료관 - 소장자료</title>
|
||||
|
||||
<link rel="shortcut icon" type="image/x-icon" href="#">
|
||||
<link href="/css/common.css" rel="stylesheet">
|
||||
<link href="/css/jquery.mCustomScrollbar.css" rel="stylesheet">
|
||||
<link href="/css/swiper.min.css" rel="stylesheet">
|
||||
<link href="/css/default.css" rel="stylesheet">
|
||||
|
||||
<script src="/js/jquery-1.11.2.min.js"></script>
|
||||
<script src="/js/jquery.mCustomScrollbar.js"></script>
|
||||
<script src="/js/swiper.min.js"></script>
|
||||
<script src="/js/default.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="wrap sub">
|
||||
<!-- 헤더 -->
|
||||
<header id="header">
|
||||
<h2 class="blind">헤더영역</h2>
|
||||
<div class="inner">
|
||||
<h1><a href="/"><img src="/images/img/img-logo.png"><span>소장자료관</span></a></h1>
|
||||
|
||||
<div class="search-wrap">
|
||||
<h2 class="blind">검색</h2>
|
||||
<form id="searchHeaderForm" name="searchHeaderForm" method="post" action="">
|
||||
<fieldset>
|
||||
<legend>검색</legend>
|
||||
<div class="search-input">
|
||||
<input type="text" placeholder="" title="검색어 입력" name="query" id="query" class="ark_query" value="" autocomplete="off">
|
||||
<button type="button" class="btn-search" id="searchHeaderButton"><span>검색</span></button>
|
||||
<button type="button" class="btn-search-detail" id="btn-search-detail-cl">상세검색</button>
|
||||
</div>
|
||||
<div class="condition_sear">
|
||||
<select name="searchField" id="searchField1" class="sear_depth">
|
||||
<option value="" selected="selected">전체</option>
|
||||
<option value="TITLE">제목</option>
|
||||
</select>
|
||||
</div>
|
||||
</fieldset>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div class="log">
|
||||
<ul>
|
||||
<li><a href="javascript:;" class="login-btn">로그인</a></li>
|
||||
<li><a href="">회원증</a></li>
|
||||
<li><a href="">알림(<span class="count">10</span>)</a></li>
|
||||
<li><a href="">카드(<span class="count">10</span>)</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<div class="nav-wrap">
|
||||
<div class="inner">
|
||||
<button id="primary-nav-button" type="button" class="Btn eff"><i class="eff">Menu</i></button>
|
||||
<nav id="primary-nav" class="dropdown cf">
|
||||
<ul class="dropdown menu">
|
||||
<li class="eff active"><a href="/greeting.html" title="자료관안내" class="eff">자료관안내</a>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="/greeting.html" title="인사말" class="underline blue">인사말</a></li>
|
||||
<li><a href="/guide.html" title="이용안내" class="underline blue">이용안내</a></li>
|
||||
<li><a href="/location.html" title="찾아오시는길" class="underline blue">찾아오시는길</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="/data.html" title="소장자료" class="eff">소장자료</a></li>
|
||||
<li><a href="/notice.html" title="고객지원" class="eff">고객지원</a>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="/notice.html" title="공지사항" class="underline blue">공지사항</a></li>
|
||||
<li><a href="/faq.html" title="FAQ" class="underline blue">FAQ</a></li>
|
||||
<li><a href="/qna.html" title="Q&A" class="underline blue">Q&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>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 소장자료 섹션 -->
|
||||
<section class="location data">
|
||||
<h2 class="blind">소장자료 섹션영역</h2>
|
||||
<div class="inner">
|
||||
<div class="row-top">
|
||||
<div class="location-box">
|
||||
<ul class="loc">
|
||||
<li>HOME</li>
|
||||
<li class="on">소장자료</li>
|
||||
</ul>
|
||||
<ul class="tit">
|
||||
<li><span>소장</span>자료</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="arr"><img src="/images/icon/icon-join-arr2.png" alt="화살표 아이콘"></div>
|
||||
</div>
|
||||
<div class="row-bottom">
|
||||
<div class="data-box">
|
||||
|
||||
<div class="article-side">
|
||||
<section class="filter-wrap">
|
||||
<div class="filter-head">
|
||||
<h2>검색필터</h2>
|
||||
<button type="button" class="btn-filter-reset">초기화</button>
|
||||
</div>
|
||||
<div class="choice-condition">
|
||||
<ul id="ul_choice-condition">
|
||||
<li>문서 > 고문서</li>
|
||||
<li>문서 > 일반문서</li>
|
||||
<li>도면/지도 > 탁본</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="filter-condition">
|
||||
<div class="filter">
|
||||
<div class="filter-tit">
|
||||
<h3>자료유형</h3>
|
||||
</div>
|
||||
<div class="filter-list">
|
||||
<ul id="ul_category1List">
|
||||
|
||||
<li>
|
||||
<div class="depth-1">
|
||||
<div class="check"><input type="checkbox" id="theme-chk1" /><label for="theme-chk1">문서</label></div>
|
||||
</div>
|
||||
<ul class="depth-2">
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="theme-chk1-1" /><label for="theme-chk1-1">지도</label></div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="theme-chk1-2" /><label for="theme-chk1-2">도면</label></div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="theme-chk1-3" /><label for="theme-chk1-3">탁본</label></div>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<div class="depth-1">
|
||||
<div class="check"><input type="checkbox" id="theme-chk2" /><label for="theme-chk2">도면/지도</label></div>
|
||||
</div>
|
||||
<ul class="depth-2">
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="theme-chk2-1" /><label for="theme-chk2-1">지도</label></div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="theme-chk2-2" /><label for="theme-chk2-2">도면</label></div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="theme-chk2-3" /><label for="theme-chk2-3">탁본</label></div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="theme-chk2-4" /><label for="theme-chk2-4">기타</label></div>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<div class="depth-1">
|
||||
<div class="check"><input type="checkbox" id="theme-chk3" /><label for="theme-chk3">사진필름류</label></div>
|
||||
</div>
|
||||
<ul class="depth-2">
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="theme-chk3-1" /><label for="theme-chk3-1">지도</label></div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="theme-chk3-2" /><label for="theme-chk3-2">도면</label></div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="theme-chk3-3" /><label for="theme-chk3-3">탁본</label></div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="theme-chk3-4" /><label for="theme-chk3-4">기타</label></div>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<div class="depth-1">
|
||||
<div class="check"><input type="checkbox" id="theme-chk4" /><label for="theme-chk4">녹음동영상</label></div>
|
||||
</div>
|
||||
<ul class="depth-2">
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="theme-chk4-1" /><label for="theme-chk4-1">지도</label></div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="theme-chk4-2" /><label for="theme-chk4-2">도면</label></div>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<div class="depth-1">
|
||||
<div class="check"><input type="checkbox" id="theme-chk5" /><label for="theme-chk4">녹음동영상</label></div>
|
||||
</div>
|
||||
<ul class="depth-2">
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="theme-chk5-1" /><label for="theme-chk5-1">지도</label></div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="theme-chk5-2" /><label for="theme-chk5-2">도면</label></div>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<div class="depth-1">
|
||||
<div class="check"><input type="checkbox" id="theme-chk6" /><label for="theme-chk4">녹음동영상</label></div>
|
||||
<button type="button" class="btn-toggle">닫기</button>
|
||||
</div>
|
||||
<ul class="depth-2">
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="theme-chk6-1" /><label for="theme-chk6-1">지도</label></div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="theme-chk6-2" /><label for="theme-chk6-2">도면</label></div>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
<button type="button" class="btn-toggle-more">더보기</button>
|
||||
</div>
|
||||
<div class="filter">
|
||||
<div class="filter-tit">
|
||||
<h3>주제분야</h3>
|
||||
<button type="button" class="btn-toggle">닫기</button>
|
||||
</div>
|
||||
<div class="filter-list">
|
||||
<ul id="ul_category2List">
|
||||
|
||||
<li>
|
||||
<div class="depth-1">
|
||||
<div class="check"><input type="checkbox" id="type-chk1"/><label for="theme-chk1">자연과 지리</label></div>
|
||||
</div>
|
||||
<ul class="depth-2">
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="type-chk1-1" /><label for="theme-chk1-1">지리</label></div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="type-chk1-2" /><label for="theme-chk1-2">지리</label></div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="type-chk1-3" /><label for="theme-chk1-3">지리</label></div>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<div class="depth-1">
|
||||
<div class="check"><input type="checkbox" id="type-chk2" /><label for="theme-chk2">지방과 역사</label></div>
|
||||
</div>
|
||||
<ul class="depth-2">
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="type-chk2-1" /><label for="theme-chk2-1">지리</label></div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="type-chk2-2" /><label for="theme-chk2-2">지리</label></div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="type-chk2-3" /><label for="theme-chk2-3">지리</label></div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="type-chk1-4" /><label for="theme-chk2-4">지리</label></div>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<div class="depth-1">
|
||||
<div class="check"><input type="checkbox" id="type-chk3" /><label for="theme-chk3">문화유산</label></div>
|
||||
</div>
|
||||
<ul class="depth-2">
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="type-chk3-1" /><label for="theme-chk3-1">지리</label></div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="type-chk3-2" /><label for="theme-chk3-2">지리</label></div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="type-chk3-3" /><label for="theme-chk3-3">지리</label></div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="type-chk3-4" /><label for="theme-chk3-4">지리</label></div>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<div class="depth-1">
|
||||
<div class="check"><input type="checkbox" id="type-chk4" /><label for="theme-chk4">성씨와 인물</label></div>
|
||||
</div>
|
||||
<ul class="depth-2">
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="type-chk4-1" /><label for="theme-chk4-1">지리</label></div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="type-chk4-2" /><label for="theme-chk4-2">지리</label></div>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<div class="depth-1">
|
||||
<div class="check"><input type="checkbox" id="type-chk5" /><label for="theme-chk4">정치와 행정</label></div>
|
||||
</div>
|
||||
<ul class="depth-2">
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="type-chk5-1" /><label for="theme-chk5-1">지리</label></div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="type-chk5-2" /><label for="theme-chk5-2">지리</label></div>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<div class="depth-1">
|
||||
<div class="check"><input type="checkbox" id="type-chk6" /><label for="theme-chk4">경제와 산업</label></div>
|
||||
</div>
|
||||
<ul class="depth-2">
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="type-chk6-1" /><label for="theme-chk6-1">지리</label></div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="type-chk6-2" /><label for="theme-chk6-2">지리</label></div>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
<button type="button" class="btn-toggle-more">더보기</button>
|
||||
</div>
|
||||
|
||||
<div class="filter">
|
||||
<div class="filter-tit">
|
||||
<h3>생산년도</h3>
|
||||
</div>
|
||||
<div class="filter-list year">
|
||||
<ul>
|
||||
<li>
|
||||
<label for="m-year-1"><input type="radio" id="m-year-1" name="m-year" checked="checked">전체</label>
|
||||
</li>
|
||||
<li>
|
||||
<label for="m-year-2-1"><input type="radio" id="m-year-2" name="m-year">
|
||||
<input type="text" id="m-year-2-1" placeholder="예) 2017"> ~ <input type="text" id="m-year-2-2" placeholder="예) 2018">
|
||||
</label>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<button type="button" class="btn-apply">적용</button>
|
||||
</div>
|
||||
|
||||
<div class="filter">
|
||||
<div class="filter-tit">
|
||||
<h3>생산기관</h3>
|
||||
</div>
|
||||
<div class="filter-list">
|
||||
<ul id="ul_category3List">
|
||||
|
||||
<li>
|
||||
<div class="depth-1">
|
||||
<div class="check"><input type="checkbox" id="agency-chk1"/><label for="theme-chk1">경산북도문화원연합회</label></div>
|
||||
</div>
|
||||
<ul class="depth-2">
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="agency-chk1-1" /><label for="theme-chk1-1">경산북도문화원연합회</label></div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="agency-chk1-2" /><label for="theme-chk1-2">경산북도문화원연합회</label></div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="agency-chk1-3" /><label for="theme-chk1-3">경산북도문화원연합회</label></div>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<div class="depth-1">
|
||||
<div class="check"><input type="checkbox" id="agency-chk2" /><label for="theme-chk2">경산문화원</label></div>
|
||||
</div>
|
||||
<ul class="depth-2">
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="agency-chk2-1" /><label for="theme-chk2-1">경산문화원</label></div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="agency-chk2-2" /><label for="theme-chk2-2">경산문화원</label></div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="agency-chk2-3" /><label for="theme-chk2-3">경산문화원</label></div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="agency-chk1-4" /><label for="theme-chk2-4">경산문화원</label></div>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<div class="depth-1">
|
||||
<div class="check"><input type="checkbox" id="agency-chk3" /><label for="theme-chk3">경주문화원</label></div>
|
||||
</div>
|
||||
<ul class="depth-2">
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="agency-chk3-1" /><label for="theme-chk3-1">경주문화원</label></div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="agency-chk3-2" /><label for="theme-chk3-2">경주문화원</label></div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="agency-chk3-3" /><label for="theme-chk3-3">경주문화원</label></div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="agency-chk3-4" /><label for="theme-chk3-4">경주문화원</label></div>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<div class="depth-1">
|
||||
<div class="check"><input type="checkbox" id="agency-chk4" /><label for="theme-chk4">고령문화원</label></div>
|
||||
</div>
|
||||
<ul class="depth-2">
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="agency-chk4-1" /><label for="theme-chk4-1">고령문화원</label></div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="agency-chk4-2" /><label for="theme-chk4-2">고령문화원</label></div>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<div class="depth-1">
|
||||
<div class="check"><input type="checkbox" id="agency-chk5" /><label for="theme-chk4">고령문화원</label></div>
|
||||
</div>
|
||||
<ul class="depth-2">
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="agency-chk5-1" /><label for="theme-chk5-1">고령문화원</label></div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="agency-chk5-2" /><label for="theme-chk5-2">고령문화원</label></div>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<div class="depth-1">
|
||||
<div class="check"><input type="checkbox" id="agency-chk6" /><label for="theme-chk4">고령문화원</label></div>
|
||||
</div>
|
||||
<ul class="depth-2">
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="agency-chk6-1" /><label for="theme-chk6-1">고령문화원</label></div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="check"><input type="checkbox" id="agency-chk6-2" /><label for="theme-chk6-2">고령문화원</label></div>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
<button type="button" class="btn-toggle-more">더보기</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<div class="list-box culture-box">
|
||||
<div class="tab">
|
||||
<ul class="tabs">
|
||||
<li><a href="#">전체<span>(200)</span></a></li>
|
||||
<li><a href="#">방문열람<span>(60)</span></a></li>
|
||||
<li><a href="#">대출<span>(50)</span></a></li>
|
||||
<li><a href="#">온라인열람<span>(130)</span></a></li>
|
||||
<li><a href="#">기타<span>(70)</span></a></li>
|
||||
</ul>
|
||||
|
||||
<div class="title">
|
||||
<span class="count">총 <em>200</em>건</span>
|
||||
<div class="list-search-wrap list-top">
|
||||
<div class="re-search">
|
||||
<label for="data-search"><input type="radio" id="data-search">결과 내 재검색</label>
|
||||
</div>
|
||||
<div class="list-select page-size">
|
||||
<select name="" id="" title="리스트 개수 선택">
|
||||
<option value="12">12개씩보기</option>
|
||||
<option value="24">24개씩보기</option>
|
||||
<option value="36">36개씩보기</option>
|
||||
<option value="48">48개씩보기</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="list-input">
|
||||
<input type="text" title="검색어 입력" placeholder="검색어를 입력하세요"/>
|
||||
<button type="submit">검색</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tab_content">
|
||||
<div class="tabs_item">
|
||||
<div class="inner">
|
||||
|
||||
<div class="list-cart-wrap">
|
||||
<div class="list-data">
|
||||
<div class="list t-tit-line">
|
||||
<div class="t-data">자료정보</div>
|
||||
<div class="t-btn">이용</div>
|
||||
</div>
|
||||
<div class="list">
|
||||
<div class="t-data">
|
||||
<div class="img"><a href="#"><img src="/images/img/img-cart-img01.jpg" alt=""></a><span class="favorites"><img src="images/icon/icon-cart-Favorites.png" class="off" alt="즐겨찾기 아이콘"><img src="images/icon/icon-cart-Favorites-on.png" class="on" alt="즐겨찾기 아이콘"></span></div>
|
||||
<div class="type">
|
||||
<span class="online">온라인열람</span>
|
||||
<span class="loan">대출</span>
|
||||
<span class="visit">방문열람</span>
|
||||
</div>
|
||||
<div class="title"><a href="#">경주읍성 남문 장례문의 옥루</a></div>
|
||||
<div class="code">KCCF1010010001</div>
|
||||
<div class="subject">
|
||||
<span>주제분야 : 도서간행물 > 연속간행물</span>
|
||||
<span>주제분야 : 자연과지리 > 자연환경</span>
|
||||
<span>생산기관 : 경북경주문화원</span>
|
||||
<span>생산년도 : 2021</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="t-btn">
|
||||
<button type="button" class="btn-color">원문보기</button>
|
||||
<button type="button" class="btn-gray">RIS</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="list">
|
||||
<div class="t-data">
|
||||
<div class="img"><a href="#"><img src="/images/img/img-cart-img01.jpg" alt=""></a><span class="favorites"><img src="images/icon/icon-cart-Favorites.png" class="off" alt="즐겨찾기 아이콘"><img src="images/icon/icon-cart-Favorites-on.png" class="on" alt="즐겨찾기 아이콘"></span></div>
|
||||
<div class="type">
|
||||
<span class="online">온라인열람</span>
|
||||
<span class="loan">대출</span>
|
||||
<span class="visit">방문열람</span>
|
||||
</div>
|
||||
<div class="title"><a href="#">경주읍성 남문 장례문의 옥루</a></div>
|
||||
<div class="code">KCCF1010010001</div>
|
||||
<div class="subject">
|
||||
<span>주제분야 : 도서간행물 > 연속간행물</span>
|
||||
<span>주제분야 : 자연과지리 > 자연환경</span>
|
||||
<span>생산기관 : 경북경주문화원</span>
|
||||
<span>생산년도 : 2021</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="t-btn">
|
||||
<p>대출신청 가능<br>방문열람신청 가능</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="list">
|
||||
<div class="t-data">
|
||||
<div class="img"><a href="#"><img src="/images/img/img-cart-img01.jpg" alt=""></a><span class="favorites"><img src="images/icon/icon-cart-Favorites.png" class="off" alt="즐겨찾기 아이콘"><img src="images/icon/icon-cart-Favorites-on.png" class="on" alt="즐겨찾기 아이콘"></span></div>
|
||||
<div class="type">
|
||||
<span class="online">온라인열람</span>
|
||||
<span class="loan">대출</span>
|
||||
<span class="visit">방문열람</span>
|
||||
</div>
|
||||
<div class="title"><a href="#">경주읍성 남문 장례문의 옥루</a></div>
|
||||
<div class="code">KCCF1010010001</div>
|
||||
<div class="subject">
|
||||
<span>주제분야 : 도서간행물 > 연속간행물</span>
|
||||
<span>주제분야 : 자연과지리 > 자연환경</span>
|
||||
<span>생산기관 : 경북경주문화원</span>
|
||||
<span>생산년도 : 2021</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="t-btn">
|
||||
<button type="button" class="btn-color">원문보기</button>
|
||||
<button type="button" class="btn-gray">RIS</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<ul class="paging">
|
||||
<li class="btn btn-first"><a href="#" onclick="linkPage(1); return false;" title="처음으로">처음으로</a></li>
|
||||
<li class="btn btn-prev"><a href="#" onclick="linkPage(1); return false;" title="이전">이전</a></li>
|
||||
<li class="on"><a href="#" title="현재위치 페이지">1</a></li>
|
||||
<li><a href="?pageIndex=2" onclick="linkPage(2); return false;" title="2 페이지">2</a></li>
|
||||
<li><a href="?pageIndex=3" onclick="linkPage(3); return false;" title="3 페이지">3</a></li>
|
||||
<li><a href="?pageIndex=4" onclick="linkPage(4); return false;" title="4 페이지">4</a></li>
|
||||
<li><a href="?pageIndex=5" onclick="linkPage(5); return false;" title="5 페이지">5</a></li>
|
||||
<li><a href="?pageIndex=6" onclick="linkPage(6); return false;" title="6 페이지">6</a></li>
|
||||
<li><a href="?pageIndex=7" onclick="linkPage(7); return false;" title="7 페이지">7</a></li>
|
||||
<li><a href="?pageIndex=8" onclick="linkPage(8); return false;" title="8 페이지">8</a></li>
|
||||
<li><a href="?pageIndex=9" onclick="linkPage(9); return false;" title="9 페이지">9</a></li>
|
||||
<li><a href="?pageIndex=10" onclick="linkPage(10); return false;" title="10 페이지">10</a></li>
|
||||
<li class="btn btn-next"><a href="#" onclick="linkPage(11); return false;" title="다음">다음</a></li>
|
||||
<li class="btn btn-last"><a href="#" onclick="linkPage(418); return false;" title="맨끝으로">맨끝으로</a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tabs_item">
|
||||
<div class="inner">
|
||||
02
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tabs_item">
|
||||
<div class="inner">
|
||||
03
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tabs_item">
|
||||
<div class="inner">
|
||||
04
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tabs_item">
|
||||
<div class="inner">
|
||||
05
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer id="footer">
|
||||
<button type="button" id="btn-go-top" class="btn-go-top"><span><img src="/images/icon/icon-arr-top.png" alt="상단 화살표"></span><p>TOP</p></button>
|
||||
<div class="inner">
|
||||
<div class="row-top">
|
||||
<div class="footer-logo">
|
||||
<h1><a href="#"><img src="/images/img/img-footer-logo.png" alt="푸터 로고"></a></h1>
|
||||
</div>
|
||||
<div class="family_site">
|
||||
<p class="site_name">관련 사이트</p>
|
||||
<ul class="site_depth">
|
||||
<li><a href="/" target="_blank">01</a></li>
|
||||
<li><a href="/" target="_blank">02</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row-bottom">
|
||||
<div class="left-side">
|
||||
<ul class="fnb">
|
||||
<li><a href="/">이용약관</a></li>
|
||||
<li><a href="/">개인정보처리방침</a></li>
|
||||
<li><a href="/">찾아오시는 길</a></li>
|
||||
</ul>
|
||||
<p class="copy">
|
||||
서울시 마포대로49 성우빌딩 308호 <span><a href="tel:02-704-2322">TEL. 02.704-2322</a></span> <span>FAX. 02.704-2377</span> <br>
|
||||
COPYRIGHT (C)2018 The Federation of Korea Culture Center. ALL RIGHT RESERVED.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
272
src/main/webapp/faq.html
Normal file
272
src/main/webapp/faq.html
Normal file
@ -0,0 +1,272 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ko">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="format-detection" content="telephone=no" />
|
||||
<title>소장자료관 - 소장자료</title>
|
||||
|
||||
<link rel="shortcut icon" type="image/x-icon" href="#">
|
||||
<link href="/css/common.css" rel="stylesheet">
|
||||
<link href="/css/jquery.mCustomScrollbar.css" rel="stylesheet">
|
||||
<link href="/css/swiper.min.css" rel="stylesheet">
|
||||
<link href="/css/default.css" rel="stylesheet">
|
||||
|
||||
<script src="/js/jquery-1.11.2.min.js"></script>
|
||||
<script src="/js/jquery.mCustomScrollbar.js"></script>
|
||||
<script src="/js/swiper.min.js"></script>
|
||||
<script src="/js/default.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="wrap sub">
|
||||
<!-- 헤더 -->
|
||||
<header id="header">
|
||||
<h2 class="blind">헤더영역</h2>
|
||||
<div class="inner">
|
||||
<h1><a href="/"><img src="/images/img/img-logo.png"><span>소장자료관</span></a></h1>
|
||||
|
||||
<div class="search-wrap">
|
||||
<h2 class="blind">검색</h2>
|
||||
<form id="searchHeaderForm" name="searchHeaderForm" method="post" action="">
|
||||
<fieldset>
|
||||
<legend>검색</legend>
|
||||
<div class="search-input">
|
||||
<input type="text" placeholder="" title="검색어 입력" name="query" id="query" class="ark_query" value="" autocomplete="off">
|
||||
<button type="button" class="btn-search" id="searchHeaderButton"><span>검색</span></button>
|
||||
<button type="button" class="btn-search-detail" id="btn-search-detail-cl">상세검색</button>
|
||||
</div>
|
||||
<div class="condition_sear">
|
||||
<select name="searchField" id="searchField1" class="sear_depth">
|
||||
<option value="" selected="selected">전체</option>
|
||||
<option value="TITLE">제목</option>
|
||||
</select>
|
||||
</div>
|
||||
</fieldset>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div class="log">
|
||||
<ul>
|
||||
<li><a href="javascript:;" class="login-btn">로그인</a></li>
|
||||
<li><a href="">회원증</a></li>
|
||||
<li><a href="">알림(<span class="count">10</span>)</a></li>
|
||||
<li><a href="">카드(<span class="count">10</span>)</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<div class="nav-wrap">
|
||||
<div class="inner">
|
||||
<button id="primary-nav-button" type="button" class="Btn eff"><i class="eff">Menu</i></button>
|
||||
<nav id="primary-nav" class="dropdown cf">
|
||||
<ul class="dropdown menu">
|
||||
<li class="eff active"><a href="/greeting.html" title="자료관안내" class="eff">자료관안내</a>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="/greeting.html" title="인사말" class="underline blue">인사말</a></li>
|
||||
<li><a href="/guide.html" title="이용안내" class="underline blue">이용안내</a></li>
|
||||
<li><a href="/location.html" title="찾아오시는길" class="underline blue">찾아오시는길</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="/data.html" title="소장자료" class="eff">소장자료</a></li>
|
||||
<li><a href="/notice.html" title="고객지원" class="eff">고객지원</a>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="/notice.html" title="공지사항" class="underline blue">공지사항</a></li>
|
||||
<li><a href="/faq.html" title="FAQ" class="underline blue">FAQ</a></li>
|
||||
<li><a href="/qna.html" title="Q&A" class="underline blue">Q&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>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- FAQ 섹션 -->
|
||||
<section class="location faq">
|
||||
<h2 class="blind">FAQ 섹션영역</h2>
|
||||
<div class="inner">
|
||||
<div class="row-top">
|
||||
<div class="location-box">
|
||||
<ul class="loc">
|
||||
<li>HOME</li>
|
||||
<li>고객지원</li>
|
||||
<li class="on">FAQ</li>
|
||||
</ul>
|
||||
<ul class="tit">
|
||||
<li><span>FAQ</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="arr"><img src="/images/icon/icon-join-arr2.png" alt="화살표 아이콘"></div>
|
||||
</div>
|
||||
<div class="row-bottom">
|
||||
<div class="list-box faq-box">
|
||||
<div class="tab">
|
||||
<ul class="tabs">
|
||||
<li><a href="#">전체</a></li>
|
||||
<li><a href="#">회원가입/회원증</a></li>
|
||||
<li><a href="#">대출/방문열람/반납</a></li>
|
||||
<li><a href="#">문화원자료</a></li>
|
||||
<li><a href="#">기타</a></li>
|
||||
</ul>
|
||||
|
||||
<div class="title">
|
||||
<div class="list-search-wrap list-top">
|
||||
<div class="left">
|
||||
<div class="total-count"><span class="count">총 <em>5</em>건</span></div>
|
||||
</div>
|
||||
<div class="right">
|
||||
<div class="list-select type">
|
||||
<label for="nttType">
|
||||
<select name="nttType" id="nttType" title="유형 선택">
|
||||
<option value="" selected="">제목</option>
|
||||
<option value="공지">공지</option>
|
||||
<option value="소식">소식</option>
|
||||
<option value="체험">체험</option>
|
||||
<option value="이벤트">이벤트</option>
|
||||
</select>
|
||||
</label>
|
||||
</div>
|
||||
<div class="list-input">
|
||||
<input type="text" id="searchKeyword" name="searchKeyword" placeholder="검색어를 입력하세요" title="searchKeyword" value="">
|
||||
<label for="searchButton">
|
||||
<button id="searchButton" onclick="">검색</button>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tab_content">
|
||||
<div class="tabs_item">
|
||||
|
||||
<div class="list-accordion">
|
||||
<ul class="list-faq">
|
||||
<li>
|
||||
<button type="button" class="question">
|
||||
<span class="type">[대출/열람/반납]</span>
|
||||
<span>대출 신청은 어떻게 하나요?</span>
|
||||
</button>
|
||||
<div class="answer" style="display: none;">
|
||||
<p>위 질문에 대한 답변 내용이 들어갑니다.</p>
|
||||
<p>위 질문을 클릭하면 펼쳐지며 질문에 대한 답변 내용이 보여집니다.</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<button type="button" class="question">
|
||||
<span class="type">[대출/열람/반납]</span>
|
||||
<span>대출 신청은 어떻게 하나요?</span>
|
||||
</button>
|
||||
<div class="answer" style="display: none;">
|
||||
<p>위 질문에 대한 답변 내용이 들어갑니다.</p>
|
||||
<p>위 질문을 클릭하면 펼쳐지며 질문에 대한 답변 내용이 보여집니다.</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<button type="button" class="question">
|
||||
<span class="type">[대출/열람/반납]</span>
|
||||
<span>대출 신청은 어떻게 하나요?</span>
|
||||
</button>
|
||||
<div class="answer" style="display: none;">
|
||||
<p>위 질문에 대한 답변 내용이 들어갑니다.</p>
|
||||
<p>위 질문을 클릭하면 펼쳐지며 질문에 대한 답변 내용이 보여집니다.</p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<ul class="paging">
|
||||
<li class="btn btn-first"><a href="#" onclick="linkPage(1); return false;" title="처음으로">처음으로</a></li>
|
||||
<li class="btn btn-prev"><a href="#" onclick="linkPage(1); return false;" title="이전">이전</a></li>
|
||||
<li class="on"><a href="#" title="현재위치 페이지">1</a></li>
|
||||
<li><a href="?pageIndex=2" onclick="linkPage(2); return false;" title="2 페이지">2</a></li>
|
||||
<li><a href="?pageIndex=3" onclick="linkPage(3); return false;" title="3 페이지">3</a></li>
|
||||
<li><a href="?pageIndex=4" onclick="linkPage(4); return false;" title="4 페이지">4</a></li>
|
||||
<li><a href="?pageIndex=5" onclick="linkPage(5); return false;" title="5 페이지">5</a></li>
|
||||
<li><a href="?pageIndex=6" onclick="linkPage(6); return false;" title="6 페이지">6</a></li>
|
||||
<li><a href="?pageIndex=7" onclick="linkPage(7); return false;" title="7 페이지">7</a></li>
|
||||
<li><a href="?pageIndex=8" onclick="linkPage(8); return false;" title="8 페이지">8</a></li>
|
||||
<li><a href="?pageIndex=9" onclick="linkPage(9); return false;" title="9 페이지">9</a></li>
|
||||
<li><a href="?pageIndex=10" onclick="linkPage(10); return false;" title="10 페이지">10</a></li>
|
||||
<li class="btn btn-next"><a href="#" onclick="linkPage(11); return false;" title="다음">다음</a></li>
|
||||
<li class="btn btn-last"><a href="#" onclick="linkPage(418); return false;" title="맨끝으로">맨끝으로</a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="tabs_item">
|
||||
<div class="inner">
|
||||
02
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tabs_item">
|
||||
<div class="inner">
|
||||
03
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tabs_item">
|
||||
<div class="inner">
|
||||
04
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tabs_item">
|
||||
<div class="inner">
|
||||
05
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer id="footer">
|
||||
<button type="button" id="btn-go-top" class="btn-go-top"><span><img src="/images/icon/icon-arr-top.png" alt="상단 화살표"></span><p>TOP</p></button>
|
||||
<div class="inner">
|
||||
<div class="row-top">
|
||||
<div class="footer-logo">
|
||||
<h1><a href="#"><img src="/images/img/img-footer-logo.png" alt="푸터 로고"></a></h1>
|
||||
</div>
|
||||
<div class="family_site">
|
||||
<p class="site_name">관련 사이트</p>
|
||||
<ul class="site_depth">
|
||||
<li><a href="/" target="_blank">01</a></li>
|
||||
<li><a href="/" target="_blank">02</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row-bottom">
|
||||
<div class="left-side">
|
||||
<ul class="fnb">
|
||||
<li><a href="/">이용약관</a></li>
|
||||
<li><a href="/">개인정보처리방침</a></li>
|
||||
<li><a href="/">찾아오시는 길</a></li>
|
||||
</ul>
|
||||
<p class="copy">
|
||||
서울시 마포대로49 성우빌딩 308호 <span><a href="tel:02-704-2322">TEL. 02.704-2322</a></span> <span>FAX. 02.704-2377</span> <br>
|
||||
COPYRIGHT (C)2018 The Federation of Korea Culture Center. ALL RIGHT RESERVED.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
BIN
src/main/webapp/images/bg/bg-sharing-pop.jpg
Normal file
BIN
src/main/webapp/images/bg/bg-sharing-pop.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.5 KiB |
BIN
src/main/webapp/images/btn/btn-arrow-close.png
Normal file
BIN
src/main/webapp/images/btn/btn-arrow-close.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1007 B |
BIN
src/main/webapp/images/btn/btn-arrow-open.png
Normal file
BIN
src/main/webapp/images/btn/btn-arrow-open.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.0 KiB |
BIN
src/main/webapp/images/btn/btn-paging-first.png
Normal file
BIN
src/main/webapp/images/btn/btn-paging-first.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
src/main/webapp/images/btn/btn-paging-last.png
Normal file
BIN
src/main/webapp/images/btn/btn-paging-last.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
src/main/webapp/images/btn/btn-paging-next.png
Normal file
BIN
src/main/webapp/images/btn/btn-paging-next.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
src/main/webapp/images/btn/btn-paging-prev.png
Normal file
BIN
src/main/webapp/images/btn/btn-paging-prev.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
src/main/webapp/images/icon/icon-data-close.png
Normal file
BIN
src/main/webapp/images/icon/icon-data-close.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
src/main/webapp/images/icon/icon-data-downarr.png
Normal file
BIN
src/main/webapp/images/icon/icon-data-downarr.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.0 KiB |
BIN
src/main/webapp/images/icon/icon-data-downarr2-on.png
Normal file
BIN
src/main/webapp/images/icon/icon-data-downarr2-on.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.8 KiB |
BIN
src/main/webapp/images/icon/icon-data-downarr2.png
Normal file
BIN
src/main/webapp/images/icon/icon-data-downarr2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
src/main/webapp/images/icon/icon-data-loan.png
Normal file
BIN
src/main/webapp/images/icon/icon-data-loan.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.0 KiB |
BIN
src/main/webapp/images/icon/icon-data-minus.png
Normal file
BIN
src/main/webapp/images/icon/icon-data-minus.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1021 B |
BIN
src/main/webapp/images/icon/icon-data-more.png
Normal file
BIN
src/main/webapp/images/icon/icon-data-more.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.0 KiB |
BIN
src/main/webapp/images/icon/icon-data-noresult.png
Normal file
BIN
src/main/webapp/images/icon/icon-data-noresult.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.3 KiB |
BIN
src/main/webapp/images/icon/icon-data-plus.png
Normal file
BIN
src/main/webapp/images/icon/icon-data-plus.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.0 KiB |
BIN
src/main/webapp/images/icon/icon-data-reset.png
Normal file
BIN
src/main/webapp/images/icon/icon-data-reset.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
BIN
src/main/webapp/images/icon/icon-data-return.png
Normal file
BIN
src/main/webapp/images/icon/icon-data-return.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.2 KiB |
BIN
src/main/webapp/images/icon/icon-data-search.png
Normal file
BIN
src/main/webapp/images/icon/icon-data-search.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
BIN
src/main/webapp/images/icon/icon-data-share.png
Normal file
BIN
src/main/webapp/images/icon/icon-data-share.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
BIN
src/main/webapp/images/icon/icon-data-star.png
Normal file
BIN
src/main/webapp/images/icon/icon-data-star.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
BIN
src/main/webapp/images/icon/icon-data-uparr.png
Normal file
BIN
src/main/webapp/images/icon/icon-data-uparr.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.8 KiB |
BIN
src/main/webapp/images/icon/icon-data-use.png
Normal file
BIN
src/main/webapp/images/icon/icon-data-use.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.1 KiB |
BIN
src/main/webapp/images/icon/icon-data-visit.png
Normal file
BIN
src/main/webapp/images/icon/icon-data-visit.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.8 KiB |
BIN
src/main/webapp/images/icon/icon-kakao.png
Normal file
BIN
src/main/webapp/images/icon/icon-kakao.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
src/main/webapp/images/icon/icon-myinfo-paswd.png
Normal file
BIN
src/main/webapp/images/icon/icon-myinfo-paswd.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.5 KiB |
BIN
src/main/webapp/images/icon/icon-new.png
Normal file
BIN
src/main/webapp/images/icon/icon-new.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
BIN
src/main/webapp/images/icon/icon-question-on.png
Normal file
BIN
src/main/webapp/images/icon/icon-question-on.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
src/main/webapp/images/icon/icon-question.png
Normal file
BIN
src/main/webapp/images/icon/icon-question.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
src/main/webapp/images/icon/icon-secession.png
Normal file
BIN
src/main/webapp/images/icon/icon-secession.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.3 KiB |
8
src/main/webapp/images/icon/icon-sharing-fb-big.svg
Normal file
8
src/main/webapp/images/icon/icon-sharing-fb-big.svg
Normal file
@ -0,0 +1,8 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg version="1.1" id="Logo" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
width="2000px" height="2000px" viewBox="0 0 2000 2000" enable-background="new 0 0 2000 2000" xml:space="preserve">
|
||||
<path fill="#FFFFFF" d="M1130.959,599.501v184.875h292.738l-38.521,300.459h-254.217v731.834H822.82v-731.834H576.303V784.376
|
||||
H822.82V522.465c0-446.807,600.877-323.552,600.877-323.552v261.925h-154.078C1121.42,460.838,1130.959,599.501,1130.959,599.501"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 732 B |
14
src/main/webapp/images/icon/icon-sharing-kstory-big.svg
Normal file
14
src/main/webapp/images/icon/icon-sharing-kstory-big.svg
Normal file
@ -0,0 +1,14 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg version="1.1" id="Logo" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
width="2000px" height="2000px" viewBox="0 0 2000 2000" enable-background="new 0 0 2000 2000" xml:space="preserve">
|
||||
<g>
|
||||
<path fill="#FFFFFF" d="M1331.98,224.147H667.987c-44.597,0-80.74,35.919-80.74,80.292v658.506
|
||||
c0,44.371,36.144,80.257,80.74,80.257h306.117c-2.068,78.324-34.883,163.581-82.257,239.212
|
||||
c-53.273,85.124-166.896,179.388-167.933,180.147c-8.936,8.592-15.474,18.494-15.628,32.295
|
||||
c-0.121,10.456,5.296,18.563,11.385,27.12l213.512,239.394c0,0,10.35,10.865,18.905,12.972c9.663,2.276,20.637,2.552,28.227-3.245
|
||||
c369.673-284.312,423.087-640.809,432.369-833.718c0-1.142,0.07-632.939,0.07-632.939
|
||||
C1412.754,260.066,1376.592,224.147,1331.98,224.147"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.0 KiB |
10
src/main/webapp/images/icon/icon-sharing-nblog-big.svg
Normal file
10
src/main/webapp/images/icon/icon-sharing-nblog-big.svg
Normal file
@ -0,0 +1,10 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg version="1.1" id="Logo" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
width="2000px" height="2000px" viewBox="0 0 2000 2000" enable-background="new 0 0 2000 2000" xml:space="preserve">
|
||||
<path fill="#FFFFFF" d="M1079.44,660.214c0,0-160.617,0-306.244,141.824V230.72H412.804V1731.8h364.088v-117.597
|
||||
c0,0,85.85,155.077,302.549,155.077c0,0,507.756-18.686,507.756-560.136C1587.196,1209.145,1568.511,660.214,1079.44,660.214z
|
||||
M1000.104,1452.418c-127.813,0-231.582-103.688-231.582-231.584c0-127.829,103.77-231.499,231.582-231.499
|
||||
c127.811,0,231.482,103.67,231.482,231.499C1231.587,1348.73,1127.915,1452.418,1000.104,1452.418z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 918 B |
17
src/main/webapp/images/icon/icon-sharing-tw-big.svg
Normal file
17
src/main/webapp/images/icon/icon-sharing-tw-big.svg
Normal file
@ -0,0 +1,17 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg version="1.1" id="Logo" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
width="2000px" height="2000px" viewBox="0 0 2000 2000" enable-background="new 0 0 2000 2000" xml:space="preserve">
|
||||
<g id="Logo_1_">
|
||||
<path id="white_background" fill="#FFFFFF" d="M1789.314,595.052c1.209,17.5,1.209,35,1.209,52.661
|
||||
c0,538.145-409.678,1158.79-1158.789,1158.79v-0.322c-221.291,0.322-437.984-63.064-624.275-182.581
|
||||
c32.178,3.871,64.516,5.807,96.936,5.887c183.387,0.162,361.533-61.37,505.807-174.677
|
||||
c-174.273-3.307-327.096-116.936-380.484-282.823c61.049,11.774,123.953,9.355,183.871-7.016
|
||||
c-190-38.387-326.693-205.322-326.693-399.193c0-1.774,0-3.468,0-5.161c56.613,31.532,120,49.032,184.84,50.968
|
||||
C92.781,691.987,37.621,453.922,145.686,267.793c206.773,254.436,511.855,409.113,839.355,425.484
|
||||
c-32.824-141.452,12.016-289.678,117.822-389.113c164.031-154.193,422.016-146.29,576.209,17.662
|
||||
c91.209-17.984,178.629-51.452,258.629-98.871c-30.402,94.273-94.031,174.354-179.031,225.241
|
||||
c80.725-9.516,159.596-31.129,233.871-64.112C1937.863,466.02,1868.992,537.391,1789.314,595.052z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.3 KiB |
BIN
src/main/webapp/images/img/img-QR.jpg
Normal file
BIN
src/main/webapp/images/img/img-QR.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 28 KiB |
BIN
src/main/webapp/images/img/img-data-detail-01.jpg
Normal file
BIN
src/main/webapp/images/img/img-data-detail-01.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 59 KiB |
460
src/main/webapp/js/default.js_20211022
Normal file
460
src/main/webapp/js/default.js_20211022
Normal file
@ -0,0 +1,460 @@
|
||||
$(document).ready(function(){
|
||||
|
||||
/* 상단 메뉴 Fixed */
|
||||
$( window ).scroll(function() {
|
||||
var TopVal = $( window ).scrollTop();
|
||||
var TopFixed1 = 300;
|
||||
var TopFixed2 = 303;
|
||||
if( TopFixed1 <= TopVal){
|
||||
$("#header").removeClass("scroll_off");
|
||||
$("#header").addClass("scroll_on");
|
||||
$(".nav-wrap").removeClass("scroll_off");
|
||||
$(".nav-wrap").addClass("scroll_on");
|
||||
}else{
|
||||
$("#header").removeClass("scroll_on");
|
||||
$("#header").addClass("scroll_off");
|
||||
$(".nav-wrap").removeClass("scroll_on");
|
||||
$(".nav-wrap").addClass("scroll_off");
|
||||
}
|
||||
});
|
||||
|
||||
/* 메인 메뉴 반응형 */
|
||||
jQuery(function($) {
|
||||
$.fn.responsivenav = function(args) {
|
||||
// Default settings
|
||||
var defaults = {
|
||||
responsive: true,
|
||||
width: 768, // Responsive width
|
||||
button: $(this).attr('id')+'-button', // Menu button id
|
||||
animation: { // Menu animation
|
||||
effect: 'slide', // Accepts 'slide' or 'fade'
|
||||
show: 150,
|
||||
hide: 100
|
||||
},
|
||||
selected: 'selected', // Selected class
|
||||
arrow: 'downarrow' // Dropdown arrow class
|
||||
};
|
||||
var settings = $.extend(defaults, args);
|
||||
// Initialize the menu and the button
|
||||
init($(this).attr('id'), settings.button);
|
||||
|
||||
function init(menuid, buttonid) {
|
||||
setupMenu(menuid, buttonid);
|
||||
// Add a handler function for the resize and orientationchange event
|
||||
$(window).bind('resize orientationchange', function(){ resizeMenu(menuid, buttonid); });
|
||||
// Trigger initial resize
|
||||
resizeMenu(menuid, buttonid);
|
||||
}
|
||||
|
||||
function setupMenu(menuid, buttonid) {
|
||||
var $mainmenu = $('#'+menuid+'>ul');
|
||||
var $headers = $mainmenu.find("ul").parent();
|
||||
// Add dropdown arrows
|
||||
$headers.each(function(i) {
|
||||
var $curobj = $(this);
|
||||
$curobj.children('a:eq(0)').append('<span class="'+settings.arrow+'"></span>');
|
||||
});
|
||||
|
||||
if ( settings.responsive ) {
|
||||
// Menu button click event
|
||||
// Displays top-level menu items
|
||||
$('#'+buttonid).click(function(e) {
|
||||
e.preventDefault();
|
||||
|
||||
if ( isSelected($('#'+buttonid)) ) {
|
||||
// Close menu
|
||||
collapseChildren('#'+menuid);
|
||||
animateHide($('#'+menuid), $('#'+buttonid));
|
||||
} else {
|
||||
// Open menu
|
||||
animateShow($('#'+menuid), $('#'+buttonid));
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
function resizeMenu(menuid, buttonid) {
|
||||
var $ww = document.body.clientWidth;
|
||||
// Add mobile class to elements for CSS use
|
||||
// instead of relying on media-query support
|
||||
if ( $ww > settings.width || !settings.responsive) {
|
||||
$('#'+menuid).removeClass('mobile');
|
||||
$('#'+buttonid).removeClass('mobile');
|
||||
} else {
|
||||
$('#'+menuid).addClass('mobile');
|
||||
$('#'+buttonid).addClass('mobile');
|
||||
}
|
||||
|
||||
var $headers = $('#'+menuid+'>ul').find('ul').parent();
|
||||
|
||||
$headers.each(function(i) {
|
||||
var $curobj = $(this);
|
||||
var $link = $curobj.children('a:eq(0)');
|
||||
var $subul = $curobj.find('ul:eq(0)');
|
||||
|
||||
// Unbind events
|
||||
$curobj.unbind('mouseenter mouseleave');
|
||||
$link.unbind('click');
|
||||
animateHide($curobj.children('ul:eq(0)'));
|
||||
|
||||
if ( $ww > settings.width || !settings.responsive ) {
|
||||
// Full menu
|
||||
$curobj.hover(function(e) {
|
||||
var $targetul = $(this).children('ul:eq(0)');
|
||||
|
||||
var $dims = { w: this.offsetWidth,
|
||||
h: this.offsetHeight,
|
||||
subulw: $subul.outerWidth(),
|
||||
subulh: $subul.outerHeight()
|
||||
};
|
||||
var $istopheader = $curobj.parents('ul').length == 1 ? true : false;
|
||||
$subul.css($istopheader ? {} : { top: 0 });
|
||||
var $offsets = { left: $(this).offset().left,
|
||||
top: $(this).offset().top
|
||||
};
|
||||
var $menuleft = $istopheader ? 0 : $dims.w;
|
||||
$menuleft = ( $offsets.left + $menuleft + $dims.subulw > $(window).width() ) ? ( $istopheader ? -$dims.subulw + $dims.w : -$dims.w ) : $menuleft;
|
||||
$targetul.css({ left:$menuleft+'px',
|
||||
width:$dims.subulw+'px'
|
||||
});
|
||||
|
||||
animateShow($targetul);
|
||||
},
|
||||
function(e) {
|
||||
var $targetul = $(this).children('ul:eq(0)');
|
||||
animateHide($targetul);
|
||||
});
|
||||
} else {
|
||||
// Compact menu
|
||||
$link.click(function(e) {
|
||||
e.preventDefault();
|
||||
|
||||
var $targetul = $curobj.children('ul:eq(0)');
|
||||
if ( isSelected($curobj) ) {
|
||||
collapseChildren($targetul);
|
||||
animateHide($targetul);
|
||||
} else {
|
||||
//collapseSiblings($curobj);
|
||||
animateShow($targetul);
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
collapseChildren('#'+menuid);
|
||||
|
||||
if ( settings.responsive && isSelected($('#'+buttonid)) ) {
|
||||
//collapseChildren('#'+menuid);
|
||||
$('#'+menuid).hide();
|
||||
$('#'+menuid).removeAttr('style');
|
||||
$('#'+buttonid).removeClass(settings.selected);
|
||||
}
|
||||
}
|
||||
|
||||
function collapseChildren(elementid) {
|
||||
// Closes all submenus of the specified element
|
||||
var $headers = $(elementid).find('ul');
|
||||
$headers.each(function(i) {
|
||||
if ( isSelected($(this).parent()) ) {
|
||||
animateHide($(this));
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function collapseSiblings(element) {
|
||||
var $siblings = element.siblings('li');
|
||||
$siblings.each(function(i) {
|
||||
collapseChildren($(this));
|
||||
});
|
||||
}
|
||||
|
||||
function isSelected(element) {
|
||||
return element.hasClass(settings.selected);
|
||||
}
|
||||
|
||||
function animateShow(menu, button) {
|
||||
if ( !button ) { var button = menu.parent(); }
|
||||
|
||||
button.addClass(settings.selected);
|
||||
|
||||
if ( settings.animation.effect == 'fade' ) {
|
||||
menu.fadeIn(settings.animation.show);
|
||||
$(".BG").fadeIn("fast");
|
||||
} else if ( settings.animation.effect == 'slide' ) {
|
||||
menu.slideDown(settings.animation.show);
|
||||
$(".BG").fadeIn("fast");
|
||||
} else {
|
||||
menu.show();
|
||||
menu.removeClass('hide');
|
||||
}
|
||||
}
|
||||
|
||||
function animateHide(menu, button) {
|
||||
if ( !button ) { var button = menu.parent(); }
|
||||
|
||||
if ( settings.animation.effect == 'fade' ) {
|
||||
menu.fadeOut(settings.animation.hide, function() {
|
||||
menu.removeAttr('style');
|
||||
button.removeClass(settings.selected);
|
||||
$(".BG").fadeOut("fast");
|
||||
});
|
||||
} else if ( settings.animation.effect == 'slide' ) {
|
||||
menu.slideUp(settings.animation.hide, function() {
|
||||
menu.removeAttr('style');
|
||||
button.removeClass(settings.selected);
|
||||
$(".BG").fadeOut("fast");
|
||||
});
|
||||
} else {
|
||||
menu.hide();
|
||||
menu.addClass('hide');
|
||||
menu.removeAttr('style');
|
||||
button.removeClass(settings.selected);
|
||||
}
|
||||
}
|
||||
$(".BG").click(function(){
|
||||
$(".BG").fadeOut("fast");
|
||||
$("#primary-nav.mobile").hide();
|
||||
$("#primary-nav-button").removeClass("selected");
|
||||
});
|
||||
};
|
||||
});
|
||||
|
||||
jQuery(function ($) {
|
||||
$('#primary-nav').responsivenav();
|
||||
$('#top-nav').responsivenav({responsive:false});
|
||||
});
|
||||
/* 메인 메뉴 반응형 end */
|
||||
|
||||
/* 인기자료 탭메뉴 */
|
||||
(function ($) {
|
||||
$('.tab ul.tabs').addClass('active').find('> li:eq(0)').addClass('current');
|
||||
$('.tab ul.tabs li a').click(function (g) {
|
||||
var tab = $(this).closest('.tab'),
|
||||
index = $(this).closest('li').index();
|
||||
|
||||
tab.find('ul.tabs > li').removeClass('current');
|
||||
$(this).closest('li').addClass('current');
|
||||
|
||||
tab.find('.tab_content').find('div.tabs_item').not('div.tabs_item:eq(' + index + ')').hide();
|
||||
tab.find('.tab_content').find('div.tabs_item:eq(' + index + ')').show();
|
||||
g.preventDefault();
|
||||
});
|
||||
})(jQuery);
|
||||
|
||||
/* 푸터 관련사이트 */
|
||||
$(".family_site").click(function(){
|
||||
$(this).toggleClass("on");
|
||||
$(this) .find(".site_depth").slideToggle("fast");
|
||||
});
|
||||
|
||||
/* 로그인 팝업 */
|
||||
$(".login-btn").click(function(){
|
||||
$(".pop-login").fadeIn();
|
||||
});
|
||||
$(".pop-login .login-close").click(function(){
|
||||
$(".pop-login").fadeOut();
|
||||
});
|
||||
|
||||
/* 로그인 연결 팝업 */
|
||||
$(".login-connect-btn").click(function(){
|
||||
$(".pop-login-connect").fadeIn();
|
||||
});
|
||||
$(".pop-login-connect .login-close").click(function(){
|
||||
$(".pop-login-connect").fadeOut();
|
||||
});
|
||||
|
||||
/* 로그인 연결 패스워드 팝업 */
|
||||
$(".login-password-btn").click(function(){
|
||||
$(".pop-login-password").fadeIn();
|
||||
});
|
||||
$(".pop-login-password .login-close").click(function(){
|
||||
$(".pop-login-password").fadeOut();
|
||||
});
|
||||
|
||||
// scroll top button
|
||||
$(window).scroll(function() {
|
||||
var $window = $(window);
|
||||
var $document = $(document);
|
||||
var $footer = $('#footer');
|
||||
var $scrollBtn = $('#btn-go-top');
|
||||
|
||||
$scrollBtn.on('click', function () {
|
||||
$("html, body").stop().animate({
|
||||
scrollTop: 0
|
||||
}, 600);
|
||||
return false;
|
||||
});
|
||||
|
||||
btnXPosition();
|
||||
$window.resize(function () {
|
||||
btnXPosition();
|
||||
});
|
||||
|
||||
// top버튼 x좌표설정
|
||||
function btnXPosition() {
|
||||
var rightPosition = ($document.width() - 1756) / 2
|
||||
|
||||
// X position
|
||||
if($document.width() > 1756) {
|
||||
//$scrollBtn.css('right', rightPosition);
|
||||
$scrollBtn.css('right', '25px');
|
||||
} else {
|
||||
$scrollBtn.css('right', '25px');
|
||||
}
|
||||
}
|
||||
|
||||
$window.on('scroll', function () {
|
||||
if ($window.scrollTop() < $document.height() - $window.height() - $footer.outerHeight() + 37) {
|
||||
$scrollBtn.addClass('go-top-fix');
|
||||
} else {
|
||||
$scrollBtn.removeClass('go-top-fix');
|
||||
}
|
||||
|
||||
if ($window.scrollTop() < ($window.height() / 3)) {
|
||||
$scrollBtn.addClass('go-top-hide');
|
||||
} else {
|
||||
$scrollBtn.removeClass('go-top-hide');
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
// 상세검색 팝업 - 문화원정보 선택영역 초기작업 메서드 분리
|
||||
jQuery(function($) {
|
||||
var depth2H = 0;
|
||||
$('.pop-advanced-search .depth1-check input').each(function () {
|
||||
|
||||
if ($(this).is(":checked")) { // 활성화 line에 높이 잡아주기
|
||||
$('.depth1').removeClass('on');
|
||||
$(this).parents('.depth1').addClass('on');
|
||||
depth2H = $(this).parents('.depth1-check').next('.depth2').outerHeight();
|
||||
$(this).parents('.line').siblings('.line').attr('style', '');
|
||||
$(this).parents('.line').height(depth2H + 50);
|
||||
}
|
||||
|
||||
var tabLabel = $(this).next().text();
|
||||
$(this).parent('.depth1-check').append('<button type="button" class="tab-name">'+tabLabel+'</button>');
|
||||
|
||||
$(this).siblings('.tab-name').on('click', function() {
|
||||
$('.depth1').removeClass('on');
|
||||
$(this).parents('.depth1').addClass('on');
|
||||
depth2H = $(this).parents('.depth1-check').next('.depth2').outerHeight();
|
||||
$('.line').attr('style', '');
|
||||
$(this).parents('.line').height(depth2H + 50);
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
$('.pop-advanced-search .depth2 input').change(function() {
|
||||
if ($(this).is(':checked')) {
|
||||
$(this).parents('.depth2').siblings('.depth1-check').find('input').prop('checked', true);
|
||||
} else {
|
||||
if ($(this).parents('.depth2').find('input:checked').length <= 0) {
|
||||
$(this).parents('.depth2').siblings('.depth1-check').find('input').prop('checked', false);
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// depth-1 열고 닫기
|
||||
$('.filter-tit .btn-toggle').on('click', function() {
|
||||
if($(this).text() == '닫기') {
|
||||
$(this).text('열기');
|
||||
$(this).parent('.filter-tit').siblings('.filter-list').stop().slideUp();
|
||||
$('.filter .btn-toggle-more').css('display','none');
|
||||
} else {
|
||||
$(this).text('닫기');
|
||||
$(this).parent('.filter-tit').siblings('.filter-list').stop().slideDown();
|
||||
$('.filter .btn-toggle-more').css('display','block');
|
||||
}
|
||||
});
|
||||
|
||||
// depth-2 열고 닫기
|
||||
$('.filter .depth-1 .btn-toggle').on('click', function () {
|
||||
var _this = $(this).parents('li').index();
|
||||
if ($(this).text() == '닫기') {
|
||||
$(this).text('열기');
|
||||
$(this).siblings('.check').find('.tab-name').trigger("click");
|
||||
} else {
|
||||
$(this).text('닫기');
|
||||
$(this).siblings('.check').find('.tab-name').trigger("click");
|
||||
}
|
||||
});
|
||||
|
||||
$('.filter-wrap .tab-name').on('click', function() {
|
||||
if ($('body').hasClass('pop-filter')) {
|
||||
$(this).parents('.depth-1').removeClass('on');
|
||||
}
|
||||
});
|
||||
|
||||
// 상세검색 팝업 열기
|
||||
$('.btn-search-detail').on('click', function () {
|
||||
|
||||
// 클릭 시, 컨텐츠 로딩되도록 처리 (2021.10.20)
|
||||
$("#NLIB_LAYER_POPUP").addClass("popup pop-advanced-search");
|
||||
$("#NLIB_LAYER_POPUP").load("/search/getDetailedSearchFormPopup.do");
|
||||
|
||||
$('.pop-advanced-search').fadeIn();
|
||||
$('html,body').addClass('no-scroll');
|
||||
});
|
||||
|
||||
//팝업닫기버튼 클릭
|
||||
$('.btn-close-pop').on('click', function () {
|
||||
$(this).parents('.popup').fadeOut();
|
||||
$('html,body').removeClass('no-scroll');
|
||||
});
|
||||
});
|
||||
|
||||
// 회원가입 셀렉트박스
|
||||
jQuery(function($) {
|
||||
var now = new Date();
|
||||
var year = now.getFullYear();
|
||||
var mon = (now.getMonth() + 1) > 9 ? ''+(now.getMonth() + 1) : '0'+(now.getMonth() + 1);
|
||||
var day = (now.getDate()) > 9 ? ''+(now.getDate()) : '0'+(now.getDate());
|
||||
// 년도
|
||||
for(var i = 1900 ; i <= year ; i++) {
|
||||
$('#year').append('<option value="' + i + '">' + i + '년</option>');
|
||||
}
|
||||
|
||||
// 월별
|
||||
for(var i=1; i <= 12; i++) {
|
||||
var mm = i > 9 ? i : "0"+i ;
|
||||
$('#month').append('<option value="' + mm + '">' + mm + '월</option>');
|
||||
}
|
||||
|
||||
// 일별
|
||||
for(var i=1; i <= 31; i++) {
|
||||
var dd = i > 9 ? i : "0"+i ;
|
||||
$('#day').append('<option value="' + dd + '">' + dd+ '일</option>');
|
||||
}
|
||||
$("#year > option[value="+year+"]").attr("selected", "true");
|
||||
$("#month > option[value="+mon+"]").attr("selected", "true");
|
||||
$("#day > option[value="+day+"]").attr("selected", "true");
|
||||
});
|
||||
|
||||
// 회원가입 체크박스
|
||||
$('input.sex[type="checkbox"]').bind('click',function() {
|
||||
$('input.sex[type="checkbox"]').not(this).prop("checked", false);
|
||||
});
|
||||
|
||||
// 회원가입 체크박스
|
||||
$('input.ser-chk1[type="checkbox"]').bind('click',function() {
|
||||
$('input.ser-chk1-1[type="checkbox"]').not(this).prop("checked", true);
|
||||
|
||||
if($("input.ser-chk1").prop("checked")){
|
||||
$("input.ser-chk1-1[type=checkbox]").prop("checked",true);
|
||||
}else{
|
||||
$("input.ser-chk1-1[type=checkbox]").prop("checked",false);
|
||||
}
|
||||
});
|
||||
|
||||
// 회원가입 체크박스
|
||||
$('input.ser-chk2[type="checkbox"]').bind('click',function() {
|
||||
$('input.ser-chk2-2[type="checkbox"]').not(this).prop("checked", true);
|
||||
|
||||
if($("input.ser-chk2").prop("checked")){
|
||||
$("input.ser-chk2-2[type=checkbox]").prop("checked",true);
|
||||
}else{
|
||||
$("input.ser-chk2-2[type=checkbox]").prop("checked",false);
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
253
src/main/webapp/loan.html
Normal file
253
src/main/webapp/loan.html
Normal file
@ -0,0 +1,253 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ko">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="format-detection" content="telephone=no" />
|
||||
<title>소장자료관 - 소장자료</title>
|
||||
|
||||
<link rel="shortcut icon" type="image/x-icon" href="#">
|
||||
<link href="/css/common.css" rel="stylesheet">
|
||||
<link href="/css/jquery.mCustomScrollbar.css" rel="stylesheet">
|
||||
<link href="/css/swiper.min.css" rel="stylesheet">
|
||||
<link href="/css/default.css" rel="stylesheet">
|
||||
|
||||
<script src="/js/jquery-1.11.2.min.js"></script>
|
||||
<script src="/js/jquery.mCustomScrollbar.js"></script>
|
||||
<script src="/js/swiper.min.js"></script>
|
||||
<script src="/js/default.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="wrap sub">
|
||||
<!-- 헤더 -->
|
||||
<header id="header">
|
||||
<h2 class="blind">헤더영역</h2>
|
||||
<div class="inner">
|
||||
<h1><a href="/"><img src="/images/img/img-logo.png"><span>소장자료관</span></a></h1>
|
||||
|
||||
<div class="search-wrap">
|
||||
<h2 class="blind">검색</h2>
|
||||
<form id="searchHeaderForm" name="searchHeaderForm" method="post" action="">
|
||||
<fieldset>
|
||||
<legend>검색</legend>
|
||||
<div class="search-input">
|
||||
<input type="text" placeholder="" title="검색어 입력" name="query" id="query" class="ark_query" value="" autocomplete="off">
|
||||
<button type="button" class="btn-search" id="searchHeaderButton"><span>검색</span></button>
|
||||
<button type="button" class="btn-search-detail" id="btn-search-detail-cl">상세검색</button>
|
||||
</div>
|
||||
<div class="condition_sear">
|
||||
<select name="searchField" id="searchField1" class="sear_depth">
|
||||
<option value="" selected="selected">전체</option>
|
||||
<option value="TITLE">제목</option>
|
||||
</select>
|
||||
</div>
|
||||
</fieldset>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div class="log">
|
||||
<ul>
|
||||
<li><a href="javascript:;" class="login-btn">로그인</a></li>
|
||||
<li><a href="">회원증</a></li>
|
||||
<li><a href="">알림(<span class="count">10</span>)</a></li>
|
||||
<li><a href="">카드(<span class="count">10</span>)</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<div class="nav-wrap">
|
||||
<div class="inner">
|
||||
<button id="primary-nav-button" type="button" class="Btn eff"><i class="eff">Menu</i></button>
|
||||
<nav id="primary-nav" class="dropdown cf">
|
||||
<ul class="dropdown menu">
|
||||
<li class="eff active"><a href="/greeting.html" title="자료관안내" class="eff">자료관안내</a>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="/greeting.html" title="인사말" class="underline blue">인사말</a></li>
|
||||
<li><a href="/guide.html" title="이용안내" class="underline blue">이용안내</a></li>
|
||||
<li><a href="/location.html" title="찾아오시는길" class="underline blue">찾아오시는길</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="/data.html" title="소장자료" class="eff">소장자료</a></li>
|
||||
<li><a href="/notice.html" title="고객지원" class="eff">고객지원</a>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="/notice.html" title="공지사항" class="underline blue">공지사항</a></li>
|
||||
<li><a href="/faq.html" title="FAQ" class="underline blue">FAQ</a></li>
|
||||
<li><a href="/qna.html" title="Q&A" class="underline blue">Q&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>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 대출관리 섹션 -->
|
||||
<section class="location loan-data">
|
||||
<h2 class="blind">대출관리 섹션영역</h2>
|
||||
<div class="inner">
|
||||
<div class="row-top">
|
||||
<div class="location-box">
|
||||
<ul class="loc">
|
||||
<li>HOME</li>
|
||||
<li>마이페이지</li>
|
||||
<li class="on">대출관리</li>
|
||||
</ul>
|
||||
<ul class="tit">
|
||||
<li><span>대출</span>관리</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="arr"><img src="/images/icon/icon-join-arr2.png" alt="화살표 아이콘"></div>
|
||||
</div>
|
||||
<div class="row-bottom">
|
||||
<div class="list-box loan-box">
|
||||
<div class="tab">
|
||||
<ul class="tabs">
|
||||
<li><a href="#">신청/예약</a></li>
|
||||
<li><a href="#">취소</a></li>
|
||||
<li><a href="#">대출중</a></li>
|
||||
<li><a href="#"><img src="/images/icon/icon-new.png" alt="뉴 아이콘">반납</a></li>
|
||||
<li><a href="#">연체</a></li>
|
||||
</ul>
|
||||
|
||||
<div class="title">
|
||||
<span class="count">총 <em>5</em>건</span>
|
||||
<div class="list-search-wrap list-top">
|
||||
<div class="list-select">
|
||||
<select name="" id="" title="문화원 선택">
|
||||
<option value="문화원전체">문화원 전체</option>
|
||||
<option value="문화원전체">문화원 전체</option>
|
||||
<option value="문화원전체">문화원 전체</option>
|
||||
<option value="문화원전체">문화원 전체</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tab_content">
|
||||
<div class="tabs_item">
|
||||
<div class="inner">
|
||||
|
||||
<div class="list-wrap">
|
||||
<div class="list-data">
|
||||
<div class="list t-tit-line">
|
||||
<div class="n-cultural">문화원</div>
|
||||
<div class="n-data">자료정보</div>
|
||||
<div class="n-reservation">신청/예약일</div>
|
||||
<div class="n-expiry">신청/예약 만료일</div>
|
||||
<div class="n-return">반납예정일</div>
|
||||
<div class="n-use">이용</div>
|
||||
</div>
|
||||
<div class="list">
|
||||
<div class="n-cultural">[경기문화원연합회]</div>
|
||||
<div class="n-data"><a href="">慶州文化(경주문화)/제23호</a></div>
|
||||
<div class="n-reservation">2021-08-24</div>
|
||||
<div class="n-expiry">2021-08-25</div>
|
||||
<div class="n-return">-</div>
|
||||
<div class="n-use"><span>신청</span><button type="button">취소</button></div>
|
||||
</div>
|
||||
<div class="list">
|
||||
<div class="n-cultural">[경기문화원연합회]</div>
|
||||
<div class="n-data"><a href="">慶州文化(경주문화)/제23호</a></div>
|
||||
<div class="n-reservation">2021-08-24</div>
|
||||
<div class="n-expiry">2021-08-25</div>
|
||||
<div class="n-return">-</div>
|
||||
<div class="n-use"><span>예약</span><button type="button">취소</button></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<ul class="paging">
|
||||
<li class="btn btn-first"><a href="#" onclick="linkPage(1); return false;" title="처음으로">처음으로</a></li>
|
||||
<li class="btn btn-prev"><a href="#" onclick="linkPage(1); return false;" title="이전">이전</a></li>
|
||||
<li class="on"><a href="#" title="현재위치 페이지">1</a></li>
|
||||
<li><a href="?pageIndex=2" onclick="linkPage(2); return false;" title="2 페이지">2</a></li>
|
||||
<li><a href="?pageIndex=3" onclick="linkPage(3); return false;" title="3 페이지">3</a></li>
|
||||
<li><a href="?pageIndex=4" onclick="linkPage(4); return false;" title="4 페이지">4</a></li>
|
||||
<li><a href="?pageIndex=5" onclick="linkPage(5); return false;" title="5 페이지">5</a></li>
|
||||
<li><a href="?pageIndex=6" onclick="linkPage(6); return false;" title="6 페이지">6</a></li>
|
||||
<li><a href="?pageIndex=7" onclick="linkPage(7); return false;" title="7 페이지">7</a></li>
|
||||
<li><a href="?pageIndex=8" onclick="linkPage(8); return false;" title="8 페이지">8</a></li>
|
||||
<li><a href="?pageIndex=9" onclick="linkPage(9); return false;" title="9 페이지">9</a></li>
|
||||
<li><a href="?pageIndex=10" onclick="linkPage(10); return false;" title="10 페이지">10</a></li>
|
||||
<li class="btn btn-next"><a href="#" onclick="linkPage(11); return false;" title="다음">다음</a></li>
|
||||
<li class="btn btn-last"><a href="#" onclick="linkPage(418); return false;" title="맨끝으로">맨끝으로</a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tabs_item">
|
||||
<div class="inner">
|
||||
02
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tabs_item">
|
||||
<div class="inner">
|
||||
03
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tabs_item">
|
||||
<div class="inner">
|
||||
04
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tabs_item">
|
||||
<div class="inner">
|
||||
05
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer id="footer">
|
||||
<button type="button" id="btn-go-top" class="btn-go-top"><span><img src="/images/icon/icon-arr-top.png" alt="상단 화살표"></span><p>TOP</p></button>
|
||||
<div class="inner">
|
||||
<div class="row-top">
|
||||
<div class="footer-logo">
|
||||
<h1><a href="#"><img src="/images/img/img-footer-logo.png" alt="푸터 로고"></a></h1>
|
||||
</div>
|
||||
<div class="family_site">
|
||||
<p class="site_name">관련 사이트</p>
|
||||
<ul class="site_depth">
|
||||
<li><a href="/" target="_blank">01</a></li>
|
||||
<li><a href="/" target="_blank">02</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row-bottom">
|
||||
<div class="left-side">
|
||||
<ul class="fnb">
|
||||
<li><a href="/">이용약관</a></li>
|
||||
<li><a href="/">개인정보처리방침</a></li>
|
||||
<li><a href="/">찾아오시는 길</a></li>
|
||||
</ul>
|
||||
<p class="copy">
|
||||
서울시 마포대로49 성우빌딩 308호 <span><a href="tel:02-704-2322">TEL. 02.704-2322</a></span> <span>FAX. 02.704-2377</span> <br>
|
||||
COPYRIGHT (C)2018 The Federation of Korea Culture Center. ALL RIGHT RESERVED.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
335
src/main/webapp/myinfo-modify.html
Normal file
335
src/main/webapp/myinfo-modify.html
Normal file
@ -0,0 +1,335 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ko">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="format-detection" content="telephone=no" />
|
||||
<title>소장자료관 - 회원가입</title>
|
||||
|
||||
<link rel="shortcut icon" type="image/x-icon" href="#">
|
||||
<link href="/css/common.css" rel="stylesheet">
|
||||
<link href="/css/jquery.mCustomScrollbar.css" rel="stylesheet">
|
||||
<link href="/css/swiper.min.css" rel="stylesheet">
|
||||
<link href="/css/default.css" rel="stylesheet">
|
||||
|
||||
<script src="/js/jquery-1.11.2.min.js"></script>
|
||||
<script src="/js/jquery.mCustomScrollbar.js"></script>
|
||||
<script src="/js/swiper.min.js"></script>
|
||||
<script src="/js/default.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="wrap sub">
|
||||
<!-- 헤더 -->
|
||||
<header id="header">
|
||||
<h2 class="blind">헤더영역</h2>
|
||||
<div class="inner">
|
||||
<h1><a href="/"><img src="/images/img/img-logo.png"><span>소장자료관</span></a></h1>
|
||||
|
||||
<div class="search-wrap">
|
||||
<h2 class="blind">검색</h2>
|
||||
<form id="searchHeaderForm" name="searchHeaderForm" method="post" action="">
|
||||
<fieldset>
|
||||
<legend>검색</legend>
|
||||
<div class="search-input">
|
||||
<input type="text" placeholder="" title="검색어 입력" name="query" id="query" class="ark_query" value="" autocomplete="off">
|
||||
<button type="button" class="btn-search" id="searchHeaderButton"><span>검색</span></button>
|
||||
<button type="button" class="btn-search-detail" id="btn-search-detail-cl">상세검색</button>
|
||||
</div>
|
||||
<div class="condition_sear">
|
||||
<select name="searchField" id="searchField1" class="sear_depth">
|
||||
<option value="" selected="selected">전체</option>
|
||||
<option value="TITLE">제목</option>
|
||||
</select>
|
||||
</div>
|
||||
</fieldset>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div class="log">
|
||||
<ul>
|
||||
<li><a href="javascript:;" class="login-btn">로그인</a></li>
|
||||
<li><a href="">회원증</a></li>
|
||||
<li><a href="">알림(<span class="count">10</span>)</a></li>
|
||||
<li><a href="">카드(<span class="count">10</span>)</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<div class="nav-wrap">
|
||||
<div class="inner">
|
||||
<button id="primary-nav-button" type="button" class="Btn eff"><i class="eff">Menu</i></button>
|
||||
<nav id="primary-nav" class="dropdown cf">
|
||||
<ul class="dropdown menu">
|
||||
<li class="eff active"><a href="/greeting.html" title="자료관안내" class="eff">자료관안내</a>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="/greeting.html" title="인사말" class="underline blue">인사말</a></li>
|
||||
<li><a href="/guide.html" title="이용안내" class="underline blue">이용안내</a></li>
|
||||
<li><a href="/location.html" title="찾아오시는길" class="underline blue">찾아오시는길</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="/data.html" title="소장자료" class="eff">소장자료</a></li>
|
||||
<li><a href="/notice.html" title="고객지원" class="eff">고객지원</a>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="/notice.html" title="공지사항" class="underline blue">공지사항</a></li>
|
||||
<li><a href="/faq.html" title="FAQ" class="underline blue">FAQ</a></li>
|
||||
<li><a href="/qna.html" title="Q&A" class="underline blue">Q&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>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 내정보 수정 섹션 -->
|
||||
<section class="location join modify">
|
||||
<h2 class="blind">내정보 수정 섹션영역</h2>
|
||||
<div class="inner">
|
||||
<div class="row-top">
|
||||
<div class="location-box">
|
||||
<ul class="loc">
|
||||
<li>HOME</li>
|
||||
<li>마이페이지</li>
|
||||
<li>회원정보관리</li>
|
||||
<li class="on">내 정보</li>
|
||||
</ul>
|
||||
<ul class="tit">
|
||||
<li><span>내정보</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="arr"><img src="/images/icon/icon-join-arr2.png" alt="화살표 아이콘"></div>
|
||||
</div>
|
||||
<div class="row-bottom">
|
||||
<div class="join-box">
|
||||
<div class="info">
|
||||
<form class="mt-5 form-container" action="" method="">
|
||||
<h2 style="margin-top:0;">회원정보</h2>
|
||||
|
||||
<div class="form-group Username">
|
||||
<label>이름</label>
|
||||
<div class="con">
|
||||
<input class="form-control" type="text" name="" value="김문화" placeholder="이름을 입력하세요" required/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group Usersex">
|
||||
<label>성별</label>
|
||||
<div class="con">
|
||||
<div class="chk"><input type="checkbox" id="m" class="sex" name=""><label for="m">남자</label></div>
|
||||
<div class="chk"><input type="checkbox" id="w" class="sex" name="" checked><label for="w">여자</label></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group Userbirth">
|
||||
<label>생년월일</label>
|
||||
<div class="con">
|
||||
<select name="yy" id="year"></select> 년
|
||||
<select name="mm" id="month"></select> 월
|
||||
<select name="dd" id="day"></select> 일
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group Userpassword">
|
||||
<label>비밀번호</label>
|
||||
<div class="con">
|
||||
<p><button type="button" class="btn btn-color pop-change-btn">비밀번호 변경</button></p>
|
||||
<p>- 입력하신 비밀번호는 ‘계정 연결’, ‘내 정보 확인’, ‘회원탈퇴’ 시, 회원님의 정보보호 및 본인확인을 위해 사용됩니다.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group Usermobile">
|
||||
<label>휴대폰 번호</label>
|
||||
<div class="con mobile">
|
||||
<div class="row">
|
||||
<input class="form-control mobile1" type="text" name="" value="010"/> -
|
||||
<input class="form-control mobile2" type="text" name="" value="1234" required/> -
|
||||
<input class="form-control mobile3" type="text" name="" value="5678" required/>
|
||||
<button type="button" class="btn-color">인증하기</button>
|
||||
<button type="button" class="btn-black">재전송</button>
|
||||
</div>
|
||||
<div class="row">
|
||||
<input class="form-control cer" type="text" name="" placeholder=" SMS로 발송된 인증번호를 입력하세요"/>
|
||||
<button type="button" class="btn-gray">확인</button>
|
||||
<span class="suc">인증이 완료되었습니다.</span>
|
||||
<span class="chk-suc"></span>
|
||||
<span class="timer">02:36</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group Useremail">
|
||||
<label>이메일</label>
|
||||
<div class="con email">
|
||||
<div class="row">
|
||||
<input class="form-control email1" type="text" name="" value="moonhwa12@gmail.com" placeholder="example@mail.com"/>
|
||||
<button type="button" class="btn-color">인증하기</button>
|
||||
<button type="button" class="btn-black">재전송</button>
|
||||
</div>
|
||||
<div class="row">
|
||||
<input class="form-control cer" type="text" name="" placeholder=" SMS로 발송된 인증번호를 입력하세요"/>
|
||||
<button type="button" class="btn-gray">확인</button>
|
||||
<span class="suc">인증이 완료되었습니다.</span>
|
||||
<span class="chk-suc"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group Useraddr">
|
||||
<label>주소</label>
|
||||
<div class="con addr">
|
||||
<div class="row">
|
||||
<input class="form-control addr1" type="text" name="" value="12345" placeholder="우편번호"/>
|
||||
<button type="button" class="btn-color">우편번호</button>
|
||||
</div>
|
||||
<div class="row">
|
||||
<input class="form-control addr2" type="text" name="" value="OO도 OO시 OO로 111" placeholder="주소" required/>
|
||||
<input class="form-control addr3" type="text" name="" value="111동 111호" placeholder="상세주소"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group Usersns">
|
||||
<label>SNS 연동</label>
|
||||
<div class="con sns">
|
||||
<div class="row">
|
||||
<div class="list">
|
||||
<div class="sns-box naver"><span><img src="images/icon/icon-naver-login.png"></span><span>mo******@naver.com / 2021-07-15 오후 2:41:30 연결완료</span></div>
|
||||
<button type="button" class="btn-black">연결해제</button>
|
||||
</div>
|
||||
<div class="list">
|
||||
<div class="sns-box kakao"><span><img src="images/icon/icon-kakao-login.png"></span><span>ka******@naver.com / 2021-07-15 오후 2:41:30 연결완료</span></div>
|
||||
<button type="button" class="btn-black">연결해제</button>
|
||||
</div>
|
||||
<div class="list">
|
||||
<div class="sns-box kakao"><span><img src="images/icon/icon-kakao-login.png"></span><span>ka******@naver.com / 2021-07-15 오후 2:41:30 연결완료</span></div>
|
||||
<button type="button" class="btn-black">연결해제</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h2>서비스 알림 수신 동의</h2>
|
||||
|
||||
<div class="form-group service">
|
||||
<div class="left">
|
||||
<div class="chk"><input type="checkbox" id="service-chk1" class="ser-chk1" name="" required checked><label for="service-chk1">대출/열람 정보 수신동의 [필수/1건 이상 선택]</label></div>
|
||||
</div>
|
||||
<div class="right">
|
||||
<div class="chk"><input type="checkbox" id="service-chk1-1" class="ser-chk1-1" name="" checked><label for="service-chk1-1">문자(SMS)</label></div>
|
||||
<div class="chk"><input type="checkbox" id="service-chk1-2" class="ser-chk1-1" name="" checked><label for="service-chk1-2">이메일</label></div>
|
||||
</div>
|
||||
<p class="bg">- 문자(SMS)/이메일 수신동의를 하시면 ‘자료반납’, ‘자료연체’, ‘예약자료 도착’, ‘열람신청 승인’, ‘열람신청 반려’ 알림을 받으실 수 있습니다.</p>
|
||||
</div>
|
||||
|
||||
<div class="form-group service">
|
||||
<div class="left">
|
||||
<div class="chk"><input type="checkbox" id="service-chk2" class="ser-chk2" name=""><label for="service-chk2">지방문화원 소식/홍보 알림 수신동의 [선택]</label></div>
|
||||
</div>
|
||||
<div class="right">
|
||||
<div class="chk"><input type="checkbox" id="service-chk2-1" class="ser-chk2-2" name=""><label for="service-chk2-1">문자(SMS)</label></div>
|
||||
<div class="chk"><input type="checkbox" id="service-chk2-2" class="ser-chk2-2" name=""><label for="service-chk2-2">이메일</label></div>
|
||||
</div>
|
||||
<p class="bg">- 문자(SMS)/이메일 수신동의를 하시면 문화원 소식이나 주요 행사 등의 정보를 빠르게 만나실 수 있습니다.</p>
|
||||
<p>- 회원가입완료, 임시비밀번호 발급관련 내용의 경우 수신 동의와 상관없이 이메일로 발송됩니다.</p>
|
||||
</div>
|
||||
|
||||
<p class="release"><a href="">소장자료관을 더 이상 사용하고 싶지 않으신가요? ></a></p>
|
||||
|
||||
<div class="btn-box">
|
||||
<button type="button" class="btn btn-color" id="submit">수정하기</button>
|
||||
<button type="submit" class="btn btn-gray" id="cancel">취소</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer id="footer">
|
||||
<button type="button" id="btn-go-top" class="btn-go-top"><span><img src="/images/icon/icon-arr-top.png" alt="상단 화살표"></span><p>TOP</p></button>
|
||||
<div class="inner">
|
||||
<div class="row-top">
|
||||
<div class="footer-logo">
|
||||
<h1><a href="#"><img src="/images/img/img-footer-logo.png" alt="푸터 로고"></a></h1>
|
||||
</div>
|
||||
<div class="family_site">
|
||||
<p class="site_name">관련 사이트</p>
|
||||
<ul class="site_depth">
|
||||
<li><a href="/" target="_blank">01</a></li>
|
||||
<li><a href="/" target="_blank">02</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row-bottom">
|
||||
<div class="left-side">
|
||||
<ul class="fnb">
|
||||
<li><a href="/">이용약관</a></li>
|
||||
<li><a href="/">개인정보처리방침</a></li>
|
||||
<li><a href="/">찾아오시는 길</a></li>
|
||||
</ul>
|
||||
<p class="copy">
|
||||
서울시 마포대로49 성우빌딩 308호 <span><a href="tel:02-704-2322">TEL. 02.704-2322</a></span> <span>FAX. 02.704-2377</span> <br>
|
||||
COPYRIGHT (C)2018 The Federation of Korea Culture Center. ALL RIGHT RESERVED.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<div class="pop-change" style="display:none;">
|
||||
<div class="row Title">
|
||||
<p>내 정보</p>
|
||||
<h3>비밀번호 변경</h3>
|
||||
</div>
|
||||
<div class="inner">
|
||||
<div class="row change">
|
||||
<p><input class="passwd" type="password" name="password" placeholder="기존 비밀번호" required/></p>
|
||||
<p><input class="passwd" type="password" name="password" placeholder="새 비밀번호" required/></p>
|
||||
<p><input class="passwd" type="password" name="password" placeholder="새 비밀번호 확인" required/></p>
|
||||
<p class="text">9자리 이상, 숫자/문자/특수문자를 혼합하여 입력</p>
|
||||
</div>
|
||||
<div class="row btn-box">
|
||||
<button type="button" class="btn btn-color">변경하기</button>
|
||||
<button type="submit" class="btn btn-gray close">취소</button>
|
||||
</div>
|
||||
<button type="button" class="change-close"></button>
|
||||
</div>
|
||||
<div class="Bg"></div>
|
||||
</div>
|
||||
|
||||
<div class="pop-find" style="display:none;">
|
||||
<div class="row Title">
|
||||
<p>내 정보</p>
|
||||
<h3>비밀번호 찾기</h3>
|
||||
</div>
|
||||
<div class="inner">
|
||||
<div class="row Text">
|
||||
<p>이메일 정보가 확인되면 해당 메일로<br><span>임시비밀번호</span>를 보내드립니다.</p>
|
||||
</div>
|
||||
<div class="row find">
|
||||
<p><input type="password" name="password" placeholder="example@mail.com" class="find-input" required/></p>
|
||||
<p class="text">- 임시 비밀번호가 발급된 후 [마이페이지 > 회원정보관리 > 내 정보]에서 비밀번호를 수정해주세요.</p>
|
||||
</div>
|
||||
<div class="row btn-box">
|
||||
<button type="button" class="btn btn-color">확인</button>
|
||||
<button type="submit" class="btn btn-gray close">취소</button>
|
||||
</div>
|
||||
<button type="button" class="find-close"></button>
|
||||
</div>
|
||||
<div class="Bg"></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
166
src/main/webapp/myinfo-passwd.html
Normal file
166
src/main/webapp/myinfo-passwd.html
Normal file
@ -0,0 +1,166 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ko">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="format-detection" content="telephone=no" />
|
||||
<title>소장자료관 - 소장자료</title>
|
||||
|
||||
<link rel="shortcut icon" type="image/x-icon" href="#">
|
||||
<link href="/css/common.css" rel="stylesheet">
|
||||
<link href="/css/jquery.mCustomScrollbar.css" rel="stylesheet">
|
||||
<link href="/css/swiper.min.css" rel="stylesheet">
|
||||
<link href="/css/default.css" rel="stylesheet">
|
||||
|
||||
<script src="/js/jquery-1.11.2.min.js"></script>
|
||||
<script src="/js/jquery.mCustomScrollbar.js"></script>
|
||||
<script src="/js/swiper.min.js"></script>
|
||||
<script src="/js/default.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="wrap sub">
|
||||
<!-- 헤더 -->
|
||||
<header id="header">
|
||||
<h2 class="blind">헤더영역</h2>
|
||||
<div class="inner">
|
||||
<h1><a href="/"><img src="/images/img/img-logo.png"><span>소장자료관</span></a></h1>
|
||||
|
||||
<div class="search-wrap">
|
||||
<h2 class="blind">검색</h2>
|
||||
<form id="searchHeaderForm" name="searchHeaderForm" method="post" action="">
|
||||
<fieldset>
|
||||
<legend>검색</legend>
|
||||
<div class="search-input">
|
||||
<input type="text" placeholder="" title="검색어 입력" name="query" id="query" class="ark_query" value="" autocomplete="off">
|
||||
<button type="button" class="btn-search" id="searchHeaderButton"><span>검색</span></button>
|
||||
<button type="button" class="btn-search-detail" id="btn-search-detail-cl">상세검색</button>
|
||||
</div>
|
||||
<div class="condition_sear">
|
||||
<select name="searchField" id="searchField1" class="sear_depth">
|
||||
<option value="" selected="selected">전체</option>
|
||||
<option value="TITLE">제목</option>
|
||||
</select>
|
||||
</div>
|
||||
</fieldset>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div class="log">
|
||||
<ul>
|
||||
<li><a href="javascript:;" class="login-btn">로그인</a></li>
|
||||
<li><a href="">회원증</a></li>
|
||||
<li><a href="">알림(<span class="count">10</span>)</a></li>
|
||||
<li><a href="">카드(<span class="count">10</span>)</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<div class="nav-wrap">
|
||||
<div class="inner">
|
||||
<button id="primary-nav-button" type="button" class="Btn eff"><i class="eff">Menu</i></button>
|
||||
<nav id="primary-nav" class="dropdown cf">
|
||||
<ul class="dropdown menu">
|
||||
<li class="eff active"><a href="/greeting.html" title="자료관안내" class="eff">자료관안내</a>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="/greeting.html" title="인사말" class="underline blue">인사말</a></li>
|
||||
<li><a href="/guide.html" title="이용안내" class="underline blue">이용안내</a></li>
|
||||
<li><a href="/location.html" title="찾아오시는길" class="underline blue">찾아오시는길</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="/data.html" title="소장자료" class="eff">소장자료</a></li>
|
||||
<li><a href="/notice.html" title="고객지원" class="eff">고객지원</a>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="/notice.html" title="공지사항" class="underline blue">공지사항</a></li>
|
||||
<li><a href="/faq.html" title="FAQ" class="underline blue">FAQ</a></li>
|
||||
<li><a href="/qna.html" title="Q&A" class="underline blue">Q&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>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 내 정보 섹션 -->
|
||||
<section class="location passwd">
|
||||
<h2 class="blind">내 정보 섹션영역</h2>
|
||||
<div class="inner">
|
||||
<div class="row-top">
|
||||
<div class="location-box">
|
||||
<ul class="loc">
|
||||
<li>HOME</li>
|
||||
<li>마이페이지</li>
|
||||
<li>회원정보관리</li>
|
||||
<li class="on">내 정보</li>
|
||||
</ul>
|
||||
<ul class="tit">
|
||||
<li><span>내 정보</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="arr"><img src="/images/icon/icon-join-arr2.png" alt="화살표 아이콘"></div>
|
||||
</div>
|
||||
<div class="row-bottom">
|
||||
<div class="myinfo-passwd">
|
||||
<div class="inner">
|
||||
<div class="icon"><img src="/images/icon/icon-myinfo-paswd.png" alt="체크 아이콘"></div>
|
||||
<div class="text">
|
||||
<p>회원님의 <span>소중한 정보보호를 위해 비밀번호를 다시 한 번 확인</span>합니다.</p>
|
||||
<p>(회원가입 시, 등록한 비밀번호를 입력해주세요.)</p>
|
||||
</div>
|
||||
<div class="box">
|
||||
<p><input type="password" placeholder="비밀번호"></p>
|
||||
<p><a href="#">비밀번호를 잊으셨나요? ></a></p>
|
||||
</div>
|
||||
<div class="btn-box">
|
||||
<a href="/" class="btn btn-color">확인</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer id="footer">
|
||||
<button type="button" id="btn-go-top" class="btn-go-top"><span><img src="/images/icon/icon-arr-top.png" alt="상단 화살표"></span><p>TOP</p></button>
|
||||
<div class="inner">
|
||||
<div class="row-top">
|
||||
<div class="footer-logo">
|
||||
<h1><a href="#"><img src="/images/img/img-footer-logo.png" alt="푸터 로고"></a></h1>
|
||||
</div>
|
||||
<div class="family_site">
|
||||
<p class="site_name">관련 사이트</p>
|
||||
<ul class="site_depth">
|
||||
<li><a href="/" target="_blank">01</a></li>
|
||||
<li><a href="/" target="_blank">02</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row-bottom">
|
||||
<div class="left-side">
|
||||
<ul class="fnb">
|
||||
<li><a href="/">이용약관</a></li>
|
||||
<li><a href="/">개인정보처리방침</a></li>
|
||||
<li><a href="/">찾아오시는 길</a></li>
|
||||
</ul>
|
||||
<p class="copy">
|
||||
서울시 마포대로49 성우빌딩 308호 <span><a href="tel:02-704-2322">TEL. 02.704-2322</a></span> <span>FAX. 02.704-2377</span> <br>
|
||||
COPYRIGHT (C)2018 The Federation of Korea Culture Center. ALL RIGHT RESERVED.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
531
src/main/webapp/myinfo.html
Normal file
531
src/main/webapp/myinfo.html
Normal file
@ -0,0 +1,531 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ko">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="format-detection" content="telephone=no" />
|
||||
<title>소장자료관 - 소장자료</title>
|
||||
|
||||
<link rel="shortcut icon" type="image/x-icon" href="#">
|
||||
<link href="/css/common.css" rel="stylesheet">
|
||||
<link href="/css/jquery.mCustomScrollbar.css" rel="stylesheet">
|
||||
<link href="/css/swiper.min.css" rel="stylesheet">
|
||||
<link href="/css/default.css" rel="stylesheet">
|
||||
|
||||
<script src="/js/jquery-1.11.2.min.js"></script>
|
||||
<script src="/js/jquery.mCustomScrollbar.js"></script>
|
||||
<script src="/js/swiper.min.js"></script>
|
||||
<script src="/js/default.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="wrap sub">
|
||||
<!-- 헤더 -->
|
||||
<header id="header">
|
||||
<h2 class="blind">헤더영역</h2>
|
||||
<div class="inner">
|
||||
<h1><a href="/"><img src="/images/img/img-logo.png"><span>소장자료관</span></a></h1>
|
||||
|
||||
<div class="search-wrap">
|
||||
<h2 class="blind">검색</h2>
|
||||
<form id="searchHeaderForm" name="searchHeaderForm" method="post" action="">
|
||||
<fieldset>
|
||||
<legend>검색</legend>
|
||||
<div class="search-input">
|
||||
<input type="text" placeholder="" title="검색어 입력" name="query" id="query" class="ark_query" value="" autocomplete="off">
|
||||
<button type="button" class="btn-search" id="searchHeaderButton"><span>검색</span></button>
|
||||
<button type="button" class="btn-search-detail" id="btn-search-detail-cl">상세검색</button>
|
||||
</div>
|
||||
<div class="condition_sear">
|
||||
<select name="searchField" id="searchField1" class="sear_depth">
|
||||
<option value="" selected="selected">전체</option>
|
||||
<option value="TITLE">제목</option>
|
||||
</select>
|
||||
</div>
|
||||
</fieldset>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div class="log">
|
||||
<ul>
|
||||
<li><a href="javascript:;" class="login-btn">로그인</a></li>
|
||||
<li><a href="">회원증</a></li>
|
||||
<li><a href="">알림(<span class="count">10</span>)</a></li>
|
||||
<li><a href="">카드(<span class="count">10</span>)</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<div class="nav-wrap">
|
||||
<div class="inner">
|
||||
<button id="primary-nav-button" type="button" class="Btn eff"><i class="eff">Menu</i></button>
|
||||
<nav id="primary-nav" class="dropdown cf">
|
||||
<ul class="dropdown menu">
|
||||
<li class="eff active"><a href="/greeting.html" title="자료관안내" class="eff">자료관안내</a>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="/greeting.html" title="인사말" class="underline blue">인사말</a></li>
|
||||
<li><a href="/guide.html" title="이용안내" class="underline blue">이용안내</a></li>
|
||||
<li><a href="/location.html" title="찾아오시는길" class="underline blue">찾아오시는길</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="/data.html" title="소장자료" class="eff">소장자료</a></li>
|
||||
<li><a href="/notice.html" title="고객지원" class="eff">고객지원</a>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="/notice.html" title="공지사항" class="underline blue">공지사항</a></li>
|
||||
<li><a href="/faq.html" title="FAQ" class="underline blue">FAQ</a></li>
|
||||
<li><a href="/qna.html" title="Q&A" class="underline blue">Q&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>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 회원정보관리 섹션 -->
|
||||
<section class="location myinfo">
|
||||
<h2 class="blind">회원정보관리 섹션영역</h2>
|
||||
<div class="inner">
|
||||
<div class="row-top">
|
||||
<div class="location-box">
|
||||
<ul class="loc">
|
||||
<li>HOME</li>
|
||||
<li>마이페이지</li>
|
||||
<li class="on">회원정보관리</li>
|
||||
</ul>
|
||||
<ul class="tit">
|
||||
<li><span>회원정보</span>관리</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="arr"><img src="/images/icon/icon-join-arr2.png" alt="화살표 아이콘"></div>
|
||||
</div>
|
||||
<div class="row-bottom">
|
||||
<div class="myinfo-box">
|
||||
|
||||
<div class="top-info">
|
||||
<div class="left">
|
||||
<h3>반갑습니다,<br><span>김문화</span>님!</h3>
|
||||
<div class="sns-login">
|
||||
<span class="icon"><img src="/images/icon/icon-kakao.png" alt="sns 아이콘"></span>
|
||||
<span class="type">Kakao</span>
|
||||
<span>계정으로 로그인 중</span>
|
||||
</div>
|
||||
<div class="myinfo-btn"><a href="#">내정보</a></div>
|
||||
<div class="date-box">
|
||||
최근 방문일: <span class="date">2021.07.15</span>
|
||||
<span class="time">14:41:30</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right">
|
||||
<div class="top-box">
|
||||
<div class="con-1">
|
||||
<h3>대출현황</h3>
|
||||
<div class="list-box">
|
||||
<div>
|
||||
<p>3/3</p>
|
||||
<p>신청/예약</p>
|
||||
</div>
|
||||
<div>
|
||||
<p>11</p>
|
||||
<p>취소</p>
|
||||
</div>
|
||||
<div>
|
||||
<p>2</p>
|
||||
<p>대출중</p>
|
||||
</div>
|
||||
<div>
|
||||
<p>15</p>
|
||||
<p>반납</p>
|
||||
</div>
|
||||
<div>
|
||||
<p>0</p>
|
||||
<p>연체</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="con-2">
|
||||
<h3>방문열람현황</h3>
|
||||
<div class="list-box">
|
||||
<div>
|
||||
<p>5</p>
|
||||
<p>신청</p>
|
||||
</div>
|
||||
<div>
|
||||
<p>0</p>
|
||||
<p>취소</p>
|
||||
</div>
|
||||
<div>
|
||||
<p>3</p>
|
||||
<p>승인</p>
|
||||
</div>
|
||||
<div>
|
||||
<p>2</p>
|
||||
<p>반려</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bottom-box">
|
||||
<div class="con-1">
|
||||
<h3>소장자료관 접속현황</h3>
|
||||
<div class="key-box">
|
||||
<button type="button">경산문화원</button>
|
||||
<button type="button">고령문화원</button>
|
||||
<button type="button">구미문화원</button>
|
||||
<button type="button">군위문화원</button>
|
||||
<button type="button">김천문화원</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="contents">
|
||||
<div class="concern-data">
|
||||
<div class="inner">
|
||||
<div class="title-box">
|
||||
<div class="title"><h3><span>관심</span>자료</h3><div class="cont">총 <span>20</span>건</div></div>
|
||||
<div class="More"><a href="">더보기 <img src="/images/icon/icon-more.png" alt="더보기 아이콘"></a></div>
|
||||
</div>
|
||||
|
||||
<div class="list-box">
|
||||
<div class="list">
|
||||
<div class="thum">
|
||||
<a href="#"><img src="/images/img/img-sec3-01.jpg" alt="썸네일"></a>
|
||||
</div>
|
||||
<div class="text">
|
||||
<div class="ti">양산예찬문집</div>
|
||||
<div class="cl">
|
||||
<p class="typ"><span>자료유형 :</span><span>도서간행물 > 연속간행물</span></p>
|
||||
<p class="sub"><span>주제분야 :</span><span>자연과지리 > 자연환경</span></p>
|
||||
<p class="age"><span>생산기관 :</span><span>경북경주문화원</span></p>
|
||||
<p class="yea"><span>생산년도 :</span><span>2021</span></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="list">
|
||||
<div class="thum">
|
||||
<a href="#"><img src="/images/img/img-sec3-01.jpg" alt="썸네일"></a>
|
||||
</div>
|
||||
<div class="text">
|
||||
<div class="ti">三憂堂 文益漸先生 棉花展示館 竣工記念詩集</div>
|
||||
<div class="cl">
|
||||
<p class="typ"><span>자료유형 :</span><span>도서간행물 > 연속간행물</span></p>
|
||||
<p class="sub"><span>주제분야 :</span><span>자연과지리 > 자연환경</span></p>
|
||||
<p class="age"><span>생산기관 :</span><span>경북경주문화원</span></p>
|
||||
<p class="yea"><span>생산년도 :</span><span>2021</span></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="list">
|
||||
<div class="thum">
|
||||
<a href="#"><img src="/images/img/img-sec3-01.jpg" alt="썸네일"></a>
|
||||
</div>
|
||||
<div class="text">
|
||||
<div class="ti">국역 慶州郡 (국역 경주군)</div>
|
||||
<div class="cl">
|
||||
<p class="typ"><span>자료유형 :</span><span>도서간행물 > 연속간행물</span></p>
|
||||
<p class="sub"><span>주제분야 :</span><span>자연과지리 > 자연환경</span></p>
|
||||
<p class="age"><span>생산기관 :</span><span>경북경주문화원</span></p>
|
||||
<p class="yea"><span>생산년도 :</span><span>2021</span></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="list">
|
||||
<div class="thum">
|
||||
<a href="#"><img src="/images/img/img-sec3-01.jpg" alt="썸네일"></a>
|
||||
</div>
|
||||
<div class="text">
|
||||
<div class="ti">三憂堂 文益漸先生 棉花展示館 竣工記念詩集</div>
|
||||
<div class="cl">
|
||||
<p class="typ"><span>자료유형 :</span><span>도서간행물 > 연속간행물</span></p>
|
||||
<p class="sub"><span>주제분야 :</span><span>자연과지리 > 자연환경</span></p>
|
||||
<p class="age"><span>생산기관 :</span><span>경북경주문화원</span></p>
|
||||
<p class="yea"><span>생산년도 :</span><span>2021</span></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="list">
|
||||
<div class="thum">
|
||||
<a href="#"><img src="/images/img/img-sec3-01.jpg" alt="썸네일"></a>
|
||||
</div>
|
||||
<div class="text">
|
||||
<div class="ti">국역 慶州郡 (국역 경주군)</div>
|
||||
<div class="cl">
|
||||
<p class="typ"><span>자료유형 :</span><span>도서간행물 > 연속간행물</span></p>
|
||||
<p class="sub"><span>주제분야 :</span><span>자연과지리 > 자연환경</span></p>
|
||||
<p class="age"><span>생산기관 :</span><span>경북경주문화원</span></p>
|
||||
<p class="yea"><span>생산년도 :</span><span>2021</span></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="loan-history">
|
||||
<div class="inner">
|
||||
<div class="title-box">
|
||||
<div class="title"><h3><span>대출</span>내역</h3><div class="cont">총 <span>20</span>건</div></div>
|
||||
<div class="More"><a href="">더보기 <img src="/images/icon/icon-more.png" alt="더보기 아이콘"></a></div>
|
||||
</div>
|
||||
|
||||
<div class="list-box">
|
||||
<div class="list">
|
||||
<div class="tit">
|
||||
<p>[경북경주문화원]</p>
|
||||
</div>
|
||||
<div class="con">
|
||||
<p>경주읍성 남문 장례문의 옥루</p>
|
||||
<p>
|
||||
<span><em>주제분야 : </em> 도서간행물 > 연속간행물</span>
|
||||
<span><em>주제분야 : </em> 자연과지리 > 자연환경</span>
|
||||
<span><em>생산기관 : </em> 경북경주문화원</span>
|
||||
<span><em>생산년도 : </em> 2021</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="state">
|
||||
<span class="apply">신청</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="list-box">
|
||||
<div class="list">
|
||||
<div class="tit">
|
||||
<p>[경북경주문화원]</p>
|
||||
</div>
|
||||
<div class="con">
|
||||
<p>경주 골목길</p>
|
||||
<p>
|
||||
<span><em>주제분야 : </em> 도서간행물 > 연속간행물</span>
|
||||
<span><em>주제분야 : </em> 자연과지리 > 자연환경</span>
|
||||
<span><em>생산기관 : </em> 경북경주문화원</span>
|
||||
<span><em>생산년도 : </em> 2021</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="state">
|
||||
<span class="reser">예약</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="list-box">
|
||||
<div class="list">
|
||||
<div class="tit">
|
||||
<p>[경북경주문화원]</p>
|
||||
</div>
|
||||
<div class="con">
|
||||
<p>2014 한국의 역사마을 양동 충효예절교실 교육교재</p>
|
||||
<p>
|
||||
<span><em>주제분야 : </em> 도서간행물 > 연속간행물</span>
|
||||
<span><em>주제분야 : </em> 자연과지리 > 자연환경</span>
|
||||
<span><em>생산기관 : </em> 경북경주문화원</span>
|
||||
<span><em>생산년도 : </em> 2021</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="state">
|
||||
<span class="cancel">예약취소</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="list-box">
|
||||
<div class="list">
|
||||
<div class="tit">
|
||||
<p>[경북경주문화원]</p>
|
||||
</div>
|
||||
<div class="con">
|
||||
<p>경주 골목길</p>
|
||||
<p>
|
||||
<span><em>주제분야 : </em> 도서간행물 > 연속간행물</span>
|
||||
<span><em>주제분야 : </em> 자연과지리 > 자연환경</span>
|
||||
<span><em>생산기관 : </em> 경북경주문화원</span>
|
||||
<span><em>생산년도 : </em> 2021</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="state">
|
||||
<span class="return">반납</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="list-box">
|
||||
<div class="list">
|
||||
<div class="tit">
|
||||
<p>[경북경주문화원]</p>
|
||||
</div>
|
||||
<div class="con">
|
||||
<p>2014 한국의 역사마을 양동 충효예절교실 교육교재</p>
|
||||
<p>
|
||||
<span><em>주제분야 : </em> 도서간행물 > 연속간행물</span>
|
||||
<span><em>주제분야 : </em> 자연과지리 > 자연환경</span>
|
||||
<span><em>생산기관 : </em> 경북경주문화원</span>
|
||||
<span><em>생산년도 : </em> 2021</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="state">
|
||||
<span class="return">반납</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="visit-history">
|
||||
<div class="inner">
|
||||
<div class="title-box">
|
||||
<div class="title"><h3><span>방문열람</span>내역</h3><div class="cont">총 <span>20</span>건</div></div>
|
||||
<div class="More"><a href="">더보기 <img src="/images/icon/icon-more.png" alt="더보기 아이콘"></a></div>
|
||||
</div>
|
||||
|
||||
<div class="list-box">
|
||||
<div class="list">
|
||||
<div class="tit">
|
||||
<p>[경북경주문화원]</p>
|
||||
</div>
|
||||
<div class="con">
|
||||
<p>경주읍성 남문 장례문의 옥루</p>
|
||||
<p>
|
||||
<span><em>주제분야 : </em> 도서간행물 > 연속간행물</span>
|
||||
<span><em>주제분야 : </em> 자연과지리 > 자연환경</span>
|
||||
<span><em>생산기관 : </em> 경북경주문화원</span>
|
||||
<span><em>생산년도 : </em> 2021</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="state">
|
||||
<span class="wait">승인대기</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="list-box">
|
||||
<div class="list">
|
||||
<div class="tit">
|
||||
<p>[경북경주문화원]</p>
|
||||
</div>
|
||||
<div class="con">
|
||||
<p>경주 골목길</p>
|
||||
<p>
|
||||
<span><em>주제분야 : </em> 도서간행물 > 연속간행물</span>
|
||||
<span><em>주제분야 : </em> 자연과지리 > 자연환경</span>
|
||||
<span><em>생산기관 : </em> 경북경주문화원</span>
|
||||
<span><em>생산년도 : </em> 2021</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="state">
|
||||
<span class="approval">승인</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="list-box">
|
||||
<div class="list">
|
||||
<div class="tit">
|
||||
<p>[경북경주문화원]</p>
|
||||
</div>
|
||||
<div class="con">
|
||||
<p>2014 한국의 역사마을 양동 충효예절교실 교육교재</p>
|
||||
<p>
|
||||
<span><em>주제분야 : </em> 도서간행물 > 연속간행물</span>
|
||||
<span><em>주제분야 : </em> 자연과지리 > 자연환경</span>
|
||||
<span><em>생산기관 : </em> 경북경주문화원</span>
|
||||
<span><em>생산년도 : </em> 2021</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="state">
|
||||
<span class="return">반려</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="list-box">
|
||||
<div class="list">
|
||||
<div class="tit">
|
||||
<p>[경북경주문화원]</p>
|
||||
</div>
|
||||
<div class="con">
|
||||
<p>경주 골목길</p>
|
||||
<p>
|
||||
<span><em>주제분야 : </em> 도서간행물 > 연속간행물</span>
|
||||
<span><em>주제분야 : </em> 자연과지리 > 자연환경</span>
|
||||
<span><em>생산기관 : </em> 경북경주문화원</span>
|
||||
<span><em>생산년도 : </em> 2021</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="state">
|
||||
<span class="return">반려</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="list-box">
|
||||
<div class="list">
|
||||
<div class="tit">
|
||||
<p>[경북경주문화원]</p>
|
||||
</div>
|
||||
<div class="con">
|
||||
<p>2014 한국의 역사마을 양동 충효예절교실 교육교재</p>
|
||||
<p>
|
||||
<span><em>주제분야 : </em> 도서간행물 > 연속간행물</span>
|
||||
<span><em>주제분야 : </em> 자연과지리 > 자연환경</span>
|
||||
<span><em>생산기관 : </em> 경북경주문화원</span>
|
||||
<span><em>생산년도 : </em> 2021</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="state">
|
||||
<span class="return">반려</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer id="footer">
|
||||
<button type="button" id="btn-go-top" class="btn-go-top"><span><img src="/images/icon/icon-arr-top.png" alt="상단 화살표"></span><p>TOP</p></button>
|
||||
<div class="inner">
|
||||
<div class="row-top">
|
||||
<div class="footer-logo">
|
||||
<h1><a href="#"><img src="/images/img/img-footer-logo.png" alt="푸터 로고"></a></h1>
|
||||
</div>
|
||||
<div class="family_site">
|
||||
<p class="site_name">관련 사이트</p>
|
||||
<ul class="site_depth">
|
||||
<li><a href="/" target="_blank">01</a></li>
|
||||
<li><a href="/" target="_blank">02</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row-bottom">
|
||||
<div class="left-side">
|
||||
<ul class="fnb">
|
||||
<li><a href="/">이용약관</a></li>
|
||||
<li><a href="/">개인정보처리방침</a></li>
|
||||
<li><a href="/">찾아오시는 길</a></li>
|
||||
</ul>
|
||||
<p class="copy">
|
||||
서울시 마포대로49 성우빌딩 308호 <span><a href="tel:02-704-2322">TEL. 02.704-2322</a></span> <span>FAX. 02.704-2377</span> <br>
|
||||
COPYRIGHT (C)2018 The Federation of Korea Culture Center. ALL RIGHT RESERVED.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
215
src/main/webapp/notice-view.html
Normal file
215
src/main/webapp/notice-view.html
Normal file
@ -0,0 +1,215 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ko">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="format-detection" content="telephone=no" />
|
||||
<title>소장자료관 - 소장자료</title>
|
||||
|
||||
<link rel="shortcut icon" type="image/x-icon" href="#">
|
||||
<link href="/css/common.css" rel="stylesheet">
|
||||
<link href="/css/jquery.mCustomScrollbar.css" rel="stylesheet">
|
||||
<link href="/css/swiper.min.css" rel="stylesheet">
|
||||
<link href="/css/default.css" rel="stylesheet">
|
||||
|
||||
<script src="/js/jquery-1.11.2.min.js"></script>
|
||||
<script src="/js/jquery.mCustomScrollbar.js"></script>
|
||||
<script src="/js/swiper.min.js"></script>
|
||||
<script src="/js/default.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="wrap sub">
|
||||
<!-- 헤더 -->
|
||||
<header id="header">
|
||||
<h2 class="blind">헤더영역</h2>
|
||||
<div class="inner">
|
||||
<h1><a href="/"><img src="/images/img/img-logo.png"><span>소장자료관</span></a></h1>
|
||||
|
||||
<div class="search-wrap">
|
||||
<h2 class="blind">검색</h2>
|
||||
<form id="searchHeaderForm" name="searchHeaderForm" method="post" action="">
|
||||
<fieldset>
|
||||
<legend>검색</legend>
|
||||
<div class="search-input">
|
||||
<input type="text" placeholder="" title="검색어 입력" name="query" id="query" class="ark_query" value="" autocomplete="off">
|
||||
<button type="button" class="btn-search" id="searchHeaderButton"><span>검색</span></button>
|
||||
<button type="button" class="btn-search-detail" id="btn-search-detail-cl">상세검색</button>
|
||||
</div>
|
||||
<div class="condition_sear">
|
||||
<select name="searchField" id="searchField1" class="sear_depth">
|
||||
<option value="" selected="selected">전체</option>
|
||||
<option value="TITLE">제목</option>
|
||||
</select>
|
||||
</div>
|
||||
</fieldset>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div class="log">
|
||||
<ul>
|
||||
<li><a href="javascript:;" class="login-btn">로그인</a></li>
|
||||
<li><a href="">회원증</a></li>
|
||||
<li><a href="">알림(<span class="count">10</span>)</a></li>
|
||||
<li><a href="">카드(<span class="count">10</span>)</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<div class="nav-wrap">
|
||||
<div class="inner">
|
||||
<button id="primary-nav-button" type="button" class="Btn eff"><i class="eff">Menu</i></button>
|
||||
<nav id="primary-nav" class="dropdown cf">
|
||||
<ul class="dropdown menu">
|
||||
<li class="eff active"><a href="/greeting.html" title="자료관안내" class="eff">자료관안내</a>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="/greeting.html" title="인사말" class="underline blue">인사말</a></li>
|
||||
<li><a href="/guide.html" title="이용안내" class="underline blue">이용안내</a></li>
|
||||
<li><a href="/location.html" title="찾아오시는길" class="underline blue">찾아오시는길</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="/data.html" title="소장자료" class="eff">소장자료</a></li>
|
||||
<li><a href="/notice.html" title="고객지원" class="eff">고객지원</a>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="/notice.html" title="공지사항" class="underline blue">공지사항</a></li>
|
||||
<li><a href="/faq.html" title="FAQ" class="underline blue">FAQ</a></li>
|
||||
<li><a href="/qna.html" title="Q&A" class="underline blue">Q&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>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 공지사항 섹션 -->
|
||||
<section class="location noti-data">
|
||||
<h2 class="blind">공지사항 섹션영역</h2>
|
||||
<div class="inner">
|
||||
<div class="row-top">
|
||||
<div class="location-box">
|
||||
<ul class="loc">
|
||||
<li>HOME</li>
|
||||
<li>고객지원</li>
|
||||
<li class="on">공지사항</li>
|
||||
</ul>
|
||||
<ul class="tit">
|
||||
<li><span>공지사항</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="arr"><img src="/images/icon/icon-join-arr2.png" alt="화살표 아이콘"></div>
|
||||
</div>
|
||||
<div class="row-bottom">
|
||||
|
||||
<section id="contents" class="community notice">
|
||||
<div class="contents-frame inner-center">
|
||||
<div class="view-notice">
|
||||
<div class="view-tit">
|
||||
<h2><span class="type"><span>공지</span></span>한국 성씨의 기원과 현황에 대한 학술대회</h2>
|
||||
<span class="v-info">
|
||||
<em>관리자</em>
|
||||
<em>2021-08-21</em>
|
||||
</span>
|
||||
</div>
|
||||
<div class="file-box">
|
||||
<div class="file-list">
|
||||
<span><img src="/images/icon/icon-file.png" alt="파일 아이콘"></span>
|
||||
<span>경주문화원 첨부파일 명칭 양식.hwp</span>
|
||||
<span><button type="button">다운로드</button></span>
|
||||
</div>
|
||||
<div class="file-list">
|
||||
<span><img src="/images/icon/icon-file.png" alt="파일 아이콘"></span>
|
||||
<span>경주문화원 첨부파일 명칭 양식.hwp</span>
|
||||
<span><button type="button">다운로드</button></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="view-body">
|
||||
<div class="view-con">
|
||||
<div class="view-txt">
|
||||
<p><img src="/images/img/img-sec3-01.jpg" alt="썸네일"></p>
|
||||
<p>
|
||||
경주시 사회적 거리두기 3단계로 인한 인원제한으로 부득이 사전접수자만 참석 가능함을 양해부탁드립니다.<br>
|
||||
추후 경주문화원 유투브에 영상을 업로드해드릴 예정이오니 많은 시청바랍니다. 감사합니다.<br>
|
||||
<br>
|
||||
공지사항 내용이 들어갑니다.<br>
|
||||
관리시스템을 통해 관리자가 입력한 공지사항 내용이 들어갑니다. 관리시스템을 통해 관리자가 입력한 공지사항 내용이 들어갑니다.<br>
|
||||
관리시스템을 통해 관리자가 입력한 공지사항 내용이 들어갑니다.<br>
|
||||
관리시스템을 통해 관리자가 입력한 공지사항 내용이 들어갑니다.<br>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<ul class="attachments">
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
<div class="btn-box">
|
||||
<a href="#" class="btn btn-black" onclick="">목록보기</a>
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- //contents-frame -->
|
||||
</section>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer id="footer">
|
||||
<button type="button" id="btn-go-top" class="btn-go-top"><span><img src="/images/icon/icon-arr-top.png" alt="상단 화살표"></span><p>TOP</p></button>
|
||||
<div class="inner">
|
||||
<div class="row-top">
|
||||
<div class="footer-logo">
|
||||
<h1><a href="#"><img src="/images/img/img-footer-logo.png" alt="푸터 로고"></a></h1>
|
||||
</div>
|
||||
<div class="family_site">
|
||||
<p class="site_name">관련 사이트</p>
|
||||
<ul class="site_depth">
|
||||
<li><a href="/" target="_blank">01</a></li>
|
||||
<li><a href="/" target="_blank">02</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row-bottom">
|
||||
<div class="left-side">
|
||||
<ul class="fnb">
|
||||
<li><a href="/">이용약관</a></li>
|
||||
<li><a href="/">개인정보처리방침</a></li>
|
||||
<li><a href="/">찾아오시는 길</a></li>
|
||||
</ul>
|
||||
<p class="copy">
|
||||
서울시 마포대로49 성우빌딩 308호 <span><a href="tel:02-704-2322">TEL. 02.704-2322</a></span> <span>FAX. 02.704-2377</span> <br>
|
||||
COPYRIGHT (C)2018 The Federation of Korea Culture Center. ALL RIGHT RESERVED.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<div class="pop-return" style="display:none;">
|
||||
<div class="row Title">
|
||||
<p>지방문화원 소장자료</p>
|
||||
<h3>반려사유</h3>
|
||||
</div>
|
||||
<div class="inner">
|
||||
<div class="row Text">
|
||||
<div class="text-box mCustomScrollbar" data-mcs-theme="dark-2">신청하신 자료가 손상되어 부득이하게 자료열람이 반려되었습니다. 죄송합니다.</div>
|
||||
</div>
|
||||
<div class="row btn-box">
|
||||
<button type="button" class="btn btn-color">확인</button>
|
||||
</div>
|
||||
<button type="button" class="return-close"></button>
|
||||
</div>
|
||||
<div class="Bg"></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
249
src/main/webapp/notice.html
Normal file
249
src/main/webapp/notice.html
Normal file
@ -0,0 +1,249 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ko">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="format-detection" content="telephone=no" />
|
||||
<title>소장자료관 - 소장자료</title>
|
||||
|
||||
<link rel="shortcut icon" type="image/x-icon" href="#">
|
||||
<link href="/css/common.css" rel="stylesheet">
|
||||
<link href="/css/jquery.mCustomScrollbar.css" rel="stylesheet">
|
||||
<link href="/css/swiper.min.css" rel="stylesheet">
|
||||
<link href="/css/default.css" rel="stylesheet">
|
||||
|
||||
<script src="/js/jquery-1.11.2.min.js"></script>
|
||||
<script src="/js/jquery.mCustomScrollbar.js"></script>
|
||||
<script src="/js/swiper.min.js"></script>
|
||||
<script src="/js/default.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="wrap sub">
|
||||
<!-- 헤더 -->
|
||||
<header id="header">
|
||||
<h2 class="blind">헤더영역</h2>
|
||||
<div class="inner">
|
||||
<h1><a href="/"><img src="/images/img/img-logo.png"><span>소장자료관</span></a></h1>
|
||||
|
||||
<div class="search-wrap">
|
||||
<h2 class="blind">검색</h2>
|
||||
<form id="searchHeaderForm" name="searchHeaderForm" method="post" action="">
|
||||
<fieldset>
|
||||
<legend>검색</legend>
|
||||
<div class="search-input">
|
||||
<input type="text" placeholder="" title="검색어 입력" name="query" id="query" class="ark_query" value="" autocomplete="off">
|
||||
<button type="button" class="btn-search" id="searchHeaderButton"><span>검색</span></button>
|
||||
<button type="button" class="btn-search-detail" id="btn-search-detail-cl">상세검색</button>
|
||||
</div>
|
||||
<div class="condition_sear">
|
||||
<select name="searchField" id="searchField1" class="sear_depth">
|
||||
<option value="" selected="selected">전체</option>
|
||||
<option value="TITLE">제목</option>
|
||||
</select>
|
||||
</div>
|
||||
</fieldset>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div class="log">
|
||||
<ul>
|
||||
<li><a href="javascript:;" class="login-btn">로그인</a></li>
|
||||
<li><a href="">회원증</a></li>
|
||||
<li><a href="">알림(<span class="count">10</span>)</a></li>
|
||||
<li><a href="">카드(<span class="count">10</span>)</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<div class="nav-wrap">
|
||||
<div class="inner">
|
||||
<button id="primary-nav-button" type="button" class="Btn eff"><i class="eff">Menu</i></button>
|
||||
<nav id="primary-nav" class="dropdown cf">
|
||||
<ul class="dropdown menu">
|
||||
<li class="eff active"><a href="/greeting.html" title="자료관안내" class="eff">자료관안내</a>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="/greeting.html" title="인사말" class="underline blue">인사말</a></li>
|
||||
<li><a href="/guide.html" title="이용안내" class="underline blue">이용안내</a></li>
|
||||
<li><a href="/location.html" title="찾아오시는길" class="underline blue">찾아오시는길</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="/data.html" title="소장자료" class="eff">소장자료</a></li>
|
||||
<li><a href="/notice.html" title="고객지원" class="eff">고객지원</a>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="/notice.html" title="공지사항" class="underline blue">공지사항</a></li>
|
||||
<li><a href="/faq.html" title="FAQ" class="underline blue">FAQ</a></li>
|
||||
<li><a href="/qna.html" title="Q&A" class="underline blue">Q&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>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 공지사항 섹션 -->
|
||||
<section class="location noti-data">
|
||||
<h2 class="blind">공지사항 섹션영역</h2>
|
||||
<div class="inner">
|
||||
<div class="row-top">
|
||||
<div class="location-box">
|
||||
<ul class="loc">
|
||||
<li>HOME</li>
|
||||
<li>고객지원</li>
|
||||
<li class="on">공지사항</li>
|
||||
</ul>
|
||||
<ul class="tit">
|
||||
<li><span>공지사항</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="arr"><img src="/images/icon/icon-join-arr2.png" alt="화살표 아이콘"></div>
|
||||
</div>
|
||||
<div class="row-bottom">
|
||||
|
||||
<div id="contents" class="community notice">
|
||||
<div class="contents-frame inner-center">
|
||||
<div class="list-header">
|
||||
<form name="listForm" action="" method="post" class="list-search">
|
||||
<fieldset>
|
||||
<legend>공지 검색</legend>
|
||||
<div class="left">
|
||||
<div class="total-count"><span class="count">총 <em>5</em>건</span></div>
|
||||
<div class="total-count" style="display: none;"><span class="count"><em>'안내'</em>에 대한 겸색결과는 총 <em>4</em>건 입니다.</span></div>
|
||||
</div>
|
||||
<div class="right">
|
||||
<div class="list-select type">
|
||||
<label for="nttType">
|
||||
<select name="nttType" id="nttType" title="유형 선택">
|
||||
<option value="" selected="">제목</option>
|
||||
<option value="공지">공지</option>
|
||||
<option value="소식">소식</option>
|
||||
<option value="체험">체험</option>
|
||||
<option value="이벤트">이벤트</option>
|
||||
</select>
|
||||
</label>
|
||||
</div>
|
||||
<div class="list-input">
|
||||
<input type="text" id="searchKeyword" name="searchKeyword" placeholder="검색어를 입력하세요" title="searchKeyword" value="">
|
||||
<label for="searchButton">
|
||||
<button id="searchButton" onclick="">검색</button>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</fieldset>
|
||||
</form>
|
||||
</div>
|
||||
<div class="list-table-wrap">
|
||||
<ul class="list-notice">
|
||||
<li class="t-tit-line">
|
||||
<span class="t-num">NO</span>
|
||||
<span class="t-type"></span>
|
||||
<span class="t-tit">제목</span>
|
||||
<span class="t-writer">등록자</span>
|
||||
<span class="t-date">등록일</span>
|
||||
<span class="t-file">첨부</span>
|
||||
</li>
|
||||
<li>
|
||||
<span class="t-num">2</span>
|
||||
<span class="t-type"><span>공지</span></span>
|
||||
<span class="t-tit"><a href="here" onclick="">경주문화원에 오신걸 환영합니다.</a></span>
|
||||
<span class="t-writer">관리자</span>
|
||||
<span class="t-date">2020-07-08</span>
|
||||
<span class="t-file"><img src="/images/icon/icon-file.png" alt="파일 아이콘"></span>
|
||||
</li>
|
||||
<li>
|
||||
<span class="t-num">1</span>
|
||||
<span class="t-type"></span>
|
||||
<span class="t-tit"><a href="here" onclick="">경주문화원에 오신걸 환영합니다.</a></span>
|
||||
<span class="t-writer">관리자</span>
|
||||
<span class="t-date">2020-07-08</span>
|
||||
<span class="t-file"><img src="/images/icon/icon-file.png" alt="파일 아이콘"></span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<ul class="paging">
|
||||
<li class="btn btn-first"><a href="#" onclick="linkPage(1); return false;" title="처음으로">처음으로</a></li>
|
||||
<li class="btn btn-prev"><a href="#" onclick="linkPage(1); return false;" title="이전">이전</a></li>
|
||||
<li class="on"><a href="#" title="현재위치 페이지">1</a></li>
|
||||
<li><a href="?pageIndex=2" onclick="linkPage(2); return false;" title="2 페이지">2</a></li>
|
||||
<li><a href="?pageIndex=3" onclick="linkPage(3); return false;" title="3 페이지">3</a></li>
|
||||
<li><a href="?pageIndex=4" onclick="linkPage(4); return false;" title="4 페이지">4</a></li>
|
||||
<li><a href="?pageIndex=5" onclick="linkPage(5); return false;" title="5 페이지">5</a></li>
|
||||
<li><a href="?pageIndex=6" onclick="linkPage(6); return false;" title="6 페이지">6</a></li>
|
||||
<li><a href="?pageIndex=7" onclick="linkPage(7); return false;" title="7 페이지">7</a></li>
|
||||
<li><a href="?pageIndex=8" onclick="linkPage(8); return false;" title="8 페이지">8</a></li>
|
||||
<li><a href="?pageIndex=9" onclick="linkPage(9); return false;" title="9 페이지">9</a></li>
|
||||
<li><a href="?pageIndex=10" onclick="linkPage(10); return false;" title="10 페이지">10</a></li>
|
||||
<li class="btn btn-next"><a href="#" onclick="linkPage(11); return false;" title="다음">다음</a></li>
|
||||
<li class="btn btn-last"><a href="#" onclick="linkPage(418); return false;" title="맨끝으로">맨끝으로</a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
<!-- //contents-frame -->
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer id="footer">
|
||||
<button type="button" id="btn-go-top" class="btn-go-top"><span><img src="/images/icon/icon-arr-top.png" alt="상단 화살표"></span><p>TOP</p></button>
|
||||
<div class="inner">
|
||||
<div class="row-top">
|
||||
<div class="footer-logo">
|
||||
<h1><a href="#"><img src="/images/img/img-footer-logo.png" alt="푸터 로고"></a></h1>
|
||||
</div>
|
||||
<div class="family_site">
|
||||
<p class="site_name">관련 사이트</p>
|
||||
<ul class="site_depth">
|
||||
<li><a href="/" target="_blank">01</a></li>
|
||||
<li><a href="/" target="_blank">02</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row-bottom">
|
||||
<div class="left-side">
|
||||
<ul class="fnb">
|
||||
<li><a href="/">이용약관</a></li>
|
||||
<li><a href="/">개인정보처리방침</a></li>
|
||||
<li><a href="/">찾아오시는 길</a></li>
|
||||
</ul>
|
||||
<p class="copy">
|
||||
서울시 마포대로49 성우빌딩 308호 <span><a href="tel:02-704-2322">TEL. 02.704-2322</a></span> <span>FAX. 02.704-2377</span> <br>
|
||||
COPYRIGHT (C)2018 The Federation of Korea Culture Center. ALL RIGHT RESERVED.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<div class="pop-return" style="display:none;">
|
||||
<div class="row Title">
|
||||
<p>지방문화원 소장자료</p>
|
||||
<h3>반려사유</h3>
|
||||
</div>
|
||||
<div class="inner">
|
||||
<div class="row Text">
|
||||
<div class="text-box mCustomScrollbar" data-mcs-theme="dark-2">신청하신 자료가 손상되어 부득이하게 자료열람이 반려되었습니다. 죄송합니다.</div>
|
||||
</div>
|
||||
<div class="row btn-box">
|
||||
<button type="button" class="btn btn-color">확인</button>
|
||||
</div>
|
||||
<button type="button" class="return-close"></button>
|
||||
</div>
|
||||
<div class="Bg"></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
248
src/main/webapp/qna.html
Normal file
248
src/main/webapp/qna.html
Normal file
@ -0,0 +1,248 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ko">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="format-detection" content="telephone=no" />
|
||||
<title>소장자료관 - 소장자료</title>
|
||||
|
||||
<link rel="shortcut icon" type="image/x-icon" href="#">
|
||||
<link href="/css/common.css" rel="stylesheet">
|
||||
<link href="/css/jquery.mCustomScrollbar.css" rel="stylesheet">
|
||||
<link href="/css/swiper.min.css" rel="stylesheet">
|
||||
<link href="/css/default.css" rel="stylesheet">
|
||||
|
||||
<script src="/js/jquery-1.11.2.min.js"></script>
|
||||
<script src="/js/jquery.mCustomScrollbar.js"></script>
|
||||
<script src="/js/swiper.min.js"></script>
|
||||
<script src="/js/default.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="wrap sub">
|
||||
<!-- 헤더 -->
|
||||
<header id="header">
|
||||
<h2 class="blind">헤더영역</h2>
|
||||
<div class="inner">
|
||||
<h1><a href="/"><img src="/images/img/img-logo.png"><span>소장자료관</span></a></h1>
|
||||
|
||||
<div class="search-wrap">
|
||||
<h2 class="blind">검색</h2>
|
||||
<form id="searchHeaderForm" name="searchHeaderForm" method="post" action="">
|
||||
<fieldset>
|
||||
<legend>검색</legend>
|
||||
<div class="search-input">
|
||||
<input type="text" placeholder="" title="검색어 입력" name="query" id="query" class="ark_query" value="" autocomplete="off">
|
||||
<button type="button" class="btn-search" id="searchHeaderButton"><span>검색</span></button>
|
||||
<button type="button" class="btn-search-detail" id="btn-search-detail-cl">상세검색</button>
|
||||
</div>
|
||||
<div class="condition_sear">
|
||||
<select name="searchField" id="searchField1" class="sear_depth">
|
||||
<option value="" selected="selected">전체</option>
|
||||
<option value="TITLE">제목</option>
|
||||
</select>
|
||||
</div>
|
||||
</fieldset>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div class="log">
|
||||
<ul>
|
||||
<li><a href="javascript:;" class="login-btn">로그인</a></li>
|
||||
<li><a href="">회원증</a></li>
|
||||
<li><a href="">알림(<span class="count">10</span>)</a></li>
|
||||
<li><a href="">카드(<span class="count">10</span>)</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<div class="nav-wrap">
|
||||
<div class="inner">
|
||||
<button id="primary-nav-button" type="button" class="Btn eff"><i class="eff">Menu</i></button>
|
||||
<nav id="primary-nav" class="dropdown cf">
|
||||
<ul class="dropdown menu">
|
||||
<li class="eff active"><a href="/greeting.html" title="자료관안내" class="eff">자료관안내</a>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="/greeting.html" title="인사말" class="underline blue">인사말</a></li>
|
||||
<li><a href="/guide.html" title="이용안내" class="underline blue">이용안내</a></li>
|
||||
<li><a href="/location.html" title="찾아오시는길" class="underline blue">찾아오시는길</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="/data.html" title="소장자료" class="eff">소장자료</a></li>
|
||||
<li><a href="/notice.html" title="고객지원" class="eff">고객지원</a>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="/notice.html" title="공지사항" class="underline blue">공지사항</a></li>
|
||||
<li><a href="/faq.html" title="FAQ" class="underline blue">FAQ</a></li>
|
||||
<li><a href="/qna.html" title="Q&A" class="underline blue">Q&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>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Q&A 섹션 -->
|
||||
<section class="location qna">
|
||||
<h2 class="blind">Q&A 섹션영역</h2>
|
||||
<div class="inner">
|
||||
<div class="row-top">
|
||||
<div class="location-box">
|
||||
<ul class="loc">
|
||||
<li>HOME</li>
|
||||
<li>고객지원</li>
|
||||
<li class="on">Q&A</li>
|
||||
</ul>
|
||||
<ul class="tit">
|
||||
<li><span>Q&A</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="arr"><img src="/images/icon/icon-join-arr2.png" alt="화살표 아이콘"></div>
|
||||
</div>
|
||||
<div class="row-bottom">
|
||||
<div class="list-box qna-box">
|
||||
<div class="tab">
|
||||
<ul class="tabs">
|
||||
<li><a href="#">전체</a></li>
|
||||
<li><a href="#">내 질문</a></li>
|
||||
</ul>
|
||||
|
||||
<div class="title">
|
||||
<div class="list-search-wrap list-top">
|
||||
<div class="left">
|
||||
<div class="total-count"><span class="count">총 <em>5</em>건</span></div>
|
||||
</div>
|
||||
<div class="right">
|
||||
<div class="list-select type">
|
||||
<label for="nttType">
|
||||
<select name="nttType" id="nttType" title="유형 선택">
|
||||
<option value="" selected="">제목</option>
|
||||
<option value="공지">공지</option>
|
||||
<option value="소식">소식</option>
|
||||
<option value="체험">체험</option>
|
||||
<option value="이벤트">이벤트</option>
|
||||
</select>
|
||||
</label>
|
||||
</div>
|
||||
<div class="list-input">
|
||||
<input type="text" id="searchKeyword" name="searchKeyword" placeholder="검색어를 입력하세요" title="searchKeyword" value="">
|
||||
<label for="searchButton">
|
||||
<button id="searchButton" onclick="">검색</button>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tab_content">
|
||||
<div class="tabs_item">
|
||||
|
||||
<div id="contents" class="community notice">
|
||||
<div class="contents-frame inner-center">
|
||||
|
||||
<div class="list-table-wrap">
|
||||
<ul class="list-notice">
|
||||
<li class="t-tit-line">
|
||||
<span class="t-num">NO</span>
|
||||
<span class="t-tit">제목</span>
|
||||
<span class="t-writer">등록자</span>
|
||||
<span class="t-date">등록일</span>
|
||||
<span class="t-answer">답변</span>
|
||||
</li>
|
||||
<li>
|
||||
<span class="t-num">2</span>
|
||||
<span class="t-tit"><a href="here" onclick="">문화원 이용방법에 대한 질문입니다. <img src="/images/icon/icon-file.png" alt="파일 아이콘"></a></span>
|
||||
<span class="t-writer">관리자</span>
|
||||
<span class="t-date">2020-07-08</span>
|
||||
<span class="t-answer"><span class="wait">답변대기</span></span>
|
||||
</li>
|
||||
<li>
|
||||
<span class="t-num">1</span>
|
||||
<span class="t-tit"><a href="here" onclick="">문화원 이용방법에 대한 질문입니다.</a></span>
|
||||
<span class="t-writer">관리자</span>
|
||||
<span class="t-date">2020-07-08</span>
|
||||
<span class="t-answer"><span class="compl">답변대기</span></span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<ul class="paging">
|
||||
<li class="btn btn-first"><a href="#" onclick="linkPage(1); return false;" title="처음으로">처음으로</a></li>
|
||||
<li class="btn btn-prev"><a href="#" onclick="linkPage(1); return false;" title="이전">이전</a></li>
|
||||
<li class="on"><a href="#" title="현재위치 페이지">1</a></li>
|
||||
<li><a href="?pageIndex=2" onclick="linkPage(2); return false;" title="2 페이지">2</a></li>
|
||||
<li><a href="?pageIndex=3" onclick="linkPage(3); return false;" title="3 페이지">3</a></li>
|
||||
<li><a href="?pageIndex=4" onclick="linkPage(4); return false;" title="4 페이지">4</a></li>
|
||||
<li><a href="?pageIndex=5" onclick="linkPage(5); return false;" title="5 페이지">5</a></li>
|
||||
<li><a href="?pageIndex=6" onclick="linkPage(6); return false;" title="6 페이지">6</a></li>
|
||||
<li><a href="?pageIndex=7" onclick="linkPage(7); return false;" title="7 페이지">7</a></li>
|
||||
<li><a href="?pageIndex=8" onclick="linkPage(8); return false;" title="8 페이지">8</a></li>
|
||||
<li><a href="?pageIndex=9" onclick="linkPage(9); return false;" title="9 페이지">9</a></li>
|
||||
<li><a href="?pageIndex=10" onclick="linkPage(10); return false;" title="10 페이지">10</a></li>
|
||||
<li class="btn btn-next"><a href="#" onclick="linkPage(11); return false;" title="다음">다음</a></li>
|
||||
<li class="btn btn-last"><a href="#" onclick="linkPage(418); return false;" title="맨끝으로">맨끝으로</a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
<!-- //contents-frame -->
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="tabs_item">
|
||||
<div class="inner">
|
||||
02
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer id="footer">
|
||||
<button type="button" id="btn-go-top" class="btn-go-top"><span><img src="/images/icon/icon-arr-top.png" alt="상단 화살표"></span><p>TOP</p></button>
|
||||
<div class="inner">
|
||||
<div class="row-top">
|
||||
<div class="footer-logo">
|
||||
<h1><a href="#"><img src="/images/img/img-footer-logo.png" alt="푸터 로고"></a></h1>
|
||||
</div>
|
||||
<div class="family_site">
|
||||
<p class="site_name">관련 사이트</p>
|
||||
<ul class="site_depth">
|
||||
<li><a href="/" target="_blank">01</a></li>
|
||||
<li><a href="/" target="_blank">02</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row-bottom">
|
||||
<div class="left-side">
|
||||
<ul class="fnb">
|
||||
<li><a href="/">이용약관</a></li>
|
||||
<li><a href="/">개인정보처리방침</a></li>
|
||||
<li><a href="/">찾아오시는 길</a></li>
|
||||
</ul>
|
||||
<p class="copy">
|
||||
서울시 마포대로49 성우빌딩 308호 <span><a href="tel:02-704-2322">TEL. 02.704-2322</a></span> <span>FAX. 02.704-2377</span> <br>
|
||||
COPYRIGHT (C)2018 The Federation of Korea Culture Center. ALL RIGHT RESERVED.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
456
src/main/webapp/secession.html
Normal file
456
src/main/webapp/secession.html
Normal file
@ -0,0 +1,456 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ko">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="format-detection" content="telephone=no" />
|
||||
<title>소장자료관 - 휴면계정</title>
|
||||
|
||||
<link rel="shortcut icon" type="image/x-icon" href="#">
|
||||
<link href="/css/common.css" rel="stylesheet">
|
||||
<link href="/css/jquery.mCustomScrollbar.css" rel="stylesheet">
|
||||
<link href="/css/swiper.min.css" rel="stylesheet">
|
||||
<link href="/css/default.css" rel="stylesheet">
|
||||
|
||||
<script src="/js/jquery-1.11.2.min.js"></script>
|
||||
<script src="/js/jquery.mCustomScrollbar.js"></script>
|
||||
<script src="/js/swiper.min.js"></script>
|
||||
<script src="/js/default.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="wrap sub">
|
||||
<!-- 헤더 -->
|
||||
<header id="header">
|
||||
<h2 class="blind">헤더영역</h2>
|
||||
<div class="inner">
|
||||
<h1><a href="/"><img src="/images/img/img-logo.png"><span>소장자료관</span></a></h1>
|
||||
|
||||
<div class="search-wrap">
|
||||
<h2 class="blind">검색</h2>
|
||||
<form id="searchHeaderForm" name="searchHeaderForm" method="post" action="">
|
||||
<fieldset>
|
||||
<legend>검색</legend>
|
||||
<div class="search-input">
|
||||
<input type="text" placeholder="" title="검색어 입력" name="query" id="query" class="ark_query" value="" autocomplete="off">
|
||||
<button type="button" class="btn-search" id="searchHeaderButton"><span>검색</span></button>
|
||||
<button type="button" class="btn-search-detail" id="btn-search-detail-cl">상세검색</button>
|
||||
</div>
|
||||
<div class="condition_sear">
|
||||
<select name="searchField" id="searchField1" class="sear_depth">
|
||||
<option value="" selected="selected">전체</option>
|
||||
<option value="TITLE">제목</option>
|
||||
</select>
|
||||
</div>
|
||||
</fieldset>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div class="log">
|
||||
<ul>
|
||||
<li><a href="javascript:;" class="login-btn">로그인</a></li>
|
||||
<li><a href="">회원증</a></li>
|
||||
<li><a href="">알림(<span class="count">10</span>)</a></li>
|
||||
<li><a href="">카드(<span class="count">10</span>)</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<div class="nav-wrap">
|
||||
<div class="inner">
|
||||
<button id="primary-nav-button" type="button" class="Btn eff"><i class="eff">Menu</i></button>
|
||||
<nav id="primary-nav" class="dropdown cf">
|
||||
<ul class="dropdown menu">
|
||||
<li class="eff active"><a href="/greeting.html" title="자료관안내" class="eff">자료관안내</a>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="/greeting.html" title="인사말" class="underline blue">인사말</a></li>
|
||||
<li><a href="/guide.html" title="이용안내" class="underline blue">이용안내</a></li>
|
||||
<li><a href="/location.html" title="찾아오시는길" class="underline blue">찾아오시는길</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="/data.html" title="소장자료" class="eff">소장자료</a></li>
|
||||
<li><a href="/notice.html" title="고객지원" class="eff">고객지원</a>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="/notice.html" title="공지사항" class="underline blue">공지사항</a></li>
|
||||
<li><a href="/faq.html" title="FAQ" class="underline blue">FAQ</a></li>
|
||||
<li><a href="/qna.html" title="Q&A" class="underline blue">Q&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>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 회원탈퇴 섹션 -->
|
||||
<section class="secession">
|
||||
<h2 class="blind">회원탈퇴 섹션영역</h2>
|
||||
<div class="inner">
|
||||
<div class="row-top">
|
||||
<div class="icon"><img src="/images/icon/icon-secession.png" alt="회원탈퇴 아이콘"></div>
|
||||
<p>회원탈퇴 안내</p>
|
||||
</div>
|
||||
<div class="row-bottom">
|
||||
<div class="sec-box">
|
||||
<div class="text">
|
||||
<p>문화원 소장자료관 <span>회원탈퇴</span> 안내입니다.</p>
|
||||
<div class="inner-box">
|
||||
<p>문화원 소장자료관 홈페이지 회원탈퇴 시, 홈페이지에서 제공하는 모든 서비스를 이용하실 수 없게 됩니다.</p>
|
||||
<p>회원탈퇴 시, 회원정보 복원이 불가능합니다.</p>
|
||||
<p>회원탈퇴 시, 회원 정보는 즉시 삭제되며, 계정과 연계된 모든 정보도 함께 삭제됩니다.</p>
|
||||
<p>대출중인 자료가 있을 경우 회원탈퇴가 불가능합니다. </p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box">
|
||||
<p><span class="name">이름</span><span class="con">김문화</span></p>
|
||||
<p><span class="name">이메일</span><span class="con">mo******@gmail.com</span></p>
|
||||
<p><input type="password" placeholder="비밀번호"></p>
|
||||
</div>
|
||||
<div class="btn-box">
|
||||
<button type="button" class="btn btn-color">탈퇴하기</button>
|
||||
<button type="button" class="btn btn-gray">취소</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer id="footer">
|
||||
<button type="button" id="btn-go-top" class="btn-go-top"><span><img src="/images/icon/icon-arr-top.png" alt="상단 화살표"></span><p>TOP</p></button>
|
||||
<div class="inner">
|
||||
<div class="row-top">
|
||||
<div class="footer-logo">
|
||||
<h1><a href="#"><img src="/images/img/img-footer-logo.png" alt="푸터 로고"></a></h1>
|
||||
</div>
|
||||
<div class="family_site">
|
||||
<p class="site_name">관련 사이트</p>
|
||||
<ul class="site_depth">
|
||||
<li><a href="/" target="_blank">01</a></li>
|
||||
<li><a href="/" target="_blank">02</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row-bottom">
|
||||
<div class="left-side">
|
||||
<ul class="fnb">
|
||||
<li><a href="/">이용약관</a></li>
|
||||
<li><a href="/">개인정보처리방침</a></li>
|
||||
<li><a href="/">찾아오시는 길</a></li>
|
||||
</ul>
|
||||
<p class="copy">
|
||||
서울시 마포대로49 성우빌딩 308호 <span><a href="tel:02-704-2322">TEL. 02.704-2322</a></span> <span>FAX. 02.704-2377</span> <br>
|
||||
COPYRIGHT (C)2018 The Federation of Korea Culture Center. ALL RIGHT RESERVED.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<div class="popup pop-advanced-search" style="display:none;">
|
||||
<div class="pop-wrap">
|
||||
<div class="Title">
|
||||
<span>상세 검색</span>
|
||||
<span>검색어와, 검색조건들을 통해서 더 정확한 정보를 찾아보세요.</span>
|
||||
<span><a href="javascript:;" class="btn-close-pop"><img src="/images/btn/btn-pop-close.png" alt="닫기 아이콘"></a></span>
|
||||
</div>
|
||||
<form action="/sch/totalSearchList.do" id="cmmlistForm" name="cmmlistForm" class="mCustomScrollbar" data-mcs-theme="dark-2">
|
||||
<div class="scroll-wrap">
|
||||
<fieldset>
|
||||
<legend>상세검색 입력폼</legend>
|
||||
<ul class="advanced-form-table">
|
||||
<li class="row-keyword fw">
|
||||
<p class="tit"><label for="d_query">검 색</label></p>
|
||||
<div class="input-area">
|
||||
<input type="text" placeholder="검색어를 입력하세요." id="d_query" name="query" value="" />
|
||||
</div>
|
||||
</li>
|
||||
<li class="row-keyword-detail">
|
||||
<p class="tit"><label for="exactQuery">목차검색</label></p>
|
||||
<div class="input-area">
|
||||
<input type="text" placeholder="검색어를 입력하세요." id="exactQuery" name="exactQuery" value="" />
|
||||
</div>
|
||||
</li>
|
||||
<li class="row-control-num">
|
||||
<p class="tit"><label for="mgnt_no">관리번호</label></p>
|
||||
<div class="input-area">
|
||||
<input type="text" placeholder="예) KCCF201808030000234" id="mgnt_no" name="mgnt_no" value="" />
|
||||
</div>
|
||||
</li>
|
||||
<li class="row-issued-year">
|
||||
<p class="tit"><label for="genyear_start">생산년도</label></p>
|
||||
<div class="input-area">
|
||||
<input type="text" placeholder="예) 2018" id="genyear_start" name="genyear_start" value="" />
|
||||
<span class="tilde">~</span>
|
||||
<input type="text" placeholder="예) 2019" id="genyear_end" name="genyear_end" value="" /><label for="genyear_end" class="blind">생산년도 끝</label>
|
||||
</div>
|
||||
</li>
|
||||
<li class="row-age">
|
||||
<p class="tit"><label for="chronological_start">연 대</label></p>
|
||||
<div class="input-area">
|
||||
<input type="text" placeholder="예) 2017" id="chronological_start" name="chronological_start" value=""/>
|
||||
<span class="tilde">~</span>
|
||||
<input type="text" placeholder="예) 2018" id="chronological_end" name="chronological_end" value=""/><label for="chronological_end" class="blind">연대 끝</label>
|
||||
</div>
|
||||
</li>
|
||||
<li class="row-times fw">
|
||||
<p class="tit"><label for="">시 대</label></p>
|
||||
<div class="input-area">
|
||||
<div class="check"><input type="checkbox" value="" id="times-chk1" name=""><label for="times-chk1">전체</label></div>
|
||||
<div class="check"><input type="checkbox" value="" id="times-chk2" name=""><label for="times-chk2">선사</label></div>
|
||||
<div class="check"><input type="checkbox" value="" id="times-chk3" name=""><label for="times-chk3">고대</label></div>
|
||||
<div class="check"><input type="checkbox" value="" id="times-chk4" name=""><label for="times-chk4">고려</label></div>
|
||||
<div class="check"><input type="checkbox" value="" id="times-chk5" name=""><label for="times-chk5">조선</label></div>
|
||||
<div class="check"><input type="checkbox" value="" id="times-chk6" name=""><label for="times-chk6">근대</label></div>
|
||||
<div class="check"><input type="checkbox" value="" id="times-chk7" name=""><label for="times-chk7">현대</label></div>
|
||||
<div class="check"><input type="checkbox" value="" id="times-chk8" name=""><label for="times-chk8">시대미상</label></div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="row-class fw">
|
||||
<p class="tit"><label for="">이용구분</label></p>
|
||||
<div class="input-area">
|
||||
<div class="check"><input type="checkbox" value="" id="class-chk1" name=""><label for="class-chk1">전체</label></div>
|
||||
<div class="check"><input type="checkbox" value="" id="class-chk2" name=""><label for="class-chk2">온라인 열람</label></div>
|
||||
<div class="check"><input type="checkbox" value="" id="class-chk3" name=""><label for="class-chk3">대출</label></div>
|
||||
<div class="check"><input type="checkbox" value="" id="class-chk4" name=""><label for="class-chk4">열람</label></div>
|
||||
<div class="check"><input type="checkbox" value="" id="class-chk5" name=""><label for="class-chk5">기타</label></div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</fieldset>
|
||||
|
||||
<fieldset class="conditions-wrap conditions-subject">
|
||||
<legend class="conditions-title">주제분야</legend>
|
||||
<div class="selected-conditions">
|
||||
<div class="title">
|
||||
<p>선택조건</p>
|
||||
<button type="button" class="btn-reset-conditions">초기화</button>
|
||||
</div>
|
||||
<ul class="conditions">
|
||||
<li><button type="button" title="삭제">자연과 지리 <span class="sign">></span> 마을경관</button></li>
|
||||
<li><button type="button" title="삭제">생활과 민속 <span class="sign">></span> 세시풍속</button></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="conditions-box">
|
||||
<div class="line line1">
|
||||
<div class="depth1">
|
||||
<div class="depth1-check check tab"><input type="checkbox" value="A" id="subject-chk1" /><label for="subject-chk1">자연과지리</label></div>
|
||||
<ul class="depth2">
|
||||
<li><div class="check"><input type="checkbox" value="A01" id="subject-chk1-1" /><label for="subject-chk1-1">자연환경</label></div></li>
|
||||
<li><div class="check"><input type="checkbox" value="A02" id="subject-chk1-2" /><label for="subject-chk1-2">동식물</label></div></li>
|
||||
<li><div class="check"><input type="checkbox" value="A03" id="subject-chk1-3" /><label for="subject-chk1-3">마을경관</label></div></li>
|
||||
<li><div class="check"><input type="checkbox" value="A04" id="subject-chk1-4" /><label for="subject-chk1-4">향토지</label></div></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="depth1">
|
||||
<div class="depth1-check check tab"><input type="checkbox" value="B" id="subject-chk2" /><label for="subject-chk2">지방의역사</label></div>
|
||||
<ul class="depth2">
|
||||
<li><div class="check"><input type="checkbox" value="B01" id="subject-chk2-1" /><label for="subject-chk2-1">선사</label></div></li>
|
||||
<li><div class="check"><input type="checkbox" value="B02" id="subject-chk2-2" /><label for="subject-chk2-2">삼국~통일신라</label></div></li>
|
||||
<li><div class="check"><input type="checkbox" value="B03" id="subject-chk2-3" /><label for="subject-chk2-3">고려</label></div></li>
|
||||
<li><div class="check"><input type="checkbox" value="B04" id="subject-chk2-4" /><label for="subject-chk2-4">조선</label></div></li>
|
||||
<li><div class="check"><input type="checkbox" value="B05" id="subject-chk2-5" /><label for="subject-chk2-5">개항기(1876~1910)</label></div></li>
|
||||
<li><div class="check"><input type="checkbox" value="B06" id="subject-chk2-6" /><label for="subject-chk2-6">일제강점기</label></div></li>
|
||||
<li><div class="check"><input type="checkbox" value="B07" id="subject-chk2-7" /><label for="subject-chk2-7">현대</label></div></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="depth1">
|
||||
<div class="depth1-check check tab"><input type="checkbox" value="C" id="subject-chk3" /><label for="subject-chk3">문화유산</label></div>
|
||||
<ul class="depth2">
|
||||
<li><div class="check"><input type="checkbox" value="C01" id="subject-chk3-1" /><label for="subject-chk3-1">선사 유적 및 유물</label></div></li>
|
||||
<li><div class="check"><input type="checkbox" value="C02" id="subject-chk3-2" /><label for="subject-chk3-2">건축유적</label></div></li>
|
||||
<li><div class="check"><input type="checkbox" value="C03" id="subject-chk3-3" /><label for="subject-chk3-3">조각</label></div></li>
|
||||
<li><div class="check"><input type="checkbox" value="C04" id="subject-chk3-4" /><label for="subject-chk3-4">서화</label></div></li>
|
||||
<li><div class="check"><input type="checkbox" value="C05" id="subject-chk3-5" /><label for="subject-chk3-5">공예</label></div></li>
|
||||
<li><div class="check"><input type="checkbox" value="C06" id="subject-chk3-6" /><label for="subject-chk3-6">기타</label></div></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="depth1">
|
||||
<div class="depth1-check check tab"><input type="checkbox" value="D" id="subject-chk4" /><label for="subject-chk4">성씨와 인물</label></div>
|
||||
<ul class="depth2">
|
||||
<li><div class="check"><input type="checkbox" value="D01" id="subject-chk4-1" /><label for="subject-chk4-1">주민</label></div></li>
|
||||
<li><div class="check"><input type="checkbox" value="D02" id="subject-chk4-2" /><label for="subject-chk4-2">성씨</label></div></li>
|
||||
<li><div class="check"><input type="checkbox" value="D03" id="subject-chk4-3" /><label for="subject-chk4-3">인물</label></div></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="depth1">
|
||||
<div class="depth1-check check tab"><input type="checkbox" value="E" id="subject-chk5" /><label for="subject-chk5">정치와 행정</label></div>
|
||||
<ul class="depth2">
|
||||
<li><div class="check"><input type="checkbox" value="E01" id="subject-chk5-1" /><label for="subject-chk5-1">지방정치</label></div></li>
|
||||
<li><div class="check"><input type="checkbox" value="E02" id="subject-chk5-2" /><label for="subject-chk5-2">지방행정</label></div></li>
|
||||
<li><div class="check"><input type="checkbox" value="E03" id="subject-chk5-3" /><label for="subject-chk5-3">사법 및 치안</label></div></li>
|
||||
<li><div class="check"><input type="checkbox" value="E04" id="subject-chk5-4" /><label for="subject-chk5-4">지역사회운동</label></div></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="depth1">
|
||||
<div class="depth1-check check tab"><input type="checkbox" value="F" id="subject-chk6" /><label for="subject-chk6">경제와 산업</label></div>
|
||||
<ul class="depth2">
|
||||
<li><div class="check"><input type="checkbox" value="F01" id="subject-chk6-1" /><label for="subject-chk6-1">총론</label></div></li>
|
||||
<li><div class="check"><input type="checkbox" value="F02" id="subject-chk6-2" /><label for="subject-chk6-2">농림수산업</label></div></li>
|
||||
<li><div class="check"><input type="checkbox" value="F03" id="subject-chk6-3" /><label for="subject-chk6-3">광공업</label></div></li>
|
||||
<li><div class="check"><input type="checkbox" value="F04" id="subject-chk6-4" /><label for="subject-chk6-4">금융 및 보험업</label></div></li>
|
||||
<li><div class="check"><input type="checkbox" value="F05" id="subject-chk6-5" /><label for="subject-chk6-5">상업 및 서비스업</label></div></li>
|
||||
<li><div class="check"><input type="checkbox" value="F06" id="subject-chk6-6" /><label for="subject-chk6-6">교통, 통신 및 건설업</label></div></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="depth1">
|
||||
<div class="depth1-check check tab"><input type="checkbox" value="G" id="subject-chk7" /><label for="subject-chk7">종교와 문화</label></div>
|
||||
<ul class="depth2">
|
||||
<li><div class="check"><input type="checkbox" value="G01" id="subject-chk7-1" /><label for="subject-chk7-1">종교</label></div></li>
|
||||
<li><div class="check"><input type="checkbox" value="G02" id="subject-chk7-2" /><label for="subject-chk7-2">교육</label></div></li>
|
||||
<li><div class="check"><input type="checkbox" value="G03" id="subject-chk7-3" /><label for="subject-chk7-3">문화예술</label></div></li>
|
||||
<li><div class="check"><input type="checkbox" value="G04" id="subject-chk7-4" /><label for="subject-chk7-4">언론</label></div></li>
|
||||
<li><div class="check"><input type="checkbox" value="G05" id="subject-chk7-5" /><label for="subject-chk7-5">체육</label></div></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="depth1">
|
||||
<div class="depth1-check check tab"><input type="checkbox" value="H" id="subject-chk8" /><label for="subject-chk8">생할과 민속</label></div>
|
||||
<ul class="depth2">
|
||||
<li><div class="check"><input type="checkbox" value="H01" id="subject-chk8-1" /><label for="subject-chk8-1">생활</label></div></li>
|
||||
<li><div class="check"><input type="checkbox" value="H02" id="subject-chk8-2" /><label for="subject-chk8-2">민속</label></div></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="depth1">
|
||||
<div class="depth1-check check tab"><input type="checkbox" value="I" id="subject-chk9" /><label for="subject-chk9">구비전승어문학</label></div>
|
||||
<ul class="depth2">
|
||||
<li><div class="check"><input type="checkbox" value="I01" id="subject-chk9-1" /><label for="subject-chk9-1">지명유래</label></div></li>
|
||||
<li><div class="check"><input type="checkbox" value="I02" id="subject-chk9-2" /><label for="subject-chk9-2">어문학</label></div></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div><!-- //line-1 -->
|
||||
</div>
|
||||
</fieldset>
|
||||
|
||||
<fieldset class="conditions-wrap conditions-datype">
|
||||
<legend class="conditions-title">자료유형</legend>
|
||||
<div class="selected-conditions">
|
||||
<div class="title">
|
||||
<p>선택조건</p>
|
||||
<button type="button" class="btn-reset-conditions">초기화</button>
|
||||
</div>
|
||||
<ul class="conditions">
|
||||
<li><button type="button" title="삭제">도서간행물 <span class="sign">></span> 단행본</button></li>
|
||||
<li><button type="button" title="삭제">도서간행물 <span class="sign">></span> 보고서</button></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="conditions-box">
|
||||
<div class="line line1">
|
||||
<div class="depth1">
|
||||
<div class="depth1-check check tab"><input type="checkbox" value="A" id="datype-chk1" /><label for="datype-chk1">도서간행물</label></div>
|
||||
<ul class="depth2">
|
||||
<li><div class="check"><input type="checkbox" value="A01" id="datype-chk1-1" /><label for="datype-chk1-1">총서·총류</label></div></li>
|
||||
<li><div class="check"><input type="checkbox" value="A02" id="datype-chk1-2" /><label for="datype-chk1-2">단행본</label></div></li>
|
||||
<li><div class="check"><input type="checkbox" value="A03" id="datype-chk1-3" /><label for="datype-chk1-3">보고서</label></div></li>
|
||||
<li><div class="check"><input type="checkbox" value="A04" id="datype-chk1-4" /><label for="datype-chk1-4">자료집</label></div></li>
|
||||
<li><div class="check"><input type="checkbox" value="A05" id="datype-chk1-5" /><label for="datype-chk1-5">연속간행물</label></div></li>
|
||||
<li><div class="check"><input type="checkbox" value="A06" id="datype-chk1-6" /><label for="datype-chk1-6">고서적</label></div></li>
|
||||
<li><div class="check"><input type="checkbox" value="A99" id="datype-chk1-7" /><label for="datype-chk1-7">기타</label></div></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="depth1">
|
||||
<div class="depth1-check check tab"><input type="checkbox" value="B" id="datype-chk2" /><label for="datype-chk2">문서</label></div>
|
||||
<ul class="depth2">
|
||||
<li><div class="check"><input type="checkbox" value="B01" id="datype-chk2-1" /><label for="datype-chk2-1">고문서</label></div></li>
|
||||
<li><div class="check"><input type="checkbox" value="B02" id="datype-chk2-2" /><label for="datype-chk2-2">일반문서</label></div></li>
|
||||
<li><div class="check"><input type="checkbox" value="B03" id="datype-chk2-3" /><label for="datype-chk2-3">행정문서</label></div></li>
|
||||
<li><div class="check"><input type="checkbox" value="B04" id="datype-chk2-4" /><label for="datype-chk2-4">보고서</label></div></li>
|
||||
<li><div class="check"><input type="checkbox" value="B05" id="datype-chk2-5" /><label for="datype-chk2-5">자료집</label></div></li>
|
||||
<li><div class="check"><input type="checkbox" value="B99" id="datype-chk2-6" /><label for="datype-chk2-6">기타</label></div></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="depth1">
|
||||
<div class="depth1-check check tab"><input type="checkbox" value="C" id="datype-chk3" /><label for="datype-chk3">시청각물</label></div>
|
||||
<ul class="depth2">
|
||||
<li><div class="check"><input type="checkbox" value="C01" id="datype-chk3-1" /><label for="datype-chk3-1">사진</label></div></li>
|
||||
<li><div class="check"><input type="checkbox" value="C02" id="datype-chk3-2" /><label for="datype-chk3-2">동영상</label></div></li>
|
||||
<li><div class="check"><input type="checkbox" value="C03" id="datype-chk3-3" /><label for="datype-chk3-3">음원</label></div></li>
|
||||
<li><div class="check"><input type="checkbox" value="C04" id="datype-chk3-4" /><label for="datype-chk3-4">전자책(PDF, PPT 등)</label></div></li>
|
||||
<li><div class="check"><input type="checkbox" value="C99" id="datype-chk3-5" /><label for="datype-chk3-5">기타</label></div></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="depth1">
|
||||
<div class="depth1-check check tab"><input type="checkbox" value="D" id="datype-chk4" /><label for="datype-chk4">도안</label></div>
|
||||
<ul class="depth2">
|
||||
<li><div class="check"><input type="checkbox" value="D01" id="datype-chk4-1" /><label for="datype-chk4-1">지도</label></div></li>
|
||||
<li><div class="check"><input type="checkbox" value="D02" id="datype-chk4-2" /><label for="datype-chk4-2">도면</label></div></li>
|
||||
<li><div class="check"><input type="checkbox" value="D03" id="datype-chk4-3" /><label for="datype-chk4-3">탁본</label></div></li>
|
||||
<li><div class="check"><input type="checkbox" value="D99" id="datype-chk4-4" /><label for="datype-chk4-4">기타</label></div></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="depth1">
|
||||
<div class="depth1-check check tab"><input type="checkbox" value="E" id="datype-chk5" /><label for="datype-chk5">박물</label></div>
|
||||
<ul class="depth2">
|
||||
<li><div class="check"><input type="checkbox" value="E01" id="datype-chk5-1" /><label for="datype-chk5-1">서화</label></div></li>
|
||||
<li><div class="check"><input type="checkbox" value="E02" id="datype-chk5-2" /><label for="datype-chk5-2">조각ㆍ공예품</label></div></li>
|
||||
<li><div class="check"><input type="checkbox" value="E03" id="datype-chk5-3" /><label for="datype-chk5-3">민속용구</label></div></li>
|
||||
<li><div class="check"><input type="checkbox" value="E04" id="datype-chk5-4" /><label for="datype-chk5-4">행정박물</label></div></li>
|
||||
<li><div class="check"><input type="checkbox" value="E05" id="datype-chk5-5" /><label for="datype-chk5-5">상장</label></div></li>
|
||||
<li><div class="check"><input type="checkbox" value="E06" id="datype-chk5-6" /><label for="datype-chk5-6">VR</label></div></li>
|
||||
<li><div class="check"><input type="checkbox" value="E07" id="datype-chk5-7" /><label for="datype-chk5-7">AR</label></div></li>
|
||||
<li><div class="check"><input type="checkbox" value="E08" id="datype-chk5-8" /><label for="datype-chk5-8">3D 스캔</label></div></li>
|
||||
<li><div class="check"><input type="checkbox" value="E99" id="datype-chk5-9" /><label for="datype-chk5-9">기타</label></div></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="depth1">
|
||||
<div class="depth1-check check tab"><input type="checkbox" value="G" id="datype-chk6" /><label for="datype-chk6">웹정보자료</label></div>
|
||||
<ul class="depth2">
|
||||
<li><div class="check"><input type="checkbox" value="G01" id="datype-chk6-1" /><label for="datype-chk6-1">웹콘텐츠</label></div></li>
|
||||
<li><div class="check"><input type="checkbox" value="G02" id="datype-chk6-2" /><label for="datype-chk6-2">외부자료링크</label></div></li>
|
||||
<li><div class="check"><input type="checkbox" value="G03" id="datype-chk6-3" /><label for="datype-chk6-3">웹사이트</label></div></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="depth1">
|
||||
<div class="depth1-check check tab"><input type="checkbox" value="F" id="datype-chk7" /><label for="datype-chk7">기타</label></div>
|
||||
<ul class="depth2">
|
||||
<li><div class="check"><input type="checkbox" value="F99" id="datype-chk7-1" /><label for="datype-chk7-1">기타</label></div></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div><!-- //line-1 -->
|
||||
</div>
|
||||
</fieldset>
|
||||
|
||||
</div><!-- //scroll-wrap -->
|
||||
<div class="btn-wrap">
|
||||
<button type="button" class="btn btn-white" id="cmm_popudp_del">초기화</button>
|
||||
<button type="button" class="btn btn-color" id="cmm_popudp_submit">검색</button>
|
||||
<button type="button" class="btn btn-gray btn-close-pop">닫기</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="pop-login" style="display:none;">
|
||||
<div class="row Title">
|
||||
<p>지방문화원 소장자료관</p>
|
||||
<h3>통합 로그인</h3>
|
||||
</div>
|
||||
<div class="inner">
|
||||
<div class="row First Last" style="display:none;">
|
||||
<p>마지막으로 로그인한 계정입니다.</p>
|
||||
<div class="Btn Naver"><button type="button">네이버 아이디로 로그인</button></div>
|
||||
</div>
|
||||
<div class="row First">
|
||||
<div class="Btn Naver" ><button type="button" onclick="window.open(); return false">네이버 아이디로 로그인</button></div>
|
||||
<div class="Btn Kakao"><button type="button" onclick="kakao_login_call()">카카오 로그인</button></div>
|
||||
<div class="Btn Google"><button type="button" id="google_button">Google 계정으로 로그인</button></div>
|
||||
</div>
|
||||
<div class="row Text">
|
||||
<p>회원가입하고 <span>대출/열람 서비스</span>를 이용해보세요!</p>
|
||||
<p><a href="/" class="join">회원가입</a></p>
|
||||
</div>
|
||||
<button type="button" class="login-close"></button>
|
||||
</div>
|
||||
<div class="Bg"></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
272
src/main/webapp/visit.html
Normal file
272
src/main/webapp/visit.html
Normal file
@ -0,0 +1,272 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ko">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="format-detection" content="telephone=no" />
|
||||
<title>소장자료관 - 소장자료</title>
|
||||
|
||||
<link rel="shortcut icon" type="image/x-icon" href="#">
|
||||
<link href="/css/common.css" rel="stylesheet">
|
||||
<link href="/css/jquery.mCustomScrollbar.css" rel="stylesheet">
|
||||
<link href="/css/swiper.min.css" rel="stylesheet">
|
||||
<link href="/css/default.css" rel="stylesheet">
|
||||
|
||||
<script src="/js/jquery-1.11.2.min.js"></script>
|
||||
<script src="/js/jquery.mCustomScrollbar.js"></script>
|
||||
<script src="/js/swiper.min.js"></script>
|
||||
<script src="/js/default.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="wrap sub">
|
||||
<!-- 헤더 -->
|
||||
<header id="header">
|
||||
<h2 class="blind">헤더영역</h2>
|
||||
<div class="inner">
|
||||
<h1><a href="/"><img src="/images/img/img-logo.png"><span>소장자료관</span></a></h1>
|
||||
|
||||
<div class="search-wrap">
|
||||
<h2 class="blind">검색</h2>
|
||||
<form id="searchHeaderForm" name="searchHeaderForm" method="post" action="">
|
||||
<fieldset>
|
||||
<legend>검색</legend>
|
||||
<div class="search-input">
|
||||
<input type="text" placeholder="" title="검색어 입력" name="query" id="query" class="ark_query" value="" autocomplete="off">
|
||||
<button type="button" class="btn-search" id="searchHeaderButton"><span>검색</span></button>
|
||||
<button type="button" class="btn-search-detail" id="btn-search-detail-cl">상세검색</button>
|
||||
</div>
|
||||
<div class="condition_sear">
|
||||
<select name="searchField" id="searchField1" class="sear_depth">
|
||||
<option value="" selected="selected">전체</option>
|
||||
<option value="TITLE">제목</option>
|
||||
</select>
|
||||
</div>
|
||||
</fieldset>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div class="log">
|
||||
<ul>
|
||||
<li><a href="javascript:;" class="login-btn">로그인</a></li>
|
||||
<li><a href="">회원증</a></li>
|
||||
<li><a href="">알림(<span class="count">10</span>)</a></li>
|
||||
<li><a href="">카드(<span class="count">10</span>)</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<div class="nav-wrap">
|
||||
<div class="inner">
|
||||
<button id="primary-nav-button" type="button" class="Btn eff"><i class="eff">Menu</i></button>
|
||||
<nav id="primary-nav" class="dropdown cf">
|
||||
<ul class="dropdown menu">
|
||||
<li class="eff active"><a href="/greeting.html" title="자료관안내" class="eff">자료관안내</a>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="/greeting.html" title="인사말" class="underline blue">인사말</a></li>
|
||||
<li><a href="/guide.html" title="이용안내" class="underline blue">이용안내</a></li>
|
||||
<li><a href="/location.html" title="찾아오시는길" class="underline blue">찾아오시는길</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="/data.html" title="소장자료" class="eff">소장자료</a></li>
|
||||
<li><a href="/notice.html" title="고객지원" class="eff">고객지원</a>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="/notice.html" title="공지사항" class="underline blue">공지사항</a></li>
|
||||
<li><a href="/faq.html" title="FAQ" class="underline blue">FAQ</a></li>
|
||||
<li><a href="/qna.html" title="Q&A" class="underline blue">Q&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>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 방문열람 섹션 -->
|
||||
<section class="location visit-data">
|
||||
<h2 class="blind">방문열람 섹션영역</h2>
|
||||
<div class="inner">
|
||||
<div class="row-top">
|
||||
<div class="location-box">
|
||||
<ul class="loc">
|
||||
<li>HOME</li>
|
||||
<li>마이페이지</li>
|
||||
<li class="on">방문열람관리</li>
|
||||
</ul>
|
||||
<ul class="tit">
|
||||
<li><span>방문열람</span>관리</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="arr"><img src="/images/icon/icon-join-arr2.png" alt="화살표 아이콘"></div>
|
||||
</div>
|
||||
<div class="row-bottom">
|
||||
<div class="list-box visit-box">
|
||||
<div class="tab">
|
||||
<ul class="tabs">
|
||||
<li><a href="#">신청</a></li>
|
||||
<li><a href="#"><img src="/images/icon/icon-new.png" alt="뉴 아이콘">취소</a></li>
|
||||
<li><a href="#">열람완료</a></li>
|
||||
<li><a href="#">미열람</a></li>
|
||||
</ul>
|
||||
|
||||
<div class="title">
|
||||
<span class="count">총 <em>5</em>건</span>
|
||||
<div class="list-search-wrap list-top">
|
||||
<div class="list-select">
|
||||
<select name="" id="" title="문화원 선택">
|
||||
<option value="문화원전체">문화원 전체</option>
|
||||
<option value="문화원전체">문화원 전체</option>
|
||||
<option value="문화원전체">문화원 전체</option>
|
||||
<option value="문화원전체">문화원 전체</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tab_content">
|
||||
<div class="tabs_item">
|
||||
<div class="inner">
|
||||
|
||||
<div class="list-wrap">
|
||||
<div class="list-data">
|
||||
<div class="list t-tit-line">
|
||||
<div class="n-cultural">문화원</div>
|
||||
<div class="n-data">자료정보</div>
|
||||
<div class="n-subscription">신청</div>
|
||||
<div class="n-visit">희망방문일</div>
|
||||
<div class="n-return">반납예정일</div>
|
||||
<div class="n-state">신청상태</div>
|
||||
</div>
|
||||
<div class="list">
|
||||
<div class="n-cultural">[경기문화원연합회]</div>
|
||||
<div class="n-data"><a href="">慶州文化(경주문화)/제23호</a></div>
|
||||
<div class="n-subscription"><span class="date">2021-08-24</span><span class="time">13:00~14:00</span></div>
|
||||
<div class="n-visit"><span class="date">2021-08-24</span><span class="time">13:00~14:00</span></div>
|
||||
<div class="n-return">-</div>
|
||||
<div class="n-state"><span class="ti imposs">-<span class="da"></span></span><button type="button">취소</button></div>
|
||||
</div>
|
||||
<div class="list">
|
||||
<div class="n-cultural">[경기문화원연합회]</div>
|
||||
<div class="n-data"><a href="">慶州文化(경주문화)/제23호</a></div>
|
||||
<div class="n-subscription">2021-08-24</div>
|
||||
<div class="n-visit"><span class="date">2021-08-24</span><span class="time">13:00~14:00</span></div>
|
||||
<div class="n-return">-</div>
|
||||
<div class="n-state"><span class="ti poss">승인<span class="da">2021-08-24</span></span><button type="button">취소</button></div>
|
||||
</div>
|
||||
<div class="list">
|
||||
<div class="n-cultural">[경기문화원연합회]</div>
|
||||
<div class="n-data"><a href="">慶州文化(경주문화)/제23호</a></div>
|
||||
<div class="n-subscription"><span class="date">2021-08-24</span><span class="time">13:00~14:00</span></div>
|
||||
<div class="n-visit"><span class="date">2021-08-24</span><span class="time">13:00~14:00</span></div>
|
||||
<div class="n-return">-</div>
|
||||
<div class="n-state"><span class="ti imposs">반려<span class="da">2021-08-24</span></span><button type="button">취소</button></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<ul class="paging">
|
||||
<li class="btn btn-first"><a href="#" onclick="linkPage(1); return false;" title="처음으로">처음으로</a></li>
|
||||
<li class="btn btn-prev"><a href="#" onclick="linkPage(1); return false;" title="이전">이전</a></li>
|
||||
<li class="on"><a href="#" title="현재위치 페이지">1</a></li>
|
||||
<li><a href="?pageIndex=2" onclick="linkPage(2); return false;" title="2 페이지">2</a></li>
|
||||
<li><a href="?pageIndex=3" onclick="linkPage(3); return false;" title="3 페이지">3</a></li>
|
||||
<li><a href="?pageIndex=4" onclick="linkPage(4); return false;" title="4 페이지">4</a></li>
|
||||
<li><a href="?pageIndex=5" onclick="linkPage(5); return false;" title="5 페이지">5</a></li>
|
||||
<li><a href="?pageIndex=6" onclick="linkPage(6); return false;" title="6 페이지">6</a></li>
|
||||
<li><a href="?pageIndex=7" onclick="linkPage(7); return false;" title="7 페이지">7</a></li>
|
||||
<li><a href="?pageIndex=8" onclick="linkPage(8); return false;" title="8 페이지">8</a></li>
|
||||
<li><a href="?pageIndex=9" onclick="linkPage(9); return false;" title="9 페이지">9</a></li>
|
||||
<li><a href="?pageIndex=10" onclick="linkPage(10); return false;" title="10 페이지">10</a></li>
|
||||
<li class="btn btn-next"><a href="#" onclick="linkPage(11); return false;" title="다음">다음</a></li>
|
||||
<li class="btn btn-last"><a href="#" onclick="linkPage(418); return false;" title="맨끝으로">맨끝으로</a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tabs_item">
|
||||
<div class="inner">
|
||||
02
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tabs_item">
|
||||
<div class="inner">
|
||||
03
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tabs_item">
|
||||
<div class="inner">
|
||||
04
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer id="footer">
|
||||
<button type="button" id="btn-go-top" class="btn-go-top"><span><img src="/images/icon/icon-arr-top.png" alt="상단 화살표"></span><p>TOP</p></button>
|
||||
<div class="inner">
|
||||
<div class="row-top">
|
||||
<div class="footer-logo">
|
||||
<h1><a href="#"><img src="/images/img/img-footer-logo.png" alt="푸터 로고"></a></h1>
|
||||
</div>
|
||||
<div class="family_site">
|
||||
<p class="site_name">관련 사이트</p>
|
||||
<ul class="site_depth">
|
||||
<li><a href="/" target="_blank">01</a></li>
|
||||
<li><a href="/" target="_blank">02</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row-bottom">
|
||||
<div class="left-side">
|
||||
<ul class="fnb">
|
||||
<li><a href="/">이용약관</a></li>
|
||||
<li><a href="/">개인정보처리방침</a></li>
|
||||
<li><a href="/">찾아오시는 길</a></li>
|
||||
</ul>
|
||||
<p class="copy">
|
||||
서울시 마포대로49 성우빌딩 308호 <span><a href="tel:02-704-2322">TEL. 02.704-2322</a></span> <span>FAX. 02.704-2377</span> <br>
|
||||
COPYRIGHT (C)2018 The Federation of Korea Culture Center. ALL RIGHT RESERVED.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<div class="pop-return" style="display:none;">
|
||||
<div class="row Title">
|
||||
<p>지방문화원 소장자료</p>
|
||||
<h3>반려사유</h3>
|
||||
</div>
|
||||
<div class="inner">
|
||||
<div class="row Text">
|
||||
<div class="text-box mCustomScrollbar" data-mcs-theme="dark-2">신청하신 자료가 손상되어 부득이하게 자료열람이 반려되었습니다. 죄송합니다.</div>
|
||||
</div>
|
||||
<div class="row btn-box">
|
||||
<button type="button" class="btn btn-color">확인</button>
|
||||
</div>
|
||||
<button type="button" class="return-close"></button>
|
||||
</div>
|
||||
<div class="Bg"></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in New Issue
Block a user