2023/09/13 header 교육기부 우수기관 추가

src/main/webapp/WEB-INF/jsp/web/com/webCommonHeader.jsp

@@ -143,10 +143,13 @@ function usrJoin(){
 			</form>
 			<div class="gnb_wrap">
 				<div class="inner">
-					<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>
+					<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>
 					<div class="area_right">
 						<p class="login_info header_login_wrap"><a href="${pageContext.request.contextPath}/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>

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);}
@@ -113,7 +114,7 @@ header.on::before{opacity: 1;}
 .path .m_pathedfr {display:none;}
 
 /* snb */
-.snb {width:230px;}
+/* .snb {width:230px;} */
 .snb > p {color:#333333;font-size:27px; font-weight: 600;font-family: 'nanumsquare', 'Noto Sans KR', sans-serif;}
 .snb > h2 > span {color: #e95504; display: block; font-family: 'nanumsquare', 'Noto Sans KR', sans-serif; padding-top: 9px;}
 .snb .ssleftxt{width:100%;margin-top:25px;}
@@ -123,9 +124,23 @@ header.on::before{opacity: 1;}
 .snb .ssleftxt ul li a span{font-size: 18px; line-height: 18px;}
 .snb .ssleftxt ul li.menu_on{background-color: #ec5908 ; border: 1px solid #ec5908;}
 .snb .ssleftxt ul li.menu_on a {color:#fff; background-image: url(../images/common/arrow.png); background-repeat: no-repeat; background-position: 91% 50%;}
-
 /*// snb  */
 
+.navigation {height:50px;border-bottom:1px solid #d5d5d5;}
+.container .navigation .inner{margin: 0 auto;}
+.navigation .list {border-left:1px solid #d5d5d5;}
+.navigation .list:after {content:'';display:block;clear:both;}
+.navigation .list > li {position:relative;float:left;border-right:1px solid #d5d5d5;}
+.navigation .list > li:first-child {border-left:1px solid #d5d5d5;}
+.navigation .list > li.home {display:none;border-left:1px solid #d5d5d5;}
+.navigation .list > li.home a {display:block;width:49px;height:50px;font-size:0;text-indent:-9999em;background:url(/offeduadvc/visitEdu/usr/publish/images/content/select.png) no-repeat center center;}
+.navigation .list > li .navi_title {position:relative;width:230px;padding:0 20px;font-size:16px;line-height:50px;text-align:left;color:#555;box-sizing:border-box;}
+.navigation .list > li .navi_title:after {content:'';position:absolute;right:20px;top:1px;width:18px;height:48px;background:url(/offeduadvc/visitEdu/usr/publish/images/content/select.png) no-repeat center center;}
+.navigation .list > li .navi_depth {display:none;position:absolute;left:-1px;top:50px;width:100%;border:1px solid #d5d5d5;background:#fff;z-index:2;}
+.navigation .list > li .navi_depth li a {display:block;height:40px;padding:0 20px;font-size:16px;line-height:40px;}
+.navigation .list > li .navi_depth li a:hover,
+.navigation .list > li .navi_depth li a:focus {font-weight:500;color:#ff6009;background:#fff3ec;}
+
 /* footer */
 footer{width: 100%; background-color: #fff; position: relative; padding: 0 10px; box-sizing: border-box; color: #666; position: relative;}
 footer::before { content: ""; width: 100%; height: 50px; border-top: 1px solid #e2e3e7; border-bottom: 1px solid #e2e3e7; position: absolute; top: 0; left: 0;}
@@ -205,7 +220,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;}