From d883eed521e7475b7c02f75ab5d2fc7b6aba457b Mon Sep 17 00:00:00 2001 From: HappyITN Date: Wed, 21 Sep 2022 15:59:48 +0900 Subject: [PATCH] =?UTF-8?q?220921=20=EB=A0=88=EB=93=9C=EB=A7=88=EC=9D=B8?= =?UTF-8?q?=20#2725=20=EB=82=98=EC=9D=98=EC=82=AC=EA=B1=B4=EA=B4=80?= =?UTF-8?q?=EB=A6=AC=20>=20=EC=A1=B0=EC=A0=95=EC=A7=84=ED=96=89=EC=83=81?= =?UTF-8?q?=ED=99=A9=20=EC=83=81=EC=84=B8=20step=20=EB=A7=90=ED=92=8D?= =?UTF-8?q?=EC=84=A0=20=ED=98=B8=EB=B2=84=ED=9A=A8=EA=B3=BC=20=EB=82=98?= =?UTF-8?q?=EC=9D=98=EC=82=AC=EA=B1=B4=EA=B4=80=EB=A6=AC=20>=20=EC=A1=B0?= =?UTF-8?q?=EC=A0=95=EC=A7=84=ED=96=89=EC=83=81=ED=99=A9=20=EB=AA=A9?= =?UTF-8?q?=EB=A1=9D=20=EC=8B=A0=EC=B2=AD=EB=82=B4=EC=9A=A9=20=EB=A7=90?= =?UTF-8?q?=ED=92=8D=EC=84=A0=20=ED=98=B8=EB=B2=84=ED=9A=A8=EA=B3=BC?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../kccadr/accdnt/ai/adjstIncidentList.jsp | 29 +++++++++++++----- .../ars/tab/adjstReqStatusTabDetail.jsp | 10 ++++-- src/main/webapp/kccadrPb/usr/css/content.css | 12 ++++++-- .../webapp/kccadrPb/usr/css/content_media.css | 2 ++ .../kccadrPb/usr/image/icon_hover_arrow.png | Bin 0 -> 1195 bytes .../webapp/kccadrPb/usr/script/content.js | 4 +-- 6 files changed, 42 insertions(+), 15 deletions(-) create mode 100644 src/main/webapp/kccadrPb/usr/image/icon_hover_arrow.png diff --git a/src/main/webapp/WEB-INF/jsp/web/kccadr/accdnt/ai/adjstIncidentList.jsp b/src/main/webapp/WEB-INF/jsp/web/kccadr/accdnt/ai/adjstIncidentList.jsp index 819d92f6..f9f34f66 100644 --- a/src/main/webapp/WEB-INF/jsp/web/kccadr/accdnt/ai/adjstIncidentList.jsp +++ b/src/main/webapp/WEB-INF/jsp/web/kccadr/accdnt/ai/adjstIncidentList.jsp @@ -227,9 +227,14 @@ - 신청내용 - - +
+ 신청내용 + +
+ 신청취지 : 피신청인은 신청인에게 저작권 침해에 따른 손해배상 및 위자료로서 금삼백만원(₩3,000,000)을 지급한다. +
+
+ @@ -241,8 +246,13 @@ - 신청내용 - +
+ 신청내용 + +
+ 신청취지 : 피신청인은 신청인에게 저작권 침해에 따른 손해배상 및 위자료로서 금삼백만원(₩3,000,000)을 지급한다. +
+
@@ -256,8 +266,13 @@ - 신청내용 - +
+ 신청내용 + +
+ 신청취지 : 피신청인은 신청인에게 저작권 침해에 따른 손해배상 및 위자료로서 금삼백만원(₩3,000,000)을 지급한다. +
+
diff --git a/src/main/webapp/WEB-INF/jsp/web/kccadr/accdnt/ars/tab/adjstReqStatusTabDetail.jsp b/src/main/webapp/WEB-INF/jsp/web/kccadr/accdnt/ars/tab/adjstReqStatusTabDetail.jsp index e01a3e81..2d3c0e8c 100644 --- a/src/main/webapp/WEB-INF/jsp/web/kccadr/accdnt/ars/tab/adjstReqStatusTabDetail.jsp +++ b/src/main/webapp/WEB-INF/jsp/web/kccadr/accdnt/ars/tab/adjstReqStatusTabDetail.jsp @@ -179,13 +179,16 @@ resInfo--%>

다음 -
"> +
hover_content_wrap">

STEP. 03 기일개최

다음 +
+ 조정 진행과정 중 하나의 절차로써, 사건 당사자들의 합의를 위해 한국저작권위원회가 중재하는 자리로 조정위원, 사건당사자, 그 밖의 사건관계인이 출석 하는 날을 말합니다. +
"> @@ -209,7 +212,7 @@ resInfo--%>

조정진행 워크플로우

- +
    @@ -261,6 +264,7 @@ resInfo--%>
    + @@ -334,7 +338,7 @@ resInfo--%>
    신청인, 대리인, 피신청인1, 피신청인2등의 정보제공
    - + diff --git a/src/main/webapp/kccadrPb/usr/css/content.css b/src/main/webapp/kccadrPb/usr/css/content.css index eb596103..e07a9937 100644 --- a/src/main/webapp/kccadrPb/usr/css/content.css +++ b/src/main/webapp/kccadrPb/usr/css/content.css @@ -56,6 +56,11 @@ .read-only,.disabled{background-color: #eee !important; color: #aaa !important; font-size: 16px;} .cf_text02{font-size: 16px; font-weight: 300; color: #e40000; text-align: right; margin: 10px 0 0 0;} + +.hover_content_wrap {position:relative;} +.hover_content_wrap .hover_content_box {display:none;position:absolute;left:0;top:30px;width:370px;padding:15px 20px;font-size:16px;line-height:24px;color:#fff;background:#000;border-radius:5px;box-sizing:border-box;z-index:1;} +.hover_content_wrap .hover_content_box:after {content:'';position:absolute;left:57px;top:-18px;width:26px;height:18px;background:url(/kccadrPb/usr/image/icon_hover_arrow.png) no-repeat left top;} +.hover_content_wrap:hover .hover_content_box {display:block;} /* //서브 공통 */ /* 로그인 */ @@ -236,6 +241,7 @@ table .label{position: absolute;width: 1px; height: 1px; margin: 0; border: none .tb_list01 tbody p,.tb_list01 tbody a{width: 95%; display: inline-block; padding: 0 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; box-sizing: border-box; line-height: 1.4} .tb_list01 tbody .td_tit a{color: #222; font-weight: 400;} .tb_list01 tbody .td_date p{overflow: visible; text-overflow: unset; white-space: normal;} +.tb_list01 tbody .hover_content_box {left:-10px;top:50px;} .tb_list01 .td_status p,.tb_list01 .td_status a,.tb_list01 .td_status button{display: inline-block; width: auto; padding: 4.5px 10px; box-sizing: border-box; border-radius: 20px; border: 1px solid #ccc; background-color: #fff; line-height: 1.2; font-size: 16px} .tb_list01 .td_status .status_write{border: 1px solid #1b6fcd; color: #1b6fcd;} @@ -418,8 +424,8 @@ table .label{position: absolute;width: 1px; height: 1px; margin: 0; border: none .step_wrap .step.active p{color: #222; font-weight: 500;} .step_wrap .step span{display: block; font-size: 20px; margin-top: 8px;} .step_wrap .step.active span{color: #d43403; font-weight: 500;} - .step_wrap .step .hidden{position: absolute; width: 1px; height: 1px; clip: rect(0,0,0,0); overflow: hidden; margin: 0;} +.step_wrap .step .hover_content_box {left:50px;top:85px;} .status_detail .step{width: calc(100% / 5.8); margin-left: -1px;} .status_detail.num02 .step{width: calc(100% / 1.8); border-right: 1px solid #d5d5d5;} @@ -691,7 +697,7 @@ table .label{position: absolute;width: 1px; height: 1px; margin: 0; border: none .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_cont{background-color: #fff; border-radius: 5px; padding: 20px 25px; margin: 0 0 25px 0;transition: all 0.5s ease;height:714px;overflow:hidden;} .work_flow_wrap .top_work{display: flex; justify-content: space-between; align-items: center;} .work_flow_wrap .work_cont .top_work li{overflow: visible;} @@ -707,7 +713,7 @@ table .label{position: absolute;width: 1px; height: 1px; margin: 0; border: none .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_flow_wrap.off .work_cont{height: 0; padding: 0 25px; margin: 0; transition: all 0.5s ease;} .work_cont .status01 p{border: 1px solid #ea5404; color: #ea5404;} .work_cont .status02 p{border: 2px solid #1b6fcd; color: #1b6fcd; font-weight: 500;} /* //워크플로우 */ diff --git a/src/main/webapp/kccadrPb/usr/css/content_media.css b/src/main/webapp/kccadrPb/usr/css/content_media.css index 3704fd55..92bc26e9 100644 --- a/src/main/webapp/kccadrPb/usr/css/content_media.css +++ b/src/main/webapp/kccadrPb/usr/css/content_media.css @@ -67,6 +67,7 @@ /* 조정진행상세 */ .status_detail .step{flex-flow: column; justify-content: center; text-align: center;} .status_detail .step i{margin-right: 0; margin-bottom: 10px;} + .step_wrap .step .hover_content {left:30px;top:135px;} /* //조정진행상세 */ /* cont - 이용안내 */ @@ -313,6 +314,7 @@ .status_detail.num07 .step:nth-child(4),.status_detail.num08 .step:nth-child(4){border-radius: 0;} .status_detail.num07 .step:last-child{border-left: 1px solid #d5d5d5;} + .step_wrap .step:hover .hover_content {display:none;} /* //조정진행상세 */ diff --git a/src/main/webapp/kccadrPb/usr/image/icon_hover_arrow.png b/src/main/webapp/kccadrPb/usr/image/icon_hover_arrow.png new file mode 100644 index 0000000000000000000000000000000000000000..32e86b5a6b5e3383785d169d4d67d960d73562f7 GIT binary patch literal 1195 zcmaJ>U2GIp6doe-Q!OM0FvSNaQ(6_BpF4lMGj{E+on3YbTk3WbRuY1DX6|&ycIFN< zQ+HZpf>lf)Cis(JurDA!fDZ;lYEm9BBtB@AG`>JEkr*E2h44@wjFRY`ZnyH#FqxVA zGw1uxcg{U$j*blP>h9X!MNw3DrEJv5xSc#tZCFR%#hzd=p9fTA9I*R40=Ms<&FVUL5U4VQQUK~vPgU=l!U9L2PW##}$g+`D{* zp{F^jH5fuow>%x9(dps3H9c-=HZ%ANJ&@>xz(X;l6K}$g^d!eD@#qDJ2vy5vycgn_L|5BYJ$$T8##XS=p;Dj6g|O=dL(DXa!$ku@`>#+o(| zEfoj=I!cFUHM|7Wk|-35l9o{cC>q&PsZ@~UQb8^h4M_nVY{ida=v%1c+a}gHjM^a^D0JUKb}7Ujy_96#T}6Ok zsgf*+h_ys3!)9dJA!%@I)>KVN0-B|0SrR}SZ$Fg0c9D`D5=79^qC2)}su_~Xtm6o* z=*WQ8G$G4E!O_I5Z9+#C8J3~Q%JhzgF_S7NymL( zF$(qM=C{ARylE!C<;WiwE}p;i%_mzM^Ig`Sv#)Pd-d;Gd|GQJ{?80uV@A0GC*5>;E z?B6l-^OK)_`k?#xKRvhSw$5L?)YBZjpT{Q_PyRip7&qPCC+cdx@7B4yHx8GdV|P4w zuM7{`A70zGaOBoBKbQaV#?vQHUtP2Fuj7lg^~UZ4ANPGVaO&8<`@Q$Y&Bjm3ndr66 z#vA>MdsJjo7OfZig^dGe|F6}s(<$O)z5=y QG5vj1io?d&uf8$!ABtXzi2wiq literal 0 HcmV?d00001 diff --git a/src/main/webapp/kccadrPb/usr/script/content.js b/src/main/webapp/kccadrPb/usr/script/content.js index 3a626d15..134cec54 100644 --- a/src/main/webapp/kccadrPb/usr/script/content.js +++ b/src/main/webapp/kccadrPb/usr/script/content.js @@ -659,10 +659,10 @@ $(document).ready(function(){ $(".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"); + $(this).addClass("btn_close").removeClass("btn_open").attr('title','닫힘'); }else{ $(".work_flow_wrap").addClass("off"); - $(this).removeClass("btn_close").addClass("btn_open"); + $(this).removeClass("btn_close").addClass("btn_open").attr('title','열림'); } }); })
    신청인, 주소등의 정보제공신청인, 주소, 신청인 분류등의 정보제공