itsm_ysm/src/main/webapp/connect.html
2021-11-19 16:10:48 +09:00

473 lines
37 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 join succ connect">
<h2 class="blind">계정연결완료 섹션영역</h2>
<div class="inner">
<div class="row-top icon">
<div class="icon"><img src="/images/icon/icon-connect.png" alt="자물쇠 아이콘"></div>
<p>계정연결 완료</p>
</div>
<div class="contents 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 google"><img src="/images/icon/icon-google-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 class="contents 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 naver"><img src="/images/icon/icon-naver-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 class="contents 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 google"><img src="/images/icon/icon-google-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>
</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 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">&gt;</span> 마을경관</button></li>
<li><button type="button" title="삭제">생활과 민속 <span class="sign">&gt;</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">&gt;</span> 단행본</button></li>
<li><button type="button" title="삭제">도서간행물 <span class="sign">&gt;</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>
</body>
</html>