접근성 수정

src/main/webapp/css/default.css

@@ -1790,9 +1790,12 @@ transform: rotate(45deg);
 .pop-change .Title {text-align:center;padding:30px 0px;background: url(/images/bg/bg-login.jpg) no-repeat;background-size:cover;}
 .pop-change .Title h3 {font-size:24px;line-height:30px;margin-top:15px;color:#fff;font-weight: 300;}
 .pop-change .Title p {font-size:16px;line-height:16px;color:#fff;}
-.pop-change .inner .change p {margin-bottom:5px;}
+.pop-change .inner .change p {margin-bottom:5px;position:relative;}
 .pop-change .inner .change p input {border:1px solid #ddd;width:90%;padding:0px 5%;height:36px;line-height:36px;border-radius: 3px;}
 .pop-change .inner .change p.text {font-size:12px;text-align: left;margin:10px 0px 30px;}
+.pop-change .inner .change p #passwdMatch {width:auto;text-align:left;font-size:12px;display: inline-block;margin:0px 0px 0px 0px;vertical-align: middle;color:#3f8f4a;}
+.pop-change .inner .change p #passwdMatch-chk {display: inline-block;width:15px;height:15px;position: absolute;top:2px;right:0px;background: url(/images/icon/icon-checked-tab.png) no-repeat center;background-size: 15px;z-index: 99;}
+.pop-change .inner .change p #passwdMatch.fail {color:red;}
 .pop-change .inner .btn {width:70%;padding:20px 15% 40px;line-height: normal}
 .pop-change .inner .btn-box .btn {width:auto;padding:10px 25px;}
 .pop-change .inner .btn-box .btn.btn-color {width:170px;}

src/main/webapp/js/default.js

@@ -19,7 +19,7 @@ $(document).ready(function(){
     });
     
     //접근성
-    $('.location-box .loc li').append('<span class="blind">다음</span>');
+    $('.location-box .loc li').append('<span class="ir">다음</span>');
     $('.location-box .loc li.on *').remove('');
     $('.location .inner .row-top .arr img').attr('alt','');
     
@@ -198,16 +198,16 @@ $(document).ready(function(){
     });
     
     // 소장자료 디테일 목차정보
-    $('.down-btn').append('<span class="blind">펼치기</span>');
+    $('.down-btn').append('<span class="ir">펼치기</span>');
     $('.down-btn').click(function(){
         if($('.down-btn').hasClass('on') === false) {
             $(this).addClass('on');
             $('.h-down').css('height','auto');
-            $('.down-btn .blind').text('접기');
+            $('.down-btn .ir').text('접기');
         } else {
             $(this).removeClass('on');
             $('.h-down').css('height','');
-            $('.down-btn .blind').text('펼치기');
+            $('.down-btn .ir').text('펼치기');
         }
     });
     
@@ -557,23 +557,26 @@ $(document).ready(function() {
             //하위 조건이 있을 경우만 버튼 생성
             $(this)
                 .parent(".check")
-                .append('<button type="button" class="tab-name">' + tabLabel + "</button>");
+                .append('<button type="button" class="tab-name">' + tabLabel + "<span class='ir'>펼치기</span></button>");
         }
-
+        
         $(this)
             .siblings(".tab-name")
             .on("click", function () {
                 var _this = $(this).parents("li").index();
-
+                
                 $(this).parents("li").siblings("li").find(".depth-1").removeClass("on");
                 if (!$("body").hasClass("pop-filter")) {
                     if ($(this).parents(".depth-1").hasClass("on")) {
                         $(this).parents(".depth-1").removeClass("on");
+                        $('.tab-name .ir').text('펼치기');
                     } else {
                         $(this).parents(".depth-1").addClass("on");
+                        $('.tab-name .ir').text('접기');
                     }
                 } else {
                     $(this).parents(".depth-1").addClass("on");
+                    $('.tab-name .ir').text('접기');
                 }
 
                 // 줄구분용 data 추가