diff --git a/src/main/webapp/kofair_case_seed/usr/guide.html b/src/main/webapp/kofair_case_seed/usr/guide.html index b972d83e..fd221363 100644 --- a/src/main/webapp/kofair_case_seed/usr/guide.html +++ b/src/main/webapp/kofair_case_seed/usr/guide.html @@ -32,6 +32,8 @@
  • 분쟁조정 신청 > 분쟁조정 신청하기01
  • 분쟁조정 신청 > 분쟁조정 신청하기02
  • +
  • 분쟁조정 신청 > 분쟁조정 신청하기03
  • +
  • 분쟁조정 신청 > 분쟁조정 신청하기04
  • 분쟁조정 신청 > 분쟁조정 사건조회
  • 분쟁조정 상담 > 상담신청 > 분쟁조정 상담
  • diff --git a/src/main/webapp/kofair_case_seed/usr/images/component/icon_file_clip_blue.png b/src/main/webapp/kofair_case_seed/usr/images/component/icon_file_clip_blue.png new file mode 100644 index 00000000..9125b843 Binary files /dev/null and b/src/main/webapp/kofair_case_seed/usr/images/component/icon_file_clip_blue.png differ diff --git a/src/main/webapp/kofair_case_seed/usr/images/component/icon_td_case_number.png b/src/main/webapp/kofair_case_seed/usr/images/component/icon_td_case_number.png new file mode 100644 index 00000000..beb325b6 Binary files /dev/null and b/src/main/webapp/kofair_case_seed/usr/images/component/icon_td_case_number.png differ diff --git a/src/main/webapp/kofair_case_seed/usr/images/component/icon_td_person.png b/src/main/webapp/kofair_case_seed/usr/images/component/icon_td_person.png new file mode 100644 index 00000000..3b84f43a Binary files /dev/null and b/src/main/webapp/kofair_case_seed/usr/images/component/icon_td_person.png differ diff --git a/src/main/webapp/kofair_case_seed/usr/images/request/icon_step_01.png b/src/main/webapp/kofair_case_seed/usr/images/request/icon_step_01.png new file mode 100644 index 00000000..c48e964f Binary files /dev/null and b/src/main/webapp/kofair_case_seed/usr/images/request/icon_step_01.png differ diff --git a/src/main/webapp/kofair_case_seed/usr/images/request/icon_step_01_active.png b/src/main/webapp/kofair_case_seed/usr/images/request/icon_step_01_active.png new file mode 100644 index 00000000..c115628c Binary files /dev/null and b/src/main/webapp/kofair_case_seed/usr/images/request/icon_step_01_active.png differ diff --git a/src/main/webapp/kofair_case_seed/usr/images/request/icon_step_02.png b/src/main/webapp/kofair_case_seed/usr/images/request/icon_step_02.png new file mode 100644 index 00000000..31dd3b4b Binary files /dev/null and b/src/main/webapp/kofair_case_seed/usr/images/request/icon_step_02.png differ diff --git a/src/main/webapp/kofair_case_seed/usr/images/request/icon_step_02_active.png b/src/main/webapp/kofair_case_seed/usr/images/request/icon_step_02_active.png new file mode 100644 index 00000000..7138b583 Binary files /dev/null and b/src/main/webapp/kofair_case_seed/usr/images/request/icon_step_02_active.png differ diff --git a/src/main/webapp/kofair_case_seed/usr/images/request/icon_step_03.png b/src/main/webapp/kofair_case_seed/usr/images/request/icon_step_03.png new file mode 100644 index 00000000..ff5041d9 Binary files /dev/null and b/src/main/webapp/kofair_case_seed/usr/images/request/icon_step_03.png differ diff --git a/src/main/webapp/kofair_case_seed/usr/images/request/icon_step_03_active.png b/src/main/webapp/kofair_case_seed/usr/images/request/icon_step_03_active.png new file mode 100644 index 00000000..392094b3 Binary files /dev/null and b/src/main/webapp/kofair_case_seed/usr/images/request/icon_step_03_active.png differ diff --git a/src/main/webapp/kofair_case_seed/usr/images/request/icon_step_04.png b/src/main/webapp/kofair_case_seed/usr/images/request/icon_step_04.png new file mode 100644 index 00000000..76c2bfe7 Binary files /dev/null and b/src/main/webapp/kofair_case_seed/usr/images/request/icon_step_04.png differ diff --git a/src/main/webapp/kofair_case_seed/usr/images/request/icon_step_04_active.png b/src/main/webapp/kofair_case_seed/usr/images/request/icon_step_04_active.png new file mode 100644 index 00000000..c3a8b782 Binary files /dev/null and b/src/main/webapp/kofair_case_seed/usr/images/request/icon_step_04_active.png differ diff --git a/src/main/webapp/kofair_case_seed/usr/images/request/icon_step_05.png b/src/main/webapp/kofair_case_seed/usr/images/request/icon_step_05.png new file mode 100644 index 00000000..0ece8301 Binary files /dev/null and b/src/main/webapp/kofair_case_seed/usr/images/request/icon_step_05.png differ diff --git a/src/main/webapp/kofair_case_seed/usr/images/request/icon_step_05_active.png b/src/main/webapp/kofair_case_seed/usr/images/request/icon_step_05_active.png new file mode 100644 index 00000000..948a6722 Binary files /dev/null and b/src/main/webapp/kofair_case_seed/usr/images/request/icon_step_05_active.png differ diff --git a/src/main/webapp/kofair_case_seed/usr/index.html b/src/main/webapp/kofair_case_seed/usr/index.html index c6cd7642..93ef31ca 100644 --- a/src/main/webapp/kofair_case_seed/usr/index.html +++ b/src/main/webapp/kofair_case_seed/usr/index.html @@ -22,6 +22,7 @@ + diff --git a/src/main/webapp/kofair_case_seed/usr/mypage/apl_status.html b/src/main/webapp/kofair_case_seed/usr/mypage/apl_status.html new file mode 100644 index 00000000..45f31f6a --- /dev/null +++ b/src/main/webapp/kofair_case_seed/usr/mypage/apl_status.html @@ -0,0 +1,175 @@ + + + + + + + 한국공정거래조정원 온라인분쟁조정시스템 > 마이페이지 > 분쟁조정 신청현황 + + + + + + + + + + + + + + + + + + + + + + + +
    + +
    +
    + +
    + +
    +

    마이페이지

    +
    + +
    + + +
    +

    마이페이지

    + +
    + +
    + + +
      +
    • +
    • 마이페이지
    • +
    • 분쟁조정신청현황
    • +
    + + +

    분쟁조정신청현황

    + +
      +
    • +
    • +
    + +
    + +
    +

    전체 3건 (1/1페이지)

    + +
    + +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    상태문서 등록번호신청인피신청인사건번호담당자신청일
    접수문서 등록번호 : 20240819-028홍길동홍길동, 정길동, 김길동, 정길동, 김길동202408-145김담당2024-08-20
    +
    +

    ※ 사건접수 완료 후 진행상황은 홈페이지 메뉴 분쟁조정 사건조회에서 조회가 가능합니다.

    + +
    + +
    +
    +

    전체 3건 (1/1페이지)

    +
    + +
    + + + + + + + + + + + + + + + + + + + + + + + + + + +
    번호신청인조정유형보관일수정
    3홍길동공정거래2024-08-20
    +
    +
    + + + + +
    +
    + + +
    +
    +
    + + + + + \ No newline at end of file diff --git a/src/main/webapp/kofair_case_seed/usr/mypage/law_counsel_status_detail.html b/src/main/webapp/kofair_case_seed/usr/mypage/law_counsel_status_detail.html new file mode 100644 index 00000000..861e8d22 --- /dev/null +++ b/src/main/webapp/kofair_case_seed/usr/mypage/law_counsel_status_detail.html @@ -0,0 +1,141 @@ + + + + + + + 한국공정거래조정원 온라인분쟁조정시스템 > 마이페이지 > 법률상담예약현황 + + + + + + + + + + + + + + + + + + + + + + +
    + +
    +
    + +
    + +
    +

    마이페이지

    +
    + +
    + + +
    +

    마이페이지

    + +
    + +
    + + +
      +
    • +
    • 마이페이지
    • +
    • 법률상담예약
    • +
    + + +

    법률상담예약

    + +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    접수번호20240829-003 + 등록일2024-08-29 +
    신청인홍길동핸드폰010-1234-5678
    조정유형공정거래사무실010-1111-3333
    이메일dfkeito02@naver.com
    상담제목공정거래 상담 신청합니다.
    상담내용신청인은 자동차 매매사업자이고, 피신청인은 자동차 중개(판매)사이트(이하 ‘이 사건 사이트’라 한다)를 운영하는 사업자이며, + 신청인은 피신청인의 이 사건 사이트를 통하여 자동차를 매입해왔는데 피신청인이 일방적으로 신청인의 계정을 정지한 행위가 + 부당하다고 주장하면서 이 사건 분쟁조정을 신청하였습니다. 이런 경우 어떻게 해야 하는지 궁금합니다.
    첨부파일 + +
    +
    + +
    + + +
    + + + +
    +
    + + +
    +
    +
    + + + + + \ No newline at end of file diff --git a/src/main/webapp/kofair_case_seed/usr/request/apl_03.html b/src/main/webapp/kofair_case_seed/usr/request/apl_03.html new file mode 100644 index 00000000..7b831436 --- /dev/null +++ b/src/main/webapp/kofair_case_seed/usr/request/apl_03.html @@ -0,0 +1,561 @@ + + + + + + + 한국공정거래조정원 온라인분쟁조정시스템 > 분쟁조정 신청 > 분쟁조정 신청하기 + + + + + + + + + + + + + + + + + + + + + +
    + + + +
    + +
    + + +
    + +
    + + +
    +
    + +
    + +
    +

    분쟁조정 신청

    +
    + +
    + + +
    +

    분쟁조정 신청

    + +
    + +
    + + +
      +
    • +
    • 분쟁조정 신청
    • +
    • 분쟁조정 신청하기
    • +
    + + +

    분쟁조정 신청하기

    +

    거래유형에 따른 분쟁조정 신청방법 및 절차를 알려드립니다.

    + +
      +
    • +

      STEP 01 개인정보수집

      + +
    • +
    • +

      STEP 02 신청인 정보

      + +
    • +
    • +

      STEP 03 피신청인 정보

      + +
    • +
    • +

      STEP 04 사건현황

      + +
    • +
    • +

      STEP 05 분쟁정보

      + +
    • +
    + +
      +
    • 분쟁조정에 필요한 정보(사업자 정보 및 분쟁사실 등)는 담당자 및 분쟁조정협의회 위원 등 관계자들에게만 제공되며, 신청인 및 신청인 소속 직원의 + 개인정보에 대해서는 관계 법령에 따라 비밀유지 의무를 준수합니다.
    • +
    • 조정원은 분쟁조정 신청 이후 분쟁사실 검토를 위해 관련 법령에 따라 사실관계 확인 등에 필요한 자료제출을 요구할 수 있으며, 자료제출에 2회 이상 + 불응할 경우 조정절차가 중지될 수 있으니 이 점 유의하시기 바랍니다.
    • +
    • 조정절차 진행 및 조정의사 확인 등을 이유로 필요한 경우 우편으로 문서가 통지될 수 있습니다.
    • +
    + +
    + +
    + +
    +

    *표기는 필수 입력사항

    +
    +
    + + + + + + + + + + + + + + + + + + + +
    +

    *필수입력

    조정유형 +
    + 하도급거래 +
    +

    *필수입력

    신청사유 +
    +
    + + +
    +
      +
    • + + +
    • +
    • + + +
    • +
    +
    +

    *필수입력

    하도급 위탁유형 +
    + +
    +
    + + + + +
    +

    신청인 기입사항

    +
    +

    * 표기는 필수 입력사항

    + +
    +
    + +
      +
    • +
      + + +
      +
      + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
      +

      *필수입력

      상호 +
      +

      *필수입력

      대표자 +
      +

      *필수입력

      개인/법인 +
      + +
      +

      *필수입력

      우편번호 +
      +
        +
      • +
      • +
      • +
      +

      *우편물(공문)을 수령할 수 있는 자택/사업장 주소를 기입 바랍니다.

      +
      +

      *필수입력

      도로명 주소 +
      +
        +
      • +
      • +
      + +
      +

      *필수입력

      이메일 +
      + +
      +

      *필수입력

      휴대폰 +
      +
      + - + - + +
      +
      FAX +
      + - + - + +
      +
      +

      *필수입력

      사업자등록번호
      ('-'제외) +
      법인등록번호
      ('-'제외)
      +
      +
    • +
    +
    + + +
    + + + + +
    + + +
    + +
    + +
    +
    + + + \ No newline at end of file diff --git a/src/main/webapp/kofair_case_seed/usr/request/apl_04.html b/src/main/webapp/kofair_case_seed/usr/request/apl_04.html new file mode 100644 index 00000000..100def48 --- /dev/null +++ b/src/main/webapp/kofair_case_seed/usr/request/apl_04.html @@ -0,0 +1,250 @@ + + + + + + + 한국공정거래조정원 온라인분쟁조정시스템 > 분쟁조정 신청 > 분쟁조정 신청하기 + + + + + + + + + + + + + + + + + + + + + +
    + +
    +
    + +
    + +
    +

    분쟁조정 신청

    +
    + +
    + + +
    +

    분쟁조정 신청

    + +
    + +
    + + +
      +
    • +
    • 분쟁조정 신청
    • +
    • 분쟁조정 신청하기
    • +
    + + +

    분쟁조정 신청하기

    +

    거래유형에 따른 분쟁조정 신청방법 및 절차를 알려드립니다.

    + +
      +
    • +

      STEP 01 개인정보수집

      + +
    • +
    • +

      STEP 02 신청인 정보

      + +
    • +
    • +

      STEP 03 피신청인 정보

      + +
    • +
    • +

      STEP 04 사건현황

      + +
    • +
    • +

      STEP 05 분쟁정보

      + +
    • +
    + + +
    +

    피신청인 기입사항

    +
    +

    * 표기는 필수 입력사항

    + +
    +
    + +
      +
    • +
      + + +
      +
      + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
      +

      *필수입력

      상호 +
      +

      *필수입력

      대표자 +
      +

      *필수입력

      개인/법인 +
      + +
      +

      *필수입력

      우편번호 +
      +
        +
      • +
      • +
      • +
      +
      +

      *필수입력

      도로명 주소 +
      +
        +
      • +
      • +
      + +
      +

      *필수입력

      이메일 +
      + +
      +

      *필수입력

      휴대폰 +
      +
      + - + - + +
      +
      FAX +
      + - + - + +
      +
      +

      *필수입력

      사업자등록번호
      ('-'제외) +
      법인등록번호
      ('-'제외)
      +
      +
    • +
    +
    + + +
    + + + + +
    + + +
    + +
    + +
    +
    + + + \ No newline at end of file diff --git a/src/main/webapp/kofair_case_seed/usr/request/apl_05.html b/src/main/webapp/kofair_case_seed/usr/request/apl_05.html new file mode 100644 index 00000000..71aca1d9 --- /dev/null +++ b/src/main/webapp/kofair_case_seed/usr/request/apl_05.html @@ -0,0 +1,113 @@ + + + + + + + 한국공정거래조정원 온라인분쟁조정시스템 > 분쟁조정 신청 > 분쟁조정 신청하기 + + + + + + + + + + + + + + + + + + + + + +
    + +
    +
    + +
    + +
    +

    분쟁조정 신청

    +
    + +
    + + +
    +

    분쟁조정 신청

    + +
    + +
    + + +
      +
    • +
    • 분쟁조정 신청
    • +
    • 분쟁조정 신청하기
    • +
    + + +

    분쟁조정 신청하기

    +

    거래유형에 따른 분쟁조정 신청방법 및 절차를 알려드립니다.

    + +
      +
    • +

      STEP 01 개인정보수집

      + +
    • +
    • +

      STEP 02 신청인 정보

      + +
    • +
    • +

      STEP 03 피신청인 정보

      + +
    • +
    • +

      STEP 04 사건현황

      + +
    • +
    • +

      STEP 05 분쟁정보

      + +
    • +
    + + +
    +

    사건현황

    +
    + +

    + + + + + +
    + + +
    + +
    + +
    +
    + + + \ No newline at end of file diff --git a/src/main/webapp/kofair_case_seed/usr/scripts/layout.js b/src/main/webapp/kofair_case_seed/usr/scripts/layout.js index efd5726c..f3f4ea4c 100644 --- a/src/main/webapp/kofair_case_seed/usr/scripts/layout.js +++ b/src/main/webapp/kofair_case_seed/usr/scripts/layout.js @@ -1,9 +1,10 @@ function header() { // ================= PC header ================= - $(".menu_depth01>a").mouseover(function () { - $(this).siblings(".sub_menu_wrap").slideDown(600); - $(this).closest(".menu_depth01").siblings(".menu_depth01").find(".sub_menu_wrap").slideUp(10); + $(".menu_depth01>a").on("mouseover",function () { + $(this).siblings(".sub_menu_wrap").stop().slideDown(600); + $(this).closest(".menu_depth01").siblings(".menu_depth01").find(".sub_menu_wrap").stop().slideUp(200); + return false }); $(".sub_menu_wrap").mouseleave(function () { diff --git a/src/main/webapp/kofair_case_seed/usr/scripts/request.js b/src/main/webapp/kofair_case_seed/usr/scripts/request.js index e69de29b..da07f457 100644 --- a/src/main/webapp/kofair_case_seed/usr/scripts/request.js +++ b/src/main/webapp/kofair_case_seed/usr/scripts/request.js @@ -0,0 +1,65 @@ +$(function () { + + // ================ 신청인 정보 ================ // + + // 신청사유 추가 + $(".btn_add_reason").click(function () { + //$(this).prev(".select").find("option:selected").attr("selected"); + var reasonSelect = $(this).prev(".select").html(); + var addLi = '
  • '; + $(".reason_list").append(addLi); + }); + + + + // 신청인 추가 + var apl_info = `
  • `; + apl_info += `
    `; + apl_info += ``; + apl_info += ``; + apl_info += ``; + apl_info += ``; + apl_info += `

    *필수입력

    상호

    *필수입력

    대표자

    *필수입력

    개인/법인

    *필수입력

    우편번호

    *우편물(공문)을 수령할 수 있는 자택/사업장 주소를 기입 바랍니다.

    *필수입력

    도로명 주소

    *필수입력

    이메일

    *필수입력

    휴대폰
    - -
    FAX
    - -

    *필수입력

    사업자등록번호
    (' - '제외)
    법인등록번호
    (' - '제외)
  • `; + + $(".btn_add_apl").click(function () { + var aplNum = $(".apl_list>li").length + 1; + if ($(this).closest(".table_top").siblings(".apl_list").is(".rapl_list")) { + console.log("1") + $(".apl_list").append(apl_info); + $(".apl_list>li").last().find('.btn_apl_slide').html('피신청인' + aplNum + ' '); + $(".apl_list>li").last().find('.btn_delete_apl').attr("title", "피신청인" + aplNum + " 삭제").text("피신청인 삭제"); + } else { + console.log("2") + $(".apl_list").append(apl_info); + $(".apl_list>li").last().find('.btn_apl_slide').html('신청인' + aplNum + ' '); + $(".apl_list>li").last().find('.btn_delete_apl').attr("title", "신청인" + aplNum + " 삭제"); + } + }); +}) + +// 타이틀 클릭 시 하위 정보 노출/숨김 +function aplSlide(button) { + $(button).closest(".apl_title").toggleClass("active"); + $(button).closest(".apl_title").next(".apl_info_input").slideToggle(300); +} + +function removeLi(button) { + $(button).closest("li").remove(); + setTimeout(function () { + if ($(button).is(".btn_delete_apl")) { + $(".btn_apl_slide").each(function (idx1, itm1) { + idx1 += 1; + if ($(itm1).closest(".apl_list").is(".rapl_list")) { + $(itm1).html('피신청인' + idx1 + ' '); + $(itm1).next(".btn_delete_apl").attr("title", "피신청인" + idx1 + " 삭제"); + }else{ + $(itm1).html('신청인' + idx1 + ' '); + $(itm1).next(".btn_delete_apl").attr("title", "신청인" + idx1 + " 삭제"); + } + }) + } + }) + + + +} \ No newline at end of file diff --git a/src/main/webapp/kofair_case_seed/usr/style/common.css b/src/main/webapp/kofair_case_seed/usr/style/common.css index f26c7885..d0cbde31 100644 --- a/src/main/webapp/kofair_case_seed/usr/style/common.css +++ b/src/main/webapp/kofair_case_seed/usr/style/common.css @@ -34,6 +34,7 @@ .btn.darkblue_fill:hover{background:#2435ac;} .btn.orange_fill{background:#f96502;color:#fff;} .btn.orange_fill:hover{background:#eb5e00;} +.btn.orange_border{border:1px solid #f96502;color:#f96502;} /* input, select, textarea */ .input_box{display:flex;align-items:center;gap:18px;flex-wrap:wrap;} @@ -54,24 +55,24 @@ .checkbox{width:18px;height:18px;margin:-4px 10px 0 0;border:1px solid #d8d8d8;} .checkbox+label{font-size:1.7rem;color:#333;} -input:disabled, input:read-only{background:#f4f4f4;border:1px solid #dddddd;} +input:disabled, input:read-only{background:#f8f9fa;border:1px solid #d8d8d8;} /* 텍스트 */ -.fw_light{font-weight:300;} -.fw_regular{font-weight:400;} -.fw_medium{font-weight:500;} -.fw_bold{font-weight:700;} -.fw_extrabold{font-weight:800;} +.fw_light{font-weight:300 !important;} +.fw_regular{font-weight:400 !important;} +.fw_medium{font-weight:500 !important;} +.fw_bold{font-weight:700 !important;} +.fw_extrabold{font-weight:800 !important;} .gMarket_light{font-family:'GmarketSansLight';} .gMarket_medium{font-family:'GmarketSansMedium';} .gMarket_bold{font-family:'GmarketSansBold';} -.color_333{color:#333;} -.color_666{color:#666;} -.color_blue{color:#1467cc;} -.color_darkblue{color:#2e40ba;} -.color_red{color:#e40000;} +.color_333{color:#333 !important;} +.color_666{color:#666 !important;} +.color_blue{color:#1467cc !important;} +.color_darkblue{color:#2e40ba !important;} +.color_red{color:#e40000 !important;} .color_brown{color:#a5532f !important;} .title{position:relative;font-weight:bold;color:#333;} @@ -91,6 +92,7 @@ input:disabled, input:read-only{background:#f4f4f4;border:1px solid #dddddd;} .title.blue_border.orange_border::after{position:absolute;content:"";width:7px;height:15px;border-radius:15px;background:#f96502;border:0;left:0;top:8.5px;transform: rotate(-45deg);} .cf_text{font-size:1.5rem;font-weight:300;color:#666;} +.cf_text.small{font-size:1.4rem;} .required_text{position:absolute;color:#e40000;left:15px;top:22px;} .required_text span{position:absolute;text-indent:-9999px;} @@ -105,6 +107,8 @@ input:disabled, input:read-only{background:#f4f4f4;border:1px solid #dddddd;} .show{display:block !important;} .hide{display:none !important;} +.pc_hide{display:none;} + /* sub layout */ .wrap.sub .footer{margin:80px 0 0 0;} .sub_visual{display:flex;margin:0 0 30px 0;height:160px;background:url(/kofair_case_seed/usr/images/layout/sub_visual.jpg) no-repeat left center;justify-content:center;align-items:center;box-shadow:inset 0 2px 10px 1px rgba(0,0,0,0.1);} @@ -138,6 +142,9 @@ input:disabled, input:read-only{background:#f4f4f4;border:1px solid #dddddd;} .btn_45{height:90px;font-size:3.4rem;padding:0 36px;} .btn_50{height:100px;font-size:4rem;} + /* 노출/숨김 */ + .pc_hide{display:inline-block;} + /* input, select, textarea */ .input_box{gap:30px;} .input_text{height:80px;font-size:3.4rem;border-radius:10px;padding:0 20px;} diff --git a/src/main/webapp/kofair_case_seed/usr/style/layout.css b/src/main/webapp/kofair_case_seed/usr/style/layout.css index 45c47865..7005688f 100644 --- a/src/main/webapp/kofair_case_seed/usr/style/layout.css +++ b/src/main/webapp/kofair_case_seed/usr/style/layout.css @@ -26,11 +26,11 @@ html{font-size:62.5%;} .header .util_btn_area .btn{margin:0 5px;} .header .util_btn_area .only_icon{margin:0 2.5px;} -.header .nav{position:relative;border-top:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;} +.header .nav{position:relative;border-top:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;background:#fff;z-index:2;} .header .nav .menu_ul{display:inline-flex;width:calc(100% - 43px);} .header .menu_depth01{width:calc(100% / 5);} .header .menu_depth01>a{display:flex;height:80px;font-size:2.3rem;font-weight:700;color:#333;text-align:center;align-items:center;justify-content:center;} -.header .sub_menu_wrap{position:absolute;display:none;width:100%;left:0;background:#fff;margin:1px 0 0 0;box-shadow:0px 6px 6px rgba(0,0,0,.19);} +.header .sub_menu_wrap{position:absolute;display:none;width:100%;left:0;background:#fff;border-top:1px solid #d8d8d8;margin:-1px 0 0 0;top:79px;box-shadow:0px 6px 6px rgba(0,0,0,.19);} .header .sub_menu{display:flex;} .header .sub_menu_wrap .sub_menu_title_wrap{width:400px;background:#2e40ba;color:#fff;text-align:right;padding:52px 70px 0 0;} .header .sub_menu_wrap .sub_menu_title_wrap h2{position:relative;font-size:3.3rem;font-weight:700;} @@ -44,7 +44,10 @@ html{font-size:62.5%;} .header .sub_menu_wrap .menu_depth03 a::after{position:absolute;content:"";width:4px;height:4px;background:#b4b4b4;left:0;top:10px;} .header .btn_all_menu{width:40px;} +.header .btn_all_menu:hover{box-shadow:none;} .header .btn_all_menu i{margin:-5px 0 0 0;} + +.header .btn_search:hover,.header .btn_all_menu:hover{box-shadow:none;} /* //header */ /* footer */ 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 3225d933..10293b0c 100644 --- a/src/main/webapp/kofair_case_seed/usr/style/mypage.css +++ b/src/main/webapp/kofair_case_seed/usr/style/mypage.css @@ -36,6 +36,11 @@ .idf_method .btn_idf i.phone{background-image:url(/kofair_case_seed/usr/images/component/icon_idf_phone_m.png);} .idf_method .btn_idf i.ipin{background-image:url(/kofair_case_seed/usr/images/component/icon_idf_ipin_m.png);} .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 .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%;} } /* ==================== 모바일 ==================== */ 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 957d119b..e80ef080 100644 --- a/src/main/webapp/kofair_case_seed/usr/style/popup.css +++ b/src/main/webapp/kofair_case_seed/usr/style/popup.css @@ -37,4 +37,10 @@ .write_popup .box.white_fill .color_darkblue{margin:25px 0 0 0;} .write_popup .box.white_fill .color_darkblue:first-child{margin:0;} .write_popup .box.white_fill .ex_tit{margin:10px 0 0 10px;} -.write_popup .box.white_fill .gray_fill.gray_border{padding:15px 20px;margin:10px 0 0 10px;} \ No newline at end of file +.write_popup .box.white_fill .gray_fill.gray_border{padding:15px 20px;margin:10px 0 0 10px;} + +/* 해당 유형 팝업 */ +.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>dd:last-child{margin:0;} \ 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 f4346969..c2ddeb79 100644 --- a/src/main/webapp/kofair_case_seed/usr/style/request.css +++ b/src/main/webapp/kofair_case_seed/usr/style/request.css @@ -4,6 +4,62 @@ .apl_info_content .checkbox_wrap .checkbox{width:18px;height:18px;margin:3px 8px 0 0;} .apl_info_content .checkbox_wrap label{width:calc(100% - 18px);line-height:1.4;} +.apl03_info_content .process_step_wrap.step5{margin:0 0 40px 0;gap:40px;} +.apl03_info_content .process_step_wrap.step5 li{position:relative;min-height:75px;} +.apl03_info_content .process_step_wrap.step5 li::after{left:calc(100% + 9px);} +.apl03_info_content .process_step_wrap.step5 span{white-space:nowrap;} +.apl03_info_content .process_step_wrap.step5 i{position:absolute;width:45px;height:75px;right:9px;background-repeat:no-repeat;} +.apl03_info_content .process_step_wrap.step5 .step01{background:url(/kofair_case_seed/usr/images/request/icon_step_01.png) no-repeat center;} +.apl03_info_content .process_step_wrap.step5 .step02{background:url(/kofair_case_seed/usr/images/request/icon_step_02.png) no-repeat center;} +.apl03_info_content .process_step_wrap.step5 .step03{background:url(/kofair_case_seed/usr/images/request/icon_step_03.png) no-repeat center;} +.apl03_info_content .process_step_wrap.step5 .step04{background:url(/kofair_case_seed/usr/images/request/icon_step_04.png) no-repeat center;} +.apl03_info_content .process_step_wrap.step5 .step05{background:url(/kofair_case_seed/usr/images/request/icon_step_05.png) no-repeat center;} + +.apl03_info_content .process_step_wrap.step5 .active .step01{background:url(/kofair_case_seed/usr/images/request/icon_step_01_active.png) no-repeat center;} +.apl03_info_content .process_step_wrap.step5 .active .step02{background:url(/kofair_case_seed/usr/images/request/icon_step_02_active.png) no-repeat center;} +.apl03_info_content .process_step_wrap.step5 .active .step03{background:url(/kofair_case_seed/usr/images/request/icon_step_03_active.png) no-repeat center;} +.apl03_info_content .process_step_wrap.step5 .active .step04{background:url(/kofair_case_seed/usr/images/request/icon_step_04_active.png) no-repeat center;} +.apl03_info_content .process_step_wrap.step5 .active .step05{background:url(/kofair_case_seed/usr/images/request/icon_step_05_active.png) no-repeat center;} + +.apl_03_content .title.blue_border::after{top:7px;} +.apl_03_content+.btn_wrap{margin:20px 0 0 0;} + +.apl03_info_content .table_top{margin:60px 0 0 0;} +.apl03_info_content .table_type_rows .gray_fill{margin:0 0 0 10px;} +.apl03_info_content .reason_add{margin:5px 0 0 0;} +.apl03_info_content .reason_add .select,.apl03_info_content .reason_list .select,.apl03_info_content .reason_add .select,.apl03_info_content td .select{width:45%;} +.apl03_info_content .reason_list{display:flex;margin:10px 0 5px 0;flex-wrap:wrap;gap:10px;} +.apl03_info_content .reason_list li{width:calc((100% - 25px)/2);} +.apl03_info_content .reason_list li .select{width:calc(100% - 30px);} +.apl03_info_content .reason_list li .btn_delect_reason:hover{box-shadow:none;} +.apl03_info_content .reason_list .btn_delect i{width:22px;height:22px;background:url(/kofair_case_seed/usr/images/component/icon_delete_fill_round_gray.png) no-repeat center center;} + +.apl03_info_content .table_top.title{border-bottom:1px solid #cacaca;padding:0 0 10px 0;} +.apl03_info_content .table_top.title .area_right{display:flex;gap:15px;align-items:center;} +.apl03_info_content .table_top.title .area_right .btn_35{padding:0 10px;} +.apl03_info_content .apl_list>li{margin:20px 0;} +.apl03_info_content .apl_list .apl_title{position:relative;} +.apl03_info_content .apl_list .btn_apl_slide{display:flex;width:100%;height:63px;padding:0 25px;font-size:1.9rem;font-weight:bold;color:#333;border-radius:0 0 5px 5px;background:#f8f9fa;border:1px solid #d8d8d8;border-top:2px solid #2e40ba;align-items:center;justify-content:space-between;} +.apl03_info_content .apl_list .btn_apl_slide i{position:relative;width:28px;height:28px;border-radius:100%;background:#bebebe;} +.apl03_info_content .apl_list .btn_apl_slide i::after{position:absolute;content:"";width:10px;height:10px;border-left:3px solid #fff;border-top:3px solid #fff;border-radius:0 0 2px 2px;left:9.95px;top:8px;transform:rotate(225deg);} +.apl03_info_content .apl_list .btn_delete_apl{position:absolute;left:100px;top:14px;padding:0 10px;} +.apl03_info_content .apl_list.rapl_list .btn_delete_apl{left:120px;} +.apl03_info_content .apl_list .active .btn_apl_slide{border:1px solid #2e40ba;border-top:2px solid #2e40ba;background:#d3e3ff;box-shadow:0 0 5px rgba(0,0,0,0.15);} +.apl03_info_content .apl_list .active .btn_apl_slide i{position:relative;width:28px;height:28px;border-radius:100%;background:#2e40ba;} +.apl03_info_content .apl_list .active .btn_apl_slide i::after{top:11px;transform:rotate(45deg);} + +.apl03_info_content .apl_info_input{display:none;margin:18px 0 0 0;} +.apl03_info_content .apl_info_input table{border-top:1px solid #d8d8d8;} +.apl03_info_content .apl_info_input table td>.select{width:calc((100% - 535px));} +.apl03_info_content .apl_info_input .postcode_input{margin:5px 0;gap:10px;} +.apl03_info_content .apl_info_input .postcode_input label{font-size:1.5rem;color:#666;} +.apl03_info_content .apl_info_input .address_input{margin:5px 0;gap:7px;} +.apl03_info_content .apl_info_input .address_input li,.apl03_info_content .apl_info_input .address_input .input_text{width:100%;} +.apl03_info_content .apl_info_input .email_wrap{display:flex;gap:10px;align-items:center;} +.apl03_info_content .apl_info_input .email_wrap .select{width:150px;} +.apl03_info_content .apl_info_input .phone_wrap .select{width:80px;} +.apl03_info_content .apl_info_input .fax_wrap .input_text{width:calc((100% - 30px)/3);} + /* 분쟁조정 사건조회 */ .inquiry_content .box.gray_fill{padding:50px 20px;} .inquiry_content .input_box.column{width:500px;justify-content:center;margin:0 auto;} 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 1b5d19cc..01550d2d 100644 --- a/src/main/webapp/kofair_case_seed/usr/style/style.css +++ b/src/main/webapp/kofair_case_seed/usr/style/style.css @@ -10,6 +10,7 @@ .icon.minus{width:15px;height:15px;background:url(/kofair_case_seed/usr/images/component/icon_minus.png) no-repeat center center;} .icon.menu{width:20px;height:20px;background:url(/kofair_case_seed/usr/images/component/icon_menu.png) no-repeat center center;} .icon.file.clip{width:40px;height:40px;background:url(/kofair_case_seed/usr/images/component/icon_file_clip.png) no-repeat center center;} +.icon.file.clip.blue{width:20px;height:20px;background:url(/kofair_case_seed/usr/images/component/icon_file_clip_blue.png) no-repeat center center;} .icon.info.gray_fill{width:20px;height:20px;background:url(/kofair_case_seed/usr/images/component/icon_info_gray_fill.png) no-repeat center center;} .icon.delete.gray_fill{width:22px;height:22px;background:url(/kofair_case_seed/usr/images/component/icon_delete_fill_round_gray.png) no-repeat center center;} .icon.arrow.right{width:7px;height:13px;background:url(/kofair_case_seed/usr/images/component/icon_arrow_right.png) no-repeat center center;} @@ -25,6 +26,8 @@ .icon.td_view{width:32px;height:32px;background:url(/kofair_case_seed/usr/images/component/icon_td_view.png) no-repeat center center;} .icon.td_writer{width:32px;height:32px;background:url(/kofair_case_seed/usr/images/component/icon_writer.png) no-repeat center center;} .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;} /* sub layout */ .sub_content{width:calc(100% - 366px);margin:10px 0 0 0;} @@ -75,9 +78,12 @@ .table_type_cols.line td{font-weight:300;} .table_type_cols.line th:last-child,.table_type_cols.line td:last-child{border-right:0;} +.table_type_cols+.cf_text{margin:15px 0 0 0;} + .table_type_rows table{width:100%;margin:10px 0 0 0;border-top:2px solid #2e40ba;font-size:1.7rem;text-align:left;} -.table_type_rows table tbody th{position:relative;color:#333;padding:18px 5px 0 30px;background:#f4f5f7;border-bottom:1px solid #dbdbdb;vertical-align:text-top;} +.table_type_rows table tbody th{position:relative;color:#333;padding:18px 5px 18px 30px;background:#f4f5f7;border-bottom:1px solid #dbdbdb;vertical-align:text-top;} .table_type_rows table tbody td{height:60px;padding:5px 16px;border-bottom:1px solid #dbdbdb;vertical-align:middle;} +.table_type_rows table tbody td.td_substance{height:150px;padding:15px 5px 0 16px;vertical-align:top;} .table_type_rows table .select{padding:0 14px;font-size:1.6rem;background-position:calc(100% - 10px) 16px;} .table_type_rows table .phone_wrap .select{min-width:80px;} .table_type_rows table .phone_wrap .input_text{width:calc((100% - 115px)/2);} @@ -131,12 +137,16 @@ .tabs.blue_fill.tab_06 :nth-child(6n) .tab::after{display:none;} .tabs.blue_fill.tab_07 :nth-child(7n) .tab::after{display:none;} +.tabs.blue_fill.tab_02 :nth-last-child(-n+2) .tab{border-bottom:0;} .tabs.blue_fill.tab_03 :nth-last-child(-n+3) .tab{border-bottom:0;} /* file_list */ .view_file_list{display:flex;padding:18px 24px;border-bottom:1px solid #c9c9c9;flex-direction:column;font-size:1.7rem;font-weight:500;color:#5b639d;gap:10px;} .view_file_list .icon.file_download{margin:-5px 10px 0 0;} +.view_file_list.border_0{padding:10px 0;;border:0;font-weight:400;} +.view_file_list.border_0 .icon{margin:0 10px 0 0;} + .file_upload_wrap{display:flex;align-items:flex-start;} .file_upload_wrap .file_list{display:flex;width:calc(100% - 100px);margin:0 0 0 10px;flex-direction:column;gap:8px;} .file_upload_wrap li{display:flex;} @@ -161,6 +171,7 @@ .process_step_wrap li::after{position:absolute;content:"";width:27px;height:27px;background:url(/kofair_case_seed/usr/images/component/icon_process_next.png) no-repeat center center;left:calc(100% + 20px);} .process_step_wrap li:last-child::before,.process_step_wrap li:last-child::after{display: none;} .process_step_wrap.step3 li{position:relative;display:flex;width:calc(100% / 3);align-items:center;} +.process_step_wrap.step5 li{position:relative;display:flex;width:calc(100% / 5);align-items:center;} .process_step_wrap li p{font-size:1.4rem;} .process_step_wrap li p span{display:block;font-size:1.7rem;font-weight:bold;} .process_step_wrap li .step{width:45px;height:74px;} @@ -220,8 +231,10 @@ .table_type_cols:not(.mobile_view_table) table tbody td.list_none{display:flex;max-width:100%;height:40px;align-items:center;justify-content:center;text-align:center;} .table_type_cols:not(.mobile_view_table) table tbody .table_number{position:absolute;width:110px;left:0;top:50%;transform:translateY(-50%);} .table_type_cols:not(.mobile_view_table) table tbody .td_title{width:100%;max-width:100%;order:1;white-space:wrap;} - .table_type_cols:not(.mobile_view_table) table tbody .td_title a{display:-webkit-box;max-height:96px;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:wrap;} + .table_type_cols:not(.mobile_view_table) table tbody .td_title a{display:-webkit-box;text-align:left;max-height:96px;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:wrap;} + .table_type_cols:not(.mobile_view_table) table tbody .td_title a .pc_hide{text-align:left;} .table_type_cols:not(.mobile_view_table) table tbody .td_icon{display:inline-block !important;margin:-5px 13px 0 0;} + .table_type_cols:not(.mobile_view_table) table tbody .td_hide{display:none;} .mobile_view_table table{margin:40px 0 0 0;border-top:4px solid #2e40ba;} .mobile_view_table table thead th,.mobile_view_table table tbody td{height:100px;border-bottom:2px solid #d8d8d8;border-right:2px solid #d8d8d8;}