diff --git a/src/main/webapp/kccadrPb/usr/css/main.css b/src/main/webapp/kccadrPb/usr/css/main.css index 57710636..a6c7ed8e 100644 --- a/src/main/webapp/kccadrPb/usr/css/main.css +++ b/src/main/webapp/kccadrPb/usr/css/main.css @@ -37,16 +37,16 @@ main{width: 100%; height: 100%; margin-top: 135px; padding-bottom: 90px; backgro .baro_cont i{position: relative; width: 60px; height: 60px; display: block; background-repeat: no-repeat; background-position: center; background-size: contain; margin: 18px auto 20px auto; position: relative; transition: background-image 0.3s ease-in-out;} .baro_cont p{position: relative;} -.baro_cont a:nth-child(2) i{background-image: url(/kccadrPb/usr/image/main/icon_baro01.png);} -.baro_cont a:nth-child(2).on i{background-image: url(/kccadrPb/usr/image/main/icon_baro01_hover.png);} -.baro_cont a:nth-child(3) i{background-image: url(/kccadrPb/usr/image/main/icon_baro02.png);} -.baro_cont a:nth-child(3).on i{background-image: url(/kccadrPb/usr/image/main/icon_baro02_hover.png);} -.baro_cont a:nth-child(4) i{background-image: url(/kccadrPb/usr/image/main/icon_baro03.png);} -.baro_cont a:nth-child(4).on i{background-image: url(/kccadrPb/usr/image/main/icon_baro03_hover.png);} -.baro_cont a:nth-child(5) i{background-image: url(/kccadrPb/usr/image/main/icon_baro04.png);} -.baro_cont a:nth-child(5).on i{background-image: url(/kccadrPb/usr/image/main/icon_baro04_hover.png);} -.baro_cont a:nth-child(6) i{background-image: url(/kccadrPb/usr/image/main/icon_baro05.png);} -.baro_cont a:nth-child(6).on i{background-image: url(/kccadrPb/usr/image/main/icon_baro05_hover.png);} +.baro_cont a:nth-child(1) i{background-image: url(/kccadrPb/usr/image/main/icon_baro01.png);} +.baro_cont a:nth-child(1).on i{background-image: url(/kccadrPb/usr/image/main/icon_baro01_hover.png);} +.baro_cont a:nth-child(2) i{background-image: url(/kccadrPb/usr/image/main/icon_baro02.png);} +.baro_cont a:nth-child(2).on i{background-image: url(/kccadrPb/usr/image/main/icon_baro02_hover.png);} +.baro_cont a:nth-child(3) i{background-image: url(/kccadrPb/usr/image/main/icon_baro03.png);} +.baro_cont a:nth-child(3).on i{background-image: url(/kccadrPb/usr/image/main/icon_baro03_hover.png);} +.baro_cont a:nth-child(4) i{background-image: url(/kccadrPb/usr/image/main/icon_baro04.png);} +.baro_cont a:nth-child(4).on i{background-image: url(/kccadrPb/usr/image/main/icon_baro04_hover.png);} +.baro_cont a:nth-child(5) i{background-image: url(/kccadrPb/usr/image/main/icon_baro05.png);} +.baro_cont a:nth-child(5).on i{background-image: url(/kccadrPb/usr/image/main/icon_baro05_hover.png);} .baro_cont.experience_cont a i{width: 48px;} .baro_cont.experience_cont a:nth-child(2) i{background-image: url(/kccadrPb/usr/image/main/icon_baro06.png);} @@ -61,10 +61,11 @@ main{width: 100%; height: 100%; margin-top: 135px; padding-bottom: 90px; backgro .baro_cont.experience_cont a:nth-child(6).on i{background-image: url(/kccadrPb/usr/image/main/icon_baro10_hover.png);} .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_type01{position: absolute; display: none; justify-content: space-between; align-items: center; width: 320%; top: -40px; left: calc(100% + 20px); background-color: #fff; padding: 30px 30px 30px 42px; box-sizing: border-box; z-index: 99; border-radius: 5px; line-height: 1.3; box-shadow: 4px 8px 8px rgba(0,0,0,0.2); color: #222; text-align: left;} -.baro_cont a:nth-child(4) .tooltip_type01{top: -140px; left: 0;} -.baro_cont a:nth-child(5) .tooltip_type01{left: calc(-320%);} -.baro_cont a:nth-child(6) .tooltip_type01{left: calc(-320%);} +.tooltip_box{position: absolute; display: none; background-color: transparent; top: -100px; left: -10px; width: 500%; height: calc(100% - 30px); z-index: 30;} +.tooltip_type01{display: inline-flex; justify-content: space-between; align-items: center; background-color: #fff; padding: 30px 30px 30px 42px; box-sizing: border-box; z-index: 99; border-radius: 5px; line-height: 1.3; box-shadow: 4px 8px 8px rgba(0,0,0,0.2); color: #222; text-align: left; margin-left: 60px;} +.baro_cont a:nth-child(4) .tooltip_box{left: -10px; width: 400%;} +.baro_cont a:nth-child(5) .tooltip_box{left: auto; right: -10px;} +.baro_cont a:nth-child(6) .tooltip_box{left: auto; right: -10px;} .tooltip_type01>*{display: inline-block; vertical-align: middle;} .tooltip_tit01{font-size: 22px;} .tooltip_tit02{font-size: 16px; margin-top: 10px;} @@ -195,7 +196,7 @@ main{width: 100%; height: 100%; margin-top: 135px; padding-bottom: 90px; backgro .baro_cont a::before{width: calc(100% + 10px); height: calc(100% + 10px);} .baro_cont i{width: 45px; height: 45px; margin: 15px auto;} - .tooltip_type01{position: fixed; max-width: 100%; width: calc(100% - 30px); left: 50% !important; top: 260px;transform: translateX(-50%);} + .tooltip_box{position: fixed; max-width: 100%; width: calc(100% - 30px); height: 326px; left: 50% !important; top: 260px;transform: translateX(-50%);} .baro_cont a:nth-child(4) .tooltip_type01{top: 260px;} /* //바로가기 */ @@ -259,13 +260,13 @@ main{width: 100%; height: 100%; margin-top: 135px; padding-bottom: 90px; backgro @media all and (max-width: 840px){ .tooltip_tit01{font-size: 18px; font-weight: 500;} .tooltip_tit02{font-size: 14px;} - .tooltip_type01 button{margin-top: 16px; margin-left: 0;} + .tooltip_box button{margin-top: 16px; margin-left: 0;} } @media all and (max-width: 700px){ .tooltip_type01 .text_area{width: 100%; display: block;text-align: center;} .tooltip_type01 button{float: none; display: block; text-align: center; margin: 20px auto 0;} - .tooltip_type01{top: 200px;} + .tooltip_box{top: 200px;} } @media all and (max-width: 640px){ @@ -291,7 +292,7 @@ main{width: 100%; height: 100%; margin-top: 135px; padding-bottom: 90px; backgro /* //팝업존 */ .mask{background-color: transparent; z-index: -1;} - .tooltip_type01{display: none !important;} + .tooltip_box{display: none !important;} } @media all and (max-width: 530px){ diff --git a/src/main/webapp/kccadrPb/usr/guide2022.html b/src/main/webapp/kccadrPb/usr/guide2022.html new file mode 100644 index 00000000..dd27c772 --- /dev/null +++ b/src/main/webapp/kccadrPb/usr/guide2022.html @@ -0,0 +1,82 @@ + + + + + + + + 가이드 + + + + + + +
+
+ +

메인

+ +
+ +

남은내역

+
+
    + +
+
+
+
+
+
* 완료시 요청자가 내용 삭제 +
개발자 요청사항 +
    +
  • +

    + xx 요청드려요~(요청 8.13 여현준) +

    +
    • +
+
+
퍼블리셔 요청사항 +
    +
  • +

    + xx 확인 및 XX 부탁드려요~(요청 8.13 정수빈) +

    +
    • +
+
+
+
+ + + diff --git a/src/main/webapp/kccadrPb/usr/index2.html b/src/main/webapp/kccadrPb/usr/index2.html index f422f377..a8290196 100644 --- a/src/main/webapp/kccadrPb/usr/index2.html +++ b/src/main/webapp/kccadrPb/usr/index2.html @@ -260,71 +260,81 @@

접수

-
-
-

- 조정사건을 신청하는 기능
- 사건 유형별, 사건정보를 등록하여 조정신청을 진행 -

-

정보등록, 불러오기, 제출하기 기능 제공

+
+
+
+

+ 조정사건을 신청하는 기능
+ 사건 유형별, 사건정보를 등록하여 조정신청을 진행 +

+

정보등록, 불러오기, 제출하기 기능 제공

+
+
-

기일지정

-
-
-

- 조정사건을 신청하는 기능
- 사건 유형별, 사건정보를 등록하여 조정신청을 진행 -

-

정보등록, 불러오기, 제출하기 기능 제공

+
+
+
+

+ 조정사건을 신청하는 기능
+ 사건 유형별, 사건정보를 등록하여 조정신청을 진행 +

+

정보등록, 불러오기, 제출하기 기능 제공

+
+
-

기일개최

-
-
-

- 조정사건을 신청하는 기능
- 사건 유형별, 사건정보를 등록하여 조정신청을 진행 -

-

정보등록, 불러오기, 제출하기 기능 제공

+
+
+
+

+ 조정사건을 신청하는 기능
+ 사건 유형별, 사건정보를 등록하여 조정신청을 진행 +

+

정보등록, 불러오기, 제출하기 기능 제공

+
+
-

조정중

-
-
-

- 조정사건을 신청하는 기능
- 사건 유형별, 사건정보를 등록하여 조정신청을 진행 -

-

정보등록, 불러오기, 제출하기 기능 제공

+
+
+
+

+ 조정사건을 신청하는 기능
+ 사건 유형별, 사건정보를 등록하여 조정신청을 진행 +

+

정보등록, 불러오기, 제출하기 기능 제공

+
+
-

종료

-
-
-

- 조정사건을 신청하는 기능
- 사건 유형별, 사건정보를 등록하여 조정신청을 진행 -

-

정보등록, 불러오기, 제출하기 기능 제공

+
+
+
+

+ 조정사건을 신청하는 기능
+ 사건 유형별, 사건정보를 등록하여 조정신청을 진행 +

+

정보등록, 불러오기, 제출하기 기능 제공

+
+
-
diff --git a/src/main/webapp/kccadrPb/usr/script/main.js b/src/main/webapp/kccadrPb/usr/script/main.js index e061256b..f1c4a695 100644 --- a/src/main/webapp/kccadrPb/usr/script/main.js +++ b/src/main/webapp/kccadrPb/usr/script/main.js @@ -26,17 +26,17 @@ $(document).ready(function () { if($(this).siblings().is("on") == false){ $(this).addClass("on"); $(".mask").show(); - $(this).children(".tooltip_type01").show(); + $(this).children(".tooltip_box").show(); $(this).siblings().removeClass("on"); - $(this).next().siblings(".tooltip_type01").hide() + $(this).next().siblings(".tooltip_box").hide() }else{} }); - $(".tooltip_type01").mouseleave(function(){ - $(".tooltip_type01").hide(); + $(".tooltip_box, .baro_cont a").mouseleave(function(){ + $(".tooltip_box").hide(); $(".mask").hide(); $(".baro_cont a").removeClass("on"); - }); + }) }); function main_visual() {