2024/01/08 웹접근성 수정

This commit is contained in:
ITN_디자인팀 2024-01-08 18:05:28 +09:00
parent 0a64e322e7
commit 2e947a8d65
16 changed files with 66 additions and 43 deletions

View File

@ -128,7 +128,7 @@
<%-- <a href="#" onclick="fn_egov_pdfView('<c:out value="${fileVO.atchFileId}"/>','<c:out value="${fileVO.fileSn}"/>' , '<c:out value="${fileVO.fileExtsn}"/>' )"> --%>
<!-- pdf 보기 -->
<!-- </a> -->
<button type="button" class="btnType06" onclick="fn_egov_pdfView('<c:out value="${fileVO.atchFileId}"/>','<c:out value="${fileVO.fileSn}"/>' , '<c:out value="${fileVO.fileExtsn}"/>' )" title="파일 다운로드">pdf 보기</button>
<button type="button" class="btnType06 pdf_bt" onclick="fn_egov_pdfView('<c:out value="${fileVO.atchFileId}"/>','<c:out value="${fileVO.fileSn}"/>' , '<c:out value="${fileVO.fileExtsn}"/>' )" title="파일 다운로드">pdf 보기</button>
</c:if>
</c:if>
</li>

View File

@ -55,7 +55,7 @@ function footerSiteLinkPageGo (){
</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>
<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] 경상남도 진주시 충의로 19, 1/2/5층 ☎ 055-792-0000</p>
<p style=" margin-bottom: 8px">☎ 찾교(청소년) 055.792.0224 / 찾교(성인) 02.2669.0083 / 체험교실 055.792.0234 / 교육콘텐츠 055.792.0228</p>

View File

@ -244,10 +244,10 @@ function usrJoin(){
<li><a href="https://edu-copyright.or.kr/user/main/main.do">저작권e배움터</a></li>
<li><a href="https://edu-copyright.or.kr/dsprUser/main/main.do">장애인e배움터</a></li>
<li class="on"><a href="https://www.edu-copyright.or.kr/offedu/web/main/mainPage.do">저작권배움터</a></li> -->
<li><a href="#goLink" onclick="goLink('portal');return false;" onkeypress="this.onclick;">포털사이트</a></li>
<li><a href="#goLink" onclick="goLink('user');return false;" onkeypress="this.onclick;">저작권e배움터</a></li>
<li><a href="#goLink" onclick="goLink('dsprUser');return false;" onkeypress="this.onclick;">장애인e배움터</a></li>
<li class="on"><a href="#goLink" onclick="goLink('offedu');return false;" onkeypress="this.onclick;">저작권배움터</a></li>
<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">
@ -364,7 +364,7 @@ function usrJoin(){
<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>
<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">

View File

@ -86,6 +86,7 @@
<div class="tb_list01">
<table>
<caption>찾아가는 교육 성인 신청목록표</caption>
<colgroup>
<col style="width: 10%;">
<col style="width: 18%;">

View File

@ -568,6 +568,7 @@
</div>
<div class="tb_type01 tb_write tb_input">
<table>
<caption>찾아가는 저작권 교육 신청표</caption>
<colgroup>
<col style="width: 220px;">
<col style="width: auto;">
@ -967,7 +968,7 @@
</c:when>
<c:otherwise>
<tr>
<th class="calendar_th">
<th scope="row" class="calendar_th">
<div class="calendar_wrap">
<!-- <input type="text" name="eduHopeDt" style="width: 80%;" class="calendar" title="시작일 선택" size="8"> -->
<duet-date-picker identifier="date" class="startDate" name="eduHopeDt"></duet-date-picker>

View File

@ -109,6 +109,7 @@
<div class="tb_list01">
<table>
<caption>찾아가는 교육 성인 완료목록표</caption>
<colgroup>
<col style="width: 8%;">
<col style="width: 12%;">

View File

@ -78,6 +78,7 @@
<div class="tb_list01">
<table>
<caption>체험교실 운영목록표</caption>
<colgroup>
<col style="width: 10%;">
<col style="width: 15%;">

View File

@ -143,6 +143,7 @@
</div>
<div class="tb_type01 tb_write">
<table>
<caption>신청자 정보표</caption>
<colgroup>
<col style="width: 220px;">
<col style="width: auto;">

View File

@ -409,6 +409,7 @@ $(document).ready(function(){
<!-- list -->
<div class="tb_list01">
<table>
<caption>실무역량강화 전체과정표</caption>
<colgroup>
<%-- <col style="width: 5%"> --%>
<col style="width: 10%">
@ -424,14 +425,14 @@ $(document).ready(function(){
<thead>
<tr>
<!-- <th>NO</th> -->
<th>교육구분</th>
<th>과정명</th>
<th>신청기간</th>
<th>교육일자</th>
<th>신청자/정원</th>
<th scope="col">교육구분</th>
<th scope="col">과정명</th>
<th scope="col">신청기간</th>
<th scope="col">교육일자</th>
<th scope="col">신청자/정원</th>
<c:if test="${loginVO != null }">
<th>상태</th>
<th>교육신청</th>
<th scope="col">상태</th>
<th scope="col">교육신청</th>
</c:if>
</tr>
</thead>

View File

@ -241,19 +241,25 @@
</div>
<ul class="edu_process">
<li class="edu_apply" style="cursor: pointer;" onclick="fn_goListForm(10)"><i></i>
<div class="text_area">신청중 강의<p><span><c:out value="${countMap['COUNT_APRVL_CD_10']}" /></span>건</p></div>
<a href="#none">
<div class="text_area">신청중 강의<p><span><c:out value="${countMap['COUNT_APRVL_CD_10']}" /></span>건</p></div>
</a>
</li>
<li class="edu_register" style="cursor: pointer;" onclick="fn_goListForm(15)"><i></i>
<div class="text_area">수강중 강의<p><span><c:out value="${countMap['COUNT_APRVL_CD_20']}" /></span>건</p></div>
<a href="#none">
<div class="text_area">수강중 강의<p><span><c:out value="${countMap['COUNT_APRVL_CD_20']}" /></span>건</p></div>
</a>
</li>
<li class="edu_close" style="cursor: pointer;" onclick="fn_goListForm(20)"><i></i>
<div class="text_area">종료된 강의<p><span><c:out value="${countMap['COUNT_END_CD']}" /></span>건</p></div>
<a href="#none">
<div class="text_area">종료된 강의<p><span><c:out value="${countMap['COUNT_END_CD']}" /></span>건</p></div>
</a>
</li>
</ul>
<div class="tb_tit02">
<div class="tb_tit02_left">
<div class="t_best">최근 교육 목록</div>
<div class="t_best">최근 교육 목록22222</div>
</div>
<div class="btn_wrap1">
<button type="button" title="최근 교육 목록 더보기" class="con_more" onclick="location.href='<c:url value="/web/ve/aplct/fndtnEnhanceTrn/fndtnEduAplctList.do" />'">더보기</button>
@ -272,11 +278,11 @@
</colgroup>
<thead>
<tr>
<th>교육과정</th>
<th>교육기간</th>
<th>신청결과</th>
<th>설문조사</th>
<th>이수증</th>
<th scope="col">교육과정</th>
<th scope="col">교육기간</th>
<th scope="col">신청결과</th>
<th scope="col">설문조사</th>
<th scope="col">이수증</th>
</tr>
</thead>
<tbody>
@ -361,7 +367,7 @@
<c:when test="${empty list.qestnrId10Cnt or list.qestnrId10Cnt eq 0}">
<!-- 작성된 설문이 없다 -->
<button type="button" class="btnType01" data-tooltip="sub37_pop20"
<button type="button" class="btnType01 sur_bt" data-tooltip="sub37_pop20"
onclick="fncQustnrList('${list.eduAplctOrd}','${list.eduChasiOrd}','10','insert'
,'${list.qustnrTmplatId}','${list.qestnrId10}',''
)" title="팝업 열림">설문등록</button>
@ -396,8 +402,7 @@
<c:choose>
<c:when test="${list.aplctStateCd eq 20 and list.qestnrId10Cnt gt 0}">
<button type="button" title="이수증"
style="height:30px;width:73px;"
class="btnType01" onclick="fncCmpltCrtfc('<c:out value="${list.prcsAplctPrdOrd}"/>', '<c:out value="${list.eduAplctOrd}"/>');">이수증</button>
class="btnType01 cer_bt" onclick="fncCmpltCrtfc('<c:out value="${list.prcsAplctPrdOrd}"/>', '<c:out value="${list.eduAplctOrd}"/>');">이수증</button>
</c:when>
<c:when test="${list.aplctStateCd eq 20 and not(list.qestnrId10Cnt gt 0)}">
설문등록 후 발급

View File

@ -91,6 +91,7 @@
<div class="tb_list01">
<table>
<caption>찾아가는 교육 청소년 신청목록표</caption>
<colgroup>
<col style="width: 10%;">
<col style="width: 18%;">

View File

@ -1219,6 +1219,7 @@ function _chkChasiTime(p_this){
</div>
<div class="tb_type01 tb_write tb_input">
<table>
<caption>찾아가는 저작권 교육 신청표</caption>
<colgroup>
<col style="width: 220px;">
<col style="width: auto;">
@ -1478,6 +1479,7 @@ function _chkChasiTime(p_this){
</div>
<div class="tb_type02 tb_type02_write">
<table class="addClassRow" rowLimit="1" >
<caption>교육차시 정보를 입력하는 표</caption>
<colgroup>
<col style="width: 20%;">
<col style="width: auto;">
@ -1658,7 +1660,7 @@ function _chkChasiTime(p_this){
<c:otherwise>
<c:forEach var="list" begin="1" end="1" varStatus="status">
<tr>
<th class="calendar_th">
<th scope="row" class="calendar_th">
<div class="calendar_wrap">
<duet-date-picker identifier="date" class="startDate" name="eduHopeDt" onblur="_chkChasiDate(this); return false;"></duet-date-picker>
</div>

View File

@ -110,6 +110,7 @@
<div class="tb_list01">
<table>
<caption>찾아가는 교육 청소년 완료목록표</caption>
<colgroup>
<col style="width: 10%;">
<col style="width: 18%;">

View File

@ -56,8 +56,8 @@ header.scroll{box-shadow: 0 5px 8px rgba(0,0,0,0.15);}
.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: #e95504;}
.gnb_wrap .top_link ul li.on a, .gnb_wrap .top_link ul li a:hover{color: #e95504;font-weight: 500;}
.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;}
.header{padding: 0; box-sizing: border-box;}
.header .header_top{width:100%; border-bottom:2px solid #f1f1f1;}
@ -83,15 +83,15 @@ header.scroll{box-shadow: 0 5px 8px rgba(0,0,0,0.15);}
.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;}
.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: #E95504;font-family: 'GmarketSansMedium'; padding:0 0 0 5px;}
.header .on .menu_link{color: #E95504;}
.header .menu_link .menu_link_br {color: #d64309;font-family: 'GmarketSansMedium'; padding:0 0 0 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: #E95504;font-weight:500;}
.header .depth02 a:hover,.header .depth02 a:focus{color: #d64309;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;}
@ -124,7 +124,7 @@ header.scroll{box-shadow: 0 5px 8px rgba(0,0,0,0.15);}
.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: #e95504;}
.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;}
@ -177,7 +177,7 @@ header.scroll{box-shadow: 0 5px 8px rgba(0,0,0,0.15);}
.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;}
.navigation .list > li .navi_depth li a:focus {font-weight:500;color:#d64309;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;} */

View File

@ -825,6 +825,14 @@ select.selType1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; pa
/*나의 강의실 > Q&A 내용 없을때 추가*/
.q_wrap .q_text{padding: 25px 35px; border-top: 2px solid #222; border-bottom: 1px solid #d5d5d5; font-size: 18px; color: #666;}
/*2024년 웹접근성 > 추가한것들*/
/*체험교실 > 운영신청 > 운영신청 안내 > 표안에 pdf버튼 추가*/
.list_view .pdf_bt{padding: 5px 10px; border-radius: 5px;}
/*나의강의실 > 최근 교육 목록 > 설문등록, 이수증 버튼 추가*/
.tb_list02 .sur_bt{padding: 5px 10px; border-radius: 5px;}
.tb_list02 .cer_bt{padding: 5px 10px; border-radius: 5px;}
@media all and (max-width: 1300px){
/*교육소개 추가*/
.edu_wrap .tb_type01 table tbody .edu_sus_num li{width: 55%;}

View File

@ -41,7 +41,7 @@
.container .main_banner_link .banner_link_03 i{background-image:url(/offedu/visitEdu/usr/publish/images/main/icon_main_visual_03.png);}
.container .main_banner_link .banner_link_04 i{background-image:url(/offedu/visitEdu/usr/publish/images/main/icon_main_visual_04.png);}
.container .main_banner_link .banner_link_05 i{background-image:url(/offedu/visitEdu/usr/publish/images/main/icon_main_visual_05.png);}
.container .main_banner_link li span{color:#e95504;font-weight:500;}
.container .main_banner_link li span{color:#d64309;font-weight:500;}
/* 하단콘텐츠 공통 */
.wrap .content_wrap{width:calc((100% - 72px)/3);}
@ -50,34 +50,34 @@
.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 .title .btn_plus{display:flex;width:65px;height:30px;background:#fff url(/offedu/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 .title .btn_plus:hover{border:1px solid #e95504;background:#fff url(/offedu/visitEdu/usr/publish/images/main/btn_plus_hover.png) no-repeat calc(100% + 4px) center;color:#e95504;}
.wrap .content_wrap .title .btn_plus:hover{border:1px solid #d64309;background:#fff url(/offedu/visitEdu/usr/publish/images/main/btn_plus_hover.png) no-repeat calc(100% + 4px) center;color:#d64309;}
/* 공지사항 */
.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:#e95504;font-size:14px;font-weight:400;color:#fff;border-radius:5px;margin:0 8px 0 0;}
.wrap .notice .emphasis{display: inline-flex;width:40px;height:20px;justify-content:center;align-items:center;background-color:#d64309;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:#e95504;transition:all 0.15s ease-in-out;}
.wrap .notice .notice_list li:hover a{color:#d64309;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:#e95504;}
.wrap .notice .notice_list li:hover .date{color:#d64309;}
.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;}
/* 자료실 */
.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 #e95504;transition:all 0.05s ease-in-out;}
.wrap .data_notice .notice_list li:hover{border:1px solid #d64309;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:#e95504;transition:all 0.05s ease-in-out;}
.wrap .data_notice .notice_list li:hover .title,.wrap .data_notice .notice_list li:hover .date{color:#d64309;transition:all 0.05s ease-in-out;}
/* 알림판 */
.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:#888;text-align:center;line-height:28px;letter-spacing:-1.7px;margin: 0 0 0 -1px;}
.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;}