From 75763b9467ffc9c4e2e54b34fb5fd6a16d757c6b Mon Sep 17 00:00:00 2001 From: subsub Date: Mon, 14 Oct 2024 11:57:37 +0900 Subject: [PATCH] =?UTF-8?q?2024/10/14=20=EB=A7=88=EC=9D=B4=ED=8E=98?= =?UTF-8?q?=EC=9D=B4=EC=A7=80=20=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../webapp/kofair_case_seed/usr/guide.html | 4 +- .../usr/images/component/icon_td_time.png | Bin 0 -> 905 bytes .../usr/mypage/apl_status_detail.html | 2 +- .../usr/mypage/law_counsel_status.html | 12 ++-- .../kofair_case_seed/usr/style/mypage.css | 65 ++++++++++++++++++ .../kofair_case_seed/usr/style/request.css | 2 +- .../kofair_case_seed/usr/style/style.css | 27 +++++++- 7 files changed, 101 insertions(+), 11 deletions(-) create mode 100644 src/main/webapp/kofair_case_seed/usr/images/component/icon_td_time.png diff --git a/src/main/webapp/kofair_case_seed/usr/guide.html b/src/main/webapp/kofair_case_seed/usr/guide.html index 9d0aaab3..3fffd13a 100644 --- a/src/main/webapp/kofair_case_seed/usr/guide.html +++ b/src/main/webapp/kofair_case_seed/usr/guide.html @@ -53,7 +53,9 @@
  • 본인인증
  • 한국공정거래조정원 온라인분쟁조정시스템 > 마이페이지 > 분쟁조정 신청현황
    • -
  • 한국공정거래조정원 온라인분쟁조정시스템 > 마이페이지 > 법률상담예약현황
    • +
  • 한국공정거래조정원 온라인분쟁조정시스템 > 마이페이지 > 분쟁조정 신청현황 > 상세
    • +
  • 한국공정거래조정원 온라인분쟁조정시스템 > 마이페이지 > 법률상담예약현황
    • +
  • 한국공정거래조정원 온라인분쟁조정시스템 > 마이페이지 > 법률상담예약현황 > 상세
    • diff --git a/src/main/webapp/kofair_case_seed/usr/images/component/icon_td_time.png b/src/main/webapp/kofair_case_seed/usr/images/component/icon_td_time.png new file mode 100644 index 0000000000000000000000000000000000000000..dec6f96da1c434f1bccc20c8b9d164873dd052b4 GIT binary patch literal 905 zcmV;419tq0P)9&gsQkrI=Ez+F@ zHzFl&tQAUIi)P`@7OgD>Q&&oL;o?DeA_f;t3WBa&HcLxQaiw5LNfAO^+;cPYhI#)I zlMgO$-n-|X@0&B{-gDlx+U>R>Fo9DzhC`UdzL-LZzZ^^U}Lu@Sy= z0#66`mXOO8<12dS#7?mi92p;EArm^IacdVvWZY6lrf$;a>@d>SEv@s$wJvr{I!Q7GBW4Ber>=ocoQ#g zcX1(gR&Zb&>;I`-AHgqD6ZFb}>oe!$LTc~e8H^7p}Bd04^DVc zNIho8u%Z1I7x5xKRYsR|EG*)^E^Dh?_Y0}f&3JuCAsK(-Lum)r1s&vr92wUr+kgd~QTY}lyC7mDeCKE^1$Re>c2>C!XK-^Dgxn0@g6nLa zs0vxexytu*_`?4anUU~S_rKgE1iqFIsH*W#c9t{a;iD?zMsRJRsn%SoiJ6g;`>ENl~NiLMt0+z8U{f9XjKDvs4r}_xV fSctJ}FKYe+9!a^dga_*@00000NkvXXu0mjf`JtkO literal 0 HcmV?d00001 diff --git a/src/main/webapp/kofair_case_seed/usr/mypage/apl_status_detail.html b/src/main/webapp/kofair_case_seed/usr/mypage/apl_status_detail.html index 15cd799b..a7a7ad25 100644 --- a/src/main/webapp/kofair_case_seed/usr/mypage/apl_status_detail.html +++ b/src/main/webapp/kofair_case_seed/usr/mypage/apl_status_detail.html @@ -1000,7 +1000,7 @@
    - +
    diff --git a/src/main/webapp/kofair_case_seed/usr/mypage/law_counsel_status.html b/src/main/webapp/kofair_case_seed/usr/mypage/law_counsel_status.html index 13bc276c..d8d5d567 100644 --- a/src/main/webapp/kofair_case_seed/usr/mypage/law_counsel_status.html +++ b/src/main/webapp/kofair_case_seed/usr/mypage/law_counsel_status.html @@ -13,7 +13,7 @@ - + @@ -21,7 +21,7 @@ - + @@ -59,7 +59,7 @@ -
    +
      @@ -145,9 +145,9 @@ 공정거래 공정거래 상담 신청합니다. - 2024-08-19 - 확정 - 2024-08-19 10:00 + 2024-08-19 + 확정 + 2024-08-19 10:00 diff --git a/src/main/webapp/kofair_case_seed/usr/style/mypage.css b/src/main/webapp/kofair_case_seed/usr/style/mypage.css index cdf1a7a4..6e835e9d 100644 --- a/src/main/webapp/kofair_case_seed/usr/style/mypage.css +++ b/src/main/webapp/kofair_case_seed/usr/style/mypage.css @@ -64,9 +64,41 @@ .idf_method .btn_idf i.aut_cefi{background-image:url(/kofair_case_seed/usr/images/component/icon_idf_aut_cefi_m.png);} /* 분쟁조정신청현황 */ + .apl_status_content.detail h3{margin:60px 0 80px 0;} + .apl_status_content.detail .title.depth02{margin:100px 0 0 0;} + .apl_status_content.detail .blue_border.orange_border{margin:120px 0 0 0;} .apl_status_content .table_type_cols:not(.mobile_view_table) table tbody td.td_writer{order:3;} .apl_status_content .table_type_cols:not(.mobile_view_table) table tbody td.td_type{order:2;} .apl_status_content .table_type_cols .btn_edit{width:100%;} + + .apl_status_content.detail .apl_list>li{margin:60px 0;} + .apl_status_content.detail .apl_list .btn_apl_slide{font-size:3.8rem;height:120px;padding:0 25px 0 30px;border:2px solid #d8d8d8;border-top:4px solid #2e40ba;} + .apl_status_content.detail .apl_list .active .btn_apl_slide{border:2px solid #2e40ba;border-top:4px solid #2e40ba;} + .apl_status_content.detail .apl_list .btn_apl_slide i,.apl_status_content.detail .apl_list .active .btn_apl_slide i{width:60px;height:60px;} + .apl_status_content.detail .apl_list .btn_apl_slide i::after{width:20px;height:20px;border-left:6px solid #fff;border-top:6px solid #fff;border-radius:0;left:20px;top:16px;} + .apl_status_content.detail .apl_list .active .btn_apl_slide i::after{top:23px;} + .apl_status_content.detail .apl_list .btn_delete_apl{left:190px;top:25px;padding:0 20px;} + .apl_status_content.detail .apl_list.rapl_list .btn_delete_apl{left:220px;} + + .apl_status_content.detail .blue_row_dl dd{font-size:3.4rem;} + + .apl_status_content.detail .table_type_cols.line thead tr th, + .apl_status_content.detail .table_type_cols.line thead tr:nth-child(2) th, + .apl_status_content.detail .table_type_cols.line thead tr:nth-child(3) th, + .apl_status_content.detail .table_type_cols table tr td{min-height:80px;padding:20px 10px;font-size:3.4rem;} + .apl_status_content.detail .table_type_cols.line td .select{font-size:3.4rem;padding:0 0 0 16px;background-position:calc(100% - 16px) 51%;} + .apl_status_content.detail .scroll_table{overflow:auto;} + .apl_status_content.detail .scroll_table table{width:400%;} + .apl_status_content.detail .scroll_table colgroup{display:none;} + .apl_status_content.detail .price_table td:not(:first-child){font-size:2.8rem;} + + /* 법률상담예약 */ + .law_counsel_content .search_wrap li:nth-child(2){width:60%;} + .law_counsel_content .search_wrap li:nth-child(3){width:calc(40% - 20px);} + .law_counsel_content .search_wrap li:nth-child(4){width:calc(100% - 130px);} + .law_counsel_content .search_wrap li:nth-child(4) .input_text{width:100%;} + .law_counsel_content .search_wrap li:nth-child(5){width:110px;} + .law_counsel_content .table_type_cols:not(.mobile_view_table, .scroll_table) table tbody td{max-width:100%;} } /* ==================== 모바일 ==================== */ @@ -78,4 +110,37 @@ .idf_method .btn_idf i{width:70px;height:calc(100% - 44px);background-size:70px;} .idf_method .btn_idf i::after{width:50px;height:50px;} .idf_method .btn_idf i.phone{background-size:50px;} + + /* 분쟁조정신청현황 */ + .apl_status_content.detail h3{margin:30px 0 40px 0;} + .apl_status_content.detail .title.depth02{margin:50px 0 0 0;} + .apl_status_content.detail .blue_border.orange_border{margin:60px 0 0 0;} + .apl_status_content .table_type_cols:not(.mobile_view_table) table tbody td.td_writer{order:3;} + .apl_status_content .table_type_cols:not(.mobile_view_table) table tbody td.td_type{order:2;} + .apl_status_content .table_type_cols .btn_edit{width:100%;} + + .apl_status_content.detail .apl_list>li{margin:30px 0;} + .apl_status_content.detail .apl_list .btn_apl_slide{font-size:1.9rem;height:60px;padding:0 12px 0 15px;border:1px solid #d8d8d8;border-top:2px solid #2e40ba;} + .apl_status_content.detail .apl_list .active .btn_apl_slide{border:1px solid #2e40ba;border-top:2px solid #2e40ba;} + .apl_status_content.detail .apl_list .btn_apl_slide i,.apl_status_content.detail .apl_list .active .btn_apl_slide i{width:30px;height:30px;} + .apl_status_content.detail .apl_list .btn_apl_slide i::after{width:10px;height:10px;border-left:3px solid #fff;border-top:3px solid #fff;border-radius:0;left:10px;top:8px;} + .apl_status_content.detail .apl_list .active .btn_apl_slide i::after{top:11px;} + .apl_status_content.detail .apl_list .btn_delete_apl{left:95px;top:12px;padding:0 10px;} + .apl_status_content.detail .apl_list.rapl_list .btn_delete_apl{left:110px;} + + .apl_status_content.detail .blue_row_dl dd{font-size:1.7rem;} + + .apl_status_content.detail .table_type_cols.line thead tr th, + .apl_status_content.detail .table_type_cols.line thead tr:nth-child(2) th, + .apl_status_content.detail .table_type_cols.line thead tr:nth-child(3) th, + .apl_status_content.detail .table_type_cols table tr td{min-height:40px;padding:10px 5px;font-size:1.7rem;} + .apl_status_content.detail .table_type_cols.line td .select{font-size:1.7rem;padding:0 0 0 8px;background-position:calc(100% - 8px) 51%;} + .apl_status_content.detail .scroll_table{overflow:auto;} + .apl_status_content.detail .scroll_table table{width:200%;} + .apl_status_content.detail .scroll_table colgroup{display:none;} + .apl_status_content.detail .price_table td:not(:first-child){font-size:1.4rem;} + + /* 법률상담예약 */ + .law_counsel_content .search_wrap li:nth-child(4){width:calc(100% - 100px);} + .law_counsel_content .search_wrap li:nth-child(5){width:80px;} } \ No newline at end of file diff --git a/src/main/webapp/kofair_case_seed/usr/style/request.css b/src/main/webapp/kofair_case_seed/usr/style/request.css index ab219e4a..233266b5 100644 --- a/src/main/webapp/kofair_case_seed/usr/style/request.css +++ b/src/main/webapp/kofair_case_seed/usr/style/request.css @@ -264,7 +264,7 @@ .apl03_info_content.apl05 .table_type_cols.line thead tr th, .apl03_info_content.apl05 .table_type_cols.line thead tr:nth-child(2) th, .apl03_info_content.apl05 .table_type_cols.line thead tr:nth-child(3) th, - .apl03_info_content.apl05 .table_type_cols table tr td{height:80px;padding:20px 10px;font-size:3.4rem;} + .apl03_info_content.apl05 .table_type_cols table tr td{min-height:80px;padding:20px 10px;font-size:3.4rem;} .apl03_info_content.apl05 .table_type_cols.line td .select{font-size:3.4rem;padding:0 0 0 16px;background-position:calc(100% - 16px) 51%;} .apl03_info_content.apl05 .scroll_table{overflow:auto;} .apl03_info_content.apl05 .scroll_table table{width:400%;} 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 42a30e0d..d8cc0da9 100644 --- a/src/main/webapp/kofair_case_seed/usr/style/style.css +++ b/src/main/webapp/kofair_case_seed/usr/style/style.css @@ -28,6 +28,7 @@ .icon.td_calendar{width:32px;height:32px;background:url(/kofair_case_seed/usr/images/component/icon_calendar.png) no-repeat center center;} .icon.td_case_number{width:32px;height:32px;background:url(/kofair_case_seed/usr/images/component/icon_td_case_number.png) no-repeat center center;} .icon.td_person{width:32px;height:32px;background:url(/kofair_case_seed/usr/images/component/icon_td_person.png) no-repeat center center;} +.icon.td_time{width:34px;height:34px;background:url(/kofair_case_seed/usr/images/component/icon_td_time.png) no-repeat center center;} /* sub layout */ .sub_content{width:calc(100% - 366px);margin:10px 0 0 0;} @@ -223,6 +224,7 @@ /* duet_calendar */ .calendar .duet-date__dialog-content{position:relative;padding:25px 23px 54px 23px;} /* 달력 박스 */ +.calendar .duet-date__mobile{position:unset;} .calendar .duet-date__select span,.calendar .duet-date__header{font-size:1.8rem;} /* 달력 select, button */ .calendar .duet-date__select-label svg{width:20px;height:20px;margin:3px 0 0 0;} /* 달력 select 아이콘 */ .calendar .duet-date__prev, .calendar .duet-date__next{width:26px;height:26px;background:transparent;border:1px solid #d8d8d8;border-radius:5px;} /* 달력 이전, 다음 버튼 */ @@ -236,7 +238,7 @@ .calendar .duet-date__day:hover::before{background:transparent;border:1px solid #2870ed;opacity:1;} /* 달력 날짜 호버 */ .calendar .duet-date__day.is-today::before{background:#e3edfe;border:1px solid #2870ed;opacity:1;z-index:-1;} /* 달력 날짜 오늘 */ .calendar .duet-date__day[aria-pressed=true],.calendar .duet-date__day:focus{background:#2870ed;color:#fff;} /* 달력 날짜 선택 */ -.calendar .duet-date__close{display:flex !important;position:absolute;width:26px;height:26px;border:1px solid #d8d8d8;border-radius:5px;background:#fff;right:30px;top:310px;opacity:1 !important;} /* 달력 닫기 */ +.calendar .duet-date__close{display:flex !important;position:absolute;width:26px;height:26px;border:1px solid #d8d8d8;border-radius:5px;background:#fff;right:25px;bottom:15px;opacity:1 !important;} /* 달력 닫기 */ /* 2870ed / e3edfe */ @@ -264,7 +266,7 @@ .sub_con_tit{font-size:5rem;margin:60px 0 0 0;} .sub_con_sub_tit{font-size:3.4rem;margin:80px 0 ;} .search_wrap{padding:60px;margin:80px 0;gap:20px;} - .search_wrap select[name=search_category]{width:100%;} + .search_wrap select[name=search_category],.search_wrap select[name=reservation_category]{width:100%;} .search_wrap select[name=search_type]{width:180px;} .search_wrap .input_text{width:calc(100% - 330px);} .search_wrap .btn_search{width:110px;padding:0;} @@ -307,6 +309,7 @@ .table_type_rows colgroup{display:none;} .table_type_rows table tr{display:flex;flex-wrap:wrap;} .table_type_rows table tbody th,.table_type_rows table tbody td{display:flex;width:100%;min-height:116px;height:auto;padding:15px 20px;align-items:center;} + .table_type_rows table tbody td.td_substance{height:auto;padding:15px;} .table_type_rows table tbody th{padding:15px 45px;} .table_type_rows table .select{font-size:3.2rem;padding:0 28px;background-position:calc(100% - 28px);} @@ -382,6 +385,14 @@ .box_complete{padding:90px 0;} .box_complete i.icon.process.complete{width:220px;height:220px;margin:0 auto 50px auto;background:url(/kofair_case_seed/usr/images/component/icon_process_complete_m.png) no-repeat center center;} .box_complete .gMarket_bold{font-size:6rem;} + + /* calendar */ + .search_wrap li{width:100%;font-size:3.2rem;gap:20px;white-space:nowrap;} + .search_wrap .calendar_term{width:calc(100% - 150px);} + .search_wrap .calendar_term .calendar{width:calc((100% - 50px)/2);} + .search_wrap .calendar_term .duet-date__input{font-size:3rem;} + + } @@ -492,6 +503,18 @@ .box_complete i.icon.process.complete{width:110px;height:110px;border-radius:100%;background-size:100%;margin:30px auto 25px auto;} .box_complete .gMarket_bold{font-size:3rem;} + + /* calendar */ + .is-active .duet-date__dialog-content{position:absolute;} + .calendar .duet-date__close{bottom:auto;top:12px;} + + + .search_wrap li{font-size:1.6rem;gap:10px;} + .search_wrap .calendar_term{width:calc(100% - 50px);} + .search_wrap .calendar_term .calendar{width:calc((100% - 20px)/2);} + .search_wrap .calendar_term .duet-date__input{font-size:1.5rem;} + .search_wrap .input_calendar .duet-date__toggle{width:40px;top:-1px;} + .search_wrap .select{background:#fff url(/kofair_case_seed/usr/images/component/icon_select.png) no-repeat calc(100% - 16px) calc(50% - 1px);} } @media screen and (max-width: 499px){