From 329f6c2ca4608cec6c75a2dc79a028bdb6aa002b Mon Sep 17 00:00:00 2001
From: com02 <com02@DESKTOP-EUO00N3>
Date: Thu, 2 Dec 2021 15:32:35 +0900
Subject: [PATCH] =?UTF-8?q?=EC=A0=91=EA=B7=BC=EC=84=B1=20=EA=B1=B4?=
 =?UTF-8?q?=EB=84=88=EB=9B=B0=EA=B8=B0=EB=A9=94=EB=89=B4=20=EC=88=98?=
 =?UTF-8?q?=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 |  5 +++++
 .../inform/selectNCultureLocationInfo.jsp     | 19 +++++++++++++++++++
 src/main/webapp/css/default.css               |  4 ++--
 3 files changed, 26 insertions(+), 2 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 7a318cc3..1e3d516f 100644
--- a/src/main/webapp/WEB-INF/jsp/nlib/cmm/home.jsp
+++ b/src/main/webapp/WEB-INF/jsp/nlib/cmm/home.jsp
@@ -23,12 +23,17 @@ $(document).ready(function() {
     	$('.skip-nav').show();
     	$('.skip-nav a:nth-of-type(1)').focus();
     });
+    $('.skip-nav a').focus(function(){
+    	$(this).css('z-index','1');
+    });
     $('.skip-nav a:nth-of-type(4)').focusout(function(){
     	$('.skip-nav').hide();
+    	$('.skip-nav a').css('z-index','0');
     });
     $(".skip-nav a").keydown(function (e) {
     	if (e.keyCode == 13) { 
     		$('.skip-nav').hide();
+    		$('.skip-nav a').css('z-index','0');
     	} 
     });    
     
diff --git a/src/main/webapp/WEB-INF/jsp/nlib/inform/selectNCultureLocationInfo.jsp b/src/main/webapp/WEB-INF/jsp/nlib/inform/selectNCultureLocationInfo.jsp
index f5c92394..4860b8b5 100644
--- a/src/main/webapp/WEB-INF/jsp/nlib/inform/selectNCultureLocationInfo.jsp
+++ b/src/main/webapp/WEB-INF/jsp/nlib/inform/selectNCultureLocationInfo.jsp
@@ -37,10 +37,29 @@ $( document ).ready(function() {
     fn_setPageTitle("${pageTitle}");
 });
 //-->
+
+$( document ).ready(function() {
+	// 접근성
+    $("#map").focus(function(){
+    	$('.skip-nav').show();
+    	$('.skip-nav a:nth-of-type(1)').focus();
+    });
+    $('.skip-nav a:nth-of-type(2)').focus(function(){
+    	$('.skip-nav').hide();
+    	$('.wrap header .inner h1 a').focus();
+    });
+    $(".skip-nav a").keydown(function (e) {
+    	if (e.keyCode == 13) { 
+    		$('.skip-nav').hide();
+    		//$('.wrap header .inner h1 a').focus();
+    	} 
+    }); 
+});
 </script>
     <!-- 찾아오시는길 섹션 -->
     <div class="skip-nav" style="display:none;">
       <a href="#addr">지도 건너뛰기</a>
+      <a href="#addr"></a>
     </div>
     <div class="location map">
         <h2 class="blind">${pageTitle} 섹션영역</h2>
diff --git a/src/main/webapp/css/default.css b/src/main/webapp/css/default.css
index 681bfa61..0edcdd1d 100644
--- a/src/main/webapp/css/default.css
+++ b/src/main/webapp/css/default.css
@@ -2,8 +2,8 @@
 @charset "utf-8";
 
 /********** 헤더 **********/
-.skip-nav {position:fixed;left:0px;top:0px;z-index:999;}
-.skip-nav a {display:block;background:#333;color:#fff;font-size:14px;padding:5px 12px;border-radius:3px;letter-spacing:-1px;margin:3px 0px;}
+.skip-nav {position:fixed;left:0px;top:0px;z-index:999;display:inline-block;width:100%;}
+.skip-nav a {display:block;background:#333;color:#fff;font-size:14px;padding:5px 12px;border-radius:3px;letter-spacing:-1px;margin:3px 0px;position:absolute;top:0px;left:0px;z-index:0;width:140px;text-align:center;}
 .blind {display:none;}
 .wrap {display:inline-block;width:100%;min-width:1400px;}
 .wrap header {position: fixed;top:0px;left:0px;width:100%;border-bottom:1px solid #999;background:rgba(0,0,0,0.3);z-index: 99;}