diff --git a/src/main/webapp/kccadrPb/usr/css/content.css b/src/main/webapp/kccadrPb/usr/css/content.css index 52e46bc3..2a3c180c 100644 --- a/src/main/webapp/kccadrPb/usr/css/content.css +++ b/src/main/webapp/kccadrPb/usr/css/content.css @@ -670,6 +670,32 @@ table .label{position: absolute;width: 1px; height: 1px; margin: 0; border: none .page .btn_page_last i{background-image: url(/kccadrPb/usr/image/btn_page_last.png); background-position: 46% center;} /* //page */ +/* 워크플로우 */ +.work_flow_wrap{background-color: #f1f2f4; border: 1px solid #d5d5d5; border-radius: 5px; padding: 0 20px; margin: 0 0 30px 0;transition: all 0.5s ease; height: auto;} +.work_flow_wrap .work_tit{display: flex; justify-content: space-between; align-items: center; font-size: 20px; padding: 20px 0 20px 6px;} +.btn_open, .work_flow_wrap .btn_close{width: 30px; height: 30px; border-radius: 5px; background-color: #fff;} +.btn_open i{display: inline-block; width: 100%; height: 100%; background-image: url(/kccadrPb/usr/image/common/btn_plus.png); background-repeat: no-repeat; background-position: center;} +.work_flow_wrap .btn_close i{display: inline-block; width: 100%; height: 100%; background-image: url(/kccadrPb/usr/image/common/btn_minus.png); background-repeat: no-repeat; background-position: center;} +.work_cont{background-color: #fff; border-radius: 5px; padding: 20px 25px; margin: 0 0 25px 0;transition: all 0.5s ease;} +.work_flow_wrap .top_work{display: flex; justify-content: space-between; align-items: center;} + +.work_flow_wrap .work_cont .top_work li{overflow: visible;} +.work_flow_wrap .work_cont li{position: relative; width: 100%; overflow: hidden;} +.work_flow_wrap .work_cont p{display: inline-flex; width: 210px; text-align: center; border: 1px solid #d5d5d5; height: 45px; border-radius: 5px; align-items: center; justify-content: center; font-size: 16px; color: #666; margin-bottom: 26px;background-color: transparent; position: relative;} +.work_flow_wrap .work_cont p+img{position: absolute; right: -10px; top: 8px; z-index: 1;} +.work_2{margin-top: 55px; position: relative;} +.work_3,.work_5{float: right;} +.work_5{margin-left: 10px; margin-top: 73px;} +.work_flow_wrap .work_cont .work_3 li{overflow: visible;} +.work_4{float: right; margin-left: 240px; margin-top: -73px; position: relative;} +.work_flow_wrap .work_cont p+.nexticon_3{position: absolute; top: 100%; left: 98px; top: 54px;} +.nexticon_4{position: absolute; top: -58px; left: 235px;} +.nexticon_5{position: absolute; top: 22px; left: 215px;} + +.work_flow_wrap.off .work_cont{height: 0; padding: 0 25px; margin: 0; transition: all 0.5s ease; overflow: hidden;} +.work_cont .status01 p{border: 1px solid #ea5404; color: #ea5404;} +.work_cont .status02 p{border: 2px solid #1b6fcd; color: #1b6fcd; font-weight: 500;} +/* //워크플로우 */ /* 익스플로어 */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){ diff --git a/src/main/webapp/kccadrPb/usr/css/content_media.css b/src/main/webapp/kccadrPb/usr/css/content_media.css index 79fae56a..3704fd55 100644 --- a/src/main/webapp/kccadrPb/usr/css/content_media.css +++ b/src/main/webapp/kccadrPb/usr/css/content_media.css @@ -4,6 +4,10 @@ .tb_corapp th .req_text+p{width: calc(100% - 40px); vertical-align: text-top;} } +@media all and (max-width: 1280px){ + .work_flow_wrap{display: none;} +} + @media all and (max-width: 1150px){ /* 대시보드 */ .usr_dashboard .box{padding: 26px 0 26px 15px;} diff --git a/src/main/webapp/kccadrPb/usr/image/workflow/nexticon1.png b/src/main/webapp/kccadrPb/usr/image/workflow/nexticon1.png new file mode 100644 index 00000000..8dc11884 Binary files /dev/null and b/src/main/webapp/kccadrPb/usr/image/workflow/nexticon1.png differ diff --git a/src/main/webapp/kccadrPb/usr/image/workflow/nexticon2.png b/src/main/webapp/kccadrPb/usr/image/workflow/nexticon2.png new file mode 100644 index 00000000..defc7c33 Binary files /dev/null and b/src/main/webapp/kccadrPb/usr/image/workflow/nexticon2.png differ diff --git a/src/main/webapp/kccadrPb/usr/image/workflow/nexticon3.png b/src/main/webapp/kccadrPb/usr/image/workflow/nexticon3.png new file mode 100644 index 00000000..aa5291a0 Binary files /dev/null and b/src/main/webapp/kccadrPb/usr/image/workflow/nexticon3.png differ diff --git a/src/main/webapp/kccadrPb/usr/image/workflow/nexticon4.png b/src/main/webapp/kccadrPb/usr/image/workflow/nexticon4.png new file mode 100644 index 00000000..d2bea615 Binary files /dev/null and b/src/main/webapp/kccadrPb/usr/image/workflow/nexticon4.png differ diff --git a/src/main/webapp/kccadrPb/usr/image/workflow/nexticon5.png b/src/main/webapp/kccadrPb/usr/image/workflow/nexticon5.png new file mode 100644 index 00000000..1a684d59 Binary files /dev/null and b/src/main/webapp/kccadrPb/usr/image/workflow/nexticon5.png differ diff --git a/src/main/webapp/kccadrPb/usr/image/workflow/workflow_1.png b/src/main/webapp/kccadrPb/usr/image/workflow/workflow_1.png new file mode 100644 index 00000000..385a0c62 Binary files /dev/null and b/src/main/webapp/kccadrPb/usr/image/workflow/workflow_1.png differ diff --git a/src/main/webapp/kccadrPb/usr/image/workflow/workflow_2.png b/src/main/webapp/kccadrPb/usr/image/workflow/workflow_2.png new file mode 100644 index 00000000..28f3cae5 Binary files /dev/null and b/src/main/webapp/kccadrPb/usr/image/workflow/workflow_2.png differ diff --git a/src/main/webapp/kccadrPb/usr/image/workflow/workflow_3.png b/src/main/webapp/kccadrPb/usr/image/workflow/workflow_3.png new file mode 100644 index 00000000..01ef7455 Binary files /dev/null and b/src/main/webapp/kccadrPb/usr/image/workflow/workflow_3.png differ diff --git a/src/main/webapp/kccadrPb/usr/script/content.js b/src/main/webapp/kccadrPb/usr/script/content.js index 4d72c51c..3a626d15 100644 --- a/src/main/webapp/kccadrPb/usr/script/content.js +++ b/src/main/webapp/kccadrPb/usr/script/content.js @@ -655,6 +655,16 @@ $(document).ready(function(){ $(".btn_start").one("mouseover",function(){ calendarOpen(); }); + + $(".work_flow_wrap .btn_open").click(function(){ + if($(".work_flow_wrap").is(".off") == true){ + $(".work_flow_wrap").removeClass("off"); + $(this).addClass("btn_close").removeClass("btn_open"); + }else{ + $(".work_flow_wrap").addClass("off"); + $(this).removeClass("btn_close").addClass("btn_open"); + } + }); }) function otherDateInput(targetObj,thisVal,orgVal){ diff --git a/src/main/webapp/kccadrPb/usr/workflow.html b/src/main/webapp/kccadrPb/usr/workflow.html new file mode 100644 index 00000000..166ddb61 --- /dev/null +++ b/src/main/webapp/kccadrPb/usr/workflow.html @@ -0,0 +1,754 @@ + + + + + + + + 저작권 전자조정시스템 > 전자조정 신청 > 조정 진행 상세 + + + + + + + + + + + + + + + + + +
+ +
+ +
+ + +
+ 본문 바로가기 +
+ + +
+
+
+
+ 한국저작권위원회 + 바로가기 +
+
+ 로그인 + 회원가입 +
+ + +
+
+
+
+
+ +
+
+ + + +
+
+

저작권 전자조정시스템 Copyright Electronic Coordination System

+ + +
+
+ + + + + + +
+
+ + + +
+
+ + + +
+
+
+

조정 진행 상세

+
+ +
+

조정번호 : 2021조정054

v +

접수일 : 2021-07-15

+

진행현황 : 조정진행

+
+ +
+
+ + + +
+
+
+
+

조정진행 워크플로우

+ +
+
+
    +
  • 조정신청 제출

    다음
  • +
  • 신청서 보완

    다음
  • +
  • 조정비용납부

    다음
  • +
  • 사건접수

    다음
  • +
  • 조정부배정

    다음
  • +
+
    +
  • 기일확정

    다음
  • +
  • +

    기일통지

    다음다음 +
      +
    • 1차 기일 개최

      다음
    • +
    • +

      2차 기일 개최다음

      다음 +
        +
      • 조정성립

      • +
      • 직권조정다음

        +
          +
        • 이의신청

        • +
        +
      • +
      • 조정권고

      • +
      • 쌍방수락여부 확인

      • +
      • 불성립종결

      • +
      +
    • +
    • 3차 기일 개최

      다음
    • +
    • 4차 기일 개최

    • +
    +
  • +
  • 기일변경

  • +
  • 변론서 및 답변서

  • +
  • 취하신청

    다음

    취하종결

  • +
+
+
+
+ +

기일예정일 : 2021-09-25

+
+ +
+ + + + + + + + + + + + + + + + + + + + + +
+

신청인

+
+

홍길동

+
+

대리인

+
+

없음

+
+

피신청인1

+
+

고길동

+
+

피신청인2

+
+

고길동

+
+
+
+ + + + + + + + + + + + + + + + +
신청취지, 신청원인등의 정보제공
+

신청취지

+
+

독도는 우리땅입니다.

+
+

신청원인

+
+

아직도 넌 혼잔거니 물어오네요 난 그저 웃어요 사랑하고 있죠 사랑하는 사람 있어요 그대는 내가 안쓰러운 건가봐 + 좋은 사람있다면 한 번 만나보라 말하죠 그댄 모르죠 내게도 멋진 애인이 있다는 걸 너무 소중해 꼭 숨겨 두었죠 + 그 사람 나만 볼 수 있어요 내 눈에만 보여요 내 입술에 영원히 담아둘거야 가끔씩 차오르는 눈물만 알고 있죠 그 사람 그대라는 걸 + 나는 그 사람 갖고 싶지 않아요 욕심나지 않아요 그냥 사랑하고 싶어요 그댄 모르죠 내게도 멋진 애인이 있다는 걸 너무 소중해 꼭 숨겨 두었죠 + 그 사람 나만 볼 수 있어요 내 눈에만 보여요 내 입술에 영원히 담아둘거야 가끔씩 차오르는 눈물만 알고 있죠 그 사람 그대라는 걸 +

+ +
+
+ + +
+ +
+
+
+

신청인

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

신청인

+

신청인

+
+

홍길동

+
+

주소

+
+

서울특별시 마포구 마포대로 33

+
+

이메일

+
+

eee@naver.com

+
+

전화

+
+

+
+

휴대전화

+
+

010-1111-1111

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

대리인

+

이름

+
+

+
+

주소

+
+

+
+

이메일

+
+

+
+

전화

+
+

+
+

휴대전화

+
+

+
+
+
+
+

피신청인

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

피신청인1

+

신청인

+
+

고길동

+
+

주소

+
+

서울특별시 마포구 마포대로 33

+
+

이메일

+
+

aaa@naver.com

+
+

전화

+
+

+
+

휴대전화

+
+

010-1111-1111

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

피신청인2

+

이름

+
+

고길동

+
+

주소

+
+

+
+

이메일

+
+

+
+

전화

+
+

+
+

휴대전화

+
+

+
+
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
조정진행내용 : 일자, 내용, 첨부파일 정보제공
일자내용첨부파일
+

2021-07-15

+
+

접수

+
+

2021-07-17

+
+

조정부 지정

+
+

2021-07-18

+
+

피신청인 답변서 제출

+
답변서.hwp
+

2021-07-15

+
+

신청인이 추가 답변서 제출

+
추가 답변서.hwp
+

2021-07-15

+
+

1차 기일 지정

+
+
+
+ + + + +
+
+
+ +
+
+ + +
+
+ + + + + + + + \ No newline at end of file