From f0d461768513194805a48cafa763b2a6e9a549e0 Mon Sep 17 00:00:00 2001
From: subsub <subsub8729@kakao.com>
Date: Mon, 23 Dec 2024 15:10:12 +0900
Subject: [PATCH] =?UTF-8?q?2024/12/23=20=ED=98=91=EC=9D=98=ED=9A=8C?=
 =?UTF-8?q?=EB=A1=9C=EA=B7=B8=EC=9D=B8=20=ED=9B=84=20=EC=83=81=EC=84=B8?=
 =?UTF-8?q?=ED=8E=98=EC=9D=B4=EC=A7=80=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../user/trublcfrncmng/trublcfrncmngView.jsp  | 48 ++++++++++++-------
 .../kofair_case_seed/usr/style/style.css      | 41 +++++++++++++++-
 2 files changed, 71 insertions(+), 18 deletions(-)

diff --git a/src/main/webapp/WEB-INF/jsp/_extra/user/trublcfrncmng/trublcfrncmngView.jsp b/src/main/webapp/WEB-INF/jsp/_extra/user/trublcfrncmng/trublcfrncmngView.jsp
index 5c0c560b..b071a689 100644
--- a/src/main/webapp/WEB-INF/jsp/_extra/user/trublcfrncmng/trublcfrncmngView.jsp
+++ b/src/main/webapp/WEB-INF/jsp/_extra/user/trublcfrncmng/trublcfrncmngView.jsp
@@ -88,6 +88,12 @@
 		<link rel="stylesheet" type="text/css" href="/site/case/css/default.css">
 		<link rel="stylesheet" type="text/css" href="/site/case/css/common.css">
 		<link href="/site/case/jsp/navigation/css/navigation.css" rel="stylesheet" type="text/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/style.css" />
+		
 		<style>
 			.clearfix:after{content:'';display:block;clear:both;}
 			.col-md-4{margin-bottom:15px;}
@@ -130,37 +136,45 @@
 		<div class="sub_con_wrap_inner">
 	    	<h2 class="blind">본문</h2>
 	    	
-	        <div class="tbl_abv_wrap2 clear">
+	        <div class="tbl_abv_wrap2 title_wrap">
 	        	
-	            <div class="tbl_abv_l2" style="float: left;">
-	                <span><span class="bold"><c:out value="${drcVO.memberName }" escapeXml="true"/> 위원님</span> 반갑습니다. 한국공정거래조정원 분쟁조정협의회입니다.</span>
+	            <div class="tbl_abv_l2">
+	                <span><span class="bold color_darkblue"><c:out value="${drcVO.memberName }" escapeXml="true"/> 위원님</span> 반갑습니다. 한국공정거래조정원 분쟁조정협의회입니다.</span>
 	            </div>
-	            <p style="float: right;"><a href="/web/user/proc/case/203/logoutDRC_Proc.do">logout</a></p>
+	            <a class="btn btn_text darkblue_border btn_logout" href="/web/user/proc/case/203/logoutDRC_Proc.do">logout</a>
 	        </div>
 	      
-	        <div class="clearfix" style="width: 100%; padding-top: 15px;">
-	         	 <div class="tbl_abv_r2">
-                	<img src="/site/case/images/important.png" alt="" /> 참석현황(${rateVO.attendNumber}회, ${rateVO.perSum}%) 
-            	</div>
-	        	<h4 class="mgb15 inblock indent disc2">협의회 참석 일정</h4>
+	        <div class="clearfix cont">
+	        
+	        	<div class="cont_tit">
+	        		<h4 class="title blue_border orange_border">협의회 참석 일정</h4>
+		         	 <div class="tbl_abv_r2">
+	                	<img src="/site/case/images/important.png" alt="" /> 참석현황(${rateVO.attendNumber}회, ${rateVO.perSum}%) 
+	            	</div>
+	        	</div>
 				<div class="col-md-4">
 					<div id='calendar' style="min-width: 100%"></div>
 				</div>
 			</div>
 			
-			<p style="font-size : 1.2em;">
-	        	<a href="/web/user/board/case/law/261/lawList.do" target="_blank">>> 법령자료실(바로가기)</a>
+			<p style="text-align:right;padding:0 20px;">
+	        	<a href="/web/user/board/case/law/261/lawList.do" class="btn btn_text gray_fill btn_page_move" target="_blank">법령자료실(바로가기)</a>
 	        </p>
 	        
-	        <div class="clearfix" id="clearfix2" style="width: 100%; padding-top: 15px; display: none;">
-	            <h4 class="mgb15 inblock indent disc2">분쟁조정 협의회 상세</h4>
-	            <div class="agreeBtnDiv">
+	        <div class="clearfix mt30" id="clearfix2">
+	        	<div class="cont_tit">
+	            	<h4 class="title blue_border orange_border">분쟁조정 협의회 상세</h4>
+	            </div>
+	            <!-- <div class="agreeBtnDiv">
 	            	<button style="text-align:right;" onclick="fn_agree()">동의하기</button>
-	            </div>
+	            </div> -->
 	            <div class="agreeTxtDiv">
-	            	동의완료
+	            	<h4 class="title orange_border">동의완료</h4>
+	            	<div class="agreeBtnDiv">
+		            	<button class="btn btn_text darkblue_border btn_agree" onclick="fn_agree()">동의하기</button>
+		            </div>
 	            </div>
-	            <div class="tbl5">
+	            <div class="tbl5 table_type_rows">
 					<table cellspacing="0" cellpadding="0" class="">
 						<caption>신청현황 검색폼 : 등록일시, 조정유형, 제목, 처리상태</caption>
 						<colgroup >
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 df0ce29b..d194bed7 100644
--- a/src/main/webapp/kofair_case_seed/usr/style/style.css
+++ b/src/main/webapp/kofair_case_seed/usr/style/style.css
@@ -325,7 +325,46 @@
 .cmmt_wrap li:last-child{width:80px;}
 .cmmt_wrap .btn_add_cmmt{width:100%;height:80px;border-radius:5px;background:#2e40ba;border:0;color:#fff;margin:0 0 0 5px;font-size:1.8rem;transition:background 0.2s linear;}
 
-/* .popup{position:fixed;min-width:300px;height:auto;background:#fff;border:1px solid #e5e5e5;box-shadow:0 0 10px rgba(0,0,0,0.5);left:0;top:0;transform: translateY(-50%);} */
+/* 협의회용 페이지 */
+.sub_con_wrap.date{position:absolute;max-height:95vh;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,0.15);overflow:auto;}
+.sub_con_wrap.date .title_wrap{display:flex;background:#f4f5f6;border:0;border-radius:5px;margin:20px 0 0 0;justify-content:space-between;align-items:center;}
+.sub_con_wrap.date .title_wrap .tbl_abv_l2 span{font-size:16px;}
+.sub_con_wrap.date .title_wrap .tbl_abv_l2 span span{font-size:20px;}
+.sub_con_wrap.date .title_wrap .btn_logout{display:flex;height:30px;padding:0 10px;font-size:16px;justify-content:center;align-items:center;}
+
+.sub_con_wrap.date .cont{padding:20px 20px 0 20px;}
+.sub_con_wrap.date .cont_tit{display:flex;margin:0 0 20px 0;justify-content:space-between;align-items:center;}
+.sub_con_wrap.date .cont_tit h4{padding:0 0 0 22px;font-size:20px;font-weight:500;}
+.sub_con_wrap.date .cont_tit .title.blue_border.orange_border::before{width:5px;height:12px;left:8px;top:12.5px;}
+.sub_con_wrap.date .cont_tit .title.blue_border.orange_border::after{width:5px;height:12px;left:8px;top:7.5px;}
+.sub_con_wrap.date .cont_tit .tbl_abv_r2{display:flex;font-size:15px;color:#444;align-items:center;gap:8px;}
+.sub_con_wrap.date .fc-toolbar .fc-center{float:left;padding:0 0 0 32px;margin:7px 0 0 0;font-size:20px;font-weight:500;color:#222;background:url(/kofair_case_seed/usr/images/component/icon_calendar.png) no-repeat left center;background-size:contain;}
+.sub_con_wrap.date .fc-toolbar .fc-right button{min-width:35px;height:35px;border-radius:5px !important;background:#fff;box-shadow:none;}
+.sub_con_wrap.date .fc-today-button{background:#e3edfe;border:1px solid #c4d9fd;color:#6b75c9;}
+.sub_con_wrap.date .fc-button-group{display:flex;gap:6px;}
+.sub_con_wrap.date .fc-next-button,.sub_con_wrap.date .fc-prev-button{display:flex;width:35px;justify-content:center;align-items:center;}
+.sub_con_wrap.date .fc-next-button{background:#fff url(/kofair_case_seed/usr/images/component/icon_page_next.png) no-repeat center center !important;}
+.sub_con_wrap.date .fc-prev-button{background:#fff url(/kofair_case_seed/usr/images/component/icon_page_prev.png) no-repeat center center !important;}
+.sub_con_wrap.date .fc-next-button span::after,.sub_con_wrap.date .fc-prev-button span::after{display:none;}
+
+.sub_con_wrap.date .fc-scroller>.fc-day-grid,.sub_con_wrap.date .fc-scroller>.fc-time-grid{height:100% !important;}
+.sub_con_wrap.date .fc-basic-view .fc-body .fc-row{height:calc(100% / 6) !important;}
+.sub_con_wrap.date .fc th{height:40px;font-size:16px;font-weight:400;background:#f4f5f7;vertical-align:middle;}
+.sub_con_wrap.date .fc .fc-day-top{padding:3px 10px;text-align:left;}
+.sub_con_wrap.date .fc-ltr .fc-basic-view .fc-day-top .fc-day-number{float:none;font-size:16px;}
+.sub_con_wrap.date .fc-day-grid-event{background:#2870ed !important;}
+.sub_con_wrap.date .fc-day-grid-event span{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
+.sub_con_wrap.date .fc-unthemed .fc-bg .fc-today{background:#fff3f3;}
+.sub_con_wrap.date .btn_page_move{display:inline-flex;height:30px;font-size:15px;padding:0 10px;justify-content:center;align-items:center;}
+.sub_con_wrap.date .agreeTxtDiv{display:flex;margin:0 0 10px 0;padding:0 20px;justify-content:space-between;align-items:center;}
+.sub_con_wrap.date .agreeTxtDiv .title{font-size:18px;}
+.sub_con_wrap.date .agreeTxtDiv .title.orange_border::after{top:5px;}
+.sub_con_wrap.date .btn_agree{height:30px;font-size:15px;padding:0 10px;}
+
+.sub_con_wrap.date .mt30 .cont_tit{padding:0 20px;}
+.sub_con_wrap.date .table_type_rows{padding:0 20px;}
+.sub_con_wrap.date .table_type_rows table tbody th{font-size:15px;padding:8px 5px 8px 15px;vertical-align:middle;}
+.sub_con_wrap.date .table_type_rows table tbody td{height:45px;font-size:15px;font-weight:400;padding:8px 5px 8px 15px;}
 
 /* ==================== 테블릿 ==================== */
 @media screen and (max-width: 1199px){