diff --git a/src/main/webapp/WEB-INF/jsp/web/kccadr/accdnt/apm/popup/adjstPayMentDetailPopup.jsp b/src/main/webapp/WEB-INF/jsp/web/kccadr/accdnt/apm/popup/adjstPayMentDetailPopup.jsp index 17d47bc3..c8baf568 100644 --- a/src/main/webapp/WEB-INF/jsp/web/kccadr/accdnt/apm/popup/adjstPayMentDetailPopup.jsp +++ b/src/main/webapp/WEB-INF/jsp/web/kccadr/accdnt/apm/popup/adjstPayMentDetailPopup.jsp @@ -106,7 +106,7 @@

수수료 납부 금액

diff --git a/src/main/webapp/WEB-INF/jsp/web/kccadr/adjstExp/mainExpPage.jsp b/src/main/webapp/WEB-INF/jsp/web/kccadr/adjstExp/mainExpPage.jsp index 6b704939..cb439013 100644 --- a/src/main/webapp/WEB-INF/jsp/web/kccadr/adjstExp/mainExpPage.jsp +++ b/src/main/webapp/WEB-INF/jsp/web/kccadr/adjstExp/mainExpPage.jsp @@ -16,6 +16,7 @@ @@ -295,7 +296,7 @@ function goExpPage(num) { 전자조정시스템 접수 사건 : 온라인 신청, 우편 발급

- + diff --git a/src/main/webapp/kccadrPb/usr/css/common.css b/src/main/webapp/kccadrPb/usr/css/common.css index 513c1122..2f0044db 100644 --- a/src/main/webapp/kccadrPb/usr/css/common.css +++ b/src/main/webapp/kccadrPb/usr/css/common.css @@ -1 +1 @@ -.skip_menu,.skip_menu a{position:absolute;left:0}.gnb_wrap .inner,.header_inner{width:100%;display:flex;margin:0 auto;max-width:1200px}.gnb_wrap,.header,footer{padding:0 20px;box-sizing:border-box}footer address,footer select{color:#b2b2b2;font-size:15px}.full_menu,.gnb_wrap,.header,.header_inner .depth01_li,.header_inner .nav_wrap,.skip_menu a,footer,header{box-sizing:border-box}.skip_menu{top:0;width:100%;margin:0 auto;z-index:999}.skip_menu a{display:block;padding:10px 20px;height:50px;line-height:30px;color:#fff;background:#000;width:100%;text-align:center;font-size:18px}header,header.on{background-color:#fff}.full_menu .btn_close,.gnb_wrap .btn_util button,.header_inner button,footer select{background-repeat:no-repeat}.skip_menu a:active,.skip_menu a:link,.skip_menu a:visited{top:-10000px}.skip_menu a:focus,.skip_menu a:hover{top:0}header{width:100%;height:135px;position:fixed;top:0;left:0;transition:height .3s ease-in-out,background-color .3s ease-in-out,margin .3s ease-in-out;overflow:hidden;border-bottom:1px solid #d5d5d5;z-index:21}header.on{height:460px;box-shadow:0 3px 10px rgba(0,0,0,.1);z-index:32;}header::after,header::before{height:1px;opacity:0;transition:opacity .2s ease-in-out;top:135px;position:absolute;display:block;left:0;content:" "}header::before{background-color:#ddd}header::after{width:100%;background-color:#d5d5d5}header.on::after{top:135px;opacity:1}header.on::before{opacity:1}.gnb_wrap{width:100%;background-color:#ebebeb;height:40px;overflow:hidden}.gnb_wrap .inner{height:100%;justify-content:space-between;align-items:center}.gnb_wrap .area_right *,.gnb_wrap .site a,.header_inner button{display:inline-block}.gnb_wrap .site a{vertical-align:middle;font-size:14px;font-weight:400;width:80px;height:25px;background-color:#666;color:#fff;border-radius:20px;line-height:25px;text-align:center;margin-left:11px;transition:background-color .3s}.gnb_wrap .site a:hover{background-color:#555;transition:background-color .3s}.gnb_wrap .area_right .login_after,.gnb_wrap .area_right a,.gnb_wrap .area_right button{height:25px;font-size:15px;color:#555;font-weight:400;line-height:1.6;letter-spacing:-.45px;position:relative;padding:0 15px 0 0;vertical-align:unset}.gnb_wrap .area_right .login_after{padding-right:20px;text-align:right}.gnb_wrap .area_right .login_after:hover{font-weight:400}.gnb_wrap .area_right button:hover{font-weight:500}.gnb_wrap .area_right .login_after::before,.gnb_wrap .area_right>a::before,.gnb_wrap .area_right>button::before{position:absolute;content:" ";width:1px;height:14px;background-color:#aeaeae;top:50%;right:6px;transform:translateY(-50%)}.gnb_wrap .area_right>button:last-of-type:before,footer .site li:last-child a::before{display:none}.gnb_wrap .btn_util button{width:30px;height:30px;border:1px solid #bebebe;vertical-align:middle;background-position:center}.gnb_wrap .btn_util button:hover{box-shadow:0 0 5px rgba(0,0,0,.15)}.gnb_wrap .btn_util .btn_minus{border-radius:5px 0 0 5px;margin-right:-5px;background-image:url(/kccadrPb/usr/image/common/btn_minus.webp)}.gnb_wrap .btn_util .btn_plus{border-radius:0 5px 5px 0;background-image:url(/kccadrPb/usr/image/common/btn_plus.webp)}.header_inner{height:95px;align-items:center;justify-content:space-between;position:relative}.header_inner .area_right,.header_inner .menu_link{align-items:center;display:flex}.header_inner .nav_wrap{height:100%;width:calc(100% - 150px);padding:0 50px}.header_inner #menu{width:100%;margin:0 auto;height:100%}.header_inner .depth01{display:flex;justify-content:space-between;height:100%}.header_inner .depth01_li{position:relative;padding:0}.header_inner .dep_li_01 .depth01_li,.on .nav_wrap .on .menu_link::before{width:100%}.header_inner .dep_li_02 .depth01_li{width:calc((100% - 20px)/ 2)}.header_inner .dep_li_03 .depth01_li{width:calc((100% - 30px)/ 3)}.header_inner .dep_li_04 .depth01_li{width:calc((100% - 40px)/ 4)}.header_inner .dep_li_05 .depth01_li{width:calc((100% - 50px)/ 5)}.header_inner .dep_li_06 .depth01_li{width:calc((100% - 60px)/ 6)}.header_inner .menu_link{font-size:18px;font-weight:500;letter-spacing:-1px;justify-content:center;height:100%;position:relative}.header_inner .menu_link::before{position:absolute;content:" ";display:block;width:0;height:4px;background-color:#ea5404;left:50%;transform:translateX(-50%);transition:width .2s ease-in-out;top:92px;z-index:1}.header_inner .depth02 a:focus,.header_inner .depth02 a:hover,.header_inner .on .menu_link{color:#da3800}.header_inner .depth02{position:absolute;text-align:center;margin-top:25px;width:100%;left:50%;transform:translateX(-50%)}.header_inner .depth02 a{font-size:16px;font-weight:400;line-height:1.3;letter-spacing:-1px;height:45px;display:flex;align-items:center;justify-content:center;word-break:keep-all}.header_inner button{width:24px;height:24px;vertical-align:middle}.header_inner .btn_search{background-image:url(/kccadrPb/usr/image/common/btn_search.webp);margin-right:25px;margin-top:-2px}.header_inner .btn_menu{background-image:url(/kccadrPb/usr/image/common/btn_menu.webp)}.header_inner button.btn_mobile{display:none;margin:-2px 8px 0;vertical-align:middle}.header_inner .btn_login{background-image:url(/kccadrPb/usr/image/common/btn_login.webp)}.header_inner .btn_logout{background-image:url(/kccadrPb/usr/image/common/btn_logout.webp)}.header_inner .btn_join{width:35px;background-image:url(/kccadrPb/usr/image/common/btn_join.webp)}.header_inner .btn_usredit{width:35px;background-image:url(/kccadrPb/usr/image/common/btn_usredit.webp)}.full_menu{visibility:hidden;width:100%;position:fixed;background-color:#fff;min-height:500px;padding:50px;top:-500px;transition:top .5s,box-shadow .3s;z-index:29;}.full_menu.on{visibility:visible;top:0;box-shadow:0 5px 8px rgba(0,0,0,.15);z-index:35;}.full_menu .inner{max-width:1200px;width:100%;position:relative;margin:0 auto}.full_menu .btn_close{background-image:url(/kccadrPb/usr/image/common/btn_close.webp);width:20px;height:20px;position:absolute;right:0;top:15px}.full_menu .depth01{display:flex;width:90%;justify-content:space-between;text-align:center;margin:50px auto 0}.full_menu .depth01 .menu_link{font-size:22px;font-weight:500;color:#d43403;position:relative;padding-bottom:25px;letter-spacing:-1px}.full_menu .depth01 .menu_link::before{position:absolute;content:" ";width:80px;height:3px;background-color:#d43403;left:50%;bottom:0;transform:translateX(-50%)}.full_menu .depth02{margin-top:10px}.full_menu .depth02 a{height:40px;display:flex;align-items:center;justify-content:center;letter-spacing:-1px;font-size:18px}#m_menu{visibility:hidden;height:0}footer{width:100%;height:100%;background-color:#3f3f3f;position:relative}footer::before{position:absolute;content:" ";width:100%;height:1px;background-color:rgba(255,255,255,.1);top:52px;left:0}footer .inner{max-width:1200px;width:100%;margin:0 auto}footer .area_top{height:52px;display:flex;justify-content:space-between;align-items:center}footer .site{display:flex;font-size:16px;color:rgba(255,255,255,.6)}footer .site a{padding:6px 27px;position:relative;font-weight:300;transition:.3s}footer .site a::before{position:absolute;content:" ";width:1px;height:14px;background-color:rgba(255,255,255,.6);top:50%;right:0;transform:translateY(-50%)}footer .site li:first-child a{padding-left:0}footer select{width:220px;height:40px;background-color:#343434;background-image:url(/kccadrPb/usr/image/common/icon_footer_select.webp);background-position:calc(100% - 15px) center;padding:0 15px;border:0;border-radius:5px}footer .btn_go{width:40px;height:40px;background-color:rgba(0,0,0,.5);vertical-align:middle;border-radius:5px;color:#fff;transition:.1s linear}footer .btn_go:hover{box-shadow:0 0 5px rgba(0,0,0,.5);transition:.1s linear}footer .logo,footer address{display:inline-block;vertical-align:middle}footer .logo{padding:47px 0;transition:.3s}footer address{font-weight:300;margin-left:30px;transition:.3s}footer address p:first-child{margin-bottom:8px}.wa_mark{width:auto;float:right;margin-top:30px}.error_page{width:100%;height:100%;margin:0 auto;text-align:center}.error_wrap{border:1px solid #d5d5d5;display:inline-flex;align-items:center;margin:200px auto 50px;padding:15px 50px 15px 0;justify-content:center}.error_wrap i{display:block;width:266px;height:200px;background-image:url(/kccadrPb/usr/image/warming.webp);border-right:1px solid #d5d5d5}.error_wrap .text_area{width:calc(100% - 266px);font-size:20px;padding-left:30px;text-align:left}.error_wrap .text_area p{font-size:16px;color:#555;margin-top:10px;line-height:1.4}.error_wrap .error_btn{text-align:center}.error_page .error_btn button{background-color:#1b6fcd;color:#fff;padding:8px 25px;font-size:16px}.quick_menu_wrap{position:fixed;top:50%;right:5%;transform:translateY(-50%);text-align:center;z-index:5;}.quick_menu_wrap .quick_title{width:85px;height:35px;border-radius:5px 5px 0 0;background-color:#ea5404;color:#fff;font-size:18px;font-weight:500;text-align:center;line-height:33px;margin:0 auto;pointer-events:none;}.quick_menu_wrap .quick_ul{width:110px;border-radius:5px;box-shadow:0 0 5px rgba(0,0,0,.2);padding:10px 10px 20px;box-sizing:border-box;background:#fff}.quick_menu_wrap .quick_li{font-size:16px;font-weight:400;text-align:center;letter-spacing:-.45px;margin:0 0 10px;transition:.15s ease-in-out}.quick_menu_wrap .quick_li:last-child{margin:0}.quick_menu_wrap .quick_li i{display:block;width:100%;height:50px;text-align:center;background-repeat:no-repeat;background-position:center;margin:0 0 5px;transition:.15s ease-in-out}.quick_menu_wrap .quick_li .icon_quickmenu_glossary{background-image:url(/kccadrPb/usr/image/common/icon_quickmenu_glossary.webp);background-position:calc(50% + 8px) center}.quick_menu_wrap .quick_li .icon_quickmenu_adj_case{background-image:url(/kccadrPb/usr/image/common/icon_quickmenu_adj_case.webp);background-position:calc(50% + 10px) center}.quick_menu_wrap .quick_li .icon_quickmenu_apl_form{background-image:url(/kccadrPb/usr/image/common/icon_quickmenu_apl_form.webp)}.quick_menu_wrap .quick_li .icon_quickmenu_progress_case{background-image:url(/kccadrPb/usr/image/common/icon_quickmenu_progress_case.webp);background-position:calc(50% + 8px) center}.quick_menu_wrap .quick_li .icon_quickmenu_fee{background-image:url(/kccadrPb/usr/image/common/icon_quickmenu_fee.webp);background-position:calc(50% + 2px) center}.quick_menu_wrap .quick_li:hover{color:#ea5404;transition:.15s ease-in-out;font-weight:500}.quick_menu_wrap .quick_li:hover .icon_quickmenu_glossary{background-image:url(/kccadrPb/usr/image/common/icon_quickmenu_glossary_hover.webp)}.quick_menu_wrap .quick_li:hover .icon_quickmenu_adj_case{background-image:url(/kccadrPb/usr/image/common/icon_quickmenu_adj_case_hover.webp)}.quick_menu_wrap .quick_li:hover .icon_quickmenu_apl_form{background-image:url(/kccadrPb/usr/image/common/icon_quickmenu_apl_form_hover.webp)}.quick_menu_wrap .quick_li:hover .icon_quickmenu_progress_case{background-image:url(/kccadrPb/usr/image/common/icon_quickmenu_progress_case_hover.webp)}.quick_menu_wrap .quick_li:hover .icon_quickmenu_fee{background-image:url(/kccadrPb/usr/image/common/icon_quickmenu_fee_hover.webp)}@media all and (max-width:1640px){.quick_menu_wrap{right:2%}}@media all and (max-width:1540px){.quick_menu_wrap{right:calc(0% - 110px);transition:.15s ease-in-out;z-index:35;}.quick_menu_wrap.on{right:-4px;transition:.15s ease-in-out}.quick_menu_wrap .quick_title{position:absolute;width:30px;height:auto;top:50%;left:-30px;transform:translateY(-50%);line-height:1;padding:20px 0;border-radius:10px 0 0 10px;}.quick_menu_wrap .quick_li{display:none;}.quick_menu_wrap.on .quick_li{display:block;}}@media all and (max-width:1280px){.header_inner .nav_wrap{padding:0 15px}.header_inner .menu_link{font-size:17px}}@media all and (max-width:1024px){.wa_mark,footer .btn_go{position:absolute;right:20px}#menu,.nav_wrap,footer::before{display:none}#m_menu{position:fixed;width:100%;height:100%;background-color:#fff;padding:50px 10px;box-sizing:border-box;top:0;right:-100%;transition:.5s;z-index:26}#m_menu.on{visibility:visible;right:0;transition:.5s;z-index:32;}#m_menu .area_top{text-align:right}#m_menu .btn_close{background-image:url(/kccadrPb/usr/image/common/btn_close.webp);background-repeat:no-repeat;width:20px;height:20px;position:absolute;top:50px;right:15px}#m_menu .depth01{width:100%;border-top:2px solid #ea5404;margin-top:50px}#m_menu .depth01_li{overflow:hidden;height:60px;transition:height .3s linear;display:block;position:relative}#m_menu .depth01_li::before{position:absolute;content:" ";width:100%;height:1px;background-color:#e5e5e5;opacity:0}#m_menu .depth01_li.on{height:310px;transition:height .3s linear}#m_menu .depth01_li:nth-child(2).on{height:310px}#m_menu .depth01_li:nth-child(3).on{height:210px}#m_menu .depth01_li:nth-child(4).on,#m_menu .depth01_li:nth-child(5).on{height:260px}#m_menu .depth01_li.on::before{opacity:1;bottom:0}#m_menu .menu_tit{font-size:20px;height:60px;border-bottom:1px solid #e5e5e5;width:100%;text-align:left;padding-left:20px}#m_menu .depth02{visibility:hidden;height:100%;opacity:0;transition:.3s linear;background-color:#f5f5f5}#m_menu .on .depth02{visibility:visible;height:auto;transition:.3s linear;opacity:1}#m_menu .depth02 a{height:50px;display:flex;align-items:center;padding-left:20px;font-size:17px}footer{padding-bottom:30px}footer .area_top{display:block;margin:0 auto;text-align:center}footer .site{padding:25px 0;width:100%;border-bottom:1px solid rgba(255,255,255,.15);letter-spacing:-.5px}footer select{position:absolute;right:65px;top:102px}footer .btn_go{top:102px}footer .logo{padding-bottom:25px}footer address{display:block;padding-bottom:40px;margin-left:0}.wa_mark{float:unset;bottom:20px}}@media all and (max-width:786px){footer .site a{padding:0 15px}}@media all and (max-width:640px){.gnb_wrap .area_right .login_after::before,.gnb_wrap .btn_util,footer .logo{display:none}footer,footer .site{padding-bottom:10px}footer .btn_go,footer select{position:static;margin-bottom:20px}.gnb_wrap{padding:0 10px}.gnb_wrap .site img{width:100px}.gnb_wrap .site a{margin-left:2px;width:65px}.gnb_wrap .area_right{text-align:right}.gnb_wrap .area_right a{margin-left:-4px;display:none}.gnb_wrap .area_right .login_after::before,.gnb_wrap .area_right a::before{right:0}.gnb_wrap .area_right .login_after{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;line-height:1.5;vertical-align:middle;padding-right:0}.gnb_wrap .area_right .login_after::after{right:6px}.gnb_wrap .area_right a:nth-child(3){padding-right:4px}.header_inner button.btn_mobile{display:block;margin:0 8px}footer .logo{padding-top:27px}footer .area_top{height:auto}footer .site{text-align:left;border-bottom:0}footer .site li{width:auto;margin-bottom:15px;text-align:left;font-size:14px}footer .site a{padding:0 7px}footer select{width:calc(100% - 45px)}footer address p{line-height:1.4}.wa_mark{position:relative;margin-left:20px;margin-top:0}}@media all and (max-width:450px){footer .site{flex-wrap:wrap}footer .site li{width:50%}footer .site a::before{right:25px}footer .site li:nth-child(2n) a::before{display:none}footer .site li:nth-child(3) a{padding-left:0}}@media all and (max-width:400px){header .logo img{width:88%}}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.header_inner .area_right{justify-content:space-between}.header_inner .btn_search{margin-right:0}} \ No newline at end of file +.skip_menu,.skip_menu a{position:absolute;left:0}.gnb_wrap .inner,.header_inner{width:100%;display:flex;margin:0 auto;max-width:1200px}.gnb_wrap,.header,footer{padding:0 20px;box-sizing:border-box}footer address,footer select{color:#b2b2b2;font-size:15px}.full_menu,.gnb_wrap,.header,.header_inner .depth01_li,.header_inner .nav_wrap,.skip_menu a,footer,header{box-sizing:border-box}.skip_menu{top:0;width:100%;margin:0 auto;z-index:999}.skip_menu a{display:block;padding:10px 20px;height:50px;line-height:30px;color:#fff;background:#000;width:100%;text-align:center;font-size:18px}header,header.on{background-color:#fff}.full_menu .btn_close,.gnb_wrap .btn_util button,.header_inner button,footer select{background-repeat:no-repeat}.skip_menu a:active,.skip_menu a:link,.skip_menu a:visited{top:-10000px}.skip_menu a:focus,.skip_menu a:hover{top:0}header{width:100%;height:135px;position:fixed;top:0;left:0;transition:height .3s ease-in-out,background-color .3s ease-in-out,margin .3s ease-in-out;overflow:hidden;border-bottom:1px solid #d5d5d5;z-index:21}header.on{height:460px;box-shadow:0 3px 10px rgba(0,0,0,.1);z-index:32;}header::after,header::before{height:1px;opacity:0;transition:opacity .2s ease-in-out;top:135px;position:absolute;display:block;left:0;content:" "}header::before{background-color:#ddd}header::after{width:100%;background-color:#d5d5d5}header.on::after{top:135px;opacity:1}header.on::before{opacity:1}.gnb_wrap{width:100%;background-color:#ebebeb;height:40px;overflow:hidden}.gnb_wrap .inner{height:100%;justify-content:space-between;align-items:center}.gnb_wrap .area_right *,.gnb_wrap .site a,.header_inner button{display:inline-block}.gnb_wrap .site a{vertical-align:middle;font-size:14px;font-weight:400;width:80px;height:25px;background-color:#666;color:#fff;border-radius:20px;line-height:25px;text-align:center;margin-left:11px;transition:background-color .3s}.gnb_wrap .site a:hover{background-color:#555;transition:background-color .3s}.gnb_wrap .area_right .login_after,.gnb_wrap .area_right a,.gnb_wrap .area_right button{height:25px;font-size:15px;color:#555;font-weight:400;line-height:1.6;letter-spacing:-.45px;position:relative;padding:0 15px 0 0;vertical-align:unset}.gnb_wrap .area_right .login_after{padding-right:20px;text-align:right}.gnb_wrap .area_right .login_after:hover{font-weight:400}.gnb_wrap .area_right button:hover{font-weight:500}.gnb_wrap .area_right .login_after::before,.gnb_wrap .area_right>a::before,.gnb_wrap .area_right>button::before{position:absolute;content:" ";width:1px;height:14px;background-color:#aeaeae;top:50%;right:6px;transform:translateY(-50%)}.gnb_wrap .area_right>button:last-of-type:before,footer .site li:last-child a::before{display:none}.gnb_wrap .btn_util button{width:30px;height:30px;border:1px solid #bebebe;vertical-align:middle;background-position:center}.gnb_wrap .btn_util button:hover{box-shadow:0 0 5px rgba(0,0,0,.15)}.gnb_wrap .btn_util .btn_minus{border-radius:5px 0 0 5px;margin-right:-5px;background-image:url(/kccadrPb/usr/image/common/btn_minus.webp)}.gnb_wrap .btn_util .btn_plus{border-radius:0 5px 5px 0;background-image:url(/kccadrPb/usr/image/common/btn_plus.webp)}.header_inner{height:95px;align-items:center;justify-content:space-between;position:relative}.header_inner .area_right,.header_inner .menu_link{align-items:center;display:flex}.header_inner .nav_wrap{height:100%;width:calc(100% - 150px);padding:0 50px}.header_inner #menu{width:100%;margin:0 auto;height:100%}.header_inner .depth01{display:flex;justify-content:space-between;height:100%}.header_inner .depth01_li{position:relative;padding:0}.header_inner .dep_li_01 .depth01_li,.on .nav_wrap .on .menu_link::before{width:100%}.header_inner .dep_li_02 .depth01_li{width:calc((100% - 20px)/ 2)}.header_inner .dep_li_03 .depth01_li{width:calc((100% - 30px)/ 3)}.header_inner .dep_li_04 .depth01_li{width:calc((100% - 40px)/ 4)}.header_inner .dep_li_05 .depth01_li{width:calc((100% - 50px)/ 5)}.header_inner .dep_li_06 .depth01_li{width:calc((100% - 60px)/ 6)}.header_inner .menu_link{font-size:18px;font-weight:500;letter-spacing:-1px;justify-content:center;height:100%;position:relative}.header_inner .menu_link::before{position:absolute;content:" ";display:block;width:0;height:4px;background-color:#ea5404;left:50%;transform:translateX(-50%);transition:width .2s ease-in-out;top:92px;z-index:1}.header_inner .depth02 a:focus,.header_inner .depth02 a:hover,.header_inner .on .menu_link{color:#da3800}.header_inner .depth02{position:absolute;text-align:center;margin-top:25px;width:100%;left:50%;transform:translateX(-50%)}.header_inner .depth02 a{font-size:16px;font-weight:400;line-height:1.3;letter-spacing:-1px;height:45px;display:flex;align-items:center;justify-content:center;word-break:keep-all}.header_inner button{width:24px;height:24px;vertical-align:middle}.header_inner .btn_search{background-image:url(/kccadrPb/usr/image/common/btn_search.webp);margin-right:25px;margin-top:-2px}.header_inner .btn_menu{background-image:url(/kccadrPb/usr/image/common/btn_menu.webp)}.header_inner button.btn_mobile{display:none;margin:-2px 8px 0;vertical-align:middle}.header_inner .btn_login{background-image:url(/kccadrPb/usr/image/common/btn_login.webp)}.header_inner .btn_logout{background-image:url(/kccadrPb/usr/image/common/btn_logout.webp)}.header_inner .btn_join{width:35px;background-image:url(/kccadrPb/usr/image/common/btn_join.webp)}.header_inner .btn_usredit{width:35px;background-image:url(/kccadrPb/usr/image/common/btn_usredit.webp)}.full_menu{visibility:hidden;width:100%;position:fixed;background-color:#fff;min-height:500px;padding:50px;top:-500px;transition:top .5s,box-shadow .3s;z-index:29;}.full_menu.on{visibility:visible;top:0;box-shadow:0 5px 8px rgba(0,0,0,.15);z-index:35;}.full_menu .inner{max-width:1200px;width:100%;position:relative;margin:0 auto}.full_menu .btn_close{background-image:url(/kccadrPb/usr/image/common/btn_close.webp);width:20px;height:20px;position:absolute;right:0;top:15px}.full_menu .depth01{display:flex;width:90%;justify-content:space-between;text-align:center;margin:50px auto 0}.full_menu .depth01 .menu_link{font-size:22px;font-weight:500;color:#d43403;position:relative;padding-bottom:25px;letter-spacing:-1px}.full_menu .depth01 .menu_link::before{position:absolute;content:" ";width:80px;height:3px;background-color:#d43403;left:50%;bottom:0;transform:translateX(-50%)}.full_menu .depth02{margin-top:10px}.full_menu .depth02 a{height:40px;display:flex;align-items:center;justify-content:center;letter-spacing:-1px;font-size:18px}#m_menu{visibility:hidden;height:0}footer{width:100%;height:100%;background-color:#3f3f3f;position:relative}footer::before{position:absolute;content:" ";width:100%;height:1px;background-color:rgba(255,255,255,.1);top:52px;left:0}footer .inner{max-width:1200px;width:100%;margin:0 auto}footer .area_top{height:52px;display:flex;justify-content:space-between;align-items:center}footer .site{display:flex;font-size:16px;color:rgba(255,255,255,.6)}footer .site a{padding:6px 27px;position:relative;font-weight:300;transition:.3s}footer .site a::before{position:absolute;content:" ";width:1px;height:14px;background-color:rgba(255,255,255,.6);top:50%;right:0;transform:translateY(-50%)}footer .site li:first-child a{padding-left:0}footer select{width:220px;height:40px;background-color:#343434;background-image:url(/kccadrPb/usr/image/common/icon_footer_select.webp);background-position:calc(100% - 15px) center;padding:0 15px;border:0;border-radius:5px}footer .btn_go{width:40px;height:40px;background-color:rgba(0,0,0,.5);vertical-align:middle;border-radius:5px;color:#fff;transition:.1s linear}footer .btn_go:hover{box-shadow:0 0 5px rgba(0,0,0,.5);transition:.1s linear}footer .logo,footer address{display:inline-block;vertical-align:middle}footer .logo{padding:47px 0;transition:.3s}footer address{font-weight:300;margin-left:30px;transition:.3s}footer address p:first-child{margin-bottom:8px}.wa_mark{width:auto;float:right;margin-top:30px}.error_page{width:100%;height:100%;margin:0 auto;text-align:center}.error_wrap{border:1px solid #d5d5d5;display:inline-flex;align-items:center;margin:200px auto 50px;padding:15px 50px 15px 0;justify-content:center}.error_wrap i{display:block;width:266px;height:200px;background-image:url(/kccadrPb/usr/image/warming.webp);border-right:1px solid #d5d5d5}.error_wrap .text_area{width:calc(100% - 266px);font-size:20px;padding-left:30px;text-align:left}.error_wrap .text_area p{font-size:16px;color:#555;margin-top:10px;line-height:1.4}.error_wrap .error_btn{text-align:center}.error_page .error_btn button{background-color:#1b6fcd;color:#fff;padding:8px 25px;font-size:16px}.quick_menu_wrap{position:fixed;top:50%;right:5%;transform:translateY(-50%);text-align:center;z-index:5;}.quick_menu_wrap .quick_title{width:85px;height:35px;border-radius:5px 5px 0 0;background-color:#ea5404;color:#fff;font-size:18px;font-weight:500;text-align:center;line-height:33px;margin:0 auto;pointer-events:none;}.quick_menu_wrap .quick_ul{width:110px;border-radius:5px;box-shadow:0 0 5px rgba(0,0,0,.2);padding:10px 10px 20px;box-sizing:border-box;background:#fff}.quick_menu_wrap .quick_li{font-size:16px;font-weight:400;text-align:center;letter-spacing:-.45px;margin:0 0 10px;transition:.15s ease-in-out}.quick_menu_wrap .quick_li:last-child{margin:0}.quick_menu_wrap .quick_li i{display:block;width:100%;height:50px;text-align:center;background-repeat:no-repeat;background-position:center;margin:0 0 5px;transition:.15s ease-in-out}.quick_menu_wrap .quick_li .icon_quickmenu_glossary{background-image:url(/kccadrPb/usr/image/common/icon_quickmenu_glossary.webp);background-position:calc(50% + 8px) center}.quick_menu_wrap .quick_li .icon_quickmenu_adj_case{background-image:url(/kccadrPb/usr/image/common/icon_quickmenu_adj_case.webp);background-position:calc(50% + 10px) center}.quick_menu_wrap .quick_li .icon_quickmenu_apl_form{background-image:url(/kccadrPb/usr/image/common/icon_quickmenu_apl_form.webp)}.quick_menu_wrap .quick_li .icon_quickmenu_progress_case{background-image:url(/kccadrPb/usr/image/common/icon_quickmenu_progress_case.webp);background-position:calc(50% + 8px) center}.quick_menu_wrap .quick_li .icon_quickmenu_fee{background-image:url(/kccadrPb/usr/image/common/icon_quickmenu_fee.webp);background-position:calc(50% + 2px) center}.quick_menu_wrap .quick_li:hover{color:#ea5404;transition:.15s ease-in-out;font-weight:500}.quick_menu_wrap .quick_li:hover .icon_quickmenu_glossary{background-image:url(/kccadrPb/usr/image/common/icon_quickmenu_glossary_hover.webp)}.quick_menu_wrap .quick_li:hover .icon_quickmenu_adj_case{background-image:url(/kccadrPb/usr/image/common/icon_quickmenu_adj_case_hover.webp)}.quick_menu_wrap .quick_li:hover .icon_quickmenu_apl_form{background-image:url(/kccadrPb/usr/image/common/icon_quickmenu_apl_form_hover.webp)}.quick_menu_wrap .quick_li:hover .icon_quickmenu_progress_case{background-image:url(/kccadrPb/usr/image/common/icon_quickmenu_progress_case_hover.webp)}.quick_menu_wrap .quick_li:hover .icon_quickmenu_fee{background-image:url(/kccadrPb/usr/image/common/icon_quickmenu_fee_hover.webp)}@media all and (max-width:1640px){.quick_menu_wrap{right:2%}}@media all and (max-width:1540px){.quick_menu_wrap{right:calc(0% - 110px);transition:.15s ease-in-out;z-index:35;}.quick_menu_wrap.on{right:-4px;transition:.15s ease-in-out}.quick_menu_wrap .quick_title{position:absolute;width:30px;height:auto;top:50%;left:-30px;transform:translateY(-50%);line-height:1;padding:20px 0;border-radius:10px 0 0 10px;pointer-events:auto;}.quick_menu_wrap .quick_li{display:none;}.quick_menu_wrap.on .quick_li{display:block;}}@media all and (max-width:1280px){.header_inner .nav_wrap{padding:0 15px}.header_inner .menu_link{font-size:17px}}@media all and (max-width:1024px){.wa_mark,footer .btn_go{position:absolute;right:20px}#menu,.nav_wrap,footer::before{display:none}#m_menu{position:fixed;width:100%;height:100%;background-color:#fff;padding:50px 10px;box-sizing:border-box;top:0;right:-100%;transition:.5s;z-index:26}#m_menu.on{visibility:visible;right:0;transition:.5s;z-index:32;}#m_menu .area_top{text-align:right}#m_menu .btn_close{background-image:url(/kccadrPb/usr/image/common/btn_close.webp);background-repeat:no-repeat;width:20px;height:20px;position:absolute;top:50px;right:15px}#m_menu .depth01{width:100%;border-top:2px solid #ea5404;margin-top:50px}#m_menu .depth01_li{overflow:hidden;height:60px;transition:height .3s linear;display:block;position:relative}#m_menu .depth01_li::before{position:absolute;content:" ";width:100%;height:1px;background-color:#e5e5e5;opacity:0}#m_menu .depth01_li.on{height:310px;transition:height .3s linear}#m_menu .depth01_li:nth-child(2).on{height:310px}#m_menu .depth01_li:nth-child(3).on{height:210px}#m_menu .depth01_li:nth-child(4).on,#m_menu .depth01_li:nth-child(5).on{height:260px}#m_menu .depth01_li.on::before{opacity:1;bottom:0}#m_menu .menu_tit{font-size:20px;height:60px;border-bottom:1px solid #e5e5e5;width:100%;text-align:left;padding-left:20px}#m_menu .depth02{visibility:hidden;height:100%;opacity:0;transition:.3s linear;background-color:#f5f5f5}#m_menu .on .depth02{visibility:visible;height:auto;transition:.3s linear;opacity:1}#m_menu .depth02 a{height:50px;display:flex;align-items:center;padding-left:20px;font-size:17px}footer{padding-bottom:30px}footer .area_top{display:block;margin:0 auto;text-align:center}footer .site{padding:25px 0;width:100%;border-bottom:1px solid rgba(255,255,255,.15);letter-spacing:-.5px}footer select{position:absolute;right:65px;top:102px}footer .btn_go{top:102px}footer .logo{padding-bottom:25px}footer address{display:block;padding-bottom:40px;margin-left:0}.wa_mark{float:unset;bottom:20px}}@media all and (max-width:786px){footer .site a{padding:0 15px}}@media all and (max-width:640px){.gnb_wrap .area_right .login_after::before,.gnb_wrap .btn_util,footer .logo{display:none}footer,footer .site{padding-bottom:10px}footer .btn_go,footer select{position:static;margin-bottom:20px}.gnb_wrap{padding:0 10px}.gnb_wrap .site img{width:100px}.gnb_wrap .site a{margin-left:2px;width:65px}.gnb_wrap .area_right{text-align:right}.gnb_wrap .area_right a{margin-left:-4px;display:none}.gnb_wrap .area_right .login_after::before,.gnb_wrap .area_right a::before{right:0}.gnb_wrap .area_right .login_after{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;line-height:1.5;vertical-align:middle;padding-right:0}.gnb_wrap .area_right .login_after::after{right:6px}.gnb_wrap .area_right a:nth-child(3){padding-right:4px}.header_inner button.btn_mobile{display:block;margin:0 8px}footer .logo{padding-top:27px}footer .area_top{height:auto}footer .site{text-align:left;border-bottom:0}footer .site li{width:auto;margin-bottom:15px;text-align:left;font-size:14px}footer .site a{padding:0 7px}footer select{width:calc(100% - 45px)}footer address p{line-height:1.4}.wa_mark{position:relative;margin-left:20px;margin-top:0}}@media all and (max-width:450px){footer .site{flex-wrap:wrap}footer .site li{width:50%}footer .site a::before{right:25px}footer .site li:nth-child(2n) a::before{display:none}footer .site li:nth-child(3) a{padding-left:0}}@media all and (max-width:400px){header .logo img{width:88%}}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.header_inner .area_right{justify-content:space-between}.header_inner .btn_search{margin-right:0}} \ No newline at end of file diff --git a/src/main/webapp/kccadrPb/usr/css/content.css b/src/main/webapp/kccadrPb/usr/css/content.css index e5ce07c2..91725ef0 100644 --- a/src/main/webapp/kccadrPb/usr/css/content.css +++ b/src/main/webapp/kccadrPb/usr/css/content.css @@ -60,7 +60,8 @@ .hover_content_wrap {position:relative;width: 100%;} .hover_content_wrap .hover_content_box {display:none;position:absolute;left:0;top:30px;width:370px;padding:15px 20px;font-size:16px;line-height:24px;color:#fff;background:#000;border-radius:5px;box-sizing:border-box;z-index:1;} .hover_content_wrap .hover_content_box:after {content:'';position:absolute;left:57px;top:-18px;width:26px;height:18px;background:url(/kccadrPb/usr/image/icon_hover_arrow.png) no-repeat left top;} -.hover_content_wrap:hover .hover_content_box,.hover_content_wrap:focus-within button+.hover_content_box,.hover_content_wrap a:focus+.hover_content_box {display:block;} +.hover_content_wrap:hover .hover_content_box,.hover_content_wrap:focus-within button+.hover_content_box,.hover_content_wrap:focus-within .hover_content_box,.hover_content_wrap a:focus+.hover_content_box {display:block;} +.hover_content_wrap .hover_content_box:focus-visible{outline:5px solid #4f75c4;} /* //서브 공통 */ /* 로그인 */ diff --git a/src/main/webapp/kccadrPb/usr/css/reset.css b/src/main/webapp/kccadrPb/usr/css/reset.css index e9e2d9a9..f8e3c8b3 100644 --- a/src/main/webapp/kccadrPb/usr/css/reset.css +++ b/src/main/webapp/kccadrPb/usr/css/reset.css @@ -34,7 +34,7 @@ textarea{color: #666;font-size: 20px;font-weight: 300; font-family: 'Noto Sans K input::placeholder,input[type="text"]::placeholder,input[type="password"]::placeholder,input[type="text"]:-ms-input-placeholder,input[type="password"]:-ms-input-placeholder{color: #666 !important; font-size: 16px !important;} input[type="text"]:focus::placeholder,input[type="password"]:focus::placeholder{color: transparent;} -input:disabled,input[disabled="disabled"],input:read-only,input[readonly="readonly"]{background-color: #eee !important; color: #aaa !important; font-size: 16px;} +input:disabled,input[disabled="disabled"],input:read-only,input[readonly="readonly"]{background-color: #eee !important; color: #777 !important; font-size: 16px;} button:disabled,button[disabled="disabled"]{background-color: #eee !important; color: #777 !important; border: none !important;} select:disabled,select[disabled="disabled"]{background-color: #eee !important; color: #777 !important; border: none !important;} diff --git a/src/main/webapp/kccadrPb/usr/script/content.js b/src/main/webapp/kccadrPb/usr/script/content.js index 0a9b5bcb..9338b84e 100644 --- a/src/main/webapp/kccadrPb/usr/script/content.js +++ b/src/main/webapp/kccadrPb/usr/script/content.js @@ -138,6 +138,13 @@ $(document).ready(function () { } }); + + $(".hover_content_box").each(function(index,item){ + if($(item).text() !== ""){ + $(item).attr("tabindex","0"); + }else{} + }) + /* table sort 버튼 */ /* diff --git a/src/main/webapp/kccadrPb/usr/script/popup.js b/src/main/webapp/kccadrPb/usr/script/popup.js index 88615d7a..416571a4 100644 --- a/src/main/webapp/kccadrPb/usr/script/popup.js +++ b/src/main/webapp/kccadrPb/usr/script/popup.js @@ -99,8 +99,8 @@ function popupboardCaptionToggle(){ if (bdWid > 640) { var subTit = $(".tb_tit_wrap p").text(); var itmText = ""; - $(".popup_tbType01").each(function(idx,tb){ - if($(tb).closest(".popup_wrap").find(".popup_tit").children('p').text()=="조정관련 민원서식 다운로드" || $(tb).closest(".popup_wrap").find(".popup_tit").children('p').text()=="종결 조정사건 목록" ){ + $(".popup_tbType01,.popup_list").each(function(idx,tb){ + if($(tb).closest(".popup_wrap").find(".popup_tit").children('p').text()=="조정관련 민원서식 다운로드" || $(tb).closest(".popup_wrap").find(".popup_tit").children('p').text()=="종결 조정사건 목록" || $(tb).closest(".popup_wrap").is(".list_popup")){ var title = $(tb).closest(".popup_wrap").find(".popup_tit").children('p').text(); var thLength = $(tb).find("thead>tr>th").length; $(tb).find("caption").remove(); @@ -115,7 +115,37 @@ function popupboardCaptionToggle(){ }); $(tb).prepend(""+title+" : "+itmText + "등의 정보제공"); - }else{ + }else if($(tb).closest('.popup_wrap').find(".popup_tit").children('p').text() == "수수료 납부 금액"){ + var title = $(tb).closest(".popup_wrap").find(".popup_tit").children('p').text(); + if($(tb).find("thead").length>0 && $(tb).find('tbody').children("th").length == "0"){ + var thLength = $(tb).find("thead>tr>th").length; + $(tb).find("caption").remove(); + $(tb).find("thead>tr>th").each(function(index,item){ + itmText += $(item).text(); + if (index === thLength - 1) { + //마지막 th일 경우 - ,가 들어가면 안됨. + itmText; + } else { + itmText += ", "; + } + }); + }else{ + var thLength = $(tb).find("tbody>tr>th").length; + itmText = ""; + $(tb).find("tbody>tr>th").each(function(index,item){ + itmText += $(item).text(); + if (index === thLength - 1) { + //마지막 th일 경우 - ,가 들어가면 안됨. + itmText; + } else { + itmText += ", "; + } + }); + } + + $(tb).prepend(""+title+" : "+itmText + "등의 정보제공"); + } + else{ var thLength = $(tb).find("tbody>tr>th").length; $(tb).find("tbody>tr>th").each(function(index,item){ itmText += $(item).text();