diff --git a/src/main/webapp/WEB-INF/jsp/nlib/cmm/home.jsp b/src/main/webapp/WEB-INF/jsp/nlib/cmm/home.jsp index 82947417..7a318cc3 100644 --- a/src/main/webapp/WEB-INF/jsp/nlib/cmm/home.jsp +++ b/src/main/webapp/WEB-INF/jsp/nlib/cmm/home.jsp @@ -18,6 +18,19 @@ $(document).ready(function() { var unreadNotiCnt = $(".noti-btn span.count").text(); gfn_myAlert(unreadNotiCnt); + // 접근성 + $("#searchHeaderButton").focus(function(){ + $('.skip-nav').show(); + $('.skip-nav a:nth-of-type(1)').focus(); + }); + $('.skip-nav a:nth-of-type(4)').focusout(function(){ + $('.skip-nav').hide(); + }); + $(".skip-nav a").keydown(function (e) { + if (e.keyCode == 13) { + $('.skip-nav').hide(); + } + }); }); @@ -274,7 +287,7 @@ function fn_listPops(typeDivCd) {
  • ${itemPop.typeDivNm }
    - +

    주제분야-${itemPop.subjectNm }

    diff --git a/src/main/webapp/css/common.css b/src/main/webapp/css/common.css index b6d5ac42..2e2f0f8c 100644 --- a/src/main/webapp/css/common.css +++ b/src/main/webapp/css/common.css @@ -31,7 +31,7 @@ background: url('/images/icon/icon-data-downarr.png') no-repeat 90% 50% #fff; select::-ms-expand{ display:none; } -button{margin:0;padding:0;} +button{margin:0;padding:0;font-family:'Noto Sans KR', 'Noto Sans', sans-serif;} table{border:none;border-collapse:collapse;padding:0;border-spacing:0;border-color: gray} a{text-decoration:none;color:#333;} a:link,a:visited,a:active,a:focus{text-decoration:none;} diff --git a/src/main/webapp/css/default.css b/src/main/webapp/css/default.css index 253d0679..681bfa61 100644 --- a/src/main/webapp/css/default.css +++ b/src/main/webapp/css/default.css @@ -20,7 +20,7 @@ .wrap header .inner .search-wrap .ark_query {position: relative;width:160px;height:43px;padding:0px 20px 0px 100px;border-radius:3px;} .wrap header .inner .search-wrap form .condition_sear {display:inline;position: absolute;top:7px;left:30px;height:28px;border-right:1px solid #ddd;padding-right:10px;} .wrap header .inner .search-wrap form .search-input {position: relative;} -.wrap header .inner .search-wrap form .condition_sear select {background: none;outline:0;border:0;padding:0px 10px;font-weight: 600;color:#666;} +.wrap header .inner .search-wrap form .condition_sear select {border:0;padding: 0px 20px 0px 5px;font-weight: 600;color:#666;} .wrap header .inner .search-wrap .search-input .btn-search {background:#364d63;height:43px;width:43px;border-radius:3px;position: relative;left:-5px;} .wrap header .inner .search-wrap .search-input .btn-search span {display:inline-block;text-indent: -99999px;background: url(/images/icon/icon-search.png) no-repeat;background-size:100%;width:16px;height:16px;} .wrap header .inner .search-wrap .search-input .btn-search-detail {background: #3e404a;width:100px;height:43px;line-height:40px;border-radius: 3px;color:#fff;font-weight: 600;position: relative;left:-3px;} @@ -261,7 +261,7 @@ transition: all 0.2s ease-in-out; .sec5 .inner .tabs_item ul li .con-1 {border-bottom:1px solid #e6e6e6;padding-bottom: 15px;margin-bottom:15px;height:50px;overflow: hidden;} .sec5 .inner .tabs_item ul li .con-1 .block {padding-bottom:10px;} .sec5 .inner .tabs_item ul li .con-1 .cla {display:inline;background:#e9e6df;padding:2px 10px;font-size:12px;color:#666;border-radius:30px;} -.sec5 .inner .tabs_item ul li .con-1 .tit {display:inline;width:auto;font-size:18px;line-height:26px;color:#222;font-weight: 500;text-align:left;} +.sec5 .inner .tabs_item ul li .con-1 .tit {display:inline;width:100%;font-size:18px;line-height:26px;color:#222;font-weight: 400;text-align:left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .sec5 .inner .tabs_item ul li:hover .con-1 .cla {background:#376795;color:#fff;} .sec5 .inner .tabs_item ul li:hover .underline {background-size: 100% 100%;color:#376795;} .sec5 .inner .tabs_item ul li .con-2 {} diff --git a/src/main/webapp/js/default.js b/src/main/webapp/js/default.js index d062c413..f497532a 100644 --- a/src/main/webapp/js/default.js +++ b/src/main/webapp/js/default.js @@ -24,7 +24,6 @@ $(document).ready(function(){ $('.location .inner .row-top .arr img').attr('alt',''); $('.map .inner .info-box .info-sec .text-box > div span:nth-of-type(1) em.next').append('다음'); - /* 인기자료 탭메뉴 */ (function ($) { $(".tab ul.tabs").addClass("active").find("> li:eq(0)").addClass("current");