2024/11/04 전체메뉴 추가

This commit is contained in:
subsub 2024-11-04 09:40:25 +09:00
parent af3e3140e1
commit 3503e3a758
5 changed files with 110 additions and 4 deletions

View File

@ -128,6 +128,99 @@
</button>
</div>
</nav>
<div class="full_all_menu">
<div class="top_area">
<div class="inner">
<h1 class="logo"><a href="./index.html" title="메인으로 이동"><img src="/kofair_case_seed/usr/images/layout/header_logo.png" alt="한국공정거래조정원 KOREA FAIR TRADE MEDIATION AGENCY"></a></h1>
<button type="button" class="btn only_icon btn_menu_close"><i class="icon menu close"></i></button>
</div>
</div>
<nav class="nav">
<div class="inner">
<ul class="menu_ul">
<li>
<a href="#none" class="menu_title">분쟁조정안내</a>
<ul class="depth02_ul">
<li>
<a href="#none" class="depth02">분쟁조정 안내</a>
<ul class="depth03_ul">
<li><a href="#none">분쟁조정제도</a></li>
<li><a href="#none">분쟁조정절차</a></li>
<li><a href="#none">분쟁조정관련 서식</a></li>
<li><a href="#none">법령자료실</a></li>
<li><a href="#none">자료실</a></li>
</ul>
</li>
<li>
<a href="#none" class="depth02">자주하는 질문</a>
<ul class="depth03_ul">
<li><a href="#none">조정신청 관련 질문</a></li>
<li><a href="#none">절차진행 관련 질문</a></li>
<li><a href="#none">(성립/불성립)절차종료 관련 질문</a></li>
<li><a href="#none">(기타)절차종결 관련 질문</a></li>
</ul>
</li>
<li>
<a href="#none" class="depth02">뉴스레터</a>
<ul class="depth03_ul">
<li><a href="#none">뉴스레터 자료</a></li>
<li><a href="#none">뉴스레터 서비스</a></li>
</ul>
</li>
<li>
<a href="#none" class="depth02">공지사항</a>
</li>
<li>
<a href="#none" class="depth02">오시는 길</a>
</li>
</ul>
</li>
<li>
<a href="#none" class="menu_title">분쟁조정 신청</a>
<ul class="depth02_ul">
<li><a href="#none" class="depth02">분쟁조정 신청하기</a></li>
<li><a href="#none" class="depth02">분쟁조정 사건조회</a></li>
</ul>
</li>
<li>
<a href="#none" class="menu_title">분쟁조정 상담</a>
<ul class="depth02_ul">
<li>
<a href="#none" class="depth02">상담신청</a>
<ul class="depth03_ul">
<li><a href="#none">분쟁조정 상담</a></li>
<li><a href="#none">무료법률 상담</a></li>
<li><a href="#none">실시간 상담 <i class="icon outlink"></i></a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="#none" class="menu_title">분쟁조정 사례</a>
<ul class="depth02_ul">
<li><a href="#none" class="depth02">공정거래</a></li>
<li><a href="#none" class="depth02">가맹사업거래</a></li>
<li><a href="#none" class="depth02">하도급거래</a></li>
<li><a href="#none" class="depth02">대규모유통업거래</a></li>
<li><a href="#none" class="depth02">불공정약관</a></li>
<li><a href="#none" class="depth02">대리점 거래</a></li>
</ul>
</li>
<li>
<a href="#none" class="menu_title">마이페이지</a>
<ul class="depth02_ul">
<li><a href="#none" class="depth02">본인인증</a></li>
<li><a href="#none" class="depth02">분쟁조정 신청현황</a></li>
<li><a href="#none" class="depth02">분쟁조정 상담신청</a></li>
<li><a href="#none" class="depth02">법률상담예약</a></li>
</ul>
</li>
</ul>
</div>
</nav>
</div>
<!-- //전체메뉴 -->
<div class="mobile_header">
<div class="header_wrap">

View File

@ -24,7 +24,7 @@
.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 .box.gray_border{margin:40px 0 0 0;max-height:400px;overflow:auto;line-height:1.4;}
.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;}

View File

@ -70,6 +70,12 @@
.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;}
/* 분쟁조정 절차 */
.process_content .box.gray_border .info_ul{margin:80px 0 0 40px;padding:0 40px;font-size:3.4rem;text-indent:-34px;gap:12px;}
.process_content .info_ul.text dd{font-size:3.4rem;margin:20px 0 60px 0;padding:0 0 0 50px;}
.process_content .info_ul.text dd .color_brown{font-size:3.4rem;}
.process_content .terms_info p{font-size:3.4rem;margin:20px 0 0 0;}
/* 분쟁조정 제도 */
.system_info{margin:80px 0 0 0;}
.system_info .system_dl dt{margin:60px 0 0 0;}
@ -111,6 +117,12 @@
.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;}
/* 분쟁조정 절차 */
.process_content .box.gray_border .info_ul{margin:40px 0 0 20px;padding:0;font-size:1.7rem;text-indent:-17px;gap:6px;}
.process_content .info_ul.text dd{font-size:1.7rem;margin:10px 0 30px 0;padding:0 0 0 25px;}
.process_content .info_ul.text dd .color_brown{font-size:1.7rem;}
.process_content .terms_info p{font-size:1.7rem;margin:10px 0 0 0;}
/* 오시는 길 */
.map_box{padding:15px;}

View File

@ -1,5 +1,5 @@
/* 분쟁조정 신청 */
.apl03_info_content.apl01 .box.gray_border{max-height:384px;overflow:auto;}
.apl03_info_content.apl01 .box.gray_border{max-height:384px;overflow:auto;line-height:1.4;}
.apl03_info_content.apl01 .box.gray_fill .title,.apl03_info_content.apl01 .box.gray_border .title{margin:0 0 20px 0;}
.apl03_info_content.apl01 .box.gray_fill .title+p,.apl03_info_content.apl01 .box.gray_border .title+p{margin:0 0 20px 0;}
.apl03_info_content.apl01 .box.gray_fill .sub_dl,.apl03_info_content.apl01 .box.gray_border .sub_dl{display:flex;color:#666;flex-direction:column;gap:4px;}
@ -12,7 +12,7 @@
.apl03_info_content.apl01 .check_wrap .checkbox{margin:-3px 10px 0 0;}
.apl03_info_content.apl01 .check_wrap label{color:#888;}
.apl03_info_content.apl01 .check_wrap :checked+label{color:#333;}
.apl_info_content.apl02 .gray_border.box{max-height:384px;overflow:auto;}
.apl_info_content.apl02 .gray_border.box{max-height:384px;overflow:auto;line-height:1.4;}
.apl_info_content.apl02 .gray_border.box .title{font-size:1.9rem;font-weight:500;}
.apl_info_content.apl02 .gray_border.box .title+p{margin:30px 0 0 0;}
.apl_info_content.apl02 .sub_dl{display:flex;margin:30px 0;font-size:1.7rem;color:#666;flex-direction:column;gap:6px;}

View File

@ -106,7 +106,8 @@
.list_view_wrap .view_info{display:flex;padding:18px 24px;font-size:1.7rem;color:#666;border-bottom:1px solid #c9c9c9;flex-wrap:wrap;gap:15px;}
.list_view_wrap .view_info .icon{display:none;}
.list_view_wrap .view_info .view_info_tit{display:inline-block;color:#888;}
.list_view_wrap .view_content{font-size:1.7rem;padding:40px 24px;border-bottom:1px solid #d8d8d8;}
.list_view_wrap .view_content{font-size:1.7rem;padding:40px 24px;border-bottom:1px solid #d8d8d8;line-height:1.4;}
.list_view_wrap .view_content *{font-family:'Noto Sans KR', sans-serif !important;font-weight:300;color:#222;transform: skew(-0.1deg);}
/* box */
.box{padding:30px;margin:20px 0 0 0;border-radius:5px;font-size:1.7rem;font-weight:400;color:#333;}