tolag3/koipa_edu_2025-1
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

2024/01/11 웹접근성 수정

Browse Source
This commit is contained in:
ITN_디자인팀 2024-01-11 18:06:57 +09:00
parent 8cbfb6235f
commit eaffdb17e5
4 changed files with 20 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/main/webapp/WEB-INF/jsp/web/my/myPageDashBoard.jsp
View File

@ -200,7 +200,8 @@
</thead>
<tbody>
<c:forEach var="list" items="${tngrList}" varStatus="status" begin="0" end="2">
<tr onclick="goTngrDetail('<c:out value="${list.eduAplctOrd}"/>', '<c:out value="${list.eduChasiOrd}"/>');">
<tr onclick="goTngrDetail('<c:out value="${list.eduAplctOrd}"/>', '<c:out value="${list.eduChasiOrd}"/>');"
tabindex="0" onkeypress="if(event.keyCode == 13){goTngrDetail('<c:out value="${list.eduAplctOrd}"/>', '<c:out value="${list.eduChasiOrd}"/>');}">
<!-- <tr > -->
<td>${list.eduHopeDt}</td>
<td><kc:code codeId="VE0007" code="${list.eduSlctCd}"/></td>

14
src/main/webapp/visitEdu/usr/publish/css/common.css
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: #d64309;}
.gnb_wrap .top_link ul li.on a, .gnb_wrap .top_link ul li a:hover{color: #d64309;font-weight: 500;}
.gnb_wrap .top_link ul li.on::after{content: '';display: block;width: 100%;height: 3px;background-color: #ed5908;}
.gnb_wrap .top_link ul li.on a, .gnb_wrap .top_link ul li a:hover{color: #ed5908;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: #d64309;font-family: 'GmarketSansMedium'; padding:0 0 0 5px;}
.header .on .menu_link{color: #d64309;}
.header .menu_link .menu_link_br {color: #ed5908;font-family: 'GmarketSansMedium'; padding:0 0 0 5px;}
.header .on .menu_link{color: #ed5908;}
.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;}
.header .depth02 a:hover,.header .depth02 a:focus{color: #ed5908;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: #d64309;}
.full_menu .depth01_li:hover .menu_link,.full_menu .depth01_li .depth02 li:hover{color: #ed5908;}
.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:#d64309;background:#fff3ec;}
.navigation .list > li .navi_depth li a:focus {font-weight:500;color:#ed5908;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;} */

8
src/main/webapp/visitEdu/usr/publish/css/content.css
View File

@ -126,7 +126,7 @@
.list_util select{width: 150px; height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; padding-left: 14px; font-size: 16px; color: #222; background-image: url(../../../adm/publish/image/icon_cont_select.png); background-repeat: no-repeat; background-position: calc(100% - 15px) center; margin-right: 3px; color: #555;}
.list_util input{width: 280px; height: 38px; border: 1px solid #d5d5d5; border-radius: 5px; padding: 0 0 0 14px; font-size: 16px; margin-right: 3px;}
.list_util input::placeholder,.list_util input:-ms-input-placeholder{font-size: 16px; color: #999;}
.list_util button{width: 80px; height: 40px; font-size: 18px; font-weight: 400; background-color: #D64309; color: #fff; vertical-align: middle; border-radius: 5px; transition: all 0.1s linear;}/* background-color: #f48105 */
.list_util button{width: 80px; height: 40px; font-size: 18px; font-weight: 400; background-color: #ed5908; color: #fff; vertical-align: middle; border-radius: 5px; transition: all 0.1s linear;}/* background-color: #f48105 */
.list_util button:hover{box-shadow: 0 0 5px rgba(0,0,0,0.3); background-color: #d62b09; transition: all 0.1s linear;}
.list_util .btn_info{width: auto; background-color: #f5f5f5; color: #555; padding: 0 15px;}
.list_util .btn_info:hover{background-color: #e5e5e5;}
@ -195,7 +195,7 @@ select.selType1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; pa
.btn_center{text-align: center;}
.btn_right{text-align: right;}
.btnType01{border: 1px solid #f5680b; background-color: #fff; color: #f5680b;}
.btnType01{border: 1px solid #ed5908; background-color: #fff; color: #ed5908;}
.btnType01:hover{background-color: #faf5f2; transition: background-color .1s linear;}
.btnType02{ background-color: #888; color: #fff; }
.btnType02:hover{background-color: #888; transition: background-color .1s linear;}
@ -218,9 +218,9 @@ select.selType1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; pa
.calendar_wrap input[type="text"]:read-only {background-color: #fff;}
/* tab */
.tab{display:flex;width:100%;border:1px solid #e9e9e9;border-bottom:1px solid #f37632;border-radius:10px 10px 0 0;margin:0 0 30px 0;}
.tab{display:flex;width:100%;border:1px solid #e9e9e9;border-bottom:1px solid #e95504;border-radius:10px 10px 0 0;margin:0 0 30px 0;}
.tab .tab_li{position:relative;border-right:1px solid #e9e9e9;}
.tab .tab_li.on::after{position:absolute;content:"";width:100%;height:calc(100% + 10px);background:#f37632;left:0;top:-10px;border-radius:10px 10px 0 0;box-shadow:0 0 5px rgba(0,0,0,0.25);}
.tab .tab_li.on::after{position:absolute;content:"";width:100%;height:calc(100% + 10px);background:#e95504;left:0;top:-10px;border-radius:10px 10px 0 0;box-shadow:0 0 5px rgba(0,0,0,0.25);}
.tab .tab_li:last-child{border-right:0;}
.tab.tab_02 .tab_li{width:calc(100%/2);}
.tab.tab_03 .tab_li{width:calc(100%/3);}

14
src/main/webapp/visitEdu/usr/publish/css/main.css
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:#d64309;font-weight:500;}
.container .main_banner_link li span{color:#ed5908;font-weight:500;}
/* 하단콘텐츠 공통 */
.wrap .content_wrap{width:calc((100% - 72px)/3);}
@ -50,28 +50,28 @@
.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 #d64309;background:#fff url(/offedu/visitEdu/usr/publish/images/main/btn_plus_hover.png) no-repeat calc(100% + 4px) center;color:#d64309;}
.wrap .content_wrap .title .btn_plus:hover{border:1px solid #ed5908;background:#fff url(/offedu/visitEdu/usr/publish/images/main/btn_plus_hover.png) no-repeat calc(100% + 4px) center;color:#ed5908;}
/* 공지사항 */
.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:#d64309;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:#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:#d64309;transition:all 0.15s ease-in-out;}
.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:#d64309;}
.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;}
/* 자료실 */
.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 #d64309;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:#d64309;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;}
/* 알림판 */
.wrap .notify .notify_slide{height:100%;}