Merge branch 'master' of http://yongjoon.cho@vcs.iten.co.kr:9999/itnAdmin/koipa_edu_2025-1
This commit is contained in:
myname
commit
4248676b4c
@ -1,6 +1,6 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
|
||||
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
|
||||
<script type="text/javaScript" language="javascript" defer="defer">
|
||||
<!-- <script type="text/javaScript" language="javascript" defer="defer">
|
||||
|
||||
function footerSiteLinkPageGo (){
|
||||
/* var site = $('#footerSite').val();
|
||||
@ -38,98 +38,30 @@ function footerSiteLinkPageGo (){
|
||||
window.open(url);
|
||||
}
|
||||
}
|
||||
</script>
|
||||
</script> -->
|
||||
|
||||
<!-- 찾교 footer -->
|
||||
</div>
|
||||
</div>
|
||||
<footer>
|
||||
<div class="inner">
|
||||
<div class="site">
|
||||
<ul>
|
||||
<li><a href="https://www.copyright.or.kr/customer-center/user-guide/privacy-policy/index.do" target="_blank" title="새창열림">개인정보처리방침</a></li>
|
||||
<li><a href="https://www.copyright.or.kr/customer-center/user-guide/email-rejection/index.do" target="_blank" title="새창열림">이메일무단수집거부</a></li>
|
||||
<li><a href="https://www.copyright.or.kr/customer-center/user-guide/customer-service-charter/index.do" target="_blank" title="새창열림">고객서비스헌장</a></li>
|
||||
<li><a href="https://www.copyright.or.kr/customer-center/user-guide/policy/index.do" target="_blank" title="새창열림">저작권정책</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="area_top">
|
||||
<h1 class="logo"><a href="/offedu" title="메인으로 이동"><img src="${pageContext.request.contextPath}/visitEdu/usr/publish/images/common/ci.png" alt="한국지식재산보호원 저작권배움터"></a></h1>
|
||||
<address>
|
||||
<p>진주 [52852] 경상남도 진주시 소호로 117, 1/2/5층 ☎ 055-792-0000</p>
|
||||
<p style=" margin-bottom: 8px">☎ 찾교(청소년) 055.792.0224 / 찾교(성인) 055.792.0233 / 체험교실 055.792.0234 / 교육조건부기소유예제 055.792.0223</p>
|
||||
<p style=" margin-bottom: 8px"> 실무역량강화 02.2669.0082 </p>
|
||||
<p>서울 [04323] 서울특별시 용산구 후암로 107, 5/16층 ☎ 대표번호 02.2669.0010</p>
|
||||
</address>
|
||||
|
||||
<a class="wa_mark" href="${pageContext.request.contextPath}/certificate/offedu-certificate_2024.pdf" target="_blank">
|
||||
<img class="wa" alt="(사)한국장애인단체총연합회 한국웹접근성인증평가원 웹 접근성 우수사이트 인증마크(WA인증마크)" src="${pageContext.request.contextPath}/visitEdu/usr/publish/images/common/wa_mark.png" />
|
||||
</a>
|
||||
|
||||
<div class="site_go">
|
||||
<label for="site_select" class="label">관련사이트 선택</label>
|
||||
<select name="site_select" id="site_select">
|
||||
<option value="" selected>관련사이트</option>
|
||||
<option value="http://www.copyright.or.kr">대표홈페이지</option>
|
||||
<option value="https://www.kdce.or.kr/user/main.do">디지털 저작권거래소</option>
|
||||
<option value="https://www.findcopyright.or.kr/main/main.do">권리자 찾기</option>
|
||||
<!-- <option value="SITE006">권리자 찾기</option> -->
|
||||
<option value="http://www.uci.or.kr">UCI(국가디지털콘텐츠식별체계)</option>
|
||||
<option value="https://gongu.copyright.or.kr">공유마당</option>
|
||||
<option value="https://www.olis.or.kr/olis/olisMain.do">OLIS(오픈소스SW라이선스)</option>
|
||||
<!-- <option value="SITE007">OLIS(오픈소스SW라이선스)</option> -->
|
||||
<option value="http://edu-copyright.or.kr">원격교육연수원</option>
|
||||
<option value="http://edulife.copyright.or.kr">원격평생교육원</option>
|
||||
<option value="http://www.cros.or.kr">저작권 등록</option>
|
||||
<option value="http://www.swes.or.kr">온라인 임치</option>
|
||||
<option value="https://cras.copyright.or.kr/front/right/comm/main_.do">저작권 인증</option>
|
||||
<!-- <option value="SITE009">저작권 인증</option> -->
|
||||
<option value="http://library.copyright.or.kr/">저작권도서관</option>
|
||||
</select>
|
||||
<button class="btn_go" title="사이트 이동 새창열림" onclick="footerSiteLinkPageGo();">이동</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- <div class="inner">
|
||||
<div class="area_top">
|
||||
<ul class="site">
|
||||
<li><a href="https://www.copyright.or.kr/customer-center/user-guide/privacy-policy/index.do" target="_blank" title="새창열림">개인정보처리방침</a></li>
|
||||
<li><a href="https://www.copyright.or.kr/customer-center/user-guide/email-rejection/index.do" target="_blank" title="새창열림">이메일무단수집거부</a></li>
|
||||
<li><a href="https://www.copyright.or.kr/customer-center/user-guide/customer-service-charter/index.do" target="_blank" title="새창열림">고객서비스헌장</a></li>
|
||||
<li><a href="https://www.copyright.or.kr/customer-center/user-guide/policy/index.do" target="_blank" title="새창열림">저작권정책</a></li>
|
||||
</ul>
|
||||
<div class="site_go">
|
||||
<label for="footerSite">위원회 운영사이트 선택</label>
|
||||
<select name="footerSite" id="footerSite">
|
||||
<option value="" selected>위원회 운영 사이트</option>
|
||||
<option value="http://www.copyright.or.kr">대표홈페이지</option>
|
||||
<option value="https://www.kdce.or.kr/user/main.do">디지털 저작권거래소</option>
|
||||
<option value="https://www.findcopyright.or.kr/main/main.do">권리자 찾기</option>
|
||||
<option value="SITE006">권리자 찾기</option>
|
||||
<option value="http://www.uci.or.kr">UCI(국가디지털콘텐츠식별체계)</option>
|
||||
<option value="https://gongu.copyright.or.kr">공유마당</option>
|
||||
<option value="https://www.olis.or.kr/olis/olisMain.do">OLIS(오픈소스SW라이선스)</option>
|
||||
<option value="SITE007">OLIS(오픈소스SW라이선스)</option>
|
||||
<option value="http://edu-copyright.or.kr">원격교육연수원</option>
|
||||
<option value="http://edulife.copyright.or.kr">원격평생교육원</option>
|
||||
<option value="http://www.cros.or.kr">저작권 등록</option>
|
||||
<option value="http://www.swes.or.kr">온라인 임치</option>
|
||||
<option value="https://cras.copyright.or.kr/front/right/comm/main_.do">저작권 인증</option>
|
||||
<option value="SITE009">저작권 인증</option>
|
||||
<option value="http://library.copyright.or.kr/">저작권도서관</option>
|
||||
|
||||
</select>
|
||||
<button class="btn_go" title="새창열림 사이트 이동" onclick="footerSiteLinkPageGo();">GO</button>
|
||||
</div>
|
||||
</div>
|
||||
<h1 class="logo"><a href="/" title="메인으로 이동"><img src="/kccadrPb/usr/image/common/footer_logo.png"
|
||||
alt="저작권 찾교시스템 Copyright Electronic Coordination System"></a></h1>
|
||||
<address>
|
||||
<p>진주 [52852] 경상남도 진주시 소호로 117, 1/2/5층 ☎ 대표번호 055.792.0000</p>
|
||||
<p>서울 [04323] 서울특별시 용산구 후암로 107, 5/16층 ☎ 대표번호 02.2669.0010</p>
|
||||
</address>
|
||||
</div> -->
|
||||
</footer>
|
||||
<!-- //footer -->
|
||||
<footer>
|
||||
|
||||
<div class="area_top">
|
||||
<div class="inner">
|
||||
<ul>
|
||||
<li><a href="#">개인정보처리방침</a></li>
|
||||
<li><a href="#">개인정보 침해신고센터</a></li>
|
||||
<li><a href="#">이메일무단수집거부</a></li>
|
||||
<li><a href="#">찾아오시는 길</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="area_bottom">
|
||||
<div class="inner">
|
||||
<a href="./index.html" class="pc"><img src="/ipedu/visitEdu/usr/publish/images/common/footer_logo.png" alt=""></a>
|
||||
<a href="./index.html" class="mobile"><img src="/ipedu/visitEdu/usr/publish/images/common/footer_logo_mobile.png" alt=""></a>
|
||||
<address>
|
||||
<p>(06133) 서울특별시 강남구 테헤란로131 (역삼동, 한국지식재산센터 6층)</p>
|
||||
<p><span>TEL.</span> 02-2183-5800 <span>FAX.</span> 02-2183-5899</p>
|
||||
<p>COPYRIGHTS 2021 ⓒ KOIPA, All Rights Reserved</p>
|
||||
</address>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
|
||||
@ -0,0 +1,135 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
|
||||
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
|
||||
<script type="text/javaScript" language="javascript" defer="defer">
|
||||
|
||||
function footerSiteLinkPageGo (){
|
||||
/* var site = $('#footerSite').val();
|
||||
if(site == ""){
|
||||
alert("사이트를 선택해 주세요")
|
||||
}else{
|
||||
window.open(site);
|
||||
} */
|
||||
var url = $("#site_select").val();
|
||||
|
||||
if (url == ""){
|
||||
alert("사이트를 선택해 주세요");
|
||||
}
|
||||
else if (url == "SITE005" ) {
|
||||
// 디지털 저작권 거래소
|
||||
$('#usrModifyForm').attr("action","https://www.kdce.or.kr/user/main.do");
|
||||
$('#usrModifyForm').submit();
|
||||
} else if (url == "SITE006" ) {
|
||||
// 권리자 찾기
|
||||
$('#usrModifyForm').attr("action","https://www.findcopyright.or.kr/ssoMain.do");
|
||||
$('#usrModifyForm').submit();
|
||||
} else if (url == "SITE007" ) {
|
||||
// OLIS 오픈소스SW 라이선스
|
||||
$('#usrModifyForm').attr("action","https://www.olis.or.kr/membership/ssoOlisLogin.do");
|
||||
$('#usrModifyForm').submit();
|
||||
} else if (url == "SITE008" ) {
|
||||
// 공유마당
|
||||
$('#usrModifyForm').attr("action","https://gongu.copyright.or.kr/gongu/member/user/ssoLogin.do");
|
||||
$('#usrModifyForm').submit();
|
||||
} else if (url == "SITE009" ) {
|
||||
// 저작권 인증
|
||||
$('#usrModifyForm').attr("action","https://cras.copyright.or.kr/front/right/comm/ssoLoginMain.do");
|
||||
$('#usrModifyForm').submit();
|
||||
} else {
|
||||
window.open(url);
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<!-- 찾교 footer -->
|
||||
</div>
|
||||
</div>
|
||||
<footer>
|
||||
<div class="inner">
|
||||
<div class="site">
|
||||
<ul>
|
||||
<li><a href="https://www.copyright.or.kr/customer-center/user-guide/privacy-policy/index.do" target="_blank" title="새창열림">개인정보처리방침</a></li>
|
||||
<li><a href="https://www.copyright.or.kr/customer-center/user-guide/email-rejection/index.do" target="_blank" title="새창열림">이메일무단수집거부</a></li>
|
||||
<li><a href="https://www.copyright.or.kr/customer-center/user-guide/customer-service-charter/index.do" target="_blank" title="새창열림">고객서비스헌장</a></li>
|
||||
<li><a href="https://www.copyright.or.kr/customer-center/user-guide/policy/index.do" target="_blank" title="새창열림">저작권정책</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="area_top">
|
||||
<h1 class="logo"><a href="/offedu" title="메인으로 이동"><img src="${pageContext.request.contextPath}/visitEdu/usr/publish/images/common/ci.png" alt="한국지식재산보호원 저작권배움터"></a></h1>
|
||||
<address>
|
||||
<p>진주 [52852] 경상남도 진주시 소호로 117, 1/2/5층 ☎ 055-792-0000</p>
|
||||
<p style=" margin-bottom: 8px">☎ 찾교(청소년) 055.792.0224 / 찾교(성인) 055.792.0233 / 체험교실 055.792.0234 / 교육조건부기소유예제 055.792.0223</p>
|
||||
<p style=" margin-bottom: 8px"> 실무역량강화 02.2669.0082 </p>
|
||||
<p>서울 [04323] 서울특별시 용산구 후암로 107, 5/16층 ☎ 대표번호 02.2669.0010</p>
|
||||
</address>
|
||||
|
||||
<a class="wa_mark" href="${pageContext.request.contextPath}/certificate/offedu-certificate_2024.pdf" target="_blank">
|
||||
<img class="wa" alt="(사)한국장애인단체총연합회 한국웹접근성인증평가원 웹 접근성 우수사이트 인증마크(WA인증마크)" src="${pageContext.request.contextPath}/visitEdu/usr/publish/images/common/wa_mark.png" />
|
||||
</a>
|
||||
|
||||
<div class="site_go">
|
||||
<label for="site_select" class="label">관련사이트 선택</label>
|
||||
<select name="site_select" id="site_select">
|
||||
<option value="" selected>관련사이트</option>
|
||||
<option value="http://www.copyright.or.kr">대표홈페이지</option>
|
||||
<option value="https://www.kdce.or.kr/user/main.do">디지털 저작권거래소</option>
|
||||
<option value="https://www.findcopyright.or.kr/main/main.do">권리자 찾기</option>
|
||||
<!-- <option value="SITE006">권리자 찾기</option> -->
|
||||
<option value="http://www.uci.or.kr">UCI(국가디지털콘텐츠식별체계)</option>
|
||||
<option value="https://gongu.copyright.or.kr">공유마당</option>
|
||||
<option value="https://www.olis.or.kr/olis/olisMain.do">OLIS(오픈소스SW라이선스)</option>
|
||||
<!-- <option value="SITE007">OLIS(오픈소스SW라이선스)</option> -->
|
||||
<option value="http://edu-copyright.or.kr">원격교육연수원</option>
|
||||
<option value="http://edulife.copyright.or.kr">원격평생교육원</option>
|
||||
<option value="http://www.cros.or.kr">저작권 등록</option>
|
||||
<option value="http://www.swes.or.kr">온라인 임치</option>
|
||||
<option value="https://cras.copyright.or.kr/front/right/comm/main_.do">저작권 인증</option>
|
||||
<!-- <option value="SITE009">저작권 인증</option> -->
|
||||
<option value="http://library.copyright.or.kr/">저작권도서관</option>
|
||||
</select>
|
||||
<button class="btn_go" title="사이트 이동 새창열림" onclick="footerSiteLinkPageGo();">이동</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- <div class="inner">
|
||||
<div class="area_top">
|
||||
<ul class="site">
|
||||
<li><a href="https://www.copyright.or.kr/customer-center/user-guide/privacy-policy/index.do" target="_blank" title="새창열림">개인정보처리방침</a></li>
|
||||
<li><a href="https://www.copyright.or.kr/customer-center/user-guide/email-rejection/index.do" target="_blank" title="새창열림">이메일무단수집거부</a></li>
|
||||
<li><a href="https://www.copyright.or.kr/customer-center/user-guide/customer-service-charter/index.do" target="_blank" title="새창열림">고객서비스헌장</a></li>
|
||||
<li><a href="https://www.copyright.or.kr/customer-center/user-guide/policy/index.do" target="_blank" title="새창열림">저작권정책</a></li>
|
||||
</ul>
|
||||
<div class="site_go">
|
||||
<label for="footerSite">위원회 운영사이트 선택</label>
|
||||
<select name="footerSite" id="footerSite">
|
||||
<option value="" selected>위원회 운영 사이트</option>
|
||||
<option value="http://www.copyright.or.kr">대표홈페이지</option>
|
||||
<option value="https://www.kdce.or.kr/user/main.do">디지털 저작권거래소</option>
|
||||
<option value="https://www.findcopyright.or.kr/main/main.do">권리자 찾기</option>
|
||||
<option value="SITE006">권리자 찾기</option>
|
||||
<option value="http://www.uci.or.kr">UCI(국가디지털콘텐츠식별체계)</option>
|
||||
<option value="https://gongu.copyright.or.kr">공유마당</option>
|
||||
<option value="https://www.olis.or.kr/olis/olisMain.do">OLIS(오픈소스SW라이선스)</option>
|
||||
<option value="SITE007">OLIS(오픈소스SW라이선스)</option>
|
||||
<option value="http://edu-copyright.or.kr">원격교육연수원</option>
|
||||
<option value="http://edulife.copyright.or.kr">원격평생교육원</option>
|
||||
<option value="http://www.cros.or.kr">저작권 등록</option>
|
||||
<option value="http://www.swes.or.kr">온라인 임치</option>
|
||||
<option value="https://cras.copyright.or.kr/front/right/comm/main_.do">저작권 인증</option>
|
||||
<option value="SITE009">저작권 인증</option>
|
||||
<option value="http://library.copyright.or.kr/">저작권도서관</option>
|
||||
|
||||
</select>
|
||||
<button class="btn_go" title="새창열림 사이트 이동" onclick="footerSiteLinkPageGo();">GO</button>
|
||||
</div>
|
||||
</div>
|
||||
<h1 class="logo"><a href="/" title="메인으로 이동"><img src="/kccadrPb/usr/image/common/footer_logo.png"
|
||||
alt="저작권 찾교시스템 Copyright Electronic Coordination System"></a></h1>
|
||||
<address>
|
||||
<p>진주 [52852] 경상남도 진주시 소호로 117, 1/2/5층 ☎ 대표번호 055.792.0000</p>
|
||||
<p>서울 [04323] 서울특별시 용산구 후암로 107, 5/16층 ☎ 대표번호 02.2669.0010</p>
|
||||
</address>
|
||||
</div> -->
|
||||
</footer>
|
||||
<!-- //footer -->
|
||||
</body>
|
||||
@ -7,22 +7,6 @@
|
||||
<c:set var="URI" value="${pageContext.request.requestURI}" />
|
||||
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
<%-- 웹접근성 각 페이지 타이틀 변경 220125--%>
|
||||
$(document).ready(function (){
|
||||
/* 240126 - common.js에서도 title 선언이 되어 중복 제거를 위한 주석처리 */
|
||||
/* var titleNm = '';
|
||||
if($('body').find('h2').length > 0){
|
||||
titleNm = document.querySelector('h2').textContent;
|
||||
if(document.title.indexOf(titleNm) < 0){
|
||||
document.title = titleNm + "<" + document.title;
|
||||
}
|
||||
} */
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
<!-- 헤드 선언 - weblayout.jsp 헤드 종료 - webCommonHeader.jsp -->
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function (){
|
||||
@ -225,282 +209,136 @@ function usrJoin(){
|
||||
|
||||
<body>
|
||||
<!-- 찾교 헤더HTML 시작 -->
|
||||
<div class="mask"></div>
|
||||
<div class="skip_menu">
|
||||
<a href="#main" class="contGo" title="본문 바로가기">본문 바로가기</a>
|
||||
</div>
|
||||
<!-- header -->
|
||||
<header>
|
||||
<c:choose>
|
||||
<c:when test="${empty LoginVO or empty ssoLoginVO}">
|
||||
<form id="usrJoinForm" name="usrJoinForm" method="post" action="">
|
||||
<input type="hidden" id="returnSiteCode" name="returnSiteCode" value=""/>
|
||||
<input type="hidden" id="returnSiteUrl" name="returnSiteUrl" value=""/>
|
||||
</form>
|
||||
<div class="gnb_wrap">
|
||||
<div class="inner">
|
||||
<div class="top_link">
|
||||
<ul>
|
||||
<!-- 240119 요청으로 인하여 운영서버는 링크 제외 -->
|
||||
<li><a href="#goLink" onclick="goLink('portal');return false;" onkeypress="this.onclick;" title="새창열림" target="_blank">포털사이트</a></li>
|
||||
<li><a href="#goLink" onclick="goLink('user');return false;" onkeypress="this.onclick;" title="새창열림" target="_blank">저작권e배움터</a></li>
|
||||
<li><a href="#goLink" onclick="goLink('dsprUser');return false;" onkeypress="this.onclick;" title="새창열림" target="_blank">장애인e배움터</a></li>
|
||||
<li class="on"><a href="#goLink" onclick="goLink('offedu');return false;" onkeypress="this.onclick;" title="새창열림" target="_blank">저작권배움터</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- <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 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> --%>
|
||||
|
||||
<div class="area_right">
|
||||
<!-- <p class="login_info"><span class="t_none">알림</span><a href="#" class="header_alarm"><span class="a_count">28</span></a></p> -->
|
||||
<!-- local -->
|
||||
<c:if test="${environment eq 'local' }">
|
||||
<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" title="새창열림"><i></i>회원가입</a></p>
|
||||
</c:if>
|
||||
<!-- dev -->
|
||||
<c:if test="${environment eq 'dev' }">
|
||||
<!-- 231031.개발서버 selectbox 로그인용 임시 -->
|
||||
<!-- 개발로그인 버튼 삭제 처리 -->
|
||||
<p class="login_info header_login_wrap"><a href="${pageContext.request.contextPath}/web/user/login/ssoDevLogin.do" class="header_login"><i></i>개발로그인</a></p>
|
||||
<p class="login_info header_login_wrap"><a href="http://223.255.205.7/user/member/loginForm.do?eduOff=Y" class="header_login"><i></i>로그인</a></p> <!-- e-배움터 개발서버 -->
|
||||
<p class="login_info"><a href="http://223.255.205.7/user/usrservice/selectUserSeView.do?eduOff=Y" class="header_join"><i></i>회원가입</a></p> <!-- e-배움터 개발서버 -->
|
||||
</c:if>
|
||||
<!-- svr -->
|
||||
<c:if test="${environment eq 'real' }">
|
||||
<p class="login_info header_login_wrap"><a href="https://edu-copyright.or.kr/user/member/loginForm.do?eduOff=Y" class="header_login"><i></i>로그인</a></p> <!-- e-배움터 운영서버 -->
|
||||
<p class="login_info"><a href="https://edu-copyright.or.kr/user/usrservice/selectUserSeView.do?eduOff=Y" class="header_join"><i></i>회원가입</a></p> <!-- e-배움터 운영서버 -->
|
||||
</c:if>
|
||||
|
||||
<div class="btn_util">
|
||||
<button class="btn_minus" onClick="zoomOut();" title="글자 확대"></button>
|
||||
<button class="btn_plus" onClick="zoomIn();" title="글자 축소"></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</c:when>
|
||||
<c:when test="${!empty LoginVO and !empty ssoLoginVO}">
|
||||
<form id="usrModifyForm" name="usrModifyForm" method="post" action="">
|
||||
<input type="hidden" id="accessToken" name="accessToken" value=""/>
|
||||
<input type="hidden" id="refreshToken" name="refreshToken" value=""/>
|
||||
<input type="hidden" id="returnSiteCode" name="returnSiteCode" value=""/>
|
||||
<input type="hidden" id="returnSiteUrl" name="returnSiteUrl" value=""/>
|
||||
</form>
|
||||
<div class="gnb_wrap">
|
||||
<div class="inner">
|
||||
<div class="top_link">
|
||||
<ul>
|
||||
<!-- 240119 요청으로 인하여 운영서버는 링크 제외 -->
|
||||
<li><a href="#goLink" onclick="goLink('portal');return false;" onkeypress="this.onclick;" title="새창열림" target="_blank">포털사이트</a></li>
|
||||
<li><a href="#goLink" onclick="goLink('user');return false;" onkeypress="this.onclick;" title="새창열림" target="_blank">저작권e배움터</a></li>
|
||||
<li><a href="#goLink" onclick="goLink('dsprUser');return false;" onkeypress="this.onclick;" title="새창열림" target="_blank">장애인e배움터</a></li>
|
||||
<li class="on"><a href="#goLink" onclick="goLink('offedu');return false;" onkeypress="this.onclick;" title="새창열림" target="_blank">저작권배움터</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!--<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>-->
|
||||
<!-- 회원 SEQ 변경되는 문제로 인해 주석 -->
|
||||
<%-- <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> --%>
|
||||
|
||||
<div class="area_right">
|
||||
<p class="login_info"><span class="t_none">알림</span><a href="<c:url value="/web/my/myNotifyMngList.do" />" class="header_alarm"><c:if test="${notifyCnt > 0}"><span class="a_count">${notifyCnt }</span></c:if></a></p>
|
||||
<p class="login_after"><c:out value="${LoginVO.id}"/><span>님</span></p>
|
||||
|
||||
<c:if test="${fn:indexOf(instrDiv,'InstrDiv') eq -1 }">
|
||||
<!-- 강사인 경우는 마이페이지 링크를 숨긴다. -->
|
||||
<p class="login_after"><a href="<c:url value="/web/my/myPageDashBoard.do" />">마이페이지</a></p>
|
||||
</c:if>
|
||||
|
||||
|
||||
<!-- e배움터 로그인 연동으로 인하여 개발, 운영 구분 -->
|
||||
<c:if test="${environment eq 'real' }">
|
||||
<p class="login_info"><a href="https://edu-copyright.or.kr/user/usrservice/selectMyPageView.do?menuId=280">회원정보 수정</a></p>
|
||||
</c:if>
|
||||
<c:if test="${environment ne 'real' }">
|
||||
<p class="login_info"><a href="http://223.255.205.7/user/usrservice/selectMyPageView.do?menuId=280">회원정보 수정</a></p>
|
||||
</c:if>
|
||||
|
||||
<p class="login_info"><a href="#" onclick="location.href='${pageContext.request.contextPath}/web/uat/uia/actionLogout.do'">로그아웃</a></p>
|
||||
<div class="btn_util">
|
||||
<button class="btn_minus" onClick="zoomOut();" title="글자 확대"></button>
|
||||
<button class="btn_plus" onClick="zoomIn();" title="글자 축소"></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</c:when>
|
||||
</c:choose>
|
||||
<div class="header">
|
||||
<div class="header_top">
|
||||
<div class="header_inner">
|
||||
<div class="area_left">
|
||||
<h1 class="logo"><a href="${pageContext.request.contextPath}/web/main/mainPage.do" title="메인으로 이동"><img src="${pageContext.request.contextPath}/visitEdu/usr/publish/images/common/ci.png" alt="한국지식재산보호원 저작권배움터"></a></h1>
|
||||
<div class="edumark"><img src="${pageContext.request.contextPath}/visitEdu/usr/publish/images/common/edu_mark_1.png" alt="교육기부 우수기관 마크">교육기부 우수기관</div>
|
||||
</div>
|
||||
<div class="area_right">
|
||||
<!-- 로그인 관련 모바일 화면 -->
|
||||
<c:choose>
|
||||
<c:when test="${empty LoginVO or empty ssoLoginVO}">
|
||||
<c:if test="${environment eq 'local' }">
|
||||
<p class="btn_mobile btn_alarm"><span class="t_none">알림</span><a href="<c:url value="/web/my/myNotifyMngList.do" />"><c:if test="${notifyCnt > 0}"><span class="m_a_count">${notifyCnt }</span></c:if></a></p>
|
||||
<button type="button" class="btn_mobile btn_login" onclick="location.href='${pageContext.request.contextPath}/web/user/login/ssoLogin.do'" title="로그인"></button>
|
||||
<button type="button" class="btn_mobile btn_join" onclick="javascript:usrJoin();" title="회원가입"></button>
|
||||
</c:if>
|
||||
<c:if test="${environment eq 'dev' }">
|
||||
<p class="btn_mobile btn_alarm"><span class="t_none">알림</span><a href="<c:url value="/web/my/myNotifyMngList.do" />"><c:if test="${notifyCnt > 0}"><span class="m_a_count">${notifyCnt }</span></c:if></a></p>
|
||||
<button type="button" class="btn_mobile btn_login" onclick="location.href='http://223.255.205.7/user/member/loginForm.do?eduOff=Y'" title="로그인"></button>
|
||||
<button type="button" class="btn_mobile btn_join" onclick="location.href='http://223.255.205.7/user/usrservice/selectUserSeView.do?eduOff=Y'" title="회원가입"></button>
|
||||
</c:if>
|
||||
<c:if test="${environment eq 'real' }">
|
||||
<p class="btn_mobile btn_alarm"><span class="t_none">알림</span><a href="<c:url value="/web/my/myNotifyMngList.do" />"><c:if test="${notifyCnt > 0}"><span class="m_a_count">${notifyCnt }</span></c:if></a></p>
|
||||
<button type="button" class="btn_mobile btn_login" onclick="location.href='https://edu-copyright.or.kr/user/member/loginForm.do?eduOff=Y'" title="로그인"></button>
|
||||
<button type="button" class="btn_mobile btn_join" onclick="location.href='https://edu-copyright.or.kr/user/usrservice/selectUserSeView.do?eduOff=Y'" title="회원가입"></button>
|
||||
</c:if>
|
||||
</c:when>
|
||||
<c:when test="${!empty LoginVO and !empty ssoLoginVO}">
|
||||
<button type="button" class="btn_mobile btn_logout" onclick="location.href='${pageContext.request.contextPath}/web/uat/uia/actionLogout.do'" title="로그아웃"></button>
|
||||
<button class="btn_mobile btn_mypage" title="마이페이지"></button>
|
||||
<p class="btn_mobile btn_alarm"><span class="t_none">알림</span><a href="<c:url value="/web/my/myNotifyMngList.do" />"><c:if test="${notifyCnt > 0}"><span class="m_a_count">${notifyCnt }</span></c:if></a></p>
|
||||
<button type="button" class="btn_mobile btn_usredit" onclick="javascript:usrModify();" title="개인정보 수정"></button>
|
||||
</c:when>
|
||||
</c:choose>
|
||||
<button type="button" class="btn_menu" title="전체메뉴 열기"></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="nav_wrap">
|
||||
<div class="inner">
|
||||
<nav id="menu">
|
||||
<ul class="depth01">
|
||||
<c:forEach var="resultListOne" items="${menuResultList}" varStatus="status">
|
||||
<c:if test="${resultListOne.depths eq '1' }">
|
||||
<li class="depth01_li">
|
||||
<a href="#" class="menu_link menu_tit" id="${resultListOne.menuNo}">
|
||||
<c:out value="${resultListOne.menuNm}" escapeXml="false" />
|
||||
</a>
|
||||
<ul class="depth02">
|
||||
<c:forEach var="resultListTwo" items="${menuResultList}" varStatus="status">
|
||||
<c:if test="${resultListTwo.depths eq '2' && resultListOne.menuNo eq resultListTwo.upperMenuId }">
|
||||
<li>
|
||||
<a href="${pageContext.request.contextPath}${empty resultListTwo.url ? '#' : resultListTwo.url }" ${resultListTwo.menuType eq 'O' ? 'target="_blank"' : ""} >
|
||||
<c:out value="${resultListTwo.menuNm}" />
|
||||
</a>
|
||||
</li>
|
||||
</c:if>
|
||||
</c:forEach>
|
||||
</ul>
|
||||
</li>
|
||||
</c:if>
|
||||
</c:forEach>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="header_top_area">
|
||||
<div class="inner">
|
||||
<!-- 로그인전 -->
|
||||
<!-- <div class="login">
|
||||
<a href="#" class="btn line gray">본인인증</a>
|
||||
</div> -->
|
||||
|
||||
<!-- 로그인 후 -->
|
||||
<div class="login_after">
|
||||
<div class="user_info">
|
||||
<p>홍길동님</p>
|
||||
<a href="#">마이페이지</a>
|
||||
</div>
|
||||
<a href="#" class="btn line gray">인증해제</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<nav>
|
||||
<div class="inner">
|
||||
<a class="logo" href="./index.html">
|
||||
<h1><img src="/ipedu/visitEdu/usr/publish/images/common/logo.png" alt=""></h1>
|
||||
</a>
|
||||
<div class="menu_area">
|
||||
<ul class="menu">
|
||||
<li>
|
||||
<a href="#" class="depth01">기소유예교육</a>
|
||||
<div class="depth02_wrap">
|
||||
<strong class="menu_title"><span>상표권조건부 기소유예</span></strong>
|
||||
<ul class="depth02">
|
||||
<li><a href="#">교육안내</a></li>
|
||||
<li><a href="#">교육신청</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="depth01">시정명령교육</a>
|
||||
<div class="depth02_wrap">
|
||||
<strong class="menu_title"><span>상표권조건부 기소유예</span></strong>
|
||||
<ul class="depth02">
|
||||
<li><a href="#">교육안내</a></li>
|
||||
<li><a href="#">교육신청</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="depth01">예방교육</a>
|
||||
<div class="depth02_wrap">
|
||||
<strong class="menu_title"><span>상표권조건부 기소유예</span></strong>
|
||||
<ul class="depth02">
|
||||
<li><a href="#">교육안내</a></li>
|
||||
<li><a href="#">교육신청</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="depth01">고객지원</a>
|
||||
<div class="depth02_wrap">
|
||||
<strong class="menu_title"><span>상표권조건부 기소유예</span></strong>
|
||||
<ul class="depth02">
|
||||
<li><a href="#">교육안내</a></li>
|
||||
<li><a href="#">교육신청</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="btn_wrap">
|
||||
<button type="button" class="btn_identify mobile" title="전체메뉴 열기"><i></i></button>
|
||||
<button type="button" class="btn_sitemap" title="전체메뉴 열기"><i></i></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<div class="all_menu_wrap">
|
||||
<div class="inner">
|
||||
<div class="top_area">
|
||||
<h1 class="logo"><a href="#"><img src="/ipedu/visitEdu/usr/publish/images/common/logo.png" alt=""></a></h1>
|
||||
<button type="button" class="btn_close"><i></i></button>
|
||||
</div>
|
||||
|
||||
<ul class="menu">
|
||||
<li>
|
||||
<a href="#" class="depth01">상표권 교육조건부<br>기소유예</a>
|
||||
<ul class="depth02">
|
||||
<li><a href="#">교육안내</a></li>
|
||||
<li><a href="#">교육신청</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="depth01">부정경쟁행위 시정명령</a>
|
||||
<ul class="depth02">
|
||||
<li><a href="#">교육안내</a></li>
|
||||
<li><a href="#">교육신청</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="depth01">상표권 침해·부정경쟁 행위 예방</a>
|
||||
<ul class="depth02">
|
||||
<li><a href="#">교육안내</a></li>
|
||||
<li><a href="#">교육신청</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="depth01">고객지원</a>
|
||||
<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>
|
||||
<li>
|
||||
<a href="#" class="depth01">마이페이지</a>
|
||||
<ul class="depth02">
|
||||
<li><a href="#">교육현황</a></li>
|
||||
<li><a href="#">나의 교육문의</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</header>
|
||||
<!-- //header -->
|
||||
|
||||
<!-- 전체메뉴 -->
|
||||
<div class="full_menu">
|
||||
<div class="inner">
|
||||
<h1 class="logo"><img src="${pageContext.request.contextPath}/visitEdu/usr/publish/images/common/ci.png" alt="한국지식재산보호원 저작권 배움터"></h1>
|
||||
<ul class="depth01">
|
||||
<c:forEach var="resultListOne" items="${fullMenuResultList}" varStatus="status">
|
||||
<c:if test="${resultListOne.depths eq '1' }">
|
||||
<li class="depth01_li">
|
||||
<a href="#" class="menu_link" id="full_${resultListOne.menuNo}">
|
||||
<c:out value="${resultListOne.menuNm}" escapeXml="false" />
|
||||
</a>
|
||||
<ul class="depth02">
|
||||
<c:forEach var="resultListTwo" items="${fullMenuResultList}" varStatus="status">
|
||||
<c:if test="${resultListTwo.depths eq '2' && resultListOne.menuNo eq resultListTwo.upperMenuId }">
|
||||
<li>
|
||||
<a href="${pageContext.request.contextPath}${empty resultListTwo.url ? '#' : resultListTwo.url }" ${resultListTwo.menuType eq 'O' ? 'target="_blank"' : ""} >
|
||||
<c:out value="${resultListTwo.menuNm}" />
|
||||
</a>
|
||||
</li>
|
||||
</c:if>
|
||||
</c:forEach>
|
||||
</ul>
|
||||
</li>
|
||||
</c:if>
|
||||
</c:forEach>
|
||||
<!-- <li class="depth01_li"><a href="https://www.copyright.or.kr/customer-center/user-guide/privacy-policy/index.do" class="menu_link" target="_blank" title="새창열림">이용안내</a>
|
||||
<ul class="depth02">
|
||||
<li><a href="https://www.copyright.or.kr/customer-center/user-guide/privacy-policy/index.do" target="_blank" title="새창열림">개인정보처리방침 <i class="link"></i></a></li>
|
||||
<li><a href="https://www.copyright.or.kr/customer-center/user-guide/email-rejection/index.do" target="_blank" title="새창열림">이메일무단수집거부 <i class="link"></i></a></li>
|
||||
<li><a href="https://www.copyright.or.kr/customer-center/user-guide/customer-service-charter/index.do" target="_blank" title="새창열림">고객서비스헌장 <i class="link"></i></a></li>
|
||||
<li><a href="https://www.copyright.or.kr/customer-center/user-guide/policy/index.do" target="_blank" title="새창열림">저작권정책 <i class="link"></i></a></li>
|
||||
</ul>
|
||||
</li> -->
|
||||
</ul>
|
||||
<button type="button" class="btn_close" title="전체메뉴 닫기"></button>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //전체메뉴 -->
|
||||
|
||||
<!-- 모바일메뉴 -->
|
||||
<div id="m_menu">
|
||||
<ul class="depth01">
|
||||
<c:forEach var="resultListOne" items="${menuResultList}" varStatus="status">
|
||||
<c:if test="${resultListOne.depths eq '1' }">
|
||||
<li class="depth01_li">
|
||||
<button type="button" class="menu_tit"><c:out value="${resultListOne.menuNm}" escapeXml="false"/></button>
|
||||
<ul class="depth02">
|
||||
<c:forEach var="resultListTwo" items="${menuResultList}" varStatus="status">
|
||||
<c:if test="${resultListTwo.depths eq '2' && resultListOne.menuNo eq resultListTwo.upperMenuId }">
|
||||
<li>
|
||||
<a href="${pageContext.request.contextPath}${empty resultListTwo.url ? '#' : resultListTwo.url }" ${resultListTwo.menuType eq 'O' ? 'target="_blank"' : ""} >
|
||||
<c:out value="${resultListTwo.menuNm}" />
|
||||
</a>
|
||||
</li>
|
||||
</c:if>
|
||||
</c:forEach>
|
||||
</ul>
|
||||
</li>
|
||||
</c:if>
|
||||
</c:forEach>
|
||||
<!-- <li class="depth01_li">
|
||||
<button type="button" class="menu_tit" title="소메뉴 열기">이용안내</button>
|
||||
<ul class="depth02">
|
||||
<li><a href="https://www.copyright.or.kr/customer-center/user-guide/privacy-policy/index.do" target="_blank" title="새창열림">개인정보처리방침 <i class="link"></i></a></li>
|
||||
<li><a href="https://www.copyright.or.kr/customer-center/user-guide/email-rejection/index.do" target="_blank" title="새창열림">이메일무단수집거부 <i class="link"></i></a></li>
|
||||
<li><a href="https://www.copyright.or.kr/customer-center/user-guide/customer-service-charter/index.do" target="_blank" title="새창열림">고객서비스헌장 <i class="link"></i></a></li>
|
||||
<li><a href="https://www.copyright.or.kr/customer-center/user-guide/policy/index.do" target="_blank" title="새창열림">저작권정책 <i class="link"></i></a></li>
|
||||
</ul>
|
||||
</li> -->
|
||||
</ul>
|
||||
<!-- <button type="button" class="btn_close" title="모바일메뉴 닫기"></button> -->
|
||||
<div class="btn_close_wrap"><button class="btn_close" title="모바일메뉴 닫기"></button></div>
|
||||
</div>
|
||||
<!-- //모바일메뉴 -->
|
||||
|
||||
@ -0,0 +1,506 @@
|
||||
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
|
||||
<%@ page import="egovframework.rte.fdl.security.userdetails.util.EgovUserDetailsHelper" %>
|
||||
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
|
||||
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
|
||||
<%@ page import="kcc.com.cmm.LoginVO" %>
|
||||
<c:set var="URL" value="${pageContext.request.requestURL}" />
|
||||
<c:set var="URI" value="${pageContext.request.requestURI}" />
|
||||
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
<%-- 웹접근성 각 페이지 타이틀 변경 220125--%>
|
||||
$(document).ready(function (){
|
||||
/* 240126 - common.js에서도 title 선언이 되어 중복 제거를 위한 주석처리 */
|
||||
/* var titleNm = '';
|
||||
if($('body').find('h2').length > 0){
|
||||
titleNm = document.querySelector('h2').textContent;
|
||||
if(document.title.indexOf(titleNm) < 0){
|
||||
document.title = titleNm + "<" + document.title;
|
||||
}
|
||||
} */
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
<!-- 헤드 선언 - weblayout.jsp 헤드 종료 - webCommonHeader.jsp -->
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function (){
|
||||
// 2뎁스 링크 주소 1뎁스로 복사 넣기
|
||||
|
||||
// 탑메뉴
|
||||
$("nav#menu ul.depth01").find('li').each(function (index, item){
|
||||
$($(this).find('a')[0]).attr('href' , $($(this).find('.depth02').find('a')[0]).attr('href'));
|
||||
});
|
||||
|
||||
//사이트맵
|
||||
$('.full_menu ul.depth01').find('li').each(function (index, item){
|
||||
$($(this).find('a')[0]).attr('href' , $($(this).find('.depth02').find('a')[0]).attr('href'));
|
||||
});
|
||||
|
||||
/* //대국민일 경우 '나의 사건 관리' 원뎁스 메뉴 클릭 시 대시보드로 이동
|
||||
if("${auth}" == 'ROLE_USER_MEMBER'){
|
||||
$("#9997000").attr('href', "/web/kccadr/accdnt/ai/adjstIncidentDashList.do")
|
||||
}
|
||||
*/
|
||||
|
||||
/* 강사 대시보드 이동 - 강사메뉴에 대시보드를 추가하기로 해서 필요 없어짐.*/
|
||||
/* if("${auth}" == 'ROLE_USER_MANAGER'){
|
||||
if("${instrDiv}" == 'tngrInstrDiv'){
|
||||
$("#99923000").attr('href', "${pageContext.request.contextPath}/web/ve/instr/tngrVisitEdu/instrInfo/instrDashboard.do")
|
||||
}else if("${instrDiv}" == 'adultInstrDiv'){
|
||||
$("#99923000").attr('href', "${pageContext.request.contextPath}/web/ve/instr/adultVisitEdu/instrInfo/instrDashboard.do")
|
||||
}
|
||||
} */
|
||||
|
||||
//청소년 강사 > 성인강사 메뉴 삭제 / 성인 강사 > 청소년 강사 메뉴 삭제
|
||||
if("${auth}" == 'ROLE_USER_MANAGER'){
|
||||
if("${instrDiv}" == 'tngrInstrDiv'){
|
||||
$("#9991000").parent('li').hide();
|
||||
$("#full_9991000").parent('li').hide();
|
||||
$("#99912000").parent('li').hide();
|
||||
$("#full_99912000").parent('li').hide();
|
||||
$("#99913000").parent('li').hide();
|
||||
$("#full_99913000").parent('li').hide();
|
||||
}else if("${instrDiv}" == 'adultInstrDiv'){
|
||||
$("#99923000").parent('li').hide();
|
||||
$("#full_99923000").parent('li').hide();
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* //담당자일 경우 '담당자' 원뎁스 메뉴 클릭 시 대시보드로 이동
|
||||
if("${auth}" == 'ROLE_USER_MANAGER'){
|
||||
$("#99912000").attr('href', "/web/kccadr/adjcclt/ai/adjstConciliatorDashList.do")
|
||||
} */
|
||||
});
|
||||
|
||||
/* 회원정보 수정 link */
|
||||
function usrModify(){
|
||||
var gsWin = window.open('about:blank','modifyTab','');
|
||||
var frm = document.usrModifyForm;
|
||||
frm.target ="modifyTab";
|
||||
frm.accessToken.value = "<c:out value='${ssoLoginVO.access_token}'/>";
|
||||
frm.refreshToken.value = "<c:out value='${ssoLoginVO.refresh_token}'/>";
|
||||
frm.returnSiteCode.value = "<c:out value='${returnSiteCode}'/>";
|
||||
frm.returnSiteUrl.value = "<c:out value='${returnSiteUrl}'/>";
|
||||
|
||||
frm.action = "<c:url value='${modifyUrl}'/>";
|
||||
frm.submit();
|
||||
|
||||
}
|
||||
|
||||
/* 회원가입 link */
|
||||
function usrJoin(){
|
||||
var gsWin = window.open('about:blank','joinTab','');
|
||||
var frm = document.usrJoinForm;
|
||||
frm.target ="joinTab";
|
||||
frm.returnSiteCode.value = "<c:out value='${returnSiteCode}'/>";
|
||||
frm.returnSiteUrl.value = "<c:out value='${returnSiteUrl}'/>";
|
||||
|
||||
frm.action = "<c:url value='${joinUrl}'/>";
|
||||
frm.submit();
|
||||
}
|
||||
|
||||
/* 화면 확대 축소 */
|
||||
var nowZoom = 100;
|
||||
|
||||
/* 20220429줌아웃기능 반대로 되어있어서 수정 */
|
||||
function zoomOut() { // 화면크기축소
|
||||
nowZoom = nowZoom + 10;
|
||||
if(nowZoom >= 200) nowZoom = 200; // 화면크기 최대 확대율 200%
|
||||
zooms();
|
||||
}
|
||||
|
||||
function zoomIn() { // 화면크기확대
|
||||
nowZoom = nowZoom - 10;
|
||||
if(nowZoom <= 70) nowZoom = 70; // 화면크기 최대 축소율 70%
|
||||
zooms();
|
||||
|
||||
}
|
||||
|
||||
function zooms() {
|
||||
document.body.style.zoom = nowZoom + "%";
|
||||
}
|
||||
|
||||
//상단 e배움터 링크 이동 - 로그인상태
|
||||
/* function goEEdu() {
|
||||
var environment = '${environment}';
|
||||
$.ajax({
|
||||
url : "<c:url value='/web/updateMberSeqKeyAjax.do'/>",
|
||||
async:false,
|
||||
processData: false,
|
||||
contentType: false,
|
||||
cache: false,
|
||||
success: function (returnData, status) {
|
||||
if(returnData.status == 'loginY'){
|
||||
if(environment == 'real'){
|
||||
window.location.href = "https://edu-copyright.or.kr/user/main/main.do?user_id="+returnData.user_id+"&key="+returnData.key;
|
||||
}else{
|
||||
window.location.href = "http://223.255.205.7/user/main/main.do?user_id="+returnData.user_id+"&key="+returnData.key;
|
||||
}
|
||||
|
||||
} else if(returnData.status == 'fail') {
|
||||
alert("key 갱신 오류");
|
||||
} else if(returnData.status == 'loginN'){
|
||||
alert("로그인을 해주세요.")
|
||||
}
|
||||
},
|
||||
error: function (e) {
|
||||
console.log("ERROR : ", e);
|
||||
alert("key 갱신 오류");
|
||||
}
|
||||
});
|
||||
} */
|
||||
|
||||
//상단 포탈사이트, 장애인e배움터, 저작권배움터 링크 이동
|
||||
function goLink(target){
|
||||
var environment = '${environment}';
|
||||
var loginVO = '${LoginVO}';
|
||||
var ssoLoginVO = '${ssoLoginVO}';
|
||||
var url = "";
|
||||
|
||||
if(environment == 'real'){ //운영 or 개발 서버 구분
|
||||
if(target == 'portal'){ //포탈사이트
|
||||
url = "https://edu-copyright.or.kr/portal/main.do"
|
||||
}else if(target == 'user'){ //e배움터
|
||||
url = "https://edu-copyright.or.kr/user/main/main.do"
|
||||
}else if(target == 'dsprUser'){ //장애인e배움터
|
||||
url = "https://edu-copyright.or.kr/dsprUser/main/main.do"
|
||||
}else{ //교육관리시스템
|
||||
url = "https://www.edu-copyright.or.kr/ipedu/web/main/mainPage.do"
|
||||
}
|
||||
|
||||
|
||||
}else{
|
||||
|
||||
if(target == 'portal'){
|
||||
url = "http://223.255.205.7/portal/main.do"
|
||||
}else if(target == 'user'){
|
||||
url = "http://223.255.205.7/user/main/main.do"
|
||||
}else if(target == 'dsprUser'){
|
||||
url = "http://223.255.205.7/dsprUser/main/main.do"
|
||||
}else{
|
||||
url = "http://119.193.215.98:9989/ipedu/web/main/mainPage.do"
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
if(loginVO != '' && ssoLoginVO != ''){ //로그인 상태일시
|
||||
$.ajax({
|
||||
url : "<c:url value='/web/updateMberSeqKeyAjax.do'/>",
|
||||
async:false,
|
||||
processData: false,
|
||||
contentType: false,
|
||||
cache: false,
|
||||
success: function (returnData, status) {
|
||||
if(returnData.status == 'loginY'){
|
||||
/* window.location.href = url+"?user_id="+returnData.user_id+"&key="+returnData.key; */
|
||||
window.open(url+"?user_id="+returnData.user_id+"&key="+returnData.key);
|
||||
} else if(returnData.status == 'fail') {
|
||||
alert("key 갱신 오류");
|
||||
} else if(returnData.status == 'loginN'){
|
||||
alert("로그인을 해주세요.")
|
||||
}
|
||||
},
|
||||
error: function (e) {
|
||||
console.log("ERROR : ", e);
|
||||
alert("key 갱신 오류");
|
||||
}
|
||||
});
|
||||
|
||||
}else{ //비로그인 상태일시
|
||||
/* window.location.href = url; */
|
||||
window.open(url);
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
<!-- 바디 선언 - 헤더/바디종료 - 푸터-->
|
||||
|
||||
<!-- ${LoginVO} -->
|
||||
<!-- ${ssoLoginVO} -->
|
||||
|
||||
<body>
|
||||
<!-- 찾교 헤더HTML 시작 -->
|
||||
<div class="skip_menu">
|
||||
<a href="#main" class="contGo" title="본문 바로가기">본문 바로가기</a>
|
||||
</div>
|
||||
<!-- header -->
|
||||
<header>
|
||||
<c:choose>
|
||||
<c:when test="${empty LoginVO or empty ssoLoginVO}">
|
||||
<form id="usrJoinForm" name="usrJoinForm" method="post" action="">
|
||||
<input type="hidden" id="returnSiteCode" name="returnSiteCode" value=""/>
|
||||
<input type="hidden" id="returnSiteUrl" name="returnSiteUrl" value=""/>
|
||||
</form>
|
||||
<div class="gnb_wrap">
|
||||
<div class="inner">
|
||||
<div class="top_link">
|
||||
<ul>
|
||||
<!-- 240119 요청으로 인하여 운영서버는 링크 제외 -->
|
||||
<li><a href="#goLink" onclick="goLink('portal');return false;" onkeypress="this.onclick;" title="새창열림" target="_blank">포털사이트</a></li>
|
||||
<li><a href="#goLink" onclick="goLink('user');return false;" onkeypress="this.onclick;" title="새창열림" target="_blank">저작권e배움터</a></li>
|
||||
<li><a href="#goLink" onclick="goLink('dsprUser');return false;" onkeypress="this.onclick;" title="새창열림" target="_blank">장애인e배움터</a></li>
|
||||
<li class="on"><a href="#goLink" onclick="goLink('offedu');return false;" onkeypress="this.onclick;" title="새창열림" target="_blank">저작권배움터</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- <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 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> --%>
|
||||
|
||||
<div class="area_right">
|
||||
<!-- <p class="login_info"><span class="t_none">알림</span><a href="#" class="header_alarm"><span class="a_count">28</span></a></p> -->
|
||||
<!-- local -->
|
||||
<c:if test="${environment eq 'local' }">
|
||||
<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" title="새창열림"><i></i>회원가입</a></p>
|
||||
</c:if>
|
||||
<!-- dev -->
|
||||
<c:if test="${environment eq 'dev' }">
|
||||
<!-- 231031.개발서버 selectbox 로그인용 임시 -->
|
||||
<!-- 개발로그인 버튼 삭제 처리 -->
|
||||
<p class="login_info header_login_wrap"><a href="${pageContext.request.contextPath}/web/user/login/ssoDevLogin.do" class="header_login"><i></i>개발로그인</a></p>
|
||||
<p class="login_info header_login_wrap"><a href="http://223.255.205.7/user/member/loginForm.do?eduOff=Y" class="header_login"><i></i>로그인</a></p> <!-- e-배움터 개발서버 -->
|
||||
<p class="login_info"><a href="http://223.255.205.7/user/usrservice/selectUserSeView.do?eduOff=Y" class="header_join"><i></i>회원가입</a></p> <!-- e-배움터 개발서버 -->
|
||||
</c:if>
|
||||
<!-- svr -->
|
||||
<c:if test="${environment eq 'real' }">
|
||||
<p class="login_info header_login_wrap"><a href="https://edu-copyright.or.kr/user/member/loginForm.do?eduOff=Y" class="header_login"><i></i>로그인</a></p> <!-- e-배움터 운영서버 -->
|
||||
<p class="login_info"><a href="https://edu-copyright.or.kr/user/usrservice/selectUserSeView.do?eduOff=Y" class="header_join"><i></i>회원가입</a></p> <!-- e-배움터 운영서버 -->
|
||||
</c:if>
|
||||
|
||||
<div class="btn_util">
|
||||
<button class="btn_minus" onClick="zoomOut();" title="글자 확대"></button>
|
||||
<button class="btn_plus" onClick="zoomIn();" title="글자 축소"></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</c:when>
|
||||
<c:when test="${!empty LoginVO and !empty ssoLoginVO}">
|
||||
<form id="usrModifyForm" name="usrModifyForm" method="post" action="">
|
||||
<input type="hidden" id="accessToken" name="accessToken" value=""/>
|
||||
<input type="hidden" id="refreshToken" name="refreshToken" value=""/>
|
||||
<input type="hidden" id="returnSiteCode" name="returnSiteCode" value=""/>
|
||||
<input type="hidden" id="returnSiteUrl" name="returnSiteUrl" value=""/>
|
||||
</form>
|
||||
<div class="gnb_wrap">
|
||||
<div class="inner">
|
||||
<div class="top_link">
|
||||
<ul>
|
||||
<!-- 240119 요청으로 인하여 운영서버는 링크 제외 -->
|
||||
<li><a href="#goLink" onclick="goLink('portal');return false;" onkeypress="this.onclick;" title="새창열림" target="_blank">포털사이트</a></li>
|
||||
<li><a href="#goLink" onclick="goLink('user');return false;" onkeypress="this.onclick;" title="새창열림" target="_blank">저작권e배움터</a></li>
|
||||
<li><a href="#goLink" onclick="goLink('dsprUser');return false;" onkeypress="this.onclick;" title="새창열림" target="_blank">장애인e배움터</a></li>
|
||||
<li class="on"><a href="#goLink" onclick="goLink('offedu');return false;" onkeypress="this.onclick;" title="새창열림" target="_blank">저작권배움터</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!--<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>-->
|
||||
<!-- 회원 SEQ 변경되는 문제로 인해 주석 -->
|
||||
<%-- <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> --%>
|
||||
|
||||
<div class="area_right">
|
||||
<p class="login_info"><span class="t_none">알림</span><a href="<c:url value="/web/my/myNotifyMngList.do" />" class="header_alarm"><c:if test="${notifyCnt > 0}"><span class="a_count">${notifyCnt }</span></c:if></a></p>
|
||||
<p class="login_after"><c:out value="${LoginVO.id}"/><span>님</span></p>
|
||||
|
||||
<c:if test="${fn:indexOf(instrDiv,'InstrDiv') eq -1 }">
|
||||
<!-- 강사인 경우는 마이페이지 링크를 숨긴다. -->
|
||||
<p class="login_after"><a href="<c:url value="/web/my/myPageDashBoard.do" />">마이페이지</a></p>
|
||||
</c:if>
|
||||
|
||||
|
||||
<!-- e배움터 로그인 연동으로 인하여 개발, 운영 구분 -->
|
||||
<c:if test="${environment eq 'real' }">
|
||||
<p class="login_info"><a href="https://edu-copyright.or.kr/user/usrservice/selectMyPageView.do?menuId=280">회원정보 수정</a></p>
|
||||
</c:if>
|
||||
<c:if test="${environment ne 'real' }">
|
||||
<p class="login_info"><a href="http://223.255.205.7/user/usrservice/selectMyPageView.do?menuId=280">회원정보 수정</a></p>
|
||||
</c:if>
|
||||
|
||||
<p class="login_info"><a href="#" onclick="location.href='${pageContext.request.contextPath}/web/uat/uia/actionLogout.do'">로그아웃</a></p>
|
||||
<div class="btn_util">
|
||||
<button class="btn_minus" onClick="zoomOut();" title="글자 확대"></button>
|
||||
<button class="btn_plus" onClick="zoomIn();" title="글자 축소"></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</c:when>
|
||||
</c:choose>
|
||||
<div class="header">
|
||||
<div class="header_top">
|
||||
<div class="header_inner">
|
||||
<div class="area_left">
|
||||
<h1 class="logo"><a href="${pageContext.request.contextPath}/web/main/mainPage.do" title="메인으로 이동"><img src="${pageContext.request.contextPath}/visitEdu/usr/publish/images/common/ci.png" alt="한국지식재산보호원 저작권배움터"></a></h1>
|
||||
<div class="edumark"><img src="${pageContext.request.contextPath}/visitEdu/usr/publish/images/common/edu_mark_1.png" alt="교육기부 우수기관 마크">교육기부 우수기관</div>
|
||||
</div>
|
||||
<div class="area_right">
|
||||
<!-- 로그인 관련 모바일 화면 -->
|
||||
<c:choose>
|
||||
<c:when test="${empty LoginVO or empty ssoLoginVO}">
|
||||
<c:if test="${environment eq 'local' }">
|
||||
<p class="btn_mobile btn_alarm"><span class="t_none">알림</span><a href="<c:url value="/web/my/myNotifyMngList.do" />"><c:if test="${notifyCnt > 0}"><span class="m_a_count">${notifyCnt }</span></c:if></a></p>
|
||||
<button type="button" class="btn_mobile btn_login" onclick="location.href='${pageContext.request.contextPath}/web/user/login/ssoLogin.do'" title="로그인"></button>
|
||||
<button type="button" class="btn_mobile btn_join" onclick="javascript:usrJoin();" title="회원가입"></button>
|
||||
</c:if>
|
||||
<c:if test="${environment eq 'dev' }">
|
||||
<p class="btn_mobile btn_alarm"><span class="t_none">알림</span><a href="<c:url value="/web/my/myNotifyMngList.do" />"><c:if test="${notifyCnt > 0}"><span class="m_a_count">${notifyCnt }</span></c:if></a></p>
|
||||
<button type="button" class="btn_mobile btn_login" onclick="location.href='http://223.255.205.7/user/member/loginForm.do?eduOff=Y'" title="로그인"></button>
|
||||
<button type="button" class="btn_mobile btn_join" onclick="location.href='http://223.255.205.7/user/usrservice/selectUserSeView.do?eduOff=Y'" title="회원가입"></button>
|
||||
</c:if>
|
||||
<c:if test="${environment eq 'real' }">
|
||||
<p class="btn_mobile btn_alarm"><span class="t_none">알림</span><a href="<c:url value="/web/my/myNotifyMngList.do" />"><c:if test="${notifyCnt > 0}"><span class="m_a_count">${notifyCnt }</span></c:if></a></p>
|
||||
<button type="button" class="btn_mobile btn_login" onclick="location.href='https://edu-copyright.or.kr/user/member/loginForm.do?eduOff=Y'" title="로그인"></button>
|
||||
<button type="button" class="btn_mobile btn_join" onclick="location.href='https://edu-copyright.or.kr/user/usrservice/selectUserSeView.do?eduOff=Y'" title="회원가입"></button>
|
||||
</c:if>
|
||||
</c:when>
|
||||
<c:when test="${!empty LoginVO and !empty ssoLoginVO}">
|
||||
<button type="button" class="btn_mobile btn_logout" onclick="location.href='${pageContext.request.contextPath}/web/uat/uia/actionLogout.do'" title="로그아웃"></button>
|
||||
<button class="btn_mobile btn_mypage" title="마이페이지"></button>
|
||||
<p class="btn_mobile btn_alarm"><span class="t_none">알림</span><a href="<c:url value="/web/my/myNotifyMngList.do" />"><c:if test="${notifyCnt > 0}"><span class="m_a_count">${notifyCnt }</span></c:if></a></p>
|
||||
<button type="button" class="btn_mobile btn_usredit" onclick="javascript:usrModify();" title="개인정보 수정"></button>
|
||||
</c:when>
|
||||
</c:choose>
|
||||
<button type="button" class="btn_menu" title="전체메뉴 열기"></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="nav_wrap">
|
||||
<div class="inner">
|
||||
<nav id="menu">
|
||||
<ul class="depth01">
|
||||
<c:forEach var="resultListOne" items="${menuResultList}" varStatus="status">
|
||||
<c:if test="${resultListOne.depths eq '1' }">
|
||||
<li class="depth01_li">
|
||||
<a href="#" class="menu_link menu_tit" id="${resultListOne.menuNo}">
|
||||
<c:out value="${resultListOne.menuNm}" escapeXml="false" />
|
||||
</a>
|
||||
<ul class="depth02">
|
||||
<c:forEach var="resultListTwo" items="${menuResultList}" varStatus="status">
|
||||
<c:if test="${resultListTwo.depths eq '2' && resultListOne.menuNo eq resultListTwo.upperMenuId }">
|
||||
<li>
|
||||
<a href="${pageContext.request.contextPath}${empty resultListTwo.url ? '#' : resultListTwo.url }" ${resultListTwo.menuType eq 'O' ? 'target="_blank"' : ""} >
|
||||
<c:out value="${resultListTwo.menuNm}" />
|
||||
</a>
|
||||
</li>
|
||||
</c:if>
|
||||
</c:forEach>
|
||||
</ul>
|
||||
</li>
|
||||
</c:if>
|
||||
</c:forEach>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<!-- //header -->
|
||||
|
||||
<!-- 전체메뉴 -->
|
||||
<div class="full_menu">
|
||||
<div class="inner">
|
||||
<h1 class="logo"><img src="${pageContext.request.contextPath}/visitEdu/usr/publish/images/common/ci.png" alt="한국지식재산보호원 저작권 배움터"></h1>
|
||||
<ul class="depth01">
|
||||
<c:forEach var="resultListOne" items="${fullMenuResultList}" varStatus="status">
|
||||
<c:if test="${resultListOne.depths eq '1' }">
|
||||
<li class="depth01_li">
|
||||
<a href="#" class="menu_link" id="full_${resultListOne.menuNo}">
|
||||
<c:out value="${resultListOne.menuNm}" escapeXml="false" />
|
||||
</a>
|
||||
<ul class="depth02">
|
||||
<c:forEach var="resultListTwo" items="${fullMenuResultList}" varStatus="status">
|
||||
<c:if test="${resultListTwo.depths eq '2' && resultListOne.menuNo eq resultListTwo.upperMenuId }">
|
||||
<li>
|
||||
<a href="${pageContext.request.contextPath}${empty resultListTwo.url ? '#' : resultListTwo.url }" ${resultListTwo.menuType eq 'O' ? 'target="_blank"' : ""} >
|
||||
<c:out value="${resultListTwo.menuNm}" />
|
||||
</a>
|
||||
</li>
|
||||
</c:if>
|
||||
</c:forEach>
|
||||
</ul>
|
||||
</li>
|
||||
</c:if>
|
||||
</c:forEach>
|
||||
<!-- <li class="depth01_li"><a href="https://www.copyright.or.kr/customer-center/user-guide/privacy-policy/index.do" class="menu_link" target="_blank" title="새창열림">이용안내</a>
|
||||
<ul class="depth02">
|
||||
<li><a href="https://www.copyright.or.kr/customer-center/user-guide/privacy-policy/index.do" target="_blank" title="새창열림">개인정보처리방침 <i class="link"></i></a></li>
|
||||
<li><a href="https://www.copyright.or.kr/customer-center/user-guide/email-rejection/index.do" target="_blank" title="새창열림">이메일무단수집거부 <i class="link"></i></a></li>
|
||||
<li><a href="https://www.copyright.or.kr/customer-center/user-guide/customer-service-charter/index.do" target="_blank" title="새창열림">고객서비스헌장 <i class="link"></i></a></li>
|
||||
<li><a href="https://www.copyright.or.kr/customer-center/user-guide/policy/index.do" target="_blank" title="새창열림">저작권정책 <i class="link"></i></a></li>
|
||||
</ul>
|
||||
</li> -->
|
||||
</ul>
|
||||
<button type="button" class="btn_close" title="전체메뉴 닫기"></button>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //전체메뉴 -->
|
||||
|
||||
<!-- 모바일메뉴 -->
|
||||
<div id="m_menu">
|
||||
<ul class="depth01">
|
||||
<c:forEach var="resultListOne" items="${menuResultList}" varStatus="status">
|
||||
<c:if test="${resultListOne.depths eq '1' }">
|
||||
<li class="depth01_li">
|
||||
<button type="button" class="menu_tit"><c:out value="${resultListOne.menuNm}" escapeXml="false"/></button>
|
||||
<ul class="depth02">
|
||||
<c:forEach var="resultListTwo" items="${menuResultList}" varStatus="status">
|
||||
<c:if test="${resultListTwo.depths eq '2' && resultListOne.menuNo eq resultListTwo.upperMenuId }">
|
||||
<li>
|
||||
<a href="${pageContext.request.contextPath}${empty resultListTwo.url ? '#' : resultListTwo.url }" ${resultListTwo.menuType eq 'O' ? 'target="_blank"' : ""} >
|
||||
<c:out value="${resultListTwo.menuNm}" />
|
||||
</a>
|
||||
</li>
|
||||
</c:if>
|
||||
</c:forEach>
|
||||
</ul>
|
||||
</li>
|
||||
</c:if>
|
||||
</c:forEach>
|
||||
<!-- <li class="depth01_li">
|
||||
<button type="button" class="menu_tit" title="소메뉴 열기">이용안내</button>
|
||||
<ul class="depth02">
|
||||
<li><a href="https://www.copyright.or.kr/customer-center/user-guide/privacy-policy/index.do" target="_blank" title="새창열림">개인정보처리방침 <i class="link"></i></a></li>
|
||||
<li><a href="https://www.copyright.or.kr/customer-center/user-guide/email-rejection/index.do" target="_blank" title="새창열림">이메일무단수집거부 <i class="link"></i></a></li>
|
||||
<li><a href="https://www.copyright.or.kr/customer-center/user-guide/customer-service-charter/index.do" target="_blank" title="새창열림">고객서비스헌장 <i class="link"></i></a></li>
|
||||
<li><a href="https://www.copyright.or.kr/customer-center/user-guide/policy/index.do" target="_blank" title="새창열림">저작권정책 <i class="link"></i></a></li>
|
||||
</ul>
|
||||
</li> -->
|
||||
</ul>
|
||||
<!-- <button type="button" class="btn_close" title="모바일메뉴 닫기"></button> -->
|
||||
<div class="btn_close_wrap"><button class="btn_close" title="모바일메뉴 닫기"></button></div>
|
||||
</div>
|
||||
<!-- //모바일메뉴 -->
|
||||
@ -189,265 +189,283 @@ function instrChk(){
|
||||
</c:forEach>
|
||||
</c:if>
|
||||
|
||||
<!-- main_content -->
|
||||
<div class="container main" id="sub">
|
||||
<!-- visual -->
|
||||
<div class="visual_slide swiper">
|
||||
<button type="button" class="btn_prev_slide">이전 슬라이드</button>
|
||||
<button type="button" class="btn_next_slide">다음 슬라이드</button>
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide">
|
||||
<div class="inner">
|
||||
<div class="text_area">
|
||||
<p class="sub_title">대국민 저작권 교육 서비스</p>
|
||||
<p class="title">찾아가는 교육 청소년!</p>
|
||||
<p class="summary">편리하고 안전한 저작권 이용환경 조성을 통해 올바른 저작권 문화 구축에 앞장서겠습니다.</p>
|
||||
<a href="${pageContext.request.contextPath}/web/ve/aplct/tngrVisitEdu/eduAplct/eduAplctReg.do">교육신청 등록</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<div class="inner">
|
||||
<div class="text_area">
|
||||
<p class="sub_title">대국민 저작권 교육 서비스</p>
|
||||
<p class="title">찾아가는 교육 성인!</p>
|
||||
<p class="summary">편리하고 안전한 저작권 이용환경 조성을 통해 올바른 저작권 문화 구축에 앞장서겠습니다.</p>
|
||||
<a href="${pageContext.request.contextPath}/web/ve/aplct/adultVisitEdu/eduAplct/eduAplctReg.do">교육신청 등록</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<div class="inner">
|
||||
<div class="text_area">
|
||||
<p class="sub_title">대국민 저작권 교육 서비스</p>
|
||||
<p class="title">체험교실!</p>
|
||||
<p class="summary">편리하고 안전한 저작권 이용환경 조성을 통해 올바른 저작권 문화 구축에 앞장서겠습니다.</p>
|
||||
<a href="${pageContext.request.contextPath}/web/ve/aplct/cpyrgExprnClsrm/exprnClsrmInfo/exprnClsrmAplctGuide.do">교육신청 등록</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<div class="inner">
|
||||
<div class="text_area">
|
||||
<p class="sub_title">대국민 저작권 교육 서비스</p>
|
||||
<p class="title">실무역량강화!</p>
|
||||
<p class="summary">편리하고 안전한 저작권 이용환경 조성을 통해 올바른 저작권 문화 구축에 앞장서겠습니다.</p>
|
||||
<a href="${pageContext.request.contextPath}/web/ve/aplct/fndtnEnhanceTrn/eduAplctList.do">교육신청 등록</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<div class="inner">
|
||||
<div class="text_area">
|
||||
<p class="sub_title">대국민 저작권 교육 서비스</p>
|
||||
<p class="title">교육조건부 기소유예교육!</p>
|
||||
<p class="summary">편리하고 안전한 저작권 이용환경 조성을 통해 올바른 저작권 문화 구축에 앞장서겠습니다.</p>
|
||||
<a href="${pageContext.request.contextPath}/web/ve/aplct/sspnIdtmt/eduAplctList.do">교육신청 등록</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="slide_control">
|
||||
<div class="inner">
|
||||
<div class="swiper-pagination"></div>
|
||||
<button type="button" class="slide_pause slide_util" title="슬라이드 일시정지"></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- main_banner -->
|
||||
<ul class="main_banner_link inner">
|
||||
<li class="banner_link_01">
|
||||
<a href="${pageContext.request.contextPath}/web/ve/aplct/tngrVisitEdu/eduAplct/eduInfo.do">
|
||||
<i></i>
|
||||
<p>찾아가는 교육 <span>청소년</span></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="banner_link_02">
|
||||
<a href="${pageContext.request.contextPath}/web/ve/aplct/adultVisitEdu/eduAplct/eduInfo.do">
|
||||
<i></i>
|
||||
<p>찾아가는 교육 <span>성인</span></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="banner_link_03">
|
||||
<a href="${pageContext.request.contextPath}/web/ve/aplct/cpyrgExprnClsrm/exprnClsrmInfo/eduInfo.do">
|
||||
<i></i>
|
||||
<p>체험교실</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="banner_link_04">
|
||||
<a href="${pageContext.request.contextPath}/web/ve/aplct/fndtnEnhanceTrn/eduInfo.do">
|
||||
<i></i>
|
||||
<p>실무역량강화교육</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="banner_link_05">
|
||||
<a href="${pageContext.request.contextPath}/web/ve/aplct/sspnIdtmt/eduInfo.do">
|
||||
<i></i>
|
||||
<p>기소유예교육</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<!-- 메인 콘텐츠 -->
|
||||
<main class="main">
|
||||
|
||||
<div class="wrap inner">
|
||||
<!-- 공지사항 -->
|
||||
<div class="notice content_wrap">
|
||||
<div class="title">
|
||||
<h3>공지사항</h3>
|
||||
</div>
|
||||
<div class="content">
|
||||
<ul class="notice_list">
|
||||
|
||||
<c:forEach var="bbsData" items="${bbsList}" varStatus="status" end="4">
|
||||
<li>
|
||||
<a href="#none" onclick="javascript:fn_egov_inqire_notice('<c:out value="${bbsData.bbsId}"/>', '<c:out value="${bbsData.nttId}"/>');">
|
||||
<p class="date"><i></i><c:out value="${bbsData.frstRegisterPnttm}" /></p>
|
||||
<p class="title"><span class="emphasis">공지</span><c:out value='${bbsData.nttSj}' /></p>
|
||||
</a>
|
||||
</li>
|
||||
</c:forEach>
|
||||
|
||||
|
||||
<!--
|
||||
<li>
|
||||
<a href="#none">
|
||||
<p class="date"><i></i>2023-09-25</p>
|
||||
<p class="title"><span class="emphasis">공지</span>제 13기 청소년 전담 강사 양성</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#none">
|
||||
<p class="date"><i></i>2023-09-25</p>
|
||||
<p class="title">제 13기 청소년 전담 강사 양성</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#none">
|
||||
<p class="date"><i></i>2023-09-25</p>
|
||||
<p class="title">제 13기 청소년 전담 강사 양성</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#none">
|
||||
<p class="date"><i></i>2023-09-25</p>
|
||||
<p class="title">제 13기 청소년 전담 강사 양성</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#none">
|
||||
<p class="date"><i></i>2023-09-25</p>
|
||||
<p class="title">제 13기 청소년 전담 강사 양성</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#none">
|
||||
<p class="date"><i></i>2023-09-25</p>
|
||||
<p class="title">제 13기 청소년 전담 강사 양성</p>
|
||||
</a>
|
||||
</li>
|
||||
-->
|
||||
</ul>
|
||||
</div>
|
||||
<a href="<c:url value='/web/cop/bbs/selectBoardList2024.do?bbsId=BBSMSTR_000000000653'/>" class="btn_plus">더보기</a>
|
||||
</div>
|
||||
|
||||
<!-- 교육자료실 -->
|
||||
<div class="data_notice content_wrap">
|
||||
<div class="title">
|
||||
<h3>자료실</h3>
|
||||
</div>
|
||||
<div class="content">
|
||||
<ul class="notice_list">
|
||||
<c:forEach var="bbsData" items="${bbsList_2}" varStatus="status" end="3">
|
||||
<li>
|
||||
<a href="#none" onclick="javascript:fn_egov_inqire_data('<c:out value="${bbsData.bbsId}"/>', '<c:out value="${bbsData.nttId}"/>');">
|
||||
<p class="title"><i></i><c:out value='${bbsData.nttSj}' /></p>
|
||||
<p class="date"><c:out value="${bbsData.frstRegisterPnttm}" /></p>
|
||||
</a>
|
||||
</li>
|
||||
</c:forEach>
|
||||
|
||||
<!--
|
||||
<li>
|
||||
<a href="#none">
|
||||
<p class="title"><i></i>제 13기 청소년 전담 강사 양성</p>
|
||||
<p class="date">2023-09-25</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#none">
|
||||
<p class="title"><i></i>제 13기 청소년 전담 강사 양성</p>
|
||||
<p class="date">2023-09-25</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#none">
|
||||
<p class="title"><i></i>제 13기 청소년 전담 강사 양성</p>
|
||||
<p class="date">2023-09-25</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#none">
|
||||
<p class="title"><i></i>제 13기 청소년 전담 강사 양성</p>
|
||||
<p class="date">2023-09-25</p>
|
||||
</a>
|
||||
</li>
|
||||
-->
|
||||
</ul>
|
||||
</div>
|
||||
<a href="<c:url value='/web/cop/bbs/selectDataBoardList.do'/>" class="btn_plus">더보기</a>
|
||||
</div>
|
||||
|
||||
<!-- 알림판 -->
|
||||
<div class="notify content_wrap">
|
||||
<div class="title">
|
||||
<h3>알림판</h3>
|
||||
<div class="notify_control">
|
||||
<div class="swiper-button-prev"></div>
|
||||
<p class="slide_number"><span class="cur_number">1</span>/ <span class="all_number">5</span></p>
|
||||
<div class="swiper-button-next"></div>
|
||||
<button type="button" class="slide_pause notify_slide_util" title="슬라이드 일시정지"></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="notify_slide">
|
||||
<div class="swiper-wrapper">
|
||||
<!-- <div class="swiper-slide">
|
||||
<img src="/ipedu/visitEdu/usr/publish/images/main/main_notify_img_01.jpg" alt="">
|
||||
<section class="section section01" style="background-image:url(/ipedu/visitEdu/usr/publish/images/main/sec01_bg_obj.png);">
|
||||
<div class="inner">
|
||||
<ul class="box_wrap">
|
||||
<li>
|
||||
<p>한국지식재산보호원</p>
|
||||
<span>지식재산 보호 교육 시스템</span>
|
||||
</li>
|
||||
<li>
|
||||
<div class="box">
|
||||
<p class="title">상표권 교육조건부 기소유예</p>
|
||||
<div class="link_area">
|
||||
<a href="#" class="btn line">교육안내</a>
|
||||
<a href="#" class="btn fill">교육신청</a>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="box">
|
||||
<p class="title">부정경쟁행위 시정명령</p>
|
||||
<div class="link_area">
|
||||
<a href="#" class="btn line">교육안내</a>
|
||||
<a href="#" class="btn fill">교육신청</a>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="box">
|
||||
<p class="title">상표권 침해·부정경쟁 행위 예방</p>
|
||||
<div class="link_area">
|
||||
<a href="#" class="btn line">교육안내</a>
|
||||
<a href="#" class="btn fill">교육신청</a>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section section02">
|
||||
|
||||
<div class="inner">
|
||||
|
||||
<div class="main_title">
|
||||
<h2 class="title">주요 교육일정</h2>
|
||||
<a href="#" class="btn btn_plus" title="교육일정 페이지 이동"><i></i></a>
|
||||
</div>
|
||||
|
||||
<ul class="list_content">
|
||||
<li class="on">
|
||||
<button type="button" class="tab">전체</button>
|
||||
<ul class="list">
|
||||
<li>
|
||||
<a href="#">
|
||||
<strong class="date">9.2~9.5</strong>
|
||||
<p class="title">2025년 상표권 교육조건부 기소유예 1차</p>
|
||||
<span class="status blue">신청중</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<strong class="date">9.17~9.25</strong>
|
||||
<p class="title">2025년 상표권 교육조건부 기소유예 1차</p>
|
||||
<span class="status gray">마감</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<strong class="date">9.17</strong>
|
||||
<p class="title">2025년 상표권 교육조건부 기소유예 1차</p>
|
||||
<span class="status gray">마감</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" class="none">
|
||||
<p class="title">등록된 교육이 없습니다.</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<button type="button" class="tab">기소유예</button>
|
||||
<ul class="list">
|
||||
<li>
|
||||
<a href="#">
|
||||
<strong class="date">9.2~9.5</strong>
|
||||
<p class="title">2025년 상표권 교육조건부 기소유예 1차</p>
|
||||
<span class="status blue">신청중</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<strong class="date">9.2~9.5</strong>
|
||||
<p class="title">2025년 상표권 교육조건부 기소유예 1차</p>
|
||||
<span class="status blue">신청중</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<button type="button" class="tab">시정명령</button>
|
||||
<ul class="list">
|
||||
<li>
|
||||
<a href="#">
|
||||
<strong class="date">9.2~9.5</strong>
|
||||
<p class="title">2025년 상표권 교육조건부 기소유예 1차</p>
|
||||
<span class="status blue">신청중</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<button type="button" class="tab">예방</button>
|
||||
<ul class="list">
|
||||
<li>
|
||||
<a href="#">
|
||||
<strong class="date">9.2~9.5</strong>
|
||||
<p class="title">2025년 상표권 교육조건부 기소유예 1차</p>
|
||||
<span class="status blue">신청중</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
<section class="section section03">
|
||||
<div class="inner">
|
||||
<div class="slide_banner">
|
||||
<div class="main_title">
|
||||
<h2 class="title">알림배너</h2>
|
||||
<div class="slide_util">
|
||||
<p class="slide_location"><span class="slide_num">1</span>/5</p>
|
||||
<div class="btn_wrap">
|
||||
<button type="button" class="btn btn_prev"><i></i></button>
|
||||
<button type="button" class="btn btn_pause"><i></i></button>
|
||||
<button type="button" class="btn btn_play hide"><i></i></button>
|
||||
<button type="button" class="btn btn_next"><i></i></button>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<img src="/ipedu/visitEdu/usr/publish/images/main/main_notify_img_02.jpg" alt="">
|
||||
</div> -->
|
||||
<c:forEach var="popipZoneList" items="${popupzoneList}" varStatus="status">
|
||||
<c:set var="popzATitle"></c:set>
|
||||
<c:if test="${popipZoneList.istarget == 'N'}">
|
||||
<c:set var="popzATitle">새창열림</c:set>
|
||||
</c:if>
|
||||
<c:if test="${popipZoneList.istarget == 'N'}">
|
||||
<a class="swiper-slide" href="javascript:popzoneOpen('${popipZoneList.mlink}','${popipZoneList.istarget}');" title="새창열림" >
|
||||
<div>
|
||||
<img style="cursor:pointer" onerror="this.src='/images/no_img.jpg'" alt="${popipZoneList.imgAlt} 팝업"
|
||||
src='<c:url value='/uss/ion/pwm/getImage.do'/>?atchFileId=<c:out value="${popipZoneList.popupzoneImageFile}"/>' />
|
||||
</div>
|
||||
</a>
|
||||
</c:if>
|
||||
<c:if test="${popipZoneList.istarget != 'N'}">
|
||||
<a class="swiper-slide" href="javascript:popzoneOpen('${popipZoneList.mlink}','${popipZoneList.istarget}');">
|
||||
<div>
|
||||
<img style="cursor:pointer" onerror="this.src='/images/no_img.jpg'" alt="${popipZoneList.imgAlt} 팝업"
|
||||
src='<c:url value='/uss/ion/pwm/getImage.do'/>?atchFileId=<c:out value="${popipZoneList.popupzoneImageFile}"/>' />
|
||||
</div>
|
||||
</a>
|
||||
</c:if>
|
||||
</c:forEach>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="swiper">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide">1</div>
|
||||
<div class="swiper-slide">2</div>
|
||||
<div class="swiper-slide">3</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="banner_wrap">
|
||||
<a href="#" class="banner green">
|
||||
<i></i>
|
||||
<div class="text_area">
|
||||
<p class="title">교육문의</p>
|
||||
<span class="summary">교육에 관해 궁금하시다면 글을 남겨주세요.</span>
|
||||
</div>
|
||||
</a href="#">
|
||||
<a href="#" class="banner blue">
|
||||
<i></i>
|
||||
<div class="text_area">
|
||||
<p class="title">자주 받는 질문</p>
|
||||
<span class="summary">궁금한 점을 질문과 답변으로 정리했어요.</span>
|
||||
</div>
|
||||
</a href="#">
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section section04">
|
||||
<div class="inner">
|
||||
<div class="list_wrap">
|
||||
<div class="main_title">
|
||||
<h2 class="title">공지사항</h2>
|
||||
<a href="#" class="btn btn_plus" title="공지사항 페이지 이동"><i></i></a>
|
||||
</div>
|
||||
|
||||
<ul class="list">
|
||||
<li>
|
||||
<a href="#">
|
||||
<strong class="title">2025 대전지역 도메인이름 분쟁조정(DNDR) 세미나 </strong>
|
||||
<p class="date">2025.09.12</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<strong class="title">특허분쟁 위험경보 시스템 회원가입 이벤트(6/16~6/30) </strong>
|
||||
<p class="date">2025.08.13</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<strong class="title">[특허청/한국특허정보원] 제21회 국제특허정보박람회 개최(P </strong>
|
||||
<p class="date">2025.08.01</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<strong class="title">2025년 상반기 의약품 허가특허연계제도 교육 모집 공고 </strong>
|
||||
<p class="date">2025.07.24</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="list_wrap">
|
||||
<div class="main_title">
|
||||
<h2 class="title">교육 자료실</h2>
|
||||
<a href="#" class="btn btn_plus" title="교육 자료실 페이지 이동"><i></i></a>
|
||||
</div>
|
||||
|
||||
<ul class="list">
|
||||
<li>
|
||||
<a href="#">
|
||||
<strong class="title">[자료] 2025년 상표권 조건부 기소유예 교육자료</strong>
|
||||
<p class="date">2025.09.12</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<strong class="title">[보도자료] 반도체 등 국가 중요기술 해외유출 방지 성과 특허 </strong>
|
||||
<p class="date">2025.08.13</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<strong class="title">[자료] 상표권 침해 부정경쟁행위 예방교육 7차 자료</strong>
|
||||
<p class="date">2025.08.01</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<strong class="title">[자료] 시정명령 관련 자료</strong>
|
||||
<p class="date">2025.07.24</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
<!-- //메인 콘텐츠-->
|
||||
|
||||
<!-- 사이트 슬라이드(메인에만 있음) -->
|
||||
<div class="site_slide_wrap">
|
||||
|
||||
<div class="site_slide swiper">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide"><a href="#" target="_blank"><img src="/ipedu/visitEdu/usr/publish/images/main/site_img01.png" alt=""></a></div>
|
||||
<div class="swiper-slide"><a href="#" target="_blank"><img src="/ipedu/visitEdu/usr/publish/images/main/site_img02.png" alt=""></a></div>
|
||||
<div class="swiper-slide"><a href="#" target="_blank"><img src="/ipedu/visitEdu/usr/publish/images/main/site_img03.png" alt=""></a></div>
|
||||
<div class="swiper-slide"><a href="#" target="_blank"><img src="/ipedu/visitEdu/usr/publish/images/main/site_img04.png" alt=""></a></div>
|
||||
<div class="swiper-slide"><a href="#" target="_blank"><img src="/ipedu/visitEdu/usr/publish/images/main/site_img05.png" alt=""></a></div>
|
||||
<div class="swiper-slide"><a href="#" target="_blank"><img src="/ipedu/visitEdu/usr/publish/images/main/site_img06.png" alt=""></a></div>
|
||||
<div class="swiper-slide"><a href="#" target="_blank"><img src="/ipedu/visitEdu/usr/publish/images/main/site_img07.png" alt=""></a></div>
|
||||
<div class="swiper-slide"><a href="#" target="_blank"><img src="/ipedu/visitEdu/usr/publish/images/main/site_img08.png" alt=""></a></div>
|
||||
<div class="swiper-slide"><a href="#" target="_blank"><img src="/ipedu/visitEdu/usr/publish/images/main/site_img09.png" alt=""></a></div>
|
||||
<div class="swiper-slide"><a href="#" target="_blank"><img src="/ipedu/visitEdu/usr/publish/images/main/site_img10.png" alt=""></a></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="btn_wrap">
|
||||
<button type="button" class="btn btn_prev"><i></i></button>
|
||||
<button type="button" class="btn btn_pause"><i></i></button>
|
||||
<button type="button" class="btn btn_play hide"><i></i></button>
|
||||
<button type="button" class="btn btn_next"><i></i></button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- //main_content -->
|
||||
|
||||
<!-- //사이트 슬라이드 -->
|
||||
|
||||
<form name="frm" action="<c:url value='/web/cop/bbsWeb/selectBoardList.do'/>" method="post">
|
||||
<input type="hidden" name="bbsId" value="" />
|
||||
<input type="hidden" name="nttId" value="" />
|
||||
|
||||
456
src/main/webapp/WEB-INF/jsp/web/main/mainPage_bak_250915.jsp
Normal file
456
src/main/webapp/WEB-INF/jsp/web/main/mainPage_bak_250915.jsp
Normal file
@ -0,0 +1,456 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
|
||||
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
|
||||
<html lang="ko">
|
||||
<head>
|
||||
<!-- css -->
|
||||
|
||||
|
||||
<!-- script -->
|
||||
|
||||
<link rel="stylesheet" href="/ipedu/visitEdu/usr/publish/css/swiper.min.css">
|
||||
<script src="/ipedu/visitEdu/usr/publish/script/swiper.js"></script>
|
||||
<script type="text/javascript">
|
||||
//alert('aaaaa');
|
||||
$(document).ready(function (){
|
||||
|
||||
<c:if test="${message != null}">
|
||||
alert("<c:out value='${message}' />");
|
||||
</c:if>
|
||||
|
||||
//레이어 팝업 띄우기
|
||||
<c:forEach var="popupListData" items="${popupList}" varStatus="status" end="10">
|
||||
if(fnGetCookie("layer_<c:out value='${popupListData.popupId}' />") == null){
|
||||
$("#layer_pop_<c:out value='${popupListData.popupId}' />").fadeIn();
|
||||
};
|
||||
</c:forEach>
|
||||
|
||||
//웹접근성>알림판 aria 속성 삭제
|
||||
$(".swiper-slide").removeAttr("aria-label");
|
||||
$(".swiper-slide").removeAttr("role");
|
||||
});
|
||||
|
||||
|
||||
/* ********************************************************
|
||||
* 팝업창 오픈 쿠키 정보 OPEN
|
||||
******************************************************** */
|
||||
function fnGetCookie(name) {
|
||||
var prefix = name + "=";
|
||||
|
||||
var cookieStartIndex = document.cookie.indexOf(prefix);
|
||||
if (cookieStartIndex == -1) return null;
|
||||
var cookieEndIndex = document.cookie.indexOf(";", cookieStartIndex + prefix.length);
|
||||
if (cookieEndIndex == -1) cookieEndIndex = document.cookie.length;
|
||||
|
||||
|
||||
return unescape(document.cookie.substring(cookieStartIndex + prefix.length, cookieEndIndex));
|
||||
}
|
||||
|
||||
/* ********************************************************
|
||||
* 쿠키설정
|
||||
******************************************************** */
|
||||
function fnSetCookiePopup( name, value, expiredays ) {
|
||||
var todayDate = new Date();
|
||||
todayDate.setDate( todayDate.getDate() + expiredays );
|
||||
document.cookie = name + "=" + escape( value ) + "; path=/; expires=" + todayDate.toGMTString() + ";"
|
||||
}
|
||||
|
||||
//팝업 다시보지않기
|
||||
function fnPopupCheck(popupId , typeFlag) {
|
||||
fnSetCookiePopup( typeFlag+"_"+popupId , "done" , 1);
|
||||
fn_layerClose(popupId);
|
||||
}
|
||||
|
||||
//팝업 닫기
|
||||
function fn_layerClose(popupId){
|
||||
$("#layer_pop_"+popupId).fadeOut();
|
||||
}
|
||||
|
||||
function popzoneOpen(url,target){
|
||||
var vTarget;
|
||||
if(target != "N"){
|
||||
vTarget = "_self";
|
||||
}else{
|
||||
vTarget = "_blank";
|
||||
}
|
||||
window.open(url,vTarget);
|
||||
}
|
||||
|
||||
function fn_egov_inqire_notice(bbsId, nttId) {
|
||||
document.frm.nttId.value = nttId;
|
||||
document.frm.bbsId.value = bbsId;
|
||||
document.frm.method = "post";
|
||||
document.frm.action = "<c:url value='/web/cop/bbs/selectBoardDetail2024.do'/>?pubDetail=Y";
|
||||
document.frm.submit();
|
||||
}
|
||||
|
||||
function fn_egov_inqire_data(bbsId, nttId) {
|
||||
document.frm.nttId.value = nttId;
|
||||
document.frm.bbsId.value = bbsId;
|
||||
document.frm.method = "get";
|
||||
document.frm.action = "<c:url value='/web/cop/bbs/selectDataBoardDetail.do'/>";
|
||||
document.frm.submit();
|
||||
}
|
||||
|
||||
//저작권체험교실 등록화면 이동 시 운영신청 기간인지 체크
|
||||
function goCpyrgWrite(){
|
||||
if(!checkAplctPsbl()) return;
|
||||
|
||||
location.href="${pageContext.request.contextPath}/web/ve/aplct/cpyrgExprnClsrm/exprnClsrmInfo/exprnClsrmAplctGuide.do";
|
||||
|
||||
}
|
||||
|
||||
// 신청하는 차시가 유효한 신청기간인지, 강의가능시간인지 체크하는 로직
|
||||
function checkAplctPsbl() {
|
||||
|
||||
var flag = true;
|
||||
|
||||
$.ajax({
|
||||
type:"POST",
|
||||
url:"${pageContext.request.contextPath}/web/ve/aplct/cpyrgExprnClsrm/exprnClsrmInfo/eduAplctChkAjax.do",
|
||||
data: "",
|
||||
dataType:'json',
|
||||
async: false,
|
||||
success:function(returnData){
|
||||
if(returnData.result == "fail"){
|
||||
alert("운영신청기간이 아닙니다.");
|
||||
flag = false;
|
||||
return;
|
||||
}
|
||||
},
|
||||
error:function(request , status, error){
|
||||
alert("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error);
|
||||
}
|
||||
});
|
||||
|
||||
if(!flag){
|
||||
return false;
|
||||
}
|
||||
|
||||
return true;
|
||||
|
||||
}
|
||||
|
||||
//강사회원 대국민 메뉴 막기
|
||||
function instrChk(){
|
||||
alert("대국민 회원만 이용가능합니다.");
|
||||
return;
|
||||
}
|
||||
|
||||
</script>
|
||||
</head>
|
||||
<c:if test="${fn:length(popupList) > 0}" >
|
||||
<style>
|
||||
.pop-layer{left: 50%; top: 50%; transform: translate(-50%,-50%); box-shadow: 0 0 5px rgba(0,0,0,0.3);}
|
||||
.pop-layer .pop-container {padding: 0px 0px;}
|
||||
.pop-layer p.ctxt {color: #666;line-height: 25px;}
|
||||
.pop-layer .btn-r {display: flex; width: 100%; padding-top: 10px;border-top: 1px solid #DDD;text-align: right; justify-content: space-between; padding: 5px 10px; box-sizing: border-box; align-items: center;}
|
||||
.pop-layer {display: none;position: absolute;background-color: #fff;z-index: 999;}
|
||||
#tdCheck+label{overflow: hidden;border: 0;width: 1px;height: 1px;clip: rect(1px, 1px, 1px, 1px);clip-path: inset(50%);}
|
||||
.btn-layerClose{width: 16px; height: 16px; background-image: url(${pageContext.request.contextPath}/kccadrPb/usr/image/common/btn_close.png); background-repeat: no-repeat; background-size: 100%;}
|
||||
</style>
|
||||
<c:forEach var="popupListData" items="${popupList}" varStatus="status" end="4">
|
||||
<style>
|
||||
#layer_pop_<c:out value='${popupListData.popupId}' />{
|
||||
/* top: ${popupListData.popupVrticlLc}px;
|
||||
left: ${popupListData.popupWidthLc}px;
|
||||
width: ${popupListData.popupWidthSize}px; */
|
||||
height: auto;
|
||||
}
|
||||
</style>
|
||||
<div id="layer_pop_<c:out value='${popupListData.popupId}' />" class="pop-layer">
|
||||
<div class="pop-container">
|
||||
<div class="pop-conts">
|
||||
<c:choose>
|
||||
<c:when test="${not empty popupListData.fileUrl}">
|
||||
<a href="<c:out value='${popupListData.fileUrl}' />" target="_blank">
|
||||
${popupListData.nttCn}
|
||||
</a>
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<a href="#">
|
||||
${popupListData.nttCn}
|
||||
</a>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
<div class="btn-r">
|
||||
<div class="today_close">
|
||||
<c:if test="${popupListData.stopvewSetupAt eq 'Y' }">
|
||||
하루동안 창을 열지 않음
|
||||
<input type="checkbox" name="chkPopup" tabindex="1" onClick="fnPopupCheck('<c:out value='${popupListData.popupId}' />' , 'layer')" onkeypress="fnPopupCheck('<c:out value='${popupListData.popupId}' />' , 'layer')" style="display:inline">
|
||||
</c:if>
|
||||
</div>
|
||||
<a href="#" tabindex="1" onclick="fn_layerClose('<c:out value='${popupListData.popupId}' />'); return false;" class="btn-layerClose" title="팝업 닫기"></a>
|
||||
</div>
|
||||
<!--// content-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</c:forEach>
|
||||
</c:if>
|
||||
|
||||
<!-- main_content -->
|
||||
<div class="container main" id="sub">
|
||||
<!-- visual -->
|
||||
<div class="visual_slide swiper">
|
||||
<button type="button" class="btn_prev_slide">이전 슬라이드</button>
|
||||
<button type="button" class="btn_next_slide">다음 슬라이드</button>
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide">
|
||||
<div class="inner">
|
||||
<div class="text_area">
|
||||
<p class="sub_title">대국민 저작권 교육 서비스</p>
|
||||
<p class="title">찾아가는 교육 청소년!</p>
|
||||
<p class="summary">편리하고 안전한 저작권 이용환경 조성을 통해 올바른 저작권 문화 구축에 앞장서겠습니다.</p>
|
||||
<a href="${pageContext.request.contextPath}/web/ve/aplct/tngrVisitEdu/eduAplct/eduAplctReg.do">교육신청 등록</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<div class="inner">
|
||||
<div class="text_area">
|
||||
<p class="sub_title">대국민 저작권 교육 서비스</p>
|
||||
<p class="title">찾아가는 교육 성인!</p>
|
||||
<p class="summary">편리하고 안전한 저작권 이용환경 조성을 통해 올바른 저작권 문화 구축에 앞장서겠습니다.</p>
|
||||
<a href="${pageContext.request.contextPath}/web/ve/aplct/adultVisitEdu/eduAplct/eduAplctReg.do">교육신청 등록</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<div class="inner">
|
||||
<div class="text_area">
|
||||
<p class="sub_title">대국민 저작권 교육 서비스</p>
|
||||
<p class="title">체험교실!</p>
|
||||
<p class="summary">편리하고 안전한 저작권 이용환경 조성을 통해 올바른 저작권 문화 구축에 앞장서겠습니다.</p>
|
||||
<a href="${pageContext.request.contextPath}/web/ve/aplct/cpyrgExprnClsrm/exprnClsrmInfo/exprnClsrmAplctGuide.do">교육신청 등록</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<div class="inner">
|
||||
<div class="text_area">
|
||||
<p class="sub_title">대국민 저작권 교육 서비스</p>
|
||||
<p class="title">실무역량강화!</p>
|
||||
<p class="summary">편리하고 안전한 저작권 이용환경 조성을 통해 올바른 저작권 문화 구축에 앞장서겠습니다.</p>
|
||||
<a href="${pageContext.request.contextPath}/web/ve/aplct/fndtnEnhanceTrn/eduAplctList.do">교육신청 등록</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<div class="inner">
|
||||
<div class="text_area">
|
||||
<p class="sub_title">대국민 저작권 교육 서비스</p>
|
||||
<p class="title">교육조건부 기소유예교육!</p>
|
||||
<p class="summary">편리하고 안전한 저작권 이용환경 조성을 통해 올바른 저작권 문화 구축에 앞장서겠습니다.</p>
|
||||
<a href="${pageContext.request.contextPath}/web/ve/aplct/sspnIdtmt/eduAplctList.do">교육신청 등록</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="slide_control">
|
||||
<div class="inner">
|
||||
<div class="swiper-pagination"></div>
|
||||
<button type="button" class="slide_pause slide_util" title="슬라이드 일시정지"></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- main_banner -->
|
||||
<ul class="main_banner_link inner">
|
||||
<li class="banner_link_01">
|
||||
<a href="${pageContext.request.contextPath}/web/ve/aplct/tngrVisitEdu/eduAplct/eduInfo.do">
|
||||
<i></i>
|
||||
<p>찾아가는 교육 <span>청소년</span></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="banner_link_02">
|
||||
<a href="${pageContext.request.contextPath}/web/ve/aplct/adultVisitEdu/eduAplct/eduInfo.do">
|
||||
<i></i>
|
||||
<p>찾아가는 교육 <span>성인</span></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="banner_link_03">
|
||||
<a href="${pageContext.request.contextPath}/web/ve/aplct/cpyrgExprnClsrm/exprnClsrmInfo/eduInfo.do">
|
||||
<i></i>
|
||||
<p>체험교실</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="banner_link_04">
|
||||
<a href="${pageContext.request.contextPath}/web/ve/aplct/fndtnEnhanceTrn/eduInfo.do">
|
||||
<i></i>
|
||||
<p>실무역량강화교육</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="banner_link_05">
|
||||
<a href="${pageContext.request.contextPath}/web/ve/aplct/sspnIdtmt/eduInfo.do">
|
||||
<i></i>
|
||||
<p>기소유예교육</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class="wrap inner">
|
||||
<!-- 공지사항 -->
|
||||
<div class="notice content_wrap">
|
||||
<div class="title">
|
||||
<h3>공지사항</h3>
|
||||
</div>
|
||||
<div class="content">
|
||||
<ul class="notice_list">
|
||||
|
||||
<c:forEach var="bbsData" items="${bbsList}" varStatus="status" end="4">
|
||||
<li>
|
||||
<a href="#none" onclick="javascript:fn_egov_inqire_notice('<c:out value="${bbsData.bbsId}"/>', '<c:out value="${bbsData.nttId}"/>');">
|
||||
<p class="date"><i></i><c:out value="${bbsData.frstRegisterPnttm}" /></p>
|
||||
<p class="title"><span class="emphasis">공지</span><c:out value='${bbsData.nttSj}' /></p>
|
||||
</a>
|
||||
</li>
|
||||
</c:forEach>
|
||||
|
||||
|
||||
<!--
|
||||
<li>
|
||||
<a href="#none">
|
||||
<p class="date"><i></i>2023-09-25</p>
|
||||
<p class="title"><span class="emphasis">공지</span>제 13기 청소년 전담 강사 양성</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#none">
|
||||
<p class="date"><i></i>2023-09-25</p>
|
||||
<p class="title">제 13기 청소년 전담 강사 양성</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#none">
|
||||
<p class="date"><i></i>2023-09-25</p>
|
||||
<p class="title">제 13기 청소년 전담 강사 양성</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#none">
|
||||
<p class="date"><i></i>2023-09-25</p>
|
||||
<p class="title">제 13기 청소년 전담 강사 양성</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#none">
|
||||
<p class="date"><i></i>2023-09-25</p>
|
||||
<p class="title">제 13기 청소년 전담 강사 양성</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#none">
|
||||
<p class="date"><i></i>2023-09-25</p>
|
||||
<p class="title">제 13기 청소년 전담 강사 양성</p>
|
||||
</a>
|
||||
</li>
|
||||
-->
|
||||
</ul>
|
||||
</div>
|
||||
<a href="<c:url value='/web/cop/bbs/selectBoardList2024.do?bbsId=BBSMSTR_000000000653'/>" class="btn_plus">더보기</a>
|
||||
</div>
|
||||
|
||||
<!-- 교육자료실 -->
|
||||
<div class="data_notice content_wrap">
|
||||
<div class="title">
|
||||
<h3>자료실</h3>
|
||||
</div>
|
||||
<div class="content">
|
||||
<ul class="notice_list">
|
||||
<c:forEach var="bbsData" items="${bbsList_2}" varStatus="status" end="3">
|
||||
<li>
|
||||
<a href="#none" onclick="javascript:fn_egov_inqire_data('<c:out value="${bbsData.bbsId}"/>', '<c:out value="${bbsData.nttId}"/>');">
|
||||
<p class="title"><i></i><c:out value='${bbsData.nttSj}' /></p>
|
||||
<p class="date"><c:out value="${bbsData.frstRegisterPnttm}" /></p>
|
||||
</a>
|
||||
</li>
|
||||
</c:forEach>
|
||||
|
||||
<!--
|
||||
<li>
|
||||
<a href="#none">
|
||||
<p class="title"><i></i>제 13기 청소년 전담 강사 양성</p>
|
||||
<p class="date">2023-09-25</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#none">
|
||||
<p class="title"><i></i>제 13기 청소년 전담 강사 양성</p>
|
||||
<p class="date">2023-09-25</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#none">
|
||||
<p class="title"><i></i>제 13기 청소년 전담 강사 양성</p>
|
||||
<p class="date">2023-09-25</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#none">
|
||||
<p class="title"><i></i>제 13기 청소년 전담 강사 양성</p>
|
||||
<p class="date">2023-09-25</p>
|
||||
</a>
|
||||
</li>
|
||||
-->
|
||||
</ul>
|
||||
</div>
|
||||
<a href="<c:url value='/web/cop/bbs/selectDataBoardList.do'/>" class="btn_plus">더보기</a>
|
||||
</div>
|
||||
|
||||
<!-- 알림판 -->
|
||||
<div class="notify content_wrap">
|
||||
<div class="title">
|
||||
<h3>알림판</h3>
|
||||
<div class="notify_control">
|
||||
<div class="swiper-button-prev"></div>
|
||||
<p class="slide_number"><span class="cur_number">1</span>/ <span class="all_number">5</span></p>
|
||||
<div class="swiper-button-next"></div>
|
||||
<button type="button" class="slide_pause notify_slide_util" title="슬라이드 일시정지"></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="notify_slide">
|
||||
<div class="swiper-wrapper">
|
||||
<!-- <div class="swiper-slide">
|
||||
<img src="/ipedu/visitEdu/usr/publish/images/main/main_notify_img_01.jpg" alt="">
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<img src="/ipedu/visitEdu/usr/publish/images/main/main_notify_img_02.jpg" alt="">
|
||||
</div> -->
|
||||
<c:forEach var="popipZoneList" items="${popupzoneList}" varStatus="status">
|
||||
<c:set var="popzATitle"></c:set>
|
||||
<c:if test="${popipZoneList.istarget == 'N'}">
|
||||
<c:set var="popzATitle">새창열림</c:set>
|
||||
</c:if>
|
||||
<c:if test="${popipZoneList.istarget == 'N'}">
|
||||
<a class="swiper-slide" href="javascript:popzoneOpen('${popipZoneList.mlink}','${popipZoneList.istarget}');" title="새창열림" >
|
||||
<div>
|
||||
<img style="cursor:pointer" onerror="this.src='/images/no_img.jpg'" alt="${popipZoneList.imgAlt} 팝업"
|
||||
src='<c:url value='/uss/ion/pwm/getImage.do'/>?atchFileId=<c:out value="${popipZoneList.popupzoneImageFile}"/>' />
|
||||
</div>
|
||||
</a>
|
||||
</c:if>
|
||||
<c:if test="${popipZoneList.istarget != 'N'}">
|
||||
<a class="swiper-slide" href="javascript:popzoneOpen('${popipZoneList.mlink}','${popipZoneList.istarget}');">
|
||||
<div>
|
||||
<img style="cursor:pointer" onerror="this.src='/images/no_img.jpg'" alt="${popipZoneList.imgAlt} 팝업"
|
||||
src='<c:url value='/uss/ion/pwm/getImage.do'/>?atchFileId=<c:out value="${popipZoneList.popupzoneImageFile}"/>' />
|
||||
</div>
|
||||
</a>
|
||||
</c:if>
|
||||
</c:forEach>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //main_content -->
|
||||
|
||||
<form name="frm" action="<c:url value='/web/cop/bbsWeb/selectBoardList.do'/>" method="post">
|
||||
<input type="hidden" name="bbsId" value="" />
|
||||
<input type="hidden" name="nttId" value="" />
|
||||
<input type="hidden" name="pageIndex" value="1" />
|
||||
</form>
|
||||
</html>
|
||||
@ -411,7 +411,7 @@ input[type="text"].input_time {width: 50px;}
|
||||
.file_wrap table thead th{height: 30px; font-size: 14px; color: #666; background-color: #fff; text-align: center; letter-spacing: -0.8px; vertical-align: middle; font-weight: 400; padding: 0; border-right: 0}
|
||||
.file_wrap th input,.file_wrap td input{height: auto;}
|
||||
.file_wrap .tb_file_before{height: 110px; position: relative;}
|
||||
.file_wrap tbody.tb_file_before td{padding: 0; height: 100%; background-color: #f1f1f1; background-image: url(../../../usr/publish/images/content/file_before.png); background-repeat: no-repeat; background-position: center 25px; text-align: center;}
|
||||
.file_wrap tbody.tb_file_before td{padding: 0; height: 100%; background-color: #f1f1f1; background-image: url(/ipedu/visitEdu/adm/publish/image/content/file_before.png); background-repeat: no-repeat; background-position: center 25px; text-align: center;}
|
||||
.file_wrap tbody.tb_file_before p{font-size: 14px; font-weight: 400; color: #666666; text-align: center; padding-top: 70px;}
|
||||
.file_wrap tbody.tb_file_before span{color: #2b68da;}
|
||||
.file_wrap tbody.tb_file_after{height: auto;}
|
||||
|
||||
@ -47,86 +47,9 @@
|
||||
<a href="./index.html">
|
||||
<p class="menu_tit">메인</p>
|
||||
</a>
|
||||
<a href="./index_2023.html">
|
||||
<p class="menu_tit">메인(2023)</p>
|
||||
</a>
|
||||
<ul class="dep01">
|
||||
<li><a href="./layout.html">서브 레이아웃</a></li>
|
||||
<li class="title">대국민</li>
|
||||
<li style="color: royalblue;">청소년 대상</li>
|
||||
<li><a href="./sub01.html">청소년 대상 > 교육신청 ++ 이전신청 불러오기, 학교검색 팝업</a></li>
|
||||
<li><a href="./sub02.html">m.청소년 대상 > 교육신청 목록</a></li>
|
||||
<li><a href="./sub03.html">m.청소년 대상 > 교육신청 상세</a></li>
|
||||
<li><a href="./sub11.html">m.청소년 대상 > 강의평가 > 교육완료 목록</a></li>
|
||||
<li><a href="./sub12.html">m.청소년 대상 > 강의평가 > 강의평가 > 강의평가 설문</a></li>
|
||||
<li><a href="./sub13.html">m.청소년 대상 > 강의평가 > 강의평가 설문</a></li>
|
||||
<li><a href="./sub28.html">m.청소년 대상 > 교육완료 목록</a></li>
|
||||
<li><a href="./sub48.html">m.청소년 대상 > 교육완료 상세</a></li>
|
||||
<li><a href="./sub29.html">청소년 대상 > 교육신청 수정</a></li>
|
||||
<li><a href="./sub30.html">m.청소년 대상 > 강의평가 설문 취합</a></li>
|
||||
<li><a href="./sub42.html">m.청소년 대상 > 강의평가 > 설문결과 목록</a></li>
|
||||
<li><a href="./sub43.html">m.청소년 대상 > 강의평가 > 설문결과 상세</a></li>
|
||||
<li><a href="./sub44.html">m.청소년 대상 > 강의평가 > 설문결과 수정</a></li>
|
||||
<li style="color: royalblue;">성인 대상</li>
|
||||
<li><a href="./sub14.html">성인 대상 > 교육신청 ++ 이전신청 불러오기, 학교검색 팝업</a></li>
|
||||
<li><a href="./sub15.html">m.성인 대상 > 교육신청 목록</a></li>
|
||||
<li><a href="./sub16.html">m.성인 대상 > 교육신청 상세</a></li>
|
||||
<li><a href="./sub31.html">m.성인 대상 > 교육완료 목록</a></li>
|
||||
<li><a href="./sub49.html">m.성인 대상 > 교육완료 상세</a></li>
|
||||
<li><a href="./sub32.html">성인 대상 > 교육신청 수정</a></li>
|
||||
<li><a href="./sub33.html">성인 대상 > 강의평가</a></li>
|
||||
<li style="color: royalblue;">저작권 체험교실</li>
|
||||
<li><a href="./sub34.html">m.저작권 체험교실 > 운영신청 목록</a></li>
|
||||
<li><a href="./sub35.html">저작권 체험교실 > 운영신청 상세 ++ 거래선 업로드, 저작권 체험교실 중간보고, 중간보고 제출 팝업</a></li>
|
||||
<li><a href="./sub36.html">저작권 체험교실 > 운영신청서 작성</a></li>
|
||||
<li><a href="./sub37.html">저작권 체험교실 > 운영신청서 수정</a></li>
|
||||
<li><a href="./sub38.html">m.저작권 체험교실 > 운영신청서 상세 사전설문조사등록</a></li>
|
||||
<li><a href="./sub39.html">저작권 체험교실 > 운영신청서 상세 결과보고</a></li>
|
||||
<li><a href="./sub40.html">m.저작권 체험교실 > 운영신청서 등록안내</a></li>
|
||||
|
||||
<li><a href="./sub45.html">m.저작권 체험교실 > 운영신청서 > 사전설문조사</a></li>
|
||||
<li><a href="./sub46.html">m.저작권 체험교실 > 운영신청서 > 설문결과 상세</a></li>
|
||||
<li><a href="./sub47.html">m.저작권 체험교실 > 운영신청서 > 설문결과 수정</a></li>
|
||||
<li><a href="./sub_ex_dashboard.html">체험교실 대시보드 (프로세스)</a></li>
|
||||
<li style="color: royalblue;">교육기반강화연수</li>
|
||||
<li><a href="./sub_training.html">교육기반강화연수 > 목록</a></li>
|
||||
<li><a href="./sub_training_dashboard.html">교육신청자 대시보드</a></li>
|
||||
<li style="color: royalblue;">기소유예</li>
|
||||
<li><a href="./sub_sus_dashboard.html">기소유예 교육신청 대시보드</a></li>
|
||||
|
||||
<li class="title">강사용</li>
|
||||
<li style="color: royalblue;">청소년 대상</li>
|
||||
<li><a href="./sub04.html">m.청소년 대상 > 강의관리 > 강의요청 목록</a></li>
|
||||
<li><a href="./sub05.html">m.청소년 대상 > 강의관리 > 강의요청 상세</a></li>
|
||||
<li><a href="./sub06.html">m.청소년 대상 > 강의관리 > 교육내역 목록</a></li>
|
||||
<li><a href="./sub07.html">m.청소년 대상 > 강의관리 > 교육내역 상세</a></li>
|
||||
<li><a href="./sub51.html">m.청소년 대상 > 강의내역 > 강의내역 상세 ++ 숙박신청 팝업</a></li>
|
||||
<li><a href="./sub08.html">m.청소년 대상 > 교육결관관리 > 종료 교육 목록</a></li>
|
||||
<li><a href="./sub09.html">m.청소년 대상 > 교육결관관리 > 교육결과보고 보고완료</a></li>
|
||||
<li><a href="./sub10.html">청소년 대상 > 교육결관관리 > 교육결과보고</a></li>
|
||||
<li><a href="./sub17.html">청소년 대상 > 강의설정</a></li>
|
||||
<li><a href="./sub18.html">청소년 대상 > 강사정보 > 강사등록 ++ 거주지 선택, 사진등록 팝업</a></li>
|
||||
<li style="color: royalblue;">성인 대상</li>
|
||||
<li><a href="./sub19.html">m.성인 대상 > 강의관리 > 강의요청 목록</a></li>
|
||||
<li><a href="./sub20.html">m.성인 대상 > 강의관리 > 강의요청 상세</a></li>
|
||||
<li><a href="./sub21.html">m.성인 대상 > 강의관리 > 교육내역 목록</a></li>
|
||||
<li><a href="./sub22.html">성인 대상 > 강의관리 > 교육내역 상세</a></li>
|
||||
<li><a href="./sub23.html">m.성인 대상 > 교육결관관리 > 종료 교육 목록</a></li>
|
||||
<li><a href="./sub24.html">m.성인 대상 > 교육결관관리 > 교육결과보고 보고완료</a></li>
|
||||
<li><a href="./sub25.html">성인 대상 > 강의설정</a></li>
|
||||
<li><a href="./sub26.html">성인 대상 > 강사정보 > 강사등록 ++ 거주지 선택, 사진등록 팝업</a></li>
|
||||
<li><a href="./sub26_2.html">성인 대상 > 강사정보 > 강사정보 상세</a></li>
|
||||
<li><a href="./sub27.html">m.성인 대상 > 강사정보 > 강사 유형 선택</a></li>
|
||||
<li class="title">기타</li>
|
||||
<li><a href="./login.html">로그인</a></li>
|
||||
<li><a href="./sub_etc.html">강의평가 설문</a></li>
|
||||
<li><a href="./sub41.html">외부협력과정 > 수강신청</a></li>
|
||||
<li><a href="./sub50.html">알림마당 > 공지사항(목록)</a></li>
|
||||
<li><a href="./sub56.html">알림마당 > 공지사항(등록)</a></li>
|
||||
<li><a href="./sub54.html">알림마당 > 공지사항(상세)</a></li>
|
||||
<li><a href="./sub55.html">알림마당 > FAQ</a></li>
|
||||
<li><a href="./sub52.html">강사정보 > 강사등록</a></li>
|
||||
<li><a href="./sub53.html">청소년저작권강사 대시보드</a></li>
|
||||
</ul>
|
||||
<p class="menu_tit">남은내역</p>
|
||||
<ul class="dep01">
|
||||
|
||||
@ -1,354 +1,204 @@
|
||||
:root{
|
||||
--primary-color:#396ac4;
|
||||
--primary-color-hover:#2a54b4;
|
||||
--primary-color-light:#eef7fc;
|
||||
--primary-color-light-hover:#e6f3fa;
|
||||
--primary-color-dark:#1e4aa4;
|
||||
--primary-color-dark-hover:#103788;
|
||||
|
||||
--secondary-color:#01a3cc;
|
||||
--secondary-color-hover:#057fab;
|
||||
--secondary-color-light:#f2fbfd;
|
||||
--secondary-color-light-hover:#ebf9fc;
|
||||
|
||||
--red-color:#e81717;
|
||||
--red-color-hover:#d11515;
|
||||
--red-color-light:#fde8e8;
|
||||
--red-color-light-hover:#fcdcdc;
|
||||
|
||||
--title-color:#333;
|
||||
--body-color:#555;
|
||||
--body2-color:#7c7c7c;
|
||||
--text-blue-color:#2e4677;
|
||||
--text-red-color:#dc1818;
|
||||
--placeholder-color:#9FA1A8;
|
||||
|
||||
--table-border-color:#E2E7EF;
|
||||
--table-fill-color:#F2F3F5;
|
||||
|
||||
--gray-bg-color:#f3f3f4;
|
||||
--lightgray-bg-color:#f8f9fa;
|
||||
}
|
||||
html,body{min-width:320px;}
|
||||
body {color: #222;}
|
||||
|
||||
.clearfix::after{display:block;content:"";clear:both;}
|
||||
/* ::after,::before{position:absolute;content:"";} */
|
||||
|
||||
.skip_menu {position:absolute; left:0; top:0; width:100%; margin:0 auto; z-index:999;}
|
||||
.skip_menu a{display:block; position:absolute; left:0; padding:10px 20px; height: 50px; line-height:30px; color:#fff; background:#000;width:100%;text-align:center;font-size: 18px;box-sizing: border-box;}
|
||||
.skip_menu a:link,.skip_menu a:visited,.skip_menu a:active{top:-10000px;}
|
||||
.skip_menu a:hover,.skip_menu a:focus{top:0;}
|
||||
|
||||
.logo img {width: 200px;}
|
||||
.mask{transition:all 0.5s;}
|
||||
.mask.on{position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:9;}
|
||||
|
||||
.inner{max-width:1440px;margin:0 auto;padding:0 25px;box-sizing:border-box;}
|
||||
|
||||
.hide,.mobile{display:none;}
|
||||
.show{display:block;}
|
||||
|
||||
/* header */
|
||||
header{width: 100%; height: 195px; position: fixed; top: 0; left: 0; transition: height .4s ease-in-out, background-color .4s ease-in-out, margin .4s ease-in-out; overflow: hidden; box-sizing: border-box;z-index: 20; background-color: #fff; border-bottom: 1px solid #f3f3f3; }
|
||||
header.on{background-color: #fff; box-shadow: 0 3px 10px rgba(0,0,0,0.1);}
|
||||
/* header::before{position: absolute; content: " "; display: block; top: 195px; left: 0; height: 2px; background-color: #e95504; opacity: 0; transition: opacity .4s ease-in-out;}
|
||||
header::after{position: absolute; content: " "; display: block; width: 100%; height: 2px; background-color: #e95504; top:195px; left: 0; opacity: 0; transition: opacity .4s ease-in-out;}
|
||||
header.on::after{top: 195px; opacity: 1; z-index: 0;}
|
||||
header.on::before{opacity: 1;} */
|
||||
header.scroll{box-shadow: 0 5px 8px rgba(0,0,0,0.15);}
|
||||
header{position:fixed;width:100%;background:#fff;top:0;z-index:9;transition:all 0.4s;}
|
||||
|
||||
/* .gnb_wrap{width: 100%; background-color: #eef0f3; height: 40px; overflow: hidden; padding: 0 20px; border-bottom: 1px solid #e2e4e6; box-sizing: border-box;} */
|
||||
.gnb_wrap{width: 100%; background-color: #fff; height: 50px; overflow: hidden; padding: 0 20px; border-bottom: 1px solid #e2e4e6; box-sizing: border-box;}
|
||||
.gnb_wrap .inner{max-width: 1400px; width: 100%; height: 100%; margin: 0 auto; display: flex; justify-content: space-between; align-items: center;}
|
||||
.gnb_wrap .site {padding: 8px 20px; background-color: #f5680b ; height: 100%; box-sizing: border-box; vertical-align: middle;}
|
||||
.gnb_wrap .site span{display: inline-block; vertical-align: middle; font-size: 13px; font-weight: 600; padding: 0 4px; box-sizing: border-box; background-color: #fff; color: #f5680b; border-radius: 5px; margin-left: 10px; transition: background-color 0.3s ease;}
|
||||
.gnb_wrap .site:hover {background-color: #e86016; transition: background-color 0.3s ease;}
|
||||
.gnb_wrap .area_right *{display: inline-block;}
|
||||
.gnb_wrap .area_right a,.gnb_wrap .area_right .login_after{height: 25px; font-size: 14px; color: #717171; font-weight: 400; line-height: 1.6; letter-spacing: -0.45px; vertical-align: unset;}
|
||||
.gnb_wrap .area_right .login_after{padding-right: 20px; text-align: right; position: relative;}
|
||||
.gnb_wrap .area_right .login_info {position: relative;}
|
||||
.gnb_wrap .area_right .login_after + .login_info {padding-right:20px;}
|
||||
.gnb_wrap .area_right .login_after + .login_info::before {right:7px;}
|
||||
.gnb_wrap .area_right .header_login_wrap {padding-right: 33px;}
|
||||
.gnb_wrap .area_right a i {display: inline-block; background-repeat: no-repeat; vertical-align: middle; margin-bottom: 2px; margin-right: 5px;}
|
||||
.gnb_wrap .area_right .header_login i {background-image: url(../images/common/headerTop_icon1.png); width: 11px; height: 15px;}
|
||||
.gnb_wrap .area_right .header_join {padding-right: 22px;margin:0 -10px 0 0;}
|
||||
.gnb_wrap .area_right .header_join i {background-image: url(../images/common/headerTop_icon3.png); width: 14px; height: 15px;}
|
||||
.gnb_wrap .area_right a:hover{text-decoration: underline;}
|
||||
.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;background-color: #fff; height: 40px; border-right: 1px solid #e5e5e5; font-size: 15px; color: #444; padding: 0 15px; vertical-align: middle; line-height: 36px;margin: 0 0 0 -4px;}
|
||||
.gnb_wrap .btn_util {margin:0 0 0 10px;}
|
||||
.gnb_wrap .btn_util button{width: 45px; height: 50px; 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 .btn_minus{margin-right: -5px; background-image: url(../images/common/headerTop_btn1.png);}
|
||||
.gnb_wrap .btn_util .btn_plus{background-image: url(../images/common/headerTop_btn2.png); border-right: 1px solid #e2e4e6;}
|
||||
.header_top_area{width:100%;height:55px;text-align:right;}
|
||||
.header_top_area .inner{display:flex;height:100%;background:#fff;justify-content:flex-end;align-items:center;}
|
||||
.header_top_area .user_info,.header_top_area .login_after{display:flex;font-size:1.6rem;color:var(--body2-color);align-items:center;}
|
||||
.header_top_area .login_after{gap:30px;}
|
||||
.header_top_area .user_info p{position:relative;}
|
||||
.header_top_area .user_info p::after{position:absolute;content:"";width:2px;height:12px;background:var(--body2-color);right:0;top:3px;}
|
||||
.header_top_area .user_info *{font-weight:500;padding:0 16px;}
|
||||
.header_top_area .user_info a{padding:0 0 0 16px;}
|
||||
.header_top_area .btn{position:relative;display:flex;height:38px;padding:0 20px;font-size:1.6rem;font-weight:500;line-height:1.4;color:var(--body2-color);border:1px solid var(--body2-color);border-radius:40px;justify-content:center;align-items:center;box-sizing:border-box;}
|
||||
.header_top_area .btn:hover{background:#f6f6f6;}
|
||||
|
||||
/* 알람추가 20231218*/
|
||||
.gnb_wrap .area_right .header_alarm {position: relative; background-image: url(../images/common/headerTop_alarm.png); background-repeat: no-repeat;width: 16px; height: 18px; margin:0 45px 0 0; top:3px;}
|
||||
.gnb_wrap .area_right .header_alarm .a_count {position: relative; left: 11px; top:-8px; font-size:12px; letter-spacing: -0.5px; background-color: #e95504; border-radius: 50%; width:20px; height:20px; line-height: 20px; color:#fff; text-align: center;font-weight: 600; }
|
||||
/*.t_none {font-size:0;}*/
|
||||
.t_none {overflow:hidden; display: block; position:absolute; border:0; width:1px; height:1px; clip:rect(1px, 1px, 1px, 1px);}
|
||||
nav{display:block;width:100%;max-height:90px;transition:max-height 0.6s;overflow:hidden;}
|
||||
nav.on{background:#fff;max-height:500px;}
|
||||
nav .inner{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;}
|
||||
nav .logo{display:flex;height:90px;align-items:center;}
|
||||
nav .logo img{margin:-20px 0 0 0;}
|
||||
nav .menu_area{display:flex;gap:100px;}
|
||||
nav .menu{display:flex;gap:60px;}
|
||||
nav .depth01{display:flex;height:90px;font-size:2.8rem;font-weight:600;color:#333;border-bottom:3px solid transparent;align-items:center;box-sizing:border-box;}
|
||||
nav li:hover .depth01{border-bottom:3px solid var(--primary-color);color:var(--primary-color)}
|
||||
|
||||
/* 공통메뉴 추가 20231218*/
|
||||
.gnb_wrap .top_link {display: inline-block;}
|
||||
.gnb_wrap .top_link ul{display: inline-block;}
|
||||
.gnb_wrap .top_link ul li{display: inline-block;width: auto;}
|
||||
.gnb_wrap .top_link ul li a{display:block;font-size:15px;padding: 0 30px;line-height: 46px;text-align: center;color: #555555;transition: 0.1s;}
|
||||
.gnb_wrap .top_link ul li.on::after{content: '';display: block;width: 100%;height: 3px;background-color: #d64309;}
|
||||
.gnb_wrap .top_link ul li.on a, .gnb_wrap .top_link ul li a:hover{color: #d64309;font-weight: 500;}
|
||||
.depth02_wrap{position:absolute;display:flex;width:100%;height:0;left:0;overflow:hidden;transition:height .5s;}
|
||||
.on .depth02_wrap{height:200px;top:100%;margin:0 auto;}
|
||||
.depth02_wrap::before{position:absolute;content:"";width:100vw;height:100%;background:#fff;border-top:1px solid #d8d8d8;box-shadow:0 5px 8px rgba(0,0,0,0.05);}
|
||||
.depth02,.depth02_wrap .menu_title{position:relative;}
|
||||
.depth02_wrap .menu_title{width:38vw;height:calc(100% + 1px);background:#396ac4;box-sizing:border-box;}
|
||||
.depth02_wrap .menu_title span{position:relative;display:block;font-size:2.7rem;font-weight:500;color:#fff;padding:0 0 0 17px;;margin:64px 0 0 18vw}
|
||||
.depth02_wrap .menu_title span::before{position:absolute;content:"";width:5px;height:23px;background:#fff;left:0;}
|
||||
.depth02_wrap .depth02{display:flex;padding:64px 0 0 70px;gap:30px;}
|
||||
.depth02_wrap .depth02 a{position:relative;font-size:2.3rem;font-weight:400;color:#333;padding:0 0 0 20px;}
|
||||
.depth02_wrap .depth02 a::before{position:absolute;content:"";width:8px;height:8px;border-radius:100%;background:#dfdfdf;left:0;top:8px;}
|
||||
|
||||
.header{padding: 0; box-sizing: border-box;}
|
||||
.header .header_top{width:100%; border-bottom:2px solid #f1f1f1;}
|
||||
.header_inner{max-width: 1400px; width: 100%; height: 90px; display: flex; align-items: center; justify-content: space-between; margin: 0 auto; position: relative;}
|
||||
/* 교육기부우수기관 위치변경 231218*/
|
||||
.header_inner .area_left {display:flex;}
|
||||
.header_inner .edumark{font-size:17px; margin:0 0 0 28px; display:flex; align-items:center;}
|
||||
.header_inner .edumark img{margin:0 5px 0 0;}
|
||||
.header_inner .area_right{display: flex;}
|
||||
nav .btn_sitemap,nav .btn_identify{width:40px;height:90px;}
|
||||
nav .btn_sitemap i{display:inline-block;width:100%;height:100%;background:url(/ipedu/visitEdu/usr/publish/images/common/icon_menu.png) no-repeat center center;}
|
||||
nav .btn_identify i{display:inline-block;width:100%;height:100%;background:url(/ipedu/visitEdu/usr/publish/images/common/icon_identify_mobile.png) no-repeat center center;}
|
||||
|
||||
.header .nav_wrap{box-sizing: border-box; height: 100%; margin: 0 auto;z-index: 1;}
|
||||
header.on .nav_wrap{position:relative;bottom: 0;}
|
||||
header .nav_wrap::after{position:absolute;content:"";width:100%;height:2px;background:#e95504;transition: all 0.4s ease-in-out;opacity: 0;}
|
||||
header.on .nav_wrap::after{opacity: 1;}
|
||||
.header .nav_wrap .inner{max-width:1400px;margin: 0 auto;}
|
||||
.header #menu{width: 100%; margin: 0 auto; height: 100%; }
|
||||
.header .depth01 {display: flex; height: 100%; /*padding: 15px 0;*/}
|
||||
.header .dep_li_01,.header_inner .dep_li_02,.header_inner .dep_li_03 {justify-content:flex-start;}
|
||||
.header .dep_li_04,.header_inner .dep_li_05,.header_inner .dep_li_06,.header_inner .dep_li_07 {justify-content:space-between;}
|
||||
.header .depth01_li{position: relative; box-sizing: border-box; }
|
||||
.header .dep_li_04 .depth01_li{width: calc((100% - 0px)/4);}
|
||||
.header .dep_li_01 .depth01_li{width: 100%;}
|
||||
.header .dep_li_02 .depth01_li{width: calc((100% - 20px)/2);}
|
||||
.header .dep_li_03 .depth01_li{width: calc((100% - 30px)/3);max-width:270px;}
|
||||
.header .dep_li_05 .depth01_li{width: calc(100%/5);}
|
||||
.header .dep_li_06 .depth01_li{width: calc((100% - 60px)/6);}
|
||||
.header .dep_li_07 .depth01_li{width: auto;}
|
||||
.header .menu_link{font-size: 20px; font-weight: 300; letter-spacing: -0.5px; display: flex; align-items: center; justify-content: center;/* height: 100%; */position: relative;font-family: 'GmarketSansMedium'; line-height: 1.25; padding:15px 0;}
|
||||
.header .menu_link::before{position: absolute; content: " "; display: block; width: 0; /*height: 2px; background-color: #E95504; left: 50%; transform: translateX(-50%); transition: width .4s ease-in-out; top: 32px;*/ z-index: 1;}
|
||||
.header .menu_link .menu_link_br {color: #d64309;font-family: 'GmarketSansMedium'; /*padding:0 0 0 5px;*/ text-indent:5px;}
|
||||
.header .on .menu_link{color: #d64309;}
|
||||
.on .nav_wrap .on .menu_link::before{width: 100%;}
|
||||
.header .depth02{position: absolute; top:53px; text-align: center; padding: 15px 0; width: 100%; left: 50%; transform: translateX(-50%);border-right: 1px solid #d5d5d5;}
|
||||
.header .depth01_li:first-child .depth02{border-left: 1px solid #d5d5d5;}
|
||||
.header .depth01_li:hover .depth02::after{position:absolute;content:"";width:calc(100% + 4px); height:100%; background-color:#fff8f4;left:-2px;top:0;}
|
||||
.header .depth01_li:hover .depth02 li{ position:relative;z-index:1;}
|
||||
.header .depth02 a{font-size: 17px; font-weight: 300; line-height: 1.3; height: 45px; display: flex; align-items: center; justify-content: center; word-break: keep-all;white-space:nowrap;}
|
||||
.header .depth02 a:hover,.header .depth02 a:focus{color: #d64309;font-weight:500;}
|
||||
.all_menu_wrap{position:fixed;width:100%;padding:45px 0 200px 0;background:#fff;left:0;top:-100%;opacity:0;transition:top .5s;z-index:15;}
|
||||
.all_menu_wrap.on{top:0;opacity:1;}
|
||||
.all_menu_wrap .top_area{position:relative;}
|
||||
.all_menu_wrap .btn_close{position:absolute;width:40px;height:40px;right:0;bottom:0;}
|
||||
.all_menu_wrap .btn_close i{display:inline-block;width:100%;height:100%;background:url(/ipedu/visitEdu/usr/publish/images/common/icon_close.png) no-repeat center center;}
|
||||
|
||||
.header_inner button{width: 27px; height: 26px; background-repeat: no-repeat;}
|
||||
.header_inner .btn_search{background-image: url(../images/common/btn_search.png); margin-right: 25px; margin-top: -2px;}
|
||||
.header_inner .btn_menu{background-image: url(../images/common/btn_menu.png);}
|
||||
.header_inner button.btn_mobile{display: none; margin: 0 8px; vertical-align: middle; margin-top: -2px;height:100%;background-position:center center;}
|
||||
.header_inner .btn_mobile{display:none;}
|
||||
/* 모바일 마이페이지,알람 추가 231218*/
|
||||
.header_inner .btn_mypage{background-image: url(../images/common/m_headerTop_mypage.png);background-size:26px auto; width:30px; margin:0 10px 0 0;}
|
||||
.header_inner .btn_mobile.btn_alarm { position: relative; margin:3px 10px 0 0; background-image: url(../images/common/m_headerTop_alarm.png); background-repeat: no-repeat; background-position: center center; width: 30px; height:60px; background-size: 23px auto;}
|
||||
.header_inner .btn_mobile.btn_alarm .m_a_count {position: absolute; left: 15px; top:10px; display:inline-block; font-size:12px; letter-spacing: -0.5px; background-color: #e95504; border-radius: 50%; width:21px; height:21px; line-height:21px; color:#fff; text-align: center;font-weight: 600;}
|
||||
|
||||
.header_inner .btn_login{background-image: url(../images/common/m_headerTop_icon1.png);background-size:21px auto;}
|
||||
.header_inner .btn_logout{background-image: url(../../../../kccadrPb/usr/image/common/btn_logout.png);}
|
||||
.header_inner .btn_join{width: 35px; background-image: url(../images/common/m_headerTop_icon2.png);background-size:26px auto;}
|
||||
.header_inner .btn_usredit{width: 35px; background-image: url(../../../../kccadrPb/usr/image/common/btn_usredit.png);}
|
||||
.header_inner .m_header_login,
|
||||
.header_inner .m_header_join {display:none;}
|
||||
/* //header */
|
||||
|
||||
/* full menu */
|
||||
.full_menu{visibility: hidden; width: 100%; position: fixed; background-color: #eef0f3; min-height: 500px; padding: 100px 50px 50px 50px; box-sizing: border-box; top: -500px; transition: top 0.5s ease, box-shadow 0.3s ease; z-index: 21; border-radius: 0 0 20px 20px;}
|
||||
.full_menu.on{visibility: visible; top: 0; box-shadow: 0 5px 8px rgba(0,0,0,0.3);}
|
||||
.full_menu .inner{display: flex; max-width: 1400px; width: 100%; position: relative; margin: 0 auto; justify-content: space-between; align-items: flex-start;}
|
||||
.full_menu .logo{width: 230px;}
|
||||
.full_menu .logo img{width: 220px;}
|
||||
.full_menu .btn_close{background-image: url(../images/common/btn_close.png); width: 40px; height: 40px; background-repeat: no-repeat; border: 1px solid #ef7b0f; border-radius: 3px; background-position: center;}
|
||||
.full_menu .btn_close:hover {box-shadow: 0 0 5px rgba(0,0,0,.15); transition: width .4s ease-in-out;}
|
||||
.full_menu .depth01{width: calc(100% - 500px);}
|
||||
.full_menu .depth01_li{display: flex; border-bottom: 1px solid #d5d5d5; padding: 20px 0;}
|
||||
.full_menu .depth01_li:first-child{padding: 0 0 20px 0;}
|
||||
.full_menu .depth01_li:last-child{border-bottom: 0;}
|
||||
.full_menu .depth01_li .menu_link{width:350px;font-size: 20px; font-weight: 500; color: #222;}
|
||||
.full_menu .depth01_li:hover .menu_link,.full_menu .depth01_li .depth02 li:hover{color: #d64309;}
|
||||
.full_menu .depth01_li .depth02 li:hover{font-weight: 500;}
|
||||
.full_menu .depth01_li .depth02{display: flex; width: calc(100% - 138px); font-size: 18px; font-weight: 300; color: #666; justify-content:flex-start; flex-wrap: wrap;}
|
||||
.full_menu .depth01_li .depth02 li{width:calc(100% / 4); height:40px;}
|
||||
|
||||
/* .full_menu .depth01 .menu_link{font-size: 20px; font-weight: 500; color: #ea5404; position: relative; padding-bottom: 25px; letter-spacing: -1px; text-align: center; height: 40px;}
|
||||
.full_menu .depth01 .menu_link>span {display: block; padding-top: 5px;}
|
||||
.full_menu .depth01 .menu_link::before{position: absolute; content: " "; width: 75px; height: 3px; background-color: #ea5404; left: 50%; bottom: 0; transform: translateX(-50%);}
|
||||
.full_menu .depth02{margin-top: 10px;}
|
||||
.full_menu .depth02 a{height: 40px; display: flex; align-items: center; justify-content: center; letter-spacing: -1px; font-size: 17px; font-weight: 400;}
|
||||
.full_menu .depth02 a:hover {font-weight: 700;}
|
||||
.full_menu .link{display: inline-block; width: 16px; height: 16px; background-image: url(../images/common/link_icon.png);background-repeat: no-repeat; margin-left: 6px;} */
|
||||
/* //full menu */
|
||||
|
||||
/* moblie menu */
|
||||
#m_menu{visibility: hidden; height: 0;}
|
||||
/* //moblie menu */
|
||||
|
||||
/* path */
|
||||
.path {width: 100%; background-color: #ebedf2; height: 50px;}
|
||||
.path .pathedfr {max-width: 1400px; padding: 0 10px; margin: 0 auto; box-sizing: border-box;}
|
||||
.path .pathedfr ul {display: flex; align-items: center; height: 50px;}
|
||||
.path .pathedfr ul li {align-self: center; font-size: 16px; color: #666; font-weight: 300;}
|
||||
.path .pathedfr ul li:nth-child(even) {color: #666; font-size: 14px; margin: 0 8px;}
|
||||
.path .pathedfr ul li.home i {background-image: url(../images/common/home_icon.png); width: 19px; height: 17px; display: inline-block; margin-bottom: -2px; margin-right: 10px;}
|
||||
.path .m_pathedfr {display:none;}
|
||||
|
||||
/* snb */
|
||||
/* .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;}
|
||||
.snb .ssleftxt ul li{width: 100%; height: 45px; border-radius: 5px; border: 1px solid #d5d7dc; margin-bottom: 5px; display: table;}
|
||||
.snb .ssleftxt ul li:last-child {margin-bottom: 0;}
|
||||
.snb .ssleftxt ul li a{width:100%;height:100%;color:#666;padding:0 15px;box-sizing:border-box; font-size: 18px; display: table-cell; vertical-align: middle; font-weight: 300;}
|
||||
.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; border-top:1px solid #eee; margin:65px 0 0 0; background-color: #f8f8f8;}
|
||||
.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(../images/content/select1.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(../images/content/select1.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:#d64309;background:#fff3ec;}
|
||||
.all_menu_wrap .menu{display:flex;margin:45px 0 0 0;gap:20px;}
|
||||
.all_menu_wrap .menu>li{width:calc((100% / 5) - 20px);}
|
||||
.all_menu_wrap .menu .depth01{display:flex;width:100%;min-height:80px;font-size:2.1rem;font-weight:500;color:#fff;text-align:center;padding:10px;line-height:1.4;background:var(--primary-color);border-radius:10px;justify-content:center;align-items:center;box-sizing:border-box;transition:all .3s;}
|
||||
.all_menu_wrap .menu .depth01:hover{background:var(--primary-color-hover);}
|
||||
.all_menu_wrap .menu .depth02{display:flex;flex-direction:column;padding:0 20px;margin:32px 0 0 0;gap:25px;}
|
||||
.all_menu_wrap .menu .depth02 a{position:relative;font-size:2.1rem;color:#333;padding:0 0 0 18px;transition:all .3s;}
|
||||
.all_menu_wrap .menu .depth02 a:hover{color:var(--primary-color);}
|
||||
.all_menu_wrap .menu .depth02 a::before{position:absolute;content:"";width:8px;height:8px;background:#dfdfdf;border-radius:100%;left:0;top:7px;}
|
||||
.all_menu_wrap .menu .depth02 a:hover::before{background:var(--primary-color-light-hover);}
|
||||
|
||||
/* footer */
|
||||
/* footer{width: 100%; background-color: #eef0f3; position: relative; padding: 0 10px; box-sizing: border-box; color: #666; position: relative; margin: 80px auto 0 auto;} */
|
||||
footer{width: 100%; background-color: #fff; position: relative; padding: 0 10px; box-sizing: border-box; color: #666; position: relative; margin: 0 auto 0 auto;}
|
||||
footer::before { content: ""; width: 100%; height: 50px; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; position: absolute; top: 0; left: 0;}
|
||||
footer .site ul {display: flex; height: 50px; align-items: center;}
|
||||
footer .inner{max-width: 1400px; width: 100%; margin: 0 auto; }
|
||||
footer .area_top{display: flex; align-items: center; justify-content: space-between; position: relative; padding: 45px 0;}
|
||||
footer .site{font-size: 16px; position: relative;}
|
||||
footer .site li{padding: 0 24px; position: relative; font-weight: 400; transition: all 0.3s ease;}
|
||||
footer .site li::before{position: absolute; content: " "; width: 1px; height: 14px; background-color: #cbced4; top: 50%; right: 0; transform: translateY(-50%);}
|
||||
footer .site li:last-child::before{display: none;}
|
||||
footer .site li:first-child{padding-left: 0;}
|
||||
footer .site li a:hover {text-decoration: underline;}
|
||||
footer select{width: 204px; height: 40px; border: 1px solid #cbcdd1; background-image: url(../images/common/footer_select.png); background-position: calc(100% - 15px) center; background-repeat: no-repeat; padding: 0 10px; font-size: 15px; color: #666;}
|
||||
footer .btn_go{width: 50px; height: 40px; border: 1px solid #cbcdd1; background-color: #eaecef; vertical-align: middle; border-radius: 5px; color: #666; transition: all 0.1s linear; font-size: 16px; margin: 0 0 0 4px;}
|
||||
footer .btn_go:hover{box-shadow: 0 0 5px rgba(0,0,0,0.2); transition: all 0.1s linear;}
|
||||
footer .logo,footer address{display: inline-block; vertical-align: middle;}
|
||||
footer .logo{/*padding: 47px 0;*/ transition: all 0.3s ease;}
|
||||
footer address {font-size: 14px; font-weight: 400; margin-left: 20px; transition: all 0.3s ease;}
|
||||
footer address p:first-child{margin-bottom: 8px;}
|
||||
footer .site_go{display: flex;align-items: center;justify-content: space-between;}
|
||||
footer .wa_mark .wa {width: 110px;margin: 0 40px 0 0;}
|
||||
/* //footer */
|
||||
footer{width:100%;background:#262628;}
|
||||
footer .area_top{padding:40px 0;border-bottom:1px solid #434344;}
|
||||
footer .area_top ul{display:flex;align-items:center;}
|
||||
footer .area_top ul a{position:relative;padding:0 20px;font-size:2.3rem;color:#e0dede;}
|
||||
footer .area_top ul a::after{position:absolute;content:"";width:2px;height:12px;background:#72787D;right:0;top:7px;}
|
||||
footer .area_top ul li:last-child a::after{display:none;}
|
||||
footer .area_top li:first-child a{color:#118be5;font-weight:700;padding:0 20px 0 0;}
|
||||
footer .area_bottom .inner{display:flex;padding:60px 0 100px 0;gap:170px;align-items:center;}
|
||||
footer address{color:#8a8a8a;}
|
||||
footer address p{font-size:2.3rem;line-height:1.5;margin:0 0 8px 0;}
|
||||
footer address span{font-size:2.3rem;font-weight:600;color:#c4c4c4;}
|
||||
|
||||
.error_page{width: 100%; height: 100%; margin: 0 auto; text-align: center;}
|
||||
.error_wrap{border: 1px solid #d5d5d5; display: inline-flex; align-items: center; margin: 200px auto 50px auto; padding: 15px 50px 15px 0; justify-content: center;}
|
||||
.error_wrap i{display: block; width: 266px; height: 200px; background-image: url(../../../adm/publish/image/warming.jpg); border-right: 1px solid #d5d5d5; }
|
||||
.error_wrap .text_area{width: calc(100% - 266px); font-size: 20px; padding-left: 30px; text-align: left;}
|
||||
.error_wrap .text_area p{font-size: 16px; color: #555; margin-top: 10px; line-height: 1.4;}
|
||||
.error_wrap .error_btn {text-align:center;}
|
||||
.error_page .error_btn button {background-color:#1b6fcd; color: #fff; padding: 8px 25px; font-size: 16px;}
|
||||
@media (max-width: 1480px) {
|
||||
nav .menu_area{gap:60px;}
|
||||
}
|
||||
|
||||
@media all and (max-width: 1280px){
|
||||
/* header */
|
||||
.header_inner .nav_wrap{padding: 0 5px; margin: 0 5px;}
|
||||
.header_inner .menu_link{font-size: 17px; letter-spacing: -0.25px;}
|
||||
/* //header */
|
||||
footer address {width: 36%;}
|
||||
@media (max-width: 1280px) {
|
||||
nav .menu_area{gap:30px;}
|
||||
nav .menu{gap:20px;}
|
||||
nav .depth01{font-size:2.2rem;padding:0 15px;}
|
||||
}
|
||||
|
||||
@media (max-width: 1023px){
|
||||
|
||||
.mobile{display:block;}
|
||||
.pc{display:none;}
|
||||
|
||||
.header_top_area{display:none;}
|
||||
|
||||
nav{height:110px;max-height:110px;}
|
||||
nav .inner{height:110px;align-items:center;}
|
||||
nav .logo{height:60px;}
|
||||
nav .logo img{height:100%;margin:0;}
|
||||
nav .menu{display:none;}
|
||||
nav .depth01{display:none;}
|
||||
nav .btn_wrap{display:flex;gap:32px;}
|
||||
nav .btn_sitemap, nav .btn_identify{padding:0;}
|
||||
nav .btn_sitemap i{background:url(/ipedu/visitEdu/usr/publish/images/common/icon_menu_mobile.png) no-repeat center center;}
|
||||
|
||||
.all_menu_wrap{max-height:100%;padding:30px 0;overflow:auto;top:0;left:100%;transition:left .5s;}
|
||||
.all_menu_wrap.on{left:0;}
|
||||
.all_menu_wrap .inner{padding:0 25px 200px 25px;}
|
||||
.all_menu_wrap .btn_close{width:68px;height:68px;}
|
||||
.all_menu_wrap .btn_close i{width:calc(100% - 8px);height:calc(100% - 8px);background:url(/ipedu/visitEdu/usr/publish/images/common/icon_close_mobile.png) no-repeat center center;background-size:contain;}
|
||||
.all_menu_wrap .menu{flex-direction:column;gap:32px;}
|
||||
.all_menu_wrap .menu>li{width:100%;}
|
||||
.all_menu_wrap .menu .depth01{height:80px;padding:0 0 0 28px;font-size:2.8rem;justify-content:flex-start;}
|
||||
.all_menu_wrap .menu>li br{display:none;}
|
||||
.all_menu_wrap .menu .depth02 a{font-size:2.8rem;}
|
||||
.all_menu_wrap .menu .depth02 a::before{top:11px;}
|
||||
|
||||
footer .inner{padding:0;}
|
||||
footer .area_top{padding:100px 60px;}
|
||||
footer .area_top ul{flex-direction:column;align-items:flex-start;gap:60px;}
|
||||
footer .area_top ul a{font-size:5.6rem;padding:0;}
|
||||
footer .area_top ul a::after{display:none;}
|
||||
|
||||
footer .area_bottom .inner{flex-direction:column;align-items:flex-start;padding:94px 60px;gap:140px;;}
|
||||
footer address p,footer address span{font-size:5.2rem;}
|
||||
|
||||
}
|
||||
|
||||
@media all and (max-width: 1024px){
|
||||
/* moblie menu */
|
||||
.nav_wrap,#menu{display: none;}
|
||||
|
||||
#m_menu{position: fixed; width: 100%; height: 100%; background-color: #fff; box-sizing: border-box; top: 0; right: -100%; transition: all 0.5s ease; z-index: 26;}
|
||||
#m_menu.on{visibility: visible; right: 0; transition: all 0.5s ease;}
|
||||
#m_menu .area_top{text-align: right;}
|
||||
#m_menu .btn_close_wrap {width: 100%; height: 70px; position: absolute; top:0; left: 0; background-color: #ef7b0f;}
|
||||
#m_menu .btn_close{background-image: url(../images/common/btn_close2.png);background-repeat: no-repeat; background-position: center; width: 40px; height: 40px; border: 1px solid #fff; border-radius: 3px; position: absolute; right: 20px; top: 50%; transform: translateY(-50%);}
|
||||
#m_menu .btn_close:hover {box-shadow: 0 0 5px rgba(0,0,0,.25);}
|
||||
#m_menu .depth01{width: 100%; padding: 0 10px; margin-top: 70px;box-sizing: border-box;}
|
||||
#m_menu .depth01_li{overflow: hidden; height: 60px; transition: height 0.3s linear; display: block; position: relative;}
|
||||
#m_menu .depth01_li::before{position: absolute; content: " "; width: 100%; height: 1px; background-color: #e5e5e5; opacity: 0;}
|
||||
#m_menu .depth01_li.on{height: 280px;transition: height 0.3s linear;}
|
||||
#m_menu .depth01_li.on::before{opacity: 1; bottom: 0;}
|
||||
#m_menu .menu_tit{font-size: 20px; height: 60px; border-bottom: 1px solid #e5e5e5; width: 100%; text-align: left; padding-left: 20px; position: relative;}
|
||||
#m_menu .menu_tit::after {background-image: url(../images/common/m_menu_plus.png); background-position: center; background-repeat: no-repeat; width: 36px; height: 36px; content: ""; position: absolute; top: 50%; right: 10px; transform: translateY(-50%);}
|
||||
#m_menu .menu_tit span {color: #f37632;}
|
||||
#m_menu .depth01_li.on .menu_tit {border-bottom: 1px solid #f37632; color: #f37632;}
|
||||
#m_menu .depth02{visibility: hidden; height: 100%; margin: 10px 0; opacity: 0; transition: all 0.3s linear; background-color: #f5f5f5;}
|
||||
#m_menu .on .depth02{visibility: visible; height: auto; transition: all 0.3s linear; opacity: 1;}
|
||||
#m_menu .depth02 a{height: 50px; display: flex; align-items: center; padding-left: 20px; font-size: 17px;}
|
||||
/*// moblie menu */
|
||||
|
||||
.snb {display: none;}
|
||||
|
||||
header {height:120px; box-sizing:border-box;}
|
||||
/* 공통헤더 추가 231218*/
|
||||
header .gnb_wrap { padding: 0;}
|
||||
header .gnb_wrap .top_link {width:100%; border-bottom:1px solid #e2e4e6;}
|
||||
header .gnb_wrap .top_link ul{display: flex;}
|
||||
header .gnb_wrap .top_link ul li{width:25%;}
|
||||
header .gnb_wrap .top_link ul li a{/*align-items: center; justify-content: center;*/font-size:15px;padding:0;line-height:46px;color: #555555;transition: 0.1s;}
|
||||
header .gnb_wrap .top_link ul li.on::after{content: '';display: block;width: 100%;height: 3px;background-color: #e95504;}
|
||||
header .gnb_wrap .top_link ul li.on a, .gnb_wrap .top_link ul li a:hover{color: #e95504;font-weight: 500;}
|
||||
|
||||
/* 추가작업 231218*/
|
||||
header .header .header_top {border-bottom:none; }
|
||||
.header_inner button.btn_mobile {display:block; }
|
||||
.header_inner .btn_mobile {display:block; }
|
||||
.header_inner .edumark {display:none;}
|
||||
.gnb_wrap .area_right {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;}
|
||||
header .header .header_inner h1 a img {height:43px;}
|
||||
header .header .header_inner .area_right {height:100%;}
|
||||
header .header .header_inner .area_right .btn_search {display:none;}
|
||||
header .header .header_inner .area_right .btn_menu {width:35px;height:100%;background-image:url(../images/common/m_btn_menu.png);background-size:29px 21px;background-position:center center;}
|
||||
header .header .header_inner .area_right .m_header_login {display:flex;width:40px;height:100%;margin:0 5px 0 0;padding:0;font-size:0;align-items:center;justify-content:center;text-indent:-9999em;z-index:1;}
|
||||
header .header .header_inner .area_right .m_header_login i {width:21px;height:28px;margin:0;background-image:url(../images/common/m_headerTop_icon1.png);background-size:21px auto;}
|
||||
header .header .header_inner .area_right .m_header_join {display:flex;width:40px;height:100%;margin:0 5px 0 0;padding:0;font-size:0;align-items:center;justify-content:center;text-indent:-9999em;z-index:1;}
|
||||
header .header .header_inner .area_right .m_header_join i {width:26px;height:28px;margin:0;background-image:url(../images/common/m_headerTop_icon2.png);background-size:26px auto;}
|
||||
|
||||
.container .navigation {margin:-10px 0 0 0; }
|
||||
.container .navigation .inner {padding:0;}
|
||||
@media (max-width: 767px){
|
||||
.all_menu_wrap .btn_close{width:50px;height:50px;}
|
||||
.all_menu_wrap .menu{flex-direction:column;gap:25px;}
|
||||
.all_menu_wrap .menu .depth01{min-height:60px;height:60px;padding:0 0 0 20px;font-size:2rem;justify-content:flex-start;}
|
||||
.all_menu_wrap .menu .depth02{margin:25px 0 0 0;gap:25px;}
|
||||
.all_menu_wrap .menu .depth02 a{font-size:2rem;}
|
||||
.all_menu_wrap .menu .depth02 a::before{top:6px;}
|
||||
|
||||
/* footer */
|
||||
footer .area_top {align-items: flex-start; padding: 40px 0 90px 0;}
|
||||
footer address {width: 72%}
|
||||
footer .wa_mark {position: absolute; bottom: 6px; right: 0;}
|
||||
footer .site_go {position: absolute; bottom: 23px; left: 0;}
|
||||
nav .logo{max-width:60%;}
|
||||
nav .logo img{width:100%;height:auto;}
|
||||
|
||||
footer .area_top{padding:50px 30px;}
|
||||
footer .area_top ul{gap:30px;}
|
||||
footer .area_top ul a{font-size:2.8rem;}
|
||||
|
||||
footer .area_bottom .inner{padding:47px 30px;gap:70px;}
|
||||
footer .area_bottom .mobile{max-width:70%;}
|
||||
footer .area_bottom .mobile img{width:100%;}
|
||||
footer address p, footer address span{font-size:2.6rem;}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 767px){
|
||||
@media (max-width: 479px){
|
||||
.inner{padding:0 15px;}
|
||||
|
||||
header .header .header_top {border-bottom:none; }
|
||||
nav .logo{max-width:45%;}
|
||||
nav .btn_wrap{gap:16px;}
|
||||
nav .btn_sitemap, nav .btn_identify{width:30px;height:30px;}
|
||||
nav .btn_identify i{background-size: auto 100%;}
|
||||
nav .btn_sitemap i{background-size: 100% auto;}
|
||||
|
||||
header .gnb_wrap .site,
|
||||
header .gnb_wrap .btn_util {display:none;}
|
||||
header .gnb_wrap .area_right, .gnb_wrap .area_left p {display:none;}
|
||||
|
||||
.path {height:50px;background:#f5680b;}
|
||||
.path .pathedfr {display:none;}
|
||||
.path .m_pathedfr {display:block;}
|
||||
.path .m_pathedfr > ul:after {content:'';display:block;clear:both;}
|
||||
.path .m_pathedfr > ul > li {position:relative;float:left;width:50%;height:100%;border-left:1px solid #fcae83;box-sizing:border-box;}
|
||||
.path .m_pathedfr > ul > li:first-child {border:0 none;}
|
||||
.path .m_pathedfr > ul > li .path_btn {position:relative;display:block;width:100%;height:50px; padding:0 0 0 10px;font-size:18px;text-align:left;color:#fff;}
|
||||
.path .m_pathedfr > ul > li .path_btn:after {content:'';position:absolute;right:15px;top:0; width:18px;height:50px;background:url(../images/common/path_btn_arrow.png) no-repeat left top;}
|
||||
.path .m_pathedfr > ul > li .path_btn.active:after {transform:rotate(180deg);}
|
||||
.path .m_pathedfr > ul > li ul {display:none;position:absolute;left:0;top:50px;width:100%; padding:3px 0;border-top:1px solid #fcae83;background:#fb8b4e;box-sizing:border-box;}
|
||||
.path .m_pathedfr > ul > li ul li a {display:block;padding:0 0 0 10px;font-size:16px;line-height:35px;color:#fff;}
|
||||
|
||||
.container .navigation {margin:50px 0 0 0; }
|
||||
.container .navigation .inner {padding:0;}
|
||||
.navigation .list > li {width: calc((100% - 2px)/2);}
|
||||
.navigation .list > li .navi_title{width: 100%;}
|
||||
|
||||
/* footer */
|
||||
footer .site {margin:0 -10px;}
|
||||
footer .site ul {justify-content:center;}
|
||||
footer .site ul li {padding:0 10px;font-size:14px;text-align:center;}
|
||||
footer .site ul li:first-child {padding:0 10px;}
|
||||
footer .area_top {display:block;padding:20px 10px;}
|
||||
footer .area_top .logo {display:block;}
|
||||
footer .area_top .logo a {display:block;}
|
||||
footer .area_top .logo a img {width:140px;}
|
||||
footer .area_top address {display:block; width: 100%; margin:15px 0 80px 0;}
|
||||
footer .area_top address p {margin:0 0 4px;font-size:14px;line-height:20px;}
|
||||
footer .area_top .site_go {left:initial;right:0;top:20px;width:calc(100% - 165px);align-items:flex-end;}
|
||||
footer .area_top .site_go:after {content:'';display:block;clear:both;}
|
||||
footer .wa_mark {left: 0; bottom: 12px;}
|
||||
footer .area_top .site_go select {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left;width:calc(100% - 45px);height:35px;padding:0 35px 0 15px;font-size:14px;background-size:10px;}
|
||||
footer .area_top .site_go .btn_go {float:right;width:40px;height:35px;font-size:14px;}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 767px){
|
||||
header .header .header_inner h1 a img{width:150px;height:auto;}
|
||||
}
|
||||
.all_menu_wrap .logo{max-width:60%;}
|
||||
.all_menu_wrap .logo img{width:100%;}
|
||||
|
||||
@media screen and (max-width: 400px){
|
||||
/* 공통헤더 추가*/
|
||||
header .gnb_wrap .inner .top_link ul li a { font-size: 12px; }
|
||||
footer .area_top address{margin:15px 0;}
|
||||
footer .wa_mark,footer .area_top .site_go{position:unset;}
|
||||
footer .wa_mark{margin:0 0 30px 0;}
|
||||
footer .area_top .site_go{width:100%;}
|
||||
}
|
||||
|
||||
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
|
||||
.header_inner .area_right{/* width: 80px; */justify-content: space-between;}
|
||||
.header_inner .btn_search{margin-right: 0;}
|
||||
}
|
||||
footer .area_bottom .inner{gap:35px;}
|
||||
footer .area_top ul a,footer address p, footer address span{font-size:2rem;}
|
||||
}
|
||||
@ -1,287 +0,0 @@
|
||||
body {color: #222;}
|
||||
|
||||
.clearfix::after{display:block;content:"";clear:both;}
|
||||
|
||||
.skip_menu {position:absolute; left:0; top:0; width:100%; margin:0 auto; z-index:999;}
|
||||
.skip_menu a{display:block; position:absolute; left:0; padding:10px 20px; height: 50px; line-height:30px; color:#fff; background:#000;width:100%;text-align:center;font-size: 18px;box-sizing: border-box;}
|
||||
.skip_menu a:link,.skip_menu a:visited,.skip_menu a:active{top:-10000px;}
|
||||
.skip_menu a:hover,.skip_menu a:focus{top:0;}
|
||||
|
||||
.logo img {width: 200px;}
|
||||
|
||||
/* header */
|
||||
header{width: 100%; height: 130px; position: fixed; top: 0; left: 0; transition: height .4s ease-in-out, background-color .4s ease-in-out, margin .4s ease-in-out; overflow: hidden; box-sizing: border-box;z-index: 20; background-color: #fff;}
|
||||
header.on{background-color: #fff; box-shadow: 0 3px 10px rgba(0,0,0,0.1);}
|
||||
header::before{position: absolute; content: " "; display: block; top: 130px; left: 0; height: 1px; background-color: #ddd; opacity: 0; transition: opacity .4s ease-in-out;}
|
||||
header::after{position: absolute; content: " "; display: block; width: 100%; height: 1px; background-color: #d5d5d5; top: 130px; left: 0; opacity: 0; transition: opacity .4s ease-in-out;}
|
||||
header.on::after{top: 130px; opacity: 1;}
|
||||
header.on::before{opacity: 1;}
|
||||
header.scroll{box-shadow: 0 5px 8px rgba(0,0,0,0.15);}
|
||||
|
||||
/* .gnb_wrap{width: 100%; background-color: #eef0f3; height: 40px; overflow: hidden; padding: 0 20px; border-bottom: 1px solid #e2e4e6; box-sizing: border-box;} */
|
||||
.gnb_wrap{width: 100%; background-color: #fff; height: 40px; overflow: hidden; padding: 0 20px; border-bottom: 1px solid #e2e4e6; box-sizing: border-box;}
|
||||
.gnb_wrap .inner{max-width: 1400px; width: 100%; height: 100%; margin: 0 auto; display: flex; justify-content: space-between; align-items: center;}
|
||||
.gnb_wrap .site {padding: 8px 20px; background-color: #f5680b ; height: 100%; box-sizing: border-box; vertical-align: middle;}
|
||||
.gnb_wrap .site span{display: inline-block; vertical-align: middle; font-size: 13px; font-weight: 600; padding: 0 4px; box-sizing: border-box; background-color: #fff; color: #f5680b; border-radius: 5px; margin-left: 10px; transition: background-color 0.3s ease;}
|
||||
.gnb_wrap .site:hover {background-color: #e86016; transition: background-color 0.3s ease;}
|
||||
.gnb_wrap .area_right *{display: inline-block;}
|
||||
.gnb_wrap .area_right a,.gnb_wrap .area_right .login_after{height: 25px; font-size: 14px; color: #717171; font-weight: 400; line-height: 1.6; letter-spacing: -0.45px; vertical-align: unset;}
|
||||
.gnb_wrap .area_right .login_after{padding-right: 20px; text-align: right; position: relative;}
|
||||
.gnb_wrap .area_right .login_info {position: relative;}
|
||||
.gnb_wrap .area_right .login_after + .login_info {padding-right:20px;}
|
||||
.gnb_wrap .area_right .login_after + .login_info::before {right:7px;}
|
||||
.gnb_wrap .area_right .header_login_wrap {padding-right: 33px;}
|
||||
.gnb_wrap .area_right a i {display: inline-block; background-repeat: no-repeat; vertical-align: middle; margin-bottom: 2px; margin-right: 5px;}
|
||||
.gnb_wrap .area_right .header_login i {background-image: url(../images/common/headerTop_icon1.png); width: 11px; height: 15px;}
|
||||
.gnb_wrap .area_right .header_join {padding-right: 22px;margin:0 -10px 0 0;}
|
||||
.gnb_wrap .area_right .header_join i {background-image: url(../images/common/headerTop_icon3.png); width: 14px; height: 15px;}
|
||||
.gnb_wrap .area_right a:hover{text-decoration: underline;}
|
||||
.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;background-color: #fff; height: 40px; border-right: 1px solid #e5e5e5; font-size: 15px; color: #444; padding: 0 15px; vertical-align: middle; line-height: 36px;margin: 0 0 0 -4px;}
|
||||
.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);}
|
||||
.gnb_wrap .btn_util .btn_minus{margin-right: -5px; background-image: url(../images/common/headerTop_btn1.png);}
|
||||
.gnb_wrap .btn_util .btn_plus{background-image: url(../images/common/headerTop_btn2.png); border-right: 1px solid #e2e4e6;}
|
||||
|
||||
.header{padding: 0 20px; box-sizing: border-box;}
|
||||
.header_inner{max-width: 1400px; width: 100%; height: 90px; display: flex; align-items: center; justify-content: space-between; margin: 0 auto; position: relative;}
|
||||
.header_inner .area_right{display: flex;}
|
||||
.header_inner .nav_wrap{box-sizing: border-box; height: 100%; width: 100%; margin: 0 50px;}
|
||||
.header_inner #menu{width: 100%; margin: 0 auto; height: 100%;}
|
||||
.header_inner .depth01 {display: flex; height: 100%;}
|
||||
.header_inner .dep_li_01,.header_inner .dep_li_02,.header_inner .dep_li_03 {justify-content:flex-start;}
|
||||
.header_inner .dep_li_04,.header_inner .dep_li_05,.header_inner .dep_li_06,.header_inner .dep_li_07 {justify-content:space-between;}
|
||||
.header_inner .depth01_li{position: relative; padding: 0; box-sizing: border-box;}
|
||||
.header_inner .dep_li_04 .depth01_li{width: calc((100% - 40px)/4);}
|
||||
.header_inner .dep_li_01 .depth01_li{width: 100%;}
|
||||
.header_inner .dep_li_02 .depth01_li{width: calc((100% - 20px)/2);}
|
||||
.header_inner .dep_li_03 .depth01_li{width: calc((100% - 30px)/3);max-width:270px;}
|
||||
.header_inner .dep_li_05 .depth01_li{width: calc(100%/5);}
|
||||
.header_inner .dep_li_06 .depth01_li{width: calc((100% - 60px)/6);}
|
||||
.header_inner .dep_li_07 .depth01_li{width: auto;}
|
||||
.header_inner .menu_link{font-size: 20px; font-weight: 600; letter-spacing: -0.5px; display: flex; align-items: center; justify-content: center; flex-flow: column; height: 100%; position: relative;font-family: 'nanumsquare', 'Noto Sans KR', sans-serif; line-height: 1.25;}
|
||||
.header_inner .menu_link::before{position: absolute; content: " "; display: block; width: 0; height: 4px; background-color: #E95504; left: 50%; transform: translateX(-50%); transition: width .4s ease-in-out; top: 87px; z-index: 1;}
|
||||
.header_inner .menu_link .menu_link_br {color: #E95504;font-family: 'nanumsquare', 'Noto Sans KR', sans-serif; }
|
||||
.header_inner .on .menu_link{color: #E95504;}
|
||||
.on .nav_wrap .on .menu_link::before{width: 100%;}
|
||||
.header_inner .depth02{position: absolute; text-align: center; padding: 15px 0; width: 100%; left: 50%; transform: translateX(-50%);border-right: 1px solid #d5d5d5;}
|
||||
.header_inner .depth01_li:first-child .depth02{border-left: 1px solid #d5d5d5;}
|
||||
.header_inner .depth01_li:hover .depth02::after{position:absolute;content:"";width:calc(100% + 4px);height:100%;background-color:#fff8f4;left:-2px;top:0;}
|
||||
.header_inner .depth01_li:hover .depth02 li{position:relative;z-index:1;}
|
||||
.header_inner .depth02 a{font-size: 17px; font-weight: 300; line-height: 1.3; height: 45px; display: flex; align-items: center; justify-content: center; word-break: keep-all;white-space:nowrap;}
|
||||
.header_inner .depth02 a:hover,.header_inner .depth02 a:focus{color: #E95504;font-weight:500;}
|
||||
|
||||
.header_inner button{width: 27px; height: 26px; background-repeat: no-repeat;}
|
||||
.header_inner .btn_search{background-image: url(../images/common/btn_search.png); margin-right: 25px; margin-top: -2px;}
|
||||
.header_inner .btn_menu{background-image: url(../images/common/btn_menu.png);}
|
||||
.header_inner button.btn_mobile{display: none; margin: 0 8px; vertical-align: middle; margin-top: -2px;height:100%;background-position:center center;}
|
||||
.header_inner .btn_login{background-image: url(../images/common/m_headerTop_icon1.png);background-size:21px auto;}
|
||||
.header_inner .btn_logout{background-image: url(../../../../kccadrPb/usr/image/common/btn_logout.png);}
|
||||
.header_inner .btn_join{width: 35px; background-image: url(../images/common/m_headerTop_icon2.png);background-size:26px auto;}
|
||||
.header_inner .btn_usredit{width: 35px; background-image: url(../../../../kccadrPb/usr/image/common/btn_usredit.png);}
|
||||
.header_inner .m_header_login,
|
||||
.header_inner .m_header_join {display:none;}
|
||||
/* //header */
|
||||
|
||||
/* full menu */
|
||||
.full_menu{visibility: hidden; width: 100%; position: fixed; background-color: #eef0f3; min-height: 500px; padding: 100px 50px 50px 50px; box-sizing: border-box; top: -500px; transition: top 0.5s ease, box-shadow 0.3s ease; z-index: 21; border-radius: 0 0 20px 20px;}
|
||||
.full_menu.on{visibility: visible; top: 0; box-shadow: 0 5px 8px rgba(0,0,0,0.3);}
|
||||
.full_menu .inner{display: flex; max-width: 1400px; width: 100%; position: relative; margin: 0 auto; justify-content: space-between; align-items: flex-start;}
|
||||
.full_menu .logo{width: 230px;}
|
||||
.full_menu .logo img{width: 220px;}
|
||||
.full_menu .btn_close{background-image: url(../images/common/btn_close.png); width: 40px; height: 40px; background-repeat: no-repeat; border: 1px solid #ef7b0f; border-radius: 3px; background-position: center;}
|
||||
.full_menu .btn_close:hover {box-shadow: 0 0 5px rgba(0,0,0,.15); transition: width .4s ease-in-out;}
|
||||
.full_menu .depth01{width: calc(100% - 500px);}
|
||||
.full_menu .depth01_li{display: flex; border-bottom: 1px solid #d5d5d5; padding: 20px 0;}
|
||||
.full_menu .depth01_li:first-child{padding: 0 0 20px 0;}
|
||||
.full_menu .depth01_li:last-child{border-bottom: 0;}
|
||||
.full_menu .depth01_li .menu_link{width:350px;font-size: 22px; font-weight: 500; color: #222;}
|
||||
.full_menu .depth01_li:hover .menu_link,.full_menu .depth01_li .depth02 li:hover{color: #e95504;}
|
||||
.full_menu .depth01_li .depth02 li:hover{font-weight: 500;}
|
||||
.full_menu .depth01_li .depth02{display: flex; width: calc(100% - 350px); font-size: 18px; font-weight: 300; color: #666; justify-content: space-between;}
|
||||
|
||||
/* .full_menu .depth01 .menu_link{font-size: 20px; font-weight: 500; color: #ea5404; position: relative; padding-bottom: 25px; letter-spacing: -1px; text-align: center; height: 40px;}
|
||||
.full_menu .depth01 .menu_link>span {display: block; padding-top: 5px;}
|
||||
.full_menu .depth01 .menu_link::before{position: absolute; content: " "; width: 75px; height: 3px; background-color: #ea5404; left: 50%; bottom: 0; transform: translateX(-50%);}
|
||||
.full_menu .depth02{margin-top: 10px;}
|
||||
.full_menu .depth02 a{height: 40px; display: flex; align-items: center; justify-content: center; letter-spacing: -1px; font-size: 17px; font-weight: 400;}
|
||||
.full_menu .depth02 a:hover {font-weight: 700;}
|
||||
.full_menu .link{display: inline-block; width: 16px; height: 16px; background-image: url(../images/common/link_icon.png);background-repeat: no-repeat; margin-left: 6px;} */
|
||||
/* //full menu */
|
||||
|
||||
/* moblie menu */
|
||||
#m_menu{visibility: hidden; height: 0;}
|
||||
/* //moblie menu */
|
||||
|
||||
/* path */
|
||||
.path {width: 100%; background-color: #ebedf2; height: 50px;}
|
||||
.path .pathedfr {max-width: 1400px; padding: 0 10px; margin: 0 auto; box-sizing: border-box;}
|
||||
.path .pathedfr ul {display: flex; align-items: center; height: 50px;}
|
||||
.path .pathedfr ul li {align-self: center; font-size: 16px; color: #666; font-weight: 300;}
|
||||
.path .pathedfr ul li:nth-child(even) {color: #666; font-size: 14px; margin: 0 8px;}
|
||||
.path .pathedfr ul li.home i {background-image: url(../images/common/home_icon.png); width: 19px; height: 17px; display: inline-block; margin-bottom: -2px; margin-right: 10px;}
|
||||
.path .m_pathedfr {display:none;}
|
||||
|
||||
/* snb */
|
||||
/* .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;}
|
||||
.snb .ssleftxt ul li{width: 100%; height: 45px; border-radius: 5px; border: 1px solid #d5d7dc; margin-bottom: 5px; display: table;}
|
||||
.snb .ssleftxt ul li:last-child {margin-bottom: 0;}
|
||||
.snb .ssleftxt ul li a{width:100%;height:100%;color:#666;padding:0 15px;box-sizing:border-box; font-size: 18px; display: table-cell; vertical-align: middle; font-weight: 300;}
|
||||
.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(../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(../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: #eef0f3; position: relative; padding: 0 10px; box-sizing: border-box; color: #666; position: relative; margin: 80px auto 0 auto;} */
|
||||
footer{width: 100%; background-color: #fff; position: relative; padding: 0 10px; box-sizing: border-box; color: #666; position: relative; margin: 0 auto 0 auto;}
|
||||
footer::before { content: ""; width: 100%; height: 50px; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; position: absolute; top: 0; left: 0;}
|
||||
footer .site ul {display: flex; height: 50px; align-items: center;}
|
||||
footer .inner{max-width: 1400px; width: 100%; margin: 0 auto; }
|
||||
footer .area_top{display: flex; align-items: center; justify-content: space-between; position: relative; padding: 45px 0;}
|
||||
footer .site{font-size: 16px; position: relative;}
|
||||
footer .site li{padding: 0 24px; position: relative; font-weight: 400; transition: all 0.3s ease;}
|
||||
footer .site li::before{position: absolute; content: " "; width: 1px; height: 14px; background-color: #cbced4; top: 50%; right: 0; transform: translateY(-50%);}
|
||||
footer .site li:last-child::before{display: none;}
|
||||
footer .site li:first-child{padding-left: 0;}
|
||||
footer .site li a:hover {text-decoration: underline;}
|
||||
footer select{width: 204px; height: 40px; border: 1px solid #cbcdd1; background-image: url(../images/common/footer_select.png); background-position: calc(100% - 15px) center; background-repeat: no-repeat; padding: 0 10px; font-size: 15px; color: #666;}
|
||||
footer .btn_go{width: 50px; height: 40px; border: 1px solid #cbcdd1; background-color: #eaecef; vertical-align: middle; border-radius: 5px; color: #666; transition: all 0.1s linear; font-size: 16px; margin: 0 0 0 4px;}
|
||||
footer .btn_go:hover{box-shadow: 0 0 5px rgba(0,0,0,0.2); transition: all 0.1s linear;}
|
||||
footer .logo,footer address{display: inline-block; vertical-align: middle;}
|
||||
footer .logo{/*padding: 47px 0;*/ transition: all 0.3s ease;}
|
||||
footer address {font-size: 14px; font-weight: 400; margin-left: -90px; transition: all 0.3s ease;}
|
||||
footer address p:first-child{margin-bottom: 8px;}
|
||||
footer .site_go{display: flex;align-items: center;justify-content: space-between;}
|
||||
footer .wa_mark .wa {width: 110px;margin: 0 40px 0 0;}
|
||||
/* //footer */
|
||||
|
||||
.error_page{width: 100%; height: 100%; margin: 0 auto; text-align: center;}
|
||||
.error_wrap{border: 1px solid #d5d5d5; display: inline-flex; align-items: center; margin: 200px auto 50px auto; padding: 15px 50px 15px 0; justify-content: center;}
|
||||
.error_wrap i{display: block; width: 266px; height: 200px; background-image: url(../../../adm/publish/image/warming.jpg); border-right: 1px solid #d5d5d5; }
|
||||
.error_wrap .text_area{width: calc(100% - 266px); font-size: 20px; padding-left: 30px; text-align: left;}
|
||||
.error_wrap .text_area p{font-size: 16px; color: #555; margin-top: 10px; line-height: 1.4;}
|
||||
.error_wrap .error_btn {text-align:center;}
|
||||
.error_page .error_btn button {background-color:#1b6fcd; color: #fff; padding: 8px 25px; font-size: 16px;}
|
||||
|
||||
@media all and (max-width: 1280px){
|
||||
/* header */
|
||||
.header_inner .nav_wrap{padding: 0 5px; margin: 0 5px;}
|
||||
.header_inner .menu_link{font-size: 17px; letter-spacing: -0.25px;}
|
||||
/* //header */
|
||||
footer address {width: 36%;}
|
||||
|
||||
}
|
||||
|
||||
@media all and (max-width: 1024px){
|
||||
/* moblie menu */
|
||||
.nav_wrap,#menu{display: none;}
|
||||
|
||||
#m_menu{position: fixed; width: 100%; height: 100%; background-color: #fff; box-sizing: border-box; top: 0; right: -100%; transition: all 0.5s ease; z-index: 26;}
|
||||
#m_menu.on{visibility: visible; right: 0; transition: all 0.5s ease;}
|
||||
#m_menu .area_top{text-align: right;}
|
||||
#m_menu .btn_close_wrap {width: 100%; height: 70px; position: absolute; top:0; left: 0; background-color: #ef7b0f;}
|
||||
#m_menu .btn_close{background-image: url(../images/common/btn_close2.png);background-repeat: no-repeat; background-position: center; width: 40px; height: 40px; border: 1px solid #fff; border-radius: 3px; position: absolute; right: 20px; top: 50%; transform: translateY(-50%);}
|
||||
#m_menu .btn_close:hover {box-shadow: 0 0 5px rgba(0,0,0,.25);}
|
||||
#m_menu .depth01{width: 100%; padding: 0 10px; margin-top: 70px;box-sizing: border-box;}
|
||||
#m_menu .depth01_li{overflow: hidden; height: 60px; transition: height 0.3s linear; display: block; position: relative;}
|
||||
#m_menu .depth01_li::before{position: absolute; content: " "; width: 100%; height: 1px; background-color: #e5e5e5; opacity: 0;}
|
||||
#m_menu .depth01_li.on{height: 280px;transition: height 0.3s linear;}
|
||||
#m_menu .depth01_li.on::before{opacity: 1; bottom: 0;}
|
||||
#m_menu .menu_tit{font-size: 20px; height: 60px; border-bottom: 1px solid #e5e5e5; width: 100%; text-align: left; padding-left: 20px; position: relative;}
|
||||
#m_menu .menu_tit::after {background-image: url(../images/common/m_menu_plus.png); background-position: center; background-repeat: no-repeat; width: 36px; height: 36px; content: ""; position: absolute; top: 50%; right: 10px; transform: translateY(-50%);}
|
||||
#m_menu .menu_tit span {color: #f37632;}
|
||||
#m_menu .depth01_li.on .menu_tit {border-bottom: 1px solid #f37632; color: #f37632;}
|
||||
#m_menu .depth02{visibility: hidden; height: 100%; margin: 10px 0; opacity: 0; transition: all 0.3s linear; background-color: #f5f5f5;}
|
||||
#m_menu .on .depth02{visibility: visible; height: auto; transition: all 0.3s linear; opacity: 1;}
|
||||
#m_menu .depth02 a{height: 50px; display: flex; align-items: center; padding-left: 20px; font-size: 17px;}
|
||||
/*// moblie menu */
|
||||
|
||||
.snb {display: none;}
|
||||
.header_inner button.btn_mobile {display:block;}
|
||||
|
||||
/* footer */
|
||||
footer .area_top {align-items: flex-start; padding: 40px 0 90px 0;}
|
||||
footer address {width: 72%}
|
||||
footer .wa_mark {position: absolute; bottom: 6px; right: 0;}
|
||||
footer .site_go {position: absolute; bottom: 23px; left: 0;}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 767px){
|
||||
/* header */
|
||||
header {height:70px;border-bottom:1px solid #e2e4e6;box-sizing:border-box;}
|
||||
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, .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;}
|
||||
header .header .header_inner h1 a img {height:43px;}
|
||||
header .header .header_inner .area_right {height:100%;}
|
||||
header .header .header_inner .area_right .btn_search {display:none;}
|
||||
header .header .header_inner .area_right .btn_menu {width:35px;height:100%;background-image:url(../images/common/m_btn_menu.png);background-size:29px 21px;background-position:center center;}
|
||||
header .header .header_inner .area_right .m_header_login {display:flex;width:40px;height:100%;margin:0 5px 0 0;padding:0;font-size:0;align-items:center;justify-content:center;text-indent:-9999em;z-index:1;}
|
||||
header .header .header_inner .area_right .m_header_login i {width:21px;height:28px;margin:0;background-image:url(../images/common/m_headerTop_icon1.png);background-size:21px auto;}
|
||||
header .header .header_inner .area_right .m_header_join {display:flex;width:40px;height:100%;margin:0 5px 0 0;padding:0;font-size:0;align-items:center;justify-content:center;text-indent:-9999em;z-index:1;}
|
||||
header .header .header_inner .area_right .m_header_join i {width:26px;height:28px;margin:0;background-image:url(../images/common/m_headerTop_icon2.png);background-size:26px auto;}
|
||||
|
||||
.path {height:50px;background:#f5680b;}
|
||||
.path .pathedfr {display:none;}
|
||||
.path .m_pathedfr {display:block;}
|
||||
.path .m_pathedfr > ul:after {content:'';display:block;clear:both;}
|
||||
.path .m_pathedfr > ul > li {position:relative;float:left;width:50%;height:100%;border-left:1px solid #fcae83;box-sizing:border-box;}
|
||||
.path .m_pathedfr > ul > li:first-child {border:0 none;}
|
||||
.path .m_pathedfr > ul > li .path_btn {position:relative;display:block;width:100%;height:50px; padding:0 0 0 10px;font-size:18px;text-align:left;color:#fff;}
|
||||
.path .m_pathedfr > ul > li .path_btn:after {content:'';position:absolute;right:15px;top:0; width:18px;height:50px;background:url(../images/common/path_btn_arrow.png) no-repeat left top;}
|
||||
.path .m_pathedfr > ul > li .path_btn.active:after {transform:rotate(180deg);}
|
||||
.path .m_pathedfr > ul > li ul {display:none;position:absolute;left:0;top:50px;width:100%; padding:3px 0;border-top:1px solid #fcae83;background:#fb8b4e;box-sizing:border-box;}
|
||||
.path .m_pathedfr > ul > li ul li a {display:block;padding:0 0 0 10px;font-size:16px;line-height:35px;color:#fff;}
|
||||
|
||||
.container .navigation .inner {padding:0;}
|
||||
.navigation .list > li {width: calc((100% - 2px)/2);}
|
||||
.navigation .list > li .navi_title{width: 100%;}
|
||||
|
||||
/* footer */
|
||||
footer .site {margin:0 -10px;}
|
||||
footer .site ul {justify-content:center;}
|
||||
footer .site ul li {padding:0 10px;font-size:14px;text-align:center;}
|
||||
footer .site ul li:first-child {padding:0 10px;}
|
||||
footer .area_top {display:block;padding:20px 10px;}
|
||||
footer .area_top .logo {display:block;}
|
||||
footer .area_top .logo a {display:block;}
|
||||
footer .area_top .logo a img {width:140px;}
|
||||
footer .area_top address {display:block; width: 100%; margin:15px 0 80px 0;}
|
||||
footer .area_top address p {margin:0 0 4px;font-size:14px;line-height:20px;}
|
||||
footer .area_top .site_go {left:initial;right:0;top:20px;width:calc(100% - 165px);}
|
||||
footer .area_top .site_go:after {content:'';display:block;clear:both;}
|
||||
footer .wa_mark {left: 0; bottom: 12px;}
|
||||
footer .area_top .site_go select {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left;width:calc(100% - 45px);height:35px;padding:0 35px 0 15px;font-size:14px;background-size:10px;}
|
||||
footer .area_top .site_go .btn_go {float:right;width:40px;height:35px;font-size:14px;}
|
||||
}
|
||||
|
||||
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
|
||||
.header_inner .area_right{/* width: 80px; */justify-content: space-between;}
|
||||
.header_inner .btn_search{margin-right: 0;}
|
||||
}
|
||||
@ -1,285 +0,0 @@
|
||||
body {color: #222;}
|
||||
|
||||
.clearfix::after{display:block;content:"";clear:both;}
|
||||
|
||||
.skip_menu {position:absolute; left:0; top:0; width:100%; margin:0 auto; z-index:999;}
|
||||
.skip_menu a{display:block; position:absolute; left:0; padding:10px 20px; height: 50px; line-height:30px; color:#fff; background:#000;width:100%;text-align:center;font-size: 18px;box-sizing: border-box;}
|
||||
.skip_menu a:link,.skip_menu a:visited,.skip_menu a:active{top:-10000px;}
|
||||
.skip_menu a:hover,.skip_menu a:focus{top:0;}
|
||||
|
||||
.logo img {width: 200px;}
|
||||
|
||||
/* header */
|
||||
header{width: 100%; height: 130px; position: fixed; top: 0; left: 0; transition: height .4s ease-in-out, background-color .4s ease-in-out, margin .4s ease-in-out; overflow: hidden; box-sizing: border-box;z-index: 20; background-color: #fff;}
|
||||
header.on{background-color: #fff; box-shadow: 0 3px 10px rgba(0,0,0,0.1);}
|
||||
header::before{position: absolute; content: " "; display: block; top: 130px; left: 0; height: 1px; background-color: #ddd; opacity: 0; transition: opacity .4s ease-in-out;}
|
||||
header::after{position: absolute; content: " "; display: block; width: 100%; height: 1px; background-color: #d5d5d5; top: 130px; left: 0; opacity: 0; transition: opacity .4s ease-in-out;}
|
||||
header.on::after{top: 130px; opacity: 1;}
|
||||
header.on::before{opacity: 1;}
|
||||
header.scroll{box-shadow: 0 5px 8px rgba(0,0,0,0.15);}
|
||||
|
||||
.gnb_wrap{width: 100%; background-color: #eef0f3; height: 40px; overflow: hidden; padding: 0 20px; border-bottom: 1px solid #e2e4e6; box-sizing: border-box;}
|
||||
.gnb_wrap .inner{max-width: 1400px; width: 100%; height: 100%; margin: 0 auto; display: flex; justify-content: space-between; align-items: center;}
|
||||
.gnb_wrap .site {padding: 8px 20px; background-color: #f5680b ; height: 100%; box-sizing: border-box; vertical-align: middle;}
|
||||
.gnb_wrap .site span{display: inline-block; vertical-align: middle; font-size: 13px; font-weight: 600; padding: 0 4px; box-sizing: border-box; background-color: #fff; color: #f5680b; border-radius: 5px; margin-left: 10px; transition: background-color 0.3s ease;}
|
||||
.gnb_wrap .site:hover {background-color: #e86016; transition: background-color 0.3s ease;}
|
||||
.gnb_wrap .area_right *{display: inline-block;}
|
||||
.gnb_wrap .area_right a,.gnb_wrap .area_right .login_after{height: 25px; font-size: 14px; color: #717171; font-weight: 400; line-height: 1.6; letter-spacing: -0.45px; vertical-align: unset;}
|
||||
.gnb_wrap .area_right .login_after{padding-right: 20px; text-align: right; position: relative;}
|
||||
.gnb_wrap .area_right .login_info {position: relative;}
|
||||
.gnb_wrap .area_right .login_after + .login_info {padding-right:20px;}
|
||||
.gnb_wrap .area_right .login_after + .login_info::before {right:7px;}
|
||||
.gnb_wrap .area_right .header_login_wrap {padding-right: 33px;}
|
||||
.gnb_wrap .area_right a i {display: inline-block; background-repeat: no-repeat; vertical-align: middle; margin-bottom: 2px; margin-right: 5px;}
|
||||
.gnb_wrap .area_right .header_login i {background-image: url(../images/common/headerTop_icon1.png); width: 11px; height: 15px;}
|
||||
.gnb_wrap .area_right .header_join {padding-right: 22px;margin:0 -10px 0 0;}
|
||||
.gnb_wrap .area_right .header_join i {background-image: url(../images/common/headerTop_icon3.png); width: 14px; height: 15px;}
|
||||
.gnb_wrap .area_right a:hover{text-decoration: underline;}
|
||||
.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;background-color: #fff; height: 40px; border-right: 1px solid #e5e5e5; font-size: 15px; color: #444; padding: 0 15px; vertical-align: middle; line-height: 36px;margin: 0 0 0 -4px;}
|
||||
.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);}
|
||||
.gnb_wrap .btn_util .btn_minus{margin-right: -5px; background-image: url(../images/common/headerTop_btn1.png);}
|
||||
.gnb_wrap .btn_util .btn_plus{background-image: url(../images/common/headerTop_btn2.png); border-right: 1px solid #e2e4e6;}
|
||||
|
||||
.header{padding: 0 20px; box-sizing: border-box;}
|
||||
.header_inner{max-width: 1400px; width: 100%; height: 90px; display: flex; align-items: center; justify-content: space-between; margin: 0 auto; position: relative;}
|
||||
.header_inner .area_right{display: flex;}
|
||||
.header_inner .nav_wrap{box-sizing: border-box; height: 100%; width: 100%; margin: 0 50px;}
|
||||
.header_inner #menu{width: 100%; margin: 0 auto; height: 100%;}
|
||||
.header_inner .depth01 {display: flex; height: 100%;}
|
||||
.header_inner .dep_li_01,.header_inner .dep_li_02,.header_inner .dep_li_03 {justify-content:flex-start;}
|
||||
.header_inner .dep_li_04,.header_inner .dep_li_05,.header_inner .dep_li_06,.header_inner .dep_li_07 {justify-content:space-between;}
|
||||
.header_inner .depth01_li{position: relative; padding: 0; box-sizing: border-box;}
|
||||
.header_inner .dep_li_04 .depth01_li{width: calc((100% - 40px)/4);}
|
||||
.header_inner .dep_li_01 .depth01_li{width: 100%;}
|
||||
.header_inner .dep_li_02 .depth01_li{width: calc((100% - 20px)/2);}
|
||||
.header_inner .dep_li_03 .depth01_li{width: calc((100% - 30px)/3);max-width:270px;}
|
||||
.header_inner .dep_li_05 .depth01_li{width: calc(100%/5);}
|
||||
.header_inner .dep_li_06 .depth01_li{width: calc((100% - 60px)/6);}
|
||||
.header_inner .dep_li_07 .depth01_li{width: auto;}
|
||||
.header_inner .menu_link{font-size: 20px; font-weight: 600; letter-spacing: -0.5px; display: flex; align-items: center; justify-content: center; flex-flow: column; height: 100%; position: relative;font-family: 'nanumsquare', 'Noto Sans KR', sans-serif; line-height: 1.25;}
|
||||
.header_inner .menu_link::before{position: absolute; content: " "; display: block; width: 0; height: 4px; background-color: #E95504; left: 50%; transform: translateX(-50%); transition: width .4s ease-in-out; top: 87px; z-index: 1;}
|
||||
.header_inner .menu_link .menu_link_br {color: #E95504;font-family: 'nanumsquare', 'Noto Sans KR', sans-serif; }
|
||||
.header_inner .on .menu_link{color: #E95504;}
|
||||
.on .nav_wrap .on .menu_link::before{width: 100%;}
|
||||
.header_inner .depth02{position: absolute; text-align: center; padding: 15px 0; width: 100%; left: 50%; transform: translateX(-50%);border-right: 1px solid #d5d5d5;}
|
||||
.header_inner .depth01_li:first-child .depth02{border-left: 1px solid #d5d5d5;}
|
||||
.header_inner .depth01_li:hover .depth02::after{position:absolute;content:"";width:calc(100% + 4px);height:100%;background-color:#fff8f4;left:-2px;top:0;}
|
||||
.header_inner .depth01_li:hover .depth02 li{position:relative;z-index:1;}
|
||||
.header_inner .depth02 a{font-size: 17px; font-weight: 300; line-height: 1.3; height: 45px; display: flex; align-items: center; justify-content: center; word-break: keep-all;white-space:nowrap;}
|
||||
.header_inner .depth02 a:hover,.header_inner .depth02 a:focus{color: #E95504;font-weight:500;}
|
||||
|
||||
.header_inner button{width: 27px; height: 26px; background-repeat: no-repeat;}
|
||||
.header_inner .btn_search{background-image: url(../images/common/btn_search.png); margin-right: 25px; margin-top: -2px;}
|
||||
.header_inner .btn_menu{background-image: url(../images/common/btn_menu.png);}
|
||||
.header_inner button.btn_mobile{display: none; margin: 0 8px; vertical-align: middle; margin-top: -2px;height:100%;background-position:center center;}
|
||||
.header_inner .btn_login{background-image: url(../images/common/m_headerTop_icon1.png);background-size:21px auto;}
|
||||
.header_inner .btn_logout{background-image: url(../../../../kccadrPb/usr/image/common/btn_logout.png);}
|
||||
.header_inner .btn_join{width: 35px; background-image: url(../images/common/m_headerTop_icon2.png);background-size:26px auto;}
|
||||
.header_inner .btn_usredit{width: 35px; background-image: url(../../../../kccadrPb/usr/image/common/btn_usredit.png);}
|
||||
.header_inner .m_header_login,
|
||||
.header_inner .m_header_join {display:none;}
|
||||
/* //header */
|
||||
|
||||
/* full menu */
|
||||
.full_menu{visibility: hidden; width: 100%; position: fixed; background-color: #eef0f3; min-height: 500px; padding: 100px 50px 50px 50px; box-sizing: border-box; top: -500px; transition: top 0.5s ease, box-shadow 0.3s ease; z-index: 21; border-radius: 0 0 20px 20px;}
|
||||
.full_menu.on{visibility: visible; top: 0; box-shadow: 0 5px 8px rgba(0,0,0,0.3);}
|
||||
.full_menu .inner{display: flex; max-width: 1400px; width: 100%; position: relative; margin: 0 auto; justify-content: space-between; align-items: flex-start;}
|
||||
.full_menu .logo{width: 230px;}
|
||||
.full_menu .logo img{width: 220px;}
|
||||
.full_menu .btn_close{background-image: url(../images/common/btn_close.png); width: 40px; height: 40px; background-repeat: no-repeat; border: 1px solid #ef7b0f; border-radius: 3px; background-position: center;}
|
||||
.full_menu .btn_close:hover {box-shadow: 0 0 5px rgba(0,0,0,.15); transition: width .4s ease-in-out;}
|
||||
.full_menu .depth01{width: calc(100% - 500px);}
|
||||
.full_menu .depth01_li{display: flex; border-bottom: 1px solid #d5d5d5; padding: 20px 0;}
|
||||
.full_menu .depth01_li:first-child{padding: 0 0 20px 0;}
|
||||
.full_menu .depth01_li:last-child{border-bottom: 0;}
|
||||
.full_menu .depth01_li .menu_link{width:350px;font-size: 22px; font-weight: 500; color: #222;}
|
||||
.full_menu .depth01_li:hover .menu_link,.full_menu .depth01_li .depth02 li:hover{color: #e95504;}
|
||||
.full_menu .depth01_li .depth02 li:hover{font-weight: 500;}
|
||||
.full_menu .depth01_li .depth02{display: flex; width: calc(100% - 350px); font-size: 18px; font-weight: 300; color: #666; justify-content: space-between;}
|
||||
|
||||
/* .full_menu .depth01 .menu_link{font-size: 20px; font-weight: 500; color: #ea5404; position: relative; padding-bottom: 25px; letter-spacing: -1px; text-align: center; height: 40px;}
|
||||
.full_menu .depth01 .menu_link>span {display: block; padding-top: 5px;}
|
||||
.full_menu .depth01 .menu_link::before{position: absolute; content: " "; width: 75px; height: 3px; background-color: #ea5404; left: 50%; bottom: 0; transform: translateX(-50%);}
|
||||
.full_menu .depth02{margin-top: 10px;}
|
||||
.full_menu .depth02 a{height: 40px; display: flex; align-items: center; justify-content: center; letter-spacing: -1px; font-size: 17px; font-weight: 400;}
|
||||
.full_menu .depth02 a:hover {font-weight: 700;}
|
||||
.full_menu .link{display: inline-block; width: 16px; height: 16px; background-image: url(../images/common/link_icon.png);background-repeat: no-repeat; margin-left: 6px;} */
|
||||
/* //full menu */
|
||||
|
||||
/* moblie menu */
|
||||
#m_menu{visibility: hidden; height: 0;}
|
||||
/* //moblie menu */
|
||||
|
||||
/* path */
|
||||
.path {width: 100%; background-color: #ebedf2; height: 50px;}
|
||||
.path .pathedfr {max-width: 1400px; padding: 0 10px; margin: 0 auto; box-sizing: border-box;}
|
||||
.path .pathedfr ul {display: flex; align-items: center; height: 50px;}
|
||||
.path .pathedfr ul li {align-self: center; font-size: 16px; color: #666; font-weight: 300;}
|
||||
.path .pathedfr ul li:nth-child(even) {color: #666; font-size: 14px; margin: 0 8px;}
|
||||
.path .pathedfr ul li.home i {background-image: url(../images/common/home_icon.png); width: 19px; height: 17px; display: inline-block; margin-bottom: -2px; margin-right: 10px;}
|
||||
.path .m_pathedfr {display:none;}
|
||||
|
||||
/* snb */
|
||||
/* .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;}
|
||||
.snb .ssleftxt ul li{width: 100%; height: 45px; border-radius: 5px; border: 1px solid #d5d7dc; margin-bottom: 5px; display: table;}
|
||||
.snb .ssleftxt ul li:last-child {margin-bottom: 0;}
|
||||
.snb .ssleftxt ul li a{width:100%;height:100%;color:#666;padding:0 15px;box-sizing:border-box; font-size: 18px; display: table-cell; vertical-align: middle; font-weight: 300;}
|
||||
.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(../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(../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: #eef0f3; position: relative; padding: 0 10px; box-sizing: border-box; color: #666; position: relative; margin: 80px auto 0 auto;}
|
||||
footer::before { content: ""; width: 100%; height: 50px; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; position: absolute; top: 0; left: 0;}
|
||||
footer .site ul {display: flex; height: 50px; align-items: center;}
|
||||
footer .inner{max-width: 1400px; width: 100%; margin: 0 auto; }
|
||||
footer .area_top{display: flex; align-items: center; justify-content: space-between; position: relative; padding: 45px 0;}
|
||||
footer .site{font-size: 16px; position: relative;}
|
||||
footer .site li{padding: 0 24px; position: relative; font-weight: 400; transition: all 0.3s ease;}
|
||||
footer .site li::before{position: absolute; content: " "; width: 1px; height: 14px; background-color: #cbced4; top: 50%; right: 0; transform: translateY(-50%);}
|
||||
footer .site li:last-child::before{display: none;}
|
||||
footer .site li:first-child{padding-left: 0;}
|
||||
footer .site li a:hover {text-decoration: underline;}
|
||||
footer select{width: 204px; height: 40px; border: 1px solid #cbcdd1; background-image: url(../images/common/footer_select.png); background-position: calc(100% - 15px) center; background-repeat: no-repeat; padding: 0 10px; font-size: 15px; color: #666;}
|
||||
footer .btn_go{width: 50px; height: 40px; border: 1px solid #cbcdd1; background-color: #eaecef; vertical-align: middle; border-radius: 5px; color: #666; transition: all 0.1s linear; font-size: 16px; margin: 0 0 0 4px;}
|
||||
footer .btn_go:hover{box-shadow: 0 0 5px rgba(0,0,0,0.2); transition: all 0.1s linear;}
|
||||
footer .logo,footer address{display: inline-block; vertical-align: middle;}
|
||||
footer .logo{/*padding: 47px 0;*/ transition: all 0.3s ease;}
|
||||
footer address {font-size: 14px; font-weight: 400; margin-left: -90px; transition: all 0.3s ease;}
|
||||
footer address p:first-child{margin-bottom: 8px;}
|
||||
footer .site_go{display: flex;align-items: center;justify-content: space-between;}
|
||||
footer .wa_mark .wa {width: 110px;margin: 0 40px 0 0;}
|
||||
/* //footer */
|
||||
|
||||
.error_page{width: 100%; height: 100%; margin: 0 auto; text-align: center;}
|
||||
.error_wrap{border: 1px solid #d5d5d5; display: inline-flex; align-items: center; margin: 200px auto 50px auto; padding: 15px 50px 15px 0; justify-content: center;}
|
||||
.error_wrap i{display: block; width: 266px; height: 200px; background-image: url(../../../adm/publish/image/warming.jpg); border-right: 1px solid #d5d5d5; }
|
||||
.error_wrap .text_area{width: calc(100% - 266px); font-size: 20px; padding-left: 30px; text-align: left;}
|
||||
.error_wrap .text_area p{font-size: 16px; color: #555; margin-top: 10px; line-height: 1.4;}
|
||||
.error_wrap .error_btn {text-align:center;}
|
||||
.error_page .error_btn button {background-color:#1b6fcd; color: #fff; padding: 8px 25px; font-size: 16px;}
|
||||
|
||||
@media all and (max-width: 1280px){
|
||||
/* header */
|
||||
.header_inner .nav_wrap{padding: 0 5px; margin: 0 5px;}
|
||||
.header_inner .menu_link{font-size: 17px; letter-spacing: -0.25px;}
|
||||
/* //header */
|
||||
footer address {width: 36%;}
|
||||
|
||||
}
|
||||
|
||||
@media all and (max-width: 1024px){
|
||||
/* moblie menu */
|
||||
.nav_wrap,#menu{display: none;}
|
||||
|
||||
#m_menu{position: fixed; width: 100%; height: 100%; background-color: #fff; box-sizing: border-box; top: 0; right: -100%; transition: all 0.5s ease; z-index: 26;}
|
||||
#m_menu.on{visibility: visible; right: 0; transition: all 0.5s ease;}
|
||||
#m_menu .area_top{text-align: right;}
|
||||
#m_menu .btn_close_wrap {width: 100%; height: 70px; position: absolute; top:0; left: 0; background-color: #ef7b0f;}
|
||||
#m_menu .btn_close{background-image: url(../images/common/btn_close2.png);background-repeat: no-repeat; background-position: center; width: 40px; height: 40px; border: 1px solid #fff; border-radius: 3px; position: absolute; right: 20px; top: 50%; transform: translateY(-50%);}
|
||||
#m_menu .btn_close:hover {box-shadow: 0 0 5px rgba(0,0,0,.25);}
|
||||
#m_menu .depth01{width: 100%; padding: 0 10px; margin-top: 70px;box-sizing: border-box;}
|
||||
#m_menu .depth01_li{overflow: hidden; height: 60px; transition: height 0.3s linear; display: block; position: relative;}
|
||||
#m_menu .depth01_li::before{position: absolute; content: " "; width: 100%; height: 1px; background-color: #e5e5e5; opacity: 0;}
|
||||
#m_menu .depth01_li.on{height: 280px;transition: height 0.3s linear;}
|
||||
#m_menu .depth01_li.on::before{opacity: 1; bottom: 0;}
|
||||
#m_menu .menu_tit{font-size: 20px; height: 60px; border-bottom: 1px solid #e5e5e5; width: 100%; text-align: left; padding-left: 20px; position: relative;}
|
||||
#m_menu .menu_tit::after {background-image: url(../images/common/m_menu_plus.png); background-position: center; background-repeat: no-repeat; width: 36px; height: 36px; content: ""; position: absolute; top: 50%; right: 10px; transform: translateY(-50%);}
|
||||
#m_menu .menu_tit span {color: #f37632;}
|
||||
#m_menu .depth01_li.on .menu_tit {border-bottom: 1px solid #f37632; color: #f37632;}
|
||||
#m_menu .depth02{visibility: hidden; height: 100%; margin: 10px 0; opacity: 0; transition: all 0.3s linear; background-color: #f5f5f5;}
|
||||
#m_menu .on .depth02{visibility: visible; height: auto; transition: all 0.3s linear; opacity: 1;}
|
||||
#m_menu .depth02 a{height: 50px; display: flex; align-items: center; padding-left: 20px; font-size: 17px;}
|
||||
/*// moblie menu */
|
||||
|
||||
.snb {display: none;}
|
||||
.header_inner button.btn_mobile {display:block;}
|
||||
|
||||
/* footer */
|
||||
footer .area_top {align-items: flex-start; padding: 40px 0 90px 0;}
|
||||
footer address {width: 72%}
|
||||
footer .wa_mark {position: absolute; bottom: 6px; right: 0;}
|
||||
footer .site_go {position: absolute; bottom: 23px; left: 0;}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 767px){
|
||||
/* header */
|
||||
header {height:70px;border-bottom:1px solid #e2e4e6;box-sizing:border-box;}
|
||||
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, .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;}
|
||||
header .header .header_inner h1 a img {height:43px;}
|
||||
header .header .header_inner .area_right {height:100%;}
|
||||
header .header .header_inner .area_right .btn_search {display:none;}
|
||||
header .header .header_inner .area_right .btn_menu {width:35px;height:100%;background-image:url(../images/common/m_btn_menu.png);background-size:29px 21px;background-position:center center;}
|
||||
header .header .header_inner .area_right .m_header_login {display:flex;width:40px;height:100%;margin:0 5px 0 0;padding:0;font-size:0;align-items:center;justify-content:center;text-indent:-9999em;z-index:1;}
|
||||
header .header .header_inner .area_right .m_header_login i {width:21px;height:28px;margin:0;background-image:url(../images/common/m_headerTop_icon1.png);background-size:21px auto;}
|
||||
header .header .header_inner .area_right .m_header_join {display:flex;width:40px;height:100%;margin:0 5px 0 0;padding:0;font-size:0;align-items:center;justify-content:center;text-indent:-9999em;z-index:1;}
|
||||
header .header .header_inner .area_right .m_header_join i {width:26px;height:28px;margin:0;background-image:url(../images/common/m_headerTop_icon2.png);background-size:26px auto;}
|
||||
|
||||
.path {height:50px;background:#f5680b;}
|
||||
.path .pathedfr {display:none;}
|
||||
.path .m_pathedfr {display:block;}
|
||||
.path .m_pathedfr > ul:after {content:'';display:block;clear:both;}
|
||||
.path .m_pathedfr > ul > li {position:relative;float:left;width:50%;height:100%;border-left:1px solid #fcae83;box-sizing:border-box;}
|
||||
.path .m_pathedfr > ul > li:first-child {border:0 none;}
|
||||
.path .m_pathedfr > ul > li .path_btn {position:relative;display:block;width:100%;height:50px; padding:0 0 0 10px;font-size:18px;text-align:left;color:#fff;}
|
||||
.path .m_pathedfr > ul > li .path_btn:after {content:'';position:absolute;right:15px;top:0; width:18px;height:50px;background:url(../images/common/path_btn_arrow.png) no-repeat left top;}
|
||||
.path .m_pathedfr > ul > li .path_btn.active:after {transform:rotate(180deg);}
|
||||
.path .m_pathedfr > ul > li ul {display:none;position:absolute;left:0;top:50px;width:100%; padding:3px 0;border-top:1px solid #fcae83;background:#fb8b4e;box-sizing:border-box;}
|
||||
.path .m_pathedfr > ul > li ul li a {display:block;padding:0 0 0 10px;font-size:16px;line-height:35px;color:#fff;}
|
||||
|
||||
.container .navigation .inner {padding:0;}
|
||||
.navigation .list > li {width: calc((100% - 2px)/2);}
|
||||
.navigation .list > li .navi_title{width: 100%;}
|
||||
|
||||
/* footer */
|
||||
footer .site {margin:0 -10px;}
|
||||
footer .site ul {justify-content:center;}
|
||||
footer .site ul li {padding:0 10px;font-size:14px;text-align:center;}
|
||||
footer .site ul li:first-child {padding:0 10px;}
|
||||
footer .area_top {display:block;padding:20px 10px;}
|
||||
footer .area_top .logo {display:block;}
|
||||
footer .area_top .logo a {display:block;}
|
||||
footer .area_top .logo a img {width:140px;}
|
||||
footer .area_top address {display:block; width: 100%; margin:15px 0 80px 0;}
|
||||
footer .area_top address p {margin:0 0 4px;font-size:14px;line-height:20px;}
|
||||
footer .area_top .site_go {left:initial;right:0;top:20px;width:calc(100% - 165px);}
|
||||
footer .area_top .site_go:after {content:'';display:block;clear:both;}
|
||||
footer .wa_mark {left: 0; bottom: 12px;}
|
||||
footer .area_top .site_go select {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left;width:calc(100% - 45px);height:35px;padding:0 35px 0 15px;font-size:14px;background-size:10px;}
|
||||
footer .area_top .site_go .btn_go {float:right;width:40px;height:35px;font-size:14px;}
|
||||
}
|
||||
|
||||
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
|
||||
.header_inner .area_right{/* width: 80px; */justify-content: space-between;}
|
||||
.header_inner .btn_search{margin-right: 0;}
|
||||
}
|
||||
@ -1,274 +0,0 @@
|
||||
body {color: #222;}
|
||||
|
||||
.clearfix::after{display:block;content:"";clear:both;}
|
||||
|
||||
.skip_menu {position:absolute; left:0; top:0; width:100%; margin:0 auto; z-index:999;}
|
||||
.skip_menu a{display:block; position:absolute; left:0; padding:10px 20px; height: 50px; line-height:30px; color:#fff; background:#000;width:100%;text-align:center;font-size: 18px;box-sizing: border-box;}
|
||||
.skip_menu a:link,.skip_menu a:visited,.skip_menu a:active{top:-10000px;}
|
||||
.skip_menu a:hover,.skip_menu a:focus{top:0;}
|
||||
|
||||
.logo img {width: 200px;}
|
||||
|
||||
/* header */
|
||||
header{width: 100%; height: 130px; position: fixed; top: 0; left: 0; transition: height .4s ease-in-out, background-color .4s ease-in-out, margin .4s ease-in-out; overflow: hidden; box-sizing: border-box; border-bottom: 1px solid #e2e4e6; z-index: 20; background-color: #fff;}
|
||||
header.on{background-color: #fff; box-shadow: 0 3px 10px rgba(0,0,0,0.1);}
|
||||
header::before{position: absolute; content: " "; display: block; top: 130px; left: 0; height: 1px; background-color: #ddd; opacity: 0; transition: opacity .4s ease-in-out;}
|
||||
header::after{position: absolute; content: " "; display: block; width: 100%; height: 1px; background-color: #d5d5d5; top: 130px; left: 0; opacity: 0; transition: opacity .4s ease-in-out;}
|
||||
header.on::after{top: 130px; opacity: 1;}
|
||||
header.on::before{opacity: 1;}
|
||||
|
||||
.gnb_wrap{width: 100%; background-color: #fff; height: 40px; overflow: hidden; padding: 0 20px; border-bottom: 1px solid #e2e4e6; box-sizing: border-box;}
|
||||
.gnb_wrap .inner{max-width: 1400px; width: 100%; height: 100%; margin: 0 auto; display: flex; justify-content: space-between; align-items: center;}
|
||||
.gnb_wrap .site {padding: 8px 20px; background-color: #f5680b ; height: 100%; box-sizing: border-box; vertical-align: middle;}
|
||||
.gnb_wrap .site span{display: inline-block; vertical-align: middle; font-size: 13px; font-weight: 600; padding: 0 4px; box-sizing: border-box; background-color: #fff; color: #f5680b; border-radius: 5px; margin-left: 10px; transition: background-color 0.3s ease;}
|
||||
.gnb_wrap .site:hover {background-color: #e86016; transition: background-color 0.3s ease;}
|
||||
.gnb_wrap .area_right *{display: inline-block;}
|
||||
.gnb_wrap .area_right a,.gnb_wrap .area_right .login_after{height: 25px; font-size: 14px; color: #717171; font-weight: 400; line-height: 1.6; letter-spacing: -0.45px; vertical-align: unset;}
|
||||
.gnb_wrap .area_right .login_after{padding-right: 20px; text-align: right; position: relative;}
|
||||
.gnb_wrap .area_right .login_info {position: relative;}
|
||||
.gnb_wrap .area_right .login_after + .login_info {padding-right:20px;}
|
||||
.gnb_wrap .area_right .login_after + .login_info::before {right:7px;}
|
||||
.gnb_wrap .area_right .header_login_wrap {padding-right: 33px;}
|
||||
.gnb_wrap .area_right a i {display: inline-block; background-repeat: no-repeat; vertical-align: middle; margin-bottom: 2px; margin-right: 5px;}
|
||||
.gnb_wrap .area_right .header_login i {background-image: url(../images/common/headerTop_icon1.png); width: 11px; height: 15px;}
|
||||
.gnb_wrap .area_right .header_join {padding-right: 22px;margin:0 -10px 0 0;}
|
||||
.gnb_wrap .area_right .header_join i {background-image: url(../images/common/headerTop_icon2.png); width: 14px; height: 15px;}
|
||||
.gnb_wrap .area_right a:hover{text-decoration: underline;}
|
||||
.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);}
|
||||
.gnb_wrap .btn_util .btn_minus{margin-right: -5px; background-image: url(../images/common/headerTop_btn1.png);}
|
||||
.gnb_wrap .btn_util .btn_plus{background-image: url(../images/common/headerTop_btn2.png); border-right: 1px solid #e2e4e6;}
|
||||
|
||||
.header{padding: 0 20px; box-sizing: border-box;}
|
||||
.header_inner{max-width: 1400px; width: 100%; height: 90px; display: flex; align-items: center; justify-content: space-between; margin: 0 auto; position: relative;}
|
||||
.header_inner .area_right{display: flex;}
|
||||
.header_inner .nav_wrap{box-sizing: border-box; height: 100%; width: 100%; margin: 0 50px;}
|
||||
.header_inner #menu{width: 100%; margin: 0 auto; height: 100%;}
|
||||
.header_inner .depth01 {display: flex; height: 100%;}
|
||||
.header_inner .dep_li_01,
|
||||
.header_inner .dep_li_02,
|
||||
.header_inner .dep_li_03 {justify-content:flex-start;}
|
||||
.header_inner .dep_li_04,
|
||||
.header_inner .dep_li_05,
|
||||
.header_inner .dep_li_06,.header_inner .dep_li_07 {justify-content:space-between;}
|
||||
.header_inner .depth01_li{position: relative; padding: 0; box-sizing: border-box;}
|
||||
.header_inner .dep_li_04 .depth01_li{width: calc((100% - 40px)/4);}
|
||||
.header_inner .dep_li_01 .depth01_li{width: 100%;}
|
||||
.header_inner .dep_li_02 .depth01_li{width: calc((100% - 20px)/2);}
|
||||
.header_inner .dep_li_03 .depth01_li{width: calc((100% - 30px)/3);max-width:270px;}
|
||||
.header_inner .dep_li_05 .depth01_li{width: calc((100% - 50px)/5);}
|
||||
.header_inner .dep_li_06 .depth01_li{width: calc((100% - 60px)/6);}
|
||||
.header_inner .dep_li_07 .depth01_li{width: auto;}
|
||||
.header_inner .menu_link{font-size: 18px; font-weight: 600; letter-spacing: -1px; display: flex; align-items: center; justify-content: center; flex-flow: column; height: 100%; position: relative;font-family: 'nanumsquare', 'Noto Sans KR', sans-serif; line-height: 1.25;}
|
||||
.header_inner .menu_link::before{position: absolute; content: " "; display: block; width: 0; height: 4px; background-color: #E95504; left: 50%; transform: translateX(-50%); transition: width .4s ease-in-out; top: 87px; z-index: 1;}
|
||||
.header_inner .menu_link .menu_link_br {color: #E95504;font-family: 'nanumsquare', 'Noto Sans KR', sans-serif; }
|
||||
.header_inner .on .menu_link{color: #E95504;}
|
||||
.on .nav_wrap .on .menu_link::before{width: 100%;}
|
||||
.header_inner .depth02{position: absolute; text-align: center; margin-top: 25px; width: 100%; left: 50%; transform: translateX(-50%);}
|
||||
.header_inner .depth02 a{font-size: 17px; font-weight: 300; line-height: 1.3; height: 45px; display: flex; align-items: center; justify-content: center; word-break: keep-all;white-space:nowrap;}
|
||||
.header_inner .depth02 a:hover,.header_inner .depth02 a:focus{color: #E95504;}
|
||||
|
||||
.header_inner button{width: 27px; height: 26px; background-repeat: no-repeat;}
|
||||
.header_inner .btn_search{background-image: url(../images/common/btn_search.png); margin-right: 25px; margin-top: -2px;}
|
||||
.header_inner .btn_menu{background-image: url(../images/common/btn_menu.png);}
|
||||
.header_inner button.btn_mobile{display: none; margin: 0 8px; vertical-align: middle; margin-top: -2px;height:100%;background-position:center center;}
|
||||
.header_inner .btn_login{background-image: url(../images/common/m_headerTop_icon1.png);background-size:21px auto;}
|
||||
.header_inner .btn_logout{background-image: url(../../../../kccadrPb/usr/image/common/btn_logout.png);}
|
||||
.header_inner .btn_join{width: 35px; background-image: url(../images/common/m_headerTop_icon2.png);background-size:26px auto;}
|
||||
.header_inner .btn_usredit{width: 35px; background-image: url(../../../../kccadrPb/usr/image/common/btn_usredit.png);}
|
||||
.header_inner .m_header_login,
|
||||
.header_inner .m_header_join {display:none;}
|
||||
/* //header */
|
||||
|
||||
/* full menu */
|
||||
.full_menu{visibility: hidden; width: 100%; position: fixed; background-color: #fff; min-height: 500px; padding: 50px; box-sizing: border-box; top: -500px; transition: top 0.5s ease, box-shadow 0.3s ease; z-index: 21;}
|
||||
.full_menu.on{visibility: visible; top: 0; box-shadow: 0 5px 8px rgba(0,0,0,0.1);}
|
||||
.full_menu .inner{max-width: 1400px; width: 100%; position: relative; margin: 0 auto;}
|
||||
.full_menu .btn_close{background-image: url(../images/common/btn_close.png); width: 40px; height: 40px; background-repeat: no-repeat; position: absolute; right: 0; top: 15px; border: 1px solid #ef7b0f; border-radius: 3px; background-position: center;}
|
||||
.full_menu .depth01{display: flex; justify-content: space-around; text-align: center; margin: 80px 50px 0 50px;}
|
||||
.full_menu .btn_close:hover {box-shadow: 0 0 5px rgba(0,0,0,.15); transition: width .4s ease-in-out;}
|
||||
.full_menu .depth01 .menu_link{font-size: 20px; font-weight: 500; color: #ea5404; position: relative; padding-bottom: 25px; letter-spacing: -1px; text-align: center; height: 40px;}
|
||||
.full_menu .depth01 .menu_link>span {display: block; padding-top: 5px;}
|
||||
.full_menu .depth01 .menu_link::before{position: absolute; content: " "; width: 75px; height: 3px; background-color: #ea5404; left: 50%; bottom: 0; transform: translateX(-50%);}
|
||||
.full_menu .depth02{margin-top: 10px;}
|
||||
.full_menu .depth02 a{height: 40px; display: flex; align-items: center; justify-content: center; letter-spacing: -1px; font-size: 17px; font-weight: 400;}
|
||||
.full_menu .depth02 a:hover {font-weight: 700;}
|
||||
.full_menu .link{display: inline-block; width: 16px; height: 16px; background-image: url(../images/common/link_icon.png);background-repeat: no-repeat; margin-left: 6px;}
|
||||
/* //full menu */
|
||||
|
||||
/* moblie menu */
|
||||
#m_menu{visibility: hidden; height: 0;}
|
||||
/* //moblie menu */
|
||||
|
||||
/* path */
|
||||
.path {width: 100%; background-color: #ebedf2; height: 50px;}
|
||||
.path .pathedfr {max-width: 1400px; padding: 0 10px; margin: 0 auto; box-sizing: border-box;}
|
||||
.path .pathedfr ul {display: flex; align-items: center; height: 50px;}
|
||||
.path .pathedfr ul li {align-self: center; font-size: 16px; color: #666; font-weight: 300;}
|
||||
.path .pathedfr ul li:nth-child(even) {color: #666; font-size: 14px; margin: 0 8px;}
|
||||
.path .pathedfr ul li.home i {background-image: url(../images/common/home_icon.png); width: 19px; height: 17px; display: inline-block; margin-bottom: -2px; margin-right: 10px;}
|
||||
.path .m_pathedfr {display:none;}
|
||||
|
||||
/* snb */
|
||||
/* .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;}
|
||||
.snb .ssleftxt ul li{width: 100%; height: 45px; border-radius: 5px; border: 1px solid #d5d7dc; margin-bottom: 5px; display: table;}
|
||||
.snb .ssleftxt ul li:last-child {margin-bottom: 0;}
|
||||
.snb .ssleftxt ul li a{width:100%;height:100%;color:#666;padding:0 15px;box-sizing:border-box; font-size: 18px; display: table-cell; vertical-align: middle; font-weight: 300;}
|
||||
.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(../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(../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;}
|
||||
footer .site ul {display: flex; height: 50px; align-items: center;}
|
||||
footer .inner{max-width: 1400px; width: 100%; margin: 0 auto; }
|
||||
footer .area_top{display: flex; align-items: center; justify-content: space-between; position: relative; padding: 45px 0;}
|
||||
footer .site{font-size: 16px; position: relative;}
|
||||
footer .site li{padding: 0 24px; position: relative; font-weight: 300; transition: all 0.3s ease;}
|
||||
footer .site li::before{position: absolute; content: " "; width: 1px; height: 14px; background-color: #cbced4; top: 50%; right: 0; transform: translateY(-50%);}
|
||||
footer .site li:last-child::before{display: none;}
|
||||
footer .site li:first-child{padding-left: 0;}
|
||||
footer .site li a:hover {text-decoration: underline;}
|
||||
footer select{height: 40px; border: 1px solid #cbcdd1; background-image: url(../images/common/footer_select.png); background-position: calc(100% - 15px) center; background-repeat: no-repeat; padding: 0 10px; font-size: 15px; color: #666;}
|
||||
footer .btn_go{width: 50px; height: 40px; border: 1px solid #cbcdd1; background-color: #eaecef; vertical-align: middle; border-radius: 5px; color: #666; transition: all 0.1s linear; font-size: 16px;}
|
||||
footer .btn_go:hover{box-shadow: 0 0 5px rgba(0,0,0,0.2); transition: all 0.1s linear;}
|
||||
footer .logo,footer address{display: inline-block; vertical-align: middle;}
|
||||
footer .logo{/*padding: 47px 0;*/ transition: all 0.3s ease;}
|
||||
footer address {font-size: 14px; font-weight: 300; margin-left: -40px; transition: all 0.3s ease;}
|
||||
footer address p:first-child{margin-bottom: 8px;}
|
||||
footer .wa_mark .wa {width: 110px;}
|
||||
/* //footer */
|
||||
|
||||
.error_page{width: 100%; height: 100%; margin: 0 auto; text-align: center;}
|
||||
.error_wrap{border: 1px solid #d5d5d5; display: inline-flex; align-items: center; margin: 200px auto 50px auto; padding: 15px 50px 15px 0; justify-content: center;}
|
||||
.error_wrap i{display: block; width: 266px; height: 200px; background-image: url(../../../adm/publish/image/warming.jpg); border-right: 1px solid #d5d5d5; }
|
||||
.error_wrap .text_area{width: calc(100% - 266px); font-size: 20px; padding-left: 30px; text-align: left;}
|
||||
.error_wrap .text_area p{font-size: 16px; color: #555; margin-top: 10px; line-height: 1.4;}
|
||||
.error_wrap .error_btn {text-align:center;}
|
||||
.error_page .error_btn button {background-color:#1b6fcd; color: #fff; padding: 8px 25px; font-size: 16px;}
|
||||
|
||||
@media all and (max-width: 1280px){
|
||||
/* header */
|
||||
.header_inner .nav_wrap{padding: 0 5px; margin: 0 5px;}
|
||||
.header_inner .menu_link{font-size: 17px; letter-spacing: -0.25px;}
|
||||
/* //header */
|
||||
footer address {width: 36%;}
|
||||
|
||||
}
|
||||
|
||||
@media all and (max-width: 1024px){
|
||||
/* moblie menu */
|
||||
.nav_wrap,#menu{display: none;}
|
||||
|
||||
#m_menu{position: fixed; width: 100%; height: 100%; background-color: #fff; box-sizing: border-box; top: 0; right: -100%; transition: all 0.5s ease; z-index: 26;}
|
||||
#m_menu.on{visibility: visible; right: 0; transition: all 0.5s ease;}
|
||||
#m_menu .area_top{text-align: right;}
|
||||
#m_menu .btn_close_wrap {width: 100%; height: 70px; position: absolute; top:0; left: 0; background-color: #ef7b0f;}
|
||||
#m_menu .btn_close{background-image: url(../images/common/btn_close2.png);background-repeat: no-repeat; background-position: center; width: 40px; height: 40px; border: 1px solid #fff; border-radius: 3px; position: absolute; right: 20px; top: 50%; transform: translateY(-50%);}
|
||||
#m_menu .btn_close:hover {box-shadow: 0 0 5px rgba(0,0,0,.25);}
|
||||
#m_menu .depth01{width: 100%; padding: 0 10px; margin-top: 70px;box-sizing: border-box;}
|
||||
#m_menu .depth01_li{overflow: hidden; height: 60px; transition: height 0.3s linear; display: block; position: relative;}
|
||||
#m_menu .depth01_li::before{position: absolute; content: " "; width: 100%; height: 1px; background-color: #e5e5e5; opacity: 0;}
|
||||
#m_menu .depth01_li.on{height: 280px;transition: height 0.3s linear;}
|
||||
#m_menu .depth01_li.on::before{opacity: 1; bottom: 0;}
|
||||
#m_menu .menu_tit{font-size: 20px; height: 60px; border-bottom: 1px solid #e5e5e5; width: 100%; text-align: left; padding-left: 20px; position: relative;}
|
||||
#m_menu .menu_tit::after {background-image: url(../images/common/m_menu_plus.png); background-position: center; background-repeat: no-repeat; width: 36px; height: 36px; content: ""; position: absolute; top: 50%; right: 10px; transform: translateY(-50%);}
|
||||
#m_menu .menu_tit span {color: #f37632;}
|
||||
#m_menu .depth01_li.on .menu_tit {border-bottom: 1px solid #f37632; color: #f37632;}
|
||||
#m_menu .depth02{visibility: hidden; height: 100%; margin: 10px 0; opacity: 0; transition: all 0.3s linear; background-color: #f5f5f5;}
|
||||
#m_menu .on .depth02{visibility: visible; height: auto; transition: all 0.3s linear; opacity: 1;}
|
||||
#m_menu .depth02 a{height: 50px; display: flex; align-items: center; padding-left: 20px; font-size: 17px;}
|
||||
/*// moblie menu */
|
||||
|
||||
.snb {display: none;}
|
||||
.header_inner button.btn_mobile {display:block;}
|
||||
|
||||
/* footer */
|
||||
footer .area_top {align-items: flex-start; padding: 40px 0 90px 0;}
|
||||
footer address {width: 72%}
|
||||
footer .wa_mark {position: absolute; bottom: 6px; right: 0;}
|
||||
footer .site_go {position: absolute; bottom: 23px; left: 0;}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 767px){
|
||||
/* header */
|
||||
header {height:70px;border-bottom:1px solid #e2e4e6;box-sizing:border-box;}
|
||||
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, .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;}
|
||||
header .header .header_inner h1 a img {height:43px;}
|
||||
header .header .header_inner .area_right {height:100%;}
|
||||
header .header .header_inner .area_right .btn_search {display:none;}
|
||||
header .header .header_inner .area_right .btn_menu {width:35px;height:100%;background-image:url(../images/common/m_btn_menu.png);background-size:29px 21px;background-position:center center;}
|
||||
header .header .header_inner .area_right .m_header_login {display:flex;width:40px;height:100%;margin:0 5px 0 0;padding:0;font-size:0;align-items:center;justify-content:center;text-indent:-9999em;z-index:1;}
|
||||
header .header .header_inner .area_right .m_header_login i {width:21px;height:28px;margin:0;background-image:url(../images/common/m_headerTop_icon1.png);background-size:21px auto;}
|
||||
header .header .header_inner .area_right .m_header_join {display:flex;width:40px;height:100%;margin:0 5px 0 0;padding:0;font-size:0;align-items:center;justify-content:center;text-indent:-9999em;z-index:1;}
|
||||
header .header .header_inner .area_right .m_header_join i {width:26px;height:28px;margin:0;background-image:url(../images/common/m_headerTop_icon2.png);background-size:26px auto;}
|
||||
|
||||
.path {height:50px;background:#f5680b;}
|
||||
.path .pathedfr {display:none;}
|
||||
.path .m_pathedfr {display:block;}
|
||||
.path .m_pathedfr > ul:after {content:'';display:block;clear:both;}
|
||||
.path .m_pathedfr > ul > li {position:relative;float:left;width:50%;height:100%;border-left:1px solid #fcae83;box-sizing:border-box;}
|
||||
.path .m_pathedfr > ul > li:first-child {border:0 none;}
|
||||
.path .m_pathedfr > ul > li .path_btn {position:relative;display:block;width:100%;height:50px; padding:0 0 0 10px;font-size:18px;text-align:left;color:#fff;}
|
||||
.path .m_pathedfr > ul > li .path_btn:after {content:'';position:absolute;right:15px;top:0; width:18px;height:50px;background:url(../images/common/path_btn_arrow.png) no-repeat left top;}
|
||||
.path .m_pathedfr > ul > li .path_btn.active:after {transform:rotate(180deg);}
|
||||
.path .m_pathedfr > ul > li ul {display:none;position:absolute;left:0;top:50px;width:100%; padding:3px 0;border-top:1px solid #fcae83;background:#fb8b4e;box-sizing:border-box;}
|
||||
.path .m_pathedfr > ul > li ul li a {display:block;padding:0 0 0 10px;font-size:16px;line-height:35px;color:#fff;}
|
||||
|
||||
.container .navigation .inner {padding:0;}
|
||||
.navigation .list > li {width: calc((100% - 2px)/2);}
|
||||
.navigation .list > li .navi_title{width: 100%;}
|
||||
|
||||
/* footer */
|
||||
footer .site {margin:0 -10px;}
|
||||
footer .site ul {justify-content:center;}
|
||||
footer .site ul li {padding:0 10px;font-size:14px;text-align:center;}
|
||||
footer .site ul li:first-child {padding:0 10px;}
|
||||
footer .area_top {display:block;padding:20px 10px;}
|
||||
footer .area_top .logo {display:block;}
|
||||
footer .area_top .logo a {display:block;}
|
||||
footer .area_top .logo a img {width:140px;}
|
||||
footer .area_top address {display:block; width: 100%; margin:15px 0 80px 0;}
|
||||
footer .area_top address p {margin:0 0 4px;font-size:14px;line-height:20px;}
|
||||
footer .area_top .site_go {left:initial;right:0;top:20px;width:calc(100% - 165px);}
|
||||
footer .area_top .site_go:after {content:'';display:block;clear:both;}
|
||||
footer .wa_mark {left: 0; bottom: 12px;}
|
||||
footer .area_top .site_go select {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left;width:calc(100% - 45px);height:35px;padding:0 35px 0 15px;font-size:14px;background-size:10px;}
|
||||
footer .area_top .site_go .btn_go {float:right;width:40px;height:35px;font-size:14px;}
|
||||
}
|
||||
|
||||
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
|
||||
.header_inner .area_right{/* width: 80px; */justify-content: space-between;}
|
||||
.header_inner .btn_search{margin-right: 0;}
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
@ -1,35 +1,104 @@
|
||||
/* noto sans kr */
|
||||
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&display=swap');
|
||||
|
||||
/* nanum square */
|
||||
@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');
|
||||
|
||||
/* G market sans */
|
||||
@charset "utf-8";
|
||||
/* noto-sans-kr-300 - korean */
|
||||
@font-face {
|
||||
font-family: 'GmarketSansMedium';
|
||||
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-family: 'Noto Sans KR';
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'GmarketSansBold';
|
||||
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-weight: 300;
|
||||
src: url('/ipedu/visitEdu/usr/publish/css/font/noto-sans-kr-v21-korean-300.eot'); /* IE9 Compat Modes */
|
||||
src: local(''),
|
||||
url('/ipedu/visitEdu/usr/publish/css/font/noto-sans-kr-v21-korean-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('/ipedu/visitEdu/usr/publish/css/font/noto-sans-kr-v21-korean-300.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('/ipedu/visitEdu/usr/publish/css/font/noto-sans-kr-v21-korean-300.woff') format('woff'), /* Modern Browsers */
|
||||
url('/ipedu/visitEdu/usr/publish/css/font/noto-sans-kr-v21-korean-300.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('/ipedu/visitEdu/usr/publish/css/font/noto-sans-kr-v21-korean-300.svg#NotoSansKR') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
/* noto-sans-kr-500 - korean */
|
||||
@font-face {
|
||||
font-family: 'Noto Sans KR';
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
/* 롯데마트행복체 */
|
||||
@font-face {
|
||||
font-family: 'LotteMartHappy';
|
||||
font-weight: 500;
|
||||
src: url('/ipedu/visitEdu/usr/publish/css/font/noto-sans-kr-v21-korean-500.eot'); /* IE9 Compat Modes */
|
||||
src: local(''),
|
||||
url('/ipedu/visitEdu/usr/publish/css/font/noto-sans-kr-v21-korean-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('/ipedu/visitEdu/usr/publish/css/font/noto-sans-kr-v21-korean-500.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('/ipedu/visitEdu/usr/publish/css/font/noto-sans-kr-v21-korean-500.woff') format('woff'), /* Modern Browsers */
|
||||
url('/ipedu/visitEdu/usr/publish/css/font/noto-sans-kr-v21-korean-500.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('/ipedu/visitEdu/usr/publish/css/font/noto-sans-kr-v21-korean-500.svg#NotoSansKR') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
/* noto-sans-kr-regular - korean */
|
||||
@font-face {
|
||||
font-family: 'Noto Sans KR';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartHappy/LotteMartHappyMedium.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartHappy/LotteMartHappyMedium.woff') format('woff');
|
||||
src: url('/ipedu/visitEdu/usr/publish/css/font/noto-sans-kr-v21-korean-regular.eot'); /* IE9 Compat Modes */
|
||||
src: local(''),
|
||||
url('/ipedu/visitEdu/usr/publish/css/font/noto-sans-kr-v21-korean-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('/ipedu/visitEdu/usr/publish/css/font/noto-sans-kr-v21-korean-regular.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('/ipedu/visitEdu/usr/publish/css/font/noto-sans-kr-v21-korean-regular.woff') format('woff'), /* Modern Browsers */
|
||||
url('/ipedu/visitEdu/usr/publish/css/font/noto-sans-kr-v21-korean-regular.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('/ipedu/visitEdu/usr/publish/css/font/noto-sans-kr-v21-korean-regular.svg#NotoSansKR') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'yg-jalnan';
|
||||
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
|
||||
font-weight: normal;
|
||||
/* noto-sans-kr-700 - korean */
|
||||
@font-face {
|
||||
font-family: 'Noto Sans KR';
|
||||
font-style: normal;
|
||||
}
|
||||
font-weight: 700;
|
||||
src: url('/ipedu/visitEdu/usr/publish/css/font/noto-sans-kr-v21-korean-700.eot'); /* IE9 Compat Modes */
|
||||
src: local(''),
|
||||
url('/ipedu/visitEdu/usr/publish/css/font/noto-sans-kr-v21-korean-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('/ipedu/visitEdu/usr/publish/css/font/noto-sans-kr-v21-korean-700.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('/ipedu/visitEdu/usr/publish/css/font/noto-sans-kr-v21-korean-700.woff') format('woff'), /* Modern Browsers */
|
||||
url('/ipedu/visitEdu/usr/publish/css/font/noto-sans-kr-v21-korean-700.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('/ipedu/visitEdu/usr/publish/css/font/noto-sans-kr-v21-korean-700.svg#NotoSansKR') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
/* noto-sans-kr-900 - korean */
|
||||
@font-face {
|
||||
font-family: 'Noto Sans KR';
|
||||
font-style: normal;
|
||||
font-weight: 900;
|
||||
src: url('/ipedu/visitEdu/usr/publish/css/font/noto-sans-kr-v21-korean-900.eot'); /* IE9 Compat Modes */
|
||||
src: local(''),
|
||||
url('/ipedu/visitEdu/usr/publish/css/font/noto-sans-kr-v21-korean-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('/ipedu/visitEdu/usr/publish/css/font/noto-sans-kr-v21-korean-900.woff2') format('woff2'), /* Super Modern Browsers */
|
||||
url('/ipedu/visitEdu/usr/publish/css/font/noto-sans-kr-v21-korean-900.woff') format('woff'), /* Modern Browsers */
|
||||
url('/ipedu/visitEdu/usr/publish/css/font/noto-sans-kr-v21-korean-900.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('/ipedu/visitEdu/usr/publish/css/font/noto-sans-kr-v21-korean-900.svg#NotoSansKR') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Gmarket Sans TTF';
|
||||
src: url('/ipedu/visitEdu/usr/publish/css/font/GmarketSansTTFMedium.eot');
|
||||
src: url('/ipedu/visitEdu/usr/publish/css/font/GmarketSansTTFMedium.eot?#iefix') format('embedded-opentype'),
|
||||
url('/ipedu/visitEdu/usr/publish/css/font/GmarketSansTTFMedium.woff2') format('woff2'),
|
||||
url('/ipedu/visitEdu/usr/publish/css/font/GmarketSansTTFMedium.woff') format('woff'),
|
||||
url('/ipedu/visitEdu/usr/publish/css/font/GmarketSansTTFMedium.ttf') format('truetype');
|
||||
font-weight: 500;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Gmarket Sans TTF';
|
||||
src: url('/ipedu/visitEdu/usr/publish/css/font/GmarketSansTTFLight.eot');
|
||||
src: url('/ipedu/visitEdu/usr/publish/css/font/GmarketSansTTFLight.eot?#iefix') format('embedded-opentype'),
|
||||
url('/ipedu/visitEdu/usr/publish/css/font/GmarketSansTTFLight.woff2') format('woff2'),
|
||||
url('/ipedu/visitEdu/usr/publish/css/font/GmarketSansTTFLight.woff') format('woff'),
|
||||
url('/ipedu/visitEdu/usr/publish/css/font/GmarketSansTTFLight.ttf') format('truetype');
|
||||
font-weight: 300;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Gmarket Sans TTF';
|
||||
src: url('/ipedu/visitEdu/usr/publish/css/font/GmarketSansTTFBold.eot');
|
||||
src: url('/ipedu/visitEdu/usr/publish/css/font/GmarketSansTTFBold.eot?#iefix') format('embedded-opentype'),
|
||||
url('/ipedu/visitEdu/usr/publish/css/font/GmarketSansTTFBold.woff2') format('woff2'),
|
||||
url('/ipedu/visitEdu/usr/publish/css/font/GmarketSansTTFBold.woff') format('woff'),
|
||||
url('/ipedu/visitEdu/usr/publish/css/font/GmarketSansTTFBold.ttf') format('truetype');
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -0,0 +1,47 @@
|
||||
<!DOCTYPE html><html lang=en><head><meta charset=utf-8><title>400: Font family not found</title><link href="//fonts.googleapis.com/css?family=Open+Sans:300,400" rel="stylesheet" type="text/css"/><style>
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
html,code {
|
||||
font: 15px/22px arial,sans-serif;
|
||||
}
|
||||
html {
|
||||
background: #fff;
|
||||
color: #222;
|
||||
padding: 15px;
|
||||
}
|
||||
body {
|
||||
background: 100% 5px no-repeat;
|
||||
margin-top: 0;
|
||||
max-width: none:
|
||||
min-height: 180px;
|
||||
padding: 30px 0 15px;
|
||||
}
|
||||
* > body {
|
||||
padding-right: 205px;
|
||||
}
|
||||
p {
|
||||
margin: 22px 0 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
ins {
|
||||
text-decoration: none;
|
||||
}
|
||||
ins {
|
||||
color: #777;
|
||||
}
|
||||
/* Google Fonts logo styling*/
|
||||
.projectLogo a {
|
||||
font-family: "Open Sans", arial, sans-serif;
|
||||
font-size: 32px;
|
||||
font-weight: 300;
|
||||
color: #63666a;
|
||||
line-height: 1.375;
|
||||
text-decoration: none;
|
||||
}
|
||||
.projectLogo img {
|
||||
margin: -1px 0 -4px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
</style></head><body><h1 id="g" class="projectLogo"><a href="//www.google.com/fonts"><img src="//www.google.com/images/logos/google_logo_41.png" alt="Google"/> Fonts</a></h1><p><b>400:</b> <ins>Missing font family</ins></p><p>The requested font families are not available.<p>Requested: Noto Sans KR (style: normal, weight: 300)<p><ins>For reference, see the <a href="https://developers.google.com/fonts/docs/getting_started">Google Fonts API documentation</a>.</ins></p></body></html>
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -0,0 +1,47 @@
|
||||
<!DOCTYPE html><html lang=en><head><meta charset=utf-8><title>400: Font family not found</title><link href="//fonts.googleapis.com/css?family=Open+Sans:300,400" rel="stylesheet" type="text/css"/><style>
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
html,code {
|
||||
font: 15px/22px arial,sans-serif;
|
||||
}
|
||||
html {
|
||||
background: #fff;
|
||||
color: #222;
|
||||
padding: 15px;
|
||||
}
|
||||
body {
|
||||
background: 100% 5px no-repeat;
|
||||
margin-top: 0;
|
||||
max-width: none:
|
||||
min-height: 180px;
|
||||
padding: 30px 0 15px;
|
||||
}
|
||||
* > body {
|
||||
padding-right: 205px;
|
||||
}
|
||||
p {
|
||||
margin: 22px 0 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
ins {
|
||||
text-decoration: none;
|
||||
}
|
||||
ins {
|
||||
color: #777;
|
||||
}
|
||||
/* Google Fonts logo styling*/
|
||||
.projectLogo a {
|
||||
font-family: "Open Sans", arial, sans-serif;
|
||||
font-size: 32px;
|
||||
font-weight: 300;
|
||||
color: #63666a;
|
||||
line-height: 1.375;
|
||||
text-decoration: none;
|
||||
}
|
||||
.projectLogo img {
|
||||
margin: -1px 0 -4px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
</style></head><body><h1 id="g" class="projectLogo"><a href="//www.google.com/fonts"><img src="//www.google.com/images/logos/google_logo_41.png" alt="Google"/> Fonts</a></h1><p><b>400:</b> <ins>Missing font family</ins></p><p>The requested font families are not available.<p>Requested: Noto Sans KR (style: normal, weight: 500)<p><ins>For reference, see the <a href="https://developers.google.com/fonts/docs/getting_started">Google Fonts API documentation</a>.</ins></p></body></html>
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -0,0 +1,47 @@
|
||||
<!DOCTYPE html><html lang=en><head><meta charset=utf-8><title>400: Font family not found</title><link href="//fonts.googleapis.com/css?family=Open+Sans:300,400" rel="stylesheet" type="text/css"/><style>
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
html,code {
|
||||
font: 15px/22px arial,sans-serif;
|
||||
}
|
||||
html {
|
||||
background: #fff;
|
||||
color: #222;
|
||||
padding: 15px;
|
||||
}
|
||||
body {
|
||||
background: 100% 5px no-repeat;
|
||||
margin-top: 0;
|
||||
max-width: none:
|
||||
min-height: 180px;
|
||||
padding: 30px 0 15px;
|
||||
}
|
||||
* > body {
|
||||
padding-right: 205px;
|
||||
}
|
||||
p {
|
||||
margin: 22px 0 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
ins {
|
||||
text-decoration: none;
|
||||
}
|
||||
ins {
|
||||
color: #777;
|
||||
}
|
||||
/* Google Fonts logo styling*/
|
||||
.projectLogo a {
|
||||
font-family: "Open Sans", arial, sans-serif;
|
||||
font-size: 32px;
|
||||
font-weight: 300;
|
||||
color: #63666a;
|
||||
line-height: 1.375;
|
||||
text-decoration: none;
|
||||
}
|
||||
.projectLogo img {
|
||||
margin: -1px 0 -4px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
</style></head><body><h1 id="g" class="projectLogo"><a href="//www.google.com/fonts"><img src="//www.google.com/images/logos/google_logo_41.png" alt="Google"/> Fonts</a></h1><p><b>400:</b> <ins>Missing font family</ins></p><p>The requested font families are not available.<p>Requested: Noto Sans KR (style: normal, weight: 700)<p><ins>For reference, see the <a href="https://developers.google.com/fonts/docs/getting_started">Google Fonts API documentation</a>.</ins></p></body></html>
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -0,0 +1,47 @@
|
||||
<!DOCTYPE html><html lang=en><head><meta charset=utf-8><title>400: Font family not found</title><link href="//fonts.googleapis.com/css?family=Open+Sans:300,400" rel="stylesheet" type="text/css"/><style>
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
html,code {
|
||||
font: 15px/22px arial,sans-serif;
|
||||
}
|
||||
html {
|
||||
background: #fff;
|
||||
color: #222;
|
||||
padding: 15px;
|
||||
}
|
||||
body {
|
||||
background: 100% 5px no-repeat;
|
||||
margin-top: 0;
|
||||
max-width: none:
|
||||
min-height: 180px;
|
||||
padding: 30px 0 15px;
|
||||
}
|
||||
* > body {
|
||||
padding-right: 205px;
|
||||
}
|
||||
p {
|
||||
margin: 22px 0 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
ins {
|
||||
text-decoration: none;
|
||||
}
|
||||
ins {
|
||||
color: #777;
|
||||
}
|
||||
/* Google Fonts logo styling*/
|
||||
.projectLogo a {
|
||||
font-family: "Open Sans", arial, sans-serif;
|
||||
font-size: 32px;
|
||||
font-weight: 300;
|
||||
color: #63666a;
|
||||
line-height: 1.375;
|
||||
text-decoration: none;
|
||||
}
|
||||
.projectLogo img {
|
||||
margin: -1px 0 -4px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
</style></head><body><h1 id="g" class="projectLogo"><a href="//www.google.com/fonts"><img src="//www.google.com/images/logos/google_logo_41.png" alt="Google"/> Fonts</a></h1><p><b>400:</b> <ins>Missing font family</ins></p><p>The requested font families are not available.<p>Requested: Noto Sans KR (style: normal, weight: 900)<p><ins>For reference, see the <a href="https://developers.google.com/fonts/docs/getting_started">Google Fonts API documentation</a>.</ins></p></body></html>
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -0,0 +1,47 @@
|
||||
<!DOCTYPE html><html lang=en><head><meta charset=utf-8><title>400: Font family not found</title><link href="//fonts.googleapis.com/css?family=Open+Sans:300,400" rel="stylesheet" type="text/css"/><style>
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
html,code {
|
||||
font: 15px/22px arial,sans-serif;
|
||||
}
|
||||
html {
|
||||
background: #fff;
|
||||
color: #222;
|
||||
padding: 15px;
|
||||
}
|
||||
body {
|
||||
background: 100% 5px no-repeat;
|
||||
margin-top: 0;
|
||||
max-width: none:
|
||||
min-height: 180px;
|
||||
padding: 30px 0 15px;
|
||||
}
|
||||
* > body {
|
||||
padding-right: 205px;
|
||||
}
|
||||
p {
|
||||
margin: 22px 0 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
ins {
|
||||
text-decoration: none;
|
||||
}
|
||||
ins {
|
||||
color: #777;
|
||||
}
|
||||
/* Google Fonts logo styling*/
|
||||
.projectLogo a {
|
||||
font-family: "Open Sans", arial, sans-serif;
|
||||
font-size: 32px;
|
||||
font-weight: 300;
|
||||
color: #63666a;
|
||||
line-height: 1.375;
|
||||
text-decoration: none;
|
||||
}
|
||||
.projectLogo img {
|
||||
margin: -1px 0 -4px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
</style></head><body><h1 id="g" class="projectLogo"><a href="//www.google.com/fonts"><img src="//www.google.com/images/logos/google_logo_41.png" alt="Google"/> Fonts</a></h1><p><b>400:</b> <ins>Missing font family</ins></p><p>The requested font families are not available.<p>Requested: Noto Sans KR (style: normal, weight: 400)<p><ins>For reference, see the <a href="https://developers.google.com/fonts/docs/getting_started">Google Fonts API documentation</a>.</ins></p></body></html>
|
||||
Binary file not shown.
Binary file not shown.
@ -1,138 +1,255 @@
|
||||
.main {margin-top:195px;background-color:#eef0f4;padding:0 0 80px 0;}
|
||||
.main .inner {max-width:1400px;width:100%;margin:0 auto;padding:0;display:flex;justify-content: space-between;flex-wrap: wrap;box-sizing: border-box;}
|
||||
.main{width:100%;margin:140px 0 0 0;}
|
||||
.section{padding:60px 0;box-sizing:border-box;}
|
||||
.main_title{display:flex;align-items:center;margin:0 0 25px 0;}
|
||||
.main_title h2.title{font-size:3.5rem;font-weight:500;color:#333;}
|
||||
.main_title .btn_plus{width:50px;height:50px;border:1px solid #dddddd;border-radius:100%;background:#fff;}
|
||||
.main_title .btn_plus i{display:inline-block;width:100%;height:100%;background:url(/ipedu/visitEdu/usr/publish/images/main/icon_plus.png) no-repeat center center;transition:transform 0.2s;}
|
||||
.main_title .btn_plus:hover i{transform:rotate(180deg);transition:transform 0.2s;}
|
||||
|
||||
/* visual */
|
||||
.visual_slide{position:relative;width:100%;height:590px;background-color: #eef0f4;margin:0 auto;z-index:0;overflow:hidden;}
|
||||
.visual_slide .swiper-slide .inner{width:100%;}
|
||||
.visual_slide .swiper-slide .inner .text_area{height:auto;padding:63px 0 0 40px;margin:0 auto;box-sizing:border-box;text-align:center;}
|
||||
.visual_slide .swiper-slide .inner .text_area *{line-height: 1.4;color:#182448;}
|
||||
.visual_slide .swiper-slide .inner .text_area .sub_title{font-size:20px;font-family:'GmarketSansMedium';}
|
||||
.visual_slide .swiper-slide .inner .text_area .title{font-size:52px;font-family:'yg-jalnan';}
|
||||
.visual_slide .swiper-slide .inner .text_area .summary{font-size:18px;}
|
||||
.visual_slide .swiper-slide .inner .text_area a{display:flex;width:145px;height:38px;font-size: 18px;color:#182448;background-color:#fff;padding:0 20px;margin:33px auto 0 auto;border-radius:26px;align-items:center;justify-content:space-between;box-sizing:border-box;}
|
||||
.visual_slide .slide_control{position:relative;width:100%;bottom:32px;}
|
||||
.visual_slide .slide_control .inner{position:relative;justify-content:center;align-items:center;}
|
||||
.visual_slide .slide_control .swiper-pagination{position: relative;}
|
||||
.visual_slide .slide_control .swiper-pagination-bullet{background-color:#19222d;opacity:0.5;margin:0 4px;}
|
||||
.visual_slide .slide_control .swiper-pagination-bullet-active{opacity:1;}
|
||||
.visual_slide .slide_control .slide_pause,.visual_slide .slide_control .slide_play{position:relative;width:8px;height:10px;z-index:10;margin: 5px 0 0 8px;}
|
||||
.visual_slide .slide_control .slide_pause{background:url(/ipedu/visitEdu/usr/publish/images/main/btn_main_visual_pause.png);}
|
||||
.visual_slide .slide_control .slide_play{background:url(/ipedu/visitEdu/usr/publish/images/main/btn_main_visual_play.png);}
|
||||
.visual_slide .btn_prev_slide,.visual_slide .btn_next_slide{position:absolute;width:50px;height:50px;text-indent:-9999em;overflow:hidden;top:50%;z-index:10;transform:translateY(-50%);}
|
||||
.visual_slide .btn_prev_slide{background:url(/ipedu/visitEdu/usr/publish/images/main/btn_main_visual_arrow_right.png) no-repeat;left:77px;}
|
||||
.visual_slide .btn_next_slide{background:url(/ipedu/visitEdu/usr/publish/images/main/btn_main_visual_arrow_left.png) no-repeat;left:calc(100% - 97px);}
|
||||
/* section01 */
|
||||
.section01{position:relative;background-repeat:no-repeat;background-position: 10% calc(100% + 30px);}
|
||||
.section01::after{position:absolute;content:"";width:100%;height:100%;background:url(/ipedu/visitEdu/usr/publish/images/main/sec01_bg.jpg) no-repeat;background-size:cover;left:0;top:0;z-index:-1;}
|
||||
.section01 .box_wrap{display:flex;width:68%;flex-wrap:wrap;gap:30px;margin:0 0 0 auto;}
|
||||
.section01 .box_wrap li{width:calc(50% - 30px);padding:45px 40px;border-radius:20px;box-sizing:border-box;}
|
||||
.section01 .box_wrap .box{display:flex;min-height:160px;flex-direction:column;justify-content:space-between;word-break:keep-all;}
|
||||
.section01 .box_wrap li .title{font-size:2.7rem;font-weight:500;color:#fff;letter-spacing:-.45px;line-height:1.3;}
|
||||
.section01 .box_wrap li:first-child{display:flex;color:#2e4677;padding:0;flex-direction:column;justify-content:center;}
|
||||
.section01 .box_wrap li:first-child p{font-size:3rem;font-weight:500;line-height:1.5;}
|
||||
.section01 .box_wrap li:first-child span{font-family:'Gmarket Sans TTF';font-size:3.9rem;font-weight:bold;letter-spacing:-.45px;line-height:1.5;}
|
||||
|
||||
.visual_slide .swiper-slide[data-swiper-slide-index="0"]{background:url(/ipedu/visitEdu/usr/publish/images/main/main_visual_01.jpg) no-repeat center top;}
|
||||
.visual_slide .swiper-slide[data-swiper-slide-index="1"]{background:url(/ipedu/visitEdu/usr/publish/images/main/main_visual_02.jpg) no-repeat center top;}
|
||||
.visual_slide .swiper-slide[data-swiper-slide-index="2"]{background:url(/ipedu/visitEdu/usr/publish/images/main/main_visual_03.jpg) no-repeat center top;}
|
||||
.visual_slide .swiper-slide[data-swiper-slide-index="3"]{background:url(/ipedu/visitEdu/usr/publish/images/main/main_visual_04.jpg) no-repeat center top;}
|
||||
.visual_slide .swiper-slide[data-swiper-slide-index="4"]{background:url(/ipedu/visitEdu/usr/publish/images/main/main_visual_05.jpg) no-repeat center top;}
|
||||
.section01 .box_wrap li:nth-child(2){background:#0f8deb url(/ipedu/visitEdu/usr/publish/images/main/logo_skyblue.png) no-repeat calc(100% + 75px) calc(100% + 51px);}
|
||||
.section01 .box_wrap li:nth-child(3){background:#1e4aa4 url(/ipedu/visitEdu/usr/publish/images/main/logo_blue.png) no-repeat calc(0% - 69px) 96px;}
|
||||
.section01 .box_wrap li:nth-child(4){background:#01a3cc url(/ipedu/visitEdu/usr/publish/images/main/logo_mint.png) no-repeat calc(100% + 42px) calc(100% + 9px);}
|
||||
|
||||
.visual_slide .swiper-pagination-bullet:focus-visible{outline:2px solid #000;}
|
||||
.section01 .link_area{display:flex;align-items:center;gap:13px;}
|
||||
.section01 .btn{display:flex;width:160px;height:56px;font-size:2.1rem;font-weight:500;border-radius:60px;align-items:center;justify-content:center;transition:box-shadow 0.3s;}
|
||||
.section01 .btn:hover{box-shadow:0 0 16px 8px rgba(0,0,0,0.1);}
|
||||
.section01 .btn.line{border:1px solid #fff;color:#fff;}
|
||||
.section01 .btn.fill{background:#fff;}
|
||||
|
||||
/* main_banner_link */
|
||||
.container .main_banner_link{position:relative;height:130px;margin:20px auto 70px auto;}
|
||||
.container .main_banner_link li{position:relative;display:flex;width:calc((100%/5) - 12px);height:100%;background-color:#fff;border-radius:5px;box-shadow:0 0 5px rgba(45,55,90,0.2);align-items:center;transition:all 0.3s ease-in-out;}
|
||||
.container .main_banner_link li::after{position:absolute;content:" ";width: calc(100% + 10px);height:calc(100% + 10px);border:3px solid transparent;left:-8px;border-radius:10px;}
|
||||
.container .main_banner_link li:hover{z-index: 15;}
|
||||
.container .main_banner_link li:hover::after{border:3px solid #e95504;background-color:#fff;box-shadow:0 0 15px rgba(233,85,4,0.3);}
|
||||
.container .main_banner_link li a{position:relative;width:100%;text-align:center;z-index:15;}
|
||||
.container .main_banner_link i{display:block;width:68px;height:68px;margin:0 auto 10px auto;border-radius:100%;background-repeat:no-repeat;}
|
||||
.container .main_banner_link .banner_link_01 i{background-image:url(/ipedu/visitEdu/usr/publish/images/main/icon_main_visual_01.png);}
|
||||
.container .main_banner_link .banner_link_02 i{background-image:url(/ipedu/visitEdu/usr/publish/images/main/icon_main_visual_02.png);}
|
||||
.container .main_banner_link .banner_link_03 i{background-image:url(/ipedu/visitEdu/usr/publish/images/main/icon_main_visual_03.png);}
|
||||
.container .main_banner_link .banner_link_04 i{background-image:url(/ipedu/visitEdu/usr/publish/images/main/icon_main_visual_04.png);}
|
||||
.container .main_banner_link .banner_link_05 i{background-image:url(/ipedu/visitEdu/usr/publish/images/main/icon_main_visual_05.png);}
|
||||
.container .main_banner_link li span{color:#ed5908;font-weight:500;}
|
||||
.section01 .box_wrap li:nth-child(2) .btn.fill{color:#016dbe;}
|
||||
.section01 .box_wrap li:nth-child(2) .btn.line{background:#0f8deb;}
|
||||
.section01 .box_wrap li:nth-child(3) .btn.fill{color:#123b8d;}
|
||||
.section01 .box_wrap li:nth-child(3) .btn.line{background:#1e4aa4;}
|
||||
.section01 .box_wrap li:nth-child(4) .btn.fill{color:#009bc2;}
|
||||
.section01 .box_wrap li:nth-child(4) .btn.line{background:#01a3cc;}
|
||||
|
||||
/* 하단콘텐츠 공통 */
|
||||
.wrap .content_wrap{width:calc((100% - 72px)/3); position:relative;}
|
||||
.wrap .content_wrap .content{height:332px;}
|
||||
.wrap .content_wrap>.title{display:flex;width:100%;justify-content:space-between;align-items:center;margin:0 0 10px 0;}
|
||||
.wrap .content_wrap>.title h3{position:relative;font-size:28px;font-weight:bold;padding:0 0 0 20px;}
|
||||
.wrap .content_wrap>.title h3::after{position:absolute;content:" ";width:6px;height:6px;border:3px solid #e95504;border-radius:100%;left:0;top:9px;}
|
||||
.wrap .content_wrap .btn_plus{position:absolute; top:0; right:0; display:flex;width:65px;height:30px;background:#fff url(/ipedu/visitEdu/usr/publish/images/main/btn_plus.png) no-repeat calc(100% + 4px) center;padding:0 4px 0 8px;overflow:hidden;text-align:left;color:#666;line-height:1.6;border:1px solid #d5d5d5;border-radius:5px;justify-content:flex-start;align-items:center;transition:all 0.1s ease-in;}
|
||||
.wrap .content_wrap .btn_plus:hover{border:1px solid #ed5908;background:#fff url(/ipedu/visitEdu/usr/publish/images/main/btn_plus_hover.png) no-repeat calc(100% + 4px) center;color:#ed5908;}
|
||||
/* section02 */
|
||||
.section02{background:#f3f3f4;text-align:center;padding:90px 60px 100px 60px;background-image:url(/ipedu/visitEdu/usr/publish/images/main/sec02_bg_obj.png),url(/ipedu/visitEdu/usr/publish/images/main/sec02_bg_obj.png);background-repeat:no-repeat;background-position:5vw 30px,85vw calc(100% - 30px);}
|
||||
.section02 .inner{position:relative;min-height:488px;z-index:0;}
|
||||
|
||||
/* 공지사항 */
|
||||
.wrap .notice .content{padding:15px 45px;background-color:#fff;border:1px solid #d5d5d5;border-radius: 5px;box-shadow:0 0 5px rgba(0,0,0,0.15);box-sizing:border-box;}
|
||||
.wrap .notice .emphasis{display: inline-flex;width:40px;height:20px;justify-content:center;align-items:center;background-color:#ed5908;font-size:14px;font-weight:400;color:#fff;border-radius:5px;margin:0 8px 0 0;}
|
||||
.wrap .notice .notice_list li{border-bottom: 1px solid #d5d5d5;}
|
||||
.wrap .notice .notice_list li:last-child{border:0;}
|
||||
.wrap .notice .notice_list li a{display:flex;height:50px;justify-content:space-between;align-items:center;transition:all 0.1s ease-in;}
|
||||
.wrap .notice .notice_list li:hover a{color:#ed5908;transition:all 0.15s ease-in-out;}
|
||||
.wrap .notice .date{display:flex;min-width:110px;font-size:16px;color:#666;align-items:center;font-weight:300;}
|
||||
.wrap .notice .notice_list li:hover .date{color:#ed5908;}
|
||||
.wrap .notice .date i{display:inline-block;width:4px;height:4px;background:#e95504;margin:2px 6px 0 0;border-radius:100%;}
|
||||
.wrap .notice .notice_list .title{width: calc(100% - 115px);font-size:18px;font-weight:500;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height: 1.4;}
|
||||
.section02 .main_title{gap:15px;justify-content:center;}
|
||||
.section02 .list_content{display:inline-flex;padding:7px;margin:0 auto;background:#fff;border-radius:50px;justify-content:center;}
|
||||
.section02 .tab{width:144px;height:44px;font-size:2.3rem;color:#555;border-radius:44px;}
|
||||
.section02 .on .tab{background:#396ac4;color:#fff;font-weight:600;}
|
||||
.section02 .list{position:absolute;display:none;width:100%;max-width:1440px;left:50%;top:190px;transform:translateX(-50%);gap:20px;}
|
||||
.section02 .on .list{display:flex;z-index:1;}
|
||||
.section02 .list li{width:calc((100% / 4) - 20px);}
|
||||
.section02 .list a{display:flex;height:100%;padding:45px;text-align:left;background:#fff;border:5px solid transparent;border-radius:20px;flex-direction:column;gap:20px;box-sizing: border-box;transition:all 0.4s;justify-content:center;}
|
||||
.section02 .list a:hover{border:5px solid #396ac4;box-shadow:4px 8px 10px rgba(0,0,0,0.1);transition:all 0.4s;}
|
||||
.section02 .list a.none:hover{border:5px solid transparent;box-shadow:none;}
|
||||
.section02 .list .date{font-size:3rem;font-family:'Gmarket Sans TTF';font-weight:bold;}
|
||||
.section02 .list .title{font-size:2.1rem;font-weight:500;color:#555;line-height:1.4;}
|
||||
.section02 .list .status{display:flex;width:90px;height:40px;font-size:1.9rem;font-weight:500;border-radius:3px;justify-content:center;align-items:center;}
|
||||
.section02 .list .status.blue{background:#e5eef3;color:#2750a3;}
|
||||
.section02 .list .status.gray{background:#eaeaea;color:#7c7c7c;}
|
||||
|
||||
/* 자료실 */
|
||||
.wrap .data_notice .notice_list{display:flex;height:100%;align-items:stretch;flex-flow:wrap;justify-content:space-between;flex-direction:column;}
|
||||
.wrap .data_notice .notice_list li{width:100%;padding:15.5px 45px;background-color:#fff;border:1px solid #d5d5d5;border-radius: 5px;box-shadow:0 0 5px rgba(0,0,0,0.15);box-sizing:border-box;transition:all 0.05s ease-in-out;}
|
||||
.wrap .data_notice .notice_list li:hover{border:1px solid #ed5908;transition:all 0.05s ease-in-out;}
|
||||
.wrap .data_notice .notice_list li .title{font-size: 18px;font-weight:500;align-items:center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:1.2;transition:all 0.05s ease-in-out;}
|
||||
.wrap .data_notice .notice_list li .title i{display:inline-block;width:4px;height:4px;background:#e95504;margin:0 6px 5px 0;border-radius:100%;}
|
||||
.wrap .data_notice .notice_list li .date{margin:4.5px 0 0 8px;color:#666;font-weight:300;transition:all 0.05s ease-in-out;}
|
||||
.wrap .data_notice .notice_list li:hover .title,.wrap .data_notice .notice_list li:hover .date{color:#ed5908;transition:all 0.05s ease-in-out;}
|
||||
/* section03 */
|
||||
.section03 .inner{display:flex;gap:50px;}
|
||||
.section03 .slide_banner,.section03 .banner_wrap{width:calc((100% / 2) - 25px);}
|
||||
.section03 .main_title{justify-content:space-between;}
|
||||
.section03 .slide_util{display:flex;font-size:3rem;font-weight:500;color:#7c7c7c;gap:20px;align-items:center;}
|
||||
.section03 .slide_num{font-size:inherit;color:#333333;}
|
||||
.section03 .btn_wrap{display:flex;gap:10px;}
|
||||
.section03 .btn{width:50px;height:50px;border:1px solid #d8d8d8;border-radius:100%;background:#fff;transition:background .3s;}
|
||||
.section03 .btn:hover{background-color:#f6f6f6;}
|
||||
.section03 .btn i{display:inline-block;width:100%;height:100%;}
|
||||
.section03 .btn_prev i{background:url(/ipedu/visitEdu/usr/publish/images/main/icon_prev_60.png) no-repeat center center;}
|
||||
.section03 .btn_pause i{background:url(/ipedu/visitEdu/usr/publish/images/main/icon_pause_60.png) no-repeat center center;}
|
||||
.section03 .btn_play i{background:url(/ipedu/visitEdu/usr/publish/images/main/icon_play_60.png) no-repeat center center;}
|
||||
.section03 .btn_next i{background:url(/ipedu/visitEdu/usr/publish/images/main/icon_next_60.png) no-repeat center center;}
|
||||
.section03 .btn:disabled{background-color:#f4f4f4;border:1px solid #dddddd;opacity:0.4;}
|
||||
.section03 .swiper{width:100%;height:calc(100% - 75px);border-radius:10px;}
|
||||
.section03 .swiper-wrapper,.section03 .swiper-slide{height:100%;background-color: violet;}
|
||||
|
||||
/* 알림판 */
|
||||
.wrap .notify .notify_slide{height:100%;}
|
||||
.wrap .notify .notify_slide .swiper-slide img{width:100%;height:100%;}
|
||||
.wrap .notify .notify_control{display:flex;height:30px;background-color:#fff;border:1px solid #d5d5d5;border-radius:5px;padding:0 4px 0 0;}
|
||||
.wrap .notify .notify_control>*{position:unset;width:23px;height:30px;font-size:16px;color:#666;text-align:center;line-height:28px;letter-spacing:-1.7px;margin: 0 0 0 -1px;}
|
||||
.wrap .notify .notify_control .slide_number{width:35px;}
|
||||
.wrap .notify .notify_control .swiper-button-prev,.wrap .notify .notify_control .swiper-button-next{background-size:auto;}
|
||||
.wrap .notify .notify_control .swiper-button-prev::after,.wrap .notify .notify_control .swiper-button-next::after{display: none;}
|
||||
.wrap .notify .notify_control .swiper-button-prev{background-image:url(/ipedu/visitEdu/usr/publish/images/main/btn_arrow_right.png);background-position-x:-2px;}
|
||||
.wrap .notify .notify_control .swiper-button-next{background-image:url(/ipedu/visitEdu/usr/publish/images/main/btn_arrow_left.png);}
|
||||
.wrap .notify .notify_control .swiper-button-prev:hover{background-image:url(/ipedu/visitEdu/usr/publish/images/main/btn_arrow_right_hover.png);}
|
||||
.wrap .notify .notify_control .swiper-button-next:hover{background-image:url(/ipedu/visitEdu/usr/publish/images/main/btn_arrow_left_hover.png);}
|
||||
.wrap .notify .notify_control .slide_pause,.wrap .notify .notify_control .slide_play{height: 30px;margin: 0 0 0 -0.5px;}
|
||||
.wrap .notify .notify_control .slide_pause{background:url(/ipedu/visitEdu/usr/publish/images/main/btn_pause.png) no-repeat center center;}
|
||||
.wrap .notify .notify_control .slide_play{background:url(/ipedu/visitEdu/usr/publish/images/main/btn_play.png) no-repeat center center;}
|
||||
.wrap .notify .content{width:100%;height:332px;overflow:hidden;border-radius:5px;}
|
||||
.wrap .notify .notify_slide a:focus{width:calc(100% - 6px);height:calc(100% - 6px);margin:2px 0 0 2px;}
|
||||
.section03 .banner_wrap{display:flex;flex-direction:column;gap:54px;}
|
||||
.section03 .banner{display:flex;width:100%;padding:45px 40px;color:#fff;border-radius:10px;box-sizing:border-box;transition:background 0.3s;}
|
||||
.section03 .banner.green{background:#0aa87d}
|
||||
.section03 .banner.green:hover{background:#029165}
|
||||
.section03 .banner.blue{background:#3068ce;}
|
||||
.section03 .banner.blue:hover{background:#2658c4;}
|
||||
.section03 .banner i{width:200px;}
|
||||
.section03 .banner .title{font-size:3.1rem;font-weight:700;line-height:1.4;margin:0 0 8px 0;}
|
||||
.section03 .banner .summary{font-size:1.9rem;font-weight:500;line-height:1.4;}
|
||||
|
||||
@media all and (max-width: 1440px){
|
||||
.main .inner{width:calc(100% - 40px);}
|
||||
.wrap .notice .content,.wrap .data_notice .notice_list li{padding:15px 25px;}
|
||||
/* section04 */
|
||||
.section04 .inner{display:flex;justify-content:space-between;align-items:flex-start;gap:50px;}
|
||||
.section04 .list_wrap{width:calc((100% / 2) - 25px);}
|
||||
.section04 .main_title{justify-content:space-between;margin:0;padding:0 0 0 10px;box-sizing:border-box;}
|
||||
.section04 .list{width:100%;border-top:3px solid #858686;margin:13px 0 0 0;}
|
||||
.section04 .list a{display:flex;padding:20px 8px;justify-content:space-between;align-items:center;border-bottom:1px solid #e5e5e5;box-sizing:border-box;gap:40px;}
|
||||
.section04 .list .title{width:calc(100% - 60px);font-size:2.1rem;color:#555;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transition:color .3s;}
|
||||
.section04 .list a:hover .title{color:#396ac4;}
|
||||
.section04 .list .date{font-size:2.1rem;color:#7c7c7c;}
|
||||
|
||||
|
||||
/* site_slide */
|
||||
.site_slide_wrap{display:flex;align-items:center;max-width:1440px;height:48px;margin:20px auto 60px auto;}
|
||||
.site_slide_wrap .btn_wrap{display:flex;gap:10px;}
|
||||
.site_slide_wrap .btn{width:30px;height:30px;}
|
||||
.site_slide_wrap .btn i{display:inline-block;width:100%;height:100%;}
|
||||
.site_slide_wrap .btn:disabled{opacity:0.4;}
|
||||
.site_slide_wrap .btn_prev i{background:url(/ipedu/visitEdu/usr/publish/images/main/icon_prev_30.png) no-repeat center center;}
|
||||
.site_slide_wrap .btn_pause i{background:url(/ipedu/visitEdu/usr/publish/images/main/icon_pause_30.png) no-repeat center center;}
|
||||
.site_slide_wrap .btn_play i{background:url(/ipedu/visitEdu/usr/publish/images/main/icon_play_30.png) no-repeat center center;}
|
||||
.site_slide_wrap .btn_next i{background:url(/ipedu/visitEdu/usr/publish/images/main/icon_next_30.png) no-repeat center center;}
|
||||
|
||||
|
||||
@media (max-width: 1480px) {
|
||||
.main{margin:160px 0 0 0;}
|
||||
|
||||
.section01{background-position: -2% calc(100% + 30px), left top;}
|
||||
.section01 .box_wrap{width:73%;}
|
||||
}
|
||||
|
||||
@media (max-width: 1023px){
|
||||
.main{margin:110px 0 0 0;}
|
||||
.section{padding:120px 0;}
|
||||
.main_title{margin:0 0 50px 0;}
|
||||
.main_title h2.title{font-size:6.8rem;}
|
||||
.main_title .btn_plus{width:110px;height:110px;}
|
||||
.main_title .btn_plus i{background:url(/ipedu/visitEdu/usr/publish/images/main/icon_plus_110.png) no-repeat center center;}
|
||||
|
||||
/* section01 */
|
||||
.section01 .box_wrap{width:100%;flex-direction:column;gap:60px;}
|
||||
.section01 .box_wrap li:first-child span{font-size:7rem;text-align:center;}
|
||||
.section01 .box_wrap li{width:100%;padding:60px;align-items:center;}
|
||||
.section01 .box_wrap li:first-child p{display:none;}
|
||||
.section01 .box_wrap .box{align-items:center;gap:60px;}
|
||||
.section01 .box_wrap li .title{font-size:6rem;text-align:center;}
|
||||
.section01 .link_area{gap:26px;}
|
||||
.section01 .btn{width:auto;height:120px;font-size:5.2rem;padding:0 60px;}
|
||||
|
||||
/* section02 */
|
||||
.section02{padding:90px 30px 120px 30px;}
|
||||
.section02 .inner{max-width:none;min-height:1140px;padding:0;}
|
||||
.section02 .main_title{gap:30px;margin:0 0 50px 0;}
|
||||
.section02 .list_content,.section02 .list_content>li,.section02 .tab{width:100%;}
|
||||
.section02 .list_content{padding:14px;border-radius:60px;box-sizing:border-box;flex-wrap:wrap;}
|
||||
.section02 .list_content>li{width:50%;}
|
||||
.section02 .tab{height:108px;font-size:5.6rem;border-radius:108px;padding:0 20px;white-space:nowrap;}
|
||||
.section02 .list{width:100%;max-width:100%;height:50%;padding:0 0 20px 0;overflow-x:auto;-webkit-overflow-scrolling: touch;top:456px;}
|
||||
.section02 .list li{width:100%;flex: 0 0 70%;}
|
||||
.section02 .list a{height:550px;}
|
||||
.section02 .list .date{font-size:6.8rem;}
|
||||
.section02 .list .title{font-size:5.6rem;}
|
||||
.section02 .list .status{width:180px;height:80px;font-size:4.2rem;}
|
||||
|
||||
|
||||
.section03 .inner,.section04 .inner{flex-direction:column;}
|
||||
.section03 .slide_banner, .section03 .banner_wrap, .section04 .list_wrap{width:100%;}
|
||||
.section03 .slide_util{font-size:5.6rem;gap:40px;}
|
||||
.section03 .btn{width:110px;height:110px;}
|
||||
.section03 .btn_prev i{background:url(/ipedu/visitEdu/usr/publish/images/main/icon_prev_110.png) no-repeat center center;}
|
||||
.section03 .btn_pause i{background:url(/ipedu/visitEdu/usr/publish/images/main/icon_pause_110.png) no-repeat center center;}
|
||||
.section03 .btn_play i{background:url(/ipedu/visitEdu/usr/publish/images/main/icon_play_110.png) no-repeat center center;}
|
||||
.section03 .btn_next i{background:url(/ipedu/visitEdu/usr/publish/images/main/icon_next_110.png) no-repeat center center;}
|
||||
|
||||
/* section03 */
|
||||
.section03 .swiper{height:240px;}
|
||||
.section03 .banner .title{font-size:5.6rem;text-align:center;}
|
||||
.section03 .banner_wrap{flex-direction:row;}
|
||||
.section03 .banner{width:50%;justify-content:center;}
|
||||
.section03 .banner i,.section03 .banner .summary{display:none;}
|
||||
|
||||
/* section04 */
|
||||
.section04 .inner{gap:100px;}
|
||||
.section04 .list{margin:40px 0 0 0;}
|
||||
.section04 .list a{padding:46px 16px;}
|
||||
.section04 .list .title{font-size:5.6rem;}
|
||||
.section04 .list .date{display:none;}
|
||||
|
||||
.site_slide_wrap{height:auto;flex-direction:column;gap:30px;padding:0 15px;box-sizing:border-box;}
|
||||
.site_slide.swiper{width:100%;height:112px;}
|
||||
.site_slide.swiper a{display:inline-flex;width:calc(100% - 20px);height:calc(100% - 2px);border:1px solid #e5e5e5;justify-content:center;align-items:center;}
|
||||
.site_slide_wrap .btn{width:110px;height:110px;border:1px solid #d8d8d8;border-radius:100%;}
|
||||
.site_slide_wrap .btn_prev i{background:url(/ipedu/visitEdu/usr/publish/images/main/icon_prev_110.png) no-repeat center center;}
|
||||
.site_slide_wrap .btn_pause i{background:url(/ipedu/visitEdu/usr/publish/images/main/icon_pause_110.png) no-repeat center center;}
|
||||
.site_slide_wrap .btn_play i{background:url(/ipedu/visitEdu/usr/publish/images/main/icon_play_110.png) no-repeat center center;}
|
||||
.site_slide_wrap .btn_next i{background:url(/ipedu/visitEdu/usr/publish/images/main/icon_next_110.png) no-repeat center center;}
|
||||
|
||||
}
|
||||
|
||||
@media all and (max-width: 1024px){
|
||||
.main{margin-top:120px;}
|
||||
.wrap .content_wrap{width:100%;margin:0 0 30px 0;}
|
||||
|
||||
.visual_slide .swiper-slide{background-size:auto 100% !important;}
|
||||
.visual_slide .swiper-slide .inner .text_area{width:calc(100% - 40px);margin:0 auto;padding:63px 0 0 0;}
|
||||
.visual_slide .swiper-slide .inner .text_area .sub_title{font-size:1.2rem;}
|
||||
.visual_slide .swiper-slide .inner .text_area .title{font-size:2.5rem;}
|
||||
.visual_slide .swiper-slide .inner .text_area .summary{font-size:1.1rem;}
|
||||
.visual_slide .slide_control{bottom:-20px;}
|
||||
|
||||
.container .main_banner_link{height:auto;}
|
||||
.container .main_banner_link li{width:calc((100% - 20px)/2);margin:0 0 10px 0;padding:15px 0;}
|
||||
|
||||
.wrap .notify .content{height:auto;}
|
||||
@media (max-width: 767px){
|
||||
.section{padding:55px 0;}
|
||||
.main_title{margin:0 0 25px 0;gap:15px;}
|
||||
.main_title h2.title{font-size:3.4rem;}
|
||||
.main_title .btn_plus{width:55px;height:55px;}
|
||||
.main_title .btn_plus i{background:url(/ipedu/visitEdu/usr/publish/images/main/icon_plus_110.png) no-repeat center center;background-size:100%;}
|
||||
|
||||
.section01 .box_wrap{gap:30px;}
|
||||
.section01 .box_wrap li{padding:30px;}
|
||||
.section01 .box_wrap .box{min-height:0;gap:30px;}
|
||||
.section01 .box_wrap li .title{font-size:3rem;}
|
||||
.section01 .box_wrap li:first-child span{font-size:3.5rem;}
|
||||
.section01 .link_area{gap:13px;}
|
||||
.section01 .btn{width:34vw;height:60px;font-size:2.6rem;padding:0;}
|
||||
|
||||
.section02 .inner{min-height:650px;padding:0 25px;}
|
||||
.section02 .main_title{gap:15px;margin:0 0 25px 0;}
|
||||
.section02 .list_content{padding:7px;}
|
||||
.section02 .list_content>li{width:calc(100% / 4);}
|
||||
.section02 .tab{height:54px;font-size:2.8rem;padding:0 10px;}
|
||||
.section02 .list{height:64%;top:176px;padding:0 25px 20px 25px;box-sizing:border-box;}
|
||||
.section02 .list li{flex:0 0 90%;}
|
||||
.section02 .list a{height:380px;}
|
||||
.section02 .list .date{font-size:3.4rem;}
|
||||
.section02 .list .title{font-size:2.8rem;}
|
||||
.section02 .list .status{width:90px;height:40px;font-size:2.1rem;}
|
||||
|
||||
.section03 .slide_util{font-size:2.8rem;gap:20px;}
|
||||
.section03 .btn{width:55px;height:55px;}
|
||||
.section03 .btn i{background-size:100%;}
|
||||
.section03 .swiper{height:268px;}
|
||||
.section03 .banner{height:120px;padding:0 10px;align-items:center;}
|
||||
.section03 .banner .title{font-size:2.8rem;}
|
||||
|
||||
.section04 .list{margin:20px 0 0 0;}
|
||||
.section04 .list a{padding:23px 8px;}
|
||||
.section04 .list .title{font-size:2.8rem;}
|
||||
|
||||
.site_slide_wrap .btn{width:55px;height:55px;}
|
||||
.site_slide_wrap .btn i{background-size:100% auto;}
|
||||
|
||||
}
|
||||
|
||||
@media all and (max-width: 767px){
|
||||
/*.main{margin:70px 0 0 0;}*/
|
||||
.main {margin-top:120px;background-color:#eef0f4;padding:0 0 80px 0;}
|
||||
.visual_slide .btn_next_slide{left:calc(100% - 60px);}
|
||||
.visual_slide .btn_prev_slide{left:10px;}
|
||||
}
|
||||
@media (max-width: 479px){
|
||||
|
||||
@media all and (max-width: 640px){
|
||||
.visual_slide .swiper-slide{background-size:cover !important;}
|
||||
.visual_slide .swiper-slide[data-swiper-slide-index="0"]{background:url(/ipedu/visitEdu/usr/publish/images/main/main_visual_01_mob.jpg) no-repeat center bottom;}
|
||||
.visual_slide .swiper-slide[data-swiper-slide-index="1"]{background:url(/ipedu/visitEdu/usr/publish/images/main/main_visual_02_mob.jpg) no-repeat center bottom;}
|
||||
.visual_slide .swiper-slide[data-swiper-slide-index="2"]{background:url(/ipedu/visitEdu/usr/publish/images/main/main_visual_03_mob.jpg) no-repeat center bottom;}
|
||||
.visual_slide .swiper-slide[data-swiper-slide-index="3"]{background:url(/ipedu/visitEdu/usr/publish/images/main/main_visual_04_mob.jpg) no-repeat center bottom;}
|
||||
.visual_slide .swiper-slide[data-swiper-slide-index="4"]{background:url(/ipedu/visitEdu/usr/publish/images/main/main_visual_05_mob.jpg) no-repeat center bottom;}
|
||||
|
||||
.visual_slide .swiper-slide .inner .text_area .title{font-size:2rem;}
|
||||
.visual_slide .swiper-slide .inner .text_area .summary{font-size:1rem;letter-spacing:-0.5px;}
|
||||
|
||||
}
|
||||
.main_title h2.title{font-size:3rem;}
|
||||
.main_title .btn_plus{width:40px;height:40px;}
|
||||
|
||||
|
||||
.section01 .box_wrap li:first-child span{font-size:3rem;}
|
||||
.section01 .link_area{width:100%;flex-wrap:wrap;}
|
||||
.section01 .link_area a{width:100%;;}
|
||||
|
||||
.section02 .inner{min-height:580px;padding:0 15px;}
|
||||
.section02 .list_content{border-radius:30px;}
|
||||
.section02 .list_content>li{width:50%;}
|
||||
.section02 .tab{font-size:2.4rem;}
|
||||
.section02 .list{top:230px;height:56%;padding:0 15px 20px 15px;}
|
||||
.section02 .list a{min-height:300px;height:auto;padding:20px 30px;}
|
||||
.section02 .list .date{font-size:3rem;}
|
||||
.section02 .list .title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:2.2rem;overflow:hidden;}
|
||||
.section02 .list .status{font-size:1.8rem;}
|
||||
|
||||
.section03 .inner{gap:25px;;}
|
||||
.section03 .btn_wrap{gap:5px;}
|
||||
.section03 .btn{width:40px;height:40px;}
|
||||
.section03 .banner_wrap{gap:20px;}
|
||||
.section03 .banner .title{font-size:2.2rem;text-align:center;word-break:keep-all;}
|
||||
|
||||
.section04 .list .title{width:100%;font-size:2.2rem;}
|
||||
|
||||
.site_slide_wrap .swiper-slide img{width:100%;height:auto;}
|
||||
}
|
||||
@ -1,90 +0,0 @@
|
||||
.main {margin-top:130px;background-color:#eef0f4;padding:0 0 80px 0;}
|
||||
.main .inner {max-width:1400px;width:100%;margin:0 auto;display:flex;justify-content: space-between;flex-wrap: wrap;box-sizing: border-box;}
|
||||
|
||||
/* visual */
|
||||
.renewal .visual_slide{position:relative;width:100%;height:590px;background-color: #eef0f4;margin:0 auto;z-index:0;overflow:hidden;}
|
||||
.renewal .visual_slide .swiper-slide .inner{width:100%;}
|
||||
.renewal .visual_slide .swiper-slide .inner .text_area{height:auto;padding:63px 0 0 40px;margin:0 auto;box-sizing:border-box;text-align:center;}
|
||||
.renewal .visual_slide .swiper-slide .inner .text_area *{line-height: 1.4;color:#182448;}
|
||||
.renewal .visual_slide .swiper-slide .inner .text_area .sub_title{font-size:20px;font-family:'GmarketSansMedium';}
|
||||
.renewal .visual_slide .swiper-slide .inner .text_area .title{font-size:52px;font-family:'GmarketSansBold';}
|
||||
.renewal .visual_slide .swiper-slide .inner .text_area .summary{font-size:18px;}
|
||||
.renewal .visual_slide .swiper-slide .inner .text_area a{display:flex;width:145px;height:38px;font-size: 18px;color:#182448;background-color:#fff;padding:0 20px;margin:33px auto 0 auto;border-radius:26px;align-items:center;justify-content:space-between;box-sizing:border-box;}
|
||||
.renewal .visual_slide .slide_control{position:relative;width:100%;bottom:20px;}
|
||||
.renewal .visual_slide .slide_control .inner{position:relative;justify-content:center;align-items:center;}
|
||||
.renewal .visual_slide .slide_control .swiper-pagination{position: relative;}
|
||||
.renewal .visual_slide .slide_control .swiper-pagination-bullet{background-color:#19222d;opacity:0.5;margin:0 4px;}
|
||||
.renewal .visual_slide .slide_control .swiper-pagination-bullet-active{opacity:1;}
|
||||
.renewal .visual_slide .slide_control .slide_pause,.renewal .visual_slide .slide_control .slide_play{position:relative;width:8px;height:10px;z-index:10;margin: 5px 0 0 8px;}
|
||||
.renewal .visual_slide .slide_control .slide_pause{background:url(/ipedu/visitEdu/usr/publish/images/main/btn_main_visual_pause.png);}
|
||||
.renewal .visual_slide .slide_control .slide_play{background:url(/ipedu/visitEdu/usr/publish/images/main/btn_main_visual_play.png);}
|
||||
.renewal .visual_slide .btn_prev_slide,.renewal .visual_slide .btn_next_slide{position:absolute;width:50px;height:50px;text-indent:-9999em;overflow:hidden;top:50%;z-index:10;transform:translateY(-50%);}
|
||||
.renewal .visual_slide .btn_prev_slide{background:url(/ipedu/visitEdu/usr/publish/images/main/btn_main_visual_arrow_right.png) no-repeat;left:77px;}
|
||||
.renewal .visual_slide .btn_next_slide{background:url(/ipedu/visitEdu/usr/publish/images/main/btn_main_visual_arrow_left.png) no-repeat;left:calc(100% - 97px);}
|
||||
|
||||
.renewal .visual_slide .swiper-slide[aria-label="1 / 5"]{background:url(/ipedu/visitEdu/usr/publish/images/main/main_visual_01.jpg) no-repeat;}
|
||||
.renewal .visual_slide .swiper-slide[aria-label="2 / 5"]{background:url(/ipedu/visitEdu/usr/publish/images/main/main_visual_02.jpg) no-repeat;}
|
||||
.renewal .visual_slide .swiper-slide[aria-label="3 / 5"]{background:url(/ipedu/visitEdu/usr/publish/images/main/main_visual_03.jpg) no-repeat;}
|
||||
.renewal .visual_slide .swiper-slide[aria-label="4 / 5"]{background:url(/ipedu/visitEdu/usr/publish/images/main/main_visual_04.jpg) no-repeat;}
|
||||
.renewal .visual_slide .swiper-slide[aria-label="5 / 5"]{background:url(/ipedu/visitEdu/usr/publish/images/main/main_visual_05.jpg) no-repeat;}
|
||||
|
||||
/* main_banner_link */
|
||||
.renewal .main_banner_link{position:relative;height:130px;margin:60px auto 70px auto;}
|
||||
.renewal .main_banner_link li{position:relative;display:flex;width:calc((100%/5) - 12px);height:100%;background-color:#fff;border-radius:5px;box-shadow:0 0 5px rgba(45,55,90,0.2);align-items:center;transition:all 0.3s ease-in-out;}
|
||||
.renewal .main_banner_link li::after{position:absolute;content:" ";width: calc(100% + 10px);height:calc(100% + 10px);border:3px solid transparent;left:-8px;border-radius:10px;}
|
||||
.renewal .main_banner_link li:hover{z-index: 15;}
|
||||
.renewal .main_banner_link li:hover::after{border:3px solid #e95504;background-color:#fff;box-shadow:0 0 15px rgba(233,85,4,0.3);}
|
||||
.renewal .main_banner_link li a{position:relative;width:100%;text-align:center;z-index:15;}
|
||||
.renewal .main_banner_link i{display:block;width:68px;height:68px;margin:0 auto 10px auto;border-radius:100%;background-repeat:no-repeat;}
|
||||
.renewal .main_banner_link .banner_link_01 i{background-image:url(/ipedu/visitEdu/usr/publish/images/main/icon_main_visual_01.png);}
|
||||
.renewal .main_banner_link .banner_link_02 i{background-image:url(/ipedu/visitEdu/usr/publish/images/main/icon_main_visual_02.png);}
|
||||
.renewal .main_banner_link .banner_link_03 i{background-image:url(/ipedu/visitEdu/usr/publish/images/main/icon_main_visual_03.png);}
|
||||
.renewal .main_banner_link .banner_link_04 i{background-image:url(/ipedu/visitEdu/usr/publish/images/main/icon_main_visual_04.png);}
|
||||
.renewal .main_banner_link .banner_link_05 i{background-image:url(/ipedu/visitEdu/usr/publish/images/main/icon_main_visual_05.png);}
|
||||
.renewal .main_banner_link li span{color:#e95504;font-weight:500;}
|
||||
|
||||
/* 하단콘텐츠 공통 */
|
||||
.renewal .wrap .content_wrap{width:calc((100% - 72px)/3);}
|
||||
.renewal .wrap .content_wrap .content{height:332px;}
|
||||
.renewal .wrap .content_wrap>.title{display:flex;width:100%;justify-content:space-between;align-items:center;margin:0 0 10px 0;}
|
||||
.renewal .wrap .content_wrap>.title h3{position:relative;font-size:28px;font-weight:bold;padding:0 0 0 20px;}
|
||||
.renewal .wrap .content_wrap>.title h3::after{position:absolute;content:" ";width:6px;height:6px;border:3px solid #e95504;border-radius:100%;left:0;top:9px;}
|
||||
.renewal .wrap .content_wrap .title .btn_plus{display:flex;width:65px;height:30px;background:#fff url(/ipedu/visitEdu/usr/publish/images/main/btn_plus.png) no-repeat calc(100% + 4px) center;padding:0 4px 0 8px;overflow:hidden;text-align:left;color:#666;line-height:1.6;border:1px solid #d5d5d5;border-radius:5px;justify-content:flex-start;align-items:center;transition:all 0.1s ease-in;}
|
||||
.renewal .wrap .content_wrap .title .btn_plus:hover{border:1px solid #e95504;background:#fff url(/ipedu/visitEdu/usr/publish/images/main/btn_plus_hover.png) no-repeat calc(100% + 4px) center;color:#e95504;}
|
||||
|
||||
/* 공지사항 */
|
||||
.renewal .wrap .notice .content{padding:15px 45px;background-color:#fff;border:1px solid #d5d5d5;border-radius: 5px;box-shadow:0 0 5px rgba(0,0,0,0.15);box-sizing:border-box;}
|
||||
.renewal .wrap .notice .emphasis{display: inline-flex;width:40px;height:20px;justify-content:center;align-items:center;background-color:#e95504;font-size:14px;font-weight:400;color:#fff;border-radius:5px;margin:0 8px 0 0;}
|
||||
.renewal .wrap .notice .notice_list li{border-bottom: 1px solid #d5d5d5;}
|
||||
.renewal .wrap .notice .notice_list li:last-child{border:0;}
|
||||
.renewal .wrap .notice .notice_list li a{display:flex;height:50px;justify-content:space-between;align-items:center;transition:all 0.1s ease-in;}
|
||||
.renewal .wrap .notice .notice_list li:hover a{color:#e95504;transition:all 0.15s ease-in-out;}
|
||||
.renewal .wrap .notice .date{display:flex;min-width:110px;font-size:16px;color:#666;align-items:center;font-weight:300;}
|
||||
.renewal .wrap .notice .notice_list li:hover .date{color:#e95504;}
|
||||
.renewal .wrap .notice .date i{display:inline-block;width:4px;height:4px;background:#e95504;margin:2px 6px 0 0;border-radius:100%;}
|
||||
.renewal .wrap .notice .notice_list .title{width: calc(100% - 115px);font-size:18px;font-weight:500;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height: 1.4;}
|
||||
|
||||
/* 자료실 */
|
||||
.renewal .wrap .data_notice .notice_list{display:flex;height:100%;align-items:stretch;flex-flow:wrap;justify-content:space-between;flex-direction:column;}
|
||||
.renewal .wrap .data_notice .notice_list li{width:100%;padding:15.5px 45px;background-color:#fff;border:1px solid #d5d5d5;border-radius: 5px;box-shadow:0 0 5px rgba(0,0,0,0.15);box-sizing:border-box;transition:all 0.05s ease-in-out;}
|
||||
.renewal .wrap .data_notice .notice_list li:hover{border:1px solid #e95504;transition:all 0.05s ease-in-out;}
|
||||
.renewal .wrap .data_notice .notice_list li .title{font-size: 18px;font-weight:500;align-items:center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:1.2;transition:all 0.05s ease-in-out;}
|
||||
.renewal .wrap .data_notice .notice_list li .title i{display:inline-block;width:4px;height:4px;background:#e95504;margin:0 6px 5px 0;border-radius:100%;}
|
||||
.renewal .wrap .data_notice .notice_list li .date{margin:4.5px 0 0 8px;color:#666;font-weight:300;transition:all 0.05s ease-in-out;}
|
||||
.renewal .wrap .data_notice .notice_list li:hover .title,.renewal .wrap .data_notice .notice_list li:hover .date{color:#e95504;transition:all 0.05s ease-in-out;}
|
||||
|
||||
/* 알림판 */
|
||||
.renewal .wrap .notify .notify_control{display:flex;height:30px;background-color:#fff;border:1px solid #d5d5d5;border-radius:5px;padding:0 4px 0 0;}
|
||||
.renewal .wrap .notify .notify_control>*{position:unset;width:23px;height:30px;font-size:16px;color:#888;text-align:center;line-height:28px;letter-spacing:-1.7px;margin: 0 0 0 -1px;}
|
||||
.renewal .wrap .notify .notify_control .slide_number{width:35px;}
|
||||
.renewal .wrap .notify .notify_control .swiper-button-prev,.renewal .wrap .notify .notify_control .swiper-button-next{background-size:auto;}
|
||||
.renewal .wrap .notify .notify_control .swiper-button-prev::after,.renewal .wrap .notify .notify_control .swiper-button-next::after{display: none;}
|
||||
.renewal .wrap .notify .notify_control .swiper-button-prev{background-image:url(/ipedu/visitEdu/usr/publish/images/main/btn_arrow_right.png);background-position-x:-2px;}
|
||||
.renewal .wrap .notify .notify_control .swiper-button-next{background-image:url(/ipedu/visitEdu/usr/publish/images/main/btn_arrow_left.png);}
|
||||
.renewal .wrap .notify .notify_control .swiper-button-prev:hover{background-image:url(/ipedu/visitEdu/usr/publish/images/main/btn_arrow_right_hover.png);}
|
||||
.renewal .wrap .notify .notify_control .swiper-button-next:hover{background-image:url(/ipedu/visitEdu/usr/publish/images/main/btn_arrow_left_hover.png);}
|
||||
.renewal .wrap .notify .notify_control .slide_pause,.renewal .wrap .notify .notify_control .slide_play{height: 30px;margin: 0 0 0 -0.5px;}
|
||||
.renewal .wrap .notify .notify_control .slide_pause{background:url(/ipedu/visitEdu/usr/publish/images/main/btn_pause.png) no-repeat center center;}
|
||||
.renewal .wrap .notify .notify_control .slide_play{background:url(/ipedu/visitEdu/usr/publish/images/main/btn_play.png) no-repeat center center;}
|
||||
.renewal .wrap .notify .content{width:100%;height:332px;overflow: hidden;border-radius:5px;}
|
||||
|
||||
@ -1,89 +0,0 @@
|
||||
.main {margin-top:130px;}
|
||||
.main .inner {max-width:1400px;width:100%;margin:0 auto;display:flex;justify-content: space-between;flex-wrap: wrap;box-sizing: border-box;}
|
||||
|
||||
/* visual */
|
||||
.renewal .visual_slide{position:relative;width:calc(100% - 120px);height:550px;background-color: #f5f5f5;margin:0 auto;border-radius:20px;z-index:0;overflow:hidden;}
|
||||
.renewal .visual_slide .swiper-slide .inner{width:100%;}
|
||||
.renewal .visual_slide .swiper-slide .inner .text_area{height:auto;padding:80px 0 0 40px;box-sizing:border-box;}
|
||||
.renewal .visual_slide .swiper-slide .inner .text_area *{line-height: 1.4;}
|
||||
.renewal .visual_slide .swiper-slide .inner .text_area .sub_title{font-size:24px;font-family:'GmarketSansMedium';color:#fff;}
|
||||
.renewal .visual_slide .swiper-slide .inner .text_area .title{font-size:50px;font-family:'GmarketSansBold';color:#ffe400;}
|
||||
.renewal .visual_slide .swiper-slide .inner .text_area .summary{font-size:18px;color:#fff;}
|
||||
.renewal .visual_slide .swiper-slide .inner .text_area a{display:flex;width:175px;height:50px;font-size: 18px;color:#fff;border:1px solid #fff;padding:0 20px;margin:42px 0 0 0;border-radius:26px;align-items:center;justify-content:space-between;box-sizing:border-box;}
|
||||
.renewal .visual_slide .slide_control{position:relative;left:40px;bottom:150px;width:100%;}
|
||||
.renewal .visual_slide .slide_control .inner{position:relative;justify-content:flex-start;align-items:center;}
|
||||
.renewal .visual_slide .slide_control .swiper-pagination{position: relative;}
|
||||
.renewal .visual_slide .slide_control .swiper-pagination-bullet{background-color:#fff;opacity:0.5;margin:0 4px;}
|
||||
.renewal .visual_slide .slide_control .swiper-pagination-bullet-active{opacity:1;}
|
||||
.renewal .visual_slide .slide_control .slide_pause,.renewal .visual_slide .slide_control .slide_play{position:relative;width:8px;height:10px;z-index:10;margin: 5px 0 0 8px;}
|
||||
.renewal .visual_slide .slide_control .slide_pause{background:url(/ipedu/visitEdu/usr/publish/images/main/btn_main_visual_pause.png);}
|
||||
.renewal .visual_slide .slide_control .slide_play{background:url(/ipedu/visitEdu/usr/publish/images/main/btn_main_visual_play.png);}
|
||||
|
||||
.renewal .visual_slide .swiper-slide[aria-label="1 / 5"]{background:url(/ipedu/visitEdu/usr/publish/images/main/main_visual_01.jpg);}
|
||||
.renewal .visual_slide .swiper-slide[aria-label="2 / 5"]{background:url(/ipedu/visitEdu/usr/publish/images/main/main_visual_02.jpg);}
|
||||
.renewal .visual_slide .swiper-slide[aria-label="3 / 5"]{background:url(/ipedu/visitEdu/usr/publish/images/main/main_visual_03.jpg);}
|
||||
.renewal .visual_slide .swiper-slide[aria-label="4 / 5"]{background:url(/ipedu/visitEdu/usr/publish/images/main/main_visual_04.jpg);}
|
||||
.renewal .visual_slide .swiper-slide[aria-label="5 / 5"]{background:url(/ipedu/visitEdu/usr/publish/images/main/main_visual_05.jpg);}
|
||||
|
||||
/* main_banner_link */
|
||||
.renewal .main_banner_link{position:relative;height:130px;background-color:#fff;border-radius:10px;box-shadow:0 0 5px rgba(45,55,90,0.2);margin:-65px auto 70px auto;}
|
||||
.renewal .main_banner_link li{position:relative;display:flex;width:calc(100%/5);height:100%;align-items:center;transition:all 0.3s ease-in-out;}
|
||||
.renewal .main_banner_link li::after{position:absolute;content:" ";width: calc(100% + 10px);height:calc(100% + 10px);border:3px solid transparent;left:-8px;border-radius:10px;}
|
||||
.renewal .main_banner_link li:hover{z-index: 15;}
|
||||
.renewal .main_banner_link li:hover::after{border:3px solid #e95504;background-color:#fff;box-shadow:0 0 15px rgba(233,85,4,0.3);}
|
||||
.renewal .main_banner_link li a{position:relative;width:100%;text-align:center;z-index:15;}
|
||||
.renewal .main_banner_link li a::after{position:absolute;content:" ";width:1px;height:92px;background-color:#d5d5d5;right:0;top:50%;transform:translateY(-50%);}
|
||||
.renewal .main_banner_link li:last-child a::after{display:none;}
|
||||
.renewal .main_banner_link li:hover a::after{display:none;}
|
||||
.renewal .main_banner_link i{display:block;width:68px;height:68px;margin:0 auto 10px auto;border-radius:100%;background-repeat:no-repeat;}
|
||||
.renewal .main_banner_link .banner_link_01 i{background-image:url(/ipedu/visitEdu/usr/publish/images/main/icon_main_visual_01.png);}
|
||||
.renewal .main_banner_link .banner_link_02 i{background-image:url(/ipedu/visitEdu/usr/publish/images/main/icon_main_visual_02.png);}
|
||||
.renewal .main_banner_link .banner_link_03 i{background-image:url(/ipedu/visitEdu/usr/publish/images/main/icon_main_visual_03.png);}
|
||||
.renewal .main_banner_link .banner_link_04 i{background-image:url(/ipedu/visitEdu/usr/publish/images/main/icon_main_visual_04.png);}
|
||||
.renewal .main_banner_link .banner_link_05 i{background-image:url(/ipedu/visitEdu/usr/publish/images/main/icon_main_visual_05.png);}
|
||||
.renewal .main_banner_link li span{color:#e95504;font-weight:500;}
|
||||
|
||||
/* 하단콘텐츠 공통 */
|
||||
.renewal .wrap .content_wrap{width:calc((100% - 72px)/3);}
|
||||
.renewal .wrap .content_wrap>.title{display:flex;width:100%;justify-content:space-between;align-items:center;margin:0 0 10px 0;}
|
||||
.renewal .wrap .content_wrap>.title h3{position:relative;font-size:28px;font-weight:bold;padding:0 0 0 20px;}
|
||||
.renewal .wrap .content_wrap>.title h3::after{position:absolute;content:" ";width:6px;height:6px;border:3px solid #e95504;border-radius:100%;left:0;top:9px;}
|
||||
.renewal .wrap .content_wrap .title .btn_plus{width:35px;height:35px;background:url(/ipedu/visitEdu/usr/publish/images/main/btn_plus.png) no-repeat center center;text-indent:-9999em;overflow:hidden;border:1px solid #d5d5d5;border-radius:5px;transition:all 0.1s ease-in;}
|
||||
.renewal .wrap .content_wrap .title .btn_plus:hover{border:1px solid #e95504;background:url(/ipedu/visitEdu/usr/publish/images/main/btn_plus_hover.png) no-repeat center center;}
|
||||
|
||||
/* 공지사항, 교육자료실 */
|
||||
.renewal .wrap .notice .notice_wrap{height:206px;padding:22px 30px;background-color:#eef0f3;border:1px solid transparent;border-radius:5px;box-sizing:border-box;}
|
||||
.renewal .wrap .notice .notice_wrap:hover{background-color:#fff;border:1px solid #e5e5e5;box-shadow:0 0 5px rgba(0,0,0,0.2);transition:all 0.3s ease-in-out;}
|
||||
.renewal .wrap .content_wrap .emphasis{display: inline-flex;justify-content:center;align-items:center;background-color:#e95504;font-weight:400;color:#fff;border-radius:5px;margin:0 8px 0 0;}
|
||||
.renewal .wrap .content_wrap .notice_wrap .emphasis{width:65px;height:30px;font-size:18px;}
|
||||
.renewal .wrap .content_wrap .notice_list .emphasis{width:58px;height:26px;font-size:16px;}
|
||||
.renewal .wrap .content_wrap .notice_wrap dl{margin:0 0 20px 0;}
|
||||
.renewal .wrap .content_wrap .notice_wrap dt{font-size:22px;font-weight:500;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
|
||||
.renewal .wrap .content_wrap .notice_wrap dd{font-size:18px;font-weight:400;line-height:1.4;margin:20px 0 0 0;}
|
||||
.renewal .wrap .content_wrap .date{display:flex;min-width:110px;font-size:16px;color:#666;align-items:center;}
|
||||
.renewal .wrap .content_wrap .notice_list li:hover .date{color:#e95504;}
|
||||
.renewal .wrap .content_wrap .date i{display:inline-block;width:18px;height:16px;background:url(/ipedu/visitEdu/usr/publish/images/main/icon_main_calendar.png) no-repeat center center;margin:2px 4px 0 0;}
|
||||
.renewal .wrap .content_wrap .notice_list li:hover .date i{background:url(/ipedu/visitEdu/usr/publish/images/main/icon_main_calendar_hover.png) no-repeat center center;transition:all 0.1s ease-in;}
|
||||
.renewal .wrap .content_wrap .notice_list li{border-bottom: 1px dashed #d5d5d5;}
|
||||
.renewal .wrap .content_wrap .notice_list li a{display:flex;height:60px;justify-content:space-between;align-items:center;transition:all 0.1s ease-in;}
|
||||
.renewal .wrap .content_wrap .notice_list li:hover a{color:#e95504;transition:all 0.3s ease-in-out;}
|
||||
.renewal .wrap .content_wrap .notice_list .title{width: calc(100% - 125px);font-size:18px;font-weight:500;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height: 1.4;}
|
||||
|
||||
/* 알림판 */
|
||||
.renewal .wrap .notify .notify_control{display:flex;width:140px;height:35px;}
|
||||
.renewal .wrap .notify .notify_control>*{position:unset;width:35px;height:35px;font-size:16px;color:#888;text-align:center;line-height:33px;border:1px solid #d5d5d5;letter-spacing:-1.7px;margin: 0 0 0 -1px;}
|
||||
.renewal .wrap .notify .notify_control>*:first-child{border-radius:5px 0 0 5px;}
|
||||
.renewal .wrap .notify .notify_control>*:last-child{border-radius:0 5px 5px 0;}
|
||||
.renewal .wrap .notify .notify_control .swiper-button-prev,.renewal .wrap .notify .notify_control .swiper-button-next{background-size:auto;}
|
||||
.renewal .wrap .notify .notify_control .swiper-button-prev::after,.renewal .wrap .notify .notify_control .swiper-button-next::after{display: none;}
|
||||
.renewal .wrap .notify .notify_control .swiper-button-prev{background-image:url(/ipedu/visitEdu/usr/publish/images/main/btn_arrow_right.png);background-position-x:-2px;border-right:1px solid transparent;}
|
||||
.renewal .wrap .notify .notify_control .swiper-button-next{background-image:url(/ipedu/visitEdu/usr/publish/images/main/btn_arrow_left.png);}
|
||||
.renewal .wrap .notify .notify_control .swiper-button-prev:hover,.renewal .wrap .notify .notify_control .swiper-button-next:hover{position:relative;border:1px solid #e95504;border-right:1px solid #e95504;z-index:12;background-color:#fff;left:0;top:0;}
|
||||
.renewal .wrap .notify .notify_control .swiper-button-prev:hover{background-image:url(/ipedu/visitEdu/usr/publish/images/main/btn_arrow_right_hover.png);}
|
||||
.renewal .wrap .notify .notify_control .swiper-button-next:hover{background-image:url(/ipedu/visitEdu/usr/publish/images/main/btn_arrow_left_hover.png);}
|
||||
.renewal .wrap .notify .notify_control .slide_pause:hover,.renewal .wrap .notify .notify_control .slide_play:hover{background-color: #e95504;border:1px solid #e95504;}
|
||||
.renewal .wrap .notify .notify_control .slide_pause,.renewal .wrap .notify .notify_control .slide_play{height: 37px;margin: 0 0 0 -0.5px;}
|
||||
.renewal .wrap .notify .notify_control .slide_pause{background:#b0b0b0 url(/ipedu/visitEdu/usr/publish/images/main/btn_pause.png) no-repeat center center;}
|
||||
.renewal .wrap .notify .notify_control .slide_play{background:#b0b0b0 url(/ipedu/visitEdu/usr/publish/images/main/btn_play.png) no-repeat center center;}
|
||||
.renewal .wrap .notify .content{width:100%;height:388px;overflow: hidden;border-radius:5px;}
|
||||
|
||||
@ -1,178 +0,0 @@
|
||||
.main {margin-top: 130px; background-color:#eef0f4 ;}
|
||||
.main .inner {max-width: 1400px; width: 100%; padding: 60px 0; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap; box-sizing: border-box;}
|
||||
|
||||
/* cont1 */
|
||||
.cont1{position: relative; width: calc(100% - 33% - 50px);}
|
||||
.cont1 .cont1-swiper {overflow:hidden;}
|
||||
.cont1 .swiper-wrapper .swiper-slide {height: 393px; }
|
||||
.cont1 .slide_button{position: absolute;bottom: 35px; left: 0;width:auto; z-index: 1;}
|
||||
.cont1 .slide_button:after {content:'';display:block;clear:both;}
|
||||
.cont1 .slide_button .swiper-pagination {float:left;position:relative;margin:3px 0 0;}
|
||||
.cont1 .slide_button .swiper-pagination .swiper-pagination-bullet{float:left;margin-right:7px;position: relative;vertical-align: middle;width: 10px;height: 10px;background-color: #c6c9d1; border-radius: 100%;opacity:1;}
|
||||
.cont1 .slide_button .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 40px;background-color: #f37632;border-radius:10px;vertical-align: middle;}
|
||||
.cont1 .slidePause {float:left;background-image: url(../images/main/visualStop.png);background-repeat: no-repeat;width: 16px;height: 16px;}
|
||||
.cont1 .slideStart {float:left;background-image: url(../images/main/visualStart.png);background-repeat: no-repeat;width: 16px;height: 16px;}
|
||||
.cont1 .swiper-slide .txt1 {font-size: 22px; color: #333; padding-top: 30px; letter-spacing: -1px;}
|
||||
.cont1 .swiper-slide .txt2 {font-size: 46px; color: #000; padding: 15px 0 30px 0; letter-spacing: -2px; font-family: 'LotteMartHappy';}
|
||||
.cont1 .swiper-slide span {font-size: 17px; font-weight: 300; color: #666; display: block; line-height: 1.4; letter-spacing: -0.5px;}
|
||||
.cont1 .swiper-slide button {width: 175px; height: 50px; padding-left: 22px; border: 1px solid #cbd0da; border-radius: 24.5px; margin-top: 40px; background-color: #fff; background-image: url(../images/main/btn_arrow.png); background-repeat: no-repeat; background-position: 90% 50%; font-size: 18px; color: #60656d; text-align: left; vertical-align: middle;}
|
||||
.cont1 .cont1-swiper .swiper-slide {min-height:393px; background-repeat: no-repeat; background-position: right center;}
|
||||
.swiper-wrapper {height:auto;}
|
||||
.swiper .swiper-notification {display:none;}
|
||||
|
||||
|
||||
/* cont2 */
|
||||
.cont2 {position: relative; width: 33%; max-width: 450px;}
|
||||
.cont2 .cont2-swiper {overflow:hidden;position:relative;/*height:388px;*/border-radius:30px 5px 30px 5px;}
|
||||
.cont2 .cont2-swiper .swiper-slide .mobile_banner {display:none;}
|
||||
.cont2 .cont2-swiper .slide_button {position: absolute;bottom: 0; left: 0; z-index: 4; width: 100%; height: 50px; background-color: rgba(0,0,0,0.1); border-radius: 0 0 30px 5px; text-align: center;}
|
||||
.cont2 .cont2-swiper .slide_button .control {overflow:hidden;position:relative;display:inline-block;width:92px;margin:15px auto 0;}
|
||||
.cont2 .cont2-swiper .slide_button .swiper-button-next {position:absolute;top:0;left:initial;right:0;width:9px;height:16px;margin:0;vertical-align:top;background:url(../images/main/cont2_right.png) no-repeat left top;background-size:9px 16px;}
|
||||
.cont2 .cont2-swiper .slide_button .swiper-button-prev {position:absolute;top:0;left:0;right:initial;width:9px;height:16px;margin:0;vertical-align:top;background:url(../images/main/cont2_left.png) no-repeat left top;background-size:9px 16px;z-index:11;}
|
||||
.cont2 .cont2-swiper .slide_button .swiper-pagination {position:relative;bottom:0;float:left;width:100%;font-size:16px;vertical-align:top;color:#fff;}
|
||||
.cont2 .cont2-swiper .slide_button .slidePause {display:inline-block;background-image: url(../images/main/visualStop2.png);background-repeat: no-repeat;width:16px;height:16px;margin:15px 0 0 15px;}
|
||||
.cont2 .cont2-swiper .slide_button .slideStart {display:inline-block;background-image: url(../images/main/visualStart2.png);background-repeat: no-repeat;width:16px;height:16px;margin:15px 0 0 15px;}
|
||||
|
||||
/* cont3 */
|
||||
.cont3 {width: 100%; margin: 50px 0; display: flex;}
|
||||
.cont3 .cont3_tit {width: 230px;border-radius: 30px 0 0 5px; background-color: #e95504; align-self: center; text-align: center; padding: 34.5px 0; background-image: url(../images/main/cont3_tit_img.png); background-repeat: no-repeat; background-position: 87% center; box-sizing: border-box;}
|
||||
.cont3 .cont3_tit p {padding-right: 30px; font-size: 21px; font-weight: 400; color: #fff;}
|
||||
.cont3 .cont3_cont {display: flex; width: calc(100% - 230px); height: 90px; border-radius: 0 5px 30px 0; background-color: #fff; align-items: center;}
|
||||
.cont3 .cont3_cont>div {width: calc(100%/4); position: relative; background-repeat: no-repeat; background-position: 30px center;}
|
||||
.cont3 .cont3_cont>div::after {content: ""; width: 1px; height: 90px; background-color: #e5e5e5; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
|
||||
.cont3 .cont3_cont>div:last-child:after {content: none;}
|
||||
.cont3 .cont3_cont>div p {position:relative;font-size: 18px;}
|
||||
.cont3 .cont3_cont>div p span {display:block;font-size: 18px; color: #E95504; padding-top: 7px;}
|
||||
.cont3 .cont3_cont>div p .mo_text {display:none;}
|
||||
.cont3 .cont3_cont>div p a {position:relative;height:90px;padding:0 30px 0 100px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;}
|
||||
.cont3 .cont3_cont .cont3_cont_1 {background-image: url(../images/main/cont3_img1.png);}
|
||||
.cont3 .cont3_cont .cont3_cont_2 {background-image: url(../images/main/cont3_img2.png);}
|
||||
.cont3 .cont3_cont .cont3_cont_3 {background-image: url(../images/main/cont3_img3.png);}
|
||||
/*.cont3 .cont3_cont .cont3_cont_3 p a {padding-top:35px;}*/
|
||||
.cont3 .cont3_cont .cont3_cont_4 {background-image: url(../images/main/cont3_img4.png);}
|
||||
/*.cont3 .cont3_cont .cont3_cont_4 p a {padding-top:35px;}*/
|
||||
|
||||
/* cont4,5 */
|
||||
.cont4, .cont5 {width: calc(100%/2 - 25px); min-height: 204px; padding: 40px; border-radius: 25px 5px 25px 5px; background-color: #fff; box-sizing: border-box; position: relative;}
|
||||
.main_cont_tit {display: flex; justify-content: space-between;}
|
||||
.main_cont_tit p {font-size: 25px; font-weight: 600;}
|
||||
button.main_more {background-image: url(../images/main/main_cont_more.png); background-repeat: no-repeat; background-position: right center; padding-right: 30px; font-size: 17px; color: #777772; font-weight: 300; position: absolute; top: 40px; right: 40px;}
|
||||
|
||||
/* cont4 */
|
||||
.cont4 .list {margin-top: 33px;}
|
||||
.cont4 .list li {margin-bottom: 14px;}
|
||||
.cont4 .list li:hover a p {text-decoration: underline;}
|
||||
.cont4 .list li:last-child {margin-bottom: 0;}
|
||||
.cont4 .list li a {display: flex; justify-content: space-between; align-items: center;}
|
||||
.cont4 .list li p {width: calc(100% - 100px); font-size: 18px; font-weight: 300; color: #666; overflow: hidden; text-overflow: ellipsis;-webkit-line-clamp: 1; white-space: nowrap; vertical-align: middle;}
|
||||
.cont4 .list li a span {color: #777772; font-weight: 300; font-size: 16px; line-height: 26px; vertical-align: top;}
|
||||
.cont4 .list li a p .noticeBox {width: 57px; line-height: 0; padding: 12px 0; border: 1px solid #d14001; border-radius: 13px; margin-right: 4px; color: #d14001; display: inline-block; text-align: center; vertical-align: revert;}
|
||||
|
||||
/* cont5 */
|
||||
.cont5 .list {display: flex; justify-content: space-between; margin-top: 28px;}
|
||||
.cont5 .list li {width: calc(100%/3 - 12.5px);}
|
||||
.cont5 .list li:hover p {text-decoration: underline;}
|
||||
.cont5 .list li a {display: block;}
|
||||
.cont5 .list li .imgBox {height: 130px; overflow: hidden; background-color: #e5e5e5;}
|
||||
.cont5 .list li .imgBox img {height: 100%;}
|
||||
.cont5 .list li .textBox p {font-size: 18px; font-weight: 300; color: #666; line-height: 1.3; letter-spacing: -0.5px; margin-top: 17px; -webkit-line-clamp: 2; overflow: hidden; display: -webkit-box;}
|
||||
|
||||
@media all and (max-width: 1280px){
|
||||
/* main latout */
|
||||
.main .inner {padding:60px 20px;}
|
||||
.cont1 {width:calc(100% - 450px);}
|
||||
.cont2 {min-width:450px;}
|
||||
.cont3 .cont3_tit {width:200px;background-position:90% center;}
|
||||
.cont3 .cont3_cont {width: calc(100% - 200px);}
|
||||
.cont3 .cont3_tit p {font-size:19px;}
|
||||
.cont3 .cont3_cont>div {background-position:15px center;}
|
||||
.cont3 .cont3_cont>div p {font-size:16px;}
|
||||
.cont3 .cont3_cont>div p a {padding:0 15px 0 80px;}
|
||||
.cont3 .cont3_cont>div p span {left:80px;bottom:20px;font-size:16px;}
|
||||
/*.cont3 .cont3_cont .cont3_cont_3 p a,
|
||||
.cont3 .cont3_cont .cont3_cont_4 p a {padding-top:20px;}*/
|
||||
}
|
||||
|
||||
@media all and (max-width: 1024px){
|
||||
/* main latout */
|
||||
.cont1 {width:100%;}
|
||||
|
||||
.cont2 {width:100%;max-width:100%;min-width:auto;}
|
||||
.cont2 .cont2-swiper .swiper-slide img {display:none;width:100%;}
|
||||
.cont2 .cont2-swiper .swiper-slide .mobile_banner {display:block;}
|
||||
|
||||
.cont3 {display:block;}
|
||||
.cont3 .cont3_tit {width:100%;padding:14px 30px 15px;text-align:left;background-position:right 20px center;border-radius:30px 5px 0 0;}
|
||||
.cont3 .cont3_cont {display:block;width:100%;height:auto;border-radius:0 0 30px 5px;}
|
||||
.cont3 .cont3_cont:after {content:'';display:block;clear:both;}
|
||||
.cont3 .cont3_cont>div {float:left;width:50%;height:80px;line-height:40px;background-position:20px center;box-sizing:border-box;}
|
||||
.cont3 .cont3_cont>div:after {height:100%;}
|
||||
.cont3 .cont3_cont>div p {overflow:hidden;}
|
||||
.cont3 .cont3_cont>div p a {height:80px;justify-content:flex-start;align-items:center;flex-direction:row;}
|
||||
.cont3 .cont3_cont>div p span {display:none;}
|
||||
.cont3 .cont3_cont>div p span.mo_text {display:block;float:left;padding:0 4px 0 0;color:#222}
|
||||
.cont3 .cont3_cont>.cont3_cont_1 {border-bottom:1px solid #cbd0da;}
|
||||
.cont3 .cont3_cont>.cont3_cont_1 p {padding:0;}
|
||||
.cont3 .cont3_cont>.cont3_cont_1 span {position:static;left:initial;bottom:initial;}
|
||||
.cont3 .cont3_cont>.cont3_cont_2 {border-bottom:1px solid #cbd0da;}
|
||||
.cont3 .cont3_cont>.cont3_cont_2:after {display:none;}
|
||||
.cont3 .cont3_cont>.cont3_cont_2 p {padding:0;}
|
||||
.cont3 .cont3_cont>.cont3_cont_2 span {position:static;left:initial;bottom:initial;}
|
||||
}
|
||||
|
||||
/* 모바일 */
|
||||
@media screen and (max-width: 767px){
|
||||
/* 1207 - 수정 */
|
||||
.main {margin:0;padding:70px 0 0;}
|
||||
/* //1207 - 수정 */
|
||||
.main .inner {padding:0 10px 35px;}
|
||||
.cont1 {width:100%;}
|
||||
.cont1 .cont1-swiper .swiper-slide {height:auto;padding:0 0 45px;background-image:url(../images/main/m_cont1_bg1.png);background-size:contain;}
|
||||
.cont1 .cont1-swiper .swiper-slide .txt1 {font-size:14px;margin:0 0 0 6px;}
|
||||
.cont1 .cont1-swiper .swiper-slide .txt2 {margin:0 0 0 6px;padding:8px 0 6px;font-size:18px;}
|
||||
.cont1 .cont1-swiper .swiper-slide span {margin:0 0 0 6px;font-size:14px;}
|
||||
.cont1 .cont1-swiper .swiper-slide button {width:130px;height:40px;margin:10px 0 0 6px;padding:0 0 0 20px;font-size:14px;background-size:4px auto;background-position:90% center;}
|
||||
.cont1 .cont1-swiper .slide_button {left:6px;bottom:10px;}
|
||||
.cont1 .slide_button .swiper-pagination {margin:0;}
|
||||
.cont1 .slide_button .swiper-pagination .swiper-pagination-bullet {width:7px;height:7px;}
|
||||
.cont1 .slide_button .swiper-pagination .swiper-pagination-bullet:last-child {margin:0;}
|
||||
.cont1 .slideStart {width:30px;height:30px;margin:-11px 0 0;background-size:16px 16px;background-position:center center;}
|
||||
.cont1 .slidePause {width:30px;height:30px;margin:-11px 0 0;background-size:14px 16px;background-position:center center;}
|
||||
|
||||
.cont2 .cont2-swiper .slide_button {height:40px;border-radius:0 0 15px 5px;}
|
||||
.cont2 .cont2-swiper .slide_button .control,
|
||||
.cont2 .cont2-swiper .slide_button .slideStart,
|
||||
.cont2 .cont2-swiper .slide_button .slidePause {margin-top:10px;}
|
||||
|
||||
.cont3 {margin:15px 0 20px;}
|
||||
.cont3 .cont3_tit {padding:9px 20px 10px;background-size:11px;border-radius:20px 5px 0 0;}
|
||||
.cont3 .cont3_tit p {font-size:15px;}
|
||||
.cont3 .cont3_cont {box-shadow:1px 1px 20px 0px rgba(45, 55, 90, 0.15);}
|
||||
.cont3 .cont3_cont>div {display:flex;height:60px;font-size:14px;line-height:20px;align-items:center;background-size:30px;background-position:10px center;}
|
||||
.cont3 .cont3_cont>div p {font-size:14px;}
|
||||
.cont3 .cont3_cont>div p a {height:60px;padding:0 10px 0 50px;}
|
||||
.cont3 .cont3_cont>div p span {font-size:14px;}
|
||||
/* .cont3 .cont3_cont>div:first-child p a,
|
||||
.cont3 .cont3_cont>div:nth-child(2) p a {padding-top:10px;} */
|
||||
|
||||
.cont4 {width:100%;margin:0 0 20px;padding:20px;border-radius:20px 5px 20px 5px;box-shadow:1px 1px 20px 0px rgba(45, 55, 90, 0.15);}
|
||||
.cont4 .main_cont_tit p {font-size:20px;}
|
||||
button.main_more {padding-right:20px;font-size:14px;line-height:20px;background-size:15px;top:20px;right:20px;}
|
||||
.cont4 .list {margin:17px 0 0;}
|
||||
.cont4 .list li {margin-bottom: 6px;}
|
||||
.cont4 .list li a p {width:calc(100% - 80px); font-size:14px;}
|
||||
.cont4 .list li a p .noticeBox {width:45px; padding:10px 0; font-size:14px;}
|
||||
.cont4 .list li a > span {font-size:14px;line-height:24px;}
|
||||
|
||||
.cont5 {width:100%;margin:0;padding:20px;border-radius:20px 5px 20px 5px;box-shadow:1px 1px 20px 0px rgba(45, 55, 90, 0.15);}
|
||||
.cont5 .main_cont_tit p {font-size:20px;}
|
||||
.cont5 .main_cont_tit button {padding-right:20px;font-size:14px;line-height:20px;background-size:15px;}
|
||||
.cont5 .list {overflow:hidden;display:block;margin:17px 0 0;}
|
||||
.cont5 .list li {float:left;width:calc(50% - 18px);}
|
||||
.cont5 .list li:nth-child(2) {float:right;}
|
||||
.cont5 .list li:nth-child(n+3) {display:none;}
|
||||
.cont5 .list li .imgBox {height:auto;}
|
||||
.cont5 .list li .imgBox img {width:100%;height:auto;}
|
||||
.cont5 .list li .textBox p {margin:10px 0 0;font-size:14px;}
|
||||
|
||||
}
|
||||
@ -1,44 +1,40 @@
|
||||
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;color: inherit;font-weight: inherit;font-family: 'Noto Sans KR', sans-serif;}
|
||||
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display: block; font-family: 'Noto Sans KR', sans-serif; margin: 0; padding: 0; border: 0; font-size: 100%;}
|
||||
body {line-height: 1;}
|
||||
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {margin: 0;padding: 0;border: 0;font: inherit;font-family: 'Noto Sans KR', sans-serif;font-size:62.5%;vertical-align: baseline;color: inherit;font-weight: inherit;}
|
||||
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display: block; font-family: 'Noto Sans KR', sans-serif;; font-size:62.5%; margin: 0; padding: 0; border: 0;}
|
||||
body {line-height: 1;font-family: 'Noto Sans KR', sans-serif; font-size:62.5%;}
|
||||
ol,ul,li {list-style: none;}
|
||||
p, h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}
|
||||
a {color: inherit; text-decoration: none; display: block;}
|
||||
p, h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0; font-size:inherit;}
|
||||
a {font-size:inherit;color: inherit; text-decoration: none; display: block;font-family: 'Noto Sans KR', sans-serif;}
|
||||
a:focus:active:hover{outline: 0}
|
||||
img {font-size: 0; vertical-align: middle; border: 0;}
|
||||
table {border-collapse: collapse; border-spacing: 0;}
|
||||
select, input {vertical-align: middle;}
|
||||
caption,.label{width: 1px; height: 1px; margin: 0; border: none; clip: rect(0,0,0,0); overflow: hidden; position: absolute;}
|
||||
/* 안드로ì´ë“œ ë° ì•„ì´í°ì—ì„œ 기본ì 으로 ì ìš©ë˜ì–´ìžˆëŠ” select, input css ì œê±°. */
|
||||
input:focus::placeholder{color: transparent;}
|
||||
caption,.label{width: 1px; height: 1px; margin: -1px; border: none; clip: rect(0,0,0,0); overflow: hidden;}
|
||||
.label{position: absolute;}
|
||||
label {vertical-align: middle;}
|
||||
/* 안드로이드 및 아이폰에서 기본적으로 적용되어있는 select, input css 제거. */
|
||||
select {background-color: #fff; appearance: none; -webkit-appearance: none; -moz-appearance: none;}
|
||||
select::-ms-expand {display: none;}
|
||||
button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button; cursor: pointer; *overflow: visible; font-family: 'Noto Sans KR', sans-serif;}
|
||||
button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button; cursor: pointer; *overflow: visible; font-family: 'Noto Sans KR', sans-serif;; font-size:inherit;}
|
||||
button[disabled],html input[disabled] {cursor: default;}
|
||||
/* ie í•˜ìœ„ë²„ì „ 기본ì 으로 ì ìš©ë˜ì–´ 있는 css 변경 */
|
||||
input[type="checkbox"],input[type="radio"] {box-sizing: border-box; padding: 0; height: 16px; width: 16px;}
|
||||
/* ì•„ì´í° 기본ì 으로 ì ìš©ë˜ì–´ 있는 버튼 css 변경 */
|
||||
input{-webkit-appearance: button; }
|
||||
/* 사파리5, í¬ë¡¬ì—ì„œ 기본ì 으로 ì ìš©ë˜ì–´ 있는 css 변경 */
|
||||
/* ie 하위버전 기본적으로 적용되어 있는 css 변경 */
|
||||
input[type="checkbox"],input[type="radio"] {box-sizing: border-box; padding: 0; margin:0; height: 16px; width: 16px; }
|
||||
/* 아이폰 기본적으로 적용되어 있는 버튼 css 변경 */
|
||||
input{-webkit-appearance: button; font-family: 'Noto Sans KR', sans-serif;;}
|
||||
/* 사파리5, 크롬에서 기본적으로 적용되어 있는 css 변경 */
|
||||
input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;}
|
||||
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
|
||||
address, em, i {font-style: normal;}
|
||||
button {padding: 0; border: 0; background: none; cursor: pointer;}
|
||||
button {border: 0; background: none; cursor: pointer;}
|
||||
hr {margin: 0; border: none; padding: 0; display: block;}
|
||||
figure, figcaption {margin: 0; padding: 0;}
|
||||
form, fieldset {border: none; margin: 0; padding: 0; line-height: 1;}
|
||||
input[type="submit"] {-webkit-appearance: none; -moz-appearance: none; appearance: none;}
|
||||
header, footer, article, section, aside, nav, main {display: block;}
|
||||
textarea{color: #666;font-size: 20px;font-weight: 300; font-family: 'Noto Sans KR', sans-serif; resize: none;}
|
||||
textarea{color: #666;font-size: 20px;font-weight: 300; font-family: 'Noto Sans KR', sans-serif;; resize: none;}
|
||||
|
||||
input::placeholder,input[type="text"]::placeholder,input[type="password"]::placeholder,input[type="text"]:-ms-input-placeholder,input[type="password"]:-ms-input-placeholder{color: #666 !important; font-size: 16px !important;}
|
||||
input[type="text"]:focus::placeholder,input[type="password"]:focus::placeholder{color: transparent;}
|
||||
|
||||
input:disabled,input[disabled="disabled"],input:read-only,input[readonly="readonly"]{font-size: 16px;}
|
||||
button:disabled,button[disabled="disabled"]{background-color: #eee !important; color: #aaa !important; border: none !important;}
|
||||
select:disabled,select[disabled="disabled"]{background-color: #eee !important; color: #aaa !important; border: none !important;}
|
||||
|
||||
pre {white-space: pre-wrap;}
|
||||
input[type="text"]:disabled,input[type="password"]:disabled{background-color: #f5f5f5;}
|
||||
|
||||
/* a:hover, a:active,a:hover:active { outline: none; }
|
||||
a:focus:not(:focus) {outline: none;}
|
||||
a:focus:not(:focus-visible){outline: none;} */
|
||||
a:focus:not(:focus-visible){outline: none;} */
|
||||
|
||||
File diff suppressed because one or more lines are too long
Binary file not shown.
|
Before Width: | Height: | Size: 1.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 971 B |
Binary file not shown.
|
Before Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue
Block a user