This commit is contained in:
myname 2023-09-14 10:29:11 +09:00
commit 4a8ac94fd5
5 changed files with 314 additions and 80 deletions

View File

@ -168,19 +168,26 @@ function usrJoin(){
</form> </form>
<div class="gnb_wrap"> <div class="gnb_wrap">
<div class="inner"> <div class="inner">
<button class="site" onclick="window.open('https://www.copyright.or.kr/main.do')" title="새창열림"> <div class="area_left">
<button class="site" onclick="window.open('https://www.copyright.or.kr/main.do')" title="새창열림">
<img src="${pageContext.request.contextPath}/visitEdu/usr/publish/images/common/kcc_ci.png" alt="한국저작권위원회">
<span>GO</span>
</button>
<p><img src="${pageContext.request.contextPath}/visitEdu/usr/publish/images/common/edu_mark_1.png" alt="" /> 교육기부 우수기관</p>
</div>
<%-- <button class="site" onclick="window.open('https://www.copyright.or.kr/main.do')" title="새창열림">
<img src="${pageContext.request.contextPath}/visitEdu/usr/publish/images/common/kcc_ci.png" alt="한국저작권위원회"> <img src="${pageContext.request.contextPath}/visitEdu/usr/publish/images/common/kcc_ci.png" alt="한국저작권위원회">
<span>GO</span> <span>GO</span>
</button> </button> --%>
<button class="site" onclick="window.location.href='http://223.255.205.7/user/main/main.do'" title="새창열림"> <%-- <button class="site" onclick="window.location.href='http://223.255.205.7/user/main/main.do'" title="새창열림">
<img src="${pageContext.request.contextPath}/visitEdu/usr/publish/images/common/kcc_ci.png" alt="한국저작권위원회"> <img src="${pageContext.request.contextPath}/visitEdu/usr/publish/images/common/kcc_ci.png" alt="한국저작권위원회">
<span>e-배움터GO(비로그인)</span> <span>e-배움터GO(비로그인)</span>
</button> </button>
<button class="site" onclick="javascript:goEEdu();" title="새창열림"> <button class="site" onclick="javascript:goEEdu();" title="새창열림">
<img src="${pageContext.request.contextPath}/visitEdu/usr/publish/images/common/kcc_ci.png" alt="한국저작권위원회"> <img src="${pageContext.request.contextPath}/visitEdu/usr/publish/images/common/kcc_ci.png" alt="한국저작권위원회">
<span>e-배움터GO(로그인)</span> <span>e-배움터GO(로그인)</span>
</button> </button> --%>
<div class="area_right"> <div class="area_right">
<!-- local --> <!-- local -->

View File

@ -37,6 +37,7 @@ header.on::before{opacity: 1;}
.gnb_wrap .area_right .login_info::before,.gnb_wrap .area_right .login_after::before{position: absolute; content: " ";width: 1px; height: 13px; background-color: #dbdbdb; top: 50%; right: 13px; transform: translateY(-50%);} .gnb_wrap .area_right .login_info::before,.gnb_wrap .area_right .login_after::before{position: absolute; content: " ";width: 1px; height: 13px; background-color: #dbdbdb; top: 50%; right: 13px; transform: translateY(-50%);}
.gnb_wrap .area_right .login_after::before {right:7px;} .gnb_wrap .area_right .login_after::before {right:7px;}
.gnb_wrap .area_right .login_info:last-of-type:before{display: none;} .gnb_wrap .area_right .login_info:last-of-type:before{display: none;}
.gnb_wrap .area_left p{display: inline-block; height: 40px; border-right: 1px solid #e5e5e5; font-size: 15px; color: #444; padding: 0 15px; vertical-align: middle; line-height: 36px;}
.gnb_wrap .btn_util {margin:0 0 0 10px;} .gnb_wrap .btn_util {margin:0 0 0 10px;}
.gnb_wrap .btn_util button{width: 40px; height: 40px; vertical-align: middle; background-repeat: no-repeat; background-position: center; border-left: 1px solid #e2e4e6; } .gnb_wrap .btn_util button{width: 40px; height: 40px; vertical-align: middle; background-repeat: no-repeat; background-position: center; border-left: 1px solid #e2e4e6; }
.gnb_wrap .btn_util button:hover{box-shadow: 0 0 5px rgba(0,0,0,.15);} .gnb_wrap .btn_util button:hover{box-shadow: 0 0 5px rgba(0,0,0,.15);}
@ -205,7 +206,7 @@ footer .wa_mark .wa {width: 110px;}
header .gnb_wrap {overflow:visible;height:0;border:0;} header .gnb_wrap {overflow:visible;height:0;border:0;}
header .gnb_wrap .site, header .gnb_wrap .site,
header .gnb_wrap .btn_util {display:none;} header .gnb_wrap .btn_util {display:none;}
header .gnb_wrap .area_right {display:none;} header .gnb_wrap .area_right, .gnb_wrap .area_left p {display:none;}
header .header {padding:0 8px 0 10px;} header .header {padding:0 8px 0 10px;}
header .header .header_inner {height:70px;} header .header .header_inner {height:70px;}
header .header .header_inner h1 a {display:flex;height:70px;align-items:center;} header .header .header_inner h1 a {display:flex;height:70px;align-items:center;}

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

View File

@ -6,23 +6,109 @@
<title>공지사항 > 알림마당 > 한국저작권위원회 저작권 교육 시스템</title> <title>공지사항 > 알림마당 > 한국저작권위원회 저작권 교육 시스템</title>
<!-- css --> <!-- css -->
<link rel="stylesheet" href="/visitEdu/usr/publish/css/reset.css"> <link rel="stylesheet" href="/offeduadvc/visitEdu/usr/publish/css/reset.css">
<link rel="stylesheet" href="/visitEdu/usr/publish/css/font.css"> <link rel="stylesheet" href="/offeduadvc/visitEdu/usr/publish/css/font.css">
<link rel="stylesheet" href="/visitEdu/usr/publish/css/common.css"> <link rel="stylesheet" href="/offeduadvc/visitEdu/usr/publish/css/common.css">
<link rel="stylesheet" href="/visitEdu/usr/publish/css/content.css"> <link rel="stylesheet" href="/offeduadvc/visitEdu/usr/publish/css/content.css">
<link rel="stylesheet" href="/visitEdu/usr/publish/css/popup.css"> <link rel="stylesheet" href="/offeduadvc/visitEdu/usr/publish/css/popup.css">
<link rel="stylesheet" href="/visitEdu/usr/publish/datepicker/classic.css">
<link rel="stylesheet" href="/visitEdu/usr/publish/datepicker/classic.date.css">
<!-- script --> <!-- script -->
<script src="/visitEdu/usr/publish/script/jquery-3.5.0.js"></script> <script src="/offeduadvc/visitEdu/usr/publish/script/jquery-3.5.0.js"></script>
<script src="/visitEdu/usr/publish/script/common.js"></script> <script src="/offeduadvc/visitEdu/usr/publish/script/common.js"></script>
<script src="/visitEdu/usr/publish/script/content.js"></script> <script src="/offeduadvc/visitEdu/usr/publish/script/content.js"></script>
<script src="/visitEdu/usr/publish/script/popup.js"></script> <script src="/offeduadvc/visitEdu/usr/publish/script/popup.js"></script>
<script src="/visitEdu/usr/publish/datepicker/picker.js"></script>
<script src="/visitEdu/usr/publish/datepicker/picker.date.js"></script> <script>
<script src="/visitEdu/usr/publish/datepicker/legacy.js"></script> $(function(){
<script src="/visitEdu/usr/publish/datepicker/ko_KR.js"></script> setTimeout(function(){
gnbOpen();
},100);
/* snb 열림·닫힘 */
$(".navi_title").click(function () {
if ($(this).next().is(":visible") == true) {
$(this).attr("title", "하위메뉴 열기");
$(this).removeClass('active').next().slideUp(300);
$(this).parent().siblings().find(".navi_depth").slideUp(300);
} else {
$(this).attr("title", "하위메뉴 닫기");
$(this).addClass('active').next().slideDown(300);
$(this).parent().siblings().find(".navi_depth").slideUp(300);
$('.m_select_wrap').removeClass('active');
return false;
}
});
$("html").click(function () {
if ($(".navi_depth").is(":visible") == true) {
$(".navi_title").attr("title", "하위메뉴 열기");
$(".navi_depth").slideUp(400);
}
});
// 웹접근성 snb에서 키보드로 이동 시
$(".navi_depth li:last-child a").keydown(function (e) {
if (e.keyCode == "9") {
if (e.shiftKey) {
// shift+tab 했을 때
} else {
$(this).parent().parent().prev().removeClass('active').attr("title", "하위메뉴 열기");
$(".navi_depth").slideUp(300);
}
}
});
// 웹접근성 snb에서 키보드로 이동 시
$(".navi_title").keydown(function (e) {
if (e.keyCode == "9") {
if (e.shiftKey) {
// shift+tab 했을 때
$(this).removeClass('active').attr("title", "하위메뉴 열기");
$(".navi_depth").slideUp(300);
}
}
});
/* //snb 열림·닫힘 */
$(function(){
$('.header .sitemap .depth01 > a').on('click',function(){
if(!$(this).closest('.depth01').hasClass('active')){
$(this).closest('.list').find('.depth01').removeClass('active');
$(this).closest('.depth01').addClass('active');
}
});
});
});
function gnbOpen() {
var target=$('#header');
var depth=target.find('.gnb .depth01');
var h=target.find('.gnb').outerHeight()-60;
h+=178;
function gnbActive(){
target.addClass('active').css('height',h+'px');
}
function gnbLeave(){
target.removeClass('active').attr('style','');
}
if(wW>1200){
depth.on('mouseover focusin',function(){
gnbActive();
depth.removeClass('active');
$(this).addClass('active');
});
target.on('mouseleave',function(){
gnbLeave();
depth.removeClass('active');
});
target.find('.gnb .depth01:last-child ul li:last-child, .gnb .depth01:first-child').on('focusout',function(){
gnbLeave();
depth.removeClass('active');
});
}
}
</script>
</head> </head>
<body> <body>
@ -34,16 +120,16 @@
<header class=""> <header class="">
<div class="gnb_wrap"> <div class="gnb_wrap">
<div class="inner"> <div class="inner">
<button class="site" alt="새창열림"> <button class="site" onclick="window.open('https://www.copyright.or.kr/main.do')" title="새창열림">
<img src="/visitEdu/usr/publish/images/common/kcc_ci.png" alt="한국저작권위원회"> <img src="/offeduadvc/visitEdu/usr/publish/images/common/kcc_ci.png" alt="한국저작권위원회">
<p>GO</p> <span>GO</span>
</button> </button>
<div class="area_right"> <div class="area_right">
<a href="#" class="header_login"><i></i>로그인</a> <p class="login_info header_login_wrap"><a href="/offeduadvc/web/user/login/ssoLogin.do" class="header_login"><i></i>로그인</a></p>
<a href="#" class="header_join"><i></i>회원가입</a> <p class="login_info"><a href="#" onclick="usrJoin();" class="header_join" target="blank" title="새창열림"><i></i>회원가입</a></p>
<div class="btn_util"> <div class="btn_util">
<button class="btn_minus" title="글자 축소"></button> <button class="btn_minus" onclick="zoomOut();" title="글자 확대"></button>
<button class="btn_plus" title="글자 확대"></button> <button class="btn_plus" onclick="zoomIn();" title="글자 축소"></button>
</div> </div>
</div> </div>
</div> </div>
@ -53,7 +139,7 @@
<!-- header --> <!-- header -->
<div class="header"> <div class="header">
<div class="header_inner"> <div class="header_inner">
<h1 class="logo"><a href="#none"><img src="/visitEdu/usr/publish/images/common/ci.png" alt="한국저작권위원회 저작권 교육 시스템"></a></h1> <h1 class="logo"><a href="#none"><img src="/offeduadvc/visitEdu/usr/publish/images/common/ci.png" alt="한국저작권위원회 저작권 교육 시스템"></a></h1>
<div class="nav_wrap"> <div class="nav_wrap">
<nav id="menu"> <nav id="menu">
<ul class="depth01 dep_li_04"> <ul class="depth01 dep_li_04">
@ -104,7 +190,7 @@
<!-- full menu --> <!-- full menu -->
<div class="full_menu"> <div class="full_menu">
<div class="inner"> <div class="inner">
<h1 class="logo"><img src="/visitEdu/usr/publish/images/common/ci.png" alt="한국저작권위원회 저작권 교육 시스템"></h1> <h1 class="logo"><img src="/offeduadvc/visitEdu/usr/publish/images/common/ci.png" alt="한국저작권위원회 저작권 교육 시스템"></h1>
<ul class="depth01"> <ul class="depth01">
<li class="depth01_li"><a href="#" class="menu_link">찾아가는 저작권교육<span>청소년</span></a> <li class="depth01_li"><a href="#" class="menu_link">찾아가는 저작권교육<span>청소년</span></a>
<ul class="depth02"> <ul class="depth02">
@ -202,7 +288,7 @@
<!-- content --> <!-- content -->
<div class="container"> <div class="container">
<div class="path"> <!-- <div class="path">
<div class="pathedfr"> <div class="pathedfr">
<ul> <ul>
<li class="home"><i></i>HOME</li> <li class="home"><i></i>HOME</li>
@ -212,9 +298,33 @@
<li>공지사항</li> <li>공지사항</li>
</ul> </ul>
</div> </div>
</div> </div> -->
<div class="navigation">
<div class="inner">
<ul class="list">
<li class="home"><a href="/user/main/main.do">메인화면</a></li>
<li>
<button type="button" class="navi_title" id="p_menu_nm_navi" title="하위메뉴 열기">알림마당</button>
<ul class="navi_depth" id="navi_depth_1">
<li><a href="#">찾아가는 저작권교육 청소년</a></li>
<li><a href="#">찾아가는 저작권교육 성인</a></li>
<li><a href="#">교육콘텐츠 신청</a></li>
<li><a href="#">알림마당</a></li>
</ul>
</li>
<li>
<button type="button" class="navi_title" id="menu_nm_navi" title="하위메뉴 열기">배움터소개</button>
<ul class="navi_depth" id="navi_depth_2">
<li><a href="#">공지사항</a></li>
<li><a href="#">교육자료실</a></li>
<li><a href="#">FAQ</a></li>
</ul>
</li>
</ul>
</div>
</div>
<div class="inner"> <div class="inner">
<div class="snb"> <!-- <div class="snb">
<h2>찾아가는 저작권 교육<span>청소년</span></h2> <h2>찾아가는 저작권 교육<span>청소년</span></h2>
<div class="ssleftxt"> <div class="ssleftxt">
<ul> <ul>
@ -224,13 +334,13 @@
<li><a href="#none">교육신청 조회</a></li> <li><a href="#none">교육신청 조회</a></li>
</ul> </ul>
</div> </div>
</div> </div> -->
<div class="cont_wrap"> <div class="cont_wrap">
<div class="cont_tit"> <div class="cont_tit">
<h2>공지사항</h2> <h2>공지사항</h2>
<div class="sns_go"> <div class="sns_go">
<button type="button" title="새창열림"><img src="/visitEdu/usr/publish/images/content/facebook_icon.png" alt="페이스북 바로가기"></button> <button type="button" title="새창열림"><img src="/offeduadvc/visitEdu/usr/publish/images/content/facebook_icon.png" alt="페이스북 바로가기"></button>
<button type="button" title="새창열림"><img src="/visitEdu/usr/publish/images/content/twitter_icon.png" alt="트위터 바로가기"></button> <button type="button" title="새창열림"><img src="/offeduadvc/visitEdu/usr/publish/images/content/twitter_icon.png" alt="트위터 바로가기"></button>
</div> </div>
</div> </div>
@ -296,7 +406,7 @@
<td><p>박인혜</p></td> <td><p>박인혜</p></td>
<td><p>2021-07-26</p></td> <td><p>2021-07-26</p></td>
<td><p>1532</p></td> <td><p>1532</p></td>
<td><img src="/visitEdu/usr/publish/images/content/file_img.png" alt="첨부파일 있음"></td> <td><img src="/offeduadvc/visitEdu/usr/publish/images/content/file_img.png" alt="첨부파일 있음"></td>
</tr> </tr>
<tr> <tr>
<th scope="row"><p>9</p></th> <th scope="row"><p>9</p></th>
@ -304,7 +414,7 @@
<td><p>박인혜</p></td> <td><p>박인혜</p></td>
<td><p>2021-07-26</p></td> <td><p>2021-07-26</p></td>
<td><p>1532</p></td> <td><p>1532</p></td>
<td><img src="/visitEdu/usr/publish/images/content/file_img.png" alt="첨부파일 있음"></td> <td><img src="/offeduadvc/visitEdu/usr/publish/images/content/file_img.png" alt="첨부파일 있음"></td>
</tr> </tr>
<tr> <tr>
<th scope="row"><p>8</p></th> <th scope="row"><p>8</p></th>
@ -312,7 +422,7 @@
<td><p>박인혜</p></td> <td><p>박인혜</p></td>
<td><p>2021-07-26</p></td> <td><p>2021-07-26</p></td>
<td><p>1532</p></td> <td><p>1532</p></td>
<td><img src="/visitEdu/usr/publish/images/content/file_img.png" alt="첨부파일 있음"></td> <td><img src="/offeduadvc/visitEdu/usr/publish/images/content/file_img.png" alt="첨부파일 있음"></td>
</tr> </tr>
<tr> <tr>
<th scope="row"><p>7</p></th> <th scope="row"><p>7</p></th>
@ -320,7 +430,7 @@
<td><p>박인혜</p></td> <td><p>박인혜</p></td>
<td><p>2021-07-26</p></td> <td><p>2021-07-26</p></td>
<td><p>1532</p></td> <td><p>1532</p></td>
<td><img src="/visitEdu/usr/publish/images/content/file_img.png" alt="첨부파일 있음"></td> <td><img src="/offeduadvc/visitEdu/usr/publish/images/content/file_img.png" alt="첨부파일 있음"></td>
</tr> </tr>
<tr> <tr>
<th scope="row"><p>6</p></th> <th scope="row"><p>6</p></th>
@ -328,7 +438,7 @@
<td><p>박인혜</p></td> <td><p>박인혜</p></td>
<td><p>2021-07-26</p></td> <td><p>2021-07-26</p></td>
<td><p>1532</p></td> <td><p>1532</p></td>
<td><img src="/visitEdu/usr/publish/images/content/file_img.png" alt="첨부파일 있음"></td> <td><img src="/offeduadvc/visitEdu/usr/publish/images/content/file_img.png" alt="첨부파일 있음"></td>
</tr> </tr>
<tr> <tr>
<th scope="row"><p>5</p></th> <th scope="row"><p>5</p></th>
@ -352,7 +462,7 @@
<td><p>박인혜</p></td> <td><p>박인혜</p></td>
<td><p>2021-07-26</p></td> <td><p>2021-07-26</p></td>
<td><p>1532</p></td> <td><p>1532</p></td>
<td><img src="/visitEdu/usr/publish/images/content/file_img.png" alt="첨부파일 있음"></td> <td><img src="/offeduadvc/visitEdu/usr/publish/images/content/file_img.png" alt="첨부파일 있음"></td>
</tr> </tr>
<tr> <tr>
<th scope="row"><p>2</p></th> <th scope="row"><p>2</p></th>
@ -360,7 +470,7 @@
<td><p>박인혜</p></td> <td><p>박인혜</p></td>
<td><p>2021-07-26</p></td> <td><p>2021-07-26</p></td>
<td><p>1532</p></td> <td><p>1532</p></td>
<td><img src="/visitEdu/usr/publish/images/content/file_img.png" alt="첨부파일 있음"></td> <td><img src="/offeduadvc/visitEdu/usr/publish/images/content/file_img.png" alt="첨부파일 있음"></td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
@ -416,7 +526,7 @@
</li> </li>
<li> <li>
<span>첨부</span> <span>첨부</span>
<span><img src="/visitEdu/usr/publish/images/content/file_img.png" alt="첨부파일 있음"></span> <span><img src="/offeduadvc/visitEdu/usr/publish/images/content/file_img.png" alt="첨부파일 있음"></span>
</li> </li>
</ul> </ul>
<ul> <ul>
@ -442,7 +552,7 @@
</li> </li>
<li> <li>
<span>첨부</span> <span>첨부</span>
<span><img src="/visitEdu/usr/publish/images/content/file_img.png" alt="첨부파일 있음"></span> <span><img src="/offeduadvc/visitEdu/usr/publish/images/content/file_img.png" alt="첨부파일 있음"></span>
</li> </li>
</ul> </ul>
<ul> <ul>
@ -468,7 +578,7 @@
</li> </li>
<li> <li>
<span>첨부</span> <span>첨부</span>
<span><img src="/visitEdu/usr/publish/images/content/file_img.png" alt="첨부파일 있음"></span> <span><img src="/offeduadvc/visitEdu/usr/publish/images/content/file_img.png" alt="첨부파일 있음"></span>
</li> </li>
</ul> </ul>
<ul> <ul>
@ -494,7 +604,7 @@
</li> </li>
<li> <li>
<span>첨부</span> <span>첨부</span>
<span><img src="/visitEdu/usr/publish/images/content/file_img.png" alt="첨부파일 있음"></span> <span><img src="/offeduadvc/visitEdu/usr/publish/images/content/file_img.png" alt="첨부파일 있음"></span>
</li> </li>
</ul> </ul>
<ul> <ul>
@ -520,7 +630,7 @@
</li> </li>
<li> <li>
<span>첨부</span> <span>첨부</span>
<span><img src="/visitEdu/usr/publish/images/content/file_img.png" alt="첨부파일 있음"></span> <span><img src="/offeduadvc/visitEdu/usr/publish/images/content/file_img.png" alt="첨부파일 있음"></span>
</li> </li>
</ul> </ul>
<ul> <ul>
@ -546,7 +656,7 @@
</li> </li>
<li> <li>
<span>첨부</span> <span>첨부</span>
<span><img src="/visitEdu/usr/publish/images/content/file_img.png" alt="첨부파일 있음"></span> <span><img src="/offeduadvc/visitEdu/usr/publish/images/content/file_img.png" alt="첨부파일 있음"></span>
</li> </li>
</ul> </ul>
<ul> <ul>
@ -624,7 +734,7 @@
</li> </li>
<li> <li>
<span>첨부</span> <span>첨부</span>
<span><img src="/visitEdu/usr/publish/images/content/file_img.png" alt="첨부파일 있음"></span> <span><img src="/offeduadvc/visitEdu/usr/publish/images/content/file_img.png" alt="첨부파일 있음"></span>
</li> </li>
</ul> </ul>
<ul> <ul>
@ -650,7 +760,7 @@
</li> </li>
<li> <li>
<span>첨부</span> <span>첨부</span>
<span><img src="/visitEdu/usr/publish/images/content/file_img.png" alt="첨부파일 있음"></span> <span><img src="/offeduadvc/visitEdu/usr/publish/images/content/file_img.png" alt="첨부파일 있음"></span>
</li> </li>
</ul> </ul>
</div> </div>
@ -664,7 +774,7 @@
</div> </div>
</div> </div>
<div class="pagination"> <div class="page">
<button type="button" class="btn_page_first" title="첫 페이지 이동"><i></i></button> <button type="button" class="btn_page_first" title="첫 페이지 이동"><i></i></button>
<button type="button" class="btn_page_prev" title="이전 페이지 이동"><i></i></button> <button type="button" class="btn_page_prev" title="이전 페이지 이동"><i></i></button>
<button type="button" class="page_num on" title="1 페이지 이동">1</button> <button type="button" class="page_num on" title="1 페이지 이동">1</button>
@ -697,7 +807,7 @@
</ul> </ul>
</div> </div>
<div class="area_top"> <div class="area_top">
<h1 class="logo"><a href="#none"><img src="/visitEdu/usr/publish/images/common/ci.png" alt="한국저작권위원회 저작권 교육 시스템"></a></h1> <h1 class="logo"><a href="#none"><img src="/offeduadvc/visitEdu/usr/publish/images/common/ci.png" alt="한국저작권위원회 저작권 교육 시스템"></a></h1>
<address> <address>
<p>진주 [52852] 경상남도 진주시 충의로 19, 1/2/5층 ☎ 대표번호 055.792.0000</p> <p>진주 [52852] 경상남도 진주시 충의로 19, 1/2/5층 ☎ 대표번호 055.792.0000</p>
<p>서울 [04323] 서울특별시 용산구 후암로 107, 5/16층 ☎ 대표번호 02.2669.0010</p> <p>서울 [04323] 서울특별시 용산구 후암로 107, 5/16층 ☎ 대표번호 02.2669.0010</p>

View File

@ -6,17 +6,109 @@
<title>공지사항 > 알림마당 > 한국저작권위원회 저작권 교육 시스템</title> <title>공지사항 > 알림마당 > 한국저작권위원회 저작권 교육 시스템</title>
<!-- css --> <!-- css -->
<link rel="stylesheet" href="/visitEdu/usr/publish/css/reset.css"> <link rel="stylesheet" href="/offeduadvc/visitEdu/usr/publish/css/reset.css">
<link rel="stylesheet" href="/visitEdu/usr/publish/css/font.css"> <link rel="stylesheet" href="/offeduadvc/visitEdu/usr/publish/css/font.css">
<link rel="stylesheet" href="/visitEdu/usr/publish/css/common.css"> <link rel="stylesheet" href="/offeduadvc/visitEdu/usr/publish/css/common.css">
<link rel="stylesheet" href="/visitEdu/usr/publish/css/content.css"> <link rel="stylesheet" href="/offeduadvc/visitEdu/usr/publish/css/content.css">
<link rel="stylesheet" href="/visitEdu/usr/publish/css/popup.css"> <link rel="stylesheet" href="/offeduadvc/visitEdu/usr/publish/css/popup.css">
<!-- script --> <!-- script -->
<script src="/visitEdu/usr/publish/script/jquery-3.5.0.js"></script> <script src="/offeduadvc/visitEdu/usr/publish/script/jquery-3.5.0.js"></script>
<script src="/visitEdu/usr/publish/script/common.js"></script> <script src="/offeduadvc/visitEdu/usr/publish/script/common.js"></script>
<script src="/visitEdu/usr/publish/script/content.js"></script> <script src="/offeduadvc/visitEdu/usr/publish/script/content.js"></script>
<script src="/visitEdu/usr/publish/script/popup.js"></script> <script src="/offeduadvc/visitEdu/usr/publish/script/popup.js"></script>
<script>
$(function(){
setTimeout(function(){
gnbOpen();
},100);
/* snb 열림·닫힘 */
$(".navi_title").click(function () {
if ($(this).next().is(":visible") == true) {
$(this).attr("title", "하위메뉴 열기");
$(this).removeClass('active').next().slideUp(300);
$(this).parent().siblings().find(".navi_depth").slideUp(300);
} else {
$(this).attr("title", "하위메뉴 닫기");
$(this).addClass('active').next().slideDown(300);
$(this).parent().siblings().find(".navi_depth").slideUp(300);
$('.m_select_wrap').removeClass('active');
return false;
}
});
$("html").click(function () {
if ($(".navi_depth").is(":visible") == true) {
$(".navi_title").attr("title", "하위메뉴 열기");
$(".navi_depth").slideUp(400);
}
});
// 웹접근성 snb에서 키보드로 이동 시
$(".navi_depth li:last-child a").keydown(function (e) {
if (e.keyCode == "9") {
if (e.shiftKey) {
// shift+tab 했을 때
} else {
$(this).parent().parent().prev().removeClass('active').attr("title", "하위메뉴 열기");
$(".navi_depth").slideUp(300);
}
}
});
// 웹접근성 snb에서 키보드로 이동 시
$(".navi_title").keydown(function (e) {
if (e.keyCode == "9") {
if (e.shiftKey) {
// shift+tab 했을 때
$(this).removeClass('active').attr("title", "하위메뉴 열기");
$(".navi_depth").slideUp(300);
}
}
});
/* //snb 열림·닫힘 */
$(function(){
$('.header .sitemap .depth01 > a').on('click',function(){
if(!$(this).closest('.depth01').hasClass('active')){
$(this).closest('.list').find('.depth01').removeClass('active');
$(this).closest('.depth01').addClass('active');
}
});
});
});
function gnbOpen() {
var target=$('#header');
var depth=target.find('.gnb .depth01');
var h=target.find('.gnb').outerHeight()-60;
h+=178;
function gnbActive(){
target.addClass('active').css('height',h+'px');
}
function gnbLeave(){
target.removeClass('active').attr('style','');
}
if(wW>1200){
depth.on('mouseover focusin',function(){
gnbActive();
depth.removeClass('active');
$(this).addClass('active');
});
target.on('mouseleave',function(){
gnbLeave();
depth.removeClass('active');
});
target.find('.gnb .depth01:last-child ul li:last-child, .gnb .depth01:first-child').on('focusout',function(){
gnbLeave();
depth.removeClass('active');
});
}
}
</script>
</head> </head>
<body> <body>
@ -28,16 +120,16 @@
<header class=""> <header class="">
<div class="gnb_wrap"> <div class="gnb_wrap">
<div class="inner"> <div class="inner">
<button class="site" alt="새창열림"> <button class="site" onclick="window.open('https://www.copyright.or.kr/main.do')" title="새창열림">
<img src="/visitEdu/usr/publish/images/common/kcc_ci.png" alt="한국저작권위원회"> <img src="/offeduadvc/visitEdu/usr/publish/images/common/kcc_ci.png" alt="한국저작권위원회">
<p>GO</p> <span>GO</span>
</button> </button>
<div class="area_right"> <div class="area_right">
<a href="#" class="header_login"><i></i>로그인</a> <p class="login_info header_login_wrap"><a href="/offeduadvc/web/user/login/ssoLogin.do" class="header_login"><i></i>로그인</a></p>
<a href="#" class="header_join"><i></i>회원가입</a> <p class="login_info"><a href="#" onclick="usrJoin();" class="header_join" target="blank" title="새창열림"><i></i>회원가입</a></p>
<div class="btn_util"> <div class="btn_util">
<button class="btn_minus" title="글자 축소"></button> <button class="btn_minus" onclick="zoomOut();" title="글자 확대"></button>
<button class="btn_plus" title="글자 확대"></button> <button class="btn_plus" onclick="zoomIn();" title="글자 축소"></button>
</div> </div>
</div> </div>
</div> </div>
@ -47,7 +139,7 @@
<!-- header --> <!-- header -->
<div class="header"> <div class="header">
<div class="header_inner"> <div class="header_inner">
<h1 class="logo"><a href="#none"><img src="/visitEdu/usr/publish/images/common/ci.png" alt="한국저작권위원회 저작권 교육 시스템"></a></h1> <h1 class="logo"><a href="#none"><img src="/offeduadvc/visitEdu/usr/publish/images/common/ci.png" alt="한국저작권위원회 저작권 교육 시스템"></a></h1>
<div class="nav_wrap"> <div class="nav_wrap">
<nav id="menu"> <nav id="menu">
<ul class="depth01 dep_li_04"> <ul class="depth01 dep_li_04">
@ -98,7 +190,7 @@
<!-- full menu --> <!-- full menu -->
<div class="full_menu"> <div class="full_menu">
<div class="inner"> <div class="inner">
<h1 class="logo"><img src="/visitEdu/usr/publish/images/common/ci.png" alt="한국저작권위원회 저작권 교육 시스템"></h1> <h1 class="logo"><img src="/offeduadvc/visitEdu/usr/publish/images/common/ci.png" alt="한국저작권위원회 저작권 교육 시스템"></h1>
<ul class="depth01"> <ul class="depth01">
<li class="depth01_li"><a href="#" class="menu_link">찾아가는 저작권교육<span>청소년</span></a> <li class="depth01_li"><a href="#" class="menu_link">찾아가는 저작권교육<span>청소년</span></a>
<ul class="depth02"> <ul class="depth02">
@ -196,7 +288,7 @@
<!-- content --> <!-- content -->
<div class="container"> <div class="container">
<div class="path"> <!-- <div class="path">
<div class="pathedfr"> <div class="pathedfr">
<ul> <ul>
<li class="home"><i></i>HOME</li> <li class="home"><i></i>HOME</li>
@ -205,10 +297,34 @@
<li>청소년저작권강사 대시보드</li> <li>청소년저작권강사 대시보드</li>
</ul> </ul>
</div> </div>
</div> </div> -->
<div class="navigation">
<div class="inner">
<ul class="list">
<li class="home"><a href="/user/main/main.do">메인화면</a></li>
<li>
<button type="button" class="navi_title" id="p_menu_nm_navi" title="하위메뉴 열기">알림마당</button>
<ul class="navi_depth" id="navi_depth_1">
<li><a href="#">찾아가는 저작권교육 청소년</a></li>
<li><a href="#">찾아가는 저작권교육 성인</a></li>
<li><a href="#">교육콘텐츠 신청</a></li>
<li><a href="#">알림마당</a></li>
</ul>
</li>
<li>
<button type="button" class="navi_title" id="menu_nm_navi" title="하위메뉴 열기">배움터소개</button>
<ul class="navi_depth" id="navi_depth_2">
<li><a href="#">공지사항</a></li>
<li><a href="#">교육자료실</a></li>
<li><a href="#">FAQ</a></li>
</ul>
</li>
</ul>
</div>
</div>
<div class="inner"> <div class="inner">
<div class="snb"> <!-- <div class="snb">
<h2>찾아가는 저작권 교육<span>청소년</span></h2> <p>찾아가는 저작권 교육 <span>청소년</span></p>
<div class="ssleftxt"> <div class="ssleftxt">
<ul> <ul>
<li><a href="#none">교육신청 방법</a></li> <li><a href="#none">교육신청 방법</a></li>
@ -217,13 +333,13 @@
<li><a href="#none">교육신청 조회</a></li> <li><a href="#none">교육신청 조회</a></li>
</ul> </ul>
</div> </div>
</div> </div> -->
<div class="cont_wrap"> <div class="cont_wrap">
<div class="cont_tit"> <div class="cont_tit">
<h2>공지사항</h2> <h2>공지사항</h2>
<div class="sns_go"> <div class="sns_go">
<button type="button" title="새창열림"><img src="/visitEdu/usr/publish/images/content/facebook_icon.png" alt="페이스북 바로가기"></button> <button type="button" title="새창열림"><img src="/offeduadvc/visitEdu/usr/publish/images/content/facebook_icon.png" alt="페이스북 바로가기"></button>
<button type="button" title="새창열림"><img src="/visitEdu/usr/publish/images/content/twitter_icon.png" alt="트위터 바로가기"></button> <button type="button" title="새창열림"><img src="/offeduadvc/visitEdu/usr/publish/images/content/twitter_icon.png" alt="트위터 바로가기"></button>
</div> </div>
</div> </div>
@ -292,7 +408,7 @@
</ul> </ul>
</div> </div>
<div class="area_top"> <div class="area_top">
<h1 class="logo"><a href="#none"><img src="/visitEdu/usr/publish/images/common/ci.png" alt="한국저작권위원회 저작권 교육 시스템"></a></h1> <h1 class="logo"><a href="#none"><img src="/offeduadvc/visitEdu/usr/publish/images/common/ci.png" alt="한국저작권위원회 저작권 교육 시스템"></a></h1>
<address> <address>
<p>진주 [52852] 경상남도 진주시 충의로 19, 1/2/5층 ☎ 대표번호 055.792.0000</p> <p>진주 [52852] 경상남도 진주시 충의로 19, 1/2/5층 ☎ 대표번호 055.792.0000</p>
<p>서울 [04323] 서울특별시 용산구 후암로 107, 5/16층 ☎ 대표번호 02.2669.0010</p> <p>서울 [04323] 서울특별시 용산구 후암로 107, 5/16층 ☎ 대표번호 02.2669.0010</p>