2024/11/04 전체메뉴 추가

src/main/webapp/WEB-INF/jsp/web/com/webCommonHeader.jsp

@@ -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">

src/main/webapp/kofair_case_seed/usr/style/counsel.css

@@ -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;}

src/main/webapp/kofair_case_seed/usr/style/info.css

@@ -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;}
@@ -112,6 +118,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;}
    .map_box .adress_ul{gap:8px;}

src/main/webapp/kofair_case_seed/usr/style/request.css

@@ -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;}

src/main/webapp/kofair_case_seed/usr/style/style.css

@@ -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;}