diff --git a/src/main/webapp/WEB-INF/jsp/web/com/webCommonHeader.jsp b/src/main/webapp/WEB-INF/jsp/web/com/webCommonHeader.jsp
index 0625953e..84978b91 100644
--- a/src/main/webapp/WEB-INF/jsp/web/com/webCommonHeader.jsp
+++ b/src/main/webapp/WEB-INF/jsp/web/com/webCommonHeader.jsp
@@ -168,19 +168,26 @@ function usrJoin(){
 			</form>
 			<div class="gnb_wrap">
 				<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="한국저작권위원회">
 						<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="한국저작권위원회">
 						<span>e-배움터GO(비로그인)</span>
 					</button>
 					<button class="site" onclick="javascript:goEEdu();" title="새창열림">
 						<img src="${pageContext.request.contextPath}/visitEdu/usr/publish/images/common/kcc_ci.png" alt="한국저작권위원회">
 						<span>e-배움터GO(로그인)</span>
-					</button>
+					</button> --%>
 					
 					<div class="area_right">
 						<!-- local -->
diff --git a/src/main/webapp/visitEdu/usr/publish/css/common.css b/src/main/webapp/visitEdu/usr/publish/css/common.css
index 3f78f140..0bf72923 100644
--- a/src/main/webapp/visitEdu/usr/publish/css/common.css
+++ b/src/main/webapp/visitEdu/usr/publish/css/common.css
@@ -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_after::before {right:7px;}
 .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 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);}
@@ -205,7 +206,7 @@ footer .wa_mark .wa {width: 110px;}
 	header .gnb_wrap {overflow:visible;height:0;border:0;}
 	header .gnb_wrap .site,
 	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 .header_inner {height:70px;}
 	header .header .header_inner h1 a {display:flex;height:70px;align-items:center;}
diff --git a/src/main/webapp/visitEdu/usr/publish/images/common/edu_mark_1.png b/src/main/webapp/visitEdu/usr/publish/images/common/edu_mark_1.png
new file mode 100644
index 00000000..c52bf2da
Binary files /dev/null and b/src/main/webapp/visitEdu/usr/publish/images/common/edu_mark_1.png differ
diff --git a/src/main/webapp/visitEdu/usr/publish/sub50.html b/src/main/webapp/visitEdu/usr/publish/sub50.html
index 8f5a056f..17a48945 100644
--- a/src/main/webapp/visitEdu/usr/publish/sub50.html
+++ b/src/main/webapp/visitEdu/usr/publish/sub50.html
@@ -6,23 +6,109 @@
 	<title>공지사항 > 알림마당 > 한국저작권위원회 저작권 교육 시스템</title>
 
 	<!-- css -->
-	<link rel="stylesheet" href="/visitEdu/usr/publish/css/reset.css">
-	<link rel="stylesheet" href="/visitEdu/usr/publish/css/font.css">
-	<link rel="stylesheet" href="/visitEdu/usr/publish/css/common.css">
-	<link rel="stylesheet" href="/visitEdu/usr/publish/css/content.css">
-	<link rel="stylesheet" href="/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">
+	<link rel="stylesheet" href="/offeduadvc/visitEdu/usr/publish/css/reset.css">
+	<link rel="stylesheet" href="/offeduadvc/visitEdu/usr/publish/css/font.css">
+	<link rel="stylesheet" href="/offeduadvc/visitEdu/usr/publish/css/common.css">
+	<link rel="stylesheet" href="/offeduadvc/visitEdu/usr/publish/css/content.css">
+	<link rel="stylesheet" href="/offeduadvc/visitEdu/usr/publish/css/popup.css">
 
 	<!-- script -->
-	<script src="/visitEdu/usr/publish/script/jquery-3.5.0.js"></script>
-	<script src="/visitEdu/usr/publish/script/common.js"></script>
-	<script src="/visitEdu/usr/publish/script/content.js"></script>
-	<script src="/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 src="/visitEdu/usr/publish/datepicker/legacy.js"></script>
-	<script src="/visitEdu/usr/publish/datepicker/ko_KR.js"></script>
+	<script src="/offeduadvc/visitEdu/usr/publish/script/jquery-3.5.0.js"></script>
+	<script src="/offeduadvc/visitEdu/usr/publish/script/common.js"></script>
+	<script src="/offeduadvc/visitEdu/usr/publish/script/content.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>
 
 <body>
@@ -34,17 +120,17 @@
 	<header class="">
 		<div class="gnb_wrap">
 			<div class="inner">
-				<button class="site" alt="새창열림">
-					<img src="/visitEdu/usr/publish/images/common/kcc_ci.png" alt="한국저작권위원회">
-					<p>GO</p>
+				<button class="site" onclick="window.open('https://www.copyright.or.kr/main.do')" title="새창열림">
+					<img src="/offeduadvc/visitEdu/usr/publish/images/common/kcc_ci.png" alt="한국저작권위원회">
+					<span>GO</span>
 				</button>
 				<div class="area_right">
-					<a href="#" class="header_login"><i></i>로그인</a>
-					<a href="#" class="header_join"><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>
+					<p class="login_info"><a href="#" onclick="usrJoin();" class="header_join" target="blank" title="새창열림"><i></i>회원가입</a></p>
 					<div class="btn_util">
-						<button class="btn_minus" title="글자 축소"></button>
-						<button class="btn_plus" title="글자 확대"></button>
-					</div>
+						<button class="btn_minus" onclick="zoomOut();" title="글자 확대"></button>
+						<button class="btn_plus" onclick="zoomIn();" title="글자 축소"></button>
+					</div>					
 				</div>
 			</div>
 		</div>
@@ -53,7 +139,7 @@
 		<!-- header -->
 		<div class="header">
 			<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">
 					<nav id="menu">
 						<ul class="depth01 dep_li_04">
@@ -104,7 +190,7 @@
 	<!-- full menu -->
 	<div class="full_menu">
 		<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">
 				<li class="depth01_li"><a href="#" class="menu_link">찾아가는 저작권교육<span>청소년</span></a>
 					<ul class="depth02">
@@ -202,7 +288,7 @@
 
 	<!-- content -->
 	<div class="container">
-		<div class="path">
+		<!-- <div class="path">
 			<div class="pathedfr">
 				<ul>
 					<li class="home"><i></i>HOME</li>
@@ -212,9 +298,33 @@
 					<li>공지사항</li>
 				</ul>
 			</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="snb">
+			<!-- <div class="snb">
 				<h2>찾아가는 저작권 교육<span>청소년</span></h2>
 				<div class="ssleftxt">
 					<ul>
@@ -224,13 +334,13 @@
 						<li><a href="#none">교육신청 조회</a></li>
 					</ul>
 				</div>
-			</div>
+			</div> -->
 			<div class="cont_wrap">
 				<div class="cont_tit">
 					<h2>공지사항</h2>
 					<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="/visitEdu/usr/publish/images/content/twitter_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="/offeduadvc/visitEdu/usr/publish/images/content/twitter_icon.png" alt="트위터 바로가기"></button>
 					</div>
 				</div>
 
@@ -296,7 +406,7 @@
 								<td><p>박인혜</p></td>
 								<td><p>2021-07-26</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>
 								<th scope="row"><p>9</p></th>
@@ -304,7 +414,7 @@
 								<td><p>박인혜</p></td>
 								<td><p>2021-07-26</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>
 								<th scope="row"><p>8</p></th>
@@ -312,7 +422,7 @@
 								<td><p>박인혜</p></td>
 								<td><p>2021-07-26</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>
 								<th scope="row"><p>7</p></th>
@@ -320,7 +430,7 @@
 								<td><p>박인혜</p></td>
 								<td><p>2021-07-26</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>
 								<th scope="row"><p>6</p></th>
@@ -328,7 +438,7 @@
 								<td><p>박인혜</p></td>
 								<td><p>2021-07-26</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>
 								<th scope="row"><p>5</p></th>
@@ -352,7 +462,7 @@
 								<td><p>박인혜</p></td>
 								<td><p>2021-07-26</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>
 								<th scope="row"><p>2</p></th>
@@ -360,7 +470,7 @@
 								<td><p>박인혜</p></td>
 								<td><p>2021-07-26</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>
 						</tbody>
 					</table>
@@ -416,7 +526,7 @@
 						</li>
 						<li>
 							<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>
 					</ul>
                     <ul>
@@ -442,7 +552,7 @@
 						</li>
 						<li>
 							<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>
 					</ul>
                     <ul>
@@ -468,7 +578,7 @@
 						</li>
 						<li>
 							<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>
 					</ul>
                     <ul>
@@ -494,7 +604,7 @@
 						</li>
 						<li>
 							<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>
 					</ul>
                     <ul>
@@ -520,7 +630,7 @@
 						</li>
 						<li>
 							<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>
 					</ul>
                     <ul>
@@ -546,7 +656,7 @@
 						</li>
 						<li>
 							<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>
 					</ul>
                     <ul>
@@ -624,7 +734,7 @@
 						</li>
 						<li>
 							<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>
 					</ul>
                     <ul>
@@ -650,7 +760,7 @@
 						</li>
 						<li>
 							<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>
 					</ul>
 				</div>
@@ -664,7 +774,7 @@
 					</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_prev" title="이전 페이지 이동"><i></i></button>
 					<button type="button" class="page_num on" title="1 페이지 이동">1</button>
@@ -697,7 +807,7 @@
 				</ul>
 			</div>
 			<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>
 					<p>진주 [52852] 경상남도 진주시 충의로 19, 1/2/5층 ☎ 대표번호 055.792.0000</p>
 					<p>서울 [04323] 서울특별시 용산구 후암로 107, 5/16층 ☎ 대표번호 02.2669.0010</p>
diff --git a/src/main/webapp/visitEdu/usr/publish/sub54.html b/src/main/webapp/visitEdu/usr/publish/sub54.html
index 63155eaf..e0b8ba6e 100644
--- a/src/main/webapp/visitEdu/usr/publish/sub54.html
+++ b/src/main/webapp/visitEdu/usr/publish/sub54.html
@@ -6,17 +6,109 @@
 	<title>공지사항 > 알림마당 > 한국저작권위원회 저작권 교육 시스템</title>
 
 	<!-- css -->
-	<link rel="stylesheet" href="/visitEdu/usr/publish/css/reset.css">
-	<link rel="stylesheet" href="/visitEdu/usr/publish/css/font.css">
-	<link rel="stylesheet" href="/visitEdu/usr/publish/css/common.css">
-	<link rel="stylesheet" href="/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/reset.css">
+	<link rel="stylesheet" href="/offeduadvc/visitEdu/usr/publish/css/font.css">
+	<link rel="stylesheet" href="/offeduadvc/visitEdu/usr/publish/css/common.css">
+	<link rel="stylesheet" href="/offeduadvc/visitEdu/usr/publish/css/content.css">
+	<link rel="stylesheet" href="/offeduadvc/visitEdu/usr/publish/css/popup.css">
 
 	<!-- script -->
-	<script src="/visitEdu/usr/publish/script/jquery-3.5.0.js"></script>
-	<script src="/visitEdu/usr/publish/script/common.js"></script>
-	<script src="/visitEdu/usr/publish/script/content.js"></script>
-	<script src="/visitEdu/usr/publish/script/popup.js"></script>
+	<script src="/offeduadvc/visitEdu/usr/publish/script/jquery-3.5.0.js"></script>
+	<script src="/offeduadvc/visitEdu/usr/publish/script/common.js"></script>
+	<script src="/offeduadvc/visitEdu/usr/publish/script/content.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>
 
 <body>
@@ -28,17 +120,17 @@
 	<header class="">
 		<div class="gnb_wrap">
 			<div class="inner">
-				<button class="site" alt="새창열림">
-					<img src="/visitEdu/usr/publish/images/common/kcc_ci.png" alt="한국저작권위원회">
-					<p>GO</p>
+				<button class="site" onclick="window.open('https://www.copyright.or.kr/main.do')" title="새창열림">
+					<img src="/offeduadvc/visitEdu/usr/publish/images/common/kcc_ci.png" alt="한국저작권위원회">
+					<span>GO</span>
 				</button>
 				<div class="area_right">
-					<a href="#" class="header_login"><i></i>로그인</a>
-					<a href="#" class="header_join"><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>
+					<p class="login_info"><a href="#" onclick="usrJoin();" class="header_join" target="blank" title="새창열림"><i></i>회원가입</a></p>
 					<div class="btn_util">
-						<button class="btn_minus" title="글자 축소"></button>
-						<button class="btn_plus" title="글자 확대"></button>
-					</div>
+						<button class="btn_minus" onclick="zoomOut();" title="글자 확대"></button>
+						<button class="btn_plus" onclick="zoomIn();" title="글자 축소"></button>
+					</div>					
 				</div>
 			</div>
 		</div>
@@ -47,7 +139,7 @@
 		<!-- header -->
 		<div class="header">
 			<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">
 					<nav id="menu">
 						<ul class="depth01 dep_li_04">
@@ -98,7 +190,7 @@
 	<!-- full menu -->
 	<div class="full_menu">
 		<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">
 				<li class="depth01_li"><a href="#" class="menu_link">찾아가는 저작권교육<span>청소년</span></a>
 					<ul class="depth02">
@@ -196,7 +288,7 @@
 
 	<!-- content -->
 	<div class="container">
-		<div class="path">
+		<!-- <div class="path">
 			<div class="pathedfr">
 				<ul>
 					<li class="home"><i></i>HOME</li>
@@ -205,10 +297,34 @@
 					<li>청소년저작권강사 대시보드</li>
 				</ul>
 			</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="snb">
-				<h2>찾아가는 저작권 교육<span>청소년</span></h2>
+			<!-- <div class="snb">
+				<p>찾아가는 저작권 교육 <span>청소년</span></p>
 				<div class="ssleftxt">
 					<ul>
 						<li><a href="#none">교육신청 방법</a></li>
@@ -217,13 +333,13 @@
 						<li><a href="#none">교육신청 조회</a></li>
 					</ul>
 				</div>
-			</div>
+			</div> -->
 			<div class="cont_wrap">
 				<div class="cont_tit">
 					<h2>공지사항</h2>
 					<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="/visitEdu/usr/publish/images/content/twitter_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="/offeduadvc/visitEdu/usr/publish/images/content/twitter_icon.png" alt="트위터 바로가기"></button>
 					</div>
 				</div>
 
@@ -292,7 +408,7 @@
 				</ul>
 			</div>
 			<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>
 					<p>진주 [52852] 경상남도 진주시 충의로 19, 1/2/5층 ☎ 대표번호 055.792.0000</p>
 					<p>서울 [04323] 서울특별시 용산구 후암로 107, 5/16층 ☎ 대표번호 02.2669.0010</p>