diff --git a/src/main/webapp/kofair_case_seed/adm/style/layout.css b/src/main/webapp/kofair_case_seed/adm/style/layout.css index 8a708138..2519c287 100644 --- a/src/main/webapp/kofair_case_seed/adm/style/layout.css +++ b/src/main/webapp/kofair_case_seed/adm/style/layout.css @@ -4,9 +4,9 @@ .contents{width:calc(100% - 300px);padding:0 30px 0 70px;} /* leftmenu */ -.leftmenu{width:300px;height:100vh;box-shadow:3px 0 7px rgba(0,0,0,0.2);background:#171c70;border-radius:0 30px 30px 0;} +.leftmenu{width:300px;height:100%;box-shadow:3px 0 7px rgba(0,0,0,0.2);background:#171c70;border-radius:0 30px 30px 0;} .leftmenu .logo{display:flex;height:110px;border-bottom:1px solid #5d619b;justify-content:center;align-items:center;} -.leftmenu .menu{padding:0 20px;} +.leftmenu .menu{padding:0 20px 80px 20px;} .leftmenu .menu_ul{display:flex;flex-direction:column;color:#888bbc;} .leftmenu .depth01_li{border-bottom:1px solid #2f337f;} .leftmenu .depth01_li.active{border:0;} diff --git a/src/main/webapp/kofair_case_seed/usr/guide.html b/src/main/webapp/kofair_case_seed/usr/guide.html index 47fceaca..9d0aaab3 100644 --- a/src/main/webapp/kofair_case_seed/usr/guide.html +++ b/src/main/webapp/kofair_case_seed/usr/guide.html @@ -42,6 +42,7 @@
  • 분쟁조정 신청 > 분쟁조정 신청하기05-2
  • 분쟁조정 신청 > 분쟁조정 신청하기06
  • 분쟁조정 신청 > 분쟁조정 사건조회
    • +
  • 분쟁조정 신청 > 분쟁조정 사건조회(상세)
  • 분쟁조정 상담 > 상담신청 > 분쟁조정 상담
  • 분쟁조정 상담 > 상담신청 > 무료법률 상담
    • @@ -50,6 +51,9 @@
  • 분쟁조정 상담 > 상담신청 > 무료법률 상담03
  • 본인인증
    • + +
  • 한국공정거래조정원 온라인분쟁조정시스템 > 마이페이지 > 분쟁조정 신청현황
    • +
  • 한국공정거래조정원 온라인분쟁조정시스템 > 마이페이지 > 법률상담예약현황
    • diff --git a/src/main/webapp/kofair_case_seed/usr/images/component/icon_file_clip_blue_m.png b/src/main/webapp/kofair_case_seed/usr/images/component/icon_file_clip_blue_m.png new file mode 100644 index 00000000..67d4fe02 Binary files /dev/null and b/src/main/webapp/kofair_case_seed/usr/images/component/icon_file_clip_blue_m.png differ 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 new file mode 100644 index 00000000..15cd799b --- /dev/null +++ b/src/main/webapp/kofair_case_seed/usr/mypage/apl_status_detail.html @@ -0,0 +1,1019 @@ + + + + + + + 한국공정거래조정원 온라인분쟁조정시스템 > 마이페이지 > 분쟁조정 신청현황 > 상세 + + + + + + + + + + + + + + + + + + + + + +
    + +
    +
    + +
    + +
    +

    마이페이지

    +
    + +
    + + +
    +

    마이페이지

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

    분쟁조정신청현황

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

    *필수입력

    조정유형 +     		하도급거래
    +

    *필수입력

    신청사유 +     		+ 기타의 불이익제공-① 대금 및 정산 관련
    + 부당한 이익에 의한 고객유인
    + 공급우너가 변동에 따른 하도급대금 조정의무 +
    +

    *필수입력

    하도급 위탁유형 +     		건설
    +
    + + +
    + 신청인 기입사항 +
    + +
      +
    • +
      + +
      +
      + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
      +

      *필수입력

      상호 +       		(주)김상호 +

      *필수입력

      대표자 +       		김상호
      +

      *필수입력

      개인/법인 +       		개인
      +

      *필수입력

      우편번호 +       		12345
      +

      *필수입력

      도로명 주소 +       		경기도 남양주시 다산순환로 20 111호
      +

      *필수입력

      이메일 +       		abc@abc.com
      +

      *필수입력

      휴대폰 +       		010-1234-5678FAX-
      +

      *필수입력

      사업자 등록번호
      ('-' 제외) +       		6138165278법인등록번호
      ('-' 제외)      		-
      +
      +
      • +
    • +
      + +
      +
      + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
      +

      *필수입력

      상호 +       		(주)김상호 +

      *필수입력

      대표자 +       		김상호
      +

      *필수입력

      개인/법인 +       		개인
      +

      *필수입력

      우편번호 +       		12345
      +

      *필수입력

      도로명 주소 +       		경기도 남양주시 다산순환로 20 111호
      +

      *필수입력

      이메일 +       		abc@abc.com
      +

      *필수입력

      휴대폰 +       		010-1234-5678FAX-
      +

      *필수입력

      사업자 등록번호
      ('-' 제외) +       		6138165278법인등록번호
      ('-' 제외)      		-
      +
      +
      • +
    • +
      + +
      +
      + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
      +

      *필수입력

      상호 +       		(주)김상호 +

      *필수입력

      대표자 +       		김상호
      +

      *필수입력

      개인/법인 +       		개인
      +

      *필수입력

      우편번호 +       		12345
      +

      *필수입력

      도로명 주소 +       		경기도 남양주시 다산순환로 20 111호
      +

      *필수입력

      이메일 +       		abc@abc.com
      +

      *필수입력

      휴대폰 +       		010-1234-5678FAX-
      +

      *필수입력

      사업자 등록번호
      ('-' 제외) +       		6138165278법인등록번호
      ('-' 제외)      		-
      +
      +
      • +
    + + + +
    + 피신청인 기입사항 +
    + +
      +
    • +
      + +
      +
      + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
      +

      *필수입력

      상호 +       		(주)김상호 +

      *필수입력

      대표자 +       		김상호
      +

      *필수입력

      개인/법인 +       		개인
      +

      *필수입력

      우편번호 +       		12345
      +

      *필수입력

      도로명 주소 +       		경기도 남양주시 다산순환로 20 111호
      +

      *필수입력

      이메일 +       		abc@abc.com
      +

      *필수입력

      휴대폰 +       		010-1234-5678FAX-
      +

      *필수입력

      사업자 등록번호
      ('-' 제외) +       		6138165278법인등록번호
      ('-' 제외)      		-
      +
      +
      • +
    • +
      + +
      +
      + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
      +

      *필수입력

      상호 +       		(주)김상호 +

      *필수입력

      대표자 +       		김상호
      +

      *필수입력

      개인/법인 +       		개인
      +

      *필수입력

      우편번호 +       		12345
      +

      *필수입력

      도로명 주소 +       		경기도 남양주시 다산순환로 20 111호
      +

      *필수입력

      이메일 +       		abc@abc.com
      +

      *필수입력

      휴대폰 +       		010-1234-5678FAX-
      +

      *필수입력

      사업자 등록번호
      ('-' 제외) +       		6138165278법인등록번호
      ('-' 제외)      		-
      +
      +
      • +
    • +
      + +
      +
      + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
      +

      *필수입력

      상호 +       		(주)김상호 +

      *필수입력

      대표자 +       		김상호
      +

      *필수입력

      개인/법인 +       		개인
      +

      *필수입력

      우편번호 +       		12345
      +

      *필수입력

      도로명 주소 +       		경기도 남양주시 다산순환로 20 111호
      +

      *필수입력

      이메일 +       		abc@abc.com
      +

      *필수입력

      휴대폰 +       		010-1234-5678FAX-
      +

      *필수입력

      사업자 등록번호
      ('-' 제외) +       		6138165278법인등록번호
      ('-' 제외)      		-
      +
      +
      • +
    + + + + +
    + 사건현황 +
    + + + 대리인 정보 + +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    상호-대표자-
    전화번호-휴대폰-
    이메일
    우편번호
    도로명주소
    +
    + + + + 주요재무현황 +
    + + + + + + + + + + + + + + + + + + + + + +
    자본금-자산총액-
    총매출액-영업이익-
    +
    + + + + 사건 확인사항 +
    + + + + + + + + + + + + + + + + + + + +
    최초 계약일2024-03-25계약기간2024-03-25 ~ 2024-10-25
    계약서 사본 + +
    +
    + + + + + 담당자 인적사항 + +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    성함-FAX-
    전화번호-휴대폰-
    부서/직위-
    이메일-
    우편번호-
    도로명 주소
    +
    + + + + + 신청 확인사항 + +
    +
    + 1. 귀하는 ‘한국공정거래조정원’을 어떤 경로로 알게 되셨습니까? +
    +
    +

    3) 기 타

    +

    직접입력 : 거래처의 권유로 알게되었음

    +
    +
    + + + + 기타 확인사항 + +
    +
    1. 소송이 진행중인가요?
    +
    +

    진행 : 의정부지방법원, 2024 가합 2035412

    +
    +
    2. 소송 내용이 조정신청 내용과 동일한가요?
    +
    +

    동일

    +
    +
    3. 타 협의회 조정이 진행중인가요?
    +
    +

    진행 : 중소기업 기술분쟁조정위원회

    +
    +
    4. 중재가 진행중인가요?
    +
    +

    진행 : 중소기업 기술분쟁조정위원회

    +
    +
    5. 타 조정기구 조정이 진행중인가요?
    +
    +

    진행 : 중소기업 기술분쟁조정위원회

    +
    +
    6. 공정거래위원회 조사가 진행중인가요?
    +
    +

    진행 : 기술유용조사과

    +
    +
    7. 당사자간 합의가 완료되어 조정조서 작성을 요청하는 사안인지 여부
    +
    예
    +
    + +
    + + + + + + + + + + + +
    증빙자료 첨부
    +
    + + + + + +
    +

    협의회별 상세 현황

    +
    +

    하도급 분야

    +
    + + + + + + + + + + + + + + + + + + + + + +
    상시종업원수2명대/중소기업 구분소기업
    공사업등록여부미등록시공능력 평가액-
    +
    +

    ※ 우편용 신청서 참조

    + + + +
    +

    하도급대금 내역(신청인)

    +
    +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    목적물인도(수)-기성청구서상하도급대금수령(지급)비고
    구분일자금액현금어음총액미지급
    일자금액지급일만기일금액
    가20240823870,000,00020240823870,000,0002024082320240823870,000,0002,0002,000내용 없음
    소계:가20240823870,000,00020240823870,000,0002024082320240823870,000,0002,0002,000내용 없음
    계1,740,000,0001,740,000,0001,740,000,000
    +
    + + + +
    +

    도급대금 내역(피신청인)

    +
    +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    목적물인도(수)-기성청구서상도급대금수령비고
    구분일자금액현금어음총액미지급
    일자금액지급일만기일금액
    가20240823870,000,00020240823870,000,0002024082320240823870,000,0002,0002,000내용 없음
    소계:가20240823870,000,00020240823870,000,0002024082320240823870,000,0002,0002,000내용 없음
    계1,740,000,0001,740,000,0001,740,000,000
    +
    + + + + + +

    분쟁정보

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

    *필수입력

    신청취지 +     		신청취지 내용입니다.
    +

    *필수입력

    신청이유 +     		신청취지 내용입니다.
    +
    + + +
    + + +
    + + + +
    +
    + + +
    +
    +
    + + + + + \ No newline at end of file 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 new file mode 100644 index 00000000..13bc276c --- /dev/null +++ b/src/main/webapp/kofair_case_seed/usr/mypage/law_counsel_status.html @@ -0,0 +1,172 @@ + + + + + + + 한국공정거래조정원 온라인분쟁조정시스템 > 마이페이지 > 법률상담예약현황 + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + +
    +
    + +
    + +
    +

    마이페이지

    +
    + +
    + + +
    +

    마이페이지

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

    법률상담예약

    +

    법률상담 메뉴에서 신청한 신청건에 대하여 조회 및 처리 상태를 확인 하실 수 있습니다.

    + + +
      + +
    • + · 등록일시 +
      +
      + +
      + ~ +
      + +
      +
      +
      • +
    • + +
      • + +
    • + +
      • +
    • + +
      • +
    • + +
      • +
    + + + +
    +

    전체 3,581건(10/400 페이지)

    +
    + +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    조정유형상담제목등록일예약여부예약일시
    공정거래공정거래 상담 신청합니다.2024-08-19확정2024-08-19 10:00
    + + +
    + + + +
    +
    + + +
    +
    +
    + + + + + \ 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 index bf1e998c..751e420c 100644 --- a/src/main/webapp/kofair_case_seed/usr/request/apl_03.html +++ b/src/main/webapp/kofair_case_seed/usr/request/apl_03.html @@ -541,7 +541,7 @@ - + diff --git a/src/main/webapp/kofair_case_seed/usr/request/case_inquiry_detail.html b/src/main/webapp/kofair_case_seed/usr/request/case_inquiry_detail.html new file mode 100644 index 00000000..dc8dee05 --- /dev/null +++ b/src/main/webapp/kofair_case_seed/usr/request/case_inquiry_detail.html @@ -0,0 +1,171 @@ + + + + + + + 한국공정거래조정원 온라인분쟁조정시스템 > 분쟁조정 신청 > 분쟁조정 사건조회 > 상세 + + + + + + + + + + + + + + + + + + + + + + +
    +
    +
    + +
    + +
    +

    분쟁조정 신청

    +
    + +
    + + +
    +

    분쟁조정 신청

    + +
    + +
    + + +
      +
      • +
    • 분쟁조정 신청
      • +
    • 분쟁조정 사건조회
      • +
    + + +

    분쟁조정 사건조회

    + + 주요일정 +
    + + 분쟁정보 + +
    +
    +

    사건번호 2024-1234(현재단계 종료)

    +
    +
    +
      +
    • +

      신청인 : (주)일등솔루션아카데미

      +
      • +
    • +

      피신청인 : (주)이등건설

      +
      • +
    +
      +
    • +

      접수일 : 2024-03-15 09:25

      +
      • +
    • +

      담당자 : [건설하도급팀] 홍길동 조사관, 02-1548-2368

      +
      • +
    +
    +
    + + 조정절차 관련 자료 +
    +
    신청인 제출자료
    +
    +
    +
    + + +
    + +
    +
    +
    우편제출 자료
    +
    -
    +
    피신청인 제출자료
    +
    +
    +
    + + +
    + +
    +
    +
    +

    ※ 파일은 100MB까지 업로드 가능합니다.

    +

    ※ 주의! 파일 선택하여 첨부한 뒤 반드시 등록 버튼을 누르셔야 합니다.

    + + 조정절차 관련 공문서 확인 +
    +
    접수사실 통지 및 신청서 보완요구
    +
    -
    +
    사실관계의 확인을 위한 출석요구
    +
    -
    +
    조정안에 대한 수락여부 조회
    +
    -
    +
    조정절차 종료사실 통지
    +
    + +
    +
    + + 절차진행 관련 서명 제출 +
    +
    합의서
    +
    +
    종료요청서
    +
    -
    +
    신청취하서
    +
    -
    +
    조정조서
    +
    -
    +
    + +
    + +
    +
    + +
    + +
    + +
    +
    + + + \ No newline at end of file diff --git a/src/main/webapp/kofair_case_seed/usr/scripts/common.js b/src/main/webapp/kofair_case_seed/usr/scripts/common.js index 57420082..c27263a5 100644 --- a/src/main/webapp/kofair_case_seed/usr/scripts/common.js +++ b/src/main/webapp/kofair_case_seed/usr/scripts/common.js @@ -27,9 +27,47 @@ window.addEventListener('load', function () { }); }); +document.addEventListener('DOMContentLoaded', function () { + var calendarEl = document.getElementById('calendar'); + var calendar = new FullCalendar.Calendar(calendarEl, { + initialView: 'dayGridMonth', + titleFormat: function (date) { + year = date.date.year; + month = date.date.month + 1; + + return year + "년 " + month + "월"; + }, + locale: "ko", + buttonText: { + today: "오늘" + }, + height: "auto", + dayCellContent: function (info) { + var number = document.createElement('a'); + number.classList.add('fc-daygrid-day-number'); + number.innerHTML = info.dayNumberText.replace("일", ""); + if (info.view.type === 'dayGridMonth') { + return { + html: number.outerHTML + }; + } + return { + domNodes: [] + } + }, + events:[ + { + title: '조정절차 관련 일정', + start: '2024-10-15', + } + ] + }); + calendar.render(); +}); -// 달력 + +// 달력팝업 function calendar() { // 캘린더 고유 클래스 추가 diff --git a/src/main/webapp/kofair_case_seed/usr/scripts/mypage.js b/src/main/webapp/kofair_case_seed/usr/scripts/mypage.js new file mode 100644 index 00000000..45c72b60 --- /dev/null +++ b/src/main/webapp/kofair_case_seed/usr/scripts/mypage.js @@ -0,0 +1,11 @@ +$(function () { + if (!$(".apl_title").is(".active")) { + $(".apl_title").closest(".apl_title").next(".table_type_rows").slideUp(0); + } +}) + +// 타이틀 클릭 시 하위 정보 노출/숨김 +function aplSlide(button) { + $(button).closest(".apl_title").toggleClass("active"); + $(button).closest(".apl_title").next(".table_type_rows").slideToggle(300); +} \ No newline at end of file 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 c687bd14..5fc9878f 100644 --- a/src/main/webapp/kofair_case_seed/usr/scripts/request.js +++ b/src/main/webapp/kofair_case_seed/usr/scripts/request.js @@ -118,11 +118,11 @@ $(function () { $(".btn_delect_tr").click(function () { if ($(this).closest(".table_top").next(".price_table").find("tbody").find("tr").length > 1) { - if($(this).closest(".table_top").next(".price_table").find("tbody tr").eq(0).find(".select option:selected").val() !== "00"){ + if ($(this).closest(".table_top").next(".price_table").find("tbody tr").eq(0).find(".select option:selected").val() !== "00") { var idName = $(this).closest(".table_top").next(".price_table").find("tbody tr").eq(0).find(".select option:selected").val(); $(this).closest(".table_top").next(".price_table").find("tbody").find("tr").eq(0).remove(); - $(".reason_tr#"+idName).remove(); - }else{ + $(".reason_tr#" + idName).remove(); + } else { $(this).closest(".table_top").next(".price_table").find("tbody").find("tr").eq(0).remove(); } } else {} @@ -140,6 +140,7 @@ $(function () { } else {} }) + // 사건조회 캘린더 }) @@ -151,7 +152,7 @@ function aplSlide(button) { function removeLi(button) { setTimeout(function () { - if($(".apl_list>li").length>1){ + if ($(".apl_list>li").length > 1) { $(button).closest("li").remove(); } if ($(button).is(".btn_delete_apl")) { @@ -222,7 +223,7 @@ function addNumber(obj, idx) { // .reason_tr의 총합계를 .total_tr에 넣는 함수 function totalNumber() { // 모든 .price_table에 대해 반복 - $('.price_table').each(function (idx,itm) { + $('.price_table').each(function (idx, itm) { var totalRow = $(itm).find('.total_tr'); var reasonRows = $(itm).find('.reason_tr'); 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 52e0ff1f..cbbaddf5 100644 --- a/src/main/webapp/kofair_case_seed/usr/style/layout.css +++ b/src/main/webapp/kofair_case_seed/usr/style/layout.css @@ -62,7 +62,7 @@ html{font-size:62.5%;} .full_all_menu .nav::after{position:absolute;content:"";width:100%;height:4px;background:#2e40ba;top:80px;} .full_all_menu .menu_ul li{width:calc(100%/5);height:auto;text-align:center;} .full_all_menu .menu_title{display:flex;width:100%;height:80px;font-size:23px;font-weight:bold;color:#333;justify-content:center;align-items:center;} -.full_all_menu .depth02_ul{display:flex;height:calc(100% - 95px);padding:32px 0 35px 30px;border-right:1px solid #d8d8d8;flex-direction:column;gap:30px;} +.full_all_menu .depth02_ul{display:flex;height:calc(100% - 95px);padding:32px 0 35px 30px;border-right:1px solid #d8d8d8;flex-direction:column;gap:25px;} .full_all_menu li:last-child .depth02_ul{border-right:0;} .full_all_menu .depth02_ul li{width:100%;text-align:left;} .full_all_menu .depth02{display:flex;font-size:21px;font-weight:500;color:#333;align-items:center;} 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 10293b0c..cdf1a7a4 100644 --- a/src/main/webapp/kofair_case_seed/usr/style/mypage.css +++ b/src/main/webapp/kofair_case_seed/usr/style/mypage.css @@ -25,6 +25,32 @@ .idf_method .btn_idf.ipin span{background:#2870ed;} .idf_method .btn_idf.aut_cefi span{background:#f96502;} +/* 분쟁조정신청현황 > 현황 */ +.apl_status_content.detail h3{margin:0 0 40px 0;} +.apl_status_content.detail .table_top.title{border-bottom:1px solid #cacaca;padding:0 0 10px 0;} +.apl_status_content.detail .apl_list>li{margin:30px 0;} +.apl_status_content.detail .apl_list .apl_title{position:relative;} +.apl_status_content.detail .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;} +.apl_status_content.detail .apl_list .btn_apl_slide i{position:relative;width:28px;height:28px;border-radius:100%;background:#bebebe;} +.apl_status_content.detail .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);} +.apl_status_content.detail .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);} +.apl_status_content.detail .apl_list .active .btn_apl_slide i{position:relative;width:28px;height:28px;border-radius:100%;background:#2e40ba;} + +.apl_status_content.detail .blue_border.orange_border{margin:60px 0 0 0;} +.apl_status_content.detail .title.depth02{display:block;margin:50px 0 0 0;} +.apl_status_content.detail .apl_list .active .btn_apl_slide i::after{transform:rotate(45deg);top:11px;} +.apl_status_content.detail .table_type_cols.line thead tr:nth-child(n+2) th:last-child{border-right:1px solid #d8d8d8;} +.apl_status_content.detail .price_table td:not(:first-child){font-size:1.4rem;} +.apl_status_content.detail .price_table td{font-size:1.7rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} + +.apl_status_content.detail .blue_row_dl dd{font-size:1.7rem;flex-wrap:wrap;} +.apl_status_content.detail .blue_row_dl .check_title{display:block;width:100%;margin:0 0 20px 0;} +.apl_status_content.detail .blue_row_dl .check_title+.check_text{margin:0 0 0 20px;} +.apl_status_content.detail .blue_row_dl .check_text{color:#666;font-weight:300} +.apl_status_content.detail .blue_row_dl .check_text span{color:#222;font-weight:400;} +.apl_status_content.detail .confirm_check+.table_type_rows{margin:50px 0 0 0;} + + /* ==================== 테블릿 ==================== */ @media screen and (max-width: 1199px){ .idf_method{flex-wrap:wrap;gap:80px;margin:80px 0;} 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 381ffb16..ab219e4a 100644 --- a/src/main/webapp/kofair_case_seed/usr/style/request.css +++ b/src/main/webapp/kofair_case_seed/usr/style/request.css @@ -92,9 +92,6 @@ .apl03_info_content.apl05 td:first-child{font-size:1.5rem;font-weight:500;color:#333;} .apl03_info_content.apl05 td:nth-child(n+2){font-size:1.4rem;} .apl03_info_content.apl05 .title.blue_border.orange_border{margin:0;} -.apl03_info_content.apl05 .blue_row_dl{display:flex;margin:20px 0 0 0;flex-direction:column;border-top:2px solid #2e40ba;} -.apl03_info_content.apl05 .blue_row_dl>dt{display:flex;height:60px;padding:0 30px;font-size:1.7rem;font-weight:500;color:#333;background:#f4f5f7;border-bottom:1px solid #d8d8d8;align-items:center;} -.apl03_info_content.apl05 .blue_row_dl>dd{display:flex;min-height:65px;padding:14px 30px;border-bottom:1px solid #d8d8d8;align-items:center;} .apl03_info_content.apl05 .blue_row_dl>dd.request_check{display:flex;align-items:flex-start;} .apl03_info_content.apl05 .blue_row_dl>dd.request_check dl{width:calc(70% / 3)} .apl03_info_content.apl05 .blue_row_dl .radio+label{font-size:1.7rem;font-weight:300;transform:skew(-0.1deg);} @@ -120,6 +117,22 @@ .inquiry_content .input_box.column .btn_50{margin:10px 0 0 0;} .inquiry_content .gray_border.gray_fill{padding:30px;} +/* 분쟁조정 사건조회 상세 */ +.inquiry_content.detail .title{display:block;margin:40px 0 0 0;} +.inquiry_content.detail .box{padding:0;} +.inquiry_content.detail .box_head{display:flex;height:83px;font-size:1.9rem;padding:0 0 0 83px;background:#f8f9fa;align-items:center;} +.inquiry_content.detail .box_head p>.fw_bold{font-size:2.1rem;margin:0 0 0 4px;} +.inquiry_content.detail .box_head p>.color_blue{font-size:1.7rem;margin:0 0 0 20px;} +.inquiry_content.detail .box_head p .status{font-size:1.9rem;} +.inquiry_content.detail .box_body{display:flex;padding:20px 0;} +.inquiry_content.detail .box_body .info_ul{position:relative;width:50%;gap:30px;padding:0 0 0 83px;} +.inquiry_content.detail .box_body .info_ul:first-child::after{position:absolute;content:"";width:1px;height:50px;background:#d8d8d8;right:0;top:50%;transform:translateY(-50%);} +.inquiry_content.detail .box_body .title{margin:0;font-weight:400;} +.inquiry_content.detail .box_body .title.blue_border::after{top:7.3px;} +.inquiry_content.detail .blue_row_dl + .cf_text{margin:10px 0 0 0;} +.inquiry_content.detail .only_icon{margin:0 0 0 10px;} + + /* ==================== PC분기 ==================== */ @media screen and (max-width: 1440px){ .apl03_info_content .process_step_wrap.step5{gap:60px;} @@ -258,6 +271,17 @@ .apl03_info_content.apl05 .scroll_table colgroup{display:none;} .apl03_info_content.apl05 .textarea_table_wrap td{height:auto;} + + /* 분쟁조정 사건조회 */ + .inquiry_content.detail .box_head{height:166px;font-size:3.8rem;} + .inquiry_content.detail .box_head p>.fw_bold{font-size:4.2rem;} + .inquiry_content.detail .box_head p>.color_blue{font-size:3.4rem;} + .inquiry_content.detail .box_head p .status{font-size:3.8rem;;} + + .inquiry_content.detail .box_body{flex-wrap:wrap;gap:20px;padding:60px 0;} + .inquiry_content.detail .box_body .info_ul{width:100%;} + .inquiry_content.detail .box_body .info_ul::after{display:none;} + .inquiry_content.detail .box_body .title.blue_border::after{top:15px;} } /* ==================== 모바일 ==================== */ @@ -344,4 +368,14 @@ .apl03_info_content.apl05 .textarea_table_wrap td{height:auto;} .apl03_info_content.apl05 .box_complete{padding:20px 20px 60px 20px;} + + /* 분쟁조정 사건조회 */ + .inquiry_content.detail .box_head{height:83px;font-size:1.9rem;padding:0 0 0 30px;} + .inquiry_content.detail .box_head p>.fw_bold{font-size:2.1rem;} + .inquiry_content.detail .box_head p>.color_blue{font-size:1.7rem;} + .inquiry_content.detail .box_head p .status{font-size:1.9rem;;} + + .inquiry_content.detail .box_body{flex-wrap:wrap;gap:10px;padding:30px 0;} + .inquiry_content.detail .box_body .info_ul{width:100%;padding:0 0 0 30px;gap:10px;} + .inquiry_content.detail .box_body .title.blue_border::after{top:7.5px;} } \ No newline at end of file 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 eeb9f9c7..42a30e0d 100644 --- a/src/main/webapp/kofair_case_seed/usr/style/style.css +++ b/src/main/webapp/kofair_case_seed/usr/style/style.css @@ -40,6 +40,9 @@ .sub_con_sub_tit{margin:40px 0;font-size:1.7rem;font-weight:400;color:#666;} .search_wrap{display:flex;margin:40px 0 30px 0;padding:30px;border-radius:5px;background:#f4f5f7;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;} +.search_wrap li{display:flex;font-size:1.6rem;align-items:center;gap:10px;} +.search_wrap .calendar{width:130px;} +.search_wrap .calendar .duet-date__input{font-size:1.5rem;;} .search_wrap .btn_search{width:80px;} .page{display:flex;margin:40px 0 0 0;justify-content:center;align-items:center;} @@ -107,7 +110,7 @@ .box.gray_border{border:1px solid #d8d8d8;} .box.gray_fill{background:#f4f5f7;} .box.gray_border.gray_fill{margin:40px 0 0 0;font-size:1.9rem;font-weight:500;text-align:center;color:#000;border:1px solid #eeeeee;background:#f8f9fa;} -.box.gray_border.gray_fill.border_3{border:3px solid #eeeeee;} +.box.border_3{border:3px solid #eeeeee;} .box.white_fill{background:#fff;} .box pre{white-space:break-spaces;} @@ -167,6 +170,11 @@ .sub_info_ul li{position:relative;padding:0 0 0 10px;margin:0 0 0 21px;} .sub_info_ul li::after{position:absolute;content:"-";font-size:1.6rem;left:0;top:0;} +/* blue_row_dl */ +.blue_row_dl{display:flex;margin:20px 0 0 0;flex-direction:column;border-top:2px solid #2e40ba;} +.blue_row_dl>dt{display:flex;height:60px;padding:0 30px;font-size:1.7rem;font-weight:500;color:#333;background:#f4f5f7;border-bottom:1px solid #d8d8d8;align-items:center;} +.blue_row_dl>dd{display:flex;min-height:65px;padding:14px 30px;border-bottom:1px solid #d8d8d8;align-items:center;} + /* step */ .process_step_wrap{display:flex;margin:40px 0 0 0;gap:60px;} .process_step_wrap li{display:flex;color:#888;padding:0 20px;background:#fff;border:2px solid #e4e4e4;border-radius:10px;justify-content:space-between;} @@ -184,11 +192,62 @@ .box_complete i.icon.process.complete{display:block;width:130px;height:130px;background:url(/kofair_case_seed/usr/images/component/icon_process_complete.png) no-repeat center center;margin:0 auto;} .box_complete .gMarket_bold{font-size:3rem;} +/* calendar */ +.calendar{border:1px solid #d8d8d8;margin:10px 0 0 0;} +.calendar_wrap .calendar{border:0;margin:0;} +.calendar.fc .fc-toolbar.fc-header-toolbar{position:relative;height:70px;background:#f4f5f7;border-bottom:1px solid #d8d8d8;margin-bottom:0;justify-content:center;} +.calendar.fc .fc-toolbar.fc-header-toolbar button{min-width:40px;height:40px;margin:0 5px;background:#fff;border:1px solid #d8d8d8;border-radius:5px;} +.calendar.fc .fc-today-button{position:absolute;width:56px;left:calc(50% - 185px);font-size:1.7rem;color:#666;line-height:1;} +.calendar.fc .fc-prev-button{position:absolute;width:40px;left:calc(50% - 205px);font-size:1.7rem;color:#666;line-height:1;} +.calendar.fc .fc-prev-button ::before{margin:-1px 0 0 -2px;} +.calendar.fc .fc-toolbar-title{font-size:2.2rem;font-weight:500;color:#222;margin:-1px 0 0 56px;} +.calendar .fc-icon{width:auto;margin:-2px 0 0 0;} +.calendar .fc-icon-chevron-left::before,.calendar .fc-icon-chevron-right::before{font-size:2rem;font-weight:bold;color:#666;line-height:15px;} + +.fc-theme-standard .fc-scrollgrid{border:0;} +.fc-theme-standard td, .fc-theme-standard th{height:40px;font-size:1.7rem;color:#666;vertical-align:middle;} +.fc-theme-standard td{height:140px;color:#333;} +.fc-theme-standard tr:last-child td{border-bottom:0;} +.fc-theme-standard td:last-child, .fc-theme-standard th:last-child{border-right:0;} + +.fc .fc-scroller-liquid-absolute{overflow:visible !important;} +.fc .fc-daygrid-day-top{justify-content:flex-end;} +.fc .fc-daygrid-day.fc-day-today{background:#fef2ef;} + +.calendar .fc-day-sun{color:#b61f1f;} +.calendar .fc-day-sat{color:#394c83;} +.calendar .fc-day-other{color:#94949c;} + +.fc-h-event{background:transparent;border:0;} +.fc-daygrid-block-event .fc-event-time, .fc-daygrid-block-event .fc-event-title{color:#333;} + +/* duet_calendar */ +.calendar .duet-date__dialog-content{position:relative;padding:25px 23px 54px 23px;} /* 달력 박스 */ +.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;} /* 달력 이전, 다음 버튼 */ +.calendar .duet-date__prev::before,.calendar .duet-date__next::before{font-size:1.8rem;} /* 달력 이전, 다음 버튼 아이콘 */ +.calendar .duet-date__table-header{font-size:1.5rem;} /* 달력 요일 */ +.calendar .duet-date__table thead tr,.calendar .duet-date__table tbody{border-bottom:1px solid #d8d8d8;} /* 달력 요일 밑줄 */ +.calendar .duet-date__table tbody tr:first-child td{padding:4px 0 0 0;} +.calendar .duet-date__table tbody tr:last-child td{padding:0 0 6px 0;} +.calendar .duet-date__day{height:36px;font-size:1.5rem;color:#333;} /* 달력 날짜 */ + +.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;} /* 달력 닫기 */ + + +/* 2870ed / e3edfe */ + + /* ==================== 테블릿 ==================== */ @media screen and (max-width: 1199px){ /* 아이콘 */ .icon.file.clip{width:80px;height:80px;background:url(/kofair_case_seed/usr/images/component/icon_file_clip_m.png) no-repeat center center;} + .icon.file.clip.blue{width:40px;height:80px;background:url(/kofair_case_seed/usr/images/component/icon_file_clip_blue_m.png) no-repeat center center;} .icon.delete.gray_fill{width:60px;height:60px;background:url(/kofair_case_seed/usr/images/component/icon_delete_fill_round_gray_m.png) no-repeat center center;} /* sub layout */ @@ -297,6 +356,10 @@ .sub_info_ul li{padding:0 0 0 20px;margin:0 0 0 42px;} .sub_info_ul li::after{font-size:3.2rem;} + /* blue_row_dl */ + .blue_row_dl>dt{height:auto;padding:40px;font-size:3.4rem;} + .blue_row_dl>dd{position:relative;padding:40px !important;} + /* file_list */ .file_upload_wrap{width:100%;flex-wrap:wrap;} .file_upload_wrap .file_button{width:100%;} @@ -305,6 +368,8 @@ .file_upload_wrap li a{width:calc(100% - 80px);height:80px;font-size:3rem;margin:0 15px 0 0;padding:0 30px 0 0;border-radius:10px;} .file_upload_wrap li a .file_size{font-size:2.8rem;} + .view_file_list{font-size:3.4rem;} + /* step */ .process_step_wrap{gap:40px;} .process_step_wrap li{padding:30px;border:4px solid #e4e4e4;border-radius:20px;justify-content:center;flex-wrap:wrap;} @@ -326,6 +391,7 @@ /* 아이콘 */ .icon.file.clip{width:40px;height:40px;background-size:auto 100%;} .icon.delete.gray_fill{width:30px;height:30px;background-size:auto 100%;} + .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;} /* sub layout */ .sub_visual{height:80px;background-size:auto 100%;background-position:right center;} @@ -403,12 +469,18 @@ .sub_info_ul li{padding:0 0 0 10px;margin:0 0 0 21px;} .sub_info_ul li::after{font-size:1.6rem;} + /* blue_row_dl */ + .blue_row_dl>dt{height:auto;padding:20px;font-size:1.7rem;} + .blue_row_dl>dd{position:relative;padding:20px !important;} + /* file_list */ .file_upload_wrap .file_list{margin:10px 0 0 0;} .file_upload_wrap li a{position:relative;width:calc(100% - 40px);height:40px;font-size:1.5rem;margin:0 7px 0 0;padding:0 15px 0 0;border-radius:5px;} .file_upload_wrap li a .file_name{max-width:calc(100% - 100px);} .file_upload_wrap li a .file_size{position:absolute;font-size:1.4rem;right:20px;} + .view_file_list{font-size:1.7rem;} + /* step */ .process_step_wrap{gap:20px;} .process_step_wrap li{padding:15px;border:2px solid #e4e4e4;border-radius:10px;}