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 00000000..a66184b7 Binary files /dev/null and b/src/main/webapp/kofair_case_seed/usr/images/component/icon_cmmt.png differ diff --git a/src/main/webapp/kofair_case_seed/usr/images/component/icon_cmmt_m.png b/src/main/webapp/kofair_case_seed/usr/images/component/icon_cmmt_m.png new file mode 100644 index 00000000..5a22c8ed Binary files /dev/null and b/src/main/webapp/kofair_case_seed/usr/images/component/icon_cmmt_m.png differ diff --git a/src/main/webapp/kofair_case_seed/usr/style/popup.css b/src/main/webapp/kofair_case_seed/usr/style/popup.css index 8582e875..a5510ae0 100644 --- a/src/main/webapp/kofair_case_seed/usr/style/popup.css +++ b/src/main/webapp/kofair_case_seed/usr/style/popup.css @@ -17,7 +17,7 @@ .layer_popup .box.gray_fill:first-child{margin:0 0 0 0;} .layer_popup .box.gray_fill .title{display:block;font-size:1.9rem;font-weight:bold;color:#333;margin:33px 0 0 0;} .layer_popup .box.gray_fill .title:first-child{margin:0;} -.layer_popup .box.white_fill dt{margin:0 0 8px 0;font-size:1.7rem;font-weight:500;color:#333;} +.layer_popup .box.white_fill dt{margin:0 0 8px 0;font-size:1.7rem;font-weight:500;color:#333;line-height:1.4;} .layer_popup .box.white_fill>dd{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