diff --git a/src/main/webapp/kccadrPb/usr/css/common.css b/src/main/webapp/kccadrPb/usr/css/common.css index 099d260c..6c4bcd75 100644 --- a/src/main/webapp/kccadrPb/usr/css/common.css +++ b/src/main/webapp/kccadrPb/usr/css/common.css @@ -106,6 +106,26 @@ footer address p:first-child{margin-bottom: 8px;} .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 */ +.quick_menu_wrap{position:fixed;top:50%;right:8%;transform:translateY(-50%);z-index:20;} +.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;} +.quick_menu_wrap .quick_ul{width:110px;border-radius:5px;box-shadow:0 0 5px rgba(0,0,0,0.2);padding:10px 10px 20px 10px;box-sizing:border-box;} +.quick_menu_wrap .quick_li{font-size:16px;font-weight:400;text-align:center;letter-spacing:-0.45px;margin:0 0 10px 0;transition:all 0.15s ease-in-out;} +.quick_menu_wrap .quick_li:last-child{margin:0 0 0 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 0;transition:all 0.15s ease-in-out;} +.quick_menu_wrap .quick_li .icon_quickmenu_glossary{background-image:url(/kccadrPb/usr/image/common/icon_quickmenu_glossary.png);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.png);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.png);} +.quick_menu_wrap .quick_li .icon_quickmenu_progress_case{background-image:url(/kccadrPb/usr/image/common/icon_quickmenu_progress_case.png);background-position:calc(50% + 8px) center;} +.quick_menu_wrap .quick_li .icon_quickmenu_fee{background-image:url(/kccadrPb/usr/image/common/icon_quickmenu_fee.png);background-position:calc(50% + 2px) center;} +.quick_menu_wrap .quick_li:hover{color:#ea5404;transition:all 0.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.png);} +.quick_menu_wrap .quick_li:hover .icon_quickmenu_adj_case{background-image:url(/kccadrPb/usr/image/common/icon_quickmenu_adj_case_hover.png);} +.quick_menu_wrap .quick_li:hover .icon_quickmenu_apl_form{background-image:url(/kccadrPb/usr/image/common/icon_quickmenu_apl_form_hover.png);} +.quick_menu_wrap .quick_li:hover .icon_quickmenu_progress_case{background-image:url(/kccadrPb/usr/image/common/icon_quickmenu_progress_case_hover.png);} +.quick_menu_wrap .quick_li:hover .icon_quickmenu_fee{background-image:url(/kccadrPb/usr/image/common/icon_quickmenu_fee_hover.png);} + + @media all and (max-width: 1280px){ /* header */ .header_inner .nav_wrap{padding: 0 15px;} diff --git a/src/main/webapp/kccadrPb/usr/css/popup.css b/src/main/webapp/kccadrPb/usr/css/popup.css index 3a7ed454..c42b62ad 100644 --- a/src/main/webapp/kccadrPb/usr/css/popup.css +++ b/src/main/webapp/kccadrPb/usr/css/popup.css @@ -9,15 +9,30 @@ .btn_down_pdf{display: inline-block; width: 20px; height: 20px; background-image: url(/kccadrPb/usr/image/btn_down_pdf.png); background-repeat: no-repeat; background-position: center;} .popup_cont{padding: 40px 30px; box-sizing: border-box; border: 1px solid #cccccc; border-top: 0; background-color: #fff; border-radius: 0 0 5px 5px;} - .popup_cont .page{margin-top: 30px;} .popup_search{width: 100%; margin-bottom: 15px;} -.popup_search select{width: 150px; height: 35px; border: 1px solid #d5d5d5; border-radius: 5px; padding-left: 14px; font-size: 16px; color: #222; - background-image: url(/kccadrPb/usr/image/icon_cont_select.png); background-repeat: no-repeat; background-position: calc(100% - 15px) center; margin-right: 3px; color: #555;} +.popup_search select{width: 150px; height: 35px; border: 1px solid #d5d5d5; border-radius: 5px; padding-left: 14px; font-size: 16px; color: #222;background-image: url(/kccadrPb/usr/image/icon_cont_select.png); background-repeat: no-repeat; background-position: calc(100% - 15px) center; margin-right: 3px; color: #555;} .popup_search input[type="text"]{height: 35px; border: 1px solid #d5d5d5; border-radius: 5px; font-size: 15px; padding-left: 10px; box-sizing: border-box;} .popup_search button{min-width: 60px; height: 35px; margin-left: 7px; font-size: 17px; vertical-align: middle;} +.popup_cont .popup_search.type02{display:flex;border:1px solid #dbdcdd;background-color:#f1f2f4;border-radius:5px;text-align:center;align-items:center;justify-content:center;padding:5px 10px;box-sizing:border-box;} +.popup_cont .popup_search.type02 .search_title{font-size:16px;font-weight:500;margin:0 10px 0 0;} +.popup_cont .popup_search.type02 input{height:30px;} +.popup_cont .popup_search.type02 input::placeholder{font-size:14px;} +.popup_cont .popup_search.type02 button{min-width:60px;height:30px;font-size:16px;font-weight:500;color:#fff;background-color:#ea5404;border-radius:5px;} + +.popup_cont .popup_tab_wrap{border:1px solid #d5d5d5;border-radius:5px;margin:0 0 15px 0;} +.popup_cont .popup_tab_wrap .tab_ul{display:flex;align-items:center;} +.popup_cont .popup_tab_wrap .tab_ul .tab_li{position:relative;height:45px;} +.popup_cont .popup_tab_wrap .tab_ul .tab_li::after{position:absolute;content:"";width:1px;height:70%;background-color:#d5d5d5;top:50%;transform:translateY(-50%);} +.popup_cont .popup_tab_wrap .tab_ul .tab_li .tab{width:100%;height:100%;font-size:15px;} +.popup_cont .popup_tab_wrap .tab_ul .tab_li.on .tab{background-color:#ea5404;color:#fff;} +.popup_cont .popup_tab_wrap .tab_ul .tab_li.on .tab::after{position:absolute;content:"";width:100%;height: 100%;border:1px solid #ea5404;left:-1px;top:-1px;z-index:1;border-radius: 5px;} + +.result_text{font-size: 15px;font-weight:400;} +.result_text span{color:#0352a9;} + .popup_tbType01{width: 100%; text-align: left; border-top: 1px solid #000; border-bottom: 1px solid #ccc; margin-bottom: 20px;} .popup_tbType01 tr{border-bottom: 1px solid #e5e5e5;} .popup_tbType01 th,.popup_tbType01 td{height: 40px; vertical-align: middle; font-size: 16px; text-align: left; padding: 12px 0; box-sizing: border-box;} @@ -95,6 +110,23 @@ .loading_info_popup .info_wrap p{display: block; text-align: left; margin-bottom: 10px; font-size: 17px;} .loading_info_popup .info_wrap p:last-child{margin-bottom: 0;} +/* 저작권 용어사전 */ +.glossary_popup{width:740px;} +.glossary_popup .tab_li{width: calc((100% - 60px)/10);} +.glossary_popup .popup_tab_content{display:flex;max-height:400px;justify-content:space-between;align-items:stretch;} +.glossary_popup .glossary_left_area{width:150px;} +.glossary_popup .glossary_left_area ul{max-height:372px;height:100%;border:2px solid #dbdcdd;margin:8px 0 0 0;padding:0 10px;border-radius:5px;box-sizing:border-box;overflow-y:auto;} +.glossary_popup .glossary_left_area ul button{position:relative;width:100%;height:40px;border-bottom:1px dashed #e5e5e5;text-align:left;font-size:15px;padding:0 0 0 10px;} +.glossary_popup .glossary_left_area ul li:last-child button{border-bottom: 0;} +.glossary_popup .glossary_left_area ul .on button{color:#0352a9;font-weight:600;} +.glossary_popup .glossary_left_area ul button::after{position:absolute;content:"";width:5px;height:5px;border-radius:100%;background-color:#0352a9;left:0;top:18px;} +.glossary_popup .glossary_right_area{width:calc(100% - 170px);height:100%;max-height:400px;margin:25px 0 0 0;} +.glossary_popup .glossary_right_area dl{height:365px;border-top:2px solid #000;border-bottom:1px solid #e5e5e5;} +.glossary_popup .glossary_right_area dl dt{display:flex;height:45px;padding:0 20px;background-color:#f3f3f3;font-size:18px;font-weight:500;align-items:center;line-height:1.4;} +.glossary_popup .glossary_right_area dl dt p{position:relative;} +.glossary_popup .glossary_right_area dl dt p::after{position:absolute;content:"";width: 100%;height:8px;background-color:#ea5404;opacity:0.15;left:0;bottom:0;} +.glossary_popup .glossary_right_area dl dd{max-height:calc(100% - 75px);padding:15px 20px;line-height: 1.5;font-size:16px;font-weight:300;overflow-y:auto;} + @media all and (max-width: 640px){ .popup_wrap{width: 90%; max-width: 90% !important; max-height: 90vh; left: 50% !important; top: 50% !important; transform: translate(-50%,-50%); overflow-y: scroll;} } diff --git a/src/main/webapp/kccadrPb/usr/guide2022.html b/src/main/webapp/kccadrPb/usr/guide2022.html index dfeff174..66f2c96d 100644 --- a/src/main/webapp/kccadrPb/usr/guide2022.html +++ b/src/main/webapp/kccadrPb/usr/guide2022.html @@ -41,6 +41,7 @@