2024/10/11 분쟁조정사건조회 > 상세 업데이트
This commit is contained in:
subsub
parent
30162f3676
commit
10a214f3ca
@ -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;}
|
||||
|
||||
@ -42,6 +42,7 @@
|
||||
<li><a href="/kofair_case_seed/usr/request/apl_05-2.html" target="_blank">분쟁조정 신청 > 분쟁조정 신청하기05-2</a></li>
|
||||
<li><a href="/kofair_case_seed/usr/request/apl_06.html" target="_blank">분쟁조정 신청 > 분쟁조정 신청하기06</a></li>
|
||||
<li><a href="/kofair_case_seed/usr/request/case_inquiry.html" target="_blank">분쟁조정 신청 > 분쟁조정 사건조회</a></li>
|
||||
<li><a href="/kofair_case_seed/usr/request/case_inquiry_detail.html" target="_blank">분쟁조정 신청 > 분쟁조정 사건조회(상세)</a></li>
|
||||
|
||||
<li><a href="/kofair_case_seed/usr/counsel/callcenter.html" target="_blank">분쟁조정 상담 > 상담신청 > 분쟁조정 상담</a></li>
|
||||
<li><a href="/kofair_case_seed/usr/counsel/free_counsel.html" target="_blank">분쟁조정 상담 > 상담신청 > 무료법률 상담</a></li>
|
||||
@ -50,6 +51,9 @@
|
||||
<li><a href="/kofair_case_seed/usr/counsel/free_counsel_step03.html" target="_blank">분쟁조정 상담 > 상담신청 > 무료법률 상담03</a></li>
|
||||
|
||||
<li><a href="/kofair_case_seed/usr/identification/self_identification.html" target="_blank">본인인증</a></li>
|
||||
|
||||
<li><a href="/kofair_case_seed/usr/mypage/apl_status.html" target="_blank">한국공정거래조정원 온라인분쟁조정시스템 > 마이페이지 > 분쟁조정 신청현황</a></li>
|
||||
<li><a href="/kofair_case_seed/usr/mypage/law_counsel_status_detail.html" target="_blank">한국공정거래조정원 온라인분쟁조정시스템 > 마이페이지 > 법률상담예약현황</a></li>
|
||||
</ul>
|
||||
|
||||
</body>
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
1019
src/main/webapp/kofair_case_seed/usr/mypage/apl_status_detail.html
Normal file
1019
src/main/webapp/kofair_case_seed/usr/mypage/apl_status_detail.html
Normal file
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,172 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ko">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>한국공정거래조정원 온라인분쟁조정시스템 > 마이페이지 > 법률상담예약현황</title>
|
||||
|
||||
<!-- css -->
|
||||
<link rel="stylesheet" href="/kofair_case_seed/css/reset.css">
|
||||
<link rel="stylesheet" href="/kofair_case_seed/css/font.css">
|
||||
<link rel="stylesheet" href="/kofair_case_seed/usr/style/common.css">
|
||||
<link rel="stylesheet" href="/kofair_case_seed/usr/style/layout.css">
|
||||
<link rel="stylesheet" href="/kofair_case_seed/usr/style/popup.css">
|
||||
<link rel="stylesheet" href="/kofair_case_seed/usr/style/style.css">
|
||||
<link rel="stylesheet" href="/kofair_case_seed/usr/style/request.css">
|
||||
|
||||
<!-- js -->
|
||||
<script src="/kofair_case_seed/script/lib/jquery-3.5.0.js"></script>
|
||||
<script src="/kofair_case_seed/usr/scripts/common.js"></script>
|
||||
<script src="/kofair_case_seed/usr/scripts/layout.js"></script>
|
||||
<script src="/kofair_case_seed/usr/scripts/popup.js"></script>
|
||||
<script src="/kofair_case_seed/usr/scripts/ui.js"></script>
|
||||
<script src="/kofair_case_seed/usr/scripts/request.js"></script>
|
||||
|
||||
<!-- 달력 -->
|
||||
<link rel="stylesheet" href="/kofair_case_seed/script/plugin/datapicker/default.css">
|
||||
<script src="/kofair_case_seed/script/plugin/datapicker/duet.js"></script>
|
||||
<script type="module" src="/kofair_case_seed/script/plugin/datapicker/duet.esm.js"></script>
|
||||
<script src="/kofair_case_seed/script/plugin/datapicker/duet.system.js"></script>
|
||||
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="mask"></div>
|
||||
|
||||
<div class="wrap sub">
|
||||
<div data-include-path="/kofair_case_seed/usr/layout/_header.html"></div>
|
||||
|
||||
<div class="contents sub">
|
||||
|
||||
<div class="sub_visual">
|
||||
<h2>마이페이지</h2>
|
||||
</div>
|
||||
|
||||
<div class="inner">
|
||||
|
||||
<!-- lnb -->
|
||||
<div class="lnb">
|
||||
<p class="title">마이페이지</p>
|
||||
<ul class="lnb_menu">
|
||||
<li>
|
||||
<a href="#none" class="lnb_menu_title">분쟁조정신청현황</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#none" class="lnb_menu_title">법률상담예약</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- //lnb -->
|
||||
<div class="sub_content">
|
||||
|
||||
<!-- page_location -->
|
||||
<ul class="page_location">
|
||||
<li><i class="icon home"></i></li>
|
||||
<li>마이페이지</li>
|
||||
<li>법률상담예약</li>
|
||||
</ul>
|
||||
<!-- //page_location -->
|
||||
|
||||
<h3 class="sub_con_tit">법률상담예약</h3>
|
||||
<p class="sub_con_sub_tit">법률상담 메뉴에서 신청한 신청건에 대하여 조회 및 처리 상태를 확인 하실 수 있습니다.</p>
|
||||
|
||||
<!-- search -->
|
||||
<ul class="search_wrap">
|
||||
|
||||
<li>
|
||||
· 등록일시
|
||||
<div class="calendar_wrap calendar_term">
|
||||
<div class="calendar duet_calendar">
|
||||
<duet-date-picker identifier="date" name="" class="input_calendar start_date"></duet-date-picker>
|
||||
</div>
|
||||
~
|
||||
<div class="calendar duet_calendar">
|
||||
<duet-date-picker identifier="date" name="" class="input_calendar end_date"></duet-date-picker>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<select name="search_category" id="" title="조정유형 선택" class="select">
|
||||
<option value="search_category01">조정유형 선택</option>
|
||||
<option value="search_category02">공정거래분쟁</option>
|
||||
<option value="search_category03">가맹사업거래분쟁</option>
|
||||
<option value="search_category04">하도급거래분쟁</option>
|
||||
<option value="search_category05">대규모유통업</option>
|
||||
<option value="search_category06">약관분쟁</option>
|
||||
<option value="search_category07">대리점분쟁</option>
|
||||
<option value="search_category08">기타</option>
|
||||
</select>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<select name="reservation_category" id="" title="예약여부 선택" class="select">
|
||||
<option value="reservation_category01">확정</option>
|
||||
<option value="reservation_category02">미확정</option>
|
||||
</select>
|
||||
</li>
|
||||
<li>
|
||||
<input type="text" class="input_text" title="검색어 입력" placeholder="제목을 입력해주세요.">
|
||||
</li>
|
||||
<li>
|
||||
<button type="button" class="btn btn_text btn_40 darkblue_fill btn_search">검색</button>
|
||||
</li>
|
||||
</ul>
|
||||
<!-- //search -->
|
||||
|
||||
<!-- table -->
|
||||
<div class="table_top">
|
||||
<p class="list_total_number">전체 <span class="color_blue">3,581</span>건(<span class="color_blue">10</span>/400 페이지)</p>
|
||||
</div>
|
||||
|
||||
<div class="table_type_cols">
|
||||
<table>
|
||||
<colgroup>
|
||||
<col style="width:17%;">
|
||||
<col style="width:auto;">
|
||||
<col style="width:13%;">
|
||||
<col style="width:13%;">
|
||||
<col style="width:20%;">
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>조정유형</th>
|
||||
<th>상담제목</th>
|
||||
<th>등록일</th>
|
||||
<th>예약여부</th>
|
||||
<th>예약일시</th>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
|
||||
<tbody>
|
||||
|
||||
<tr>
|
||||
<td><i class="icon td_type hide td_icon"></i>공정거래</td>
|
||||
<td class="td_title"><a href="#none" class="list_title">공정거래 상담 신청합니다.</a></td>
|
||||
<td>2024-08-19</td>
|
||||
<td>확정</td>
|
||||
<td>2024-08-19 10:00</td>
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
|
||||
</div>
|
||||
<!-- //table -->
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<div data-include-path="/kofair_case_seed/usr/layout/_footer.html"></div>
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -0,0 +1,171 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ko">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>한국공정거래조정원 온라인분쟁조정시스템 > 분쟁조정 신청 > 분쟁조정 사건조회 > 상세</title>
|
||||
|
||||
<!-- css -->
|
||||
<link rel="stylesheet" href="/kofair_case_seed/css/reset.css">
|
||||
<link rel="stylesheet" href="/kofair_case_seed/css/font.css">
|
||||
<link rel="stylesheet" href="/kofair_case_seed/usr/style/common.css">
|
||||
<link rel="stylesheet" href="/kofair_case_seed/usr/style/layout.css">
|
||||
<link rel="stylesheet" href="/kofair_case_seed/usr/style/style.css">
|
||||
<link rel="stylesheet" href="/kofair_case_seed/usr/style/request.css">
|
||||
|
||||
<!-- js -->
|
||||
<script src="/kofair_case_seed/script/lib/jquery-3.5.0.js"></script>
|
||||
<script src="/kofair_case_seed/usr/scripts/common.js"></script>
|
||||
<script src="/kofair_case_seed/usr/scripts/layout.js"></script>
|
||||
<script src="/kofair_case_seed/usr/scripts/ui.js"></script>
|
||||
<script src="/kofair_case_seed/usr/scripts/request.js"></script>
|
||||
|
||||
<!-- fullcalendar -->
|
||||
<script src="/kofair_case_seed/script/plugin/fullcalendar-6.1.15/dist/index.global.js"></script>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="mask"></div>
|
||||
<div class="wrap sub">
|
||||
<div data-include-path="/kofair_case_seed/usr/layout/_header.html"></div>
|
||||
|
||||
<div class="contents sub">
|
||||
|
||||
<div class="sub_visual">
|
||||
<h2>분쟁조정 신청</h2>
|
||||
</div>
|
||||
|
||||
<div class="inner">
|
||||
|
||||
<!-- lnb -->
|
||||
<div class="lnb">
|
||||
<p class="title">분쟁조정 신청</p>
|
||||
<ul class="lnb_menu">
|
||||
<li>
|
||||
<a href="#none" class="lnb_menu_title">분쟁조정 신청하기</a>
|
||||
</li>
|
||||
<li class="active">
|
||||
<a href="#none" class="lnb_menu_title">분쟁조정 사건조회</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- //lnb -->
|
||||
<div class="sub_content inquiry_content detail">
|
||||
|
||||
<!-- page_location -->
|
||||
<ul class="page_location">
|
||||
<li><i class="icon home"></i></li>
|
||||
<li>분쟁조정 신청</li>
|
||||
<li>분쟁조정 사건조회</li>
|
||||
</ul>
|
||||
<!-- //page_location -->
|
||||
|
||||
<h3 class="sub_con_tit">분쟁조정 사건조회</h3>
|
||||
|
||||
<b class="title depth02">주요일정</b>
|
||||
<div class="calendar" id="calendar"></div>
|
||||
|
||||
<b class="title depth02">분쟁정보</b>
|
||||
|
||||
<div class="box border_3 gray_border">
|
||||
<div class="box_head">
|
||||
<p>사건번호 <span class="fw_bold">2024-1234</span><span class="color_blue">(현재단계 <span class="color_blue status fw_bold">종료</span>)</span></p>
|
||||
</div>
|
||||
<div class="box_body">
|
||||
<ul class="info_ul">
|
||||
<li>
|
||||
<p class="title blue_border">신청인 : (주)일등솔루션아카데미</p>
|
||||
</li>
|
||||
<li>
|
||||
<p class="title blue_border">피신청인 : (주)이등건설</p>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="info_ul">
|
||||
<li>
|
||||
<p class="title blue_border">접수일 : 2024-03-15 09:25</p>
|
||||
</li>
|
||||
<li>
|
||||
<p class="title blue_border">담당자 : [건설하도급팀] 홍길동 조사관, 02-1548-2368</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<b class="title depth02">조정절차 관련 자료</b>
|
||||
<dl class="blue_row_dl">
|
||||
<dt>신청인 제출자료</dt>
|
||||
<dd>
|
||||
<div class="file_upload_wrap">
|
||||
<div class="file_button">
|
||||
<input type="file" id="file" class="input_file">
|
||||
<label for="file" class="file btn btn_text btn_40 darkblue_border">파일선택</label>
|
||||
</div>
|
||||
<ul class="file_list fill">
|
||||
<li><a href="#none" download="download"><i class="icon file clip"></i><span class="file_name">분쟁조정신청 관련_필요한 첨부이미지_10310.png </span><span class="file_size">457kb</span></a> <button type="button" class="btn only_icon round"><i class="icon delete gray_fill"></i></button></li>
|
||||
<li><a href="#none" download="download"><i class="icon file clip"></i><span class="file_name">분쟁조정신청 관련_필요한 첨부이미지_10310.png </span><span class="file_size">457kb</span></a> <button type="button" class="btn only_icon round"><i class="icon delete gray_fill"></i></button></li>
|
||||
</ul>
|
||||
</div>
|
||||
</dd>
|
||||
<dt>우편제출 자료</dt>
|
||||
<dd>-</dd>
|
||||
<dt>피신청인 제출자료</dt>
|
||||
<dd>
|
||||
<div class="file_upload_wrap">
|
||||
<div class="file_button">
|
||||
<input type="file" id="file" class="input_file">
|
||||
<label for="file" class="file btn btn_text btn_40 darkblue_border">파일선택</label>
|
||||
</div>
|
||||
<ul class="file_list fill">
|
||||
<li><a href="#none" download="download"><i class="icon file clip"></i><span class="file_name">분쟁조정신청 관련_필요한 첨부이미지_10310.png </span><span class="file_size">457kb</span></a> <button type="button" class="btn only_icon round"><i class="icon delete gray_fill"></i></button></li>
|
||||
</ul>
|
||||
</div>
|
||||
</dd>
|
||||
</dl>
|
||||
<p class="color_red cf_text">※ 파일은 100MB까지 업로드 가능합니다.</p>
|
||||
<p class="color_red cf_text">※ 주의! 파일 선택하여 첨부한 뒤 반드시 등록 버튼을 누르셔야 합니다.</p>
|
||||
|
||||
<b class="title depth02">조정절차 관련 공문서 확인</b>
|
||||
<dl class="blue_row_dl">
|
||||
<dt>접수사실 통지 및 신청서 보완요구</dt>
|
||||
<dd>-</dd>
|
||||
<dt>사실관계의 확인을 위한 출석요구</dt>
|
||||
<dd>-</dd>
|
||||
<dt>조정안에 대한 수락여부 조회</dt>
|
||||
<dd>-</dd>
|
||||
<dt>조정절차 종료사실 통지</dt>
|
||||
<dd>
|
||||
<ul class="view_file_list border_0">
|
||||
<li><a href="#" download="download"><i class="icon file clip blue"></i>분쟁조정신청 관련_필요한 첨부이미지_10310.png</a></li>
|
||||
<li><a href="#" download="download"><i class="icon file clip blue"></i>분쟁조정신청 관련_필요한 첨부이미지_10310.png</a></li>
|
||||
</ul>
|
||||
</dd>
|
||||
</dl>
|
||||
|
||||
<b class="title depth02">절차진행 관련 서명 제출</b>
|
||||
<dl class="blue_row_dl">
|
||||
<dt>합의서</dt>
|
||||
<dd></dd>
|
||||
<dt>종료요청서</dt>
|
||||
<dd>-</dd>
|
||||
<dt>신청취하서</dt>
|
||||
<dd>-</dd>
|
||||
<dt>조정조서</dt>
|
||||
<dd>-</dd>
|
||||
</dl>
|
||||
|
||||
<div class="btn_wrap right">
|
||||
<button type="button" class="btn btn_text btn_45 darkblue_fill">등록</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div data-include-path="/kofair_case_seed/usr/layout/_footer.html"></div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -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() {
|
||||
|
||||
// 캘린더 고유 클래스 추가
|
||||
|
||||
11
src/main/webapp/kofair_case_seed/usr/scripts/mypage.js
Normal file
11
src/main/webapp/kofair_case_seed/usr/scripts/mypage.js
Normal file
@ -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);
|
||||
}
|
||||
@ -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');
|
||||
|
||||
|
||||
@ -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;}
|
||||
|
||||
@ -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;}
|
||||
|
||||
@ -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;}
|
||||
}
|
||||
@ -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;}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user