504 lines
17 KiB
HTML
504 lines
17 KiB
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">
|
|
<title>교육신청 상세 > 청소년 대상 > 한국저작권위원회 저작권 교육 시스템</title>
|
|
|
|
<!-- css -->
|
|
<link rel="stylesheet" href="/offedu/visitEdu/usr/publish/css/reset.css">
|
|
<link rel="stylesheet" href="/offedu/visitEdu/usr/publish/css/font.css">
|
|
<link rel="stylesheet" href="/offedu/visitEdu/usr/publish/css/common.css">
|
|
<link rel="stylesheet" href="/offedu/visitEdu/usr/publish/css/content.css">
|
|
<link rel="stylesheet" href="/offedu/visitEdu/usr/publish/css/popup.css">
|
|
<link rel="stylesheet" href="/offedu/visitEdu/usr/publish/datepicker/classic.css">
|
|
<link rel="stylesheet" href="/offedu/visitEdu/usr/publish/datepicker/classic.date.css">
|
|
|
|
<!-- script -->
|
|
<script src="/offedu/visitEdu/usr/publish/script/jquery-3.5.0.js"></script>
|
|
<script src="/offedu/visitEdu/usr/publish/script/common.js"></script>
|
|
<script src="/offedu/visitEdu/usr/publish/script/content.js"></script>
|
|
<script src="/offedu/visitEdu/usr/publish/script/popup.js"></script>
|
|
<script src="/offedu/visitEdu/usr/publish/datepicker/picker.js"></script>
|
|
<script src="/offedu/visitEdu/usr/publish/datepicker/picker.date.js"></script>
|
|
<script src="/offedu/visitEdu/usr/publish/datepicker/legacy.js"></script>
|
|
<script src="/offedu/visitEdu/usr/publish/datepicker/ko_KR.js"></script>
|
|
</head>
|
|
|
|
<body>
|
|
<!-- skip menu -->
|
|
<div class="skip_menu">
|
|
<a href="#sub" class="contGo" title="본문 바로가기">본문 바로가기</a>
|
|
</div>
|
|
|
|
<header class="">
|
|
<div class="gnb_wrap">
|
|
<div class="inner">
|
|
<button class="site" alt="새창열림">
|
|
<img src="/offedu/visitEdu/usr/publish/images/common/kcc_ci.png" alt="한국저작권위원회">
|
|
<p>GO</p>
|
|
</button>
|
|
<div class="area_right">
|
|
<a href="#" class="header_login"><i></i>로그인</a>
|
|
<a href="#" class="header_join"><i></i>회원가입</a>
|
|
<div class="btn_util">
|
|
<button class="btn_minus" title="글자 축소"></button>
|
|
<button class="btn_plus" title="글자 확대"></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--// skip menu -->
|
|
|
|
<!-- header -->
|
|
<div class="header">
|
|
<div class="header_inner">
|
|
<h1 class="logo"><a href="#none"><img src="/offedu/visitEdu/usr/publish/images/common/ci.png" alt="한국저작권위원회 저작권 교육 시스템"></a></h1>
|
|
<div class="nav_wrap">
|
|
<nav id="menu">
|
|
<ul class="depth01 dep_li_04">
|
|
<li class="depth01_li"><a href="#" class="menu_link">찾아가는 저작권교육<span class="menu_link_br">청소년</span></a>
|
|
<ul class="depth02">
|
|
<li><a href="#">depth02</a></li>
|
|
<li><a href="#">depth02</a></li>
|
|
<li><a href="#">depth02</a></li>
|
|
<li><a href="#">depth02</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="depth01_li"><a href="#" class="menu_link">찾아가는 저작권교육<span class="menu_link_br">성인</span></a>
|
|
<ul class="depth02">
|
|
<li><a href="#">depth02</a></li>
|
|
<li><a href="#">depth02</a></li>
|
|
<li><a href="#">depth02</a></li>
|
|
<li><a href="#">depth02</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="depth01_li"><a href="#" class="menu_link">교육콘텐츠 신청</a>
|
|
<ul class="depth02">
|
|
<li><a href="#">depth02</a></li>
|
|
<li><a href="#">depth02</a></li>
|
|
<li><a href="#">depth02</a></li>
|
|
<li><a href="#">depth02</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="depth01_li"><a href="#" class="menu_link">저작권 체험교실</a>
|
|
<ul class="depth02">
|
|
<li><a href="#">depth02</a></li>
|
|
<li><a href="#">depth02</a></li>
|
|
<li><a href="#">depth02</a></li>
|
|
<li><a href="#">depth02</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
<div class="area_right">
|
|
<button class="btn_search" title="검색영역 열기"></button>
|
|
<button class="btn_menu" title="전체메뉴 열기"></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
<!--// header -->
|
|
|
|
<!-- full menu -->
|
|
<div class="full_menu">
|
|
<div class="inner">
|
|
<h1 class="logo"><img src="/offedu/visitEdu/usr/publish/images/common/ci.png" alt="한국저작권위원회 저작권 교육 시스템"></h1>
|
|
<ul class="depth01">
|
|
<li class="depth01_li"><a href="#" class="menu_link">찾아가는 저작권교육<span>청소년</span></a>
|
|
<ul class="depth02">
|
|
<li><a href="#">depth02</a></li>
|
|
<li><a href="#">depth02</a></li>
|
|
<li><a href="#">depth02</a></li>
|
|
<li><a href="#">depth02</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="depth01_li"><a href="#" class="menu_link">찾아가는 저작권교육<span>성인</span></a>
|
|
<ul class="depth02">
|
|
<li><a href="#">depth02</a></li>
|
|
<li><a href="#">depth02</a></li>
|
|
<li><a href="#">depth02</a></li>
|
|
<li><a href="#">depth02</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="depth01_li"><a href="#" class="menu_link">교육과정 안내</a>
|
|
<ul class="depth02">
|
|
<li><a href="#">depth02</a></li>
|
|
<li><a href="#">depth02</a></li>
|
|
<li><a href="#">depth02</a></li>
|
|
<li><a href="#">depth02</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="depth01_li"><a href="#" class="menu_link">알림마당</a>
|
|
<ul class="depth02">
|
|
<li><a href="#">depth02</a></li>
|
|
<li><a href="#">depth02</a></li>
|
|
<li><a href="#">depth02</a></li>
|
|
<li><a href="#">depth02</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="depth01_li"><a href="#none" class="menu_link" target="_blank" title="새창열림">이용안내</a>
|
|
<ul class="depth02">
|
|
<li><a href="#none" target="_blank" title="새창열림">개인정보처리방침 <i class="link"></i></a></li>
|
|
<li><a href="#none" target="_blank" title="새창열림">이메일무단수집거부 <i class="link"></i></a></li>
|
|
<li><a href="#none" target="_blank" title="새창열림">고객서비스헌장 <i class="link"></i></a></li>
|
|
<li><a href="#none" target="_blank" title="새창열림">저작권정책 <i class="link"></i></a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
<button class="btn_close" title="전체메뉴 닫기"></button>
|
|
</div>
|
|
</div>
|
|
<!--// full menu -->
|
|
|
|
<!-- moblie menu -->
|
|
<div id="m_menu" class="">
|
|
<ul class="depth01">
|
|
<li class="depth01_li"><button class="menu_tit" title="소메뉴 열기">찾아가는 저작권교육 <span>청소년</span></button>
|
|
<ul class="depth02">
|
|
<li><a href="#none">depth02</a></li>
|
|
<li><a href="#none">depth02</a></li>
|
|
<li><a href="#none">depth02</a></li>
|
|
<li><a href="#none">depth02</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="depth01_li"><button class="menu_tit" title="소메뉴 열기">찾아가는 저작권교육 <span>성인</span></button>
|
|
<ul class="depth02">
|
|
<li><a href="#none">depth02</a></li>
|
|
<li><a href="#none">depth02</a></li>
|
|
<li><a href="#none">depth02</a></li>
|
|
<li><a href="#none">depth02</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="depth01_li"><button class="menu_tit" title="소메뉴 열기">교육과정 안내</button>
|
|
<ul class="depth02">
|
|
<li><a href="#none">depth02</a></li>
|
|
<li><a href="#none">depth02</a></li>
|
|
<li><a href="#none">depth02</a></li>
|
|
<li><a href="#none">depth02</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="depth01_li"><button class="menu_tit" title="소메뉴 열기">알림마당</button>
|
|
<ul class="depth02">
|
|
<li><a href="#none">depth02</a></li>
|
|
<li><a href="#none">depth02</a></li>
|
|
<li><a href="#none">depth02</a></li>
|
|
<li><a href="#none">depth02</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="depth01_li"><button class="menu_tit" title="소메뉴 열기">마이페이지</button>
|
|
<ul class="depth02">
|
|
<li><a href="#">개인정보관리</a></li>
|
|
<li><a href="#">신청현황</a></li>
|
|
<li><a href="#">대리인정보관리</a></li>
|
|
<li><a href="#">신청문의</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
<div class="btn_close_wrap"><button class="btn_close" title="모바일메뉴 닫기"></button></div>
|
|
</div>
|
|
<!--// moblie menu -->
|
|
|
|
<!-- content -->
|
|
<div class="container">
|
|
<div class="path">
|
|
<div class="pathedfr">
|
|
<ul>
|
|
<li class="home"><i></i>HOME</li>
|
|
<li> > </li>
|
|
<li>성인 대상</li>
|
|
<li> > </li>
|
|
<li>교육신청 상세</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="inner">
|
|
<div class="snb">
|
|
<h2>찾아가는 저작권 교육<span>청소년</span></h2>
|
|
<div class="ssleftxt">
|
|
<ul>
|
|
<li><a href="#none">교육신청 방법</a></li>
|
|
<li><a href="#none">교육일정 안내</a></li>
|
|
<li class="menu_on"><a href="#none">교육신청</a></li>
|
|
<li><a href="#none">교육신청 조회</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="cont_wrap">
|
|
<div class="cont_tit">
|
|
<h2>교육신청 상세</h2>
|
|
<div class="sns_go">
|
|
<button type="button" title="새창열림"><img src="/offedu/visitEdu/usr/publish/images/content/facebook_icon.png" alt="페이스북 바로가기"></button>
|
|
<button type="button" title="새창열림"><img src="/offedu/visitEdu/usr/publish/images/content/twitter_icon.png" alt="트위터 바로가기"></button>
|
|
</div>
|
|
</div>
|
|
<div class="tit_box">
|
|
<i class="tit_box_icon1"></i>
|
|
<div>
|
|
<p>찾아가는 저작권 교육</p>
|
|
<span>‘찾아가는 저작권 교육’은 저작권 교육이 필요한 <span>전국 초ㆍ중ㆍ고등학교, 청소년ㆍ아동복지ㆍ노인ㆍ장애인 기관 및 단체 등</span>에 직접 방문하여 무료로 강의를 지원하는 맞춤형 교육 서비스입니다.</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="tb_tit01">
|
|
<div class="tb_tit01_left">
|
|
<p>교육신청 내용</p>
|
|
</div>
|
|
</div>
|
|
<div class="tb_type01 tb_write">
|
|
<table>
|
|
<caption>교육신청 내용 (th 명)을 보여주는 표</caption>
|
|
<colgroup>
|
|
<col style="width: 220px;">
|
|
<col style="width: auto;">
|
|
<col style="width: 220px;">
|
|
<col style="width: auto;">
|
|
</colgroup>
|
|
<tbody>
|
|
<tr>
|
|
<th scope="row">
|
|
<p>교육선택</p>
|
|
</th>
|
|
<td colspan="3">오프라인(경기도)</td>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row">
|
|
<p>기관(단체)명</p>
|
|
</th>
|
|
<td colspan="3">아이코닉스</td>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row">
|
|
<p>기관구분</p>
|
|
</th>
|
|
<td colspan="3">초등</td>>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row">
|
|
<p>주소(교육장소)</p>
|
|
</th>
|
|
<td colspan="3">경기도 성남시 분당구 대왕판교로712번길 22, 저작권센터 10층</td>
|
|
</tr>
|
|
<tr class="trLength4">
|
|
<th scope="row">
|
|
<p>담당자</p>
|
|
</th>
|
|
<td>홍신청</td>
|
|
<th scope="row">
|
|
<p>직함</p>
|
|
</th>
|
|
<td>연구원</td>
|
|
</tr>
|
|
<tr class="trLength2">
|
|
<th scope="row">
|
|
<p>담당자</p>
|
|
</th>
|
|
<td colspan="3">홍신청</td>
|
|
</tr>
|
|
<tr class="trLength2">
|
|
<th scope="row">
|
|
<p>직함</p>
|
|
</th>
|
|
<td colspan="3">연구원</td>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row">
|
|
<p>휴대폰</p>
|
|
</th>
|
|
<td colspan="3">010-1111-2222</td>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row">
|
|
<p>전화</p>
|
|
</th>
|
|
<td colspan="3">02-971-1234</td>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row">
|
|
<p>이메일</p>
|
|
</th>
|
|
<td colspan="3">hsc@abc.com</td>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row">
|
|
<p>희망주제</p>
|
|
</th>
|
|
<td colspan="3">영상제작 관련 음악 저작권</td>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row">
|
|
<p>사전질의 및 요청사항</p>
|
|
</th>
|
|
<td colspan="3">사전질의 내용 및 요청사항 내용</td>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row">
|
|
<p>신청상태</p>
|
|
</th>
|
|
<td colspan="3"><span class="app_status4">작성중</span></td>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row">
|
|
<p>반려사유</p>
|
|
</th>
|
|
<td colspan="3">해당 교육 신청이 형식에 맞지 않습니다.</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<div class="tb_tit01">
|
|
<div class="tb_tit01_left">
|
|
<p>교육차시 정보</p>
|
|
</div>
|
|
</div>
|
|
<div class="tb_type02">
|
|
<table>
|
|
<caption>교육차시 정보 교육희망일, 시간, 구분, 대상, 배정강사, 인원 을/를 제공하는 표</caption>
|
|
<colgroup>
|
|
<col style="width: 18%;">
|
|
<col style="width: auto;">
|
|
<col style="width: 15%;">
|
|
<col style="width: 15%;">
|
|
<col style="width: 10%;">
|
|
</colgroup>
|
|
<thead>
|
|
<tr>
|
|
<th scope="col">교육희망일</th>
|
|
<th scope="col">시간</th>
|
|
<th scope="col">대상</th>
|
|
<th scope="col">배정강사</th>
|
|
<th scope="col">인원</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<th>2021-07-26</th>
|
|
<td>09:00 ~ 10:00 (<input type="text" readonly="readonly" placeholder="60" class="input_time">분)</td>
|
|
<td>소속 임직원</td>
|
|
<td></td>
|
|
<td>20</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<div class="tb_tit01">
|
|
<div class="tb_tit01_left">
|
|
<p>강사정보</p>
|
|
</div>
|
|
</div>
|
|
<div class="tb_type01 tb_write">
|
|
<table>
|
|
<caption>강사정보 (th 명)을 보여주는 표</caption>
|
|
<colgroup>
|
|
<col style="width: 220px;">
|
|
<col style="width: auto;">
|
|
<col style="width: 220px;">
|
|
<col style="width: auto;">
|
|
</colgroup>
|
|
<tbody>
|
|
<tr class="trLength4">
|
|
<th scope="row">
|
|
<p>강사명</p>
|
|
</th>
|
|
<td>오프라인(경기도)</td>
|
|
<th scope="row">
|
|
<p>직함</p>
|
|
</th>
|
|
<td>연구원</td>
|
|
</tr>
|
|
<tr class="trLength2">
|
|
<th scope="row">
|
|
<p>강사명</p>
|
|
</th>
|
|
<td colspan="3">오프라인(경기도)</td>
|
|
</tr>
|
|
<tr class="trLength2">
|
|
<th scope="row">
|
|
<p>직함</p>
|
|
</th>
|
|
<td colspan="3">연구원</td>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row">
|
|
<p>소속</p>
|
|
</th>
|
|
<td colspan="3">법무법인 강사</td>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row">
|
|
<p>연락처</p>
|
|
</th>
|
|
<td colspan="3">010-2222-3333</td>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row">
|
|
<p>경력</p>
|
|
</th>
|
|
<td colspan="3">예문<br>
|
|
- 한국저작권위원회 성인강사 위촉<br>
|
|
- 국내 초·중·고등학교 및 기관 약 600회 이상 저작권 강의</td>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row">
|
|
<p>교육 이수 이력</p>
|
|
</th>
|
|
<td colspan="3">예문<br>
|
|
- 위원회 교육 이수</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<div class="btn_wrap btn_layout01">
|
|
<div class="btn_left">
|
|
<button type="button" class="btnType01">강사정보 출력</button>
|
|
</div>
|
|
<div class="btn_center">
|
|
<button type="button" class="btnType04">교육신청</button>
|
|
<button type="button" class="btnType06">수정</button>
|
|
</div>
|
|
<div class="btn_right">
|
|
<button type="button" class="btnType03">신청취소</button>
|
|
<button type="button" class="btnType02 m_btn_block">목록</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--// content -->
|
|
|
|
<!-- footer -->
|
|
<footer>
|
|
<div class="inner">
|
|
<div class="site">
|
|
<ul>
|
|
<li><a href="/">개인정보처리방침</a></li>
|
|
<li><a href="/">이메일무단수집거부</a></li>
|
|
<li><a href="/">고객서비스헌장</a></li>
|
|
<li><a href="/">저작권정책</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="area_top">
|
|
<h1 class="logo"><a href="#none"><img src="/offedu/visitEdu/usr/publish/images/common/ci.png" alt="한국저작권위원회 저작권 교육 시스템"></a></h1>
|
|
<address>
|
|
<p>진주 [52852] 경상남도 진주시 충의로 19, 1/2/5층 ☎ 대표번호 055.792.0000</p>
|
|
<p>서울 [04323] 서울특별시 용산구 후암로 107, 5/16층 ☎ 대표번호 02.2669.0010</p>
|
|
</address>
|
|
<div class="site_go">
|
|
<label for="site_select" class="label">관련사이트 선택</label>
|
|
<select name="" id="site_select">
|
|
<option value="">관련사이트</option>
|
|
<option value="">관련사이트</option>
|
|
<option value="">관련사이트</option>
|
|
<option value="">관련사이트</option>
|
|
</select>
|
|
<button class="btn_go" title="사이트 이동 새창열림">이동</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
<!--// footer -->
|
|
</body> |