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 712e74b6..b20c6b48 100644
--- a/src/main/webapp/WEB-INF/jsp/nlib/cmm/home.jsp
+++ b/src/main/webapp/WEB-INF/jsp/nlib/cmm/home.jsp
@@ -37,14 +37,7 @@ $(document).ready(function() {
     		$('.skip-nav a').css('z-index','0');
     	} 
     });    
-    
-    $('.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');
     });
diff --git a/src/main/webapp/WEB-INF/jsp/nlib/collection/searchItemDetail.jsp b/src/main/webapp/WEB-INF/jsp/nlib/collection/searchItemDetail.jsp
index 4b190769..ec6e308b 100644
--- a/src/main/webapp/WEB-INF/jsp/nlib/collection/searchItemDetail.jsp
+++ b/src/main/webapp/WEB-INF/jsp/nlib/collection/searchItemDetail.jsp
@@ -491,10 +491,10 @@ function goList(){
             <p>자료를 <strong>SNS</strong>에 공유해보세요.</p>
             <button class="btn-close-pop">닫기</button>
             <ul class="sns-list">
-                <li class="kstory-icon"><img src="/images/icon/icon-sharing-kstory-big.svg" data-sType="4" alt="카카오스토리 공유하기" class="sns-pop" /><p>카카오스토리</p></li>
-                <li class="nblog-icon"><img src="/images/icon/icon-sharing-nblog-big.svg" data-sType="3" alt="네이버블로그 공유하기" class="sns-pop" /><p>블로그</p></li>           
-                <li class="fb-icon"><img src="/images/icon/icon-sharing-fb-big.svg" data-sType="1" alt="페이스북 공유하기" class="sns-pop" /><p>페이스북</p></li>
-                <li class="tw-icon"><img src="/images/icon/icon-sharing-tw-big.svg" data-sType="2" alt="트위터 공유하기" class="sns-pop" /><p>트위터</p></li>
+                <button type="button" class="kstory-icon"><img src="/images/icon/icon-sharing-kstory-big.svg" data-sType="4" alt="카카오스토리 공유하기" class="sns-pop" /><p>카카오스토리</p></button>
+                <button type="button" class="nblog-icon"><img src="/images/icon/icon-sharing-nblog-big.svg" data-sType="3" alt="네이버블로그 공유하기" class="sns-pop" /><p>블로그</p></button>           
+                <button type="button" class="fb-icon"><img src="/images/icon/icon-sharing-fb-big.svg" data-sType="1" alt="페이스북 공유하기" class="sns-pop" /><p>페이스북</p></button>
+                <button type="button" class="tw-icon"><img src="/images/icon/icon-sharing-tw-big.svg" data-sType="2" alt="트위터 공유하기" class="sns-pop" /><p>트위터</p></button>
             </ul>
             <div class="link-copy">
                 <label for="p_link-copy" style="display:none;">link</label><input type="text" class="link-txt" id="p_link-copy" value="http://www.nculture.org"/>
diff --git a/src/main/webapp/css/default.css b/src/main/webapp/css/default.css
index fdc7e0cc..9f012e32 100644
--- a/src/main/webapp/css/default.css
+++ b/src/main/webapp/css/default.css
@@ -1647,13 +1647,13 @@ transform: rotate(45deg);
 .pop-sharing p {font-size: 18px;color: #fff;font-weight: 300;letter-spacing: -.025em;text-align: center;padding-top: 44px;}
 .pop-sharing .btn-close-pop {position: absolute;right: 16px;top: 20px;width: 20px;height: 20px;text-indent: 9999px;font-size: 0;overflow: hidden;background: url(/images/btn/btn_close_size_27x26_c9c9c7.png) no-repeat;background-size: 100%;}
 .pop-sharing .sns-list {text-align: center;padding-top: 16px;}
-.pop-sharing .sns-list li {font-size: 0;display: inline-block;margin:1%;cursor: pointer;}
-.pop-sharing .sns-list li img {display: inline-block;width:34px;height:34px;padding:20px;border-radius:50%;}
+.pop-sharing .sns-list button {font-size: 0;display: inline-block;margin:1%;cursor: pointer;}
+.pop-sharing .sns-list button img {display: inline-block;width:34px;height:34px;padding:20px;border-radius:50%;}
 .pop-sharing .sns-list .kstory-icon img {background:#ffc20e;}
 .pop-sharing .sns-list .nblog-icon img {background:#2db400;}
 .pop-sharing .sns-list .fb-icon img {background:#3a5daa;}
 .pop-sharing .sns-list .tw-icon img {background:#1d9bf0;}
-.pop-sharing .sns-list li p {padding-top:5px;font-size:12px;color:#fff;}
+.pop-sharing .sns-list button p {padding-top:5px;font-size:12px;color:#fff;}
 .pop-sharing .link-copy {text-align: center;padding:20px 0px 40px;}
 .pop-sharing .link-copy .link-txt {border: 1px solid #ddd;height: 32px;line-height: 32px;width: 205px;border-radius: 3px;padding: 0 10px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;display: inline-block;margin-right: 5px;font-weight: 400;}
 .pop-sharing .link-copy .btn {width: 90px;height: 34px;color: #fff;background:#666;line-height: 32px;font-weight: 400;display: inline-block;margin-top: -27px;margin-right: 0;}
diff --git a/src/main/webapp/js/default.js b/src/main/webapp/js/default.js
index ec60d44f..a91fe35e 100644
--- a/src/main/webapp/js/default.js
+++ b/src/main/webapp/js/default.js
@@ -33,6 +33,13 @@ $(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();
+    });
+    
     //메인 슬라이드 접근성
     $('.MainSwiper .loop-count button.remote span').append('<span class="ir">일시정지</span>');
     $('.MainSwiper .loop-count button.remote').click(function(){