314 lines
21 KiB
HTML
314 lines
21 KiB
HTML
<!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 cart">
|
|
<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="cart-box">
|
|
<div class="tab">
|
|
<ul class="tabs">
|
|
<li><a href="#">대출</a></li>
|
|
<li><a href="#">방문열람</a></li>
|
|
</ul>
|
|
<div class="tab_content">
|
|
<div class="tabs_item">
|
|
<div class="inner">
|
|
<div class="list-cart-wrap confirm">
|
|
<h3><label>경주문화원 (<span class="count">3</span>)</label></h3>
|
|
<div class="list-cart">
|
|
<div class="list t-tit-line">
|
|
<div class="t-data">자료정보</div>
|
|
<div class="t-state">이용상태</div>
|
|
<div class="t-date">반납예정일</div>
|
|
<div class="t-reser">신청/예약정보</div>
|
|
<div class="t-visit">비고</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>
|
|
<div class="t-state"><p>대출중 (대기자 0)</p></div>
|
|
<div class="t-date">2021-08-27</div>
|
|
<div class="t-reser poss">대출예약</div>
|
|
<div class="t-visit">대출예약 자료는 반납 즉시 문자(SMS)나 이메일로 안내 드립니다.</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="loan">대출</span>
|
|
<span class="visit">방문열람</span>
|
|
</div>
|
|
<div class="title"><a href="#">국역 慶州郡 (국역 경주군)</a></div>
|
|
</div>
|
|
<div class="t-state poss"><p>이용가능</p></div>
|
|
<div class="t-date">-</div>
|
|
<div class="t-reser poss">대출신청</div>
|
|
<div class="t-visit">대출신청 자료는 신청 다음날까지 방문대출이 가능합니다.</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="loan">대출</span>
|
|
<span class="visit">방문열람</span>
|
|
</div>
|
|
<div class="title"><a href="#">三憂堂 文益漸先生 棉花展示館 竣工記念詩集 (삼우당 문익점선생 면화전시관 준공기념시집)</a></div>
|
|
</div>
|
|
<div class="t-state poss"><p>이용가능</p></div>
|
|
<div class="t-date">-</div>
|
|
<div class="t-reser poss">대출신청</div>
|
|
<div class="t-visit">대출신청 자료는 신청 다음날까지 방문대출이 가능합니다.</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="total-box">
|
|
<div class="row-top">
|
|
<div class="t-subsc">대출신청</div>
|
|
<div class="t-reser">대출예약</div>
|
|
<div class="t-total">총 자료 건수</div>
|
|
</div>
|
|
<div class="row-bottom">
|
|
<div class="t-subsc"><strong>1</strong>건</div>
|
|
<div class="plus"><strong>+</strong></div>
|
|
<div class="t-reser"><strong>1</strong>건</div>
|
|
<div class="result"><strong>=</strong></div>
|
|
<div class="t-total"><strong>2</strong>건</div>
|
|
</div>
|
|
</div>
|
|
<p class="text">- 자료 열람은 방문열람신청이 승인된 후, 지정된 시간에 가능합니다.</p>
|
|
<p class="text">- 방문열람신청이 승인되면 문자(SMS)나 이메일을 통해 안내 드립니다.</p>
|
|
|
|
<div class="btn-wrap">
|
|
<button type="button" class="btn btn-gray">취소</button>
|
|
<button type="button" class="btn btn-color">신청하기/예약하기<span class="count">(2)</span></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="tabs_item">
|
|
<div class="inner">
|
|
<div class="list-cart-wrap visit">
|
|
<h3><label>경주문화원 (<span class="count">3</span>)</label></h3>
|
|
<div class="list-cart">
|
|
<div class="list t-tit-line">
|
|
<div class="t-data">자료정보</div>
|
|
<div class="t-state">이용상태</div>
|
|
<div class="t-date">반납예정일</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>
|
|
<div class="t-state"><p>방문열람대기</p></div>
|
|
<div class="t-date">2021-08-27</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="loan">대출</span>
|
|
<span class="visit">방문열람</span>
|
|
</div>
|
|
<div class="title"><a href="#">국역 慶州郡 (국역 경주군)</a></div>
|
|
</div>
|
|
<div class="t-state poss"><p>이용가능</p></div>
|
|
<div class="t-date">-</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="loan">대출</span>
|
|
<span class="visit">방문열람</span>
|
|
</div>
|
|
<div class="title"><a href="#">三憂堂 文益漸先生 棉花展示館 竣工記念詩集 (삼우당 문익점선생 면화전시관 준공기념시집)</a></div>
|
|
</div>
|
|
<div class="t-state poss"><p>이용가능</p></div>
|
|
<div class="t-date">-</div>
|
|
</div>
|
|
</div>
|
|
<p class="te">- 관리자의 승인이 필요하며, 희망하신 날짜와 시간과는 다르게 조정될 수 있습니다.</p>
|
|
</div>
|
|
|
|
<div class="v-date-box">
|
|
<h3><span>희망</span>방문일</h3>
|
|
<div class="v-date">
|
|
<select>
|
|
<option value="2021-08-24">2021-08-24</option>
|
|
</select>
|
|
<span>에서</span>
|
|
<select>
|
|
<option value="2021-08-25">2021-08-25</option>
|
|
</select>
|
|
<span>사이</span>
|
|
</div>
|
|
</div>
|
|
<p class="text">- 자료 열람은 방문열람신청이 승인된 후, 지정된 시간에 가능합니다.</p>
|
|
<p class="text">- 방문열람신청이 승인되면 문자(SMS)나 이메일을 통해 안내 드립니다.</p>
|
|
|
|
<div class="btn-wrap">
|
|
<button type="button" class="btn btn-gray">취소</button>
|
|
<button type="button" class="btn btn-color">신청하기 <span class="count">(2)</span></button>
|
|
</div>
|
|
</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> |