diff --git a/src/main/webapp/kofair_case_seed/adm/index.html b/src/main/webapp/kofair_case_seed/adm/index.html index a2f4d8bd..97c2f9e8 100644 --- a/src/main/webapp/kofair_case_seed/adm/index.html +++ b/src/main/webapp/kofair_case_seed/adm/index.html @@ -12,6 +12,7 @@ + @@ -22,13 +23,209 @@ -
+
+
+ +
+
+

최근 접수사건 (미배정)

+ +
+ +
+
+
+

진행 중 사건목록 (오래된 순)

+ +
+ +
+
+ + 분쟁사건 처리관리 + 바로가기 + + + 나의사건 통계 + 바로가기 + + + 분쟁조정협의회 + 바로가기 + + + 종료사건 조회 + 바로가기 + +
+
+
+

분쟁조정 게시판

+ +
+ +
+
+
+

분쟁조정협의회 (예정)

+ +
+ +
+ +
+ +
diff --git a/src/main/webapp/kofair_case_seed/adm/style/index.css b/src/main/webapp/kofair_case_seed/adm/style/index.css index e69de29b..590237d0 100644 --- a/src/main/webapp/kofair_case_seed/adm/style/index.css +++ b/src/main/webapp/kofair_case_seed/adm/style/index.css @@ -0,0 +1,41 @@ +@charset "utf-8"; + +.wrap.main{min-height:100vh;} + +.main .box_wrap{display:flex;flex-wrap:wrap;gap:40px;} +.main .box{border:5px solid #f4f5fb;border-radius:10px;;} +.main .width3{width:calc((100% / 3) - 27px);} +.main .width2{width:calc((100% / 2) - 20px);} +.main .title{display:flex;height:50px;padding:0 25px;font-size:20px;font-weight:bold;color:#2b3db9;border-bottom:1px solid #f4f5f6;justify-content:space-between;align-items:center;} +.main .title span{font-size:18px;font-weight:400;} +.main .btn_plus{width:26px;height:26px;border:1px solid #d5d5d5;border-radius:5px;} +.main .btn_plus i{display:inline-block;width:100%;height:100%;background:url(/kofair_case_seed/adm/images/main/icon_plus.png) no-repeat center center;} + +.main .box_list{display:flex;padding:20px 25px;flex-direction:column;gap:18px;} +.main .box_list a{display:flex;font-size:16px;font-weight:300;color:#666;gap:3px;transition:all 0.3s;} +.main .box_list a:hover{text-decoration:underline;text-underline-offset:3px;transition:all 0.3s;} +.main .box_list span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} +.main .box_list .list_title{width:calc(100% - 160px);font-weight:400;color:#222;} +.main .box_list .list_writer{width:60px;} +.main .box_list .list_date{width:100px;text-align:right;} + +.main .quick_area{display:inline-flex;flex-wrap:wrap;border:0;gap:20px;} +.main .quick_area a{position:relative;width:calc((100% - 20px)/2);height:calc((100% - 20px)/2);padding:25px;color:#fff;border-radius:10px;transition:all 0.3s;} +.main .quick_area a::after{position:absolute;content:"";width:85px;height:85px;background:#fff;border-radius:100%;right:-6px;bottom:-17px;opacity:0.2;} +.main .quick_area a::before{position:absolute;content:"";width:85px;height:85px;} +.main .quick_area a.bg_7990c3::before{background:url(/kofair_case_seed/adm/images/main/icon_1.png) no-repeat center center;right:-4px;bottom:-14px;} +.main .quick_area a.bg_474b5e::before{background:url(/kofair_case_seed/adm/images/main/icon_2.png) no-repeat center center;right:-4px;bottom:-14px;} +.main .quick_area a.bg_171c70::before{background:url(/kofair_case_seed/adm/images/main/icon_3.png) no-repeat center center;right:-4px;bottom:-10px;} +.main .quick_area a.bg_04b5a5::before{background:url(/kofair_case_seed/adm/images/main/icon_4.png) no-repeat center center;right:-6px;bottom:-12px;} +.main .quick_area a:hover{transition:all 0.3s;} +.main .quick_area a.bg_7990c3:hover{box-shadow:0 0 9px rgba(121,144,195,0.5);} +.main .quick_area a.bg_474b5e:hover{box-shadow:0 0 9px rgba(71,75,94,0.5);} +.main .quick_area a.bg_171c70:hover{box-shadow:0 0 9px rgba(23,28,112,0.5);} +.main .quick_area a.bg_04b5a5:hover{box-shadow:0 0 9px rgba(4,181,165,0.5);} +.main .quick_area .bg_7990c3{background:#7990c3;} +.main .quick_area .bg_474b5e{background:#474b5e;} +.main .quick_area .bg_171c70{background:#171c70;} +.main .quick_area .bg_04b5a5{background:#04b5a5;} +.main .quick_area .quick_title{font-size:20px;font-weight:bold;} +.main .quick_area .baro_text{position:absolute;font-size:14px;left:25px;bottom:25px;} +.main .quick_area .baro_text i{display:inline-block;width:20px;height:11px;background:url(/kofair_case_seed/adm/images/main/icon_baro.png) no-repeat center center;} diff --git a/src/main/webapp/kofair_case_seed/usr/identification/popup/idf_popup.html b/src/main/webapp/kofair_case_seed/usr/identification/popup/idf_popup.html new file mode 100644 index 00000000..643271ff --- /dev/null +++ b/src/main/webapp/kofair_case_seed/usr/identification/popup/idf_popup.html @@ -0,0 +1,77 @@ + + + + + + + 한국공정거래조정원 온라인분쟁조정시스템 > 마이페이지 > 본인인증 > 네이버 간편인증 + + + + + + + + + + + + + + + + + + + +
+
+

네이버 간편인증

+
+
+
+ + + + + + + + + + + + + + + + + + + +
이름
휴대전화
생년월일
+
+ +
    +
  • +
    + +
    + +
    • +
  • +
    + +
    + +
    • +
+
+ + +
+
+
+ + + \ No newline at end of file diff --git a/src/main/webapp/kofair_case_seed/usr/identification/popup/idf_process_popup.html b/src/main/webapp/kofair_case_seed/usr/identification/popup/idf_process_popup.html new file mode 100644 index 00000000..83ac9e5d --- /dev/null +++ b/src/main/webapp/kofair_case_seed/usr/identification/popup/idf_process_popup.html @@ -0,0 +1,48 @@ + + + + + + + 한국공정거래조정원 온라인분쟁조정시스템 > 마이페이지 > 본인인증 > 네이버 간편인증 + + + + + + + + + + + + + + + + + + + +
+
+

네이버 간편인증

+
+
+ +

인증을 진행해주세요.

+ +
+ 입력하신 휴대폰으로 인증 요청 메시지를 보냈습니다.
+ 앱에서 인증을 진행해 주세요. +
+ +
+ + +
+
+
+ + + \ No newline at end of file diff --git a/src/main/webapp/kofair_case_seed/usr/images/component/icon_lock.png b/src/main/webapp/kofair_case_seed/usr/images/component/icon_lock.png new file mode 100644 index 00000000..933d4c3e Binary files /dev/null and b/src/main/webapp/kofair_case_seed/usr/images/component/icon_lock.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 bbce995d..1f873c51 100644 --- a/src/main/webapp/kofair_case_seed/usr/style/popup.css +++ b/src/main/webapp/kofair_case_seed/usr/style/popup.css @@ -45,6 +45,18 @@ .type_popup .box.white_fill .gray_fill.gray_border{margin:0 0 0 -20px;padding:10px 10px 10px 20px;} .type_popup .box.white_fill>dd:last-child{margin:0;} +/* 간편인증 팝업 */ +.idf.window_popup .title_area{display:flex;width:100%;height:50px;font-size:1.9rem;font-weight:bold;color:#fff;padding:0 20px;background:#2870ed;align-items:center;} +.idf.window_popup .cont_area{padding:30px;} +.idf.window_popup .agree_box_area{display:flex;margin:17px 0 0 0;flex-direction:column;gap:11px;} +.idf.window_popup .agree_box_area li{display:flex;padding:11px 17px;background:#f4f5f7;border-radius:5px;justify-content:space-between;align-items:center;} +.idf.window_popup .checkbox_wrap{display:flex;align-items:center;gap:8px;} +.idf.window_popup input[type="checkbox"]{width:18px;height:18px;} +.idf.window_popup input[type="checkbox"]+label{font-size:1.7rem;} +.idf.window_popup .btn_wrap button{width:100px;} +.idf.window_popup .title.gMarket_bold{font-size:2.8rem;} +.idf.window_popup .lock{width:28px;height:35px;background:url(/kofair_case_seed/usr/images/component/icon_lock.png) no-repeat center;margin:0 9px 0 0;vertical-align:sub;} + /* ==================== 모바일 ==================== */ @media screen and (max-width: 767px){ .popup_wrap{min-width:90%; width:90% !important;left:50% !important;top:50% !important;transform:translate(-50%,-50%) !important;}