292 lines
18 KiB
HTML
292 lines
18 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="ko">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="format-detection" content="telephone=no" />
|
|
<title>소장자료관 - 내정보수정</title>
|
|
|
|
<link rel="shortcut icon" type="image/x-icon" href="#">
|
|
<link href="/css/common.css" rel="stylesheet">
|
|
<link href="/css/jquery.mCustomScrollbar.css" rel="stylesheet">
|
|
<link href="/css/swiper.min.css" rel="stylesheet">
|
|
<link href="/css/default.css" rel="stylesheet">
|
|
|
|
<script src="/js/jquery-1.11.2.min.js"></script>
|
|
<script src="/js/jquery.mCustomScrollbar.js"></script>
|
|
<script src="/js/swiper.min.js"></script>
|
|
<script src="/js/default.js"></script>
|
|
</head>
|
|
<body>
|
|
|
|
<div class="wrap sub">
|
|
<!-- 헤더 -->
|
|
<header id="header">
|
|
<h2 class="blind">헤더영역</h2>
|
|
<div class="inner">
|
|
<h1><a href="/"><img src="/images/img/img-logo.png"><span>소장자료관</span></a></h1>
|
|
|
|
<div class="search-wrap">
|
|
<h2 class="blind">검색</h2>
|
|
<form id="searchHeaderForm" name="searchHeaderForm" method="post" action="">
|
|
<fieldset>
|
|
<legend>검색</legend>
|
|
<div class="search-input">
|
|
<input type="text" placeholder="" title="검색어 입력" name="query" id="query" class="ark_query" value="" autocomplete="off">
|
|
<button type="button" class="btn-search" id="searchHeaderButton"><span>검색</span></button>
|
|
<button type="button" class="btn-search-detail" id="btn-search-detail-cl">상세검색</button>
|
|
</div>
|
|
<div class="condition_sear">
|
|
<select name="searchField" id="searchField1" class="sear_depth">
|
|
<option value="" selected="selected">전체</option>
|
|
<option value="TITLE">제목</option>
|
|
</select>
|
|
</div>
|
|
</fieldset>
|
|
</form>
|
|
</div>
|
|
|
|
<div class="log">
|
|
<ul>
|
|
<li><a href="javascript:;" class="login-btn">로그인</a></li>
|
|
<li><a href="javascript:;" class="member-btn">회원증</a></li>
|
|
<li><a href="javascript:;" class="noti-btn">알림(<span class="count">10</span>)</a></li>
|
|
<li><a href="/cart.html">카트(<span class="count">10</span>)</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
<div class="nav-wrap">
|
|
<div class="inner">
|
|
<button id="primary-nav-button" type="button" class="Btn eff"><i class="eff">Menu</i></button>
|
|
<nav id="primary-nav" class="dropdown cf">
|
|
<ul class="dropdown menu">
|
|
<li><a href="/greeting.html" title="자료관안내" class="eff">자료관안내</a>
|
|
<ul class="sub-menu">
|
|
<li><a href="/greeting.html" title="인사말"><span class="underline blue">인사말</span></a></li>
|
|
<li><a href="/guide.html" title="이용안내"><span class="underline blue">이용안내</span></a></li>
|
|
<li><a href="/location.html" title="찾아오시는길"><span class="underline blue">찾아오시는길</span></a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="/data.html" title="소장자료" class="eff">소장자료</a></li>
|
|
<li><a href="/notice.html" title="고객지원" class="eff">고객지원</a>
|
|
<ul class="sub-menu">
|
|
<li><a href="/notice.html" title="공지사항"><span class="underline blue">공지사항</span></a></li>
|
|
<li><a href="/faq.html" title="FAQ"><span class="underline blue">FAQ</span></a></li>
|
|
<li><a href="/qna.html" title="Q&A"><span class="underline blue">Q&A</span></a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="/myinfo.html" title="마이페이지" class="eff">마이페이지</a>
|
|
<ul class="sub-menu">
|
|
<li><a href="/myinfo.html" title="회원정보관리"><span class="underline blue">회원정보관리</span></a></li>
|
|
<li><a href="/Interested-data.html" title="관심자료"><span class="underline blue">관심자료</span></a></li>
|
|
<li><a href="/loan.html" title="대출관리"><span class="underline blue">대출관리</span></a></li>
|
|
<li><a href="/visit.html" title="열람관리"><span class="underline blue">열람관리</span></a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 내정보 수정 섹션 -->
|
|
<div class="location join modify">
|
|
<h2 class="blind">내정보 수정 섹션영역</h2>
|
|
<div class="inner">
|
|
<div class="row-top">
|
|
<div class="location-box">
|
|
<ul class="loc">
|
|
<li>HOME</li>
|
|
<li>마이페이지</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="join-box">
|
|
<div class="info">
|
|
<form class="mt-5 form-container" action="" method="">
|
|
<h2 style="margin-top:0;">회원정보</h2>
|
|
|
|
<div class="form-group Username">
|
|
<label>이름</label>
|
|
<div class="con">
|
|
<input class="form-control" type="text" name="" value="김문화" placeholder="이름을 입력하세요" required/>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group Usersex">
|
|
<label>성별</label>
|
|
<div class="con">
|
|
<div class="chk"><input type="checkbox" id="m" class="sex" name=""><label for="m">남자</label></div>
|
|
<div class="chk"><input type="checkbox" id="w" class="sex" name="" checked><label for="w">여자</label></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group Userbirth">
|
|
<label>생년월일</label>
|
|
<div class="con">
|
|
<select name="yy" id="year"></select> 년
|
|
<select name="mm" id="month"></select> 월
|
|
<select name="dd" id="day"></select> 일
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group Userpassword">
|
|
<label>비밀번호</label>
|
|
<div class="con">
|
|
<p><button type="button" class="btn btn-color pop-change-btn">비밀번호 변경</button></p>
|
|
<p>- 입력하신 비밀번호는 ‘계정 연결’, ‘내 정보 확인’, ‘회원탈퇴’ 시, 회원님의 정보보호 및 본인확인을 위해 사용됩니다.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group Usermobile">
|
|
<label>휴대폰 번호</label>
|
|
<div class="con mobile">
|
|
<div class="row">
|
|
<input class="form-control mobile1" type="text" name="" value="010"/> -
|
|
<input class="form-control mobile2" type="text" name="" value="1234" required/> -
|
|
<input class="form-control mobile3" type="text" name="" value="5678" required/>
|
|
<button type="button" class="btn-color">인증하기</button>
|
|
<button type="button" class="btn-black">재전송</button>
|
|
</div>
|
|
<div class="row">
|
|
<input class="form-control cer" type="text" name="" placeholder=" SMS로 발송된 인증번호를 입력하세요"/>
|
|
<button type="button" class="btn-gray">확인</button>
|
|
<span class="suc">인증이 완료되었습니다.</span>
|
|
<span class="chk-suc"></span>
|
|
<span class="timer">02:36</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group Useremail">
|
|
<label>이메일</label>
|
|
<div class="con email">
|
|
<div class="row">
|
|
<input class="form-control email1" type="text" name="" value="moonhwa12@gmail.com" placeholder="example@mail.com"/>
|
|
<button type="button" class="btn-color">인증하기</button>
|
|
<button type="button" class="btn-black">재전송</button>
|
|
</div>
|
|
<div class="row">
|
|
<input class="form-control cer" type="text" name="" placeholder=" SMS로 발송된 인증번호를 입력하세요"/>
|
|
<button type="button" class="btn-gray">확인</button>
|
|
<span class="suc">인증이 완료되었습니다.</span>
|
|
<span class="chk-suc"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group Useraddr">
|
|
<label>주소</label>
|
|
<div class="con addr">
|
|
<div class="row">
|
|
<input class="form-control addr1" type="text" name="" value="12345" placeholder="우편번호"/>
|
|
<button type="button" class="btn-color">우편번호</button>
|
|
</div>
|
|
<div class="row">
|
|
<input class="form-control addr2" type="text" name="" value="OO도 OO시 OO로 111" placeholder="주소" required/>
|
|
<input class="form-control addr3" type="text" name="" value="111동 111호" placeholder="상세주소"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group Usersns">
|
|
<label>SNS 연동</label>
|
|
<div class="con sns">
|
|
<div class="row">
|
|
<div class="list">
|
|
<div class="sns-box naver"><span><img src="images/icon/icon-naver-login.png"></span><span>mo******@naver.com / 2021-07-15 오후 2:41:30 연결완료</span></div>
|
|
<button type="button" class="btn-black">연결해제</button>
|
|
</div>
|
|
<div class="list">
|
|
<div class="sns-box kakao"><span><img src="images/icon/icon-kakao-login.png"></span><span>ka******@naver.com / 2021-07-15 오후 2:41:30 연결완료</span></div>
|
|
<button type="button" class="btn-black">연결해제</button>
|
|
</div>
|
|
<div class="list">
|
|
<div class="sns-box kakao"><span><img src="images/icon/icon-kakao-login.png"></span><span>ka******@naver.com / 2021-07-15 오후 2:41:30 연결완료</span></div>
|
|
<button type="button" class="btn-black">연결해제</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<h2>서비스 알림 수신 동의</h2>
|
|
|
|
<div class="form-group service">
|
|
<div class="left">
|
|
<div class="chk"><input type="checkbox" id="service-chk1" class="ser-chk1" name="" required checked><label for="service-chk1">대출/열람 정보 수신동의 [필수/1건 이상 선택]</label></div>
|
|
</div>
|
|
<div class="right">
|
|
<div class="chk"><input type="checkbox" id="service-chk1-1" class="ser-chk1-1" name="" checked><label for="service-chk1-1">문자(SMS)</label></div>
|
|
<div class="chk"><input type="checkbox" id="service-chk1-2" class="ser-chk1-1" name="" checked><label for="service-chk1-2">이메일</label></div>
|
|
</div>
|
|
<p class="bg">- 문자(SMS)/이메일 수신동의를 하시면 ‘자료반납’, ‘자료연체’, ‘예약자료 도착’, ‘열람신청 승인’, ‘열람신청 반려’ 알림을 받으실 수 있습니다.</p>
|
|
</div>
|
|
|
|
<div class="form-group service">
|
|
<div class="left">
|
|
<div class="chk"><input type="checkbox" id="service-chk2" class="ser-chk2" name=""><label for="service-chk2">지방문화원 소식/홍보 알림 수신동의 [선택]</label></div>
|
|
</div>
|
|
<div class="right">
|
|
<div class="chk"><input type="checkbox" id="service-chk2-1" class="ser-chk2-2" name=""><label for="service-chk2-1">문자(SMS)</label></div>
|
|
<div class="chk"><input type="checkbox" id="service-chk2-2" class="ser-chk2-2" name=""><label for="service-chk2-2">이메일</label></div>
|
|
</div>
|
|
<p class="bg">- 문자(SMS)/이메일 수신동의를 하시면 문화원 소식이나 주요 행사 등의 정보를 빠르게 만나실 수 있습니다.</p>
|
|
<p>- 회원가입완료, 임시비밀번호 발급관련 내용의 경우 수신 동의와 상관없이 이메일로 발송됩니다.</p>
|
|
</div>
|
|
|
|
<p class="release"><a href="">소장자료관을 더 이상 사용하고 싶지 않으신가요? ></a></p>
|
|
|
|
<div class="btn-box">
|
|
<button type="button" class="btn btn-color" id="submit">수정하기</button>
|
|
<button type="submit" class="btn btn-gray" id="cancel">취소</button>
|
|
</div>
|
|
</form>
|
|
</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> |