24/09/23 분쟁조정신청 페이지 추가
This commit is contained in:
subsub
parent
1bfc41550f
commit
0e253b0bf3
@ -32,6 +32,8 @@
|
||||
|
||||
<li><a href="/kofair_case_seed/usr/request/apl_01.html" target="_blank">분쟁조정 신청 > 분쟁조정 신청하기01</a></li>
|
||||
<li><a href="/kofair_case_seed/usr/request/apl_02.html" target="_blank">분쟁조정 신청 > 분쟁조정 신청하기02</a></li>
|
||||
<li><a href="/kofair_case_seed/usr/request/apl_03.html" target="_blank">분쟁조정 신청 > 분쟁조정 신청하기03</a></li>
|
||||
<li><a href="/kofair_case_seed/usr/request/apl_04.html" target="_blank">분쟁조정 신청 > 분쟁조정 신청하기04</a></li>
|
||||
<li><a href="/kofair_case_seed/usr/request/case_inquiry.html" target="_blank">분쟁조정 신청 > 분쟁조정 사건조회</a></li>
|
||||
|
||||
<li><a href="/kofair_case_seed/usr/counsel/callcenter.html" target="_blank">분쟁조정 상담 > 상담신청 > 분쟁조정 상담</a></li>
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 510 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 754 B |
Binary file not shown.
|
After Width: | Height: | Size: 4.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.9 KiB |
@ -22,6 +22,7 @@
|
||||
<link rel="stylesheet" href="/kofair_case_seed/script/plugin/swiper-11.1.9/package/swiper-bundle.css">
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
175
src/main/webapp/kofair_case_seed/usr/mypage/apl_status.html
Normal file
175
src/main/webapp/kofair_case_seed/usr/mypage/apl_status.html
Normal file
@ -0,0 +1,175 @@
|
||||
<!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/mypage.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>
|
||||
|
||||
<style>
|
||||
.tab_contents {
|
||||
min-height: 290px;
|
||||
margin: 0 0 80px 0;
|
||||
}
|
||||
</style>
|
||||
|
||||
</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 apl_status_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>
|
||||
|
||||
<ul class="tabs tab_02 blue_fill mt40 mb40">
|
||||
<li><button type="button" onclick="pblEvt.tab(this,'active','ul',$('.tab'),'0')" class="tab active">신청현황</button></li>
|
||||
<li><button type="button" onclick="pblEvt.tab(this,'active','ul',$('.tab'),'1')" class="tab">임시보관</button></li>
|
||||
</ul>
|
||||
|
||||
<div class="tab_contents active">
|
||||
|
||||
<div class="table_top">
|
||||
<p class="list_total_number">전체 <span class="color_blue">3</span>건 (<span class="color_blue">1</span>/1페이지)</p>
|
||||
<button type="button" class="btn btn_text btn_35 orange_border">사건조회</button>
|
||||
</div>
|
||||
|
||||
<div class="table_type_cols">
|
||||
<table>
|
||||
<colgroup>
|
||||
<col style="width:92px;">
|
||||
<col style="width:18%;">
|
||||
<col style="width:18%;">
|
||||
<col style="width:18%;">
|
||||
<col style="width:15%;">
|
||||
<col style="width:15%;">
|
||||
<col style="width:15%;">
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>상태</th>
|
||||
<th>문서 등록번호</th>
|
||||
<th>신청인</th>
|
||||
<th>피신청인</th>
|
||||
<th>사건번호</th>
|
||||
<th>담당자</th>
|
||||
<th>신청일</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="table_number">접수</td>
|
||||
<td class="td_title"><a href="#none" class="color_333"><span class="pc_hide">문서 등록번호 : </span> 20240819-028</a></td>
|
||||
<td class="td_hide">홍길동</td>
|
||||
<td class="td_hide">홍길동, 정길동, 김길동, 정길동, 김길동</td>
|
||||
<td class="td_case_number"><i class="icon hide td_icon td_case_number"></i>202408-145</td>
|
||||
<td class="td_writer"><i class="icon hide td_icon td_writer"></i>김담당</td>
|
||||
<td class="td_hide">2024-08-20</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<p class="cf_text">※ 사건접수 완료 후 진행상황은 홈페이지 메뉴 분쟁조정 사건조회에서 조회가 가능합니다.</p>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="tab_contents">
|
||||
<div class="table_top">
|
||||
<p class="list_total_number">전체 <span class="color_blue">3</span>건 (<span class="color_blue">1</span>/1페이지)</p>
|
||||
</div>
|
||||
|
||||
<div class="table_type_cols">
|
||||
<table>
|
||||
<colgroup>
|
||||
<col style="width:120px;">
|
||||
<col style="width:auto;">
|
||||
<col style="width:20%;">
|
||||
<col style="width:20%;">
|
||||
<col style="width:20%;">
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>번호</th>
|
||||
<th>신청인</th>
|
||||
<th>조정유형</th>
|
||||
<th>보관일</th>
|
||||
<th>수정</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="table_number">3</td>
|
||||
<td class="td_person"><i class="icon hide td_icon td_person"></i>홍길동</td>
|
||||
<td class="td_type"><i class="icon hide td_icon td_type"></i>공정거래</td>
|
||||
<td class="td_hide">2024-08-20</td>
|
||||
<td class="td_title"><button type="button" class="btn btn btn_35 darkblue_border btn_edit">수정하기</button></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<div data-include-path="/kofair_case_seed/usr/layout/_footer.html"></div>
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -0,0 +1,141 @@
|
||||
<!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>
|
||||
|
||||
|
||||
</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>
|
||||
|
||||
<div class="table_type_rows mt40">
|
||||
<table>
|
||||
<colgroup>
|
||||
<col style="width:200px;">
|
||||
<col style="width:calc((100% - 400px)/2);">
|
||||
<col style="width:200px;">
|
||||
<col style="width:calc((100% - 400px)/2);">
|
||||
</colgroup>
|
||||
|
||||
<tbody>
|
||||
<tr>
|
||||
<th>접수번호</th>
|
||||
<td>20240829-003</th>
|
||||
<th>등록일</th>
|
||||
<td>2024-08-29</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>신청인</th>
|
||||
<td>홍길동</td>
|
||||
<th>핸드폰</th>
|
||||
<td>010-1234-5678</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>조정유형</th>
|
||||
<td>공정거래</td>
|
||||
<th>사무실</th>
|
||||
<td>010-1111-3333</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>이메일</th>
|
||||
<td colspan="3">dfkeito02@naver.com</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>상담제목</th>
|
||||
<td colspan="3">공정거래 상담 신청합니다.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>상담내용</th>
|
||||
<td colspan="3" class="td_substance">신청인은 자동차 매매사업자이고, 피신청인은 자동차 중개(판매)사이트(이하 ‘이 사건 사이트’라 한다)를 운영하는 사업자이며,
|
||||
신청인은 피신청인의 이 사건 사이트를 통하여 자동차를 매입해왔는데 피신청인이 일방적으로 신청인의 계정을 정지한 행위가
|
||||
부당하다고 주장하면서 이 사건 분쟁조정을 신청하였습니다. 이런 경우 어떻게 해야 하는지 궁금합니다.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>첨부파일</th>
|
||||
<td colspan="3">
|
||||
<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>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="btn_wrap right">
|
||||
<button type="button" class="btn btn_text btn_45 darkgray_border">삭제</button>
|
||||
<button type="button" class="btn btn_text btn_45 gray_fill">목록</button>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<div data-include-path="/kofair_case_seed/usr/layout/_footer.html"></div>
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
561
src/main/webapp/kofair_case_seed/usr/request/apl_03.html
Normal file
561
src/main/webapp/kofair_case_seed/usr/request/apl_03.html
Normal file
@ -0,0 +1,561 @@
|
||||
<!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>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="mask"></div>
|
||||
|
||||
|
||||
<!-- 팝업 : 작성요령 안내 : write_popup -->
|
||||
<div class="tooltip-wrap">
|
||||
<div class="popup_wrap layer_popup write_popup" style="width:795px;" tabindex="0" data-tooltip-con="write_popup" data-focus="write_popup" data-focus-prev="write_popup_close">
|
||||
<div class="popup_content">
|
||||
<div class="title_wrap">
|
||||
<p>작성 요령</p>
|
||||
<button type="button" class="btn only_icon btn_popup_close tooltip-close"><i class="icon popup close white"></i></button>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="box gray_fill">
|
||||
<b class="title">작성 전 유의사항</b>
|
||||
<dl class="box white_fill">
|
||||
<dt>· 사업자간 분쟁인지 여부</dt>
|
||||
<dd>
|
||||
<ul class="sub_info_ul">
|
||||
<li>양 당사자 연락처를 정확히 기재바랍니다.</li>
|
||||
<li>사안이 다양할 경우 피해금액이 큰 주장 위주로 작성해 주시기 바랍니다.</li>
|
||||
</ul>
|
||||
</dd>
|
||||
<dt>· 신청서 부본 준비</dt>
|
||||
<dd>
|
||||
<ul class="sub_info_ul">
|
||||
<li>분쟁조정신청서는 3부(원본 보관용, 피신청인 송달용, 공정위 송달용) 제출</li>
|
||||
</ul>
|
||||
</dd>
|
||||
</dl>
|
||||
<b class="title">신청서 작성 요령</b>
|
||||
<dl class="box white_fill">
|
||||
<dt>· 신청서 표지</dt>
|
||||
<dd>
|
||||
<ul class="sub_info_ul">
|
||||
<li>신청인, 피신청인의 상호 및 송달가능 주소, 연락처를 명확하게 기재합니다.</li>
|
||||
<li>피신청인의 본점 주소지와 송달주소지가 다를 경우 둘 다 기재합니다.</li>
|
||||
<li>피신청인의 사업자등록번호와 법인등록번호는 모를 경우 생략해도 무방합니다.</li>
|
||||
</ul>
|
||||
</dd>
|
||||
<dt>· 신청서 별지</dt>
|
||||
<dd>
|
||||
<p class="color_darkblue fw_medium">1) 신청취지</p>
|
||||
<ul class="sub_info_ul">
|
||||
<li>신청취지는 피신청인을 상대로 신청인이 요구하는 핵심적인 내용을 말하며, 행위를 요청하는 경우에는 피신청인이 어떠한 행위를 하라고 청구하는 것인지 구체적으로 기재하여 주시고, 금전의 지급을 요청하는 경우에는 그 액을 명시하여 주시기 바랍니다.</li>
|
||||
</ul>
|
||||
<p class="fw_medium ex_tit">※ 기재 예시</p>
|
||||
<div class="box gray_border gray_fill">
|
||||
<ul class="sub_info_ul mt0">
|
||||
<li>‘피신청인은 신청인에게 ()년 ()월 ()자 계약 해지는 무효임을 확인한다’라는 조정을 구합니다.</li>
|
||||
<li>‘피신청인은 신청인에게 금 ()원을 지급한다’라는 조정을 구합니다.</li>
|
||||
</ul>
|
||||
</div>
|
||||
<p class="color_darkblue fw_medium">2) 신청이유</p>
|
||||
<ul class="sub_info_ul">
|
||||
<li>신청이유는 신청인이 분쟁조정신청에 이르게 된 이유 및 신청취지의 작성 근거 등을 말하며, 최대한 자세하게 작성하여 주시기 바랍니다.</li>
|
||||
</ul>
|
||||
<p class="fw_medium ex_tit">※ 기재 예시</p>
|
||||
<div class="box gray_border gray_fill">
|
||||
<ul class="sub_info_ul mt0">
|
||||
<li>분쟁당사자의 현황(예: 신청인과 피신청인의 업종 등)</li>
|
||||
<li>분쟁조정신청에 이르게 된 경위<br>(예: 계약 체결일 및 계약 내용, 피신청인과의 거래 비중, 분쟁이 발생하게 된 배경 및 경위* 등)<br>* 사안이 다양할 경우 피해금액이 큰 주장 위주로 작성합니다.</li>
|
||||
<li>기타 관련된 내용(예: 조정절차 진행 시 참고하여야 할 내용 등)</li>
|
||||
</ul>
|
||||
</div>
|
||||
<p class="color_darkblue fw_medium">3) 일반현황에 대한 기초 자료</p>
|
||||
<ul class="sub_info_ul">
|
||||
<li>사업자등록증 및 법인등기부등본</li>
|
||||
<li>계약체결 직전연도 및 당해연도 손익계산서 또는 부가가치세 과세 표준 증명원</li>
|
||||
</ul>
|
||||
<p class="color_darkblue fw_medium">4) 입증자료</p>
|
||||
<ul class="sub_info_ul">
|
||||
<li>신청이유에 기재한 사실 및 주장을 입증할 수 있는 자료</li>
|
||||
<li>(예: 계약서, 세금계산서, 거래명세표, 거래당사자 사이에 주고받은 내용증명 등)</li>
|
||||
</ul>
|
||||
<p class="color_darkblue fw_medium">5) 기타자료</p>
|
||||
<ul class="sub_info_ul">
|
||||
<li>대리인이 신청하는 경우 위임장과 본인 인감증명서 제출</li>
|
||||
</ul>
|
||||
</dd>
|
||||
</dl>
|
||||
<b class="title">제출 서류의 구비</b>
|
||||
<div class="box white_fill">
|
||||
<dt>· 일반현황에 대한 기초 자료</dt>
|
||||
<dd>
|
||||
<ul class="sub_info_ul">
|
||||
<li>사업자등록증 및 법인등기부등본</li>
|
||||
<li>계약체결 직전연도 및 당해연도 손익계산서 또는 부가가치세 과세표준 증명원</li>
|
||||
</ul>
|
||||
</dd>
|
||||
<dt>· 입증자료</dt>
|
||||
<dd>
|
||||
<ul class="sub_info_ul">
|
||||
<li>신청이유에 기재한 사실 및 주장을 입증할 수 있는 자료<br>(예: 계약서, 세금계산서, 거래명세표, 거래당사자 사이에 주고받은 내용증명 등)</li>
|
||||
</ul>
|
||||
</dd>
|
||||
<dt>· 기타자료</dt>
|
||||
<dd>
|
||||
<ul class="sub_info_ul">
|
||||
<li>대리인이 신청하는 경우 위임장과 본인 인감증명서 제출</li>
|
||||
</ul>
|
||||
</dd>
|
||||
</div>
|
||||
</div>
|
||||
<div class="btn_wrap center">
|
||||
<button type="button" class="btn btn_text btn_40 gray_fill tooltip-close" data-tooltip="write_popup_popup" data-focus="write_popup_popup" data-focus-next="write_popup">확인</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 팝업 : 해당 유형 안내 : type_popup -->
|
||||
<div class="tooltip-wrap">
|
||||
<div class="popup_wrap layer_popup type_popup" style="width:795px;" tabindex="0" data-tooltip-con="type_popup" data-focus="type_popup" data-focus-prev="type_popup_close">
|
||||
<div class="popup_content">
|
||||
<div class="title_wrap">
|
||||
<p>하도급거래 해당 유형</p>
|
||||
<button type="button" class="btn only_icon btn_popup_close tooltip-close"><i class="icon popup close white"></i></button>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="box gray_fill">
|
||||
<dl class="box white_fill">
|
||||
<dt>· 하도급거래 중 발생한 분쟁으로서 다음 유형의 행위에 해당하는 경우</dt>
|
||||
<dd>
|
||||
<ul class="sub_info_ul">
|
||||
<li>하도급대금의 부당 결정, 하도급대금 미지급, 부당 감액, 어음할인료 미지급, 부당한 대물변제, 선급금 미지급</li>
|
||||
<li>설계변경 또는 원재료의 가격 변동 등에 따른 하도급대금 조정의무 불이행</li>
|
||||
<li>물품 등의 구매 강제</li>
|
||||
<li>부당한 위탁 취소, 부당하게 목적물 등의 수령 거부</li>
|
||||
<li>부당하게 기술자료 또는 경제적 이익 제공 요구</li>
|
||||
</ul>
|
||||
</dd>
|
||||
<dt>
|
||||
<p class="fw_medium ex_tit">※ 신청제외 대상</p>
|
||||
</dt>
|
||||
<dd>
|
||||
<div class="box gray_border gray_fill">
|
||||
<ul class="sub_info_ul mt0">
|
||||
<li>하도급법 제2조 제1항 내지 제3항의 규정에 의한 “하도급거래”, “원사업자”, “수급사업자” 요건을 충족하지 아니하는 경우</li>
|
||||
<li>당해 거래가 끝난 날로부터 3년이 지난 경우</li>
|
||||
<li>단순 민사 분쟁</li>
|
||||
</ul>
|
||||
</div>
|
||||
</dd>
|
||||
</dl>
|
||||
</div>
|
||||
<div class="btn_wrap center">
|
||||
<button type="button" class="btn btn_text btn_40 gray_fill tooltip-close" data-tooltip="type_popup_popup" data-focus="type_popup_popup" data-focus-next="type_popup">확인</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</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 apl03_info_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>
|
||||
|
||||
<ul class="process_step_wrap step5">
|
||||
<li>
|
||||
<p>STEP 01 <span>개인정보수집</span></p>
|
||||
<i class="icon step step01"></i>
|
||||
</li>
|
||||
<li class="active">
|
||||
<p>STEP 02 <span>신청인 정보</span></p>
|
||||
<i class="icon step step02"></i>
|
||||
</li>
|
||||
<li>
|
||||
<p>STEP 03 <span>피신청인 정보</span></p>
|
||||
<i class="icon step step03"></i>
|
||||
</li>
|
||||
<li>
|
||||
<p>STEP 04 <span>사건현황</span></p>
|
||||
<i class="icon step step04"></i>
|
||||
</li>
|
||||
<li>
|
||||
<p>STEP 05 <span>분쟁정보</span></p>
|
||||
<i class="icon step step05"></i>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<ul class="box gray_border info_ul apl_03_content">
|
||||
<li class="title blue_border fw_regular">분쟁조정에 필요한 정보(사업자 정보 및 분쟁사실 등)는 담당자 및 분쟁조정협의회 위원 등 관계자들에게만 제공되며, 신청인 및 신청인 소속 직원의
|
||||
개인정보에 대해서는 관계 법령에 따라 비밀유지 의무를 준수합니다.</li>
|
||||
<li class="title blue_border fw_regular">조정원은 분쟁조정 신청 이후 분쟁사실 검토를 위해 관련 법령에 따라 사실관계 확인 등에 필요한 자료제출을 요구할 수 있으며, 자료제출에 2회 이상
|
||||
불응할 경우 조정절차가 중지될 수 있으니 이 점 유의하시기 바랍니다.</li>
|
||||
<li class="title blue_border fw_regular">조정절차 진행 및 조정의사 확인 등을 이유로 필요한 경우 우편으로 문서가 통지될 수 있습니다.</li>
|
||||
</ul>
|
||||
|
||||
<div class="btn_wrap right">
|
||||
<button type="button" class="btn btn_text btn_35 gray_fill" data-tooltip="write_popup" title="팝업 열림">신청서 작성 요령</button>
|
||||
</div>
|
||||
|
||||
<div class="table_top" style="justify-content:flex-end;">
|
||||
<p class="cf_text"><span class="color_red">*</span>표기는 필수 입력사항</p>
|
||||
</div>
|
||||
<div class="table_type_rows">
|
||||
<table>
|
||||
<colgroup>
|
||||
<col style="width:200px;">
|
||||
<col style="width:auto;">
|
||||
</colgroup>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th>
|
||||
<p class="required_text">*<span>필수입력</span></p>조정유형
|
||||
</th>
|
||||
<td>
|
||||
하도급거래 <button type="button" class="btn btn_text btn_35 gray_fill" data-tooltip="type_popup" title="팝업 열림">하도급거래 해당 유형</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>
|
||||
<p class="required_text">*<span>필수입력</span></p>신청사유
|
||||
</th>
|
||||
<td>
|
||||
<div class="reason_add input_box">
|
||||
<select name="" id="" class="select">
|
||||
<option value="">선택하세요</option>
|
||||
<option value="1103010000">서면의 발급 및 서류의 보존의무</option>
|
||||
<option value="1103020000">선급금 지급의무</option>
|
||||
<option value="1103030000">내국신용장개설의무 위반</option>
|
||||
<option value="1103040000">검사의무 위반</option>
|
||||
<option value="1103050000">하도급대금 지급</option>
|
||||
<option value="1103290000">하도급대금 연동</option>
|
||||
<option value="1103060000">건설하도급 대금지급 보증의무</option>
|
||||
<option value="1103070000">관세 등 환급액의 지급의무 위반</option>
|
||||
<option value="1103080000">설계변경 등에 따른 하도급대금 조정의무</option>
|
||||
<option value="1103090000">공급원가 변동에 따른 하도급대금 조정의무</option>
|
||||
<option value="1103100000">부당한 하도급대금 결정</option>
|
||||
<option value="1103110000">물품 등의 구매강제</option>
|
||||
<option value="1103120000">부당한 위탁취소</option>
|
||||
<option value="1103130000">부당반품</option>
|
||||
<option value="1103140000">부당감액</option>
|
||||
<option value="1103280000">부당특약</option>
|
||||
<option value="1103150000">물품구매대금 등의 부당결제 청구</option>
|
||||
<option value="1103160000">경제적 이익의 부당요구</option>
|
||||
<option value="1103170000">기술자료 제공 요구</option>
|
||||
<option value="1103180000">부당한 대물변제</option>
|
||||
<option value="1103190000">부당한 경영간섭</option>
|
||||
<option value="1103200000">보복조치</option>
|
||||
<option value="1103220000">탈법행위</option>
|
||||
<option value="1103230000">발주자에 대한 하도급대금 직접지급 청구에 대해 협조의무</option>
|
||||
<option value="1103240000">발주자의 하도급대금 직접지급의무</option>
|
||||
<option value="1103250000">서면거짓작성 및 발급</option>
|
||||
<option value="1103260000">서류미보존</option>
|
||||
<option value="1103270000">기타</option>
|
||||
</select>
|
||||
<button type="button" class="btn btn_text btn_40 darkblue_border btn_add_reason">신청사유 추가</button>
|
||||
</div>
|
||||
<ul class="reason_list">
|
||||
<li>
|
||||
<select name="" id="" class="select">
|
||||
<option value="">선택하세요</option>
|
||||
<option value="1103010000">서면의 발급 및 서류의 보존의무</option>
|
||||
<option value="1103020000">선급금 지급의무</option>
|
||||
<option value="1103030000">내국신용장개설의무 위반</option>
|
||||
<option value="1103040000">검사의무 위반</option>
|
||||
<option value="1103050000">하도급대금 지급</option>
|
||||
<option value="1103290000">하도급대금 연동</option>
|
||||
<option value="1103060000">건설하도급 대금지급 보증의무</option>
|
||||
<option value="1103070000">관세 등 환급액의 지급의무 위반</option>
|
||||
<option value="1103080000">설계변경 등에 따른 하도급대금 조정의무</option>
|
||||
<option value="1103090000">공급원가 변동에 따른 하도급대금 조정의무</option>
|
||||
<option value="1103100000">부당한 하도급대금 결정</option>
|
||||
<option value="1103110000">물품 등의 구매강제</option>
|
||||
<option value="1103120000">부당한 위탁취소</option>
|
||||
<option value="1103130000">부당반품</option>
|
||||
<option value="1103140000">부당감액</option>
|
||||
<option value="1103280000">부당특약</option>
|
||||
<option value="1103150000">물품구매대금 등의 부당결제 청구</option>
|
||||
<option value="1103160000">경제적 이익의 부당요구</option>
|
||||
<option value="1103170000">기술자료 제공 요구</option>
|
||||
<option value="1103180000">부당한 대물변제</option>
|
||||
<option value="1103190000">부당한 경영간섭</option>
|
||||
<option value="1103200000">보복조치</option>
|
||||
<option value="1103220000">탈법행위</option>
|
||||
<option value="1103230000">발주자에 대한 하도급대금 직접지급 청구에 대해 협조의무</option>
|
||||
<option value="1103240000">발주자의 하도급대금 직접지급의무</option>
|
||||
<option value="1103250000">서면거짓작성 및 발급</option>
|
||||
<option value="1103260000">서류미보존</option>
|
||||
<option value="1103270000">기타</option>
|
||||
</select>
|
||||
<button type="button" class="btn only_icon round btn_delect" onclick="removeLi(this);" title="사유 삭제"><i class="icon"></i></button>
|
||||
</li>
|
||||
<li>
|
||||
<select name="" id="" class="select">
|
||||
<option value="">선택하세요</option>
|
||||
<option value="1103010000">서면의 발급 및 서류의 보존의무</option>
|
||||
<option value="1103020000">선급금 지급의무</option>
|
||||
<option value="1103030000">내국신용장개설의무 위반</option>
|
||||
<option value="1103040000">검사의무 위반</option>
|
||||
<option value="1103050000">하도급대금 지급</option>
|
||||
<option value="1103290000">하도급대금 연동</option>
|
||||
<option value="1103060000">건설하도급 대금지급 보증의무</option>
|
||||
<option value="1103070000">관세 등 환급액의 지급의무 위반</option>
|
||||
<option value="1103080000">설계변경 등에 따른 하도급대금 조정의무</option>
|
||||
<option value="1103090000">공급원가 변동에 따른 하도급대금 조정의무</option>
|
||||
<option value="1103100000">부당한 하도급대금 결정</option>
|
||||
<option value="1103110000">물품 등의 구매강제</option>
|
||||
<option value="1103120000">부당한 위탁취소</option>
|
||||
<option value="1103130000">부당반품</option>
|
||||
<option value="1103140000">부당감액</option>
|
||||
<option value="1103280000">부당특약</option>
|
||||
<option value="1103150000">물품구매대금 등의 부당결제 청구</option>
|
||||
<option value="1103160000">경제적 이익의 부당요구</option>
|
||||
<option value="1103170000">기술자료 제공 요구</option>
|
||||
<option value="1103180000">부당한 대물변제</option>
|
||||
<option value="1103190000">부당한 경영간섭</option>
|
||||
<option value="1103200000">보복조치</option>
|
||||
<option value="1103220000">탈법행위</option>
|
||||
<option value="1103230000">발주자에 대한 하도급대금 직접지급 청구에 대해 협조의무</option>
|
||||
<option value="1103240000">발주자의 하도급대금 직접지급의무</option>
|
||||
<option value="1103250000">서면거짓작성 및 발급</option>
|
||||
<option value="1103260000">서류미보존</option>
|
||||
<option value="1103270000">기타</option>
|
||||
</select>
|
||||
<button type="button" class="btn only_icon round btn_delect" onclick="reasonDelete(this);" title="사유 삭제"><i class="icon"></i></button>
|
||||
</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>
|
||||
<p class="required_text">*<span>필수입력</span></p>하도급 위탁유형
|
||||
</th>
|
||||
<td>
|
||||
<select name="" id="" class="select">
|
||||
<option value="">기타의 불이익제공-① 대금 및 정산 관련</option>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- 신청인 기입사항 -->
|
||||
<div class="table_top title">
|
||||
<p class="title orange_border blue_border">신청인 기입사항</p>
|
||||
<div class="area_right">
|
||||
<p class="cf_text"><span class="color_red">*</span> 표기는 필수 입력사항</p>
|
||||
<button type="button" class="btn btn_text btn_35 orange_fill btn_add_apl">신청인 추가</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<ul class="apl_list">
|
||||
<li>
|
||||
<div class="apl_title">
|
||||
<button type="button" class="btn_apl_slide" onclick="aplSlide(this);">
|
||||
신청인1 <i class="icon slide up"></i>
|
||||
</button>
|
||||
<button type="button" class="btn btn_text btn_35 darkblue_border btn_delete_apl" onclick="removeLi(this);" title="신청인1 삭제">신청인 삭제</button>
|
||||
</div>
|
||||
<div class="table_type_rows apl_info_input">
|
||||
<table>
|
||||
<colgroup>
|
||||
<col style="width:200px;">
|
||||
<col style="width:auto;">
|
||||
<col style="width:200px;">
|
||||
<col style="width:auto;">
|
||||
</colgroup>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th>
|
||||
<p class="required_text">*<span>필수입력</span></p>상호
|
||||
</th>
|
||||
<td><input type="text" class="input_text w100per" title="상호 입력"></td>
|
||||
<th>
|
||||
<p class="required_text">*<span>필수입력</span></p>대표자
|
||||
</th>
|
||||
<td><input type="text" class="input_text w100per" title="대표자 입력"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>
|
||||
<p class="required_text">*<span>필수입력</span></p>개인/법인
|
||||
</th>
|
||||
<td colspan="3">
|
||||
<select name="" id="" class="select" title="개인/법인 선택">
|
||||
<option value="">개인</option>
|
||||
<option value="">법인</option>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>
|
||||
<p class="required_text">*<span>필수입력</span></p>우편번호
|
||||
</th>
|
||||
<td colspan="3">
|
||||
<ul class="input_box postcode_input">
|
||||
<li><input type="text" class="input_text" title="우편번호 입력"></li>
|
||||
<li><button type="button" class="btn btn_text darkblue_border btn_40">우편번호검색</button></li>
|
||||
<li><input type="checkbox" id="global_check" class="checkbox"><label for="global_check">해외시 체크해주세요.</label></li>
|
||||
</ul>
|
||||
<p class="cf_text small color_red">*우편물(공문)을 수령할 수 있는 자택/사업장 주소를 기입 바랍니다.</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>
|
||||
<p class="required_text">*<span>필수입력</span></p>도로명 주소
|
||||
</th>
|
||||
<td colspan="3">
|
||||
<ul class="input_box address_input">
|
||||
<li><input type="text" class="input_text" readonly></li>
|
||||
<li><input type="text" class="input_text" readonly></li>
|
||||
</ul>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>
|
||||
<p class="required_text">*<span>필수입력</span></p>이메일
|
||||
</th>
|
||||
<td colspan="3">
|
||||
<div class="email_wrap">
|
||||
<input type="text" class="input_text input_email" title="이메일 공급자 입력">
|
||||
@
|
||||
<input type="text" class="input_text input_email" title="이메일 공급자 입력">
|
||||
<select name="" id="" class="select email_select" title="이메일 공급자 선택">
|
||||
<option value="0">직접입력</option>
|
||||
<option value="chol.com">chol.com</option>
|
||||
<option value="daum.net">daum.net</option>
|
||||
<option value="dreamwiz.com">dreamwiz.com</option>
|
||||
<option value="empal.com">empal.com</option>
|
||||
<option value="freechal.com">freechal.com</option>
|
||||
<option value="gmail.com">gmail.com</option>
|
||||
<option value="hanafos.com">hanafos.com</option>
|
||||
<option value="hanmir.com">hanmir.com</option>
|
||||
<option value="hitel.com">hitel.com</option>
|
||||
<option value="hotmail.com">hotmail.com</option>
|
||||
<option value="korea.com">korea.com</option>
|
||||
<option value="lycos.co.kr">lycos.co.kr</option>
|
||||
<option value="nate.com">nate.com</option>
|
||||
<option value="naver.com">naver.com</option>
|
||||
<option value="netian.com">netian.com</option>
|
||||
<option value="paran.com">paran.com</option>
|
||||
<option value="yahoo.com">yahoo.com</option>
|
||||
<option value="yahoo.co.kr">yahoo.co.kr</option>
|
||||
</select>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>
|
||||
<p class="required_text">*<span>필수입력</span></p>휴대폰
|
||||
</th>
|
||||
<td>
|
||||
<div class="phone_wrap">
|
||||
<select name="" id="" title="핸드폰 첫번째 자리 선택" class="select">
|
||||
<option value="">010</option>
|
||||
<option value="">011</option>
|
||||
</select> -
|
||||
<input type="text" class="input_text" title="핸드폰 가운데 자리 입력"> -
|
||||
<input type="text" class="input_text" title="핸드폰 마지막 자리 입력">
|
||||
</div>
|
||||
</td>
|
||||
<th>FAX</th>
|
||||
<td>
|
||||
<div class="phone_wrap fax_wrap">
|
||||
<input type="text" class="input_text" title="팩스 가운데 자리 입력"> -
|
||||
<input type="text" class="input_text" title="팩스 가운데 자리 입력"> -
|
||||
<input type="text" class="input_text" title="팩스 마지막 자리 입력">
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>
|
||||
<p class="required_text">*<span>필수입력</span></p>사업자등록번호<br>('-'제외)
|
||||
</th>
|
||||
<td><input type="text" class="input_text w100per" title="사업자등록번호 입력"></td>
|
||||
<th>법인등록번호<br>('-'제외)</th>
|
||||
<td><input type="text" class="input_text w100per" title="법인등록번호 입력"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="btn_wrap right">
|
||||
<button type="button" class="btn btn_text btn_45 darkgray_border">임시저장</button>
|
||||
<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>
|
||||
250
src/main/webapp/kofair_case_seed/usr/request/apl_04.html
Normal file
250
src/main/webapp/kofair_case_seed/usr/request/apl_04.html
Normal file
@ -0,0 +1,250 @@
|
||||
<!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>
|
||||
|
||||
</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 apl03_info_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>
|
||||
|
||||
<ul class="process_step_wrap step5">
|
||||
<li>
|
||||
<p>STEP 01 <span>개인정보수집</span></p>
|
||||
<i class="icon step step01"></i>
|
||||
</li>
|
||||
<li>
|
||||
<p>STEP 02 <span>신청인 정보</span></p>
|
||||
<i class="icon step step02"></i>
|
||||
</li>
|
||||
<li class="active">
|
||||
<p>STEP 03 <span>피신청인 정보</span></p>
|
||||
<i class="icon step step03"></i>
|
||||
</li>
|
||||
<li>
|
||||
<p>STEP 04 <span>사건현황</span></p>
|
||||
<i class="icon step step04"></i>
|
||||
</li>
|
||||
<li>
|
||||
<p>STEP 05 <span>분쟁정보</span></p>
|
||||
<i class="icon step step05"></i>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<!-- 피신청인 기입사항 -->
|
||||
<div class="table_top title">
|
||||
<p class="title orange_border blue_border">피신청인 기입사항</p>
|
||||
<div class="area_right">
|
||||
<p class="cf_text"><span class="color_red">*</span> 표기는 필수 입력사항</p>
|
||||
<button type="button" class="btn btn_text btn_35 orange_fill btn_add_apl">피신청인 추가</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<ul class="apl_list rapl_list">
|
||||
<li>
|
||||
<div class="apl_title">
|
||||
<button type="button" class="btn_apl_slide" onclick="aplSlide(this);">
|
||||
피신청인1 <i class="icon slide up"></i>
|
||||
</button>
|
||||
<button type="button" class="btn btn_text btn_35 darkblue_border btn_delete_apl" onclick="removeLi(this);" title="피신청인1 삭제">피신청인 삭제</button>
|
||||
</div>
|
||||
<div class="table_type_rows apl_info_input">
|
||||
<table>
|
||||
<colgroup>
|
||||
<col style="width:200px;">
|
||||
<col style="width:auto;">
|
||||
<col style="width:200px;">
|
||||
<col style="width:auto;">
|
||||
</colgroup>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th>
|
||||
<p class="required_text">*<span>필수입력</span></p>상호
|
||||
</th>
|
||||
<td><input type="text" class="input_text w100per" title="상호 입력"></td>
|
||||
<th>
|
||||
<p class="required_text">*<span>필수입력</span></p>대표자
|
||||
</th>
|
||||
<td><input type="text" class="input_text w100per" title="대표자 입력"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>
|
||||
<p class="required_text">*<span>필수입력</span></p>개인/법인
|
||||
</th>
|
||||
<td colspan="3">
|
||||
<select name="" id="" class="select" title="개인/법인 선택">
|
||||
<option value="">개인</option>
|
||||
<option value="">법인</option>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>
|
||||
<p class="required_text">*<span>필수입력</span></p>우편번호
|
||||
</th>
|
||||
<td colspan="3">
|
||||
<ul class="input_box postcode_input">
|
||||
<li><input type="text" class="input_text" title="우편번호 입력"></li>
|
||||
<li><button type="button" class="btn btn_text darkblue_border btn_40">우편번호검색</button></li>
|
||||
<li><input type="checkbox" id="global_check" class="checkbox"><label for="global_check">해외시 체크해주세요.</label></li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>
|
||||
<p class="required_text">*<span>필수입력</span></p>도로명 주소
|
||||
</th>
|
||||
<td colspan="3">
|
||||
<ul class="input_box address_input">
|
||||
<li><input type="text" class="input_text" readonly></li>
|
||||
<li><input type="text" class="input_text" readonly></li>
|
||||
</ul>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>
|
||||
<p class="required_text">*<span>필수입력</span></p>이메일
|
||||
</th>
|
||||
<td colspan="3">
|
||||
<div class="email_wrap">
|
||||
<input type="text" class="input_text input_email" title="이메일 공급자 입력">
|
||||
@
|
||||
<input type="text" class="input_text input_email" title="이메일 공급자 입력">
|
||||
<select name="" id="" class="select email_select" title="이메일 공급자 선택">
|
||||
<option value="0">직접입력</option>
|
||||
<option value="chol.com">chol.com</option>
|
||||
<option value="daum.net">daum.net</option>
|
||||
<option value="dreamwiz.com">dreamwiz.com</option>
|
||||
<option value="empal.com">empal.com</option>
|
||||
<option value="freechal.com">freechal.com</option>
|
||||
<option value="gmail.com">gmail.com</option>
|
||||
<option value="hanafos.com">hanafos.com</option>
|
||||
<option value="hanmir.com">hanmir.com</option>
|
||||
<option value="hitel.com">hitel.com</option>
|
||||
<option value="hotmail.com">hotmail.com</option>
|
||||
<option value="korea.com">korea.com</option>
|
||||
<option value="lycos.co.kr">lycos.co.kr</option>
|
||||
<option value="nate.com">nate.com</option>
|
||||
<option value="naver.com">naver.com</option>
|
||||
<option value="netian.com">netian.com</option>
|
||||
<option value="paran.com">paran.com</option>
|
||||
<option value="yahoo.com">yahoo.com</option>
|
||||
<option value="yahoo.co.kr">yahoo.co.kr</option>
|
||||
</select>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>
|
||||
<p class="required_text">*<span>필수입력</span></p>휴대폰
|
||||
</th>
|
||||
<td>
|
||||
<div class="phone_wrap">
|
||||
<select name="" id="" title="핸드폰 첫번째 자리 선택" class="select">
|
||||
<option value="">010</option>
|
||||
<option value="">011</option>
|
||||
</select> -
|
||||
<input type="text" class="input_text" title="핸드폰 가운데 자리 입력"> -
|
||||
<input type="text" class="input_text" title="핸드폰 마지막 자리 입력">
|
||||
</div>
|
||||
</td>
|
||||
<th>FAX</th>
|
||||
<td>
|
||||
<div class="phone_wrap fax_wrap">
|
||||
<input type="text" class="input_text" title="팩스 가운데 자리 입력"> -
|
||||
<input type="text" class="input_text" title="팩스 가운데 자리 입력"> -
|
||||
<input type="text" class="input_text" title="팩스 마지막 자리 입력">
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>
|
||||
<p class="required_text">*<span>필수입력</span></p>사업자등록번호<br>('-'제외)
|
||||
</th>
|
||||
<td><input type="text" class="input_text w100per" title="사업자등록번호 입력"></td>
|
||||
<th>법인등록번호<br>('-'제외)</th>
|
||||
<td><input type="text" class="input_text w100per" title="법인등록번호 입력"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="btn_wrap right">
|
||||
<button type="button" class="btn btn_text btn_45 darkgray_border">임시저장</button>
|
||||
<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>
|
||||
113
src/main/webapp/kofair_case_seed/usr/request/apl_05.html
Normal file
113
src/main/webapp/kofair_case_seed/usr/request/apl_05.html
Normal file
@ -0,0 +1,113 @@
|
||||
<!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>
|
||||
|
||||
</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 apl03_info_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>
|
||||
|
||||
<ul class="process_step_wrap step5">
|
||||
<li>
|
||||
<p>STEP 01 <span>개인정보수집</span></p>
|
||||
<i class="icon step step01"></i>
|
||||
</li>
|
||||
<li>
|
||||
<p>STEP 02 <span>신청인 정보</span></p>
|
||||
<i class="icon step step02"></i>
|
||||
</li>
|
||||
<li>
|
||||
<p>STEP 03 <span>피신청인 정보</span></p>
|
||||
<i class="icon step step03"></i>
|
||||
</li>
|
||||
<li class="active">
|
||||
<p>STEP 04 <span>사건현황</span></p>
|
||||
<i class="icon step step04"></i>
|
||||
</li>
|
||||
<li>
|
||||
<p>STEP 05 <span>분쟁정보</span></p>
|
||||
<i class="icon step step05"></i>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<!-- 사건현황 -->
|
||||
<div class="table_top title">
|
||||
<p class="title orange_border blue_border">사건현황</p>
|
||||
</div>
|
||||
|
||||
<p class="title depth02"></p>
|
||||
|
||||
<!-- //사건현황 -->
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div data-include-path="/kofair_case_seed/usr/layout/_footer.html"></div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -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 () {
|
||||
|
||||
@ -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 = '<li><select name="" id="" class="select">' + reasonSelect + '</select> <button type="button" class="btn only_icon round btn_delect" onclick="removeLi(this); title="사유 삭제"><i class="icon"></i></button></li>';
|
||||
$(".reason_list").append(addLi);
|
||||
});
|
||||
|
||||
|
||||
|
||||
// 신청인 추가
|
||||
var apl_info = `<li><div class="apl_title"><button type="button" class="btn_apl_slide" onclick="aplSlide(this);"> <i class="icon slide up"></i></button><button type="button" class="btn btn_text btn_35 darkblue_border btn_delete_apl" onclick="removeLi(this);">신청인 삭제</button></div>`;
|
||||
apl_info += `<div class="table_type_rows apl_info_input"><table><colgroup><col style="width:200px;"><col style="width:auto;"><col style="width:200px;"><col style="width:auto;"></colgroup>`;
|
||||
apl_info += `<tbody><tr><th><p class="required_text">*<span>필수입력</span></p>상호</th><td><input type="text" class="input_text w100per" title="상호 입력"></td><th><p class="required_text">*<span>필수입력</span></p>대표자</th><td><input type="text" class="input_text w100per" title="대표자 입력"></td></tr>`;
|
||||
apl_info += `<tr><th><p class="required_text">*<span>필수입력</span></p>개인/법인</th><td colspan="3"><select name="" id="" class="select" title="개인/법인 선택"><option value="">개인</option><option value="">법인</option></select></td></tr>`;
|
||||
apl_info += `<tr><th><p class="required_text">*<span>필수입력</span></p>우편번호</th><td colspan="3"><ul class="input_box postcode_input"><li><input type="text" class="input_text" title="우편번호 입력"></li><li><button type="button" class="btn btn_text darkblue_border btn_40">우편번호검색</button></li><li><input type="checkbox" id="global_check" class="checkbox"><label for="global_check">해외시 체크해주세요.</label></li></ul><p class="cf_text small color_red">*우편물(공문)을 수령할 수 있는 자택/사업장 주소를 기입 바랍니다.</p></td></tr>`;
|
||||
apl_info += `<tr><th><p class="required_text">*<span>필수입력</span></p>도로명 주소</th><td colspan="3"><ul class="input_box address_input"><li><input type="text" class="input_text" readonly></li><li><input type="text" class="input_text" readonly></li></ul></td></tr><tr><th><p class="required_text">*<span>필수입력</span></p>이메일</th><td colspan="3"><div class="email_wrap"><input type="text" class="input_text input_email" title="이메일 공급자 입력">@<input type="text" class="input_text input_email" title="이메일 공급자 입력"><select name="" id="" class="select email_select" title="이메일 공급자 선택"><option value="0">직접입력</option><option value="chol.com">chol.com</option><option value="daum.net">daum.net</option><option value="dreamwiz.com">dreamwiz.com</option><option value="empal.com">empal.com</option><option value="freechal.com">freechal.com</option><option value="gmail.com">gmail.com</option><option value="hanafos.com">hanafos.com</option><option value="hanmir.com">hanmir.com</option><option value="hitel.com">hitel.com</option><option value="hotmail.com">hotmail.com</option><option value="korea.com">korea.com</option><option value="lycos.co.kr">lycos.co.kr</option><option value="nate.com">nate.com</option><option value="naver.com">naver.com</option><option value="netian.com">netian.com</option><option value="paran.com">paran.com</option><option value="yahoo.com">yahoo.com</option><option value="yahoo.co.kr">yahoo.co.kr</option></select></div></td></tr>`;
|
||||
apl_info += `<tr><th><p class="required_text">*<span>필수입력</span></p>휴대폰</th><td><div class="phone_wrap"><select name="" id="" title="핸드폰 첫번째 자리 선택" class="select"><option value="">010</option><option value="">011</option></select> - <input type="text" class="input_text" title="핸드폰 가운데 자리 입력"> - <input type="text" class="input_text" title="핸드폰 마지막 자리 입력"></div></td><th>FAX</th><td><div class="phone_wrap fax_wrap"><input type="text" class="input_text" title="팩스 가운데 자리 입력"> - <input type="text" class="input_text" title="팩스 가운데 자리 입력"> - <input type="text" class="input_text" title="팩스 마지막 자리 입력"></div></td></tr><tr><th><p class="required_text">*<span>필수입력</span></p>사업자등록번호<br>(' - '제외)</th><td><input type="text" class="input_text w100per" title="사업자등록번호 입력"></td><th>법인등록번호<br>(' - '제외)</th><td><input type="text" class="input_text w100per" title="법인등록번호 입력"></td></tr></tbody></table></div></li>`;
|
||||
|
||||
$(".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 + ' <i class="icon slide up"></i>');
|
||||
$(".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 + ' <i class="icon slide up"></i>');
|
||||
$(".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 + ' <i class="icon slide up"></i>');
|
||||
$(itm1).next(".btn_delete_apl").attr("title", "피신청인" + idx1 + " 삭제");
|
||||
}else{
|
||||
$(itm1).html('신청인' + idx1 + ' <i class="icon slide up"></i>');
|
||||
$(itm1).next(".btn_delete_apl").attr("title", "신청인" + idx1 + " 삭제");
|
||||
}
|
||||
})
|
||||
}
|
||||
})
|
||||
|
||||
|
||||
|
||||
}
|
||||
@ -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;}
|
||||
|
||||
@ -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 */
|
||||
|
||||
@ -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%;}
|
||||
}
|
||||
|
||||
/* ==================== 모바일 ==================== */
|
||||
|
||||
@ -38,3 +38,9 @@
|
||||
.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;}
|
||||
|
||||
/* 해당 유형 팝업 */
|
||||
.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;}
|
||||
@ -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;}
|
||||
|
||||
@ -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;}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user