somang4819/itsm_ysm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
498596c4e9
itsm_ysm/src/main/webapp/guide.html
KNKIM 498596c4e9 2차 퍼블 변경 적용
2021-10-22 08:45:55 +09:00

277 lines
16 KiB
HTML
Raw Blame History

<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="format-detection" content="telephone=no" />
<title>소장자료관 - 카트</title>
<link rel="shortcut icon" type="image/x-icon" href="#">
<link href="/css/common.css" rel="stylesheet">
<link href="/css/jquery.mCustomScrollbar.css" rel="stylesheet">
<link href="/css/swiper.min.css" rel="stylesheet">
<link href="/css/default.css" rel="stylesheet">
<script src="/js/jquery-1.11.2.min.js"></script>
<script src="/js/jquery.mCustomScrollbar.js"></script>
<script src="/js/swiper.min.js"></script>
<script src="/js/default.js"></script>
</head>
<body>
<div class="wrap sub">
<!-- 헤더 -->
<header id="header">
<h2 class="blind">헤더영역</h2>
<div class="inner">
<h1><a href="/"><img src="/images/img/img-logo.png"><span>소장자료관</span></a></h1>
<div class="search-wrap">
<h2 class="blind">검색</h2>
<form id="searchHeaderForm" name="searchHeaderForm" method="post" action="">
<fieldset>
<legend>검색</legend>
<div class="search-input">
<input type="text" placeholder="" title="검색어 입력" name="query" id="query" class="ark_query" value="" autocomplete="off">
<button type="button" class="btn-search" id="searchHeaderButton"><span>검색</span></button>
<button type="button" class="btn-search-detail" id="btn-search-detail-cl">상세검색</button>
</div>
<div class="condition_sear">
<select name="searchField" id="searchField1" class="sear_depth">
<option value="" selected="selected">전체</option>
<option value="TITLE">제목</option>
</select>
</div>
</fieldset>
</form>
</div>
<div class="log">
<ul>
<li><a href="javascript:;" class="login-btn">로그인</a></li>
<li><a href="">회원증</a></li>
<li><a href="">알림(<span class="count">10</span>)</a></li>
<li><a href="">카드(<span class="count">10</span>)</a></li>
</ul>
</div>
</div>
</header>
<div class="nav-wrap">
<div class="inner">
<button id="primary-nav-button" type="button" class="Btn eff"><i class="eff">Menu</i></button>
<nav id="primary-nav" class="dropdown cf">
<ul class="dropdown menu">
<li class="eff active"><a href="/greeting.html" title="자료관안내" class="eff">자료관안내</a>
<ul class="sub-menu">
<li><a href="/greeting.html" title="인사말" class="underline blue">인사말</a></li>
<li><a href="/guide.html" title="이용안내" class="underline blue">이용안내</a></li>
<li><a href="/location.html" title="찾아오시는길" class="underline blue">찾아오시는길</a></li>
</ul>
</li>
<li><a href="/data.html" title="소장자료" class="eff">소장자료</a></li>
<li><a href="/notice.html" title="고객지원" class="eff">고객지원</a>
<ul class="sub-menu">
<li><a href="/notice.html" title="공지사항" class="underline blue">공지사항</a></li>
<li><a href="/faq.html" title="FAQ" class="underline blue">FAQ</a></li>
<li><a href="/qna.html" title="Q&amp;A" class="underline blue">Q&amp;A</a></li>
</ul>
</li>
<li><a href="/myinfo.html" title="마이페이지" class="eff">마이페이지</a>
<ul class="sub-menu">
<li><a href="/myinfo.html" title="회원정보관리" class="underline blue">회원정보관리</a></li>
<li><a href="/Interested-data.html" title="관심자료" class="underline blue">관심자료</a></li>
<li><a href="/loan.html" title="대출관리" class="underline blue">대출관리</a></li>
<li><a href="/visit.html" title="열람관리" class="underline blue">열람관리</a></li>
</ul>
</li>
</ul>
</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>
Reference in New Issue View Git Blame Copy Permalink