2024/09/12 분쟁조정 상담, 본인인증 퍼블리싱 추가
This commit is contained in:
subsub
parent
eea84f740a
commit
29fd88e98b
131
src/main/webapp/kofair_case_seed/usr/counsel/callcenter.html
Normal file
131
src/main/webapp/kofair_case_seed/usr/counsel/callcenter.html
Normal file
@ -0,0 +1,131 @@
|
||||
<!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/counsel.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/counsel.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 class="active">
|
||||
<a href="#none" class="lnb_menu_title">상담신청 <i class="icon lnb_slide_toggle"></i></a>
|
||||
<ul class="lnb_sub_menu">
|
||||
<li><a href="#" class="active">분쟁조정 상담</a></li>
|
||||
<li><a href="#">무료법률 상담</a></li>
|
||||
<li><a href="#">실시간 상담</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- //lnb -->
|
||||
<div class="sub_content callcenter_content">
|
||||
|
||||
<!-- page_location -->
|
||||
<ul class="page_location">
|
||||
<li><i class="icon home"></i></li>
|
||||
<li>분쟁조정 상담</li>
|
||||
<li>상담신청</li>
|
||||
<li>분쟁조정 상담</li>
|
||||
</ul>
|
||||
<!-- //page_location -->
|
||||
|
||||
<h3 class="sub_con_tit">분쟁조정 콜센터</h3>
|
||||
<p class="sub_con_sub_tit">분쟁조정을 신청하기 전 조정신청 대상 여부 및 분쟁 상황에 대한 피해구제 방법 등에 대해 간단한 상담을 원하실 경우 상담을 신청할 수 있습니다.</p>
|
||||
|
||||
<div class="callcenter_banner">
|
||||
<p class="title">전화상담</p>
|
||||
<p><b class="gMarket_bold">1588-1490</b>(유료)<br>운영시간 : 평일 09:00 ~ 18:00 (점심시간 12:00~13:00)</p>
|
||||
</div>
|
||||
<b class="title blue_border orange_border">기관소개</b>
|
||||
<p class="title depth03">우리 원 분쟁조정 신청 대상이 아닌 상담내용(민사 사안, 소비자 분쟁 등)의 경우 상담이 제한될 수 있으므로 이 경우 아래의 기관 등을 이용하여 주시기 바랍니다.</p>
|
||||
<dl class="organ_info">
|
||||
<div>
|
||||
<dt class="title blue_border">공정거래위원회</dt>
|
||||
<dd class="sub_title">약관규제법, 하도급법, 전자상거래소비자보호법 표시 · 광고법, 방문판매법, 할부거래법 등</dd>
|
||||
<dd class="organ_tel"><a href="tel:1670-0007" title="공정거래위원회 전화">1670-0007</a></dd>
|
||||
<dd class="organ_site"><a href="www.ftc.go.kr" target="_blank">www.ftc.go.kr</a></dd>
|
||||
</div>
|
||||
<div>
|
||||
<dt class="title blue_border">한국소비자원</dt>
|
||||
<dd class="sub_title">소비자 피해 구제 및 분쟁조정등</dd>
|
||||
<dd class="organ_tel"><a href="tel:1372" title="한국소비자원 전화">국번없이 1372</a></dd>
|
||||
<dd class="organ_site"><a href="www.kca.go.kr" target="_blank">www.kca.go.kr</a></dd>
|
||||
</div>
|
||||
<div>
|
||||
<dt class="title blue_border">금융감독원</dt>
|
||||
<dd class="sub_title">금융거래 관련 피해 구제 및 분쟁 조정</dd>
|
||||
<dd class="organ_tel"><a href="tel:1332" title="금융감독원 전화">1332</a></dd>
|
||||
<dd class="organ_site"><a href="www.fss.or.kr" target="_blank">www.fss.or.kr</a></dd>
|
||||
</div>
|
||||
<div>
|
||||
<dt class="title blue_border">통신분쟁조정위원회</dt>
|
||||
<dd class="sub_title">전기통신사업자와 이용자간 분쟁조정</dd>
|
||||
<dd class="organ_tel"><a href="tel:142-246" title="통신분쟁조정위원회 전화">142-246</a></dd>
|
||||
<dd class="organ_site"><a href="www.fss.or.kr" target="_blank">www.tdrc.kr</a></dd>
|
||||
</div>
|
||||
<div>
|
||||
<dt class="title blue_border">대한상사중재원</dt>
|
||||
<dd class="sub_title">상거래 행위 관련 분쟁조정, 알선 및 각종 중재</dd>
|
||||
<dd class="organ_tel"><a href="tel:02-551-2000" title="대한상사중재원 전화">02)551-2000</a></dd>
|
||||
<dd class="organ_site"><a href="www.kcab.or.kr" target="_blank">www.kcab.or.kr</a></dd>
|
||||
</div>
|
||||
<div>
|
||||
<dt class="title blue_border">대한법률구조공단</dt>
|
||||
<dd class="sub_title">무료법률 상담 및 소송지원</dd>
|
||||
<dd class="organ_tel"><a href="tel:142-246" title="대한법률구조공단 전화">142-246
|
||||
</a></dd>
|
||||
<dd class="organ_site"><a href="www.klac.or.kr" target="_blank">www.klac.or.kr</a></dd>
|
||||
</div>
|
||||
<div>
|
||||
<dt class="title blue_border">ICT분쟁조정지원센터</dt>
|
||||
<dd class="sub_title">전자상거래, 온라인광고분쟁, 정보보호 관련 분쟁조정
|
||||
</dd>
|
||||
<dd class="organ_tel"><a href="tel:1332" title="ICT분쟁조정지원센터 전화">1332</a></dd>
|
||||
<dd class="organ_site"><a href="www.tdrc.kr" target="_blank">www.fss.or.kr</a></dd>
|
||||
</div>
|
||||
</dl>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div data-include-path="/kofair_case_seed/usr/layout/_footer.html"></div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
123
src/main/webapp/kofair_case_seed/usr/counsel/free_counsel.html
Normal file
123
src/main/webapp/kofair_case_seed/usr/counsel/free_counsel.html
Normal file
@ -0,0 +1,123 @@
|
||||
<!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/counsel.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/counsel.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 class="active">
|
||||
<a href="#none" class="lnb_menu_title">상담신청 <i class="icon lnb_slide_toggle"></i></a>
|
||||
<ul class="lnb_sub_menu">
|
||||
<li><a href="#">분쟁조정 상담</a></li>
|
||||
<li><a href="#" class="active">무료법률 상담</a></li>
|
||||
<li><a href="#">실시간 상담</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- //lnb -->
|
||||
<div class="sub_content counsel_content">
|
||||
|
||||
<!-- page_location -->
|
||||
<ul class="page_location">
|
||||
<li><i class="icon home"></i></li>
|
||||
<li>분쟁조정 상담</li>
|
||||
<li>상담신청</li>
|
||||
<li>무료법률 상담</li>
|
||||
</ul>
|
||||
<!-- //page_location -->
|
||||
|
||||
<h3 class="sub_con_tit">무료법률 상담</h3>
|
||||
<p class="sub_con_sub_tit"> 한국공정거래조정원은 불공정거래행위뿐만 아니라 민·형사 분쟁이 복합되어 있는 분쟁에 대하여 소속 변호사를 통한 법률상담 서비스를 무료로 실시하고 있습니다.</p>
|
||||
|
||||
<div class="free_counsel_content">
|
||||
<dl class="counsel_dl">
|
||||
<div>
|
||||
<dt>
|
||||
<i class="icon counsel sort"></i>
|
||||
상담분야
|
||||
</dt>
|
||||
<dd>
|
||||
공정거래, 가맹사업거래, 하도급거래, <br>대규모유통거래, 대리점거래, 불공정약관 등
|
||||
</dd>
|
||||
</div>
|
||||
<div>
|
||||
<dt>
|
||||
<i class="icon counsel schedule"></i>
|
||||
상담일정
|
||||
</dt>
|
||||
<dd>
|
||||
상담신청 후 담당자가 <br>상담 가능한 일정·시간 개별 안내
|
||||
</dd>
|
||||
</div>
|
||||
<div>
|
||||
<dt>
|
||||
<i class="icon counsel method"></i>
|
||||
상담방법
|
||||
</dt>
|
||||
<dd>
|
||||
유선통화
|
||||
</dd>
|
||||
</div>
|
||||
</dl>
|
||||
<div class="box gray_border">
|
||||
<ul class="info_ul">
|
||||
<li class="title blue_border">무료법률 상담 예약은 본인인증 후 이용하실 수 있습니다.</li>
|
||||
<li class="title blue_border">분쟁조정 신청과는 동시에 진행할 수 없습니다.</li>
|
||||
<li class="title blue_border">우리 원 분쟁조정신청 대상이 아닌 상담 내용(민사 사안, 소비자 분쟁 등)의 경우 상담이 제한될 수 있습니다.</li>
|
||||
<li class="title blue_border">상담신청 순서 및 상담분야를 감안하여 순차적으로 상담이 진행되므로 상담일정이 다소 지연될 수 있습니다.</li>
|
||||
<li class="title blue_border">무료법률 상담 이용에 관한 추가적인 문의는 우리 원 분쟁조정콜센터(1588-1490)를 이용하여 주시기 바랍니다.</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="btn_wrap right">
|
||||
<button type="button" class="btn btn_text btn_45 orange_fill">신청하기</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</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/counsel.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/counsel.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 class="active">
|
||||
<a href="#none" class="lnb_menu_title">상담신청 <i class="icon lnb_slide_toggle"></i></a>
|
||||
<ul class="lnb_sub_menu">
|
||||
<li><a href="#">분쟁조정 상담</a></li>
|
||||
<li><a href="#" class="active">무료법률 상담</a></li>
|
||||
<li><a href="#">실시간 상담</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- //lnb -->
|
||||
<div class="sub_content counsel_content">
|
||||
|
||||
<!-- page_location -->
|
||||
<ul class="page_location">
|
||||
<li><i class="icon home"></i></li>
|
||||
<li>분쟁조정 상담</li>
|
||||
<li>상담신청</li>
|
||||
<li>무료법률 상담</li>
|
||||
</ul>
|
||||
<!-- //page_location -->
|
||||
|
||||
<h3 class="sub_con_tit">무료법률 상담</h3>
|
||||
|
||||
<div class="free_counsel_content">
|
||||
<ul class="process_step_wrap step3">
|
||||
<li class="active">
|
||||
<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>
|
||||
</ul>
|
||||
|
||||
<b class="title depth02 orange_border round">개인정보 처리방침 <span class="color_red">(필수)</span></b>
|
||||
<div class="box gray_border">
|
||||
<pre>
|
||||
<b class="title fw_medium">· 한국공정거래조정원 개인정보보호처리방침</b>
|
||||
|
||||
한국공정거래조정원이 취급하는 모든 개인정보는 「개인정보보호법」 등 관련법령상의 개인정보보호 규정을 준수하여 수집ㆍ보유 ㆍ처리되고
|
||||
있습니다.
|
||||
|
||||
개인정보보호법은 이러한 개인정보의 취급에 대한 일반적 규범을 제시하고 있으며,[한국공정거래조정원 온라인분쟁조정시스템], [한국공정거래조정원
|
||||
공정거래교육시스템]은 이러한 법령의 규정에 따라 수집ㆍ보유 및 처리하는 개인정보를 공공업무의 적절한 수행과 이용자의 권익을 보호하기 위해 적법
|
||||
하고 적정하게 취급할 것입니다.
|
||||
|
||||
[한국공정거래조정원 온라인분쟁조정시스템],[한국공정거래조정원 공정거래교육시스템] 은 「개인정보보호법」에 따라 이용자의 개인정보 보호 및
|
||||
권익을 보호하고 개인정보와 관련한 이용자의 고충을 원활하게 처리할 수 있도록 다음과 같은 개인정보 처리방침을 두고있으며, 개인정보처리방침을
|
||||
개정하는 경우 에는 시행의 시기, 변경된 내용을 정보주체가 쉽게 확인할 수 있도록 변경 전ㆍ후를 비교하여 공개할 예정입니다.
|
||||
|
||||
<span class="fw_medium color_darkblue">개인정보처리방침 적용 홈페이지 주소 : www.kofair.or.kr, edu.kofair.or.kr</span>
|
||||
</pre>
|
||||
</div>
|
||||
<div class="check_wrap">
|
||||
<p>분쟁조정서비스 제공을 위한 필수사항으로 동의하지 않을 경우 분쟁조정을 신청할 수 없습니다. <br>
|
||||
위 사항에 동의하십니까?</p>
|
||||
<ul class="input_box">
|
||||
<li>
|
||||
<input type="checkbox" class="checkbox" name="agree01" id="agree01_Y"><label for="agree01_Y">동의</label>
|
||||
</li>
|
||||
<li>
|
||||
<input type="checkbox" class="checkbox" name="agree01" id="agree01_N"><label for="agree01_N">동의안함</label>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<b class="title depth02 orange_border round">개인정보 수집·이용·제공 동의서 <span class="color_red">(필수)</span></b>
|
||||
<div class="box gray_border">
|
||||
<pre>
|
||||
<p class="color_333">한국공정거래조정원은 본 서비스 제공을 위하여 아래와 같이 개인정보를 수집 및 이용하고자 관련내용을 관계 법령에 따라 고지하오니,
|
||||
동의해 주시기 바랍니다.</p>
|
||||
|
||||
1. 개인정보의 수집ㆍ이용 목적
|
||||
- 분쟁조정 사건 처리 : 분쟁조정사건의 진행을 위해 조정신청서 제출시 사건 진행을 위한 분쟁당사자의 사업자 정보(상호, 주소, 연락처 등)를 처리하며
|
||||
사건 관련 제출한 자료에 포함된 개인정보는 사건 처리를 위한 목적으로 이용(사건서류 우편송달, 출석조사 등 사건조사를 위한 담당자 연락)
|
||||
- 민원 상담 처리 : 분쟁조정관련 상담, 무료법률상담, 조정원에 관한 상담, 자체 만족도 조사 등 민원처리
|
||||
2. 수집ㆍ이용하려는 개인정보의 항목
|
||||
- 성명, 기관명, 직위(급), 연락처, 이메일 주소
|
||||
3. 개인정보의 보유 및 이용기간
|
||||
- 개인정보파일명 : 분쟁조정당사자 정보관리
|
||||
- 보유 및 이용기간 : 5년
|
||||
4. 이용자 개인정보보호
|
||||
- 이용자 개인정보보호를 위하여 수집된 개인정보는 암호화되어 처리됩니다.
|
||||
</pre>
|
||||
</div>
|
||||
<div class="check_wrap">
|
||||
<p>분쟁조정서비스 제공을 위한 필수사항으로 동의하지 않을 경우 분쟁조정을 신청할 수 없습니다. <br>
|
||||
위 사항에 동의하십니까?</p>
|
||||
<ul class="input_box">
|
||||
<li>
|
||||
<input type="checkbox" class="checkbox" name="agree02" id="agree02_Y"><label for="agree02_Y">동의</label>
|
||||
</li>
|
||||
<li>
|
||||
<input type="checkbox" class="checkbox" name="agree02" id="agree02_N"><label for="agree02_N">동의안함</label>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="box gray_fill all_agree_box">
|
||||
<input type="checkbox" class="checkbox" id="all_agree"><label for="all_agree">모든 이용약관 동의</label>
|
||||
</div>
|
||||
|
||||
<div class="box gray_fill gray_border border_3">
|
||||
<p>한국공정거래조정원은 신청인의 개인정보 보호에 만전을 기할 것을 약속드리며,<br>
|
||||
개인정보 수집·이용·제공등과 관련하여 <span class="color_darkblue">문의사항이 있는 경우 1588-1490번</span>으로 연락주시기 바랍니다.</p>
|
||||
</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 darkblue_fill">다음단계</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div data-include-path="/kofair_case_seed/usr/layout/_footer.html"></div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -0,0 +1,261 @@
|
||||
<!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/counsel.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/counsel.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 class="active">
|
||||
<a href="#none" class="lnb_menu_title">상담신청 <i class="icon lnb_slide_toggle"></i></a>
|
||||
<ul class="lnb_sub_menu">
|
||||
<li><a href="#">분쟁조정 상담</a></li>
|
||||
<li><a href="#" class="active">무료법률 상담</a></li>
|
||||
<li><a href="#">실시간 상담</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- //lnb -->
|
||||
<div class="sub_content counsel_content">
|
||||
|
||||
<!-- page_location -->
|
||||
<ul class="page_location">
|
||||
<li><i class="icon home"></i></li>
|
||||
<li>분쟁조정 상담</li>
|
||||
<li>상담신청</li>
|
||||
<li>무료법률 상담</li>
|
||||
</ul>
|
||||
<!-- //page_location -->
|
||||
|
||||
<h3 class="sub_con_tit">무료법률 상담</h3>
|
||||
|
||||
<div class="free_counsel_content">
|
||||
<ul class="process_step_wrap step3">
|
||||
<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>
|
||||
</ul>
|
||||
|
||||
<b class="title depth03 blue_border">한국공정거래조정원은 소상공인 및 중소기업의 권익 보호를 위하여 변호사 및 관련 전문가와의 상담 서비스를 실시하고 있습니다.</b>
|
||||
|
||||
<div class="table_type_cols line mobile_view_table">
|
||||
<table>
|
||||
<colgroup>
|
||||
<col style="width:calc(100% / 3);">
|
||||
<col style="width:calc(100% / 3);">
|
||||
<col style="width:calc(100% / 3);">
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>분야</th>
|
||||
<th>구분</th>
|
||||
<th>상담시간</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>공정거래</td>
|
||||
<td>변호사</td>
|
||||
<td>일정확인 후 개별 안내</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>가맹사업거래</td>
|
||||
<td>변호사</td>
|
||||
<td>일정확인 후 개별 안내</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>하도급거래</td>
|
||||
<td>변호사</td>
|
||||
<td>일정확인 후 개별 안내</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="table_top title">
|
||||
<b class="title depth02">상담신청 내용</b>
|
||||
<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:calc((100% - 400px)/2);">
|
||||
<col style="width:200px;">
|
||||
<col style="width:calc((100% - 400px)/2);">
|
||||
</colgroup>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th>신청인</th>
|
||||
<td>홍길동</td>
|
||||
<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>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="vtc_mid">
|
||||
<p class="required_text">*<span>필수입력</span></p>조정유형
|
||||
</th>
|
||||
<td>
|
||||
<select name="" id="" title="조정유형 선택" class="select w100per">
|
||||
<option value="">선택</option>
|
||||
</select>
|
||||
</td>
|
||||
<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>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>이메일</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 colspan="3">
|
||||
<input type="text" class="input_text w100per" placeholder="ex) 가맹사업거래 상담 신청합니다.">
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>상담내용</th>
|
||||
<td colspan="3">
|
||||
<div class="length_wrap">
|
||||
<textarea name="" id="" class="input_text"></textarea>
|
||||
<p class="length"><span class="color_red">0</span>/ 1300자</p>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>
|
||||
첨부파일
|
||||
</th>
|
||||
<td colspan="3">
|
||||
<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 btn_only_icon round"><i class="icon delete gray_fill"></i></button></li>
|
||||
</ul>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<p class="cf_text">※ 위 신청 내용에 따라 상담센터에서 유선으로 일정을 문의드릴 수 있으며, 이후 확정된 상담일자는 마이페이지 메뉴에서 확인하시기 바랍니다.</p>
|
||||
|
||||
<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>
|
||||
|
||||
<div data-include-path="/kofair_case_seed/usr/layout/_footer.html"></div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -0,0 +1,107 @@
|
||||
<!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/counsel.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/counsel.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 class="active">
|
||||
<a href="#none" class="lnb_menu_title">상담신청 <i class="icon lnb_slide_toggle"></i></a>
|
||||
<ul class="lnb_sub_menu">
|
||||
<li><a href="#">분쟁조정 상담</a></li>
|
||||
<li><a href="#" class="active">무료법률 상담</a></li>
|
||||
<li><a href="#">실시간 상담</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- //lnb -->
|
||||
<div class="sub_content counsel_content">
|
||||
|
||||
<!-- page_location -->
|
||||
<ul class="page_location">
|
||||
<li><i class="icon home"></i></li>
|
||||
<li>분쟁조정 상담</li>
|
||||
<li>상담신청</li>
|
||||
<li>무료법률 상담</li>
|
||||
</ul>
|
||||
<!-- //page_location -->
|
||||
|
||||
<h3 class="sub_con_tit">무료법률 상담</h3>
|
||||
|
||||
<div class="free_counsel_content">
|
||||
<ul class="process_step_wrap step3">
|
||||
<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>
|
||||
</ul>
|
||||
|
||||
<div class="box gray_fill box_complete">
|
||||
<i class="icon process complete"></i>
|
||||
<b class="gMarket_bold">무료법률 상담 신청이 완료되었습니다.</b>
|
||||
<p>마이페이지로 이동하시면 신청한 내용을 확인할 수 있습니다.</p>
|
||||
<div class="btn_wrap center">
|
||||
<button type="button" class="btn btn_text btn_45 darkblue_fill">마이페이지</button>
|
||||
<button type="button" class="btn btn_text btn_45 darkblue_border">메인으로</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div data-include-path="/kofair_case_seed/usr/layout/_footer.html"></div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -17,16 +17,30 @@
|
||||
<body>
|
||||
|
||||
<ul class="guide_ul">
|
||||
|
||||
<li><a href="/kofair_case_seed/usr/info/form_list.html" target="_blank">분쟁조정 안내 > 분쟁조정 안내 >분쟁조정관련서식(리스트)</a></li>
|
||||
<li><a href="/kofair_case_seed/usr/info/form_detail.html" target="_blank">분쟁조정 안내 > 분쟁조정 안내 >분쟁조정관련서식(상세)</a></li>
|
||||
<li><a href="/kofair_case_seed/usr/info/faq_list.html" target="_blank">분쟁조정 안내 > 자주하는 질문 > 조정신청 관련 질문</a></li>
|
||||
<li><a href="/kofair_case_seed/usr/info/question_list.html" target="_blank">분쟁조정 안내 > 자주하는 질문 > (기타)절차종결 관련 질문</a></li>
|
||||
<li><a href="/kofair_case_seed/usr/info/news_service.html" target="_blank">분쟁조정 안내 > 뉴스레터 > 뉴스레터 서비스</a></li>
|
||||
<li><a href="/kofair_case_seed/usr/info/system.html" target="_blank">분쟁조정 안내 > 분쟁조정 제도</a></li>
|
||||
<li><a href="/kofair_case_seed/usr/info/process.html" target="_blank">분쟁조정 안내 > 분쟁조정 절차(반응형 해야함)</a></li>
|
||||
|
||||
<li><a href="/kofair_case_seed/usr/case/case_list.html" target="_blank">분쟁보정 사례 > 공정거래(리스트)</a></li>
|
||||
<li><a href="/kofair_case_seed/usr/case/case_detail.html" target="_blank">분쟁보정 사례 > 공정거래(상세)</a></li>
|
||||
|
||||
|
||||
<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/case_inquiry.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>
|
||||
<li><a href="/kofair_case_seed/usr/counsel/free_counsel_step01.html" target="_blank">분쟁조정 상담 > 상담신청 > 무료법률 상담01</a></li>
|
||||
<li><a href="/kofair_case_seed/usr/counsel/free_counsel_step02.html" target="_blank">분쟁조정 상담 > 상담신청 > 무료법률 상담02</a></li>
|
||||
<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>
|
||||
</ul>
|
||||
|
||||
</body>
|
||||
|
||||
@ -0,0 +1,93 @@
|
||||
<!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/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/ui.js"></script>
|
||||
<script src="/kofair_case_seed/usr/scripts/mypage.js"></script>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<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">
|
||||
|
||||
<div class="sub_content self_identification w100per">
|
||||
|
||||
<!-- page_location -->
|
||||
<ul class="page_location">
|
||||
<li><i class="icon home"></i></li>
|
||||
<li>본인인증</li>
|
||||
</ul>
|
||||
<!-- //page_location -->
|
||||
|
||||
<h3 class="sub_con_tit">본인인증</h3>
|
||||
|
||||
<div class="box gray_border">
|
||||
<ul class="info_ul">
|
||||
<li class="title blue_border">「개인정보 보호법」개정시행(2014.8.7)에 따라 분쟁조정 신청단계에서는 고유식별정보(주민등록번호)를 수집하지 아니하고 '휴대폰 인증‘ 및 ‘아이핀(I-Pin)’으로 고유식별정보를 대체합니다.</li>
|
||||
<li class="title blue_border">한국공정거래조정원에서는 보다 깨끗하고 안정적인 서비스를 제공하기 위해 아이핀(I-Pin) 및 휴대폰인증을 통한 본인확인제를 실시하고 있습니다.</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<ul class="idf_method">
|
||||
<li>
|
||||
<button type="button" class="btn_idf phone">
|
||||
<i class="icon phone"></i>
|
||||
<span>휴대폰 인증하기</span>
|
||||
</button>
|
||||
</li>
|
||||
<li>
|
||||
<button type="button" class="btn_idf ipin">
|
||||
<i class="icon ipin"></i>
|
||||
<span>아이핀 인증하기</span>
|
||||
</button>
|
||||
</li>
|
||||
<li>
|
||||
<button type="button" class="btn_idf aut_cefi">
|
||||
<i class="icon aut_cefi"></i>
|
||||
<span>공동인증서(구 공인인증서)</span>
|
||||
</button>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class="box gray_border gray_fill border_3">
|
||||
본인인증은 본인 명의의 휴대폰 인증을 통해서만 가능하며, 사업자 대표가 아닌 자(소속 임직원, 법무법인, 친인척 등)가<br>신청하는 경우 추후 조정절차 과정에서 추가로 관련 자료의 제출 요구를 받으실 수 있습니다.
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div data-include-path="/kofair_case_seed/usr/layout/_footer.html"></div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 3.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 464 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 505 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 9.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 614 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 43 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 56 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 72 KiB |
@ -247,7 +247,7 @@
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<b class="title depth02 orange_border">개인정보 수집·이용 동의<span class="color_red">(필수)</span></b>
|
||||
<b class="title depth02 orange_border round">개인정보 수집·이용 동의<span class="color_red">(필수)</span></b>
|
||||
<div class="box gray_border">
|
||||
<pre>
|
||||
1. 개인정보의 수집 및 이용 목적
|
||||
|
||||
163
src/main/webapp/kofair_case_seed/usr/info/process.html
Normal file
163
src/main/webapp/kofair_case_seed/usr/info/process.html
Normal file
@ -0,0 +1,163 @@
|
||||
<!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/info.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/info.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 class="active">
|
||||
<a href="#none" class="lnb_menu_title">분쟁조정 안내 <i class="icon lnb_slide_toggle"></i></a>
|
||||
<ul class="lnb_sub_menu">
|
||||
<li><a href="#">분쟁조정 제도</a></li>
|
||||
<li><a href="#" class="active">분쟁조정 절차</a></li>
|
||||
<li><a href="#">분쟁조정 관련 서식</a></li>
|
||||
<li><a href="#">법령자료실</a></li>
|
||||
<li><a href="#">자료실</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#none" class="lnb_menu_title">자주하는 질문 <i class="icon lnb_slide_toggle"></i></a>
|
||||
<ul class="lnb_sub_menu">
|
||||
<li><a href="#">조정신청 관련 질문</a></li>
|
||||
<li><a href="#">절차진행 관련 질문</a></li>
|
||||
<li><a href="#" class="active">(성립/불성립)절차종료 관련 질문</a></li>
|
||||
<li><a href="#">(기타)절차종결 관련 질문</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#none" class="lnb_menu_title">오시는 길</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#none" class="lnb_menu_title">공지사항</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#none" class="lnb_menu_title">뉴스레터 <i class="icon lnb_slide_toggle"></i></a>
|
||||
<ul class="lnb_sub_menu">
|
||||
<li><a href="#">뉴스레터 자료</a></li>
|
||||
<li><a href="#">뉴스레터 서비스</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- //lnb -->
|
||||
|
||||
<div class="sub_content process_content">
|
||||
|
||||
<!-- page_location -->
|
||||
<ul class="page_location">
|
||||
<li><i class="icon home"></i></li>
|
||||
<li>분쟁조정 안내</li>
|
||||
<li>분쟁조정 안내</li>
|
||||
<li>분쟁조정 절차</li>
|
||||
</ul>
|
||||
<!-- //page_location -->
|
||||
|
||||
<h3 class="sub_con_tit">분쟁조정 절차</h3>
|
||||
<p class="sub_con_sub_tit">분쟁조정 절차에 대해 안내해 드립니다.</p>
|
||||
|
||||
<b class="title orange_border blue_border">분쟁조정 단계별 절차 안내</b>
|
||||
<div class="box gray_border">
|
||||
<img src="/kofair_case_seed/usr/images/info/img_process_01.png" alt="1. 직접신청 / 조정의뢰(공정위) 다음 2. 한국공정거래조정원 사건 접수 다음 3. 사실관계 확인 다음 4. 분쟁조정협의회 다음 4-1. 조정안제시 의결 (수락시) 조정성립 (불수락 시) 조정 불성립 4-2. 조정절차 종료 의결 - 조정 성립, 조정불성립, 종결* 다음 4-2-1. 분쟁조정 종료 다음 4-2-2 공정거래위원회 보고 및 당사자 종료사실 통지**">
|
||||
<ul class="info_ul">
|
||||
<li><span class="color_red">* </span>취하, 소제기, 각하, 조정안 미제시 등 법령 등에 의하여 조정절차를 종료한 경우</li>
|
||||
<li><span class="color_red">** </span>조정이 성립되지 않은 경우, 피신청인의 관련 법률 위반 여부를 확인하고 싶은 신청인은 조정원의 통지 공문 내용에 따라 공정거래위원회에 신고서 제출</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<dl class="info_ul text">
|
||||
<dt><b class="title depth02">1. 신청서 접수</b></dt>
|
||||
<dd>
|
||||
우리 원은 온라인 분쟁조정시스템을 통해 조정신청을 접수합니다.<br>(다만 시스템 이용에 어려움이 있어 방문접수 또는 우편접수를 원하시는 경우 우리 원 대표번호(1588-1490)로 문의하여 주시기 바랍니다.)
|
||||
<p class="color_brown">※ 신청서 작성 시 유의사항</p>
|
||||
<ul class="sub_info_ul color_brown">
|
||||
<li>양 당사자 연락처를 정확히 기재바랍니다.</li>
|
||||
<li>사안이 다양할 경우 피해금액이 큰 주장 위주로 작성해 주시기 바랍니다.</li>
|
||||
</ul>
|
||||
</dd>
|
||||
<dt><b class="title depth02">2. 양당사자 접수통지</b></dt>
|
||||
<dd>
|
||||
사건 접수 후 담당 조사관이 등기우편으로 양 당사자에게 접수사실 및 자료 요청을 공문으로 통지해 드립니다. 단, 접수과정에서 우리 원의 조정대상에 해당하지 않는 경우 조정절차가 종료될 수 있습니다.
|
||||
</dd>
|
||||
<dt><b class="title depth02">3. 자료제출</b></dt>
|
||||
<dd>양당사자는 기한 내에 분쟁 관련 자료(보완서, 답변서, 일반현황표)를 제출해야 하며, 당사자가 2회 이상 자료제출 요청에 불응하면 분쟁조정 절차가 불성립 될 수 있습니다.
|
||||
<br>(일반현황표는 양당사자의 거래관계 및 분쟁조정 대상 여부검토에 활용됩니다.)</dd>
|
||||
<dt><b class="title depth02">4. 사실관계 조사</b></dt>
|
||||
<dd>양 당사자가 제출한 자료들의 검토를 검쳐 본격적인 조정절차가 진행됩니다. 필요한 경우 당사자들에게 출석을 요구할 수 있으며, 조정절차 중 당사자가 직접 합의하여 조정이 종료될 수 있습니다. 반면 자료제출 또는 출석요구 등 조사과정에 2회 이상 참여하지 않는 경우 조정절차가 불성립 될 수 있습니다.</dd>
|
||||
<dt><b class="title depth02">5. 협의회 개최 및 의결</b></dt>
|
||||
<dd>사실관계 조사 등을 거친 모든 분쟁사건은 분쟁조정협의회에 상정되어 심의절차를 거치게 됩니다. 이 과정에서 필요한 경우 분쟁조정협의회에 분쟁당사자가 참여하여 의견을 진술하는 경우도 있으며, 분쟁조정협의회의 심의를 통해 조정절차 종료 등 여부를 최종 의결하면 사실상 조정절차가 종료됩니다. (협의회 의결 후 분쟁당사자 분들에게 종료 여부 등이 통지되며, 본 시스템 등을 통해 확인하실 수 있습니다.)</dd>
|
||||
</dl>
|
||||
|
||||
<b class="title orange_border blue_border">집단분쟁조정(약관) 및 주요 절차 안내</b>
|
||||
<div class="box gray_border gray_fill terms_info">
|
||||
<b class="title depth02">약관 집단 분쟁조정</b>
|
||||
<p>공정거래위원회, 고객 또는 사업자는 「약관의 규제에 따른 법률(이하, ‘약관법’이라 합니다)」 제28조에 따라, 조정이 성립된 사항과 같거나 비슷한 유형의 피해가 다수 고객에게 발생할 가능성이 높다고 판단한 경우로서, 대통령령으로 정하는 사건에 대하여는 약관분쟁조정협의회에 일괄적인 분쟁조정을 의뢰하거나 신청할 수 있습니다(약관법 제28조의2).</p>
|
||||
</div>
|
||||
|
||||
<div class="box gray_border">
|
||||
<img src="/kofair_case_seed/usr/images/info/img_process_02.png" alt="1. 직접신청 / 조정의뢰(공정위) 다음 2. 분쟁조정협의회 절차개시의결 다음 3. 집단분쟁조정절차 게시공고(일간지, 홈페이지 등 14일 이상) - 추가당사자 접수 /- 대표당사자 선임 / - 당사자 제외 다음 4. 분쟁조정협의회 다음 4-1. 조정안제시 의결 (수락시) 조정성립 - 보상계획 제출 권고 (안될경우 다시 분쟁조정협의회) (불수락 시) 조정 불성립 4-2. 조정절차 종료 의결 - 조정성립, 조정불성립, 종결 - 분쟁조정 종료 - 공정거래위원회 보고 및 당사자 종료사실 통지">
|
||||
</div>
|
||||
|
||||
<dl class="info_ul text">
|
||||
<dt><b class="title depth02">1. 집단분쟁조정 신청(약관법 제28조의2 제1항)</b></dt>
|
||||
<dd>
|
||||
공정거래위원회, 고객(「소비자기본법」 제2조 제1호에 따른 소비자 제외), 사업자는 약관분쟁조정협의회에 서면으로 집단분쟁조정을 의뢰 또는 신청할 수 있습니다.
|
||||
</dd>
|
||||
<dt><b class="title depth02">2. 분쟁조정협의회 개시의결 및 공고(약관법 제28조의2 제2항)</b></dt>
|
||||
<dd>
|
||||
집단분쟁조정을 의뢰받거나 신청받은 협의회는 협의회의 의결로서 집단분쟁조정 절차를 개시할 수 있습니다. 이 경우 협의회는 우리 원 홈페이지 및 일간신문에 14일 이상 그 절차의 개시를 공고합니다.
|
||||
</dd>
|
||||
<dt><b class="title depth02">3. 추가당사자 접수(약관법 제28조의2 제3항)</b></dt>
|
||||
<dd>양당사자는 기한 내에 분쟁 관련 자료(보완서, 답변서, 일반현황표)를 제출해야 하며, 당사자가 2회 이상 자료제출 요청에 불응하면 분쟁조정 절차가 불성립 될 수 있습니다.
|
||||
<br>(일반현황표는 양당사자의 거래관계 및 분쟁조정 대상 여부검토에 활용됩니다.)</dd>
|
||||
<dt><b class="title depth02">4. 사실관계 조사</b></dt>
|
||||
<dd>양 당사자가 제출한 자료들의 검토를 검쳐 본격적인 조정절차가 진행됩니다. 필요한 경우 당사자들에게 출석을 요구할 수 있으며, 조정절차 중 당사자가 직접 합의하여 조정이 종료될 수 있습니다. 반면 자료제출 또는 출석요구 등 조사과정에 2회 이상 참여하지 않는 경우 조정절차가 불성립 될 수 있습니다.</dd>
|
||||
<dt><b class="title depth02">5. 협의회 개최 및 의결</b></dt>
|
||||
<dd>사실관계 조사 등을 거친 모든 분쟁사건은 분쟁조정협의회에 상정되어 심의절차를 거치게 됩니다. 이 과정에서 필요한 경우 분쟁조정협의회에 분쟁당사자가 참여하여 의견을 진술하는 경우도 있으며, 분쟁조정협의회의 심의를 통해 조정절차 종료 등 여부를 최종 의결하면 사실상 조정절차가 종료됩니다. (협의회 의결 후 분쟁당사자 분들에게 종료 여부 등이 통지되며, 본 시스템 등을 통해 확인하실 수 있습니다.)</dd>
|
||||
</dl>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div data-include-path="/kofair_case_seed/usr/layout/_footer.html"></div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
244
src/main/webapp/kofair_case_seed/usr/info/system.html
Normal file
244
src/main/webapp/kofair_case_seed/usr/info/system.html
Normal file
@ -0,0 +1,244 @@
|
||||
<!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/info.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/info.js"></script>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<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 class="active">
|
||||
<a href="#none" class="lnb_menu_title">분쟁조정 안내 <i class="icon lnb_slide_toggle"></i></a>
|
||||
<ul class="lnb_sub_menu">
|
||||
<li><a href="#" class="active">분쟁조정 제도</a></li>
|
||||
<li><a href="#">분쟁조정 절차</a></li>
|
||||
<li><a href="#">분쟁조정 관련 서식</a></li>
|
||||
<li><a href="#">법령자료실</a></li>
|
||||
<li><a href="#">자료실</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#none" class="lnb_menu_title">자주하는 질문 <i class="icon lnb_slide_toggle"></i></a>
|
||||
<ul class="lnb_sub_menu">
|
||||
<li><a href="#">조정신청 관련 질문</a></li>
|
||||
<li><a href="#">절차진행 관련 질문</a></li>
|
||||
<li><a href="#">(성립/불성립)절차종료 관련 질문</a></li>
|
||||
<li><a href="#">(기타)절차종결 관련 질문</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#none" class="lnb_menu_title">오시는 길</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#none" class="lnb_menu_title">공지사항</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#none" class="lnb_menu_title">뉴스레터 <i class="icon lnb_slide_toggle"></i></a>
|
||||
<ul class="lnb_sub_menu">
|
||||
<li><a href="#">뉴스레터 자료</a></li>
|
||||
<li><a href="#">뉴스레터 서비스</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- //lnb -->
|
||||
|
||||
|
||||
<div class="sub_content apl_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="tabs tab_03 blue_fill 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>
|
||||
<li><button type="button" onclick="pblEvt.tab(this,'active','ul',$('.tab'),'2')" class="tab">하도급 분쟁조정신청</button></li>
|
||||
<li><button type="button" onclick="pblEvt.tab(this,'active','ul',$('.tab'),'3')" class="tab">대규모유통업거래 분쟁조정신청</button></li>
|
||||
<li><button type="button" onclick="pblEvt.tab(this,'active','ul',$('.tab'),'4')" class="tab">약관 분쟁조정신청</button></li>
|
||||
<li><button type="button" onclick="pblEvt.tab(this,'active','ul',$('.tab'),'5')" class="tab">대리점 분쟁조정 신청</button></li>
|
||||
</ul>
|
||||
|
||||
<div class="tab_contents system_info active">
|
||||
<p class="title depth01 orange_border blue_border">공정거래 분쟁조정</p>
|
||||
<dl class="system_dl">
|
||||
<dt class="title depth02">1. 공정거래분쟁조정협의회 설치이유</dt>
|
||||
<dd>공정거래분쟁조정협의회는 불공정거래행위로 발생한 사업자간 분쟁을 조정하기 위하여 설치되었으며, 우리 원은 2008년부터 이를 운영하고 있습니다.</dd>
|
||||
<dt class="title depth02">2. 공정거래분쟁조정협의회 구성</dt>
|
||||
<dd>공정거래분쟁조정협의회는 교수, 법조인 등 공정거래 분야의 전문가로서 공정거래위원회 위원장이 임명 또는 위촉한 7인의 위원으로 구성되고, 위원의 임기는 3년이며 연임할 수 있습니다.</dd>
|
||||
<dt class="title depth02">3. 조정의 대상</dt>
|
||||
<dd>
|
||||
공정거래분쟁조정협의회의 분쟁조정 대상은 사업자 간에 발생한 분쟁 중 공정거래법 제45조(불공정거래행위의 금지) 제1항을 위반한 혐의가 있는 행위로서, ① 단독의 거래거절, ② 차별적 취급, ③ 경쟁사업자 배제, ④ 부당한 고객유인, ⑤ 거래강제, ⑥ 거래상 지위의 남용, ⑦ 구속조건부거래, ⑧ 사업활동 방해 등에 해당하는 행위입니다.
|
||||
<span class="color_666">
|
||||
※ 불공정거래행위 중 조정신청 제외 대상 다음 행위는 행위의 내용ㆍ성격 및 정도 등을 고려할 때 공정거래위원회에서 시정조치 또는 시정권고를 통하여 처리하는 것이 적합하므로 공정거래분쟁조정협의회의 분쟁조정신청 대상에서 제외되어 있습니다.
|
||||
<br>- 부당한 지원 행위
|
||||
</span>
|
||||
</dd>
|
||||
</dl>
|
||||
</div>
|
||||
|
||||
<div class="tab_contents system_info">
|
||||
<p class="title depth01 orange_border blue_border">가맹사업거래분쟁조정</p>
|
||||
<dl class="system_dl">
|
||||
<dt class="title depth02">1. 가맹사업거래분쟁조정협의회 설치이유</dt>
|
||||
<dd>가맹사업거래분쟁조정협의회는 불공정거래행위로 발생한 가맹본부와 가맹사업자간 분쟁을 조정하기 위하여 설치되었으며, 우리 원은 2008년부터 이를 운영하고 있습니다.</dd>
|
||||
<dt class="title depth02">2. 가맹사업거래분쟁조정협의회 구성</dt>
|
||||
<dd>가맹사업거래분쟁조정협의회는 공익을 대표하는 위원 3명과 가맹본부의 이익을 대표하는 위원 3명, 가맹점사업자의 이익을 대표하는 위원 3명 등 모두 9명으로 구성되고, 위원은 조정원의 장이 추천하고 공정거래위원회 위원장이 임명 또는 위촉합니다. 위원의 임기는 3년이며 협의회 위원장은 공익을 대표하는 위원 중에서 공정거래위원회 위원장이 위촉합니다.</dd>
|
||||
<dt class="title depth02">3. 조정의 대상</dt>
|
||||
<dd>
|
||||
가맹본부의 허위 과장된 정보제공, 부당한 계약해지 및 종료, 영업지역의 침해 등 가맹사업과 관련한 분쟁</dd>
|
||||
</dl>
|
||||
</div>
|
||||
<div class="tab_contents system_info">
|
||||
<p class="title depth01 orange_border blue_border">하도급거래분쟁조정</p>
|
||||
<dl class="system_dl">
|
||||
<dt class="title depth02">1. 하도급거래분쟁조정협의회 설치이유</dt>
|
||||
<dd>하도급거래분쟁조정협의회는 불공정거래행위로 발생한 원사업자와 수급사업자간 분쟁을 조정하기 위하여 설치되었으며, 우리 원은 2011년부터 이를 운영하고 있습니다.</dd>
|
||||
<dt class="title depth02">2. 하도급거래분쟁조정협의회 구성</dt>
|
||||
<dd>하도급거래분쟁조정협의회는 공익을 대표하는 위원 3명, 원사업자를 대표하는 위원 3명, 수급사업자를 대표하는 위원 3명 등 모두 9명으로 구성되어 있으며, 위원은 공정거래위원회 위원장이 위촉하며, 임기는 2년입니다. 협의회 위원장은 공익을 대표하는 위원 중에서 협의회가 선출합니다.</dd>
|
||||
<dt class="title depth02">3. 조정의 대상</dt>
|
||||
<dd>하도급대금 미지급, 부당감액, 어음할인료 미지급, 부당한 발주취소, 수령거부 등 하도급거래에서 발생한 분쟁</dd>
|
||||
</dl>
|
||||
</div>
|
||||
<div class="tab_contents system_info">
|
||||
<p class="title depth01 orange_border blue_border">대규모유통업거래분쟁조정</p>
|
||||
<dl class="system_dl">
|
||||
<dt class="title depth02">1. 대규모유통업거래 분쟁조정협의회 설치이유</dt>
|
||||
<dd>대규모유통업거래 분쟁조정협의회는 불공정거래행위로 발생한 대규모유통업자와 납품업자 등 사이의 분쟁을 조정하기 위하여 설치되었으며, 우리 원은 2012년부터 이를 운영하고 있습니다.</dd>
|
||||
<dt class="title depth02">2. 대규모유통업거래 분쟁조정협의회 구성</dt>
|
||||
<dd>대규모유통업거래 분쟁조정협의회는 공익을 대표하는 위원 3명, 대규모유통업자를 대표하는 위원 3명, 납품업자를 대표하는 위원 3명 등 모두 9명으로 구성되고, 위원 및 위원장은 공정거래위원회 위원장이 임명 또는 위촉합니다.</dd>
|
||||
<dt class="title depth02">3. 조정의 대상</dt>
|
||||
<dd>서면 계약서 미교부, 상품대금의 미지급, 판촉비용 부담의 전가, 계약기간 중 계약조건의 변경 등 대규모유통업자와 납품업자등 사이의 분쟁</dd>
|
||||
</dl>
|
||||
</div>
|
||||
<div class="tab_contents system_info">
|
||||
<p class="title depth01 orange_border blue_border">약관분쟁조정</p>
|
||||
<dl class="system_dl">
|
||||
<dt class="title depth02">1. 약관분쟁조정협의회 설치이유</dt>
|
||||
<dd>약관 분쟁조정협의회는 불공정약관으로 발생한 사업자와 고객(소비자기본법에 따른 소비자 제외) 사이의 분쟁을 조정하기 위하여 설치되었으며, 우리 원은 2012년부터 이를 운영하고 있습니다.</dd>
|
||||
<dt class="title depth02">2. 약관분쟁조정협의회 구성</dt>
|
||||
<dd>약관 분쟁조정협의회는 교수, 법조인 등 약관규제 및 소비자 분야의 전문가로서 공정거래위원회 위원장이 위촉하는 9인의 위원으로 구성되고, 위원의 임기는 3년이며 연임할 수 있습니다.</dd>
|
||||
<dt class="title depth02">3. 조정의 대상</dt>
|
||||
<dd>
|
||||
고객의 해제권을 배제·제한하는 등 약관의 내용이 약관규제법 제17조를 위반한 약관 또는 이와 법률상 쟁점에 있어 공통되는 약관으로 인한 분쟁
|
||||
<span class="color_666">
|
||||
※ 조정신청 제외 대상
|
||||
<br>- 조정신청이 있기 전에 공정거래위원회가 조사 중인 사건
|
||||
<br>- 조정신청의 내용이 약관의 해석이나 그 이행을 요구하는 사건
|
||||
<br>- 약관의 무효판정을 요구하는 사건
|
||||
<br>- 해당 분쟁조정사항에 대하여 법원에 소를 제기한 사건
|
||||
<br>- 분쟁해결이나 피해보상에 관한 합의가 이루어진 사건
|
||||
<br>- 「중재법」에 따라 중재가 진행 중이거나 신청된 사건
|
||||
<br>- 불공정 약관으로 피해를 입은 고객이 '소비자기본법'에 따른 소비자인 사건
|
||||
</span>
|
||||
</dd>
|
||||
<dt class="title depth02">4. 집단분쟁조정 절차</dt>
|
||||
<dd>불공정약관으로 인한 피해가 같거나 비슷한 유형으로 발생한 고객(「소비자기본법」에 따른 소비자는 제외)의 수가 20명 이상일 경우, 협의회는 효과적인 피해구제를 위하여 집단분쟁조정을 실시할 수 있습니다.</dd>
|
||||
</dl>
|
||||
</div>
|
||||
|
||||
<div class="tab_contents system_info">
|
||||
<p class="title depth01 orange_border blue_border">대리점 분쟁조정</p>
|
||||
<dl class="system_dl">
|
||||
<dt class="title depth02">1. 대리점분쟁조정협의회 설치이유</dt>
|
||||
<dd>대리점분쟁조정협의회는 불공정거래행위로 발생한 공급업자와 대리점간 분쟁을 조정하기 위하여 설치되었으며, 우리 원은 2017년부터 이를 운영하고 있습니다.</dd>
|
||||
<dt class="title depth02">2. 대리점분쟁조정협의회 구성</dt>
|
||||
<dd>대리점분쟁조정협의회는 공익을 대표하는 위원 3명과 공급업자의 이익을 대표하는 위원 3명, 대리점의 이익을 대표하는 위원 3명 등 모두 9명으로 구성되고, 위원은 조정원의 장이 추천하고 공정거래위원회 위원장이 임명 또는 위촉합니다. 위원의 임기는 3년이며 협의회 위원장은 공익을 대표하는 위원 중에서 공정거래위원회 위원장이 임명 또는 위촉합니다.</dd>
|
||||
<dt class="title depth02">3. 조정의 대상</dt>
|
||||
<dd>대리점거래 계약서 미제공 구입 강제, 경제상 이익 제공 강요, 판매목표 강제, 경영활동 간섭, 주문내역의 확인요청 거부 또는 회피 등 대리점거래에서 발생한 분쟁</dd>
|
||||
</dl>
|
||||
<p class="title depth02">[분쟁조정 신청]</p>
|
||||
<ul>
|
||||
<li>· 대리점 분쟁조정 대상이 되는 거래 유형</li>
|
||||
<li>· 대리점거래의 분쟁에 관한 사항</li>
|
||||
<li><b>· 대리점 거래 : </b>공급업자와 대리점 사이에 상품 또는 용역의 재판매 또는 위탁판매를 위하여 행하여지는 거래로서 일정 기간 지속되는 계약을 체결하여 반복적으로 행하여지는 거래</li>
|
||||
<li><b>· 공급업자 : </b>생산 또는 구매한 상품 또는 용역을 대리점에게 공급하는 사업자</li>
|
||||
<li><b>· 대리점 : </b>공급업자로부터 상품 또는 용역을 공급받아 불특정다수의 소매업자 또는 소비자에게 재판매 또는 위탁판매 하는 사업자 </li>
|
||||
<li>
|
||||
<b>· 적용제외</b>
|
||||
<ul class="sub_info_ul">
|
||||
<li>공급업자가 중소기업자(「중소기업기본법」 제2조제1항 또는 제3항에 따른 자를 말하며, 「중소기업협동조합법」 제3조제1항에 따른 중소기업협동조합을 포함한다. 이하 같다)에 해당하는 경우</li>
|
||||
<li>대리점이 중소기업자에 해당하지 아니하는 경우</li>
|
||||
<li>공급업자가 대리점에 대하여 거래상 우월한 지위를 가지고 있다고 인정되지 아니하는 경우</li>
|
||||
<li>다음 각 호의 어느 하나에 해당하는 거래
|
||||
<ul class="sub_info_ul">
|
||||
<li class="color_666">「가맹사업거래의 공정화에 관한 법률」 제2조 제1호에서 정하는 가맹사업에 해당하는 거래</li>
|
||||
<li class="color_666">「자본시장과 금융투자업에 관한 법률」 제6조 제1항에서 정하는 금융투자업에 해당하는 거래</li>
|
||||
<li class="color_666">「대규모유통업에서의 거래 공정화에 관한 법률」 제2호에서 정하는 대규모유통업자와 납품업 자 등 사이의 거래</li>
|
||||
<li class="color_666">그 밖에 거래의 성격 및 대리점의 보호 필요성 등을 고려하여 대리점거래에서 제외할 필요 가 있는 것으로서 대통령령으로 정하는 거래</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<b>· 분쟁조정 대상이 되는 공급업자의 행위</b>
|
||||
<ul class="sub_info_ul">
|
||||
<li>대리점과 계약을 체결한 즉시 공급업자가 대리점계약서를 제공하지 않은 경우</li>
|
||||
<li>공급업자가 자기의 거래상의 지위를 부당하게 이용하여 대리점이 구입할 의사가 없는 상품 또는 용역을 구입하도록 강제하는 행위</li>
|
||||
<li>공급업자가 자기의 거래상의 지위를 부당하게 이용하여 대리점에게 자기를 위하여 금전ㆍ물품ㆍ용역, 그 밖의 경제상 이익을 제공하도록 강요하는 행위</li>
|
||||
<li>공급업자가 자기의 거래상의 지위를 부당하게 이용하여 자기가 공급하는 상품 또는 용역과 관련하여 대리점에게 거래에 관한 목표를 제시하고 이를 달성하도록 강제하는 행위</li>
|
||||
<li>공급업자가 자기의 거래상의 지위를 부당하게 이용하여 위에 해당하는 행위 외의 방법으로 대리점에게 불이익이 되도록 거래조건을 설정 또는 변경하거나 그 이행과정에서 불이익을 주는 행위</li>
|
||||
<li>공급업자가 자기의 거래상의 지위를 부당하게 이용하여 대리점의 경영활동을 간섭하는 행위</li>
|
||||
<li>공급업자가 자기의 거래상의 지위를 부당하게 이용하여 대리점이 청약 또는 구입의사를 표시한 제품, 수량 등 주문내역의 정당한 확인요청에 대하여 이를 거부 또는 회피하는 행위</li>
|
||||
<li>공급업자가 분쟁조정신청, 공정거래위원회 신고 등의 행위를 한 대리점에게 그 행위를 한 것을 이유로 거래의 정지 또는 물량의 축소, 그 밖에 불이익을 주는 행위</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<p class="title depth02">[분쟁조정신청서 작성 방법 중 대리점거래 해당 유형]</p>
|
||||
<ul>
|
||||
<li>· 대리점거래 계약서 미제공 구입 강제, 경제상 이익 제공 강요, 판매목표 강제, 경영활동 간섭, 주문내역의 확인요청 거부 또는 회피 등 대리점거래에서 발생한 분쟁</li>
|
||||
<li><b>· 적용제외 : </b>공급업자가 중소기업자에 해당하거나 대리점이 중소기업자에 해당하지 아니하는 경우, 공급업자가 대리점에 대하여 거래상 우월한 지위를 가지고 있다고 인정되지 아니하는 경우, 가맹사업ㆍ금융투자업ㆍ대규모유통업에 해당하는 거래 등은 제외</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div data-include-path="/kofair_case_seed/usr/layout/_footer.html"></div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -49,7 +49,7 @@
|
||||
</ul>
|
||||
</div>
|
||||
<!-- //lnb -->
|
||||
<div class="sub_content">
|
||||
<div class="sub_content apl_01_content">
|
||||
|
||||
<!-- page_location -->
|
||||
<ul class="page_location">
|
||||
|
||||
@ -74,7 +74,7 @@
|
||||
<dd>
|
||||
<p>사실관계 조사 등을 거친 모든 분쟁사건은 분쟁조정협의회에 상정되어 심의절차를 거치게 됩니다. 이 과정에서 필요한 경우 분쟁조정협의회에 분쟁당사자가 참여하여 의견을 진술하는 경우도 있으며, 분쟁조정협의회의 심의를 통해 조정절차 종료 등 여부를 최종 의결하면 사실상 조정절차가 종료됩니다.</p>
|
||||
<p>※ 협의회 의결 후 분쟁당사자 분들에게 종료 여부 등이 통지되며, 본 시스템 등을 통해 확인하실 수 있습니다.</p>
|
||||
|
||||
|
||||
</dd>
|
||||
<dt>[6] 조정안 제시</dt>
|
||||
<dd>
|
||||
@ -99,6 +99,116 @@
|
||||
</div>
|
||||
<!-- //팝업 : 뉴스레터 신청 : process_popup -->
|
||||
|
||||
<!-- 팝업 : 작성요령 안내 : 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>
|
||||
<!-- //팝업 : 뉴스레터 신청 : process_popup -->
|
||||
|
||||
|
||||
<div class="wrap sub">
|
||||
<div data-include-path="/kofair_case_seed/usr/layout/_header.html"></div>
|
||||
|
||||
@ -177,7 +287,7 @@
|
||||
|
||||
<div class="btn_wrap right">
|
||||
<button type="button" class="btn btn_text btn_35 gray_fill" data-tooltip="process_popup">분쟁조정 단계별 절차 안내보기</button>
|
||||
<button type="button" class="btn btn_text btn_35 gray_fill">신청서 작성 요령</button>
|
||||
<button type="button" class="btn btn_text btn_35 gray_fill" data-tooltip="write_popup">신청서 작성 요령</button>
|
||||
</div>
|
||||
|
||||
<div class="box gray_border gray_fill border_3">
|
||||
|
||||
107
src/main/webapp/kofair_case_seed/usr/request/case_inquiry.html
Normal file
107
src/main/webapp/kofair_case_seed/usr/request/case_inquiry.html
Normal file
@ -0,0 +1,107 @@
|
||||
<!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>
|
||||
|
||||
</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">
|
||||
|
||||
<!-- 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>
|
||||
|
||||
<div class="box gray_border">
|
||||
<ul class="info_ul">
|
||||
<li>
|
||||
<p class="title depth03 blue_border">한국공정거래조정원에서 조정절차 개시 통지를 받으신 후에는 사건번호와 비밀번호를 활용하면 본 화면에서 분쟁조정 사건에 관한 자료를 파일로 직접 제출하거나 진행상황 등을 확인하실 수 있습니다.</p>
|
||||
<ul class="sub_info_ul">
|
||||
<li>절차 진행 관련 보다 자세한 사항이 궁금하신 경우 담당조사관에게 별도로 문의하시기 바랍니다.</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<p class="title depth03 blue_border">다만 이 시스템을 통해 제공되는 정보는 참고자료로만 활용하시고 제공된 정보에 대해서는 어떠한 <span class="color_red fw_medium">법적인 효력이 없음</span>을 알려드립니다.</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="box gray_fill">
|
||||
<ul class="input_box column">
|
||||
<li>
|
||||
<p>· 사건번호</p>
|
||||
<input type="text" class="input_text" placeholder="사건번호를 입력해주세요." title="사건번호 입력">
|
||||
</li>
|
||||
<li>
|
||||
<p>· 비밀번호</p>
|
||||
<input type="password" class="input_text" placeholder="비밀번호를 입력해주세요." title="비밀번호 입력">
|
||||
</li>
|
||||
<li><button type="button" class="btn btn_text btn_50 darkblue_fill w100per">조회</button></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="box gray_border gray_fill border_3">
|
||||
본 메뉴는 조정절차가 진행 중인 사건에 대한 화면으로, 분쟁조정 신청 접수상황, 민원상담 신청 처리현황을 확인하실 경우<br>
|
||||
본 홈페이지의 ‘마이페이지’를 이용하여 주시기 바랍니다.
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div data-include-path="/kofair_case_seed/usr/layout/_footer.html"></div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -6,8 +6,8 @@
|
||||
.btn_wrap.left{justify-content:flex-start;}
|
||||
.btn_wrap.center{justify-content:center;}
|
||||
|
||||
.btn{display:inline-block;border-radius:5px;transition:all 0.2s ease-in-out;}
|
||||
.btn:hover{transition:all 0.2s ease-in-out;}
|
||||
.btn{display:inline-block;color:#333;border-radius:5px;transition:all 0.2s ease-in-out;}
|
||||
.btn:hover{box-shadow:0 0 5px rgba(0,0,0,0.3);transition:all 0.2s ease-in-out;}
|
||||
|
||||
.btn_35{height:35px;font-size:1.6rem;font-weight:400;padding:0 25px;}
|
||||
.btn_35.only_icon{width:35px;}
|
||||
@ -15,6 +15,8 @@
|
||||
.btn_40.only_icon{width:40px;}
|
||||
.btn_45{height:45px;font-size:1.9rem;font-weight:500;padding:0 30px;}
|
||||
.btn_45.only_icon{width:45px;}
|
||||
.btn_50{height:50px;font-size:2rem;font-weight:500;}
|
||||
.btn_50.only_icon{width:50px;}
|
||||
|
||||
.btn.round{border-radius:100%;}
|
||||
.btn.only_icon{padding:0;}
|
||||
@ -22,8 +24,10 @@
|
||||
.btn.blue_fill{background:#2870ed;color:#fff;}
|
||||
.btn.blue_fill:hover{background:#1e64dc;}
|
||||
.btn.blue_border{border:1px solid #2870ed;color:#2870ed;}
|
||||
.btn.darkblue_border{background:#fff;border:1px solid #2435ac;color:#2435ac;}
|
||||
.btn.gray_border{border:1px solid #d8d8d8;}
|
||||
.btn.gray_border:hover{background:#f8f9fa;border:1px solid #b5b5b5;}
|
||||
.btn.darkgray_border{border:1px solid #888888;color:#666;}
|
||||
.btn.gray_fill{background:#8a8a8a;color:#fff;}
|
||||
.btn.skyblue_fill{background:#e3edfe;border:1px solid #c4d9fd;color:#6b75c9;}
|
||||
.btn.darkblue_fill{background:#2e40ba;color:#fff;}
|
||||
@ -33,21 +37,28 @@
|
||||
|
||||
/* input, select, textarea */
|
||||
.input_box{display:flex;align-items:center;gap:18px;flex-wrap:wrap;}
|
||||
.input_box.column{flex-direction:column;}
|
||||
|
||||
.input_text{height:40px;font-size:17px;color:#333;padding:0 10px;background:#fff;border:1px solid #d8d8d8;border-radius:5px;}
|
||||
.input_text:active{border:1px solid #333;}
|
||||
|
||||
.input_file{position:absolute;width:0;height:0;padding:0;overflow:hidden;border:0;}
|
||||
.input_file+.file{display:inline-flex;justify-content:center;align-items:center;}
|
||||
|
||||
.radio{width:16px;height:16px;margin:0 5px 0 0;border:1px solid #cecece;}
|
||||
.radio+label{font-size:1.8rem;color:#666;vertical-align:middle;}
|
||||
|
||||
.select{min-width:120px;height:40px;font-size:17px;color:#333;padding:0 34px 0 20px;border:1px solid #d8d8d8;border-radius:5px;background:#fff url(/kofair_case_seed/usr/images/component/icon_select.png) no-repeat calc(100% - 16px) calc(50% + 1px);}
|
||||
.select:active{border:1px solid #333;}
|
||||
|
||||
.checkbox{width:18px;height:18px;margin:0 10px 0 0;border:1px solid #d8d8d8;}
|
||||
.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;}
|
||||
|
||||
/* 텍스트 */
|
||||
.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;}
|
||||
@ -56,11 +67,15 @@
|
||||
.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_brown{color:#a5532f !important;}
|
||||
|
||||
.title{position:relative;font-weight:bold;color:#333;}
|
||||
.title.depth01{font-size:2.3rem;}
|
||||
.title.depth02{font-size:2.1rem;}
|
||||
.title.depth03{font-size:1.7rem;font-weight:400;}
|
||||
|
||||
@ -71,6 +86,21 @@
|
||||
.title.blue_border{padding:0 0 0 19px;}
|
||||
.title.blue_border::after{position:absolute;content:"";width:10px;height:10px;border-right:3px solid #2c76f7;border-bottom:3px solid #2c76f7;border-left:3px solid #2e40ba;border-top:3px solid #2e40ba;left:0;top:6px;}
|
||||
|
||||
.title.blue_border.orange_border{font-size:2.5rem;font-weight:bold;color:#333;line-height:1.5;}
|
||||
.title.blue_border.orange_border::before{position:absolute;content:"";width:7px;height:15px;border-radius:15px;background:#2e40ba;border:0;left:0;top:16px;transform: rotate(45deg);z-index:1;}
|
||||
.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;}
|
||||
|
||||
.required_text{position:absolute;color:#e40000;left:15px;top:22px;}
|
||||
.required_text span{position:absolute;text-indent:-9999px;}
|
||||
|
||||
.length_wrap{position:relative;width:100%;}
|
||||
.length_wrap textarea{width:100%;min-height:160px;}
|
||||
.length_wrap .length{position:absolute;font-size:1.4rem;font-weight:400;color:#888;line-height:1;top:calc(100% - 32px);right:16px;}
|
||||
.length_wrap .length .color_red{font-weight:500;}
|
||||
|
||||
|
||||
/* 노출/숨김 */
|
||||
.show{display:block !important;}
|
||||
.hide{display:none !important;}
|
||||
@ -103,12 +133,14 @@
|
||||
|
||||
/* 버튼 */
|
||||
.btn{border-radius:10px;}
|
||||
.btn_35{height:70px;font-size:3.2rem;padding:0 50px;}
|
||||
.btn_40{height:80px;font-size:3.4rem;padding:0 38px;}
|
||||
.btn_45{height:90px;font-size:3.4rem;padding:0 36px;}
|
||||
.btn_50{height:100px;font-size:4rem;}
|
||||
|
||||
/* input, select, textarea */
|
||||
.input_box{gap:30px;}
|
||||
.input_text{height:80px;font-size:3.4rem;border-radius:10px;}
|
||||
.input_text{height:80px;font-size:3.4rem;border-radius:10px;padding:0 20px;}
|
||||
.select{min-width:120px;height:80px;font-size:3.4rem;border-radius:10px;background:#fff url(/kofair_case_seed/usr/images/component/icon_select_m.png) no-repeat calc(100% - 16px) calc(50% + 1px);}
|
||||
.radio{width:30px;height:30px;margin:0 21px 0 0;}
|
||||
.radio+label{font-size:3.4rem;}
|
||||
@ -117,8 +149,22 @@
|
||||
|
||||
/* 텍스트 */
|
||||
.title.depth02{font-size:4.2rem;}
|
||||
.title.depth03{font-size:3.4rem;line-height:1.5;}
|
||||
|
||||
.title.orange_border{padding:0 0 0 38px;}
|
||||
.title.orange_border::after{position:absolute;content:"";width:20px;height:20px;border:4px solid #f96502;border-radius:100%;left:0;top:22px;}
|
||||
|
||||
.title.blue_border{padding:0 0 0 38px;}
|
||||
.title.blue_border::after{position:absolute;content:"";width:20px;height:20px;border-right:6px solid #2c76f7;border-bottom:6px solid #2c76f7;border-left:6px solid #2e40ba;border-top:6px solid #2e40ba;left:0;top:16px;}
|
||||
|
||||
.title.blue_border.orange_border{font-size:5rem;}
|
||||
.title.blue_border.orange_border::before{width:14px;height:30px;border-radius:30px;left:0;top:30px;}
|
||||
.title.blue_border.orange_border::after{width:14px;height:30px;border-radius:30px;left:0;top:17px;}
|
||||
|
||||
.required_text{top:42.5px;left:20px;}
|
||||
.cf_text{font-size:3rem;}
|
||||
|
||||
.length_wrap .length{font-size:2.8rem;top:calc(100% - 64px);right:32px;}
|
||||
}
|
||||
|
||||
/* ==================== 모바일 ==================== */
|
||||
@ -126,11 +172,13 @@
|
||||
|
||||
/* 버튼 */
|
||||
.btn{border-radius:5px;}
|
||||
.btn_35{height:35px;font-size:1.6rem;padding:0 25px;}
|
||||
.btn_40{height:40px;font-size:1.7rem;padding:0 18px;}
|
||||
.btn_45{height:45px;font-size:1.7rem;padding:0 18px;}
|
||||
.btn_50{height:50px;font-size:2rem;}
|
||||
|
||||
/* input, select, textarea */
|
||||
.input_text{height:40px;font-size:1.7rem;border-radius:5px;}
|
||||
.input_text{height:40px;font-size:1.7rem;border-radius:5px;padding:0 10px;}
|
||||
.select{min-width:120px;height:40px;font-size:1.7rem;border-radius:5px;background:#fff url(/kofair_case_seed/usr/images/component/icon_select_m.png) no-repeat calc(100% - 16px) calc(50% + 1px);}
|
||||
.radio{width:16px;height:16px;margin:0 5px 0 0;}
|
||||
.radio+label{font-size:1.7rem;}
|
||||
@ -139,9 +187,20 @@
|
||||
|
||||
/* 텍스트 */
|
||||
.title.depth02{font-size:2.1rem;}
|
||||
.title.depth03{font-size:1.7rem;}
|
||||
.title.orange_border{padding:0 0 0 19px;}
|
||||
.title.orange_border::after{position:absolute;content:"";width:10px;height:10px;border:2px solid #f96502;border-radius:100%;left:0;top:11px;}
|
||||
.title.orange_border::after{width:10px;height:10px;border:2px solid #f96502;left:0;top:11px;}
|
||||
|
||||
.title.blue_border{padding:0 0 0 19px;}
|
||||
.title.blue_border::after{width:10px;height:10px;border-right:3px solid #2c76f7;border-bottom:3px solid #2c76f7;border-left:3px solid #2e40ba;border-top:3px solid #2e40ba;left:0;top:8px;}
|
||||
|
||||
.title.blue_border.orange_border{font-size:2.5rem;}
|
||||
.title.blue_border.orange_border::before{width:7px;height:15px;border-radius:15px;left:0;top:15px;}
|
||||
.title.blue_border.orange_border::after{width:7px;height:15px;border-radius:15px;left:0;top:8.5px;}
|
||||
|
||||
.cf_text{font-size:1.5rem;}
|
||||
.required_text{top:20px;left:10px;}
|
||||
.length_wrap .length{font-size:1.4rem;top:calc(100% - 32px);right:16px;}
|
||||
}
|
||||
|
||||
|
||||
|
||||
@ -0,0 +1,130 @@
|
||||
/* 콜센터 */
|
||||
.callcenter_banner{display:flex;width:100%;height:136px;padding:28px 0 10px 100px;margin:0 0 60px 0;font-size:1.7rem;color:#671ec1;background:#d4c9fe url(/kofair_case_seed/usr/images/counsel/img_callcenter.png) no-repeat calc(100% - 130px) calc(100% + 20px);border-radius:10px;}
|
||||
.callcenter_banner .title{width:114px;height:36px;margin:8px 18px 0 0;font-size:2rem;font-weight:bold;color:#d4c9fe;text-align:center;line-height:35px;border-radius:37px;background:#671ec1;}
|
||||
.callcenter_banner .gMarket_bold{font-size:4rem;}
|
||||
|
||||
.callcenter_content .title.depth03{margin:9px 0 0 0;}
|
||||
.callcenter_content .organ_info{display:flex;margin:30px 0 0 0;flex-wrap:wrap;gap:24px;}
|
||||
.callcenter_content .organ_info div{display:flex;width:calc((100% / 2) - 12px);min-height:227px;font-size:1.7rem;padding:35px;border:1px solid #d8d8d8;border-radius:10px;flex-wrap:wrap;}
|
||||
.callcenter_content .organ_info div>*{width:100%;}
|
||||
.callcenter_content .organ_info .title{font-size:2rem;font-weight:bold;color:#333;}
|
||||
.callcenter_content .organ_info .sub_title{color:#888;padding:0 0 0 19px;}
|
||||
.callcenter_content .organ_info .organ_tel{color:#333;font-weight:bold;padding:0 0 0 19px;}
|
||||
.callcenter_content .organ_info .organ_site{color:#5b639d;padding:0 0 0 19px;margin:5px 0 0 0;align-self:flex-end;}
|
||||
.callcenter_content .title.blue_border::after{top:9px;}
|
||||
|
||||
/* 무료법률 상담 */
|
||||
.free_counsel_content .counsel_dl{display:flex;gap:40px;}
|
||||
.free_counsel_content .counsel_dl div{position:relative;width:calc((100% / 3) - 20px);padding:45px 25px 40px 25px;background:#f4f5f7;border-radius:5px;text-align:center;}
|
||||
.free_counsel_content .counsel_dl div::after{position:absolute;content:"";width:126px;height:8px;background:#2e40ba;border-radius:0 0 3px 3px;top:0;left:50%;transform:translateX(-50%);}
|
||||
.free_counsel_content .counsel_dl dt{font-family: 'GmarketSansBold';font-size:2.7rem;color:#333;margin:0 0 10px 0;}
|
||||
.free_counsel_content .counsel_dl i{display:block;width:114px;height:114px;margin:0 auto 30px auto;background:#fff;border-radius:100%;}
|
||||
.free_counsel_content .counsel_dl i.sort{background-image:url(/kofair_case_seed/usr/images/component/icon_counsel_01.png);}
|
||||
.free_counsel_content .counsel_dl i.schedule{background-image:url(/kofair_case_seed/usr/images/component/icon_counsel_02.png);}
|
||||
.free_counsel_content .counsel_dl i.method{background-image:url(/kofair_case_seed/usr/images/component/icon_counsel_03.png);}
|
||||
.free_counsel_content .counsel_dl dd{font-size:1.6rem;color:#666;}
|
||||
.free_counsel_content .process_step_wrap{margin:40px 0 60px 0;}
|
||||
.free_counsel_content .box.gray_border{margin:40px 0 0 0;max-height:400px;overflow:auto;}
|
||||
.free_counsel_content .depth02+.box.gray_border{margin:20px 0 0 0;}
|
||||
.free_counsel_content .depth02{display:block;margin:60px 0 0 0;}
|
||||
.free_counsel_content .depth02:nth-child(2){margin:0;}
|
||||
.free_counsel_content .box.gray_border .info_ul .title{font-weight:400;}
|
||||
.free_counsel_content .box.gray_border .info_ul .title::after{top:7px;}
|
||||
.free_counsel_content .check_wrap{display:flex;margin:20px 0 0 0;font-size:1.7rem;justify-content:space-between;align-items:flex-start;}
|
||||
.free_counsel_content .check_wrap .checkbox{margin:-3px 10px 0 0;}
|
||||
.free_counsel_content .check_wrap label{color:#888;}
|
||||
.free_counsel_content .check_wrap :checked+label{color:#333;}
|
||||
.free_counsel_content .all_agree_box{padding:20px;margin:40px 0 0 0;}
|
||||
.free_counsel_content .icon.step01{background:url(/kofair_case_seed/usr/images/counsel/icon_step01.png) no-repeat center center;}
|
||||
.free_counsel_content .active .icon.step01{background:url(/kofair_case_seed/usr/images/counsel/icon_step01_active.png) no-repeat center center;}
|
||||
.free_counsel_content .icon.step02{background:url(/kofair_case_seed/usr/images/counsel/icon_step02.png) no-repeat center center;}
|
||||
.free_counsel_content .active .icon.step02{background:url(/kofair_case_seed/usr/images/counsel/icon_step02_active.png) no-repeat center center;}
|
||||
.free_counsel_content .icon.step03{background:url(/kofair_case_seed/usr/images/counsel/icon_step03.png) no-repeat center center;}
|
||||
.free_counsel_content .active .icon.step03{background:url(/kofair_case_seed/usr/images/counsel/icon_step03_active.png) no-repeat center center;}
|
||||
|
||||
.free_counsel_content .depth03.title.blue_border::after{top:8px;}
|
||||
|
||||
/* ==================== 테블릿 ==================== */
|
||||
@media screen and (max-width: 1199px){
|
||||
|
||||
.callcenter_banner{display:block;height:620px;padding:60px 0 120px 0;margin:0 0 120px 0;font-size:3.4rem;color:#671ec1;background:#d4c9fe url(/kofair_case_seed/usr/images/counsel/img_callcenter_m.png) no-repeat center calc(100% + 20px);border-radius:20px;text-align:center;}
|
||||
.callcenter_banner .title{width:228px;height:72px;margin:0 auto 30px auto;font-size:4rem;line-height:70px;border-radius:50px;}
|
||||
.callcenter_banner .gMarket_bold{font-size:8rem;}
|
||||
|
||||
.callcenter_content .title.blue_border.orange_border::after{top:18px;}
|
||||
.callcenter_content .title.depth03{margin:18px 0 0 0;}
|
||||
.callcenter_content .organ_info{margin:60px 0 0 0;gap:48px;}
|
||||
.callcenter_content .organ_info div{width:100%;min-height:454px;font-size:3.4rem;}
|
||||
.callcenter_content .organ_info .title{font-size:4rem;}
|
||||
.callcenter_content .organ_info .sub_title,.callcenter_content .organ_info .organ_tel,.callcenter_content .organ_info .organ_site{padding:0 0 0 38px;}
|
||||
.callcenter_content .title.blue_border::after{top:19px;}
|
||||
|
||||
.free_counsel_content .counsel_dl{flex-wrap:wrap;}
|
||||
.free_counsel_content .counsel_dl div{width:100%;padding:70px 25px 70px 25px}
|
||||
.free_counsel_content .counsel_dl div::after{width:267px;height:16px;border-radius:0 0 6px 6px;}
|
||||
.free_counsel_content .counsel_dl dt{font-size:5.5rem;margin:0 0 38px 0;}
|
||||
.free_counsel_content .counsel_dl i{width:232px;height:232px;}
|
||||
.free_counsel_content .counsel_dl i.sort{background-image:url(/kofair_case_seed/usr/images/component/icon_counsel_01_m.png);}
|
||||
.free_counsel_content .counsel_dl i.schedule{background-image:url(/kofair_case_seed/usr/images/component/icon_counsel_02_m.png);}
|
||||
.free_counsel_content .counsel_dl i.method{background-image:url(/kofair_case_seed/usr/images/component/icon_counsel_03_m.png);}
|
||||
.free_counsel_content .counsel_dl dd{font-size:3.2rem;}
|
||||
|
||||
.free_counsel_content .process_step_wrap{margin:80px 0 120px 0;}
|
||||
.free_counsel_content .depth02{margin:120px 0 0 0;}
|
||||
.free_counsel_content .depth02+.box.gray_border{margin:40px 0 0 0;}
|
||||
.free_counsel_content .icon.step01{background:url(/kofair_case_seed/usr/images/counsel/icon_step01_m.png) no-repeat center center;}
|
||||
.free_counsel_content .active .icon.step01{background:url(/kofair_case_seed/usr/images/counsel/icon_step01_active_m.png) no-repeat center center;}
|
||||
.free_counsel_content .icon.step02{background:url(/kofair_case_seed/usr/images/counsel/icon_step02_m.png) no-repeat center center;}
|
||||
.free_counsel_content .active .icon.step02{background:url(/kofair_case_seed/usr/images/counsel/icon_step02_active_m.png) no-repeat center center;}
|
||||
.free_counsel_content .icon.step03{background:url(/kofair_case_seed/usr/images/counsel/icon_step03_m.png) no-repeat center center;}
|
||||
.free_counsel_content .active .icon.step03{background:url(/kofair_case_seed/usr/images/counsel/icon_step03_active_m.png) no-repeat center center;}
|
||||
|
||||
.free_counsel_content .depth03.title.blue_border::after{top:17px;}
|
||||
|
||||
.free_counsel_content .check_wrap{font-size:3.4rem;flex-wrap:wrap;}
|
||||
.free_counsel_content .check_wrap .input_box{margin:40px 0 0 0;}
|
||||
.free_counsel_content .all_agree_box{padding:40px;margin:80px 0 0 0;}
|
||||
.free_counsel_content .box.gray_border{margin:80px 0 0 0;}
|
||||
|
||||
.free_counsel_content .btn_wrap:last-child{margin:80px 0 60px 0;justify-content:center;}
|
||||
.free_counsel_content .btn_wrap:last-child button:only-child{width:40%;}
|
||||
}
|
||||
|
||||
/* ==================== 모바일 ==================== */
|
||||
@media screen and (max-width: 767px){
|
||||
|
||||
.callcenter_banner{height:310px;padding:30px 0 60px 0;margin:0 0 60px 0;font-size:1.7rem;background-size:55% auto;}
|
||||
.callcenter_banner .title{width:114px;height:36px;margin:0 auto 15px auto;font-size:2rem;line-height:35px;border-radius:25px;}
|
||||
.callcenter_banner .gMarket_bold{font-size:4rem;}
|
||||
|
||||
.callcenter_content .title.blue_border.orange_border::after{top:9px;}
|
||||
.callcenter_content .title.depth03{margin:9px 0 0 0;}
|
||||
.callcenter_content .organ_info{margin:30px 0 0 0;gap:24px;}
|
||||
.callcenter_content .organ_info div{min-height:227px;font-size:1.7rem;}
|
||||
.callcenter_content .organ_info .title{font-size:2rem;}
|
||||
.callcenter_content .organ_info .sub_title,.callcenter_content .organ_info .organ_tel,.callcenter_content .organ_info .organ_site{padding:0 0 0 19px;}
|
||||
.callcenter_content .title.blue_border::after{top:9px;}
|
||||
|
||||
.free_counsel_content .counsel_dl div{width:100%;padding:35px 12px 35px 12px;}
|
||||
.free_counsel_content .counsel_dl div::after{width:35%;height:8px;border-radius:0 0 3px 3px;}
|
||||
.free_counsel_content .counsel_dl dt{font-size:2.75rem;margin:0 0 19px 0;}
|
||||
.free_counsel_content .counsel_dl i{width:116px;height:116px;background-size:100%;}
|
||||
.free_counsel_content .counsel_dl dd{font-size:1.6rem;}
|
||||
|
||||
.free_counsel_content .process_step_wrap{margin:40px 0 60px 0;}
|
||||
.free_counsel_content .depth02{margin:60px 0 0 0;}
|
||||
.free_counsel_content .depth02+.box.gray_border{margin:20px 0 0 0;}
|
||||
.free_counsel_content .icon.step,.free_counsel_content .active .icon.step{background-size:auto 100%;}
|
||||
|
||||
.free_counsel_content .depth03.title.blue_border::after{top:8px;}
|
||||
|
||||
.free_counsel_content .check_wrap{font-size:1.7rem;flex-wrap:wrap;}
|
||||
.free_counsel_content .check_wrap .input_box{margin:20px 0 0 0;}
|
||||
.free_counsel_content .all_agree_box{padding:20px;margin:40px 0 0 0;}
|
||||
.free_counsel_content .box.gray_border{margin:40px 0 0 0;}
|
||||
|
||||
.free_counsel_content .btn_wrap:last-child{margin:40px 0 30px 0;}
|
||||
|
||||
.free_counsel_content .box_complete .btn_wrap:last-child{margin:30px 0;}
|
||||
|
||||
}
|
||||
@ -6,6 +6,33 @@
|
||||
.news_service .box.gray_fill.agree_box{padding:20px;margin:40px 0;}
|
||||
.news_service .box.gray_fill .email_wrap{display:inline-flex;align-items:center;gap:5px;flex-wrap:wrap;}
|
||||
|
||||
/* 분쟁조정 제도 */
|
||||
.system_info .system_dl{color:#333;line-height:1.5;border-bottom:1px solid #d8d8d8;padding:0 0 40px 0;margin:0 0 40px 0;}
|
||||
.system_info .system_dl:last-child{border-bottom:0;padding:0;margin:0;}
|
||||
.system_info .system_dl dt{margin:30px 0 0 0;}
|
||||
.system_info .system_dl dd{font-size:1.7rem;padding:8px 0 0 23px;}
|
||||
.system_info .system_dl dd span{display:block;margin:8px 0 0 0;}
|
||||
.system_info ul{font-size:1.7rem;color:#333;padding:0 0 0 20px;margin:20px 0 0 0;}
|
||||
.system_info ul>li{padding:0 0 20px 0;}
|
||||
.system_info ul b{font-weight:bold;}
|
||||
.system_info .sub_info_ul{padding:0;margin:10px 0 0 0;}
|
||||
.system_info .sub_info_ul li{padding:0 0 0 10px;}
|
||||
.system_info .sub_info_ul .sub_info_ul li{margin:0;}
|
||||
|
||||
/* 분쟁조정 절차 */
|
||||
.process_content .title.blue_border.orange_border{display:block;margin:0 0 30px 0;}
|
||||
.process_content .box.gray_border{margin:0 0 40px 0;padding:60px 30px;}
|
||||
.process_content .box.gray_border img{margin:0 auto;}
|
||||
.process_content .box.gray_border .info_ul{margin:40px 0 0 20px;padding:0 20px;font-size:1.7rem;font-weight:400;color:#888;text-indent:-19px;gap:6px;}
|
||||
.process_content .info_ul.text{padding:0 0 36px 0;margin:0 0 30px 0;gap:0;border-bottom:2px solid #2e40ba}
|
||||
.process_content .info_ul.text:last-child{border-bottom:0;}
|
||||
.process_content .info_ul.text dd{font-size:1.7rem;line-height:1.5;margin:10px 0 30px 0;padding:0 0 0 22px;}
|
||||
.process_content .info_ul.text dd .sub_info_ul.color_brown{margin:0;}
|
||||
.process_content .info_ul.text dd .color_brown{display:block;font-size:1.7rem;}
|
||||
.process_content .info_ul.text dd .color_brown:nth-child(2){margin:10px 0 0 0;}
|
||||
.process_content .box.gray_border.gray_fill.terms_info{padding:40px;text-align:left;}
|
||||
.process_content .terms_info p{font-size:1.7rem;font-weight:400;color:#666;line-height:1.5;margin:10px 0 0 0;}
|
||||
|
||||
/* ==================== 테블릿 ==================== */
|
||||
@media screen and (max-width: 1199px){
|
||||
.news_service .text_explain{font-size:3.4rem;margin:80px 0;}
|
||||
@ -17,6 +44,15 @@
|
||||
.news_service .box.gray_fill .input_email.input_text{width:calc(100% - 70px);}
|
||||
.news_service .box.gray_fill .input_email.input_text:nth-child(2){width:calc(100% - 315px);}
|
||||
.news_service .box.gray_fill.agree_box{padding:40px;margin:80px 0;}
|
||||
|
||||
/* 분쟁조정 제도 */
|
||||
.system_info{margin:80px 0 0 0;}
|
||||
.system_info .system_dl dt{margin:60px 0 0 0;}
|
||||
.system_info .system_dl dd{font-size:3.4rem;padding:16px 0 0 46px;}
|
||||
.system_info .system_dl dd span{margin:16px 0 0 0;}
|
||||
|
||||
.system_info ul{font-size:3.4rem;padding:0 0 0 40px;margin:40px 0 0 0;}
|
||||
.system_info .sub_info_ul li{padding:0 0 0 30px;}
|
||||
}
|
||||
|
||||
/* ==================== 모바일 ==================== */
|
||||
@ -29,6 +65,15 @@
|
||||
.news_service .box.gray_fill .input_email.input_text{width:calc(100% - 35px);}
|
||||
.news_service .box.gray_fill .email_select{width:190px;}
|
||||
.news_service .box.gray_fill .input_email.input_text:nth-child(2){width:calc(100% - 200px);}
|
||||
|
||||
/* 분쟁조정 제도 */
|
||||
.system_info{margin:40px 0 0 0;}
|
||||
.system_info .system_dl dt{margin:30px 0 0 0;}
|
||||
.system_info .system_dl dd{font-size:1.7rem;padding:8px 0 0 23px;}
|
||||
.system_info .system_dl dd span{margin:8px 0 0 0;}
|
||||
|
||||
.system_info ul{font-size:1.7rem;padding:0 0 0 20px;margin:20px 0 0 0;}
|
||||
.system_info .sub_info_ul li{padding:0 0 0 15px;margin:0 0 0 10px;}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 500px){
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
|
||||
html{font-size:62.5%;}
|
||||
.wrap{position:relative;width:100%;}
|
||||
.inner{max-width:1440px;width:100%;margin:0 auto;padding:0 30px;}
|
||||
.inner{max-width:1440px;width:100%;margin:0 auto;}
|
||||
.m_logo{display:none;}
|
||||
.mask.on{position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.5);left:0;top:0;z-index:5;}
|
||||
|
||||
@ -66,6 +66,10 @@ html{font-size:62.5%;}
|
||||
.footer_bottom a:first-child{padding:0 20px 0 0;}
|
||||
/* //footer */
|
||||
|
||||
@media screen and (max-width: 1440px){
|
||||
.inner{padding:0 30px;}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1199px){
|
||||
|
||||
.pc_logo{display:none;}
|
||||
@ -156,7 +160,7 @@ html{font-size:62.5%;}
|
||||
.footer_site .site_wrap select{background: #fff url(/kofair_case_seed/usr/images/component/icon_select.png) no-repeat calc(100% - 15px) center;}
|
||||
|
||||
.footer_bottom{font-size:1.6rem;padding:25px 0 0 0;margin:25px 0 0 0;}
|
||||
.footer_bottom .link{margin:0 0 15px 0;}
|
||||
.footer_bottom .link{margin:0 0 15px 0;flex-wrap:wrap;}
|
||||
.footer_bottom a{padding:0 18px;}
|
||||
.footer_bottom a:first-child{padding:0 18px 0 0;}
|
||||
.footer_bottom a::after{width:2px;height:8px;top:6.5px;}
|
||||
|
||||
@ -0,0 +1,50 @@
|
||||
/* 마이페이지 */
|
||||
.self_identification .gray_border{margin:40px 0 0 0;}
|
||||
.self_identification .gray_border .title{font-weight:400;}
|
||||
|
||||
.idf_method{display:flex;max-width:1074px;margin:40px auto 0 auto;gap:40px;}
|
||||
.idf_method li{width:calc((100% / 3) - 20px);min-height:166px;text-align:center;}
|
||||
.idf_method .btn_idf{display:flex;width:100%;height:100%;padding:0;border-radius:5px;font-size:1.8rem;line-height:44px;color:#fff;flex-direction:column;align-items:center;justify-content:flex-end;transition:all 0.2s ease-in-out;}
|
||||
.idf_method .btn_idf:hover{transition:all 0.2s ease-in-out;}
|
||||
.idf_method .btn_idf.phone{border:1px solid #2e40ba;}
|
||||
.idf_method .btn_idf.phone:hover{box-shadow:0 0 20px rgba(22,28,45,0.25);}
|
||||
.idf_method .btn_idf.ipin{border:1px solid #2870ed;}
|
||||
.idf_method .btn_idf.ipin:hover{box-shadow:0 0 20px rgba(20,89,207,0.25);}
|
||||
.idf_method .btn_idf.aut_cefi{border:1px solid #f96502;}
|
||||
.idf_method .btn_idf.aut_cefi:hover{box-shadow:0 0 20px rgba(218,87,0,0.25);}
|
||||
.idf_method .btn_idf i{position:relative;width:70px;height:calc(100% - 44px);background-repeat:no-repeat;background-position:center 54%;}
|
||||
.idf_method .btn_idf i::after{position:absolute;content:"";width:50px;height:50px;border-radius:100%;opacity:0.1;left:-25px;top:15px;}
|
||||
.idf_method .btn_idf i.phone::after{background:#2e40ba;}
|
||||
.idf_method .btn_idf i.ipin::after{background:#2870ed;}
|
||||
.idf_method .btn_idf i.aut_cefi::after{background:#f96502;}
|
||||
.idf_method .btn_idf i.phone{background-image:url(/kofair_case_seed/usr/images/component/icon_idf_phone.png);}
|
||||
.idf_method .btn_idf i.ipin{background-image:url(/kofair_case_seed/usr/images/component/icon_idf_ipin.png);}
|
||||
.idf_method .btn_idf i.aut_cefi{background-image:url(/kofair_case_seed/usr/images/component/icon_idf_aut_cefi.png);}
|
||||
.idf_method .btn_idf span{width:100%;height:44px;}
|
||||
.idf_method .btn_idf.phone span{background:#2e40ba;}
|
||||
.idf_method .btn_idf.ipin span{background:#2870ed;}
|
||||
.idf_method .btn_idf.aut_cefi span{background:#f96502;}
|
||||
|
||||
/* ==================== 테블릿 ==================== */
|
||||
@media screen and (max-width: 1199px){
|
||||
.idf_method{flex-wrap:wrap;gap:80px;margin:80px 0;}
|
||||
.idf_method li{width:100%;min-height:333px;}
|
||||
.idf_method .btn_idf{font-size: 3.6rem;line-height:87px;border-radius:10px;overflow:hidden;}
|
||||
.idf_method .btn_idf span{height:88px;}
|
||||
.idf_method .btn_idf i{width:140px;height:calc(100% - 66px);}
|
||||
.idf_method .btn_idf i::after{width:100px;height:100px;}
|
||||
.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);}
|
||||
}
|
||||
|
||||
/* ==================== 모바일 ==================== */
|
||||
@media screen and (max-width: 767px){
|
||||
.idf_method{gap:40px;margin:40px 0;}
|
||||
.idf_method li{min-height:166px;}
|
||||
.idf_method .btn_idf{font-size:1.8rem;line-height:43.5px;border-radius:5px;}
|
||||
.idf_method .btn_idf span{height:44px;}
|
||||
.idf_method .btn_idf i{width:70px;height:calc(100% - 44px);background-size:70px;}
|
||||
.idf_method .btn_idf i::after{width:50px;height:50px;}
|
||||
.idf_method .btn_idf i.phone{background-size:50px;}
|
||||
}
|
||||
@ -14,14 +14,27 @@
|
||||
.layer_popup{max-height:90vh;}
|
||||
.layer_popup .title_wrap{display:flex;width:100%;height:52px;padding:0 26px;font-size:2rem;font-weight:500;color:#fff;background:#2e40ba;justify-content:space-between;align-items:center;}
|
||||
.layer_popup .content{padding:30px;max-height:calc(90vh - 52px);overflow:auto;}
|
||||
.layer_popup .box.gray_fill .title{font-size:1.9rem;font-weight:bold;color:#333;}
|
||||
.layer_popup .box.gray_fill:first-child{margin:0 0 0 0;}
|
||||
.layer_popup .box.gray_fill .title{display:block;font-size:1.9rem;font-weight:bold;color:#333;margin:33px 0 0 0;}
|
||||
.layer_popup .box.gray_fill .title:first-child{margin:0;}
|
||||
.layer_popup .box.white_fill dt{margin:0 0 8px 0;font-size:1.7rem;font-weight:500;color:#333;}
|
||||
.layer_popup .box.white_fill>dd{margin:0 0 30px 0;padding:0 0 0 25px;font-size:1.5rem;font-weight:400;color:#333;line-height:1.5;}
|
||||
.layer_popup .box.white_fill .sub_info_ul{font-size:1.5rem;color:#333;gap:3px;}
|
||||
.layer_popup .box.white_fill .sub_info_ul li{margin:0;}
|
||||
.layer_popup .box.white_fill .gray_fill.gray_border{text-align:left;padding:20px 30px;margin:20px 0 0 0;}
|
||||
|
||||
.layer_popup .sub_info_ul{font-size:1.4rem;font-weight:300;color:#666;gap:5px;}
|
||||
.layer_popup .sub_info_ul li{margin:0;}
|
||||
.layer_popup .sub_info_ul li::after{top:-4px;}
|
||||
.layer_popup .box.white_fill .gray_fill.gray_border .sub_info_ul{font-size:1.4rem;font-weight:300;color:#666;gap:5px;}
|
||||
.layer_popup .box.white_fill .gray_fill.gray_border .sub_info_ul li{margin:0;}
|
||||
.layer_popup .box.white_fill .gray_fill.gray_border .sub_info_ul li::after{top:-4px;}
|
||||
|
||||
/* 절차안내 팝업 */
|
||||
.process_popup .icon.info.gray_fill{margin:-1.5px 10px 0 0;}
|
||||
.process_popup .icon.info.gray_fill{margin:-1.5px 10px 0 0;}
|
||||
|
||||
/* 작성요령 팝업 */
|
||||
.write_popup .box.gray_fill{padding:30px;}
|
||||
.write_popup .box.white_fill>dd{padding:0 0 0 12px;margin:0 0 25px 0;}
|
||||
.write_popup .box.white_fill>dd:last-child{margin:0 0 5px 0;}
|
||||
.write_popup .box.white_fill .color_darkblue{margin:25px 0 0 0;}
|
||||
.write_popup .box.white_fill .color_darkblue:first-child{margin:0;}
|
||||
.write_popup .box.white_fill .ex_tit{margin:10px 0 0 10px;}
|
||||
.write_popup .box.white_fill .gray_fill.gray_border{padding:15px 20px;margin:10px 0 0 10px;}
|
||||
@ -2,4 +2,45 @@
|
||||
.apl_info_content .depth02.orange_border{margin:40px 0 0 0;}
|
||||
.apl_info_content .checkbox_wrap{display:flex;margin:15px 0 0 0;}
|
||||
.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;}
|
||||
.apl_info_content .checkbox_wrap label{width:calc(100% - 18px);line-height:1.4;}
|
||||
|
||||
/* 분쟁조정 사건조회 */
|
||||
.inquiry_content .box.gray_fill{padding:50px 20px;}
|
||||
.inquiry_content .input_box.column{width:500px;justify-content:center;margin:0 auto;}
|
||||
.inquiry_content .input_box.column li{display:flex;width:100%;height:50px;border:1px solid #d8d8d8;border-radius:5px;background:#fff;align-items:center;flex-wrap:wrap;}
|
||||
.inquiry_content .input_box.column li:last-child{background:transparent;border:0;}
|
||||
.inquiry_content .input_box.column p{position:relative;width:110px;padding:0 20px;margin:0 20px 0 0;}
|
||||
.inquiry_content .input_box.column p::after{position:absolute;content:"";width:1px;height:15px;background:#d8d8d8;right:0;top:5px;}
|
||||
.inquiry_content .input_box.column .input_text{width:calc(100% - 140px);border:0;}
|
||||
.inquiry_content .input_box.column .btn_50{margin:10px 0 0 0;}
|
||||
.inquiry_content .gray_border.gray_fill{padding:30px;}
|
||||
|
||||
/* ==================== 테블릿 ==================== */
|
||||
@media screen and (max-width: 1199px){
|
||||
.apl_01_content .box.gray_border .btn_wrap{flex-wrap:wrap;gap:26px;}
|
||||
.apl_01_content .box.gray_border .btn_wrap .skyblue_fill{width:100%;}
|
||||
|
||||
.apl_01_content .btn_wrap.right{justify-content:center;}
|
||||
.apl_01_content .btn_wrap.right .orange_fill{width:300px;}
|
||||
|
||||
/* 분쟁조정 사건조회 */
|
||||
.inquiry_content .box.gray_fill{padding:100px 50px;}
|
||||
.inquiry_content .input_box.column{width:95%;}
|
||||
.inquiry_content .input_box.column li{height:100px;border-radius:10px;}
|
||||
.inquiry_content .input_box.column p{position:relative;width:240px;padding:0 40px;margin:0 40px 0 0;}
|
||||
.inquiry_content .input_box.column p::after{position:absolute;content:"";width:1px;height:30px;background:#d8d8d8;right:0;top:10px;}
|
||||
.inquiry_content .input_box.column .input_text{width:calc(100% - 300px);border:0;}
|
||||
}
|
||||
|
||||
/* ==================== 모바일 ==================== */
|
||||
@media screen and (max-width: 767px){
|
||||
.apl_01_content .box.gray_border .btn_wrap{gap:13px;}
|
||||
.apl_01_content .btn_wrap.right .orange_fill{width:150px;}
|
||||
|
||||
/* 분쟁조정 사건조회 */
|
||||
.inquiry_content .box.gray_fill{padding:50px 25px;}
|
||||
.inquiry_content .input_box.column li{height:50px;border-radius:5px;}
|
||||
.inquiry_content .input_box.column p{position:relative;width:120px;padding:0 20px;margin:0 20px 0 0;}
|
||||
.inquiry_content .input_box.column p::after{position:absolute;content:"";width:1px;height:15px;background:#d8d8d8;right:0;top:5px;}
|
||||
.inquiry_content .input_box.column .input_text{width:calc(100% - 150px);border:0;}
|
||||
}
|
||||
@ -9,7 +9,9 @@
|
||||
.icon.plus{width:15px;height:15px;background:url(/kofair_case_seed/usr/images/component/icon_plus.png) no-repeat center center;}
|
||||
.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.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;}
|
||||
.icon.home{width:19px;height:19px;background:url(/kofair_case_seed/usr/images/component/icon_home.png) no-repeat center center;}
|
||||
.icon.popup.close{width:18px;height:18px;background:url(/kofair_case_seed/usr/images/component/icon_popup_close.png) no-repeat center center;}
|
||||
@ -50,9 +52,15 @@
|
||||
|
||||
/* table */
|
||||
.table_top{display:flex;align-items:center;justify-content:space-between;}
|
||||
.table_top.title{align-items:flex-end;}
|
||||
.table_top.title .cf_text{font-size:1.5rem;font-weight:400;color:#666;}
|
||||
.table_top .search_wrap{padding:0;margin:0;background:#fff;}
|
||||
.table_top .list_total_number{font-size:1.7rem;color:#666;}
|
||||
|
||||
.vtc_top{vertical-align:top;}
|
||||
.vtc_mid{vertical-align:middle;}
|
||||
.vtc_bottom{vertical-align:bottom;}
|
||||
|
||||
.table_type_cols table{width:100%;margin:20px 0 0 0;border-top:3px solid #2e40ba;font-size:1.7rem;text-align:center;}
|
||||
.table_type_cols table thead th{height:58px;border-bottom:1px solid #c9c9c9;background:#f4f5f7;vertical-align:middle;}
|
||||
.table_type_cols table tbody tr{border-bottom:1px solid #d8d8d8;}
|
||||
@ -63,6 +71,19 @@
|
||||
.table_type_cols table tbody td.list_none{color:#666;}
|
||||
.table_type_cols table tbody td .list_title{color:#333;text-align:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
|
||||
|
||||
.table_type_cols.line th,.table_type_cols.line td{color:#333;border-right:1px solid #d8d8d8;}
|
||||
.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_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 td{height:60px;padding:5px 16px;border-bottom:1px solid #dbdbdb;vertical-align:middle;}
|
||||
.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);}
|
||||
.table_type_rows+.cf_text{margin:15px 0 0 0;}
|
||||
|
||||
|
||||
/* view */
|
||||
.list_view{margin:40px 0 0 0;}
|
||||
.list_view_tit{border-bottom:1px solid #c9c9c9;padding:24px;font-size:2.1rem;font-weight:bold;color:#333;border-top:3px solid #2e40ba;background:#f4f5f7;}
|
||||
@ -93,7 +114,7 @@
|
||||
.tab_06 li{width:calc(100% / 6);}
|
||||
.tab_07 li{width:calc(100% / 7);}
|
||||
|
||||
.tab{width:100%;height:60px;font-size:1.7rem;font-weight:400;color:#333;}
|
||||
.tab{width:100%;height:60px;font-size:1.8rem;font-weight:400;color:#333;}
|
||||
.tab.active{font-weight:bold;}
|
||||
|
||||
.tabs.blue_fill{background:#f4f5f7;border:1px solid #d8d8d8;border-radius:5px;}
|
||||
@ -116,6 +137,13 @@
|
||||
.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;}
|
||||
|
||||
.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;}
|
||||
.file_upload_wrap li a{display:flex;max-width:calc(100% - 30px);font-size:1.5rem;color:#333;padding:0 15px 0 0;background:#f4f5f7;border-radius:5px;align-items:center;}
|
||||
.file_upload_wrap li a .file_name{max-width:calc(100% - 130px);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
|
||||
.file_upload_wrap li a .file_size{font-size:1.4rem;font-weight:300;color:#666;margin:0 0 0 35px;}
|
||||
|
||||
/* info_ul */
|
||||
.info_ul{display:flex;flex-direction:column;gap:25px;}
|
||||
.info_ul .btn_wrap{margin:20px 0 0 0;}
|
||||
@ -125,8 +153,29 @@
|
||||
.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;}
|
||||
|
||||
/* 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;}
|
||||
.process_step_wrap li.active{border:2px solid #2e40ba;color:#2e40ba;box-shadow:0 0 10px rgba(22,28,45,0.25);}
|
||||
.process_step_wrap li::before{position:absolute;content:"";width:64px;height:2px;background:#e8e8e8;left:100%;z-index:-1;}
|
||||
.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 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;}
|
||||
|
||||
.box_complete{padding:50px 0;text-align:center;}
|
||||
.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;}
|
||||
|
||||
/* ==================== 테블릿 ==================== */
|
||||
@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.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 */
|
||||
.sub_visual{margin:0;}
|
||||
.lnb{display:none;}
|
||||
@ -160,17 +209,42 @@
|
||||
.table_top{flex-wrap:wrap;}
|
||||
.table_top .list_total_number{font-size:3.4rem;}
|
||||
.table_top .search_wrap{width:100%;margin:40px 0 0 0;}
|
||||
.table_top.title .cf_text{font-size:3rem;}
|
||||
|
||||
.table_type_cols table{font-size:3.4rem;}
|
||||
|
||||
.table_type_cols colgroup,.table_type_cols thead{display:none;}
|
||||
.table_type_cols table tbody tr{position:relative;display:flex;min-height:120px;padding:30px 40px 30px 120px;flex-wrap:wrap;align-items:center;justify-content:flex-start;box-sizing:border-box;gap:20px;}
|
||||
.table_type_cols table tbody tr.tr_list_none{justify-content:center;padding:0;}
|
||||
.table_type_cols table tbody td{max-width:50%;height:auto;order:5;background:none;}
|
||||
.table_type_cols table tbody td.list_none{display:flex;max-width:100%;height:40px;align-items:center;justify-content:center;text-align:center;}
|
||||
.table_type_cols table tbody .table_number{position:absolute;width:110px;left:0;top:50%;transform:translateY(-50%);}
|
||||
.table_type_cols table tbody .td_title{width:100%;max-width:100%;order:1;white-space:wrap;}
|
||||
.table_type_cols 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 table tbody .td_icon{display:inline-block !important;margin:-5px 13px 0 0;}
|
||||
.table_type_cols:not(.mobile_view_table) colgroup,.table_type_cols:not(.line) thead{display:none;}
|
||||
.table_type_cols:not(.mobile_view_table) table tbody tr{position:relative;display:flex;min-height:120px;padding:30px 40px 30px 120px;flex-wrap:wrap;align-items:center;justify-content:flex-start;box-sizing:border-box;gap:20px;}
|
||||
.table_type_cols:not(.mobile_view_table) table tbody tr.tr_list_none{justify-content:center;padding:0;}
|
||||
.table_type_cols:not(.mobile_view_table) table tbody td{max-width:50%;height:auto;order:5;background:none;}
|
||||
.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_icon{display:inline-block !important;margin:-5px 13px 0 0;}
|
||||
|
||||
.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;}
|
||||
.mobile_view_table table tbody td{white-space:wrap;overflow:visible;text-overflow:unset;}
|
||||
|
||||
.table_type_rows table{font-size:3.4rem;margin:20px 0 0 0;border-top:4px solid #2e40ba;}
|
||||
.table_type_rows colgroup{display:none;}
|
||||
.table_type_rows table tr{display:flex;flex-wrap:wrap;}
|
||||
.table_type_rows table tbody th,.table_type_rows table tbody td{display:flex;width:100%;min-height:116px;height:auto;padding:15px 20px;align-items:center;}
|
||||
.table_type_rows table tbody th{padding:15px 45px;}
|
||||
|
||||
.table_type_rows table .select{font-size:3.2rem;padding:0 28px;background-position:calc(100% - 28px);}
|
||||
|
||||
.table_type_rows table .phone_wrap{width:100%;}
|
||||
.table_type_rows table .phone_wrap *,.table_type_rows table .phone_wrap .input_text{width:calc((100% / 3) - 20px);}
|
||||
|
||||
.table_type_rows table .email_wrap{display:flex;flex-wrap:wrap;align-items:center;gap:20px;}
|
||||
.table_type_rows table .email_wrap .input_email:first-child{width:calc(100% - 80px);}
|
||||
.table_type_rows table .email_wrap .input_email:nth-child(2){width:55%;}
|
||||
.table_type_rows table .email_wrap .email_select{width:calc(45% - 20px);}
|
||||
|
||||
.table_type_rows table+.cf_text{margin:30px 0 0 0;}
|
||||
|
||||
|
||||
/* view */
|
||||
.list_view_tit{font-size:4.2rem;line-height:1.5;}
|
||||
@ -184,19 +258,61 @@
|
||||
|
||||
/* box */
|
||||
.box{padding:40px;margin:40px 0 0 0;border-radius:10px;font-size:3.4rem;}
|
||||
.box.gray_border.gray_fill{font-size:3.8rem;}
|
||||
|
||||
/* tab */
|
||||
.tab{height:120px;font-size:3.4rem;}
|
||||
.tab{height:120px;font-size:3.4rem;}
|
||||
|
||||
.tabs.blue_fill .tab::after{width:2px;height:52px;top:50%;transform:translateY(-50%);}
|
||||
|
||||
.tab_03 li{width:calc(100% / 2);}
|
||||
.tabs.blue_fill.tab_03 :nth-last-child(-n+3) .tab{border-bottom:1px solid #d8d8d8;}
|
||||
.tabs.blue_fill.tab_03 :nth-last-child(-n+2) .tab{border-bottom:0;}
|
||||
.tabs.blue_fill.tab_03 :nth-child(3n) .tab::after{display:block;}
|
||||
.tabs.blue_fill.tab_03 :nth-child(2n) .tab::after{display:none;}
|
||||
|
||||
/* info_ul */
|
||||
.info_ul .btn_wrap{margin:40px 0 0 0;}
|
||||
|
||||
.sub_info_ul{margin:16px 0 0 0;font-size:3.2rem;gap:20px;}
|
||||
.sub_info_ul li{padding:0 0 0 20px;margin:0 0 0 42px;}
|
||||
.sub_info_ul li::after{font-size:3.2rem;}
|
||||
|
||||
/* file_list */
|
||||
.file_upload_wrap{width:100%;flex-wrap:wrap;}
|
||||
.file_upload_wrap .file_button{width:100%;}
|
||||
.input_file+.file{width:100%;}
|
||||
.file_upload_wrap .file_list{width:100%;margin:20px 0 0 0;}
|
||||
.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;}
|
||||
|
||||
/* 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;}
|
||||
.process_step_wrap li.active{border:4px solid #2e40ba;}
|
||||
.process_step_wrap li::after{display:none;}
|
||||
.process_step_wrap li .step{width:100%;height:60px;margin:0 0 17px 0;order:1;}
|
||||
.process_step_wrap li p{width:100%;font-size:2.8rem;text-align:center;order:2;}
|
||||
.process_step_wrap li p span{font-size:2.8rem;}
|
||||
|
||||
.box_complete{padding:90px 0;}
|
||||
.box_complete i.icon.process.complete{width:220px;height:220px;margin:0 auto 50px auto;background:url(/kofair_case_seed/usr/images/component/icon_process_complete_m.png) no-repeat center center;}
|
||||
.box_complete .gMarket_bold{font-size:6rem;}
|
||||
}
|
||||
|
||||
|
||||
/* ==================== 모바일 ==================== */
|
||||
@media screen and (max-width: 767px){
|
||||
|
||||
/* 아이콘 */
|
||||
.icon.file.clip{width:40px;height:40px;background-size:auto 100%;}
|
||||
.icon.delete.gray_fill{width:30px;height:30px;background-size:auto 100%;}
|
||||
|
||||
/* sub layout */
|
||||
.sub_visual{height:80px;background-size:auto 100%;background-position:right center;}
|
||||
.sub_visual h2{font-size:2.1rem;}
|
||||
|
||||
.page_location{height:40px;gap:25px;}
|
||||
.page_location{min-height:40px;height:auto;gap:0 25px;flex-wrap:wrap;}
|
||||
.page_location li{font-size:1.6rem;}
|
||||
.page_location li::after{width:7px;height:13px;background:url(/kofair_case_seed/usr/images/component/icon_arrow_right.png) no-repeat center center;top:5px;right:-15px;}
|
||||
.page_location .icon.home{width:19px;height:19px;background:url(/kofair_case_seed/usr/images/component/icon_home.png) no-repeat center center;}
|
||||
@ -217,10 +333,31 @@
|
||||
/* table */
|
||||
.table_top .list_total_number{font-size:1.7rem;}
|
||||
.table_top .search_wrap{margin:20px 0 0 0;}
|
||||
.table_top.title .cf_text{font-size:1.5rem;}
|
||||
|
||||
.table_type_cols table{font-size:1.7rem;}
|
||||
.table_type_cols table tbody tr{min-height:60px;padding:15px 20px 15px 60px;gap:10px;}
|
||||
.table_type_cols table tbody .table_number{width:50px;}
|
||||
.table_type_cols table tbody .td_icon{width:16px;height:16px;background-size:100% auto;margin:-3px 6.5px 0 0;}
|
||||
.table_type_cols:not(.mobile_view_table) table tbody tr{min-height:60px;padding:15px 20px 15px 60px;gap:10px;}
|
||||
.table_type_cols:not(.mobile_view_table) table tbody .table_number{width:50px;}
|
||||
.table_type_cols:not(.mobile_view_table) table tbody .td_icon{width:16px;height:16px;background-size:100% auto;margin:-3px 6.5px 0 0;}
|
||||
|
||||
.mobile_view_table table{margin:20px 0 0 0;border-top:2px solid #2e40ba;}
|
||||
.mobile_view_table table thead th,.mobile_view_table table tbody td{height:50px;border-bottom:1px solid #d8d8d8;border-right:1px solid #d8d8d8;}
|
||||
|
||||
.table_type_rows table{font-size:1.7rem;margin:10px 0 0 0;border-top:2px solid #2e40ba;}
|
||||
.table_type_rows table tbody th,.table_type_rows table tbody td{display:flex;min-height:58px;padding:7px 10px;}
|
||||
.table_type_rows table tbody th{padding:7px 22.5px;}
|
||||
|
||||
.table_type_rows table .select{font-size:1.6rem;padding:0 14px;background-position:calc(100% - 14px);}
|
||||
|
||||
.table_type_rows table .phone_wrap{width:100%;}
|
||||
.table_type_rows table .phone_wrap *,.table_type_rows table .phone_wrap .input_text{width:calc((100% / 3) - 10px);}
|
||||
|
||||
.table_type_rows table .email_wrap{gap:10px;}
|
||||
.table_type_rows table .email_wrap .input_email:first-child{width:calc(100% - 40px);}
|
||||
.table_type_rows table .email_wrap .input_email:nth-child(2){width:55%;}
|
||||
.table_type_rows table .email_wrap .email_select{width:calc(45% - 10px);}
|
||||
|
||||
.table_type_rows table+.cf_text{margin:30px 0 0 0;}
|
||||
|
||||
/* view */
|
||||
.list_view_tit{font-size:2.1rem;}
|
||||
@ -234,10 +371,36 @@
|
||||
|
||||
/* box */
|
||||
.box{padding:20px;margin:20px 0 0 0;border-radius:5px;font-size:1.7rem;}
|
||||
.box.gray_border.gray_fill{font-size:1.9rem;;}
|
||||
|
||||
/* tab */
|
||||
.tab{height:60px;font-size:1.7rem;}
|
||||
.tabs.blue_fill .tab::after{width:1px;height:26px;}
|
||||
|
||||
/* info_ul */
|
||||
.info_ul .btn_wrap{margin:20px 0 0 0;}
|
||||
|
||||
.sub_info_ul{margin:8px 0 0 0;font-size:1.6rem;gap:10px;}
|
||||
.sub_info_ul li{padding:0 0 0 10px;margin:0 0 0 21px;}
|
||||
.sub_info_ul li::after{font-size:1.6rem;}
|
||||
|
||||
/* 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;}
|
||||
|
||||
/* step */
|
||||
.process_step_wrap{gap:20px;}
|
||||
.process_step_wrap li{padding:15px;border:2px solid #e4e4e4;border-radius:10px;}
|
||||
.process_step_wrap li.active{border:2px solid #2e40ba;}
|
||||
.process_step_wrap li::after{display:none;}
|
||||
.process_step_wrap li .step{width:100%;height:30px;margin:4px 0 9px 0;}
|
||||
.process_step_wrap li p{width:100%;font-size:1.4rem;}
|
||||
.process_step_wrap li p span{font-size:1.4rem;}
|
||||
|
||||
.box_complete i.icon.process.complete{width:110px;height:110px;border-radius:100%;background-size:100%;margin:30px auto 25px auto;}
|
||||
.box_complete .gMarket_bold{font-size:3rem;}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 499px){
|
||||
|
||||
Loading…
Reference in New Issue
Block a user