286 lines
11 KiB
HTML
286 lines
11 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="/ipedu/visitEdu/usr/publish/css/reset.css">
|
|
<link rel="stylesheet" href="/ipedu/visitEdu/usr/publish/css/font.css">
|
|
<link rel="stylesheet" href="/ipedu/visitEdu/usr/publish/css/common.css">
|
|
<link rel="stylesheet" href="/ipedu/visitEdu/usr/publish/css/content.css">
|
|
<link rel="stylesheet" href="/ipedu/visitEdu/usr/publish/css/popup.css">
|
|
|
|
<!-- script -->
|
|
<script src="/ipedu/visitEdu/usr/publish/script/jquery-3.5.0.js"></script>
|
|
<script src="/ipedu/visitEdu/usr/publish/script/common.js"></script>
|
|
<script src="/ipedu/visitEdu/usr/publish/script/content.js"></script>
|
|
<script src="/ipedu/visitEdu/usr/publish/script/popup.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="/ipedu/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="/ipedu/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="/ipedu/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>
|
|
</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="/ipedu/visitEdu/usr/publish/images/content/facebook_icon.png" alt="페이스북 바로가기"></button>
|
|
<button type="button" title="새창열림"><img src="/ipedu/visitEdu/usr/publish/images/content/twitter_icon.png" alt="트위터 바로가기"></button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="login_wrap">
|
|
<p class="login_tit">
|
|
<span>로그인</span>
|
|
해주세요
|
|
</p>
|
|
<div class="login_form">
|
|
<label for="id_text" class="label">아이디 입력</label>
|
|
<input type="text" id="id_text" placeholder="아이디를 입력해주세요">
|
|
<label for="password_text" class="label">비밀번호 입력</label>
|
|
<input type="password" id="password_text" placeholder="비밀번호를 입력해주세요">
|
|
<div class="login_btn_wrap">
|
|
<button type="button" class="btn_login">로그인</button>
|
|
<button type="button"title="새창열림" class="btn_join">회원가입</button>
|
|
</div>
|
|
<div class="login_util">
|
|
<a href="#" target="_black" title="새창열림">아이디 찾기</a>
|
|
<a href="#" target="_black" title="새창열림">비밀번호 찾기</a>
|
|
</div>
|
|
</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="/ipedu/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> |