tolag3/kcc_adr_advc_git
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

2023/11/14 png,jpg webp 변환

Browse Source
This commit is contained in:
subsub 2023-11-14 12:46:58 +09:00
parent 4cbe31b6ff
commit b50414dc5f
51 changed files with 49 additions and 105 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/main/webapp/WEB-INF/jsp/web/main/mainPage.jsp
View File

@ -165,9 +165,10 @@ function fn_egov_inqire_notice(bbsId, nttId) {
<div class="main_visual">
<div class="visual_wrap swiper-container">
<ul class="visual_list swiper-wrapper">
<c:forEach var="result" varStatus="status" items="${mainzoneList}">
<%-- <c:forEach var="result" varStatus="status" items="${mainzoneList}">
<li class="visual_img img01 swiper-slide" style="background-image:url('<c:url value='/uss/ion/pwm/getImage.do'/>?atchFileId=<c:out value="${result.mainzoneImageFile}"/>'); background-repeat: no-repeat; background-position: center;"></li>
</c:forEach>
</c:forEach> --%>
<li class="visual_img img01 swiper-slide"></li>
</ul>
<div class="visual_util">
<c:if test="${fn:length(mainzoneList) > 1}" >

46
src/main/webapp/kccadrPb/usr/css/common.css
View File

@ -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;}

103
src/main/webapp/kccadrPb/usr/css/main.css
View File

@ -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;}

BIN
src/main/webapp/kccadrPb/usr/image/common/btn_close.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 190 B

BIN
src/main/webapp/kccadrPb/usr/image/common/btn_join.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 446 B

BIN
src/main/webapp/kccadrPb/usr/image/common/btn_login.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 232 B

BIN
src/main/webapp/kccadrPb/usr/image/common/btn_logout.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 230 B

BIN
src/main/webapp/kccadrPb/usr/image/common/btn_menu.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 142 B

BIN
src/main/webapp/kccadrPb/usr/image/common/btn_minus.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 44 B

BIN
src/main/webapp/kccadrPb/usr/image/common/btn_plus.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 116 B

BIN
src/main/webapp/kccadrPb/usr/image/common/btn_search.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 340 B

BIN
src/main/webapp/kccadrPb/usr/image/common/btn_usredit.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 476 B

BIN
src/main/webapp/kccadrPb/usr/image/common/footer_logo.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
src/main/webapp/kccadrPb/usr/image/common/gnb_logo.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
src/main/webapp/kccadrPb/usr/image/common/icon_footer_select.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 162 B

BIN
src/main/webapp/kccadrPb/usr/image/common/icon_quickmenu_adj_case.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 984 B

BIN
src/main/webapp/kccadrPb/usr/image/common/icon_quickmenu_adj_case_hover.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1020 B

BIN
src/main/webapp/kccadrPb/usr/image/common/icon_quickmenu_apl_form.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
src/main/webapp/kccadrPb/usr/image/common/icon_quickmenu_apl_form_hover.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
src/main/webapp/kccadrPb/usr/image/common/icon_quickmenu_fee.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
src/main/webapp/kccadrPb/usr/image/common/icon_quickmenu_fee_hover.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
src/main/webapp/kccadrPb/usr/image/common/icon_quickmenu_glossary.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 700 B

BIN
src/main/webapp/kccadrPb/usr/image/common/icon_quickmenu_glossary_hover.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 862 B

BIN
src/main/webapp/kccadrPb/usr/image/common/icon_quickmenu_progress_case.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 632 B

BIN
src/main/webapp/kccadrPb/usr/image/common/icon_quickmenu_progress_case_hover.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 724 B

BIN
src/main/webapp/kccadrPb/usr/image/common/linkIcon.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 224 B

BIN
src/main/webapp/kccadrPb/usr/image/common/top_logo.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.8 KiB

BIN
src/main/webapp/kccadrPb/usr/image/main/btn_pause.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 82 B

BIN
src/main/webapp/kccadrPb/usr/image/main/btn_play.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 168 B

BIN
src/main/webapp/kccadrPb/usr/image/main/btn_plus.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 120 B

BIN
src/main/webapp/kccadrPb/usr/image/main/btn_pz_next.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 162 B

BIN
src/main/webapp/kccadrPb/usr/image/main/btn_pz_prev.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 162 B

BIN
src/main/webapp/kccadrPb/usr/image/main/icon_baro01.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 970 B

BIN
src/main/webapp/kccadrPb/usr/image/main/icon_baro01_hover.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 986 B

BIN
src/main/webapp/kccadrPb/usr/image/main/icon_baro02.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 838 B

BIN
src/main/webapp/kccadrPb/usr/image/main/icon_baro02_hover.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 846 B

BIN
src/main/webapp/kccadrPb/usr/image/main/icon_baro03.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 700 B

BIN
src/main/webapp/kccadrPb/usr/image/main/icon_baro03_hover.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 710 B

BIN
src/main/webapp/kccadrPb/usr/image/main/icon_baro04.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
src/main/webapp/kccadrPb/usr/image/main/icon_baro04_hover.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
src/main/webapp/kccadrPb/usr/image/main/icon_baro05.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
src/main/webapp/kccadrPb/usr/image/main/icon_baro05_hover.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
src/main/webapp/kccadrPb/usr/image/main/icon_info01.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 536 B

BIN
src/main/webapp/kccadrPb/usr/image/main/icon_info02.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 460 B

BIN
src/main/webapp/kccadrPb/usr/image/main/icon_info03.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 352 B

BIN
src/main/webapp/kccadrPb/usr/image/main/icon_info04.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 362 B

BIN
src/main/webapp/kccadrPb/usr/image/main/icon_info05.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 326 B

BIN
src/main/webapp/kccadrPb/usr/image/main/icon_info06.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 304 B

BIN
src/main/webapp/kccadrPb/usr/image/main/visual01.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 35 KiB

BIN
src/main/webapp/kccadrPb/usr/image/main/visual01_876.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 26 KiB

BIN
src/main/webapp/kccadrPb/usr/image/warming.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB