From b21f8fee24daced822b2d9fa6ee221a531352739 Mon Sep 17 00:00:00 2001 From: subsub Date: Tue, 10 Dec 2024 17:15:16 +0900 Subject: [PATCH] =?UTF-8?q?2024/12/10=20=EC=8B=A0=EC=B2=AD=EC=9D=B8?= =?UTF-8?q?=EC=A0=95=EB=B3=B4=20=EC=A1=B0=EC=A0=95=EC=9C=A0=ED=98=95?= =?UTF-8?q?=EB=B3=84=20=ED=8C=9D=EC=97=85=20=ED=85=8D=EC=8A=A4=ED=8A=B8=20?= =?UTF-8?q?=EB=B3=80=EA=B2=BD,=20=EB=A9=94=EC=9D=B8=20>=20=EC=83=81?= =?UTF-8?q?=EB=8B=A8=20=EB=B9=84=EC=A3=BC=EC=96=BC=20=EC=98=81=EC=97=AD=20?= =?UTF-8?q?=EB=A7=81=ED=81=AC=20=EC=B6=94=EA=B0=80,=20=ED=95=98=EB=8B=A8?= =?UTF-8?q?=20=EB=B6=84=EC=9F=81=EC=A1=B0=EC=A0=95=EC=BD=9C=EC=84=BC?= =?UTF-8?q?=ED=84=B0=20=EB=A7=81=ED=81=AC=20=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../web/user/mediation/mediationStep04.jsp | 237 +++++++++++++++--- .../seed/_extra/gtm/onlineCounsel/list.jsp | 6 + .../webapp/WEB-INF/jsp/web/main/mainPage.jsp | 14 +- .../usr/images/component/icon_cmmt.png | Bin 0 -> 520 bytes .../usr/images/component/icon_cmmt_m.png | Bin 0 -> 1104 bytes .../kofair_case_seed/usr/style/popup.css | 3 +- .../kofair_case_seed/usr/style/style.css | 78 +++++- 7 files changed, 280 insertions(+), 58 deletions(-) create mode 100644 src/main/webapp/kofair_case_seed/usr/images/component/icon_cmmt.png create mode 100644 src/main/webapp/kofair_case_seed/usr/images/component/icon_cmmt_m.png diff --git a/src/main/webapp/WEB-INF/jsp/_extra/web/user/mediation/mediationStep04.jsp b/src/main/webapp/WEB-INF/jsp/_extra/web/user/mediation/mediationStep04.jsp index b5b04f27..d5f124b2 100644 --- a/src/main/webapp/WEB-INF/jsp/_extra/web/user/mediation/mediationStep04.jsp +++ b/src/main/webapp/WEB-INF/jsp/_extra/web/user/mediation/mediationStep04.jsp @@ -68,7 +68,7 @@ mark += " "; mark += " "; mark += "
"; - mark += " "; + mark += "
"; mark += " "; mark += " "; mark += " "; @@ -1481,41 +1481,204 @@
@@ -1597,7 +1760,7 @@

*표기는 필수 입력사항

-
+
@@ -1694,7 +1857,7 @@
-
+
@@ -1911,7 +2074,7 @@
-
+
diff --git a/src/main/webapp/WEB-INF/jsp/seed/_extra/gtm/onlineCounsel/list.jsp b/src/main/webapp/WEB-INF/jsp/seed/_extra/gtm/onlineCounsel/list.jsp index 7b5e4d3d..a216cb00 100644 --- a/src/main/webapp/WEB-INF/jsp/seed/_extra/gtm/onlineCounsel/list.jsp +++ b/src/main/webapp/WEB-INF/jsp/seed/_extra/gtm/onlineCounsel/list.jsp @@ -9,6 +9,12 @@ + + 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 71a9bcc8..7b41b2b5 100644 --- a/src/main/webapp/WEB-INF/jsp/web/main/mainPage.jsp +++ b/src/main/webapp/WEB-INF/jsp/web/main/mainPage.jsp @@ -155,32 +155,32 @@ function commonPopWindowopenForm(surl, popupwidth, popupheight, name, frm) {

한국공정거래조정원 분쟁조정사건처리시스템 입니다.

- + 분쟁조정 신청

언제 어디서든 온라인으로 분쟁조정
을 신청할 수 있습니다.

- + 분쟁조정 조회

조정절차가 진행중인 각종 정보를
확인, 자료를 제출할 수 있습니다.

- + 무료법률 상담

법률전문가의 상담서비스를 이용할
수 있습니다.

- + 법령 자료실

협의회 유형에 따른 법령을 확인할
수 있습니다.

- + 온라인 상담

분쟁조정 신청 전 간단한 상담을
신청할 수 있습니다.

- + 분쟁조정 관련 서식

신청서 작성예시, 위임장, 합의취하서
등 서식을 제공하고 있습니다.

@@ -298,7 +298,7 @@ function commonPopWindowopenForm(surl, popupwidth, popupheight, name, frm) { background: #d4c9fe url('${popupzonedUrl}') no-repeat center bottom; border-radius: 10px; "> -
+

분쟁조정 콜센터

1588-1490(유료)
운영시간 : 평일 09:00~18:00

diff --git a/src/main/webapp/kofair_case_seed/usr/images/component/icon_cmmt.png b/src/main/webapp/kofair_case_seed/usr/images/component/icon_cmmt.png new file mode 100644 index 0000000000000000000000000000000000000000..a66184b7ee57cdf73c37a4ccbca5c61af0d3cc63 GIT binary patch literal 520 zcmV+j0{8uiP)D)VXU^Q4|L7Uy?ECL?sc$*r?G$2?nMSVj-xwA&Ouj zh!%oqsTQWS@K1=DBdUMS$s|BGp=GEDmac2{KP$UHzHh(D*oXX zP9^7l9K}t1$3tu>`1avRI$e217arj`1{TO>119hh+Y7oLyuxr^IF1+drBXmg%IKx& zK^_P3NA$yP)SEy^o9~SeRZ(vDms5YF&b&+(K3` zUNVBBhmfL&iW0gIK7^zO1@&N15CdJI3r>YYmL+!4sRDF2XOAU}a4p+rz5zfX*x&8rsk8g1yX6O3$30~~QP7LBioQsRFAWjkv zVKpAc-wp8l50mgD`lNfS^8A5iIJSpfy57Z3HRd`EXIwv z2W#+6L4E*F^8zquO+@7=XLZZ$SGB3}pG)|C(tt~>#Z5Gz% z2&Am%Swh?%!o8Ko<+7PC7=4aam?*^OA-tWavnk4V61LP|jj&FdghymvJ|jVXl`Jk> zBJ=K*O`&%*}@KG!; zNst{A%L6SqE53Z0Vx_gctCG`x($l?UsL(ebV|%)ne3md&Z;s3i{9HqJRxJCr(0hO=NQ_eN^Cm6X}mbYG8=({dgzb0X< zgSmRGxIa!tctcsXZpSAW>BNCpf2Gj(YK}y)Z#d*Luv&@woj5+$-+`Zmkg+1ch}QP5 zNv-W&vq$Kg+S=ZAddfJsNfu70)R60qGM`o&K8OwPCK?(oJQnTlts}QD$~{0>kDtem z%QQEKDB_A(Zc3CNBoKZtHjGvM<1`a91qZ?VjVhOf)9#RL_h~j($d2~Y>&WhlviCuY z>(DoYbPh0Bw&5GHSRcw#>$|I!l64Y{_7noIckNNP~nU034<)Qc_y zWQ30v9u=;w2x;xgLjO)|9Y$}jm(i75>6$JVxF*O+vEEVA^+Zf1Y=d9P5pbaZrrT?=2F6? zcv%Qr75()Rubt`*PVnjuS&~r;{X%-VRR~G@g7&!cqMhakm-`!i4xZ zX9T%(gmcxr2FBil7X_lf9TB@>(8&F8Nx1jz5Uv8|3!bcemEFSH+>8&gPK=$SiGKkr Wu_}V2-$Q`_0000dd{margin:0 0 30px 0;padding:0 0 0 25px;font-size:1.5rem;font-weight:400;color:#333;line-height:1.5;} .layer_popup .box.white_fill .sub_info_ul{font-size:1.5rem;color:#333;gap:3px;} .layer_popup .box.white_fill .sub_info_ul li{margin:0;} @@ -44,6 +44,7 @@ .type_popup .box.white_fill{margin:0;} .type_popup .ex_tit{font-size:1.5rem;} .type_popup .box.white_fill .gray_fill.gray_border{margin:0 0 0 -20px;padding:10px 10px 10px 20px;} +.type_popup .box.white_fill dt{text-indent:-9px;margin:0 0 8px 9px;} .type_popup .box.white_fill>dd:last-child{margin:0;} /* 간편인증 팝업 */ diff --git a/src/main/webapp/kofair_case_seed/usr/style/style.css b/src/main/webapp/kofair_case_seed/usr/style/style.css index bad003b9..20b1ee2c 100644 --- a/src/main/webapp/kofair_case_seed/usr/style/style.css +++ b/src/main/webapp/kofair_case_seed/usr/style/style.css @@ -304,21 +304,26 @@ .satisfaction_area .radio_wrap .radio+label{font-size:1.5rem;} /* 댓글 */ -.cmmt_wrap{margin-top: 30px;} -.cmmt_tit{display: flex; align-items: center;} -.cmmt_tit img{margin-right: 6px;} -.cmmt_tit span{color: #163db1; font-weight: bold; font-size: 20px;} -.cmmt_list{width: 100%; border-top: 1px solid #d5d5d5; margin-top: 10px;} -.cmmt_list li{display: flex; border-bottom: 1px solid #d5d5d5; padding: 24px 0;} -.cmmt_person{min-width: 70px; position: relative; font-size: 18px; font-weight: 500; margin-right: 10px; padding-left: 20px;} -.cmmt_person::before{position: absolute; content: " "; width: 1px; height: 15px; background-color: #d5d5d5; right: 0; top: 4px;} -.cmmt_detail{font-size: 18px; font-weight: 400; line-height: 1.3; letter-spacing: -0.5px; color: #222; padding-left: 20px;} -.cmmt_date{display: inline-block; margin-top: 20px; font-weight: 400; font-size: 16px; color: #999;} +.cmmt_view{padding:60px 0 0 0;} +.cmmt_tit{display:flex;font-size:1.6rem;align-items:center;} +.cmmt_tit span{color:#163db1;font-weight:bold;font-size:2rem;} +.cmmt_tit .cmmt_icon{display:inline-block;width:31px;height:27px;background:url(/kofair_case_seed/usr/images/component/icon_cmmt.png) no-repeat center 77%;} +.cmmt_list{width:100%;border-top:1px solid #d5d5d5;margin:10px 0 0 0;} +.cmmt_list li{display:flex;border-bottom:1px solid #d5d5d5;padding:24px 0;} +.cmmt_person{position:relative;min-width:70px;font-size:1.8rem;font-weight:500;padding:0 20px 0 0;} +.cmmt_person::before{position:absolute;content:"";width:1px;height:16px;background:#d5d5d5;right:0;top:6px;} +.cmmt_detail{font-size:1.8rem;font-weight:400;line-height:1.3;letter-spacing:-0.5px;color:#222;padding:0 0 0 20px;} +.cmmt_date{display:inline-block;margin:20px 0 0 0;font-weight:400;font-size:1.6rem;color:#999;} .cmmt_detail .btn_wrap{float: right; margin-top: 15px;} .cmmt_detail .btn_wrap button{font-size: 16px; min-width: 60px; height: 36px; vertical-align: middle;} -.cmmt_input{width: 100%; margin-top: 30px;} -.cmmt_input textarea{height: 80px; width: calc(100% - 90px); vertical-align: middle; border: 2px solid #e5e5e5; border-radius: 5px; padding: 15px; box-sizing: border-box;} -.cmmt_input .cmmt_add{width: 80px; height: 80px; border-radius: 5px; background-color: #163db1; border: 0; color: #fff; vertical-align: middle; margin-left: 5px; font-size: 18px; transition: background-color 0.2s linear;} + +.cmmt_wrap{display:flex;padding:20px 35px;background:#f4f5f6;border:1px solid #d5d5d5;border-radius:5px;gap:10px;margin:50px 0 80px 0;} +.cmmt_wrap .cmmt_tit{width:60px;font-size:1.8rem;} +.cmmt_text{width:100%;} +.cmmt_text textarea{height:80px;width:100%;border:1px solid #e8e8e8;border-radius:5px;padding:15px;} +.cmmt_wrap li:last-child{width:80px;} +.cmmt_wrap .btn_add_cmmt{width:100%;height:80px;border-radius:5px;background:#2e40ba;border:0;color:#fff;margin:0 0 0 5px;font-size:1.8rem;transition:background 0.2s linear;} + /* ==================== 테블릿 ==================== */ @media screen and (max-width: 1199px){ @@ -521,6 +526,26 @@ .satisfaction_area .radio_wrap{display:flex;width:100%;gap:43px 54px;flex-wrap:wrap;} .satisfaction_area .radio_wrap .radio+label{font-size:3rem;} .satisfaction_area .btn_satisfation{width:100%;margin:50px 0 0 0;} + + /* 댓글 */ + .cmmt_view{padding:120px 0 0 0;} + .cmmt_tit{font-size:3.2rem;} + .cmmt_tit span{font-size:4rem;} + .cmmt_tit .cmmt_icon{width:62px;height:54px;background:url(/kofair_case_seed/usr/images/component/icon_cmmt_m.png) no-repeat center 77%;} + .cmmt_list{border-top:2px solid #d5d5d5;margin:40px 0 0 0;} + .cmmt_list li{border-bottom:2px solid #d5d5d5;padding:48px 0;} + .cmmt_person{min-width:140px;font-size:3.6rem;padding:0 40px 0 0;} + .cmmt_person::before{width:2px;height:32px;background:#d5d5d5;right:0;top:12px;} + .cmmt_detail{font-size:3.6rem;padding:0 0 0 40px;} + .cmmt_date{margin:40px 0 0 0;font-size:3.2rem;} + .cmmt_detail .btn_wrap{margin:30px 0 0 0;} + .cmmt_detail .btn_wrap button{font-size:3.2rem;min-width:120px;height:72px;} + + .cmmt_wrap{padding:40px 70px;background:#f4f5f6;border:2px solid #d5d5d5;border-radius:10px;gap:20px;margin:100px 0 160px 0;} + .cmmt_wrap .cmmt_tit{width:120px;font-size:3.6rem;} + .cmmt_text textarea{height:160px;border:2px solid #e8e8e8;border-radius:10px;padding:30px;} + .cmmt_wrap li:last-child{width:160px;} + .cmmt_wrap .btn_add_cmmt{height:160px;border-radius:10px;background:#2e40ba;border:0;color:#fff;margin:0 0 0 10px;font-size:3.6rem;transition:background 0.2s linear;} } @@ -689,6 +714,26 @@ .satisfaction_area .radio_wrap .radio+label{font-size:1.5rem;} .satisfaction_area .btn_satisfation{width:100% !important;margin:25px 0 0 0;} + /* 댓글 */ + .cmmt_view{padding:60px 0 0 0;} + .cmmt_tit{font-size:1.6rem;} + .cmmt_tit span{font-size:2rem;} + .cmmt_tit .cmmt_icon{width:31px;height:27px;background:url(/kofair_case_seed/usr/images/component/icon_cmmt.png) no-repeat center 77%;} + .cmmt_list{border-top:1px solid #d5d5d5;margin:20px 0 0 0;} + .cmmt_list li{border-bottom:1px solid #d5d5d5;padding:24px 0;} + .cmmt_person{min-width:70px;font-size:1.8rem;padding:0 20px 0 0;} + .cmmt_person::before{width:1px;height:16px;background:#d5d5d5;right:0;top:6px;} + .cmmt_detail{font-size:1.8rem;padding:0 0 0 20px;} + .cmmt_date{margin:20px 0 0 0;font-size:1.6rem;} + .cmmt_detail .btn_wrap{margin:15px 0 0 0;} + .cmmt_detail .btn_wrap button{font-size:1.6rem;min-width:60px;height:36px;} + + .cmmt_wrap{padding:20px 35px;background:#f4f5f6;border:1px solid #d5d5d5;border-radius:5px;gap:10px;margin:50px 0 80px 0;} + .cmmt_wrap .cmmt_tit{width:60px;font-size:1.8rem;} + .cmmt_text textarea{height:80px;border:1px solid #e8e8e8;border-radius:5px;padding:15px;} + .cmmt_wrap li:last-child{width:80px;} + .cmmt_wrap .btn_add_cmmt{height:80px;border-radius:5px;background:#2e40ba;border:0;color:#fff;margin:0 0 0 5px;font-size:1.8rem;transition:background 0.2s linear;} + } @media screen and (max-width: 499px){ @@ -709,6 +754,13 @@ /* //sub layout */ /* view */ + + /* 댓글 */ + .cmmt_wrap{flex-wrap:wrap;padding:20px;} + .cmmt_wrap .cmmt_tit{width:100%;} + .cmmt_text{width:100%;} + .cmmt_wrap li:last-child{width:100%;} + .cmmt_wrap .btn_add_cmmt{height:50px;} } \ No newline at end of file