665 lines
47 KiB
HTML
665 lines
47 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="javascript:;" class="member-btn">회원증</a></li>
|
|
<li><a href="javascript:;" class="noti-btn">알림(<span class="count">10</span>)</a></li>
|
|
<li><a href="/cart.html">카트(<span class="count">10</span>)</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</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><a href="/greeting.html" title="자료관안내" class="eff">자료관안내</a>
|
|
<ul class="sub-menu">
|
|
<li><a href="/greeting.html" title="인사말"><span class="underline blue">인사말</span></a></li>
|
|
<li><a href="/guide.html" title="이용안내"><span class="underline blue">이용안내</span></a></li>
|
|
<li><a href="/location.html" title="찾아오시는길"><span class="underline blue">찾아오시는길</span></a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="/data.html" title="소장자료" class="eff">소장자료</a></li>
|
|
<li><a href="/notice.html" title="고객지원" class="eff">고객지원</a>
|
|
<ul class="sub-menu">
|
|
<li><a href="/notice.html" title="공지사항"><span class="underline blue">공지사항</span></a></li>
|
|
<li><a href="/faq.html" title="FAQ"><span class="underline blue">FAQ</span></a></li>
|
|
<li><a href="/qna.html" title="Q&A"><span class="underline blue">Q&A</span></a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="/myinfo.html" title="마이페이지" class="eff">마이페이지</a>
|
|
<ul class="sub-menu">
|
|
<li><a href="/myinfo.html" title="회원정보관리"><span class="underline blue">회원정보관리</span></a></li>
|
|
<li><a href="/Interested-data.html" title="관심자료"><span class="underline blue">관심자료</span></a></li>
|
|
<li><a href="/loan.html" title="대출관리"><span class="underline blue">대출관리</span></a></li>
|
|
<li><a href="/visit.html" title="열람관리"><span class="underline blue">열람관리</span></a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 소장자료 섹션 -->
|
|
<div 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="contents 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="checkbox" 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">
|
|
<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-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>
|
|
</div>
|
|
|
|
<footer id="footer">
|
|
<button type="button" id="btn-go-top" class="btn-go-top"><span><img src="/images/icon/icon-arr-top.png" alt="상단 화살표"></span><p>TOP</p></button>
|
|
<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> |