diff --git a/src/main/webapp/kofair_case_seed/usr/guide.html b/src/main/webapp/kofair_case_seed/usr/guide.html
index 9d0aaab3..3fffd13a 100644
--- a/src/main/webapp/kofair_case_seed/usr/guide.html
+++ b/src/main/webapp/kofair_case_seed/usr/guide.html
@@ -53,7 +53,9 @@
     <li><a href="/kofair_case_seed/usr/identification/self_identification.html" target="_blank">본인인증</a></li>
 
     <li><a href="/kofair_case_seed/usr/mypage/apl_status.html" target="_blank">한국공정거래조정원 온라인분쟁조정시스템 > 마이페이지 > 분쟁조정 신청현황</a></li>
-    <li><a href="/kofair_case_seed/usr/mypage/law_counsel_status_detail.html" target="_blank">한국공정거래조정원 온라인분쟁조정시스템 > 마이페이지 > 법률상담예약현황</a></li>
+    <li><a href="/kofair_case_seed/usr/mypage/apl_status_detail.html" target="_blank">한국공정거래조정원 온라인분쟁조정시스템 > 마이페이지 > 분쟁조정 신청현황 > 상세</a></li>
+    <li><a href="/kofair_case_seed/usr/mypage/law_counsel_status.html" target="_blank">한국공정거래조정원 온라인분쟁조정시스템 > 마이페이지 > 법률상담예약현황</a></li>
+    <li><a href="/kofair_case_seed/usr/mypage/law_counsel_status_detail.html" target="_blank">한국공정거래조정원 온라인분쟁조정시스템 > 마이페이지 > 법률상담예약현황 > 상세</a></li>
   </ul>
   
 </body>
diff --git a/src/main/webapp/kofair_case_seed/usr/images/component/icon_td_time.png b/src/main/webapp/kofair_case_seed/usr/images/component/icon_td_time.png
new file mode 100644
index 00000000..dec6f96d
Binary files /dev/null and b/src/main/webapp/kofair_case_seed/usr/images/component/icon_td_time.png differ
diff --git a/src/main/webapp/kofair_case_seed/usr/mypage/apl_status_detail.html b/src/main/webapp/kofair_case_seed/usr/mypage/apl_status_detail.html
index 15cd799b..a7a7ad25 100644
--- a/src/main/webapp/kofair_case_seed/usr/mypage/apl_status_detail.html
+++ b/src/main/webapp/kofair_case_seed/usr/mypage/apl_status_detail.html
@@ -1000,7 +1000,7 @@
 
           <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 darkgray_fill">목록</button>
+            <button type="button" class="btn btn_text btn_45 gray_fill">목록</button>
           </div>
 
 
diff --git a/src/main/webapp/kofair_case_seed/usr/mypage/law_counsel_status.html b/src/main/webapp/kofair_case_seed/usr/mypage/law_counsel_status.html
index 13bc276c..d8d5d567 100644
--- a/src/main/webapp/kofair_case_seed/usr/mypage/law_counsel_status.html
+++ b/src/main/webapp/kofair_case_seed/usr/mypage/law_counsel_status.html
@@ -13,7 +13,7 @@
   <link rel="stylesheet" href="/kofair_case_seed/usr/style/layout.css">
   <link rel="stylesheet" href="/kofair_case_seed/usr/style/popup.css">
   <link rel="stylesheet" href="/kofair_case_seed/usr/style/style.css">
-  <link rel="stylesheet" href="/kofair_case_seed/usr/style/request.css">
+  <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>
@@ -21,7 +21,7 @@
   <script src="/kofair_case_seed/usr/scripts/layout.js"></script>
   <script src="/kofair_case_seed/usr/scripts/popup.js"></script>
   <script src="/kofair_case_seed/usr/scripts/ui.js"></script>
-  <script src="/kofair_case_seed/usr/scripts/request.js"></script>
+  <script src="/kofair_case_seed/usr/scripts/mypage.js"></script>
 
   <!-- 달력 -->
   <link rel="stylesheet" href="/kofair_case_seed/script/plugin/datapicker/default.css">
@@ -59,7 +59,7 @@
           </ul>
         </div>
         <!-- //lnb -->
-        <div class="sub_content">
+        <div class="sub_content law_counsel_content">
 
           <!-- page_location -->
           <ul class="page_location">
@@ -145,9 +145,9 @@
                 <tr>
                   <td><i class="icon td_type hide td_icon"></i>공정거래</td>
                   <td class="td_title"><a href="#none" class="list_title">공정거래 상담 신청합니다.</a></td>
-                  <td>2024-08-19</td>
-                  <td>확정</td>
-                  <td>2024-08-19 10:00</td>
+                  <td class="td_hide">2024-08-19</td>
+                  <td class="table_number">확정</td>
+                  <td><i class="icon td_time hide td_icon"></i>2024-08-19 10:00</td>
                 </tr>
 
               </tbody>
diff --git a/src/main/webapp/kofair_case_seed/usr/style/mypage.css b/src/main/webapp/kofair_case_seed/usr/style/mypage.css
index cdf1a7a4..6e835e9d 100644
--- a/src/main/webapp/kofair_case_seed/usr/style/mypage.css
+++ b/src/main/webapp/kofair_case_seed/usr/style/mypage.css
@@ -64,9 +64,41 @@
   .idf_method .btn_idf i.aut_cefi{background-image:url(/kofair_case_seed/usr/images/component/icon_idf_aut_cefi_m.png);}
 
   /* 분쟁조정신청현황 */
+  .apl_status_content.detail h3{margin:60px 0 80px 0;}
+  .apl_status_content.detail .title.depth02{margin:100px 0 0 0;}
+  .apl_status_content.detail .blue_border.orange_border{margin:120px 0 0 0;}
   .apl_status_content .table_type_cols:not(.mobile_view_table) table tbody td.td_writer{order:3;}
   .apl_status_content .table_type_cols:not(.mobile_view_table) table tbody td.td_type{order:2;}
   .apl_status_content .table_type_cols .btn_edit{width:100%;}
+
+  .apl_status_content.detail .apl_list>li{margin:60px 0;}
+  .apl_status_content.detail .apl_list .btn_apl_slide{font-size:3.8rem;height:120px;padding:0 25px 0 30px;border:2px solid #d8d8d8;border-top:4px solid #2e40ba;}
+  .apl_status_content.detail .apl_list .active .btn_apl_slide{border:2px solid #2e40ba;border-top:4px solid #2e40ba;}
+  .apl_status_content.detail .apl_list .btn_apl_slide i,.apl_status_content.detail .apl_list .active .btn_apl_slide i{width:60px;height:60px;}
+  .apl_status_content.detail .apl_list .btn_apl_slide i::after{width:20px;height:20px;border-left:6px solid #fff;border-top:6px solid #fff;border-radius:0;left:20px;top:16px;}
+  .apl_status_content.detail .apl_list .active .btn_apl_slide i::after{top:23px;}
+  .apl_status_content.detail .apl_list .btn_delete_apl{left:190px;top:25px;padding:0 20px;}
+  .apl_status_content.detail .apl_list.rapl_list .btn_delete_apl{left:220px;}
+
+  .apl_status_content.detail .blue_row_dl dd{font-size:3.4rem;}
+
+  .apl_status_content.detail .table_type_cols.line thead tr th,
+  .apl_status_content.detail .table_type_cols.line thead tr:nth-child(2) th,
+  .apl_status_content.detail .table_type_cols.line thead tr:nth-child(3) th,
+  .apl_status_content.detail .table_type_cols table tr td{min-height:80px;padding:20px 10px;font-size:3.4rem;}
+  .apl_status_content.detail .table_type_cols.line td .select{font-size:3.4rem;padding:0 0 0 16px;background-position:calc(100% - 16px) 51%;}
+  .apl_status_content.detail .scroll_table{overflow:auto;}
+  .apl_status_content.detail .scroll_table table{width:400%;}
+  .apl_status_content.detail .scroll_table colgroup{display:none;}
+  .apl_status_content.detail .price_table td:not(:first-child){font-size:2.8rem;}
+
+  /* 법률상담예약 */
+  .law_counsel_content .search_wrap li:nth-child(2){width:60%;}
+  .law_counsel_content .search_wrap li:nth-child(3){width:calc(40% - 20px);}
+  .law_counsel_content .search_wrap li:nth-child(4){width:calc(100% - 130px);}
+  .law_counsel_content .search_wrap li:nth-child(4) .input_text{width:100%;}
+  .law_counsel_content .search_wrap li:nth-child(5){width:110px;}
+  .law_counsel_content .table_type_cols:not(.mobile_view_table, .scroll_table) table tbody td{max-width:100%;}
 }
 
 /* ==================== 모바일 ==================== */
@@ -78,4 +110,37 @@
   .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;}
+
+   /* 분쟁조정신청현황 */
+   .apl_status_content.detail h3{margin:30px 0 40px 0;}
+   .apl_status_content.detail .title.depth02{margin:50px 0 0 0;}
+   .apl_status_content.detail .blue_border.orange_border{margin:60px 0 0 0;}
+   .apl_status_content .table_type_cols:not(.mobile_view_table) table tbody td.td_writer{order:3;}
+   .apl_status_content .table_type_cols:not(.mobile_view_table) table tbody td.td_type{order:2;}
+   .apl_status_content .table_type_cols .btn_edit{width:100%;}
+ 
+   .apl_status_content.detail .apl_list>li{margin:30px 0;}
+   .apl_status_content.detail .apl_list .btn_apl_slide{font-size:1.9rem;height:60px;padding:0 12px 0 15px;border:1px solid #d8d8d8;border-top:2px solid #2e40ba;}
+   .apl_status_content.detail .apl_list .active .btn_apl_slide{border:1px solid #2e40ba;border-top:2px solid #2e40ba;}
+   .apl_status_content.detail .apl_list .btn_apl_slide i,.apl_status_content.detail .apl_list .active .btn_apl_slide i{width:30px;height:30px;}
+   .apl_status_content.detail .apl_list .btn_apl_slide i::after{width:10px;height:10px;border-left:3px solid #fff;border-top:3px solid #fff;border-radius:0;left:10px;top:8px;}
+   .apl_status_content.detail .apl_list .active .btn_apl_slide i::after{top:11px;}
+   .apl_status_content.detail .apl_list .btn_delete_apl{left:95px;top:12px;padding:0 10px;}
+   .apl_status_content.detail .apl_list.rapl_list .btn_delete_apl{left:110px;}
+ 
+   .apl_status_content.detail .blue_row_dl dd{font-size:1.7rem;}
+ 
+   .apl_status_content.detail .table_type_cols.line thead tr th,
+   .apl_status_content.detail .table_type_cols.line thead tr:nth-child(2) th,
+   .apl_status_content.detail .table_type_cols.line thead tr:nth-child(3) th,
+   .apl_status_content.detail .table_type_cols table tr td{min-height:40px;padding:10px 5px;font-size:1.7rem;}
+   .apl_status_content.detail .table_type_cols.line td .select{font-size:1.7rem;padding:0 0 0 8px;background-position:calc(100% - 8px) 51%;}
+   .apl_status_content.detail .scroll_table{overflow:auto;}
+   .apl_status_content.detail .scroll_table table{width:200%;}
+   .apl_status_content.detail .scroll_table colgroup{display:none;}
+   .apl_status_content.detail .price_table td:not(:first-child){font-size:1.4rem;}
+
+   /* 법률상담예약 */
+   .law_counsel_content .search_wrap li:nth-child(4){width:calc(100% - 100px);}
+   .law_counsel_content .search_wrap li:nth-child(5){width:80px;}
 }
\ No newline at end of file
diff --git a/src/main/webapp/kofair_case_seed/usr/style/request.css b/src/main/webapp/kofair_case_seed/usr/style/request.css
index ab219e4a..233266b5 100644
--- a/src/main/webapp/kofair_case_seed/usr/style/request.css
+++ b/src/main/webapp/kofair_case_seed/usr/style/request.css
@@ -264,7 +264,7 @@
   .apl03_info_content.apl05 .table_type_cols.line thead tr th,
   .apl03_info_content.apl05 .table_type_cols.line thead tr:nth-child(2) th,
   .apl03_info_content.apl05 .table_type_cols.line thead tr:nth-child(3) th,
-  .apl03_info_content.apl05 .table_type_cols table tr td{height:80px;padding:20px 10px;font-size:3.4rem;}
+  .apl03_info_content.apl05 .table_type_cols table tr td{min-height:80px;padding:20px 10px;font-size:3.4rem;}
   .apl03_info_content.apl05 .table_type_cols.line td .select{font-size:3.4rem;padding:0 0 0 16px;background-position:calc(100% - 16px) 51%;}
   .apl03_info_content.apl05 .scroll_table{overflow:auto;}
   .apl03_info_content.apl05 .scroll_table table{width:400%;}
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 42a30e0d..d8cc0da9 100644
--- a/src/main/webapp/kofair_case_seed/usr/style/style.css
+++ b/src/main/webapp/kofair_case_seed/usr/style/style.css
@@ -28,6 +28,7 @@
 .icon.td_calendar{width:32px;height:32px;background:url(/kofair_case_seed/usr/images/component/icon_calendar.png) no-repeat center center;}
 .icon.td_case_number{width:32px;height:32px;background:url(/kofair_case_seed/usr/images/component/icon_td_case_number.png) no-repeat center center;}
 .icon.td_person{width:32px;height:32px;background:url(/kofair_case_seed/usr/images/component/icon_td_person.png) no-repeat center center;}
+.icon.td_time{width:34px;height:34px;background:url(/kofair_case_seed/usr/images/component/icon_td_time.png) no-repeat center center;}
 
 /* sub layout */
 .sub_content{width:calc(100% - 366px);margin:10px 0 0 0;}
@@ -223,6 +224,7 @@
 
 /* duet_calendar */
 .calendar .duet-date__dialog-content{position:relative;padding:25px 23px 54px 23px;} /* 달력 박스 */
+.calendar .duet-date__mobile{position:unset;}
 .calendar .duet-date__select span,.calendar .duet-date__header{font-size:1.8rem;} /* 달력 select, button */
 .calendar .duet-date__select-label svg{width:20px;height:20px;margin:3px 0 0 0;} /* 달력 select 아이콘 */
 .calendar .duet-date__prev, .calendar .duet-date__next{width:26px;height:26px;background:transparent;border:1px solid #d8d8d8;border-radius:5px;} /* 달력 이전, 다음 버튼 */  
@@ -236,7 +238,7 @@
 .calendar .duet-date__day:hover::before{background:transparent;border:1px solid #2870ed;opacity:1;} /* 달력 날짜 호버 */
 .calendar .duet-date__day.is-today::before{background:#e3edfe;border:1px solid #2870ed;opacity:1;z-index:-1;} /* 달력 날짜 오늘 */
 .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:30px;top:310px;opacity:1 !important;} /* 달력 닫기 */
+.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;} /* 달력 닫기 */
 
 
 /* 2870ed /  e3edfe */
@@ -264,7 +266,7 @@
    .sub_con_tit{font-size:5rem;margin:60px 0 0 0;}
    .sub_con_sub_tit{font-size:3.4rem;margin:80px 0 ;}
    .search_wrap{padding:60px;margin:80px 0;gap:20px;}
-   .search_wrap select[name=search_category]{width:100%;}
+   .search_wrap select[name=search_category],.search_wrap select[name=reservation_category]{width:100%;}
    .search_wrap select[name=search_type]{width:180px;}
    .search_wrap .input_text{width:calc(100% - 330px);}
    .search_wrap .btn_search{width:110px;padding:0;}
@@ -307,6 +309,7 @@
    .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 td.td_substance{height:auto;padding:15px;}
    .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);}
@@ -382,6 +385,14 @@
    .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;}
+
+   /* calendar */
+   .search_wrap li{width:100%;font-size:3.2rem;gap:20px;white-space:nowrap;}
+   .search_wrap .calendar_term{width:calc(100% - 150px);}
+   .search_wrap .calendar_term .calendar{width:calc((100% - 50px)/2);}
+   .search_wrap .calendar_term .duet-date__input{font-size:3rem;}
+
+
 }
 
 
@@ -492,6 +503,18 @@
 
   .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;}
+
+  /* calendar */
+  .is-active .duet-date__dialog-content{position:absolute;}
+  .calendar .duet-date__close{bottom:auto;top:12px;}
+
+
+  .search_wrap li{font-size:1.6rem;gap:10px;}
+  .search_wrap .calendar_term{width:calc(100% - 50px);}
+  .search_wrap .calendar_term .calendar{width:calc((100% - 20px)/2);}
+  .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);}
 }
 
 @media screen and (max-width: 499px){