퍼블리싱된 파일 추가
This commit is contained in:
KNKIM
parent
3e222e6938
commit
9e7f1b17a7
@ -88,6 +88,8 @@ public class RentController extends NlibCommonController
|
||||
|
||||
// 대출자료 문화원 목록 조회
|
||||
List<HashMap<String, String>> rentMngOrgList = rentService.listRentMngOrg(mbInfoId);
|
||||
model.addAttribute("rentMngOrgList" , rentMngOrgList);
|
||||
|
||||
model.addAttribute("bookLtRvStatusCd", searchVO.getBookLtRvStatusCd());
|
||||
model.addAttribute("pageSize" , searchVO.getPageSize());
|
||||
model.addAttribute("pageSize" , searchVO.getPageSize());
|
||||
@ -125,6 +127,7 @@ public class RentController extends NlibCommonController
|
||||
HashMap<String, Object> retMap = new HashMap<String, Object>();
|
||||
|
||||
if(StringUtil.isNotEmpty(mbInfoId)) {
|
||||
|
||||
// 로그인 사용자 정보 설정
|
||||
searchVO.setMbInfoId(mbInfoId);
|
||||
// TO-DO : DDDDDDDDDDDDDDDDDDDddd
|
||||
@ -133,8 +136,9 @@ public class RentController extends NlibCommonController
|
||||
searchVO.setMngOrgCd("KCCF");
|
||||
|
||||
// 조회
|
||||
// 대출상태구분코드("": 전체, A:신청, B:대출준비완료, C:취소, W:대출중, R0:정상반납, R1:연체반납, P:연체)
|
||||
// TO-DO : api 코드 변경 요청. 변경 처리된 것 확인할 것
|
||||
DataApiResVO resVO = rentService.listRentItems(searchVO);
|
||||
|
||||
retMap.put("data" , resVO.getRecordList());
|
||||
retMap.put("itemsCount", resVO.getRecordTotCount());
|
||||
retMap.put("pageIndex" , resVO.getPageIndex());
|
||||
|
||||
@ -89,6 +89,7 @@ public class SpringSecurityConfig extends WebSecurityConfigurerAdapter {
|
||||
.antMatchers("/homes/**").permitAll()
|
||||
.antMatchers("/cart/**").permitAll()
|
||||
.antMatchers("/bbs/**").permitAll()
|
||||
.antMatchers("/*.html").permitAll()
|
||||
.anyRequest().authenticated()
|
||||
.and().formLogin()
|
||||
.loginPage(NlibProperty.getString("login.url"))
|
||||
|
||||
296
src/main/webapp/cart-complete.html
Normal file
296
src/main/webapp/cart-complete.html
Normal file
@ -0,0 +1,296 @@
|
||||
<!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="/activar/index.html" title="작업소개" class="eff">자료관안내</a>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="#" title="인사말" class="underline blue">인사말</a></li>
|
||||
<li><a href="#" title="이용안내" class="underline blue">이용안내</a></li>
|
||||
<li><a href="#" title="찾아오시는길" class="underline blue">찾아오시는길</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="/activar/about.html" title="회사소개" class="eff">소장자료</a></li>
|
||||
<li><a href="/activar/contact.html" title="오시는길" class="eff">고객지원</a></li>
|
||||
<li><a href="/activar/contact.html" title="오시는길" class="eff">마이페이지</a>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="#" title="회원정보관리" class="underline blue">회원정보관리</a></li>
|
||||
<li><a href="#" title="관심자료" class="underline blue">관심자료</a></li>
|
||||
<li><a href="#" title="대출관리" class="underline blue">대출관리</a></li>
|
||||
<li><a href="#" title="열람관리" class="underline blue">열람관리</a></li>
|
||||
</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 complete">
|
||||
<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">대출예약 (2021-08-24)</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">대출예약 (2021-08-24)</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">대출예약 (2021-08-24)</div>
|
||||
<div class="t-visit">대출신청 자료는 신청 다음날까지 방문대출이 가능합니다.</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="compl-box">
|
||||
<div class="compl-icon"><img src="/images/icon/icon-cart-com.png" alt="체크 아이콘"></div>
|
||||
<div class="compl-text">자료 <span>1</span>건 대출신청, 자료 <span>1</span>건 대출예약이 <span>완료</span>되었습니다.</div>
|
||||
</div>
|
||||
|
||||
<p class="text">- 대출신청/예약 내역은 [마이페이지 > 대출관리]에서 확인하실 수 있습니다.</p>
|
||||
<p class="text">- 주어진 기한 안에 방문하지 않는 경우, 신청/예약이 자동 취소됩니다.</p>
|
||||
|
||||
<div class="btn-wrap">
|
||||
<button type="button" class="btn btn-color">소장자료 가기</button>
|
||||
<button type="button" class="btn btn-green">대출관리 가기</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tabs_item">
|
||||
<div class="inner">
|
||||
<div class="list-cart-wrap complete com2">
|
||||
<h3><label><input type="radio">경주문화원 (<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>
|
||||
<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 class="t-reser poss">방문열람신청(2021-08-24)</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">방문열람신청(2021-08-24)</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">방문열람신청(2021-08-24)</div>
|
||||
</div>
|
||||
</div>
|
||||
<p class="te">- 관리자의 승인이 필요하며, 희망하신 날짜와 시간과는 다르게 조정될 수 있습니다.</p>
|
||||
</div>
|
||||
|
||||
<div class="compl-box">
|
||||
<div class="compl-icon"><img src="/images/icon/icon-cart-com.png" alt="체크 아이콘"></div>
|
||||
<div class="compl-text">자료 <span>2</span>건 방문열람신청이 접수되었습니다.</div>
|
||||
<div class="compl-date">(희망방문일자: 2021-08-24 ~ 2021-08-25)</div>
|
||||
</div>
|
||||
|
||||
<p class="text">- 방문열람신청 내역은 [마이페이지 > 방문열람관리]에서 확인하실 수 있습니다.</p>
|
||||
<p class="text">- 방문열람시간은 관리자가 지정하며, 승인 후 지정된 일시에 방문하지 않는 경우, 미열람 처리됩니다.</p>
|
||||
|
||||
<div class="btn-wrap">
|
||||
<button type="button" class="btn btn-color">소장자료 가기</button>
|
||||
<button type="button" class="btn btn-green">방문열람관리 가기</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>
|
||||
308
src/main/webapp/cart-confirm.html
Normal file
308
src/main/webapp/cart-confirm.html
Normal file
@ -0,0 +1,308 @@
|
||||
<!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="/activar/index.html" title="작업소개" class="eff">자료관안내</a>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="#" title="인사말" class="underline blue">인사말</a></li>
|
||||
<li><a href="#" title="이용안내" class="underline blue">이용안내</a></li>
|
||||
<li><a href="#" title="찾아오시는길" class="underline blue">찾아오시는길</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="/activar/about.html" title="회사소개" class="eff">소장자료</a></li>
|
||||
<li><a href="/activar/contact.html" title="오시는길" class="eff">고객지원</a></li>
|
||||
<li><a href="/activar/contact.html" title="오시는길" class="eff">마이페이지</a>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="#" title="회원정보관리" class="underline blue">회원정보관리</a></li>
|
||||
<li><a href="#" title="관심자료" class="underline blue">관심자료</a></li>
|
||||
<li><a href="#" title="대출관리" class="underline blue">대출관리</a></li>
|
||||
<li><a href="#" title="열람관리" class="underline blue">열람관리</a></li>
|
||||
</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>
|
||||
358
src/main/webapp/cart.html
Normal file
358
src/main/webapp/cart.html
Normal file
@ -0,0 +1,358 @@
|
||||
<!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="/activar/index.html" title="작업소개" class="eff">자료관안내</a>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="#" title="인사말" class="underline blue">인사말</a></li>
|
||||
<li><a href="#" title="이용안내" class="underline blue">이용안내</a></li>
|
||||
<li><a href="#" title="찾아오시는길" class="underline blue">찾아오시는길</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="/activar/about.html" title="회사소개" class="eff">소장자료</a></li>
|
||||
<li><a href="/activar/contact.html" title="오시는길" class="eff">고객지원</a></li>
|
||||
<li><a href="/activar/contact.html" title="오시는길" class="eff">마이페이지</a>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="#" title="회원정보관리" class="underline blue">회원정보관리</a></li>
|
||||
<li><a href="#" title="관심자료" class="underline blue">관심자료</a></li>
|
||||
<li><a href="#" title="대출관리" class="underline blue">대출관리</a></li>
|
||||
<li><a href="#" title="열람관리" class="underline blue">열람관리</a></li>
|
||||
</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">
|
||||
<h3><label><input type="radio">경주문화원 (<span class="count">3</span>)</label></h3>
|
||||
<div class="list-cart">
|
||||
<div class="list t-tit-line">
|
||||
<div class="t-chk"><input type="checkbox"></div>
|
||||
<div class="t-data">자료정보</div>
|
||||
<div class="t-state">이용상태</div>
|
||||
<div class="t-date">반납예정일</div>
|
||||
<div class="t-loan">대출</div>
|
||||
<div class="t-visit">방문열람</div>
|
||||
</div>
|
||||
<div class="list">
|
||||
<div class="t-chk"><input type="checkbox"></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>
|
||||
<div class="t-state"><p>대출중 (대기자 0)</p></div>
|
||||
<div class="t-date">2021-08-27</div>
|
||||
<div class="t-loan poss">예약가능</div>
|
||||
<div class="t-visit imposs">신청불가</div>
|
||||
</div>
|
||||
<div class="list">
|
||||
<div class="t-chk"><input type="checkbox"></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="loan">대출</span>
|
||||
<span class="visit">방문열람</span>
|
||||
</div>
|
||||
<div class="title"><a href="#">국역 慶州郡 (국역 경주군)</a></div>
|
||||
</div>
|
||||
<div class="t-state poss"><p>이용가능</p><p></p></div>
|
||||
<div class="t-date">-</div>
|
||||
<div class="t-loan poss">신청가능</div>
|
||||
<div class="t-visit poss">신청가능</div>
|
||||
</div>
|
||||
<div class="list">
|
||||
<div class="t-chk"><input type="checkbox"></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="loan">대출</span>
|
||||
<span class="visit">방문열람</span>
|
||||
</div>
|
||||
<div class="title"><a href="#">三憂堂 文益漸先生 棉花展示館 竣工記念詩集 (삼우당 문익점선생 면화전시관 준공기념시집)</a></div>
|
||||
</div>
|
||||
<div class="t-state poss"><p>이용가능</p><p></p></div>
|
||||
<div class="t-date">-</div>
|
||||
<div class="t-loan poss">신청가능</div>
|
||||
<div class="t-visit poss">신청가능</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="list-cart-wrap">
|
||||
<h3><label><input type="radio">문경문화원 (<span class="count">3</span>)</label></h3>
|
||||
<div class="list-cart">
|
||||
<div class="list t-tit-line">
|
||||
<div class="t-chk"><input type="checkbox"></div>
|
||||
<div class="t-data">자료정보</div>
|
||||
<div class="t-state">이용상태</div>
|
||||
<div class="t-date">반납예정일</div>
|
||||
<div class="t-loan">대출</div>
|
||||
<div class="t-visit">방문열람</div>
|
||||
</div>
|
||||
<div class="list">
|
||||
<div class="t-chk"><input type="checkbox"></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="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-loan poss">예약가능</div>
|
||||
<div class="t-visit imposs">신청불가</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="list-cart-wrap">
|
||||
<h3><label><input type="radio">문경문화원 (<span class="count">3</span>)</label></h3>
|
||||
<div class="list-cart">
|
||||
<div class="list t-tit-line">
|
||||
<div class="t-chk"><input type="checkbox"></div>
|
||||
<div class="t-data">자료정보</div>
|
||||
<div class="t-state">이용상태</div>
|
||||
<div class="t-date">반납예정일</div>
|
||||
<div class="t-loan">대출</div>
|
||||
<div class="t-visit">방문열람</div>
|
||||
</div>
|
||||
<div class="list">
|
||||
<div class="t-chk"><input type="checkbox"></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="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-loan poss">예약가능</div>
|
||||
<div class="t-visit imposs">신청불가</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="btn-box">
|
||||
<div class="left">
|
||||
<button type="button" class="btn btn-gray">선택삭제</button>
|
||||
<button type="button" class="btn btn-black">방문열람으로</button>
|
||||
</div>
|
||||
<div class="right">
|
||||
<button type="button" class="btn btn-color">대출신청/예약 <span class="count">(2)</span></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tabs_item">
|
||||
<div class="inner">
|
||||
<div class="list-cart-wrap visit">
|
||||
<h3><label><input type="radio">경주문화원 (<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><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><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>
|
||||
448
src/main/webapp/connect.html
Normal file
448
src/main/webapp/connect.html
Normal file
@ -0,0 +1,448 @@
|
||||
<!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="/activar/index.html" title="작업소개" class="eff">자료관안내</a>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="#" title="인사말" class="underline blue">인사말</a></li>
|
||||
<li><a href="#" title="이용안내" class="underline blue">이용안내</a></li>
|
||||
<li><a href="#" title="찾아오시는길" class="underline blue">찾아오시는길</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="/activar/about.html" title="회사소개" class="eff">소장자료</a></li>
|
||||
<li><a href="/activar/contact.html" title="오시는길" class="eff">고객지원</a></li>
|
||||
<li><a href="/activar/contact.html" title="오시는길" class="eff">마이페이지</a>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="#" title="회원정보관리" class="underline blue">회원정보관리</a></li>
|
||||
<li><a href="#" title="관심자료" class="underline blue">관심자료</a></li>
|
||||
<li><a href="#" title="대출관리" class="underline blue">대출관리</a></li>
|
||||
<li><a href="#" title="열람관리" class="underline blue">열람관리</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 계정연결완료 섹션 -->
|
||||
<section class="join succ connect">
|
||||
<h2 class="blind">계정연결완료 섹션영역</h2>
|
||||
<div class="inner">
|
||||
<div class="row-top">
|
||||
<div class="icon"><img src="/images/icon/icon-connect.png" alt="자물쇠 아이콘"></div>
|
||||
<p>계정연결 완료</p>
|
||||
</div>
|
||||
<div class="row-bottom">
|
||||
<div class="join-box">
|
||||
<div class="success">
|
||||
<div class="text">
|
||||
<p>선택하신 계정에 <span>카카오</span>계정이 연결되었습니다.</p>
|
||||
<p><button type="button"><span class="name">김*화</span><span class="mail">mo******@naver.com</span></button></p>
|
||||
</div>
|
||||
<div class="box">
|
||||
<div class="icon"><img src="/images/icon/icon-kakao-login.png" alt="카카오 아이콘"></div>
|
||||
<div class="text">
|
||||
<p>mo******@daum.net</p>
|
||||
<p><span class="date">2021-07-15</span><span class="time">오후 2:41:30 연결완료</span></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="btn">
|
||||
<a href="/" class="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 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>
|
||||
149
src/main/webapp/css/common.css
Normal file
149
src/main/webapp/css/common.css
Normal file
@ -0,0 +1,149 @@
|
||||
@charset "utf-8";
|
||||
|
||||
*{padding:0;margin:0;outline:0px solid #ccc;}
|
||||
html,body{width:100%;height:100%;touch-action: none;}
|
||||
html{}
|
||||
body{ font-family:'Noto Sans KR', 'Noto Sans', sans-serif;letter-spacing:-0.1px;font-weight:200;color:#333;word-break:keep-all;}
|
||||
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,tr,td,thead,tbody,form,fieldset,legend,input,textarea,button{margin:0;padding:0;}
|
||||
ul,ol,li,dl,dt,dd {list-style:none;}
|
||||
i,em,address{font-style:normal;}
|
||||
label,button{cursor:pointer;}
|
||||
button{position:relative;border:none;background:none;}
|
||||
hr,legend {display:none;}
|
||||
img,fieldset,iframe {border:none;}
|
||||
img{vertical-align:top;}
|
||||
textarea{}
|
||||
caption {display:none;}
|
||||
input,select,button{vertical-align:middle;
|
||||
/*
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
-o-appearance: none;
|
||||
appearance: none;
|
||||
*/
|
||||
}
|
||||
button{margin:0;padding:0;}
|
||||
table{border:none;border-collapse:collapse;padding:0;border-spacing:0;border-color: gray}
|
||||
a{text-decoration:none;color:#333;}
|
||||
a:link,a:visited,a:active,a:focus{text-decoration:none;}
|
||||
a:hover{text-decoration:none;}
|
||||
input {border:0;outline:0;}
|
||||
strong {font-weight:500;}
|
||||
|
||||
.eff {
|
||||
-webkit-transition : all 0.3s ease;
|
||||
-moz-transition : all 0.3s ease;
|
||||
-o-transition : all 0.3s ease;
|
||||
transition : all 0.3s ease;
|
||||
}
|
||||
|
||||
|
||||
|
||||
@font-face {
|
||||
font-family: "NanumSquareRound";
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
src: url("../fonts/NanumSquareRoundL.eot") format("eot"),
|
||||
url("../fonts/NanumSquareRoundL.woff2") format("woff2"),
|
||||
url("../fonts/NanumSquareRoundL.woff") format("woff"),
|
||||
url("../fonts/NanumSquareRoundL.ttf") format("truetype");
|
||||
}
|
||||
@font-face {
|
||||
font-family: "NanumSquareRound";
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: url("../fonts/NanumSquareRoundR.eot") format("eot"),
|
||||
url("../fonts/NanumSquareRoundR.woff2") format("woff2"),
|
||||
url("../fonts/NanumSquareRoundR.woff") format("woff"),
|
||||
url("../fonts/NanumSquareRoundR.ttf") format("truetype");
|
||||
}
|
||||
@font-face {
|
||||
font-family: "NanumSquareRound";
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
src: url("../fonts/NanumSquareRoundB.eot") format("eot"),
|
||||
url("../fonts/NanumSquareRoundB.woff2") format("woff2"),
|
||||
url("../fonts/NanumSquareRoundB.woff") format("woff"),
|
||||
url("../fonts/NanumSquareRoundB.ttf") format("truetype");
|
||||
}
|
||||
@font-face {
|
||||
font-family: "NanumSquareRound";
|
||||
font-style: normal;
|
||||
font-weight: 800;
|
||||
src: url("../fonts/NanumSquareRoundEB.eot") format("eot"),
|
||||
url("../fonts/NanumSquareRoundEB.woff2") format("woff2"),
|
||||
url("../fonts/NanumSquareRoundEB.woff") format("woff"),
|
||||
url("../fonts/NanumSquareRoundEB.ttf") format("truetype");
|
||||
}
|
||||
|
||||
|
||||
|
||||
@font-face {
|
||||
font-family: "Noto Sans KR";
|
||||
font-weight: 100;
|
||||
font-style: normal;
|
||||
src: url("../fonts/NotoSans-Thin.eot?") format("eot"),
|
||||
url("../fonts/NotoSans-Thin.otf") format("opentype"),
|
||||
url("../fonts/NotoSans-Thin.woff") format("woff"),
|
||||
url("../fonts/NotoSans-Thin.woff2") format("woff2");
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "Noto Sans KR";
|
||||
font-weight: 200;
|
||||
font-style: normal;
|
||||
src: url("../fonts/NotoSans-Light.eot?") format("eot"),
|
||||
url("../fonts/NotoSans-Light.otf") format("opentype"),
|
||||
url("../fonts/NotoSans-Light.woff") format("woff"),
|
||||
url("../fonts/NotoSans-Light.woff2") format("woff2");
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "Noto Sans KR";
|
||||
font-weight: 300;
|
||||
font-style: normal;
|
||||
src: url("../fonts/NotoSans-DemiLight.eot?") format("eot"),
|
||||
url("../fonts/NotoSans-DemiLight.otf") format("opentype"),
|
||||
url("../fonts/NotoSans-DemiLight.woff") format("woff"),
|
||||
url("../fonts/NotoSans-DemiLight.woff2") format("woff2");
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "Noto Sans KR";
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
src: url("../fonts/NotoSans-Regular.eot?") format("eot"),
|
||||
url("../fonts/NotoSans-Regular.otf") format("opentype"),
|
||||
url("../fonts/NotoSans-Regular.woff") format("woff"),
|
||||
url("../fonts/NotoSans-Regular.woff2") format("woff2");
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "Noto Sans KR";
|
||||
font-weight: 500;
|
||||
font-style: normal;
|
||||
src: url("../fonts/NotoSans-Medium.eot?") format("eot"),
|
||||
url("../fonts/NotoSans-Medium.otf") format("opentype"),
|
||||
url("../fonts/NotoSans-Medium.woff") format("woff"),
|
||||
url("../fonts/NotoSans-Medium.woff2") format("woff2");
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "Noto Sans KR";
|
||||
font-weight: 700;
|
||||
font-style: normal;
|
||||
src: url("../fonts/NotoSans-Black.eot?") format("eot"),
|
||||
url("../fonts/NotoSans-Black.otf") format("opentype"),
|
||||
url("../fonts/NotoSans-Black.woff") format("woff"),
|
||||
url("../fonts/NotoSans-Black.woff2") format("woff2");
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "Noto Sans KR";
|
||||
font-weight: 900;
|
||||
font-style: normal;
|
||||
src: url("../fonts/NotoSans-Bold.eot?") format("eot"),
|
||||
url("../fonts/NotoSans-Bold.otf") format("opentype"),
|
||||
url("../fonts/NotoSans-Bold.woff") format("woff"),
|
||||
url("../fonts/NotoSans-Bold.woff2") format("woff2");
|
||||
}
|
||||
1083
src/main/webapp/css/default.css
Normal file
1083
src/main/webapp/css/default.css
Normal file
File diff suppressed because it is too large
Load Diff
1267
src/main/webapp/css/jquery.mCustomScrollbar.css
Normal file
1267
src/main/webapp/css/jquery.mCustomScrollbar.css
Normal file
File diff suppressed because it is too large
Load Diff
13
src/main/webapp/css/swiper.min.css
vendored
Normal file
13
src/main/webapp/css/swiper.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
445
src/main/webapp/dormant.html
Normal file
445
src/main/webapp/dormant.html
Normal file
@ -0,0 +1,445 @@
|
||||
<!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="/activar/index.html" title="작업소개" class="eff">자료관안내</a>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="#" title="인사말" class="underline blue">인사말</a></li>
|
||||
<li><a href="#" title="이용안내" class="underline blue">이용안내</a></li>
|
||||
<li><a href="#" title="찾아오시는길" class="underline blue">찾아오시는길</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="/activar/about.html" title="회사소개" class="eff">소장자료</a></li>
|
||||
<li><a href="/activar/contact.html" title="오시는길" class="eff">고객지원</a></li>
|
||||
<li><a href="/activar/contact.html" title="오시는길" class="eff">마이페이지</a>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="#" title="회원정보관리" class="underline blue">회원정보관리</a></li>
|
||||
<li><a href="#" title="관심자료" class="underline blue">관심자료</a></li>
|
||||
<li><a href="#" title="대출관리" class="underline blue">대출관리</a></li>
|
||||
<li><a href="#" title="열람관리" class="underline blue">열람관리</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 휴면계정 섹션 -->
|
||||
<section class="join succ dormant">
|
||||
<h2 class="blind">휴면계정 섹션영역</h2>
|
||||
<div class="inner">
|
||||
<div class="row-top">
|
||||
<div class="icon"><img src="/images/icon/icon-dormant.png" alt="자물쇠 아이콘"></div>
|
||||
<p>휴면계정 안내</p>
|
||||
</div>
|
||||
<div class="row-bottom">
|
||||
<div class="join-box">
|
||||
<div class="success">
|
||||
<div class="text">
|
||||
<p>회원님의 계정은 현재 <span>휴면 상태</span>입니다.<br>서비스 이용을 원하신다면 지금 바로 휴면을 해제하세요!</p>
|
||||
<p>회원님의 정보를 안전하게 보호하기 위하여 <span>(기간)동안</span> 이용내역이 없는 경우<br>휴면 상태로 계정을 전환하여 보관하는 정책을 실시하고 있습니다.</p>
|
||||
</div>
|
||||
<div class="box">
|
||||
<p>휴면 상태의 회원의 경우 서비스 이용이 제한되며,<br><span>[휴면해제]</span> 버튼을 통해 휴면해제 가능합니다. </p>
|
||||
</div>
|
||||
<div class="btn">
|
||||
<a href="/" class="btn-gray">취소</a>
|
||||
<a href="/" class="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 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>
|
||||
BIN
src/main/webapp/fonts/NanumSquareRoundB.eot
Normal file
BIN
src/main/webapp/fonts/NanumSquareRoundB.eot
Normal file
Binary file not shown.
BIN
src/main/webapp/fonts/NanumSquareRoundB.ttf
Normal file
BIN
src/main/webapp/fonts/NanumSquareRoundB.ttf
Normal file
Binary file not shown.
BIN
src/main/webapp/fonts/NanumSquareRoundB.woff
Normal file
BIN
src/main/webapp/fonts/NanumSquareRoundB.woff
Normal file
Binary file not shown.
BIN
src/main/webapp/fonts/NanumSquareRoundB.woff2
Normal file
BIN
src/main/webapp/fonts/NanumSquareRoundB.woff2
Normal file
Binary file not shown.
BIN
src/main/webapp/fonts/NanumSquareRoundEB.eot
Normal file
BIN
src/main/webapp/fonts/NanumSquareRoundEB.eot
Normal file
Binary file not shown.
BIN
src/main/webapp/fonts/NanumSquareRoundEB.ttf
Normal file
BIN
src/main/webapp/fonts/NanumSquareRoundEB.ttf
Normal file
Binary file not shown.
BIN
src/main/webapp/fonts/NanumSquareRoundEB.woff
Normal file
BIN
src/main/webapp/fonts/NanumSquareRoundEB.woff
Normal file
Binary file not shown.
BIN
src/main/webapp/fonts/NanumSquareRoundEB.woff2
Normal file
BIN
src/main/webapp/fonts/NanumSquareRoundEB.woff2
Normal file
Binary file not shown.
BIN
src/main/webapp/fonts/NanumSquareRoundL.eot
Normal file
BIN
src/main/webapp/fonts/NanumSquareRoundL.eot
Normal file
Binary file not shown.
BIN
src/main/webapp/fonts/NanumSquareRoundL.ttf
Normal file
BIN
src/main/webapp/fonts/NanumSquareRoundL.ttf
Normal file
Binary file not shown.
BIN
src/main/webapp/fonts/NanumSquareRoundL.woff
Normal file
BIN
src/main/webapp/fonts/NanumSquareRoundL.woff
Normal file
Binary file not shown.
BIN
src/main/webapp/fonts/NanumSquareRoundL.woff2
Normal file
BIN
src/main/webapp/fonts/NanumSquareRoundL.woff2
Normal file
Binary file not shown.
BIN
src/main/webapp/fonts/NanumSquareRoundR.eot
Normal file
BIN
src/main/webapp/fonts/NanumSquareRoundR.eot
Normal file
Binary file not shown.
BIN
src/main/webapp/fonts/NanumSquareRoundR.ttf
Normal file
BIN
src/main/webapp/fonts/NanumSquareRoundR.ttf
Normal file
Binary file not shown.
BIN
src/main/webapp/fonts/NanumSquareRoundR.woff
Normal file
BIN
src/main/webapp/fonts/NanumSquareRoundR.woff
Normal file
Binary file not shown.
BIN
src/main/webapp/fonts/NanumSquareRoundR.woff2
Normal file
BIN
src/main/webapp/fonts/NanumSquareRoundR.woff2
Normal file
Binary file not shown.
BIN
src/main/webapp/fonts/NotoSans-Black.eot
Normal file
BIN
src/main/webapp/fonts/NotoSans-Black.eot
Normal file
Binary file not shown.
BIN
src/main/webapp/fonts/NotoSans-Black.otf
Normal file
BIN
src/main/webapp/fonts/NotoSans-Black.otf
Normal file
Binary file not shown.
BIN
src/main/webapp/fonts/NotoSans-Black.woff
Normal file
BIN
src/main/webapp/fonts/NotoSans-Black.woff
Normal file
Binary file not shown.
BIN
src/main/webapp/fonts/NotoSans-Black.woff2
Normal file
BIN
src/main/webapp/fonts/NotoSans-Black.woff2
Normal file
Binary file not shown.
BIN
src/main/webapp/fonts/NotoSans-Bold.eot
Normal file
BIN
src/main/webapp/fonts/NotoSans-Bold.eot
Normal file
Binary file not shown.
BIN
src/main/webapp/fonts/NotoSans-Bold.otf
Normal file
BIN
src/main/webapp/fonts/NotoSans-Bold.otf
Normal file
Binary file not shown.
BIN
src/main/webapp/fonts/NotoSans-Bold.woff
Normal file
BIN
src/main/webapp/fonts/NotoSans-Bold.woff
Normal file
Binary file not shown.
BIN
src/main/webapp/fonts/NotoSans-Bold.woff2
Normal file
BIN
src/main/webapp/fonts/NotoSans-Bold.woff2
Normal file
Binary file not shown.
BIN
src/main/webapp/fonts/NotoSans-DemiLight.eot
Normal file
BIN
src/main/webapp/fonts/NotoSans-DemiLight.eot
Normal file
Binary file not shown.
BIN
src/main/webapp/fonts/NotoSans-DemiLight.otf
Normal file
BIN
src/main/webapp/fonts/NotoSans-DemiLight.otf
Normal file
Binary file not shown.
BIN
src/main/webapp/fonts/NotoSans-DemiLight.woff
Normal file
BIN
src/main/webapp/fonts/NotoSans-DemiLight.woff
Normal file
Binary file not shown.
BIN
src/main/webapp/fonts/NotoSans-DemiLight.woff2
Normal file
BIN
src/main/webapp/fonts/NotoSans-DemiLight.woff2
Normal file
Binary file not shown.
BIN
src/main/webapp/fonts/NotoSans-Light.eot
Normal file
BIN
src/main/webapp/fonts/NotoSans-Light.eot
Normal file
Binary file not shown.
BIN
src/main/webapp/fonts/NotoSans-Light.otf
Normal file
BIN
src/main/webapp/fonts/NotoSans-Light.otf
Normal file
Binary file not shown.
BIN
src/main/webapp/fonts/NotoSans-Light.woff
Normal file
BIN
src/main/webapp/fonts/NotoSans-Light.woff
Normal file
Binary file not shown.
BIN
src/main/webapp/fonts/NotoSans-Light.woff2
Normal file
BIN
src/main/webapp/fonts/NotoSans-Light.woff2
Normal file
Binary file not shown.
BIN
src/main/webapp/fonts/NotoSans-Medium.eot
Normal file
BIN
src/main/webapp/fonts/NotoSans-Medium.eot
Normal file
Binary file not shown.
BIN
src/main/webapp/fonts/NotoSans-Medium.otf
Normal file
BIN
src/main/webapp/fonts/NotoSans-Medium.otf
Normal file
Binary file not shown.
BIN
src/main/webapp/fonts/NotoSans-Medium.woff
Normal file
BIN
src/main/webapp/fonts/NotoSans-Medium.woff
Normal file
Binary file not shown.
BIN
src/main/webapp/fonts/NotoSans-Medium.woff2
Normal file
BIN
src/main/webapp/fonts/NotoSans-Medium.woff2
Normal file
Binary file not shown.
BIN
src/main/webapp/fonts/NotoSans-Regular.eot
Normal file
BIN
src/main/webapp/fonts/NotoSans-Regular.eot
Normal file
Binary file not shown.
BIN
src/main/webapp/fonts/NotoSans-Regular.otf
Normal file
BIN
src/main/webapp/fonts/NotoSans-Regular.otf
Normal file
Binary file not shown.
BIN
src/main/webapp/fonts/NotoSans-Regular.woff
Normal file
BIN
src/main/webapp/fonts/NotoSans-Regular.woff
Normal file
Binary file not shown.
BIN
src/main/webapp/fonts/NotoSans-Regular.woff2
Normal file
BIN
src/main/webapp/fonts/NotoSans-Regular.woff2
Normal file
Binary file not shown.
BIN
src/main/webapp/fonts/NotoSans-Thin.eot
Normal file
BIN
src/main/webapp/fonts/NotoSans-Thin.eot
Normal file
Binary file not shown.
BIN
src/main/webapp/fonts/NotoSans-Thin.otf
Normal file
BIN
src/main/webapp/fonts/NotoSans-Thin.otf
Normal file
Binary file not shown.
BIN
src/main/webapp/fonts/NotoSans-Thin.woff
Normal file
BIN
src/main/webapp/fonts/NotoSans-Thin.woff
Normal file
Binary file not shown.
BIN
src/main/webapp/fonts/NotoSans-Thin.woff2
Normal file
BIN
src/main/webapp/fonts/NotoSans-Thin.woff2
Normal file
Binary file not shown.
172
src/main/webapp/greeting.html
Normal file
172
src/main/webapp/greeting.html
Normal file
@ -0,0 +1,172 @@
|
||||
<!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="/activar/index.html" title="작업소개" class="eff">자료관안내</a>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="#" title="인사말" class="underline blue">인사말</a></li>
|
||||
<li><a href="#" title="이용안내" class="underline blue">이용안내</a></li>
|
||||
<li><a href="#" title="찾아오시는길" class="underline blue">찾아오시는길</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="/activar/about.html" title="회사소개" class="eff">소장자료</a></li>
|
||||
<li><a href="/activar/contact.html" title="오시는길" class="eff">고객지원</a></li>
|
||||
<li><a href="/activar/contact.html" title="오시는길" class="eff">마이페이지</a>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="#" title="회원정보관리" class="underline blue">회원정보관리</a></li>
|
||||
<li><a href="#" title="관심자료" class="underline blue">관심자료</a></li>
|
||||
<li><a href="#" title="대출관리" class="underline blue">대출관리</a></li>
|
||||
<li><a href="#" title="열람관리" class="underline blue">열람관리</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 인사말 섹션 -->
|
||||
<section class="location greeting">
|
||||
<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="greeting-box">
|
||||
<div class="top-banner">
|
||||
<p><strong>경주문화원 소장자료관</strong>을 방문하신 여러분,<br>진심으로 환영합니다.</p>
|
||||
</div>
|
||||
<div class="gree">
|
||||
<div class="left">
|
||||
<p class="img"><img src="/images/img/img-greeting-pe.jpg" alt="경주문화원장"></p>
|
||||
<p class="text">경주문화원장<br><strong>조철제</strong></p>
|
||||
</div>
|
||||
<div class="right">
|
||||
<h3>경주문화원을 찾아주셔서 대단히 고맙습니다.</h3>
|
||||
<p>
|
||||
신라천년고도 경주는 역사문화도시입니다.<br>
|
||||
수많은 유적이 온 시내에 분포되어 있으며, 인재의 고을이기도 합니다.<br>
|
||||
경주만큼 선조에게 많은 문화유산을 물려받은 도시는 전국 어디에도 없습니다.<br>
|
||||
참으로 ‘아름다운 도시, 찬란한 서라벌’이라 말할 수 있습니다. <br>
|
||||
<br>
|
||||
이처럼 선인들이 물려주신 문화유산과 정신적 가치를 발전시키는 일은 지금 우리의 몫이며, 이를 후손에게 올바르게 전승시키는 것도 당면한 과제입니다.<br>
|
||||
<br>
|
||||
경주의 역사문화는 경주시민과 함께 참여하고 활동하는 일이 중요합니다. 문화적 에너지와 복리, 그리고 자긍심을 갖도록 적극 활동해야 할 것입니다.<br>
|
||||
<br>
|
||||
우리 경주문화원은 규모는 작지만 엄청난 인적 자원과 노하우를 갖고 있으며, 각종 문화행사를 담당하는 전문가도 많습니다.<br>
|
||||
이런 분들과 뜻을 모아, 찾고 싶은 문화원,자랑스러운 문화원으로 가꾸어 나아가겠습니다.<br>
|
||||
<br>
|
||||
여러분의 기대에 어긋나지 않도록 열심히 노력하겠으며, 많은 협조와 지도를 당부 드립니다.
|
||||
</p>
|
||||
</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>
|
||||
271
src/main/webapp/guide.html
Normal file
271
src/main/webapp/guide.html
Normal file
@ -0,0 +1,271 @@
|
||||
<!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="/activar/index.html" title="작업소개" class="eff">자료관안내</a>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="#" title="인사말" class="underline blue">인사말</a></li>
|
||||
<li><a href="#" title="이용안내" class="underline blue">이용안내</a></li>
|
||||
<li><a href="#" title="찾아오시는길" class="underline blue">찾아오시는길</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="/activar/about.html" title="회사소개" class="eff">소장자료</a></li>
|
||||
<li><a href="/activar/contact.html" title="오시는길" class="eff">고객지원</a></li>
|
||||
<li><a href="/activar/contact.html" title="오시는길" class="eff">마이페이지</a>
|
||||
<ul class="sub-menu">
|
||||
<li><a href="#" title="회원정보관리" class="underline blue">회원정보관리</a></li>
|
||||
<li><a href="#" title="관심자료" class="underline blue">관심자료</a></li>
|
||||
<li><a href="#" title="대출관리" class="underline blue">대출관리</a></li>
|
||||
<li><a href="#" title="열람관리" class="underline blue">열람관리</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 이용안내 섹션 -->
|
||||
<section class="location guide">
|
||||
<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="guide-box">
|
||||
<div class="banner">
|
||||
<div class="left">
|
||||
<div class="top">
|
||||
<p>운영시간</p>
|
||||
<p><span>오전</span>9:00 - <span>오후</span>6:00</p>
|
||||
<p>평일 (월요일 ~ 금요일) 운영</p>
|
||||
</div>
|
||||
<div class="bottom">
|
||||
<p>휴관일</p>
|
||||
<p>매주 토, 일요일 <span>휴관</span></p>
|
||||
<p>관공서의 휴관일 및 국가가 정한 임시 공휴일 휴관</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right">
|
||||
<div class="list-box">
|
||||
<div class="li">
|
||||
<div class="num"><span>1</span></div>
|
||||
<div class="text">
|
||||
<p>문화원 소장자료관에 오신걸 환영합니다.</p>
|
||||
<p>대한민국 문화원들이 소장하고 있는 다양한 자료들을 국민에게 소개하고 지역의 문화를 알리는 대국민 대출/열람 서비스입니다.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="li">
|
||||
<div class="num"><span>2</span></div>
|
||||
<div class="text">
|
||||
<p>문화원 소장자료관은 방문대출, 방문열람을 원칙으로 합니다.</p>
|
||||
<p>온라인을 통해 대출신청, 대출예약, 열람신청을 한 후 문화원을 방문하거나 방문하여 대출/열람 신청하여 자료를 이용할 수 있습니다.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="li">
|
||||
<div class="num"><span>3</span></div>
|
||||
<div class="text">
|
||||
<p>사이트 내에서 열람가능한 온라인 열람자료도 제공하고 있습니다.</p>
|
||||
<p>스캔을 통해 디지털화된 자료의 경우 온라인에서 바로 [원문보기] 버튼을 통해 열람할 수 있도록 서비스를 제공하고 있습니다.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info-box">
|
||||
<div class="info-sec">
|
||||
<h3><span>자료대출</span> 안내</h3>
|
||||
<div class="text-box">
|
||||
<p>
|
||||
<span>대상 : </span>
|
||||
<span>문화원 소장자료관 회원 (온라인 회원증 소지자)</span>
|
||||
</p>
|
||||
<p>
|
||||
<span>대출기간 : </span>
|
||||
<span>14일</span>
|
||||
</p>
|
||||
<p>
|
||||
<span>대출 자료 수 : </span>
|
||||
<span>1인 5개</span>
|
||||
</p>
|
||||
<p>
|
||||
<span>이용가능 시간 안내 : </span>
|
||||
<span>문화원 운영시간 내 (이용시간 및 휴관일 참조)</span>
|
||||
</p>
|
||||
<p>
|
||||
<span>대출 신청 안내 : </span><br>
|
||||
<span>
|
||||
대출가능 자료 중 이용중인 사람이 없는 자료의 경우, [대출신청]이 가능합니다.<br>
|
||||
방법 1) ‘소장자료’ 메뉴에서 자료 검색 → 원하는 자료 선택 → [대출신청] 클릭<br>
|
||||
방법 2) ‘소장자료’ 메뉴에서 자료 검색 → 원하는 자료들 카트 담기 → ‘카트’ 메뉴에서 대출할 자료 선택 → [대출신청/예약] 클릭<br>
|
||||
</span>
|
||||
</p>
|
||||
<p>
|
||||
<span>대출 신청 안내 : </span><br>
|
||||
<span>
|
||||
대출가능 자료 중 현재 대출중인 이용자는 있으나 대기자가 없는 자료의 경우, [대출예약]이 가능합니다.<br>
|
||||
반납된 자료는 3일간 별도 보관되며, 3일이 지나면 예약이 취소됩니다.<br>
|
||||
방법 1) ‘소장자료’ 메뉴에서 자료 검색 → 원하는 자료 선택 → [대출예약] 클릭<br>
|
||||
방법 2) ‘소장자료’ 메뉴에서 자료 검색 → 원하는 자료들 카트 담기 → ‘카트’ 메뉴에서 대출예약 할 자료 선택 → [대출신청/예약] 클릭<br>
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info-sec">
|
||||
<h3><span>자료열람</span> 안내</h3>
|
||||
<div class="text-box">
|
||||
<p>
|
||||
<span>대상 : </span>
|
||||
<span>문화원 소장자료관 회원 (온라인 회원증 소지자)</span>
|
||||
</p>
|
||||
<p>
|
||||
<span>열람기간 : </span>
|
||||
<span>열람 신청/승인을 통해 지정된 날짜의 지정된 시간 내</span>
|
||||
</p>
|
||||
<p>
|
||||
<span>열람 자료 수 : </span>
|
||||
<span>1인 5개</span>
|
||||
</p>
|
||||
<p>
|
||||
<span>열람 신청 안내 : </span><br>
|
||||
<span>
|
||||
열람신청의 경우 신청에 대한 관리자의 승인이 필요하며, 자료의 상태 및 상황에 따라 열람일시가 회원님의 희망열람일시와는 다르게 조정될 수 있습니다. 관리자의 승인 결과 및 열람일시는 문자로 안내 드립니다.<br>
|
||||
방법 1) ‘소장자료’ 메뉴에서 자료 검색 → 원하는 자료 선택 → [열람신청] 클릭<br>
|
||||
방법 2) ‘소장자료’ 메뉴에서 자료 검색 → 원하는 자료들 카트 담기 → ‘카트’ 메뉴에서 열람할 자료 선택 → [열람신청] 클릭<br>
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info-sec">
|
||||
<h3><span>반납지연(연체)</span> 안내</h3>
|
||||
<div class="text-box">
|
||||
<p>
|
||||
<span></span>
|
||||
<span>반납지연이 될 경우 대기자가 예약한 날에 이용하지 못하는 경우가 발생할 수 있습니다. 다른 소장자료관 이용자를 위해 반납기한을 지켜 주시기 바랍니다.</span>
|
||||
</p>
|
||||
<p>
|
||||
<span></span>
|
||||
<span>반납지연에 대한 규정 안내 내용이 필요합니다.</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info-sec">
|
||||
<h3><span>자료 분실/훼손</span> 안내</h3>
|
||||
<div class="text-box">
|
||||
<p>
|
||||
<span></span>
|
||||
<span>자료 분실 혹은 훼손하였을 경우에 대한 규정 안내 내용이 필요합니다.</span>
|
||||
</p>
|
||||
</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-login.jpg
Normal file
BIN
src/main/webapp/images/bg/bg-login.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.2 KiB |
BIN
src/main/webapp/images/bg/bg-mainbanner.jpg
Normal file
BIN
src/main/webapp/images/bg/bg-mainbanner.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 754 KiB |
BIN
src/main/webapp/images/bg/bg-member-pop.jpg
Normal file
BIN
src/main/webapp/images/bg/bg-member-pop.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
BIN
src/main/webapp/images/bg/bg-sec4-bg.jpg
Normal file
BIN
src/main/webapp/images/bg/bg-sec4-bg.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 62 KiB |
BIN
src/main/webapp/images/btn/btn-close-maplayer.png
Normal file
BIN
src/main/webapp/images/btn/btn-close-maplayer.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.0 KiB |
BIN
src/main/webapp/images/btn/btn-pop-close.png
Normal file
BIN
src/main/webapp/images/btn/btn-pop-close.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
src/main/webapp/images/btn/btn-refresh.png
Normal file
BIN
src/main/webapp/images/btn/btn-refresh.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
src/main/webapp/images/btn/btn_close_size_27x26_c9c9c7.png
Normal file
BIN
src/main/webapp/images/btn/btn_close_size_27x26_c9c9c7.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
src/main/webapp/images/icon/icon-arr-down.png
Normal file
BIN
src/main/webapp/images/icon/icon-arr-down.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1022 B |
BIN
src/main/webapp/images/icon/icon-arr-top.png
Normal file
BIN
src/main/webapp/images/icon/icon-arr-top.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.0 KiB |
BIN
src/main/webapp/images/icon/icon-cart-Favorites-on.png
Normal file
BIN
src/main/webapp/images/icon/icon-cart-Favorites-on.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
src/main/webapp/images/icon/icon-cart-Favorites.png
Normal file
BIN
src/main/webapp/images/icon/icon-cart-Favorites.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
BIN
src/main/webapp/images/icon/icon-cart-com.png
Normal file
BIN
src/main/webapp/images/icon/icon-cart-com.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.2 KiB |
BIN
src/main/webapp/images/icon/icon-checked-tab.png
Normal file
BIN
src/main/webapp/images/icon/icon-checked-tab.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
25
src/main/webapp/images/icon/icon-checked.svg
Normal file
25
src/main/webapp/images/icon/icon-checked.svg
Normal file
@ -0,0 +1,25 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 62.695 45.989">
|
||||
<defs>
|
||||
<style>
|
||||
.cls-1 {
|
||||
fill: none;
|
||||
}
|
||||
|
||||
.cls-2 {
|
||||
clip-path: url(#clip-path);
|
||||
}
|
||||
|
||||
.cls-3 {
|
||||
fill: #2786c7;
|
||||
}
|
||||
</style>
|
||||
<clipPath id="clip-path">
|
||||
<path id="패스_22" data-name="패스 22" class="cls-1" d="M0-45.989H62.695V0H0Z"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
<g id="icon-checked" class="cls-2" transform="translate(0 45.989)">
|
||||
<g id="그룹_31" data-name="그룹 31" transform="translate(62.438 -39.129)">
|
||||
<path id="패스_21" data-name="패스 21" class="cls-3" d="M0,0-38.871,38.871a.872.872,0,0,1-1.238,0L-62.18,16.8a.87.87,0,0,1,0-1.235l5.364-5.363a.872.872,0,0,1,1.238,0l16.09,16.09L-6.6-6.6a.873.873,0,0,1,1.239,0L0-1.239A.873.873,0,0,1,0,0"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 869 B |
BIN
src/main/webapp/images/icon/icon-connect.png
Normal file
BIN
src/main/webapp/images/icon/icon-connect.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.9 KiB |
BIN
src/main/webapp/images/icon/icon-dormant.png
Normal file
BIN
src/main/webapp/images/icon/icon-dormant.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.4 KiB |
BIN
src/main/webapp/images/icon/icon-down-arr.png
Normal file
BIN
src/main/webapp/images/icon/icon-down-arr.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.9 KiB |
BIN
src/main/webapp/images/icon/icon-file.png
Normal file
BIN
src/main/webapp/images/icon/icon-file.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
BIN
src/main/webapp/images/icon/icon-google-login.png
Normal file
BIN
src/main/webapp/images/icon/icon-google-login.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
BIN
src/main/webapp/images/icon/icon-join-arr.png
Normal file
BIN
src/main/webapp/images/icon/icon-join-arr.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
src/main/webapp/images/icon/icon-join-arr2.png
Normal file
BIN
src/main/webapp/images/icon/icon-join-arr2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
src/main/webapp/images/icon/icon-join-step-suc.png
Normal file
BIN
src/main/webapp/images/icon/icon-join-step-suc.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
BIN
src/main/webapp/images/icon/icon-join-step1-on.png
Normal file
BIN
src/main/webapp/images/icon/icon-join-step1-on.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
BIN
src/main/webapp/images/icon/icon-join-step1.png
Normal file
BIN
src/main/webapp/images/icon/icon-join-step1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
BIN
src/main/webapp/images/icon/icon-join-step2-on.png
Normal file
BIN
src/main/webapp/images/icon/icon-join-step2-on.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
BIN
src/main/webapp/images/icon/icon-join-step2.png
Normal file
BIN
src/main/webapp/images/icon/icon-join-step2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
BIN
src/main/webapp/images/icon/icon-join-step3-on.png
Normal file
BIN
src/main/webapp/images/icon/icon-join-step3-on.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
BIN
src/main/webapp/images/icon/icon-join-step3.png
Normal file
BIN
src/main/webapp/images/icon/icon-join-step3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
BIN
src/main/webapp/images/icon/icon-join-suc.png
Normal file
BIN
src/main/webapp/images/icon/icon-join-suc.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
BIN
src/main/webapp/images/icon/icon-kakao-login.png
Normal file
BIN
src/main/webapp/images/icon/icon-kakao-login.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
BIN
src/main/webapp/images/icon/icon-location-01.png
Normal file
BIN
src/main/webapp/images/icon/icon-location-01.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
BIN
src/main/webapp/images/icon/icon-location-02.png
Normal file
BIN
src/main/webapp/images/icon/icon-location-02.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
BIN
src/main/webapp/images/icon/icon-location-03.png
Normal file
BIN
src/main/webapp/images/icon/icon-location-03.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
BIN
src/main/webapp/images/icon/icon-location-04.png
Normal file
BIN
src/main/webapp/images/icon/icon-location-04.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
BIN
src/main/webapp/images/icon/icon-member-pop.png
Normal file
BIN
src/main/webapp/images/icon/icon-member-pop.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.5 KiB |
BIN
src/main/webapp/images/icon/icon-more.png
Normal file
BIN
src/main/webapp/images/icon/icon-more.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
BIN
src/main/webapp/images/icon/icon-naver-login.png
Normal file
BIN
src/main/webapp/images/icon/icon-naver-login.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
src/main/webapp/images/icon/icon-password.png
Normal file
BIN
src/main/webapp/images/icon/icon-password.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
BIN
src/main/webapp/images/icon/icon-plus.png
Normal file
BIN
src/main/webapp/images/icon/icon-plus.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 973 B |
BIN
src/main/webapp/images/icon/icon-search.png
Normal file
BIN
src/main/webapp/images/icon/icon-search.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
BIN
src/main/webapp/images/icon/icon-sec1-01.png
Normal file
BIN
src/main/webapp/images/icon/icon-sec1-01.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.3 KiB |
BIN
src/main/webapp/images/icon/icon-sec1-02.png
Normal file
BIN
src/main/webapp/images/icon/icon-sec1-02.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.7 KiB |
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue
Block a user