diff --git a/src/main/webapp/WEB-INF/jsp/web/main/mainPage.jsp b/src/main/webapp/WEB-INF/jsp/web/main/mainPage.jsp index 8136f6a8..18ed7532 100644 --- a/src/main/webapp/WEB-INF/jsp/web/main/mainPage.jsp +++ b/src/main/webapp/WEB-INF/jsp/web/main/mainPage.jsp @@ -165,9 +165,10 @@ function fn_egov_inqire_notice(bbsId, nttId) {
diff --git a/src/main/webapp/kccadrPb/usr/css/common.css b/src/main/webapp/kccadrPb/usr/css/common.css index f3cdbd17..99548db3 100644 --- a/src/main/webapp/kccadrPb/usr/css/common.css +++ b/src/main/webapp/kccadrPb/usr/css/common.css @@ -5,7 +5,7 @@ /* header */ 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; box-sizing: border-box; border-bottom: 1px solid #d5d5d5; z-index: 21; background-color: #fff;} -header.on{height: 400px; background-color: #fff; box-shadow: 0 3px 10px rgba(0,0,0,0.1);} +header.on{height: 460px; background-color: #fff; box-shadow: 0 3px 10px rgba(0,0,0,0.1);z-index:30;} header::before{position: absolute; content: " "; display: block; top: 135px; left: 0; height: 1px; background-color: #ddd; opacity: 0; transition: opacity .2s ease-in-out;} header::after{position: absolute; content: " "; display: block; width: 100%; height: 1px; background-color: #d5d5d5; top: 135px; left: 0; opacity: 0; transition: opacity .2s ease-in-out;} header.on::after{top: 135px; opacity: 1;} @@ -25,8 +25,8 @@ header.on::before{opacity: 1;} .gnb_wrap .area_right>button:last-of-type:before{display: none;} .gnb_wrap .btn_util button{width: 30px; height: 30px; border: 1px solid #bebebe; vertical-align: middle; background-repeat: no-repeat; 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.png);} -.gnb_wrap .btn_util .btn_plus{border-radius: 0 5px 5px 0; background-image: url(/kccadrPb/usr/image/common/btn_plus.png);} +.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{padding: 0 20px; box-sizing: border-box;} .header_inner{max-width: 1200px; width: 100%; height: 95px; display: flex; align-items: center; justify-content: space-between; margin: 0 auto; position: relative;} @@ -52,20 +52,20 @@ header.on::before{opacity: 1;} .header_inner .depth02 a:hover,.header_inner .depth02 a:focus{color: #da3800;} .header_inner button{width: 24px; height: 24px; background-repeat: no-repeat; vertical-align: middle; display: inline-block;} -.header_inner .btn_search{background-image: url(/kccadrPb/usr/image/common/btn_search.png); margin-right: 25px; margin-top: -2px;} -.header_inner .btn_menu{background-image: url(/kccadrPb/usr/image/common/btn_menu.png);} +.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: 0 8px; vertical-align: middle; margin-top: -2px;} -.header_inner .btn_login{background-image: url(/kccadrPb/usr/image/common/btn_login.png);} -.header_inner .btn_logout{background-image: url(/kccadrPb/usr/image/common/btn_logout.png);} -.header_inner .btn_join{width: 35px; background-image: url(/kccadrPb/usr/image/common/btn_join.png);} -.header_inner .btn_usredit{width: 35px; background-image: url(/kccadrPb/usr/image/common/btn_usredit.png);} +.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);} /* //header */ /* full_menu */ .full_menu{visibility: hidden; width: 100%; position: fixed; background-color: #fff; min-height: 500px; padding: 50px; box-sizing: border-box; top: -500px; transition: top 0.5s ease, box-shadow 0.3s ease; z-index: 21;} .full_menu.on{visibility: visible; top: 0; box-shadow: 0 5px 8px rgba(0,0,0,0.15);} .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.png); width: 20px; height: 20px; background-repeat: no-repeat; position: absolute; right: 0; top: 15px;} +.full_menu .btn_close{background-image: url(/kccadrPb/usr/image/common/btn_close.webp); width: 20px; height: 20px; background-repeat: no-repeat; position: absolute; right: 0; top: 15px;} .full_menu .depth01{display: flex; width: 90%; justify-content: space-between; text-align: center; margin: 50px auto 0 auto;} .full_menu .depth01 .menu_link{font-size: 22px; font-weight: 500; color: #d43403; position: relative; padding-bottom: 25px; letter-spacing: -1px;}/* #ea5404 */ .full_menu .depth01 .menu_link::before{position: absolute; content: " "; width: 80px; height: 3px; background-color: #d43403; left: 50%; bottom: 0; transform: translateX(-50%);}/* #ea5404 */ @@ -88,7 +88,7 @@ footer .site a{padding: 6px 27px; position: relative; font-weight: 300; transiti footer .site a::before{position: absolute; content: " "; width: 1px; height: 14px; background-color: rgba(255,255,255,0.6); top: 50%; right: 0; transform: translateY(-50%);} footer .site li:last-child a::before{display: none;} 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.png); background-position: calc(100% - 15px) center; background-repeat: no-repeat; padding: 0 15px; font-size: 15px; color: #b2b2b2; border: 0; border-radius: 5px;} +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; background-repeat: no-repeat; padding: 0 15px; font-size: 15px; color: #b2b2b2; border: 0; border-radius: 5px;} footer .btn_go{width: 40px; height: 40px; background-color: rgba(0,0,0,0.5); vertical-align: middle; border-radius: 5px; color: #fff; transition: all 0.1s linear;} footer .btn_go:hover{box-shadow: 0 0 5px rgba(0,0,0,0.5); transition: all 0.1s linear;} footer .logo,footer address{display: inline-block; vertical-align: middle;} @@ -100,7 +100,7 @@ footer address p:first-child{margin-bottom: 8px;} .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 auto; padding: 15px 50px 15px 0; justify-content: center;} -.error_wrap i{display: block; width: 266px; height: 200px; background-image: url(/kccadrPb/usr/image/warming.jpg); border-right: 1px solid #d5d5d5; } +.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;} @@ -113,17 +113,17 @@ footer address p:first-child{margin-bottom: 8px;} .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 .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: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);} +.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%;} @@ -149,7 +149,7 @@ footer address p:first-child{margin-bottom: 8px;} #m_menu{position: fixed; width: 100%; height: 100%; background-color: #fff; padding: 50px 10px; box-sizing: border-box; top: 0; right: -100%; transition: all 0.5s ease; z-index: 26;} #m_menu.on{visibility: visible; right: 0; transition: all 0.5s ease;} #m_menu .area_top{text-align: right;} - #m_menu .btn_close{background-image: url(/kccadrPb/usr/image/common/btn_close.png); background-repeat: no-repeat; width: 20px; height: 20px; position: absolute; top: 50px; right: 15px;} + #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 0.3s linear; display: block; position: relative;} #m_menu .depth01_li::before{position: absolute; content: " "; width: 100%; height: 1px; background-color: #e5e5e5; opacity: 0;} diff --git a/src/main/webapp/kccadrPb/usr/css/main.css b/src/main/webapp/kccadrPb/usr/css/main.css index a88a3c18..4c2d04df 100644 --- a/src/main/webapp/kccadrPb/usr/css/main.css +++ b/src/main/webapp/kccadrPb/usr/css/main.css @@ -4,15 +4,7 @@ main{width: 100%; height: 100%; margin-top: 135px; padding-bottom: 90px; backgro .main_visual{width: 100%; height: 380px; position: relative;} .main_visual .visual_list{width: 100%; height: 380px;} .main_visual .visual_img{height: 100%; height: 100%; background-repeat: no-repeat; background-position: center;} -.main_visual .visual_img.img01{background-image: url(/kccadrPb/usr/image/main/visual01.jpg);} -.main_visual .visual_img.img02{background-image: url(/kccadrPb/usr/image/main/visual02.jpg);} -.main_visual .visual_img.img03{background-image: url(/kccadrPb/usr/image/main/visual03.jpg);} - -.visual_util{max-width: 1400px; width: 100%; position: absolute; top: calc(50% - 40px); left: 50%; transform: translate(-50%,-50%); z-index: 10; padding: 0 20px; box-sizing: border-box; z-index: 22;} -.visual_util button{width: 22px; height: 40px; position: absolute; top: 0;} -.visual_prev{background-image: url(/kccadrPb/usr/image/main/visual_prev.png); left: 20px;} -.visual_next{background-image: url(/kccadrPb/usr/image/main/visual_next.png); right: 20px;} - +.main_visual .visual_img.img01{background-image: url(/kccadrPb/usr/image/main/visual01.webp);} .main_visual .inner{position: absolute; top: 29%; left: 50%; transform: translateX(-50%); z-index: 11; max-width: 1200px; width: calc(100% - 80px); padding: 0 20px; box-sizing: border-box; text-align: center;} .main_visual .inner .text_area{text-align: center;} .main_visual .inner .text_area p{font-size: 24px; font-weight: normal; color: #222; margin-bottom: 13px;} @@ -37,16 +29,16 @@ main{width: 100%; height: 100%; margin-top: 135px; padding-bottom: 90px; backgro .baro_cont ul li a{width: 100%; height: 100%; padding: 36px 0 0 0; box-sizing: border-box;} .baro_cont ul li.on a{position: relative; z-index: 31;} .baro_cont ul li i{position: relative; width: 60px; height: 60px; display: block; background-repeat: no-repeat; background-position: center; background-size: contain; margin: 0 auto 18px auto; position: relative; transition: background-image 0.3s ease-in-out;} -.baro_cont ul li i.baro_conciliate_apc{background-image: url(/kccadrPb/usr/image/main/icon_baro01.png);} -.baro_cont ul li.on i.baro_conciliate_apc{background-image: url(/kccadrPb/usr/image/main/icon_baro01_hover.png);} -.baro_cont ul li i.baro_document_submit{background-image: url(/kccadrPb/usr/image/main/icon_baro02.png);} -.baro_cont ul li.on i.baro_document_submit{background-image: url(/kccadrPb/usr/image/main/icon_baro02_hover.png);} -.baro_cont ul li i.baro_progress{background-image: url(/kccadrPb/usr/image/main/icon_baro03.png);} -.baro_cont ul li.on i.baro_progress{background-image: url(/kccadrPb/usr/image/main/icon_baro03_hover.png);} -.baro_cont ul li i.baro_issuance_records{background-image: url(/kccadrPb/usr/image/main/icon_baro04.png);} -.baro_cont ul li.on i.baro_issuance_records{background-image: url(/kccadrPb/usr/image/main/icon_baro04_hover.png);} -.baro_cont ul li i.baro_inquiry_board{background-image: url(/kccadrPb/usr/image/main/icon_baro05.png);} -.baro_cont ul li.on i.baro_inquiry_board{background-image: url(/kccadrPb/usr/image/main/icon_baro05_hover.png);} +.baro_cont ul li i.baro_conciliate_apc{background-image: url(/kccadrPb/usr/image/main/icon_baro01.webp);} +.baro_cont ul li.on i.baro_conciliate_apc{background-image: url(/kccadrPb/usr/image/main/icon_baro01_hover.webp);} +.baro_cont ul li i.baro_document_submit{background-image: url(/kccadrPb/usr/image/main/icon_baro02.webp);} +.baro_cont ul li.on i.baro_document_submit{background-image: url(/kccadrPb/usr/image/main/icon_baro02_hover.webp);} +.baro_cont ul li i.baro_progress{background-image: url(/kccadrPb/usr/image/main/icon_baro03.webp);} +.baro_cont ul li.on i.baro_progress{background-image: url(/kccadrPb/usr/image/main/icon_baro03_hover.webp);} +.baro_cont ul li i.baro_issuance_records{background-image: url(/kccadrPb/usr/image/main/icon_baro04.webp);} +.baro_cont ul li.on i.baro_issuance_records{background-image: url(/kccadrPb/usr/image/main/icon_baro04_hover.webp);} +.baro_cont ul li i.baro_inquiry_board{background-image: url(/kccadrPb/usr/image/main/icon_baro05.webp);} +.baro_cont ul li.on i.baro_inquiry_board{background-image: url(/kccadrPb/usr/image/main/icon_baro05_hover.webp);} .mask{position: fixed; display: none; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0,0,0,0.5); z-index: 25;} .tooltip_box{position: absolute; display: none; background-color: transparent; top: -100px; left: calc(70% - 50px); width: 450%; height: calc(100% - 30px); z-index: 31; word-break: keep-all;} @@ -83,8 +75,8 @@ main{width: 100%; height: 100%; margin-top: 135px; padding-bottom: 90px; backgro .area_info .bnn_cont a:nth-child(1){background-color: #f7a026; border-radius: 10px 0 0 10px; color: #222} .area_info .bnn_cont a:nth-child(2){background-color: #843ad0; border-radius: 0 10px 10px 0;} .area_info .bnn_cont a i{width: 60px; height: 60px; background-color: rgba(0,0,0,0.15); display: inline-block; border-radius: 100%; background-repeat: no-repeat;background-size: 60%;} -.area_info .bnn_cont a:nth-child(1) i{background-image: url(/kccadrPb/usr/image/main/icon_info01.png); background-position: 52% 60%;} -.area_info .bnn_cont a:nth-child(2) i{background-image: url(/kccadrPb/usr/image/main/icon_info02.png); background-position: 45% 50%;} +.area_info .bnn_cont a:nth-child(1) i{background-image: url(/kccadrPb/usr/image/main/icon_info01.webp); background-position: 52% 60%;} +.area_info .bnn_cont a:nth-child(2) i{background-image: url(/kccadrPb/usr/image/main/icon_info02.webp); background-position: 45% 50%;} .area_info .bnn_cont a span,.area_info .cont a p{display: block; width: 100%; word-break: keep-all;} .area_info .bnn_cont span{font-size: 21px; font-weight: 500; padding: 18px 0 12px 0;} .area_info .bnn_cont p{font-size: 15px; font-weight: 300; line-height: 1.3; letter-spacing: -0.45px;} @@ -92,7 +84,7 @@ main{width: 100%; height: 100%; margin-top: 135px; padding-bottom: 90px; backgro .area_info .area_btm{border: 1px solid #c5c5c5; border-radius: 10px; background-color: #fff; display: flex; align-items: center; justify-content: center; padding: 7px 0 10px 0; box-sizing: border-box;} .area_info .area_btm .tit{display: inline-flex; align-items: center; position: relative; margin-right: 18px; padding-right: 18px; font-size: 18px; font-weight: 500;} .area_info .area_btm .tit::after{position: absolute; content: " "; width: 1px; height: 38px; background-color: #c5c5c5; right: 0;} -.area_info .area_btm .tit i{width: 40px; height: 40px; background-color: #f1f1f1; display: inline-block; border-radius: 100%; background-image: url(/kccadrPb/usr/image/main/icon_info03.png); background-repeat: no-repeat; background-position: center; margin-right: 8px;} +.area_info .area_btm .tit i{width: 40px; height: 40px; background-color: #f1f1f1; display: inline-block; border-radius: 100%; background-image: url(/kccadrPb/usr/image/main/icon_info03.webp); background-repeat: no-repeat; background-position: center; margin-right: 8px;} .area_info .area_btm .info{font-size: 15px; font-weight: 300; color: #666666;} .area_info .area_btm span{display: block; font-size: 18px; font-weight: 600; color: #222; margin-bottom: 3px; letter-spacing: -0.5px} @@ -100,51 +92,20 @@ main{width: 100%; height: 100%; margin-top: 135px; padding-bottom: 90px; backgro .area_info .area_btm dt{position: relative; display: flex; align-items: center; width: 40%; font-size: 16px; font-weight: 500; margin: 0 0 5px 0;} .area_info .area_btm dt:nth-child(5){margin: 0 0 0 0;} .area_info .area_btm dt .info_icon{width: 20px; height: 25px; display: inline-block; background-repeat: no-repeat; background-position: center; margin-right: 5px; margin-top: 1px;} -.area_info .area_btm dt .info_icon04{background-image: url(/kccadrPb/usr/image/main/icon_info04.png);} -.area_info .area_btm dt .info_icon05{background-image: url(/kccadrPb/usr/image/main/icon_info05.png);} -.area_info .area_btm dt .info_icon06{background-image: url(/kccadrPb/usr/image/main/icon_info06.png);} +.area_info .area_btm dt .info_icon04{background-image: url(/kccadrPb/usr/image/main/icon_info04.webp);} +.area_info .area_btm dt .info_icon05{background-image: url(/kccadrPb/usr/image/main/icon_info05.webp);} +.area_info .area_btm dt .info_icon06{background-image: url(/kccadrPb/usr/image/main/icon_info06.webp);} .area_info .area_btm dt::after{position: absolute; content: ""; width: 1px; height: 15px; background-color: #d5d5d5; right: 0; top: 7px;} .area_info .area_btm dd{width: 47%; margin: 0 0 5px 10px; font-size: 16px; font-weight: 400;} .area_info .area_btm dd:last-child{margin: 0 0 0 10px;} /* //조정신청안내 */ -/* 조정일정 */ -.area_calendar .cont_util{display: inline-flex; float: right; margin-top: 5px;} -.area_calendar .cont_util .crt_month{font-size: 20px; font-weight: 600;} -.area_calendar .cont_util button{width: 12px; height: 21px;} -.area_calendar .cont_util .btn_prev{background-image: url(/kccadrPb/usr/image/main/btn_cal_prev.png); margin-right: 20px;} -.area_calendar .cont_util .btn_next{background-image: url(/kccadrPb/usr/image/main/btn_cal_next.png); margin-left: 20px;} -.calendar_cont{width: 100%; height: calc(100% - 48px); background-color: #fff; border-radius: 10px; border: 1px solid #c5c5c5;} -.calendar{padding: 20px; box-sizing: border-box; width: 100%; height: calc(100% - 52px)} -.day_area{display: flex; text-align: center; background-color: #ebebeb; font-size: 15px; font-weight: 400; color: #666; border-radius: 5px; padding: 10px 0;} -.day_area li{width: calc(100% / 7);} -.day_area li:first-child{color: #e40000;} -.day_area li:last-child{color: #002ca9;} -.day_number{height: 100%; margin-top: 5px;} -.day_number .row{display: flex; text-align: center; height: calc(100% / 6);} -.day_number .date{width: calc(100% / 7); display: flex; align-items: center; justify-content: center; color: #666666; font-size: 15px; font-weight: 300; cursor: pointer; position: relative; z-index: 1;} -.day_number .date:first-child{color: #e40000;} -.day_number .date:last-child{color: #002ca9;} -.day_number .date.on::before{position: absolute; content: " "; display: block; width: 4px; height: 4px; border-radius: 100%; background-color: #ea5404; top: 4px; left: 50%; transform: translateX(-50%);} -.day_number .date.today{font-weight: 600; color: #ea5404; } -.day_number .date.today::before{position: absolute; content: " "; width: 40px; height: 33px; background-color: #fdeee5; z-index: -1; border-radius: 5px; left: 50%; top: 50%; transform: translate(-50%,-50%);} -.sch_area{border-top: 1px solid #c5c5c5; height: 52px; overflow: hidden; position: relative;} -.sch_area .sch{padding-left: 25px; width: calc(100% - 25px); height: 100%;} -.sch_area .sch span{display: inline-block; font-size: 15px; font-weight: 500; color: #ea5404; border: 1px solid #ea5404; padding: 5px 10px; border-radius: 15px; margin-right: 10px; margin-top: 12px;} -.sch_area .sch p{display: inline-block; font-size: 16px; font-weight: 400; width: calc(100% - 85px); text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} -.sch_area .btn_wrap{width: 22px; height: 100%; position: absolute; right: 20px; top: 0; z-index: 1;} -.sch_area .btn_wrap button{width: 22px; height: 22px; background-repeat: no-repeat; background-position: center; box-sizing: content-box;} -.sch_area .btn_wrap .btn_prev{background-image: url(/kccadrPb/usr/image/main/btn_sch_prev.png); position: relative;} -.sch_area .btn_wrap .btn_prev::after{position: absolute; content: " "; width: 15px; height: 1px; background-color: #d5d5d5; left: 50%; transform: translateX(-50%); bottom: 0;} -.sch_area .btn_wrap .btn_next{background-image: url(/kccadrPb/usr/image/main/btn_sch_next.png);} -/* //조정일정 */ - /* 조정사례 */ .area_list .area_top{width: 100%;} .area_list .cont_util{float: right; margin-top: -5px;} .area_list .btn_plus{border: 1px solid #d5d5d5; width: 40px; height: 40px; background-color: #fff; border-radius: 5px; transition: background-color 0.2s ease-in-out;} .area_list .btn_plus:hover{background-color: #f5f5f5; transition: background-color 0.2s ease-in-out;} -.area_list .btn_plus i{display: block; width: 100%; height: 100%; background-image: url(/kccadrPb/usr/image/main/btn_plus.png); background-position: 55% center; background-repeat: no-repeat;} +.area_list .btn_plus i{display: block; width: 100%; height: 100%; background-image: url(/kccadrPb/usr/image/main/btn_plus.webp); background-position: 55% center; background-repeat: no-repeat;} .list_cont{width: 100%; height: calc(100% - 48px); background-color: #fff; border-radius: 10px; border: 1px solid #c5c5c5; padding: 30px 20px; box-sizing: border-box;} .list_cont .list li{border-bottom: 1px solid #e5e5e5; padding: 12px 0;} .list_cont .list li:first-child{padding: 0;} @@ -166,21 +127,17 @@ main{width: 100%; height: 100%; margin-top: 135px; padding-bottom: 90px; backgro .area_pz .cont_util button:hover{background-color: #f5f5f5; transition: background-color 0.1s linear;} .area_pz .cont_util button:first-child{border-radius: 5px 0 0 5px;} .area_pz .cont_util button:last-child{border-radius: 0 5px 5px 0;} -.area_pz .btn_prev{background-image: url(/kccadrPb/usr/image/main/btn_pz_prev.png);} -.area_pz .btn_next{background-image: url(/kccadrPb/usr/image/main/btn_pz_next.png);} +.area_pz .btn_prev{background-image: url(/kccadrPb/usr/image/main/btn_pz_prev.webp);} +.area_pz .btn_next{background-image: url(/kccadrPb/usr/image/main/btn_pz_next.webp);} .area_pz button.btn_ctl{background-color: #b0b0b0; border: 1px solid #b0b0b0; transition: background-color 0.1s linear;} .area_pz button.btn_ctl:hover{background-color: #999; transition: background-color 0.1s linear;} -.area_pz .btn_ctl.btn_pause{background-image: url(/kccadrPb/usr/image/main/btn_pause.png);} -.area_pz .btn_ctl.btn_play{background-image: url(/kccadrPb/usr/image/main/btn_play.png);} +.area_pz .btn_ctl.btn_pause{background-image: url(/kccadrPb/usr/image/main/btn_pause.webp);} +.area_pz .btn_ctl.btn_play{background-image: url(/kccadrPb/usr/image/main/btn_play.webp);} .area_pz .cont{height: calc(100% - 48px); max-height: 307px; position: relative;} .area_pz .pz_wrap{width: 100%; height: 100%; background-color: #fff; border-radius: 10px; overflow: hidden} .area_pz .cont .swiper-slide div{width:100%; height: 100%; display: flex; align-items: center; justify-content: center} .area_pz .cont .swiper-slide a:focus{width: calc(100% - 6px); height: calc(100% - 6px); margin: 3px 0 0 3px;} .area_pz .cont .swiper-slide img{max-width: 100%; width: 100%; max-height: 100%; height: 100%} -/* .area_pz .pz_img{background-repeat: no-repeat; background-size: 100% auto; background-position: center;} -.area_pz .pz_img.img01{background-image: url(/kccadrPb/usr/image/main/pz_img01.png);background-color: #50cca5;} -.area_pz .pz_img.img02{background-image: url(/kccadrPb/usr/image/main/pz_img02.png);background-color: #7c50cc;} -.area_pz .pz_img.img03{background-image: url(/kccadrPb/usr/image/main/pz_img03.png);background-color: #506acc;} */ /* //팝업존 */ @media all and (max-width: 1500px){ @@ -254,9 +211,7 @@ main{width: 100%; height: 100%; margin-top: 135px; padding-bottom: 90px; backgro main{padding-bottom: 00px;} /* 메인 비주얼 */ - .main_visual .visual_img.img01{background-image: url(/kccadrPb/usr/image/main/visual01_876.jpg);} - .main_visual .visual_img.img02{background-image: url(/kccadrPb/usr/image/main/visual02_876.jpg);} - .main_visual .visual_img.img03{background-image: url(/kccadrPb/usr/image/main/visual03_876.jpg);} + .main_visual .visual_img.img01{background-image: url(/kccadrPb/usr/image/main/visual01_876.webp);} .main_visual .search_area input{width: 320px;} .main_visual .inner .text_area p{font-size: 20px;} .main_visual .inner .text_area span{font-size: 36px;} @@ -286,16 +241,11 @@ main{width: 100%; height: 100%; margin-top: 135px; padding-bottom: 90px; backgro .btm_cont .area_calendar,.btm_cont .area_pz, .btm_cont .area_list{display: inline-block; width: calc((100% - 30px)/2); vertical-align: top;} /* 조정일정 */ - /* .calendar_cont{height: 300px;} */ .btm_cont .area_calendar, .btm_cont .area_list{margin-right: 24px;} /* //조정일정 */ /* 팝업존 */ .area_pz .cont{height: 305px;} - /* .area_pz .pz_wrap,.area_pz .pz_wrap .swiper-wrapper{max-height: 305px;} */ - /* .area_pz .pz_wrap,.area_pz .pz_wrap .swiper-wrapper{max-height: 305px;} - .area_pz .pz_wrap .swiper-wrapper li{max-height: 305px; height: 100%; display: block;} - .area_pz .pz_img img{height: 100%;} */ /* //팝업존 */ } @@ -326,13 +276,6 @@ main{width: 100%; height: 100%; margin-top: 135px; padding-bottom: 90px; backgro .btm_cont .area_calendar,.btm_cont .area_pz, .btm_cont .area_list{display: block; width: 100%;} .btm_cont .area_pz{margin-bottom: 40px;} - /* 팝업존 */ - /* .area_pz .pz_img{background-size: contain;} - .area_pz .pz_img.img01{background-color: #50cca5;} - .area_pz .pz_img.img02{background-color: #7c50cc;} - .area_pz .pz_img.img03{background-color: #506acc;} */ - /* //팝업존 */ - .mask{background-color: transparent; z-index: -1;} .tooltip_box{display: none !important;} diff --git a/src/main/webapp/kccadrPb/usr/image/common/btn_close.webp b/src/main/webapp/kccadrPb/usr/image/common/btn_close.webp new file mode 100644 index 00000000..1762b7eb Binary files /dev/null and b/src/main/webapp/kccadrPb/usr/image/common/btn_close.webp differ diff --git a/src/main/webapp/kccadrPb/usr/image/common/btn_join.webp b/src/main/webapp/kccadrPb/usr/image/common/btn_join.webp new file mode 100644 index 00000000..ffd08289 Binary files /dev/null and b/src/main/webapp/kccadrPb/usr/image/common/btn_join.webp differ diff --git a/src/main/webapp/kccadrPb/usr/image/common/btn_login.webp b/src/main/webapp/kccadrPb/usr/image/common/btn_login.webp new file mode 100644 index 00000000..e01768c6 Binary files /dev/null and b/src/main/webapp/kccadrPb/usr/image/common/btn_login.webp differ diff --git a/src/main/webapp/kccadrPb/usr/image/common/btn_logout.webp b/src/main/webapp/kccadrPb/usr/image/common/btn_logout.webp new file mode 100644 index 00000000..1a26691e Binary files /dev/null and b/src/main/webapp/kccadrPb/usr/image/common/btn_logout.webp differ diff --git a/src/main/webapp/kccadrPb/usr/image/common/btn_menu.webp b/src/main/webapp/kccadrPb/usr/image/common/btn_menu.webp new file mode 100644 index 00000000..7613a1e9 Binary files /dev/null and b/src/main/webapp/kccadrPb/usr/image/common/btn_menu.webp differ diff --git a/src/main/webapp/kccadrPb/usr/image/common/btn_minus.webp b/src/main/webapp/kccadrPb/usr/image/common/btn_minus.webp new file mode 100644 index 00000000..7ff9d8fa Binary files /dev/null and b/src/main/webapp/kccadrPb/usr/image/common/btn_minus.webp differ diff --git a/src/main/webapp/kccadrPb/usr/image/common/btn_plus.webp b/src/main/webapp/kccadrPb/usr/image/common/btn_plus.webp new file mode 100644 index 00000000..7fff60ae Binary files /dev/null and b/src/main/webapp/kccadrPb/usr/image/common/btn_plus.webp differ diff --git a/src/main/webapp/kccadrPb/usr/image/common/btn_search.webp b/src/main/webapp/kccadrPb/usr/image/common/btn_search.webp new file mode 100644 index 00000000..f9fc4525 Binary files /dev/null and b/src/main/webapp/kccadrPb/usr/image/common/btn_search.webp differ diff --git a/src/main/webapp/kccadrPb/usr/image/common/btn_usredit.webp b/src/main/webapp/kccadrPb/usr/image/common/btn_usredit.webp new file mode 100644 index 00000000..b76b4c3b Binary files /dev/null and b/src/main/webapp/kccadrPb/usr/image/common/btn_usredit.webp differ diff --git a/src/main/webapp/kccadrPb/usr/image/common/footer_logo.webp b/src/main/webapp/kccadrPb/usr/image/common/footer_logo.webp new file mode 100644 index 00000000..d8d6c459 Binary files /dev/null and b/src/main/webapp/kccadrPb/usr/image/common/footer_logo.webp differ diff --git a/src/main/webapp/kccadrPb/usr/image/common/gnb_logo.webp b/src/main/webapp/kccadrPb/usr/image/common/gnb_logo.webp new file mode 100644 index 00000000..aef268ba Binary files /dev/null and b/src/main/webapp/kccadrPb/usr/image/common/gnb_logo.webp differ diff --git a/src/main/webapp/kccadrPb/usr/image/common/icon_footer_select.webp b/src/main/webapp/kccadrPb/usr/image/common/icon_footer_select.webp new file mode 100644 index 00000000..fdc253d4 Binary files /dev/null and b/src/main/webapp/kccadrPb/usr/image/common/icon_footer_select.webp differ diff --git a/src/main/webapp/kccadrPb/usr/image/common/icon_quickmenu_adj_case.webp b/src/main/webapp/kccadrPb/usr/image/common/icon_quickmenu_adj_case.webp new file mode 100644 index 00000000..33945aab Binary files /dev/null and b/src/main/webapp/kccadrPb/usr/image/common/icon_quickmenu_adj_case.webp differ diff --git a/src/main/webapp/kccadrPb/usr/image/common/icon_quickmenu_adj_case_hover.webp b/src/main/webapp/kccadrPb/usr/image/common/icon_quickmenu_adj_case_hover.webp new file mode 100644 index 00000000..8638cf2b Binary files /dev/null and b/src/main/webapp/kccadrPb/usr/image/common/icon_quickmenu_adj_case_hover.webp differ diff --git a/src/main/webapp/kccadrPb/usr/image/common/icon_quickmenu_apl_form.webp b/src/main/webapp/kccadrPb/usr/image/common/icon_quickmenu_apl_form.webp new file mode 100644 index 00000000..6f4c42db Binary files /dev/null and b/src/main/webapp/kccadrPb/usr/image/common/icon_quickmenu_apl_form.webp differ diff --git a/src/main/webapp/kccadrPb/usr/image/common/icon_quickmenu_apl_form_hover.webp b/src/main/webapp/kccadrPb/usr/image/common/icon_quickmenu_apl_form_hover.webp new file mode 100644 index 00000000..339734e1 Binary files /dev/null and b/src/main/webapp/kccadrPb/usr/image/common/icon_quickmenu_apl_form_hover.webp differ diff --git a/src/main/webapp/kccadrPb/usr/image/common/icon_quickmenu_fee.webp b/src/main/webapp/kccadrPb/usr/image/common/icon_quickmenu_fee.webp new file mode 100644 index 00000000..68b7bd0e Binary files /dev/null and b/src/main/webapp/kccadrPb/usr/image/common/icon_quickmenu_fee.webp differ diff --git a/src/main/webapp/kccadrPb/usr/image/common/icon_quickmenu_fee_hover.webp b/src/main/webapp/kccadrPb/usr/image/common/icon_quickmenu_fee_hover.webp new file mode 100644 index 00000000..0fda76a9 Binary files /dev/null and b/src/main/webapp/kccadrPb/usr/image/common/icon_quickmenu_fee_hover.webp differ diff --git a/src/main/webapp/kccadrPb/usr/image/common/icon_quickmenu_glossary.webp b/src/main/webapp/kccadrPb/usr/image/common/icon_quickmenu_glossary.webp new file mode 100644 index 00000000..befd8550 Binary files /dev/null and b/src/main/webapp/kccadrPb/usr/image/common/icon_quickmenu_glossary.webp differ diff --git a/src/main/webapp/kccadrPb/usr/image/common/icon_quickmenu_glossary_hover.webp b/src/main/webapp/kccadrPb/usr/image/common/icon_quickmenu_glossary_hover.webp new file mode 100644 index 00000000..557e0c53 Binary files /dev/null and b/src/main/webapp/kccadrPb/usr/image/common/icon_quickmenu_glossary_hover.webp differ diff --git a/src/main/webapp/kccadrPb/usr/image/common/icon_quickmenu_progress_case.webp b/src/main/webapp/kccadrPb/usr/image/common/icon_quickmenu_progress_case.webp new file mode 100644 index 00000000..84b4eaf0 Binary files /dev/null and b/src/main/webapp/kccadrPb/usr/image/common/icon_quickmenu_progress_case.webp differ diff --git a/src/main/webapp/kccadrPb/usr/image/common/icon_quickmenu_progress_case_hover.webp b/src/main/webapp/kccadrPb/usr/image/common/icon_quickmenu_progress_case_hover.webp new file mode 100644 index 00000000..730fb1a9 Binary files /dev/null and b/src/main/webapp/kccadrPb/usr/image/common/icon_quickmenu_progress_case_hover.webp differ diff --git a/src/main/webapp/kccadrPb/usr/image/common/linkIcon.webp b/src/main/webapp/kccadrPb/usr/image/common/linkIcon.webp new file mode 100644 index 00000000..4472559b Binary files /dev/null and b/src/main/webapp/kccadrPb/usr/image/common/linkIcon.webp differ diff --git a/src/main/webapp/kccadrPb/usr/image/common/top_logo.webp b/src/main/webapp/kccadrPb/usr/image/common/top_logo.webp new file mode 100644 index 00000000..997d063a Binary files /dev/null and b/src/main/webapp/kccadrPb/usr/image/common/top_logo.webp differ diff --git a/src/main/webapp/kccadrPb/usr/image/main/btn_pause.webp b/src/main/webapp/kccadrPb/usr/image/main/btn_pause.webp new file mode 100644 index 00000000..b7983c24 Binary files /dev/null and b/src/main/webapp/kccadrPb/usr/image/main/btn_pause.webp differ diff --git a/src/main/webapp/kccadrPb/usr/image/main/btn_play.webp b/src/main/webapp/kccadrPb/usr/image/main/btn_play.webp new file mode 100644 index 00000000..9a903f46 Binary files /dev/null and b/src/main/webapp/kccadrPb/usr/image/main/btn_play.webp differ diff --git a/src/main/webapp/kccadrPb/usr/image/main/btn_plus.webp b/src/main/webapp/kccadrPb/usr/image/main/btn_plus.webp new file mode 100644 index 00000000..d5a08380 Binary files /dev/null and b/src/main/webapp/kccadrPb/usr/image/main/btn_plus.webp differ diff --git a/src/main/webapp/kccadrPb/usr/image/main/btn_pz_next.webp b/src/main/webapp/kccadrPb/usr/image/main/btn_pz_next.webp new file mode 100644 index 00000000..265bf7d9 Binary files /dev/null and b/src/main/webapp/kccadrPb/usr/image/main/btn_pz_next.webp differ diff --git a/src/main/webapp/kccadrPb/usr/image/main/btn_pz_prev.webp b/src/main/webapp/kccadrPb/usr/image/main/btn_pz_prev.webp new file mode 100644 index 00000000..f7c64192 Binary files /dev/null and b/src/main/webapp/kccadrPb/usr/image/main/btn_pz_prev.webp differ diff --git a/src/main/webapp/kccadrPb/usr/image/main/icon_baro01.webp b/src/main/webapp/kccadrPb/usr/image/main/icon_baro01.webp new file mode 100644 index 00000000..8a1702e2 Binary files /dev/null and b/src/main/webapp/kccadrPb/usr/image/main/icon_baro01.webp differ diff --git a/src/main/webapp/kccadrPb/usr/image/main/icon_baro01_hover.webp b/src/main/webapp/kccadrPb/usr/image/main/icon_baro01_hover.webp new file mode 100644 index 00000000..bd35d567 Binary files /dev/null and b/src/main/webapp/kccadrPb/usr/image/main/icon_baro01_hover.webp differ diff --git a/src/main/webapp/kccadrPb/usr/image/main/icon_baro02.webp b/src/main/webapp/kccadrPb/usr/image/main/icon_baro02.webp new file mode 100644 index 00000000..af55209b Binary files /dev/null and b/src/main/webapp/kccadrPb/usr/image/main/icon_baro02.webp differ diff --git a/src/main/webapp/kccadrPb/usr/image/main/icon_baro02_hover.webp b/src/main/webapp/kccadrPb/usr/image/main/icon_baro02_hover.webp new file mode 100644 index 00000000..f975cee1 Binary files /dev/null and b/src/main/webapp/kccadrPb/usr/image/main/icon_baro02_hover.webp differ diff --git a/src/main/webapp/kccadrPb/usr/image/main/icon_baro03.webp b/src/main/webapp/kccadrPb/usr/image/main/icon_baro03.webp new file mode 100644 index 00000000..c45bb63e Binary files /dev/null and b/src/main/webapp/kccadrPb/usr/image/main/icon_baro03.webp differ diff --git a/src/main/webapp/kccadrPb/usr/image/main/icon_baro03_hover.webp b/src/main/webapp/kccadrPb/usr/image/main/icon_baro03_hover.webp new file mode 100644 index 00000000..207755c0 Binary files /dev/null and b/src/main/webapp/kccadrPb/usr/image/main/icon_baro03_hover.webp differ diff --git a/src/main/webapp/kccadrPb/usr/image/main/icon_baro04.webp b/src/main/webapp/kccadrPb/usr/image/main/icon_baro04.webp new file mode 100644 index 00000000..0acad48f Binary files /dev/null and b/src/main/webapp/kccadrPb/usr/image/main/icon_baro04.webp differ diff --git a/src/main/webapp/kccadrPb/usr/image/main/icon_baro04_hover.webp b/src/main/webapp/kccadrPb/usr/image/main/icon_baro04_hover.webp new file mode 100644 index 00000000..468f6e00 Binary files /dev/null and b/src/main/webapp/kccadrPb/usr/image/main/icon_baro04_hover.webp differ diff --git a/src/main/webapp/kccadrPb/usr/image/main/icon_baro05.webp b/src/main/webapp/kccadrPb/usr/image/main/icon_baro05.webp new file mode 100644 index 00000000..528693bf Binary files /dev/null and b/src/main/webapp/kccadrPb/usr/image/main/icon_baro05.webp differ diff --git a/src/main/webapp/kccadrPb/usr/image/main/icon_baro05_hover.webp b/src/main/webapp/kccadrPb/usr/image/main/icon_baro05_hover.webp new file mode 100644 index 00000000..814b02d2 Binary files /dev/null and b/src/main/webapp/kccadrPb/usr/image/main/icon_baro05_hover.webp differ diff --git a/src/main/webapp/kccadrPb/usr/image/main/icon_info01.webp b/src/main/webapp/kccadrPb/usr/image/main/icon_info01.webp new file mode 100644 index 00000000..04c6a716 Binary files /dev/null and b/src/main/webapp/kccadrPb/usr/image/main/icon_info01.webp differ diff --git a/src/main/webapp/kccadrPb/usr/image/main/icon_info02.webp b/src/main/webapp/kccadrPb/usr/image/main/icon_info02.webp new file mode 100644 index 00000000..91df8ade Binary files /dev/null and b/src/main/webapp/kccadrPb/usr/image/main/icon_info02.webp differ diff --git a/src/main/webapp/kccadrPb/usr/image/main/icon_info03.webp b/src/main/webapp/kccadrPb/usr/image/main/icon_info03.webp new file mode 100644 index 00000000..c81ff5c7 Binary files /dev/null and b/src/main/webapp/kccadrPb/usr/image/main/icon_info03.webp differ diff --git a/src/main/webapp/kccadrPb/usr/image/main/icon_info04.webp b/src/main/webapp/kccadrPb/usr/image/main/icon_info04.webp new file mode 100644 index 00000000..056d46c3 Binary files /dev/null and b/src/main/webapp/kccadrPb/usr/image/main/icon_info04.webp differ diff --git a/src/main/webapp/kccadrPb/usr/image/main/icon_info05.webp b/src/main/webapp/kccadrPb/usr/image/main/icon_info05.webp new file mode 100644 index 00000000..286e3285 Binary files /dev/null and b/src/main/webapp/kccadrPb/usr/image/main/icon_info05.webp differ diff --git a/src/main/webapp/kccadrPb/usr/image/main/icon_info06.webp b/src/main/webapp/kccadrPb/usr/image/main/icon_info06.webp new file mode 100644 index 00000000..4b639323 Binary files /dev/null and b/src/main/webapp/kccadrPb/usr/image/main/icon_info06.webp differ diff --git a/src/main/webapp/kccadrPb/usr/image/main/visual01.webp b/src/main/webapp/kccadrPb/usr/image/main/visual01.webp new file mode 100644 index 00000000..6c879c0e Binary files /dev/null and b/src/main/webapp/kccadrPb/usr/image/main/visual01.webp differ diff --git a/src/main/webapp/kccadrPb/usr/image/main/visual01_876.webp b/src/main/webapp/kccadrPb/usr/image/main/visual01_876.webp new file mode 100644 index 00000000..4866282d Binary files /dev/null and b/src/main/webapp/kccadrPb/usr/image/main/visual01_876.webp differ diff --git a/src/main/webapp/kccadrPb/usr/image/warming.webp b/src/main/webapp/kccadrPb/usr/image/warming.webp new file mode 100644 index 00000000..b41011a8 Binary files /dev/null and b/src/main/webapp/kccadrPb/usr/image/warming.webp differ