From 16a437f7aec77643940cb5242f85d77b3add265e Mon Sep 17 00:00:00 2001
From: subsub <subsub8729@kakao.com>
Date: Thu, 7 Nov 2024 17:11:09 +0900
Subject: [PATCH] =?UTF-8?q?2024/11/07=20=ED=86=B5=ED=95=A9=EA=B2=80?=
 =?UTF-8?q?=EC=83=89=20=EC=B6=94=EA=B0=80,=20=ED=86=B5=EA=B3=84=20?=
 =?UTF-8?q?=EB=A0=88=EC=9D=B4=EC=95=84=EC=9B=83=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../manager/statistics/siteStatisticsList.jsp |  53 +++---
 .../kofair_case_seed/adm/style/common.css     |   6 +-
 .../kofair_case_seed/adm/style/style.css      |   6 +
 .../kofair_case_seed/usr/scripts/layout.js    |   1 -
 .../kofair_case_seed/usr/style/style.css      |  62 ++++++
 .../usr/total_search_page.html                | 179 ++++++++++++++++++
 .../usr/total_search_page_detail.html         | 171 +++++++++++++++++
 7 files changed, 451 insertions(+), 27 deletions(-)
 create mode 100644 src/main/webapp/kofair_case_seed/usr/total_search_page.html
 create mode 100644 src/main/webapp/kofair_case_seed/usr/total_search_page_detail.html

diff --git a/src/main/webapp/WEB-INF/jsp/manager/statistics/siteStatisticsList.jsp b/src/main/webapp/WEB-INF/jsp/manager/statistics/siteStatisticsList.jsp
index 3cc0aaec..c0cb7faf 100644
--- a/src/main/webapp/WEB-INF/jsp/manager/statistics/siteStatisticsList.jsp
+++ b/src/main/webapp/WEB-INF/jsp/manager/statistics/siteStatisticsList.jsp
@@ -24,7 +24,7 @@
 					</div>
 				</div> -->
 			</div>
-			<div class="sch-content-wrap clear">
+			<div class="search_detail clear statistics_title">
 				<form:form name="frmSearch" id="frmSearch" action="/gtm/${siteIdx}/siteStatisticsList.do" method="post">
 					<input type="hidden" name="page" value="1" />
 					<input type="hidden" name="row" value="<c:out escapeXml='true' value='${row}' />" />
@@ -35,36 +35,43 @@
 					<fieldset>
 					
 						<legend>검색 폼</legend>
+						<ul class="search_ul">
+							<li>
+								<select name="year" id="yearStr" title="<s:message code="common.select.option.value"/>" class="sch-select"></select>
+							</li>
+							<li>
+								<select name="month" id="monthStr" title="<s:message code="common.select.option.value"/>" class="sch-select">
+									<option value="1" <c:if test="${monthStr == '1'}">selected="selected"</c:if>>1월</option>
+									<option value="2" <c:if test="${monthStr == '2'}">selected="selected"</c:if>>2월</option>
+									<option value="3" <c:if test="${monthStr == '3'}">selected="selected"</c:if>>3월</option>
+									<option value="4" <c:if test="${monthStr == '4'}">selected="selected"</c:if>>4월</option>
+									<option value="5" <c:if test="${monthStr == '5'}">selected="selected"</c:if>>5월</option>
+									<option value="6" <c:if test="${monthStr == '6'}">selected="selected"</c:if>>6월</option>
+									<option value="7" <c:if test="${monthStr == '7'}">selected="selected"</c:if>>7월</option>
+									<option value="8" <c:if test="${monthStr == '8'}">selected="selected"</c:if>>8월</option>
+									<option value="9" <c:if test="${monthStr == '9'}">selected="selected"</c:if>>9월</option>
+									<option value="10" <c:if test="${monthStr == '10'}">selected="selected"</c:if>>10월</option>
+									<option value="11" <c:if test="${monthStr == '11'}">selected="selected"</c:if>>11월</option>
+									<option value="12" <c:if test="${monthStr == '12'}">selected="selected"</c:if>>12월</option>
+								</select>
+							</li>
+							<li>
+								<button type="submit" class="btn btn_text btn_36 blue_border btn-page-sch"><s:message code="common.button.search"/></button>							
+							</li>
+						</ul>
 						
-						<select name="year" id="yearStr" title="<s:message code="common.select.option.value"/>" class="sch-select">
-						</select>
-						
-						<select name="month" id="monthStr" title="<s:message code="common.select.option.value"/>" class="sch-select">
-							<option value="1" <c:if test="${monthStr == '1'}">selected="selected"</c:if>>1월</option>
-							<option value="2" <c:if test="${monthStr == '2'}">selected="selected"</c:if>>2월</option>
-							<option value="3" <c:if test="${monthStr == '3'}">selected="selected"</c:if>>3월</option>
-							<option value="4" <c:if test="${monthStr == '4'}">selected="selected"</c:if>>4월</option>
-							<option value="5" <c:if test="${monthStr == '5'}">selected="selected"</c:if>>5월</option>
-							<option value="6" <c:if test="${monthStr == '6'}">selected="selected"</c:if>>6월</option>
-							<option value="7" <c:if test="${monthStr == '7'}">selected="selected"</c:if>>7월</option>
-							<option value="8" <c:if test="${monthStr == '8'}">selected="selected"</c:if>>8월</option>
-							<option value="9" <c:if test="${monthStr == '9'}">selected="selected"</c:if>>9월</option>
-							<option value="10" <c:if test="${monthStr == '10'}">selected="selected"</c:if>>10월</option>
-							<option value="11" <c:if test="${monthStr == '11'}">selected="selected"</c:if>>11월</option>
-							<option value="12" <c:if test="${monthStr == '12'}">selected="selected"</c:if>>12월</option>
-						</select>
-						
-						<button type="submit" class="btn-page-sch"><s:message code="common.button.search"/></button>
 					</fieldset>
 				</form:form>
 			</div>
 		</div>		
-		<div id="month_chart" class="chart"></div>					
+		<div class="chart_wrap">
+			<div id="month_chart" class="chart"></div>
+		</div>					
 			
 		
 		
-		<div class="btn-area">
-			<a class="btn-normal lightgray" href="/gtm/proc/<c:out escapeXml='true' value='${siteIdx}' />/siteStatisticsExcelList.do?year=${yearStr}&amp;month=<c:out escapeXml='true' value='${monthStr}' />"><s:message code="common.button.excel"/></a>
+		<div class="btn_wrap">
+			<a class="btn btn_text btn_46 excel_download" href="/gtm/proc/<c:out escapeXml='true' value='${siteIdx}' />/siteStatisticsExcelList.do?year=${yearStr}&amp;month=<c:out escapeXml='true' value='${monthStr}' />"><s:message code="common.button.excel"/></a>
 		</div>
 
 		<script>		
diff --git a/src/main/webapp/kofair_case_seed/adm/style/common.css b/src/main/webapp/kofair_case_seed/adm/style/common.css
index f2592d79..e255b306 100644
--- a/src/main/webapp/kofair_case_seed/adm/style/common.css
+++ b/src/main/webapp/kofair_case_seed/adm/style/common.css
@@ -10,7 +10,7 @@
 .btn_wrap .area_left,.btn_wrap .area_right{display:flex;align-items:center;gap:8px;}
 
 .btn{display:inline-block;padding:0;color:#333;border-radius:5px !important;transition:all 0.2s ease-in-out;}
-label.btn{display:inline-flex;justify-content:center;align-items:center;}
+label.btn, a.btn{display:inline-flex;justify-content:center;align-items:center;}
 .btn.btn_text{padding:0 18px;}
 .btn.round{border-radius:100%;}
 .btn.only_icon{padding:0;}
@@ -36,8 +36,8 @@ label.btn{display:inline-flex;justify-content:center;align-items:center;}
 .btn.red_fill{background:#e40000 !important;color:#fff !important;}
 .btn.green_fill{background:#009541 !important;color:#fff !important;}
 
-.btn.excel_download{background:#fff url(/kofair_case_seed/adm/images/component/icon_excel_down.png) no-repeat 16px 10px !important;padding:0 18px 0 40px !important;border:1px solid #009541;color:#009541 !important;}
-.btn.excel_upload{background:#fff url(/kofair_case_seed/adm/images/component/icon_excel_get.png) no-repeat 16px 10px !important;padding:0 18px 0 40px !important;border:1px solid #009541;color:#009541 !important;}
+.btn.excel_download{background:#fff url(/kofair_case_seed/adm/images/component/icon_excel_down.png) no-repeat 16px 51.5% !important;padding:0 18px 0 40px !important;border:1px solid #009541;color:#009541 !important;}
+.btn.excel_upload{background:#fff url(/kofair_case_seed/adm/images/component/icon_excel_get.png) no-repeat 16px 51.5% !important;padding:0 18px 0 40px !important;border:1px solid #009541;color:#009541 !important;}
 
 /* input */
 input[type="text"],input[type="search"],input[type="password"]{height:36px;padding:0 10px;font-size:14px;border:1px solid #d5d5d5 !important;border-radius:5px !important;box-shadow:none !important;}
diff --git a/src/main/webapp/kofair_case_seed/adm/style/style.css b/src/main/webapp/kofair_case_seed/adm/style/style.css
index 3ab2b469..23c27429 100644
--- a/src/main/webapp/kofair_case_seed/adm/style/style.css
+++ b/src/main/webapp/kofair_case_seed/adm/style/style.css
@@ -259,6 +259,12 @@ div.webnote_toolbar_container{display:flex;}
 /* 아이디 중복확인 */
 .id_duplication_popup .popup_sub_tit{margin:0 0 30px 0;}
 
+/* 통계 */
+.statistics_title.search_detail .search_ul{gap:10px;}
+.statistics_title.search_detail .search_ul select{width:150px;}
+
+.chart_wrap{min-height:300px;padding:30px;border:3px solid #e8e8e8;border-radius:5px;}
+
 /* slide_wrap */
 .slide_wrap .cs-panel{border:0;border-radius:0;box-shadow:none;}
 .slide_wrap .cs-panel-heading{padding:0;margin:0 0 20px 0;border:0;border-radius:0;background:#fff;}
diff --git a/src/main/webapp/kofair_case_seed/usr/scripts/layout.js b/src/main/webapp/kofair_case_seed/usr/scripts/layout.js
index c60367c7..1fb62c9c 100644
--- a/src/main/webapp/kofair_case_seed/usr/scripts/layout.js
+++ b/src/main/webapp/kofair_case_seed/usr/scripts/layout.js
@@ -94,7 +94,6 @@ function header() {
   
   $(".header a").each(function(idx,itm){
 	  var menuText = $(itm).text().trim();
-	  console.log(menuText);
 	  if(menuText == "실시간 상담"){
 		  $(itm).html("실시간 상담 <i class='icon outlink' style='margin:0 0 0 5px;'></i>")
 	  }
diff --git a/src/main/webapp/kofair_case_seed/usr/style/style.css b/src/main/webapp/kofair_case_seed/usr/style/style.css
index 18e7c463..fd203c87 100644
--- a/src/main/webapp/kofair_case_seed/usr/style/style.css
+++ b/src/main/webapp/kofair_case_seed/usr/style/style.css
@@ -245,6 +245,25 @@
 .calendar .duet-date__day[aria-pressed=true],.calendar .duet-date__day:focus{background:#2870ed;color:#fff;} /* 달력 날짜 선택 */
 .calendar .duet-date__close{display:flex !important;position:absolute;width:26px;height:26px;border:1px solid #d8d8d8;border-radius:5px;background:#fff;right:25px;bottom:15px;opacity:1 !important;} /* 달력 닫기 */
 
+/* 통합검색 */
+.total_search .search_form{display:flex;width:100%;min-height:100px;padding:30px 0;margin:30px 0;border-radius:5px;background:#f4f5f7;justify-content:center;align-items:center;gap:10px;}
+.total_search .search_form input{width:590px;}
+.total_search .search_result{text-align:center;font-size:2rem;color:#222;}
+
+.total_search .search_category{display:flex;align-items:flex-end;gap:11px;}
+.total_search .search_result_wrap{margin:40px 0 0 0;}
+.total_search .search_result_wrap:first-child{margin:0;}
+.total_search .search_result_wrap .title{font-size:2.5rem;color:#222;}
+.total_search .search_result_wrap .list_number{font-size:1.7rem;color:#666;}
+
+.total_search .search_list{width:100%;margin:20px 0 0 0;border-top:3px solid #2e40ba;}
+.total_search .search_list li{position:relative;padding:26px 13px;border-bottom:1px solid #d8d8d8;}
+.total_search .search_list li.search_none{display:inline-flex;width:100%;height:100px;font-size:1.7rem;color:#666;justify-content:center;align-items:center;}
+.total_search .search_list li .list_title{display:block;width:100%;font-size:1.9rem;font-weight:500;color:#222;line-height:1.4;}
+.total_search .search_list li .category{display:block;margin:8px 0 0 0;font-size:1.6rem;color:#666;}
+.total_search .search_list li .date{position:absolute;font-size:1.6rem;color:#888;right:0;top:50%;transform:translateY(-50%);}
+
+
 /* ==================== 테블릿 ==================== */
 @media screen and (max-width: 1199px){
 
@@ -409,6 +428,28 @@
    .calendar .duet-date__close{bottom:22px;right:50px;}
    .calendar .duet-date__prev svg, .calendar .duet-date__next svg,.calendar .duet-date__close svg{width:40px;height:40px;}
 
+   /* 통합검색 */
+  .total_search .search_form{padding:35px 30px;margin:60px 0;border-radius:10px;gap:20px;}
+  .total_search .search_form input{width:calc(100% - 110px);}
+  .total_search .search_result{font-size:4rem;}
+
+  .total_search .search_category{gap:22px;}
+  .total_search .search_result_wrap{margin:80px 0 0 0;}
+  .total_search .search_result_wrap:first-child{margin:0;}
+  .total_search .search_result_wrap .title{font-size:5rem;color:#222;}
+  .total_search .search_result_wrap .list_number{font-size:3.4rem;color:#666;}
+
+  .total_search .search_list{margin:40px 0 0 0;border-top:6px solid #2e40ba;}
+  .total_search .search_list li{padding:50px 20px;border-bottom:2px solid #d8d8d8;}
+  .total_search .search_list li a{display:flex;flex-wrap:wrap;}
+  .total_search .search_list li.search_none{height:110px;font-size:3.4rem;}
+  .total_search .search_list li .list_title{font-size:3.8rem;}
+  .total_search .search_list li .category{margin:30px 0 0 0;font-size:3.2rem;}
+  .total_search .search_list li .date{font-size:3.2rem;right:20px;top:auto;bottom:50px;transform:none;}
+
+  .total_search .btn_wrap.right{margin:60px 0 0 0;justify-content:center;}
+  .total_search .btn_wrap.right button{width:25%;}
+
 
 }
 
@@ -543,6 +584,27 @@
   .search_wrap .calendar_term .duet-date__input{font-size:1.5rem;}
   .search_wrap .input_calendar .duet-date__toggle{width:40px;top:-1px;}
   .search_wrap .select{background:#fff url(/kofair_case_seed/usr/images/component/icon_select.png) no-repeat calc(100% - 16px) calc(50% - 1px);}
+
+  /* 통합검색 */
+  .total_search .search_form{padding:17.5px 15px;margin:30px 0;border-radius:5px;gap:10px;}
+  .total_search .search_form input{width:calc(100% - 110px);}
+  .total_search .search_result{font-size:2rem;}
+
+  .total_search .search_category{gap:11px;}
+  .total_search .search_result_wrap{margin:40px 0 0 0;}
+  .total_search .search_result_wrap:first-child{margin:0;}
+  .total_search .search_result_wrap .title{font-size:2.5rem;}
+  .total_search .search_result_wrap .list_number{font-size:1.7rem;}
+
+  .total_search .search_list{margin:20px 0 0 0;border-top:3px solid #2e40ba;}
+  .total_search .search_list li{padding:25px 10px;border-bottom:1px solid #d8d8d8;}
+  .total_search .search_list li.search_none{height:80px;font-size:1.7rem;}
+  .total_search .search_list li .list_title{font-size:1.9rem;}
+  .total_search .search_list li .category{margin:15px 0 0 0;font-size:1.6rem;}
+  .total_search .search_list li .date{font-size:1.6rem;right:10px;bottom:25px;}
+
+  .total_search .btn_wrap.right{margin:30px 0 0 0;}
+  .total_search .btn_wrap.right button{width:25%;}
 }
 
 @media screen and (max-width: 499px){
diff --git a/src/main/webapp/kofair_case_seed/usr/total_search_page.html b/src/main/webapp/kofair_case_seed/usr/total_search_page.html
new file mode 100644
index 00000000..1defc142
--- /dev/null
+++ b/src/main/webapp/kofair_case_seed/usr/total_search_page.html
@@ -0,0 +1,179 @@
+<!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 w100per">
+
+          <!-- page_location -->
+          <ul class="page_location">
+            <li><i class="icon home"></i></li>
+            <li>통합검색</li>
+          </ul>
+          <!-- //page_location -->
+
+          <div class="total_search">
+
+            <div class="search_form">
+              <input type="text" class="input_text" placeholder="검색어를 입력하세요.">
+              <button type="button" class="btn btn_text btn_40 darkblue_fill">검색</button>
+            </div>
+
+            <p class="search_result">
+              <span class="color_darkblue fw_bold">'분쟁조정'</span>에 대한 통합검색 결과 총 <span class="color_darkblue fw_bold">178</span>건 입니다.
+            </p>
+
+            <div class="search_result_wrap">
+              <div class="search_category">
+                <b class="title">분쟁조정 사례</b>
+                <p class="list_number">총 <span class="color_blue">25</span>건</p>
+              </div>
+
+              <ul class="search_list">
+                <li>
+                  <a href="#">
+                    <b class="list_title">(공정)(2024)화물운송 중개, 대리 및 관련 서비스업자의 거래상 지위 남용 관련 분쟁</b>
+                    <span class="category">분쟁조정 사례 > 공정거래</span>
+                    <span class="date">2024-08-29</span>
+                  </a>
+                </li>
+                <li>
+                  <a href="#">
+                    <b class="list_title">(공정)(2024)화물운송 중개, 대리 및 관련 서비스업자의 거래상 지위 남용 관련 분쟁</b>
+                    <span class="category">분쟁조정 사례 > 공정거래</span>
+                    <span class="date">2024-08-29</span>
+                  </a>
+                </li>
+                <li>
+                  <a href="#">
+                    <b class="list_title">(공정)(2024)화물운송 중개, 대리 및 관련 서비스업자의 거래상 지위 남용 관련 분쟁</b>
+                    <span class="category">분쟁조정 사례 > 공정거래</span>
+                    <span class="date">2024-08-29</span>
+                  </a>
+                </li>
+                <li>
+                  <a href="#">
+                    <b class="list_title">(공정)(2024)화물운송 중개, 대리 및 관련 서비스업자의 거래상 지위 남용 관련 분쟁</b>
+                    <span class="category">분쟁조정 사례 > 공정거래</span>
+                    <span class="date">2024-08-29</span>
+                  </a>
+                </li>
+                <li>
+                  <a href="#">
+                    <b class="list_title">(공정)(2024)화물운송 중개, 대리 및 관련 서비스업자의 거래상 지위 남용 관련 분쟁</b>
+                    <span class="category">분쟁조정 사례 > 공정거래</span>
+                    <span class="date">2024-08-29</span>
+                  </a>
+                </li>
+              </ul>
+              <div class="btn_wrap right">
+                <button type="button" class="btn btn_text btn_40 gray_fill" onclick="location.href='/kofair_case_seed/usr/total_search_page_detail.html'">더보기</button>
+              </div>
+            </div>
+
+            <div class="search_result_wrap">
+              <div class="search_category">
+                <b class="title">자료실</b>
+                <p class="list_number">총 <span class="color_blue">25</span>건</p>
+              </div>
+
+              <ul class="search_list">
+                <li>
+                  <a href="#">
+                    <b class="list_title">(공정)(2024)화물운송 중개, 대리 및 관련 서비스업자의 거래상 지위 남용 관련 분쟁</b>
+                    <span class="category">분쟁조정 사례 > 공정거래</span>
+                    <span class="date">2024-08-29</span>
+                  </a>
+                </li>
+                <li>
+                  <a href="#">
+                    <b class="list_title">(공정)(2024)화물운송 중개, 대리 및 관련 서비스업자의 거래상 지위 남용 관련 분쟁</b>
+                    <span class="category">분쟁조정 사례 > 공정거래</span>
+                    <span class="date">2024-08-29</span>
+                  </a>
+                </li>
+                <li>
+                  <a href="#">
+                    <b class="list_title">(공정)(2024)화물운송 중개, 대리 및 관련 서비스업자의 거래상 지위 남용 관련 분쟁</b>
+                    <span class="category">분쟁조정 사례 > 공정거래</span>
+                    <span class="date">2024-08-29</span>
+                  </a>
+                </li>
+                <li>
+                  <a href="#">
+                    <b class="list_title">(공정)(2024)화물운송 중개, 대리 및 관련 서비스업자의 거래상 지위 남용 관련 분쟁</b>
+                    <span class="category">분쟁조정 사례 > 공정거래</span>
+                    <span class="date">2024-08-29</span>
+                  </a>
+                </li>
+                <li>
+                  <a href="#">
+                    <b class="list_title">(공정)(2024)화물운송 중개, 대리 및 관련 서비스업자의 거래상 지위 남용 관련 분쟁</b>
+                    <span class="category">분쟁조정 사례 > 공정거래</span>
+                    <span class="date">2024-08-29</span>
+                  </a>
+                </li>
+              </ul>
+              <div class="btn_wrap right">
+                <button type="button" class="btn btn_text btn_40 gray_fill" onclick="location.href='/kofair_case_seed/usr/total_search_page_detail.html'">더보기</button>
+              </div>
+            </div>
+
+            <div class="search_result_wrap">
+              <div class="search_category">
+                <b class="title">자주하는 질문</b>
+                <p class="list_number">총 <span class="color_blue">25</span>건</p>
+              </div>
+
+              <ul class="search_list">
+                <li class="search_none">검색된 결과가 없습니다.</li>
+              </ul>
+            </div>
+
+          </div>
+
+        </div>
+
+
+      </div>
+
+    </div>
+
+    <div data-include-path="/kofair_case_seed/usr/layout/_footer.html"></div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/main/webapp/kofair_case_seed/usr/total_search_page_detail.html b/src/main/webapp/kofair_case_seed/usr/total_search_page_detail.html
new file mode 100644
index 00000000..aa57c9b9
--- /dev/null
+++ b/src/main/webapp/kofair_case_seed/usr/total_search_page_detail.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/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 w100per">
+
+          <!-- page_location -->
+          <ul class="page_location">
+            <li><i class="icon home"></i></li>
+            <li>통합검색</li>
+          </ul>
+          <!-- //page_location -->
+
+          <div class="total_search">
+
+            <div class="search_form">
+              <input type="text" class="input_text" placeholder="검색어를 입력하세요.">
+              <button type="button" class="btn btn_text btn_40 darkblue_fill">검색</button>
+            </div>
+
+            <p class="search_result">
+              <span class="color_darkblue fw_bold">'분쟁조정'</span>에 대한 통합검색 결과 총 <span class="color_darkblue fw_bold">178</span>건 입니다.
+            </p>
+
+            <div class="search_result_wrap">
+              <div class="search_category">
+                <b class="title">분쟁조정 사례</b>
+                <p class="list_number">총 <span class="color_blue">25</span>건</p>
+              </div>
+
+              <ul class="search_list">
+                <li>
+                  <a href="#">
+                    <b class="list_title">(공정)(2024)화물운송 중개, 대리 및 관련 서비스업자의 거래상 지위 남용 관련 분쟁</b>
+                    <span class="category">분쟁조정 사례 > 공정거래</span>
+                    <span class="date">2024-08-29</span>
+                  </a>
+                </li>
+                <li>
+                  <a href="#">
+                    <b class="list_title">(공정)(2024)화물운송 중개, 대리 및 관련 서비스업자의 거래상 지위 남용 관련 분쟁</b>
+                    <span class="category">분쟁조정 사례 > 공정거래</span>
+                    <span class="date">2024-08-29</span>
+                  </a>
+                </li>
+                <li>
+                  <a href="#">
+                    <b class="list_title">(공정)(2024)화물운송 중개, 대리 및 관련 서비스업자의 거래상 지위 남용 관련 분쟁</b>
+                    <span class="category">분쟁조정 사례 > 공정거래</span>
+                    <span class="date">2024-08-29</span>
+                  </a>
+                </li>
+                <li>
+                  <a href="#">
+                    <b class="list_title">(공정)(2024)화물운송 중개, 대리 및 관련 서비스업자의 거래상 지위 남용 관련 분쟁</b>
+                    <span class="category">분쟁조정 사례 > 공정거래</span>
+                    <span class="date">2024-08-29</span>
+                  </a>
+                </li>
+                <li>
+                  <a href="#">
+                    <b class="list_title">(공정)(2024)화물운송 중개, 대리 및 관련 서비스업자의 거래상 지위 남용 관련 분쟁</b>
+                    <span class="category">분쟁조정 사례 > 공정거래</span>
+                    <span class="date">2024-08-29</span>
+                  </a>
+                </li>
+                <li>
+                  <a href="#">
+                    <b class="list_title">(공정)(2024)화물운송 중개, 대리 및 관련 서비스업자의 거래상 지위 남용 관련 분쟁</b>
+                    <span class="category">분쟁조정 사례 > 공정거래</span>
+                    <span class="date">2024-08-29</span>
+                  </a>
+                </li>
+                <li>
+                  <a href="#">
+                    <b class="list_title">(공정)(2024)화물운송 중개, 대리 및 관련 서비스업자의 거래상 지위 남용 관련 분쟁</b>
+                    <span class="category">분쟁조정 사례 > 공정거래</span>
+                    <span class="date">2024-08-29</span>
+                  </a>
+                </li>
+                <li>
+                  <a href="#">
+                    <b class="list_title">(공정)(2024)화물운송 중개, 대리 및 관련 서비스업자의 거래상 지위 남용 관련 분쟁</b>
+                    <span class="category">분쟁조정 사례 > 공정거래</span>
+                    <span class="date">2024-08-29</span>
+                  </a>
+                </li>
+                <li>
+                  <a href="#">
+                    <b class="list_title">(공정)(2024)화물운송 중개, 대리 및 관련 서비스업자의 거래상 지위 남용 관련 분쟁</b>
+                    <span class="category">분쟁조정 사례 > 공정거래</span>
+                    <span class="date">2024-08-29</span>
+                  </a>
+                </li>
+                <li>
+                  <a href="#">
+                    <b class="list_title">(공정)(2024)화물운송 중개, 대리 및 관련 서비스업자의 거래상 지위 남용 관련 분쟁</b>
+                    <span class="category">분쟁조정 사례 > 공정거래</span>
+                    <span class="date">2024-08-29</span>
+                  </a>
+                </li>
+              </ul>
+              
+              <ul class="page">
+                <li><a href="#" class="btn only_icon btn_40 btn_page_first" title="첫 페이지 이동"><i class="icon page_first"></i></a></li>
+                <li><a href="#" class="btn only_icon btn_40 btn_page_prev" title="이전 페이지 이동"><i class="icon page_prev"></i></a></li>
+                <li><a href="#" class="btn btn_40" title="1 페이지 이동">1</a></li>
+                <li><a href="#" class="btn btn_40" title="2 페이지 이동">2</a></li>
+                <li><a href="#" class="btn btn_40" title="3 페이지 이동">3</a></li>
+                <li><a href="#" class="btn btn_40" title="4 페이지 이동">4</a></li>
+                <li><a href="#" class="btn btn_40" title="5 페이지 이동">5</a></li>
+                <li><a href="#" class="btn btn_40" title="6 페이지 이동">6</a></li>
+                <li><a href="#" class="btn btn_40" title="7 페이지 이동">7</a></li>
+                <li><a href="#" class="btn btn_40" title="8 페이지 이동">8</a></li>
+                <li><a href="#" class="btn btn_40" title="9 페이지 이동">9</a></li>
+                <li><a href="#" class="btn btn_40 active" title="10 페이지 이동">10</a></li>
+                <li><a href="#" class="btn only_icon btn_40 btn_page_next" title="다음 페이지 이동"><i class="icon page_next"></i></a></li>
+                <li><a href="#" class="btn only_icon btn_40 btn_page_last" title="마지막 페이지 이동"><i class="icon page_last"></i></a></li>
+              </ul>
+
+            </div>
+
+
+          </div>
+
+        </div>
+
+
+      </div>
+
+    </div>
+
+    <div data-include-path="/kofair_case_seed/usr/layout/_footer.html"></div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file