itsm_ysm/src/main/webapp/myinfo.html
2021-10-25 08:27:42 +09:00

667 lines
41 KiB
HTML

<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="format-detection" content="telephone=no" />
<title>소장자료관 - 회원정보관리</title>
<link rel="shortcut icon" type="image/x-icon" href="#">
<link href="/css/common.css" rel="stylesheet">
<link href="/css/jquery.mCustomScrollbar.css" rel="stylesheet">
<link href="/css/swiper.min.css" rel="stylesheet">
<link href="/css/default.css" rel="stylesheet">
<script src="/js/jquery-1.11.2.min.js"></script>
<script src="/js/jquery.mCustomScrollbar.js"></script>
<script src="/js/swiper.min.js"></script>
<script src="/js/default.js"></script>
</head>
<body>
<div class="wrap sub">
<!-- 헤더 -->
<header id="header">
<h2 class="blind">헤더영역</h2>
<div class="inner">
<h1><a href="/"><img src="/images/img/img-logo.png"><span>소장자료관</span></a></h1>
<div class="search-wrap">
<h2 class="blind">검색</h2>
<form id="searchHeaderForm" name="searchHeaderForm" method="post" action="">
<fieldset>
<legend>검색</legend>
<div class="search-input">
<input type="text" placeholder="" title="검색어 입력" name="query" id="query" class="ark_query" value="" autocomplete="off">
<button type="button" class="btn-search" id="searchHeaderButton"><span>검색</span></button>
<button type="button" class="btn-search-detail" id="btn-search-detail-cl">상세검색</button>
</div>
<div class="condition_sear">
<select name="searchField" id="searchField1" class="sear_depth">
<option value="" selected="selected">전체</option>
<option value="TITLE">제목</option>
</select>
</div>
</fieldset>
</form>
</div>
<div class="log">
<ul>
<li><a href="javascript:;" class="login-btn">로그인</a></li>
<li><a href="javascript:;" class="member-btn">회원증</a></li>
<li><a href="javascript:;" class="noti-btn">알림(<span class="count">10</span>)</a></li>
<li><a href="/cart.html">카트(<span class="count">10</span>)</a></li>
</ul>
</div>
</div>
</header>
<div class="nav-wrap">
<div class="inner">
<button id="primary-nav-button" type="button" class="Btn eff"><i class="eff">Menu</i></button>
<nav id="primary-nav" class="dropdown cf">
<ul class="dropdown menu">
<li><a href="/greeting.html" title="자료관안내" class="eff">자료관안내</a>
<ul class="sub-menu">
<li><a href="/greeting.html" title="인사말"><span class="underline blue">인사말</span></a></li>
<li><a href="/guide.html" title="이용안내"><span class="underline blue">이용안내</span></a></li>
<li><a href="/location.html" title="찾아오시는길"><span class="underline blue">찾아오시는길</span></a></li>
</ul>
</li>
<li><a href="/data.html" title="소장자료" class="eff">소장자료</a></li>
<li><a href="/notice.html" title="고객지원" class="eff">고객지원</a>
<ul class="sub-menu">
<li><a href="/notice.html" title="공지사항"><span class="underline blue">공지사항</span></a></li>
<li><a href="/faq.html" title="FAQ"><span class="underline blue">FAQ</span></a></li>
<li><a href="/qna.html" title="Q&amp;A"><span class="underline blue">Q&amp;A</span></a></li>
</ul>
</li>
<li><a href="/myinfo.html" title="마이페이지" class="eff">마이페이지</a>
<ul class="sub-menu">
<li><a href="/myinfo.html" title="회원정보관리"><span class="underline blue">회원정보관리</span></a></li>
<li><a href="/Interested-data.html" title="관심자료"><span class="underline blue">관심자료</span></a></li>
<li><a href="/loan.html" title="대출관리"><span class="underline blue">대출관리</span></a></li>
<li><a href="/visit.html" title="열람관리"><span class="underline blue">열람관리</span></a></li>
</ul>
</li>
</ul>
</nav>
</div>
</div>
<!-- 회원정보관리 섹션 -->
<div class="location myinfo">
<h2 class="blind">회원정보관리 섹션영역</h2>
<div class="inner">
<div class="row-top">
<div class="location-box">
<ul class="loc">
<li>HOME</li>
<li>마이페이지</li>
<li class="on">회원정보관리</li>
</ul>
<ul class="tit">
<li><span>회원정보</span>관리</li>
</ul>
</div>
<div class="arr"><img src="/images/icon/icon-join-arr2.png" alt="화살표 아이콘"></div>
</div>
<div class="contents row-bottom">
<div class="myinfo-box">
<div class="top-info">
<div class="left">
<h3>반갑습니다,<br><span>김문화</span>님!</h3>
<div class="sns-login">
<span class="icon"><img src="/images/icon/icon-kakao.png" alt="sns 아이콘"></span>
<span class="icon" style="display: none;"><img src="/images/icon/icon-naver.png" alt="sns 아이콘"></span>
<span class="icon" style="display: none;"><img src="/images/icon/icon-google.png" alt="sns 아이콘"></span>
<span class="type">Kakao</span>
<span>계정으로 로그인 중</span>
</div>
<div class="myinfo-btn"><a href="#">내정보</a></div>
<div class="date-box">
최근 방문일: <span class="date">2021.07.15</span>
<span class="time">14:41:30</span>
</div>
</div>
<div class="right">
<div class="top-box">
<div class="con-1">
<h3>대출현황</h3>
<div class="list-box">
<div>
<p>3/3</p>
<p>신청/예약</p>
</div>
<div>
<p>11</p>
<p>취소</p>
</div>
<div>
<p>2</p>
<p>대출중</p>
</div>
<div>
<p>15</p>
<p>반납</p>
</div>
<div>
<p>0</p>
<p>연체</p>
</div>
</div>
</div>
<div class="con-2">
<h3>방문열람현황</h3>
<div class="list-box">
<div>
<p>5</p>
<p>신청</p>
</div>
<div>
<p>0</p>
<p>취소</p>
</div>
<div>
<p>3</p>
<p>승인</p>
</div>
<div>
<p>2</p>
<p>반려</p>
</div>
</div>
</div>
</div>
<div class="bottom-box">
<div class="con-1">
<h3>소장자료관 접속현황</h3>
<div class="key-box">
<span type="button">경산문화원</span>
<span type="button">고령문화원</span>
<span type="button">구미문화원</span>
<span type="button">군위문화원</span>
<span type="button">김천문화원</span>
</div>
</div>
</div>
</div>
</div>
<div class="row-bottom">
<div class="concern-data">
<div class="inner">
<div class="title-box">
<div class="title"><h3><span>관심</span>자료</h3><div class="cont"><span>20</span></div></div>
<div class="More"><a href="">더보기 <img src="/images/icon/icon-more.png" alt="더보기 아이콘"></a></div>
</div>
<div class="list-box">
<div class="list">
<div class="thum">
<a href="#"><img src="/images/img/img-sec3-01.jpg" alt="썸네일"></a>
</div>
<div class="text">
<div class="ti">양산예찬문집</div>
<div class="cl">
<p class="typ"><span>자료유형 :</span><span>도서간행물 &gt; 연속간행물</span></p>
<p class="sub"><span>주제분야 :</span><span>자연과지리 &gt; 자연환경</span></p>
<p class="age"><span>생산기관 :</span><span>경북경주문화원</span></p>
<p class="yea"><span>생산년도 :</span><span>2021</span></p>
</div>
</div>
</div>
<div class="list">
<div class="thum">
<a href="#"><img src="/images/img/img-sec3-01.jpg" alt="썸네일"></a>
</div>
<div class="text">
<div class="ti">三憂堂 文益漸先生 棉花展示館 竣工記念詩集</div>
<div class="cl">
<p class="typ"><span>자료유형 :</span><span>도서간행물 &gt; 연속간행물</span></p>
<p class="sub"><span>주제분야 :</span><span>자연과지리 &gt; 자연환경</span></p>
<p class="age"><span>생산기관 :</span><span>경북경주문화원</span></p>
<p class="yea"><span>생산년도 :</span><span>2021</span></p>
</div>
</div>
</div>
<div class="list">
<div class="thum">
<a href="#"><img src="/images/img/img-sec3-01.jpg" alt="썸네일"></a>
</div>
<div class="text">
<div class="ti">국역 慶州郡 (국역 경주군)</div>
<div class="cl">
<p class="typ"><span>자료유형 :</span><span>도서간행물 &gt; 연속간행물</span></p>
<p class="sub"><span>주제분야 :</span><span>자연과지리 &gt; 자연환경</span></p>
<p class="age"><span>생산기관 :</span><span>경북경주문화원</span></p>
<p class="yea"><span>생산년도 :</span><span>2021</span></p>
</div>
</div>
</div>
<div class="list">
<div class="thum">
<a href="#"><img src="/images/img/img-sec3-01.jpg" alt="썸네일"></a>
</div>
<div class="text">
<div class="ti">三憂堂 文益漸先生 棉花展示館 竣工記念詩集</div>
<div class="cl">
<p class="typ"><span>자료유형 :</span><span>도서간행물 &gt; 연속간행물</span></p>
<p class="sub"><span>주제분야 :</span><span>자연과지리 &gt; 자연환경</span></p>
<p class="age"><span>생산기관 :</span><span>경북경주문화원</span></p>
<p class="yea"><span>생산년도 :</span><span>2021</span></p>
</div>
</div>
</div>
<div class="list">
<div class="thum">
<a href="#"><img src="/images/img/img-sec3-01.jpg" alt="썸네일"></a>
</div>
<div class="text">
<div class="ti">국역 慶州郡 (국역 경주군)</div>
<div class="cl">
<p class="typ"><span>자료유형 :</span><span>도서간행물 &gt; 연속간행물</span></p>
<p class="sub"><span>주제분야 :</span><span>자연과지리 &gt; 자연환경</span></p>
<p class="age"><span>생산기관 :</span><span>경북경주문화원</span></p>
<p class="yea"><span>생산년도 :</span><span>2021</span></p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="loan-history">
<div class="inner">
<div class="title-box">
<div class="title"><h3><span>대출</span>내역</h3><div class="cont"><span>20</span></div></div>
<div class="More"><a href="">더보기 <img src="/images/icon/icon-more.png" alt="더보기 아이콘"></a></div>
</div>
<div class="list-box">
<div class="list">
<div class="tit">
<p>[경북경주문화원]</p>
</div>
<div class="con">
<p>경주읍성 남문 장례문의 옥루</p>
<p>
<span><em>주제분야 : </em> 도서간행물 &gt; 연속간행물</span>
<span><em>주제분야 : </em> 자연과지리 &gt; 자연환경</span>
<span><em>생산기관 : </em> 경북경주문화원</span>
<span><em>생산년도 : </em> 2021</span>
</p>
</div>
<div class="state">
<span class="subscription">신청</span>
</div>
</div>
</div>
<div class="list-box">
<div class="list">
<div class="tit">
<p>[경북경주문화원]</p>
</div>
<div class="con">
<p>경주 골목길</p>
<p>
<span><em>주제분야 : </em> 도서간행물 &gt; 연속간행물</span>
<span><em>주제분야 : </em> 자연과지리 &gt; 자연환경</span>
<span><em>생산기관 : </em> 경북경주문화원</span>
<span><em>생산년도 : </em> 2021</span>
</p>
</div>
<div class="state">
<span class="reser">예약</span>
</div>
</div>
</div>
<div class="list-box">
<div class="list">
<div class="tit">
<p>[경북경주문화원]</p>
</div>
<div class="con">
<p>2014 한국의 역사마을 양동 충효예절교실 교육교재</p>
<p>
<span><em>주제분야 : </em> 도서간행물 &gt; 연속간행물</span>
<span><em>주제분야 : </em> 자연과지리 &gt; 자연환경</span>
<span><em>생산기관 : </em> 경북경주문화원</span>
<span><em>생산년도 : </em> 2021</span>
</p>
</div>
<div class="state">
<span class="cancel">예약취소</span>
</div>
</div>
</div>
<div class="list-box">
<div class="list">
<div class="tit">
<p>[경북경주문화원]</p>
</div>
<div class="con">
<p>경주 골목길</p>
<p>
<span><em>주제분야 : </em> 도서간행물 &gt; 연속간행물</span>
<span><em>주제분야 : </em> 자연과지리 &gt; 자연환경</span>
<span><em>생산기관 : </em> 경북경주문화원</span>
<span><em>생산년도 : </em> 2021</span>
</p>
</div>
<div class="state">
<span class="return">반납</span>
</div>
</div>
</div>
<div class="list-box">
<div class="list">
<div class="tit">
<p>[경북경주문화원]</p>
</div>
<div class="con">
<p>2014 한국의 역사마을 양동 충효예절교실 교육교재</p>
<p>
<span><em>주제분야 : </em> 도서간행물 &gt; 연속간행물</span>
<span><em>주제분야 : </em> 자연과지리 &gt; 자연환경</span>
<span><em>생산기관 : </em> 경북경주문화원</span>
<span><em>생산년도 : </em> 2021</span>
</p>
</div>
<div class="state">
<span class="return">반납</span>
</div>
</div>
</div>
<div class="list-box">
<div class="list">
<div class="tit">
<p>[경북경주문화원]</p>
</div>
<div class="con">
<p>2014 한국의 역사마을 양동 충효예절교실 교육교재</p>
<p>
<span><em>주제분야 : </em> 도서간행물 &gt; 연속간행물</span>
<span><em>주제분야 : </em> 자연과지리 &gt; 자연환경</span>
<span><em>생산기관 : </em> 경북경주문화원</span>
<span><em>생산년도 : </em> 2021</span>
</p>
</div>
<div class="state">
<span class="loan">대출중</span>
</div>
</div>
</div>
<div class="list-box">
<div class="list">
<div class="tit">
<p>[경북경주문화원]</p>
</div>
<div class="con">
<p>2014 한국의 역사마을 양동 충효예절교실 교육교재</p>
<p>
<span><em>주제분야 : </em> 도서간행물 &gt; 연속간행물</span>
<span><em>주제분야 : </em> 자연과지리 &gt; 자연환경</span>
<span><em>생산기관 : </em> 경북경주문화원</span>
<span><em>생산년도 : </em> 2021</span>
</p>
</div>
<div class="state">
<span class="overdue">연체</span>
</div>
</div>
</div>
</div>
</div>
<div class="visit-history">
<div class="inner">
<div class="title-box">
<div class="title"><h3><span>방문열람</span>내역</h3><div class="cont"><span>20</span></div></div>
<div class="More"><a href="">더보기 <img src="/images/icon/icon-more.png" alt="더보기 아이콘"></a></div>
</div>
<div class="list-box">
<div class="list">
<div class="tit">
<p>[경북경주문화원]</p>
</div>
<div class="con">
<p>경주읍성 남문 장례문의 옥루</p>
<p>
<span><em>주제분야 : </em> 도서간행물 &gt; 연속간행물</span>
<span><em>주제분야 : </em> 자연과지리 &gt; 자연환경</span>
<span><em>생산기관 : </em> 경북경주문화원</span>
<span><em>생산년도 : </em> 2021</span>
</p>
</div>
<div class="state">
<span class="wait">승인대기</span>
</div>
</div>
</div>
<div class="list-box">
<div class="list">
<div class="tit">
<p>[경북경주문화원]</p>
</div>
<div class="con">
<p>경주 골목길</p>
<p>
<span><em>주제분야 : </em> 도서간행물 &gt; 연속간행물</span>
<span><em>주제분야 : </em> 자연과지리 &gt; 자연환경</span>
<span><em>생산기관 : </em> 경북경주문화원</span>
<span><em>생산년도 : </em> 2021</span>
</p>
</div>
<div class="state">
<span class="approval">승인</span>
</div>
</div>
</div>
<div class="list-box">
<div class="list">
<div class="tit">
<p>[경북경주문화원]</p>
</div>
<div class="con">
<p>2014 한국의 역사마을 양동 충효예절교실 교육교재</p>
<p>
<span><em>주제분야 : </em> 도서간행물 &gt; 연속간행물</span>
<span><em>주제분야 : </em> 자연과지리 &gt; 자연환경</span>
<span><em>생산기관 : </em> 경북경주문화원</span>
<span><em>생산년도 : </em> 2021</span>
</p>
</div>
<div class="state">
<span class="return">반려</span>
</div>
</div>
</div>
<div class="list-box">
<div class="list">
<div class="tit">
<p>[경북경주문화원]</p>
</div>
<div class="con">
<p>경주 골목길</p>
<p>
<span><em>주제분야 : </em> 도서간행물 &gt; 연속간행물</span>
<span><em>주제분야 : </em> 자연과지리 &gt; 자연환경</span>
<span><em>생산기관 : </em> 경북경주문화원</span>
<span><em>생산년도 : </em> 2021</span>
</p>
</div>
<div class="state">
<span class="return">반려</span>
</div>
</div>
</div>
<div class="list-box">
<div class="list">
<div class="tit">
<p>[경북경주문화원]</p>
</div>
<div class="con">
<p>2014 한국의 역사마을 양동 충효예절교실 교육교재</p>
<p>
<span><em>주제분야 : </em> 도서간행물 &gt; 연속간행물</span>
<span><em>주제분야 : </em> 자연과지리 &gt; 자연환경</span>
<span><em>생산기관 : </em> 경북경주문화원</span>
<span><em>생산년도 : </em> 2021</span>
</p>
</div>
<div class="state">
<span class="return">반려</span>
</div>
</div>
</div>
<div class="list-box">
<div class="list">
<div class="tit">
<p>[경북경주문화원]</p>
</div>
<div class="con">
<p>2014 한국의 역사마을 양동 충효예절교실 교육교재</p>
<p>
<span><em>주제분야 : </em> 도서간행물 &gt; 연속간행물</span>
<span><em>주제분야 : </em> 자연과지리 &gt; 자연환경</span>
<span><em>생산기관 : </em> 경북경주문화원</span>
<span><em>생산년도 : </em> 2021</span>
</p>
</div>
<div class="state">
<span class="subscription">신청</span>
</div>
</div>
</div>
<div class="list-box">
<div class="list">
<div class="tit">
<p>[경북경주문화원]</p>
</div>
<div class="con">
<p>2014 한국의 역사마을 양동 충효예절교실 교육교재</p>
<p>
<span><em>주제분야 : </em> 도서간행물 &gt; 연속간행물</span>
<span><em>주제분야 : </em> 자연과지리 &gt; 자연환경</span>
<span><em>생산기관 : </em> 경북경주문화원</span>
<span><em>생산년도 : </em> 2021</span>
</p>
</div>
<div class="state">
<span class="wait">승인대기</span>
</div>
</div>
</div>
<div class="list-box">
<div class="list">
<div class="tit">
<p>[경북경주문화원]</p>
</div>
<div class="con">
<p>2014 한국의 역사마을 양동 충효예절교실 교육교재</p>
<p>
<span><em>주제분야 : </em> 도서간행물 &gt; 연속간행물</span>
<span><em>주제분야 : </em> 자연과지리 &gt; 자연환경</span>
<span><em>생산기관 : </em> 경북경주문화원</span>
<span><em>생산년도 : </em> 2021</span>
</p>
</div>
<div class="state">
<span class="cancel">취소</span>
</div>
</div>
</div>
<div class="list-box">
<div class="list">
<div class="tit">
<p>[경북경주문화원]</p>
</div>
<div class="con">
<p>2014 한국의 역사마을 양동 충효예절교실 교육교재</p>
<p>
<span><em>주제분야 : </em> 도서간행물 &gt; 연속간행물</span>
<span><em>주제분야 : </em> 자연과지리 &gt; 자연환경</span>
<span><em>생산기관 : </em> 경북경주문화원</span>
<span><em>생산년도 : </em> 2021</span>
</p>
</div>
<div class="state">
<span class="read">열람완료</span>
</div>
</div>
</div>
<div class="list-box">
<div class="list">
<div class="tit">
<p>[경북경주문화원]</p>
</div>
<div class="con">
<p>2014 한국의 역사마을 양동 충효예절교실 교육교재</p>
<p>
<span><em>주제분야 : </em> 도서간행물 &gt; 연속간행물</span>
<span><em>주제분야 : </em> 자연과지리 &gt; 자연환경</span>
<span><em>생산기관 : </em> 경북경주문화원</span>
<span><em>생산년도 : </em> 2021</span>
</p>
</div>
<div class="state">
<span class="unread">미열람</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<footer id="footer">
<button type="button" id="btn-go-top" class="btn-go-top"><span><img src="/images/icon/icon-arr-top.png" alt="상단 화살표"></span><p>TOP</p></button>
<div class="inner">
<div class="row-top">
<div class="footer-logo">
<h1><a href="#"><img src="/images/img/img-footer-logo.png" alt="푸터 로고"></a></h1>
</div>
<div class="family_site">
<p class="site_name">관련 사이트</p>
<ul class="site_depth">
<li><a href="/" target="_blank">01</a></li>
<li><a href="/" target="_blank">02</a></li>
</ul>
</div>
</div>
<div class="row-bottom">
<div class="left-side">
<ul class="fnb">
<li><a href="/">이용약관</a></li>
<li><a href="/">개인정보처리방침</a></li>
<li><a href="/">찾아오시는 길</a></li>
</ul>
<p class="copy">
서울시 마포대로49 성우빌딩 308호 <span><a href="tel:02-704-2322">TEL. 02.704-2322</a></span> <span>FAX. 02.704-2377</span> <br>
COPYRIGHT (C)2018 The Federation of Korea Culture Center. ALL RIGHT RESERVED.
</p>
</div>
</div>
</div>
</footer>
</div>
</body>
</html>