From 5d5dc1d51a79d554d43d0e34748d92bea2ba1d85 Mon Sep 17 00:00:00 2001 From: com02 Date: Mon, 6 Dec 2021 11:41:10 +0900 Subject: [PATCH] =?UTF-8?q?=EC=A0=91=EA=B7=BC=EC=84=B1=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/main/webapp/WEB-INF/jsp/nlib/cmm/home.jsp | 14 ++++++++++++++ src/main/webapp/css/default.css | 8 ++++---- src/main/webapp/js/default.js | 10 ++++++++++ 3 files changed, 28 insertions(+), 4 deletions(-) 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 a8a33cfc..712e74b6 100644 --- a/src/main/webapp/WEB-INF/jsp/nlib/cmm/home.jsp +++ b/src/main/webapp/WEB-INF/jsp/nlib/cmm/home.jsp @@ -29,6 +29,7 @@ $(document).ready(function() { $('.skip-nav a:nth-of-type(4)').focusout(function(){ $('.skip-nav').hide(); $('.skip-nav a').css('z-index','0'); + $('.wrap header .inner .search-wrap .search-input .btn-search-detail').focus(); }); $(".skip-nav a").keydown(function (e) { if (e.keyCode == 13) { @@ -37,6 +38,19 @@ $(document).ready(function() { } }); + $('.wrap .nav-wrap #primary-nav ul li a').focus(function(){ + $('.wrap .nav-wrap #primary-nav ul li .sub-menu').show(); + }); + $('.mo-nav-wrap .login_box .btns_box button.btn_login').focus(function(){ + $('.wrap .nav-wrap #primary-nav ul li .sub-menu').hide(); + }); + + $('.sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover > a').focus(function(){ + $('.sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover').css('opacity','1'); + }); + $('.sec6 .inner .more-btn a').focus(function(){ + $('.sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover').css('opacity','0'); + }); }); function fn_search(keyword) { diff --git a/src/main/webapp/css/default.css b/src/main/webapp/css/default.css index 7eb66b10..fdc7e0cc 100644 --- a/src/main/webapp/css/default.css +++ b/src/main/webapp/css/default.css @@ -162,7 +162,7 @@ section .inner p.desc {font-size: 18px;color:#666;margin-bottom:40px;} .sec1 .inner .banner h3 {font-size:36px;line-height:48px;color:#fff;font-weight: 500;text-align:center;width:100%;position: absolute;top:200px;} .sec1 .inner .banner p {font-size:16px;line-height:24px;color:#fff;font-weight: 200;text-align:center;width:100%;position: absolute;top:320px;} .sec1 .inner .banner p:nth-of-type(2) {top:400px;} -.sec1 .inner .banner p:nth-of-type(2) a {border:1px solid #fff;border-radius:50px;color:#fff;font-size:14px;padding:5px 20px;} +.sec1 .inner .banner p:nth-of-type(2) a {border:1px solid #000;background:#000;border-radius:50px;color:#fff;font-size:14px;padding:5px 20px;} .sec1 .inner .banner p:nth-of-type(2) a:hover {border:1px solid #fff;background:#fff;color:#333;} .MainSwiper {width:100%;height:100%;display:inline-block;} .MainSwiper .swiper-button-next:after, .MainSwiper .swiper-rtl .swiper-button-prev:after, .MainSwiper .swiper-button-prev:after, .MainSwiper .swiper-rtl .swiper-button-next:after {color:#fff;} @@ -232,7 +232,7 @@ transform: rotate(45deg); /********** 메인섹션4 **********/ .sec4 .inner .middle-banner {background: url(/images/bg/bg-sec4-bg.jpg) no-repeat;width:100%;height:317px;background-size: cover;} .sec4 .inner .middle-banner h3 {padding:70px 0px 20px;font-size:36px;line-height: 46px;color: #fff;} -.sec4 .inner .middle-banner h3 strong {color:#feb855;} +.sec4 .inner .middle-banner h3 strong {color:#ffcf8b;text-shadow:1px 1px 1px rgba(0,0,0,0.8);} .sec4 .inner .middle-banner p {font-size:18px;font-weight: 100;color:#fff;} @@ -1584,7 +1584,7 @@ transform: rotate(45deg);} .qna .list-table-wrap li:hover .t-tit a {border-bottom:1px solid #376795;padding-bottom:1px;color:#376795;display: inline;} .qna .btn-box {float:right;} -.no-result {padding:60px 0px;font-size:14px;color:#999;text-align:center;} +.no-result {padding:60px 0px;font-size:14px;color:#666;text-align:center;} .privacy .top-bg {width:1200px;height:270px;margin:0 auto 50px;background: url(/images/bg/bg-privacy.jpg) no-repeat center;text-align: left;} .privacy .top-bg p {color:#fff;} @@ -1993,7 +1993,7 @@ animation: animate-bg2 2.0s 1.9s ease-in infinite; .btn-green {background: #327f8f;color: #fff;} .btn-green:focus, .btn-green:hover {background: #1a6878;transition: background .3s ease;} -.btn-orange {background: #ec8c26;color: #fff;} +.btn-orange {background: #d27818;color: #fff;} .btn-orange:focus, .btn-orange:hover {background: #e26c26;transition: background .3s ease;} .btn-gray {background: #666;color: #fff;} diff --git a/src/main/webapp/js/default.js b/src/main/webapp/js/default.js index 9e8a49ad..ec60d44f 100644 --- a/src/main/webapp/js/default.js +++ b/src/main/webapp/js/default.js @@ -33,6 +33,16 @@ $(document).ready(function(){ }); }); + //메인 슬라이드 접근성 + $('.MainSwiper .loop-count button.remote span').append('일시정지'); + $('.MainSwiper .loop-count button.remote').click(function(){ + if($('.MainSwiper .loop-count button.remote').hasClass('restart') === false) { + $('.MainSwiper .loop-count button.remote .ir').text('일시정지'); + } else { + $('.MainSwiper .loop-count button.remote .ir').text('재생'); + } + }); + /* 인기자료 탭메뉴 */ (function ($) { $(".tab ul.tabs").addClass("active").find("> li:eq(0)").addClass("current");