diff --git a/src/main/webapp/WEB-INF/jsp/seed/_extra/gtm/trublprocessmng/rceptEdit.jsp b/src/main/webapp/WEB-INF/jsp/seed/_extra/gtm/trublprocessmng/rceptEdit.jsp
index fa3906eb..68e56de2 100644
--- a/src/main/webapp/WEB-INF/jsp/seed/_extra/gtm/trublprocessmng/rceptEdit.jsp
+++ b/src/main/webapp/WEB-INF/jsp/seed/_extra/gtm/trublprocessmng/rceptEdit.jsp
@@ -4565,16 +4565,16 @@ function nanumProcessStartTmp(){
 	              <option value="">사건진행상태</option>
 	            </select>  
 	            
-	            <button type="button" class="btn-default btn btn_text btn_36 red_border" onclick="nanumHisDelProTmp('');">변경</button>	        
+	            <button type="button" class="btn-default btn btn_text btn_36 blue_border" onclick="nanumHisDelProTmp('');">변경</button>	        
 	        </div>
 	        <div class="area_right">
 	        	<select name="nanumHisDelSelTmp" id="nanumHisDelSelTmp">
 	              <option value="">선택</option>
 	            </select>  
 	            
-	            <button type="button" class="btn-default btn btn_text btn_36 red_border" onclick="nanumHisDelTmp('P');">상신</button>
-	            <button type="button" class="btn-default btn btn_text btn_36 red_border" onclick="nanumHisDelTmp('T');">상신취소</button>
-	            <button type="button" class="btn-default btn btn_text btn_36 red_border" onclick="nanumHisDelTmp('A');">종결</button>
+	            <button type="button" class="btn-default btn btn_text btn_36 subgray_border" onclick="nanumHisDelTmp('P');">상신</button>
+	            <button type="button" class="btn-default btn btn_text btn_36 gray_border" onclick="nanumHisDelTmp('T');">상신취소</button>
+	            <button type="button" class="btn-default btn btn_text btn_36 gray_border" onclick="nanumHisDelTmp('A');">종결</button>
 	            <button type="button" class="btn-default btn btn_text btn_36 red_border" onclick="nanumHisDelTmp('R');">반려</button>
 	            <button type="button" class="btn-default btn btn_text btn_36 red_border" onclick="nanumHisDelTmp('D');">삭제</button>
 	            
@@ -4962,18 +4962,18 @@ function nanumProcessStartTmp(){
                         <option value="3" <c:if test="${masterData.caseAUser eq '3'}">selected="selected"</c:if>>양쪽모두</option>
                     </select>
                 </div>
-                <div class="cs-files fl" id="upFileHtml6">
+                <div class="cs-files cs_file_list fl" id="upFileHtml6">
                   <c:forEach items="${trublreqstmngCaseFileList}" var="file" varStatus="status">
                     <c:if test="${file.fileGubun == '4806000000'}">
-	                    <div id="fileUploadP${status.count}">
-                            <img src="/img/user/bbs/icon_file.gif" alt="gif">&nbsp;&nbsp;<a href="/seed/extra/down/file.do?dataIdx=${file.seqNo}&funcType=${file.fileFunc}&pathKey1=${siteIdx}">[${file.fileNo}-${file.seqNo}] ${file.fileName} (${file.regDt}, ${file.fileOwner})</a>
-                          <c:if test="${masterData.statePro == '0404000000'}">
-                          <!-- 보고 상태만 삭제가능 -->
-                            <a href="javascript:;" onclick="javascript:jf_delete_file('${status.count}', '${file.fileSize}', 'Y', '6');"><img src="/img/user/bbs/btn_file_del.png" alt="삭제"></a>
-                          </c:if>
-                          <input type="text" name="fileMemo_${file.seqNo}" class="fileMemoUp" value="${file.fileMemo }" style="width: 700px;display: block;margin-top: 5px;margin-bottom: 5px" maxlength="1000">
-                            <input type="hidden" name="fileIdx" value="${file.seqNo}" class="fileIdxClass"/>
-                         </div>
+						<div id="fileUploadP${status.count}" class="file_row">
+							<img src="/kofair_case_seed/adm/images/component/icon_file_clip_blue.png"><a href="/seed/extra/down/file.do?dataIdx=${file.seqNo}&funcType=${file.fileFunc}&pathKey1=${siteIdx}">[${file.fileNo}-${file.seqNo}] ${file.fileName} (${file.regDt}, ${file.fileOwner})</a>
+							<c:if test="${masterData.statePro == '0404000000'}">
+							<!-- 보고 상태만 삭제가능 -->
+							<a href="javascript:;" class="btn_file_del" onclick="javascript:jf_delete_file('${status.count}', '${file.fileSize}', 'Y', '6');"><i></i></a>
+							</c:if>
+							<input type="text" name="fileMemo_${file.seqNo}" class="fileMemoUp" placeholder="메모를 입력하세요."  value="${file.fileMemo }" style="width: 700px;display: block;" maxlength="1000">
+							<input type="hidden" name="fileIdx" value="${file.seqNo}" class="fileIdxClass"/>
+						</div>
                    	</c:if>
                	</c:forEach>
 					<c:if test="${masterData.caseAType eq '2'}">
@@ -5051,69 +5051,69 @@ function nanumProcessStartTmp(){
                                         <a href="javascript:void(0);" onclick="fn_caseExPop('B');" class="btn-default btn btn_text btn_36 blue_border violet" style="display:inline-flex;justify-content:center;align-items:center;">예시기재</a>
                                     </c:if>
                                 </div>
-                <div class="cs-files fl" id="upFileHtml18">
-                                    <c:if test="${masterData.caseBType eq '1'}">
-                                        <c:forEach items="${trublreqstmngCaseFileList}" var="file" varStatus="status">
-                                            <c:if test="${file.fileGubun == '4839000000'}">
-                                                <div id="fileUploadP${status.count}">
-                                                    <img src="/img/user/bbs/icon_file.gif" alt="gif">&nbsp;&nbsp;<a href="/seed/extra/down/file.do?dataIdx=${file.seqNo}&funcType=${file.fileFunc}&pathKey1=${siteIdx}">[${file.fileNo}-${file.seqNo}] ${file.fileName} (${file.regDt}, ${file.fileOwner})</a>
-                                                    <c:if test="${masterData.statePro == '0404000000'}">
-                                                        <!-- 보고 상태만 삭제가능 -->
-                                                        <a href="javascript:;" onclick="javascript:jf_delete_file('${status.count}', '${file.fileSize}', 'Y', '18');"><img src="/img/user/bbs/btn_file_del.png" alt="삭제"></a>
-                                                    </c:if>
-                                                    <input type="text" name="fileMemo_${file.seqNo}" class="fileMemoUp" value="${file.fileMemo }" style="width: 700px;display: block;margin-top: 5px;margin-bottom: 5px" maxlength="1000">
-                                                    <input type="hidden" name="fileIdx" value="${file.seqNo}" class="fileIdxClass"/>
-                                                </div>
-                                            </c:if>
-                                        </c:forEach>
-                                    </c:if>
-                                    <c:if test="${masterData.caseBType eq '2'}">
-                                        <c:if test="${masterData.caseBUser eq '1'}">
-                                            <c:forEach var="rs" items="${caseApplcntData}">
-                                                <c:choose>
-                                                    <c:when test="${empty rs.caseBSign}">
-                                                        <ul class="sign_wrap">
-                                                            <li class="li_sign sign_not_chk"></li>
-                                                            <li> 신청인 : ${rs.companyCeo}</li>
-                                                            <li class="li_need_sign">서명필요</li>
-                                                        </ul>
-                                                    </c:when>
-                                                    <c:otherwise>
-                                                        <ul class="sign_wrap">
-                                                            <li class="li_sign sign_chk"></li>
-                                                            <li> 신청인 : ${rs.companyCeo}</li>
-                                                            <li> 서명자 : ${rs.caseBSignName}</li>
-                                                            <li> 서명일시 :  ${rs.caseBDate}</li>
-                                                            <li><a href="javascript:void(0);" onclick="clipCall('overPrint', '${rs.seqNo}', 'A');" class="btn-default li_file">종료요청서</a><a href="javascript:;" onclick="javascript:fn_caseComment_del('B', '1', '${rs.seqNo}',this);"><img src="/img/user/bbs/btn_file_del.png" alt="삭제"></a></li>
-                                                        </ul>
-                                                    </c:otherwise>
-                                                </c:choose>
-                                            </c:forEach>
-                                        </c:if>
-                                        <c:if test="${masterData.caseBUser eq '2'}">
-                                            <c:forEach var="rs2" items="${caseRespondentData}">
-                                                <c:choose>
-                                                    <c:when test="${empty rs2.caseBSign}">
-                                                        <ul class="sign_wrap">
-                                                            <li class="li_sign sign_not_chk"></li>
-                                                            <li> 피신청인 : ${rs2.respondentCeo}</li>
-                                                            <li class="li_need_sign">서명필요</li>
-                                                        </ul>
-                                                    </c:when>
-                                                    <c:otherwise>
-                                                        <ul class="sign_wrap">
-                                                            <li class="li_sign sign_chk"></li>
-                                                            <li> 피신청인 : ${rs2.respondentCeo}</li>
-                                                            <li> 서명자 : ${rs2.caseBSignName}</li>
-                                                            <li> 서명일시 : ${rs2.caseBDate}</li>
-                                                            <li><a href="javascript:void(0);" onclick="clipCall('overPrint', '${rs2.seqNo}', 'R');" class="btn-default li_file">종료요청서</a><a href="javascript:;" onclick="javascript:fn_caseComment_del('B', '2', '${rs2.seqNo}',this);"><img src="/img/user/bbs/btn_file_del.png" alt="삭제"></a></li>
-                                                        </ul>
-                                                    </c:otherwise>
-                                                </c:choose>
-                                            </c:forEach>
-                                        </c:if>
-                                    </c:if>
-                </div>
+								<div class="cs-files cs_file_list fl" id="upFileHtml18">
+				                    <c:if test="${masterData.caseBType eq '1'}">
+										<c:forEach items="${trublreqstmngCaseFileList}" var="file" varStatus="status">
+											<c:if test="${file.fileGubun == '4839000000'}">
+												<div id="fileUploadP${status.count}" class="file_row">
+													<img src="/kofair_case_seed/adm/images/component/icon_file_clip_blue.png"><a href="/seed/extra/down/file.do?dataIdx=${file.seqNo}&funcType=${file.fileFunc}&pathKey1=${siteIdx}">[${file.fileNo}-${file.seqNo}] ${file.fileName} (${file.regDt}, ${file.fileOwner})</a>
+													<c:if test="${masterData.statePro == '0404000000'}">
+													<!-- 보고 상태만 삭제가능 -->
+													<a href="javascript:;" class="btn_file_del" onclick="javascript:jf_delete_file('${status.count}', '${file.fileSize}', 'Y', '18');"><i></i></a>
+													</c:if>
+													<input type="text" name="fileMemo_${file.seqNo}" class="fileMemoUp" placeholder="메모를 입력하세요."  value="${file.fileMemo }" style="width: 700px;display: block;margin-top: 5px;margin-bottom: 5px" maxlength="1000">
+													<input type="hidden" name="fileIdx" value="${file.seqNo}" class="fileIdxClass"/>
+												</div>
+											</c:if>
+										</c:forEach>
+									</c:if>
+									<c:if test="${masterData.caseBType eq '2'}">
+										<c:if test="${masterData.caseBUser eq '1'}">
+											<c:forEach var="rs" items="${caseApplcntData}">
+												<c:choose>
+													<c:when test="${empty rs.caseBSign}">
+														<ul class="sign_wrap">
+														    <li class="li_sign sign_not_chk"></li>
+														    <li> 신청인 : ${rs.companyCeo}</li>
+														    <li class="li_need_sign">서명필요</li>
+														</ul>
+													</c:when>
+													<c:otherwise>
+														<ul class="sign_wrap">
+														    <li class="li_sign sign_chk"></li>
+														    <li> 신청인 : ${rs.companyCeo}</li>
+															<li> 서명자 : ${rs.caseBSignName}</li>
+															<li> 서명일시 :  ${rs.caseBDate}</li>
+															<li><a href="javascript:void(0);" onclick="clipCall('overPrint', '${rs.seqNo}', 'A');" class="btn-default li_file">종료요청서</a><a href="javascript:;" onclick="javascript:fn_caseComment_del('B', '1', '${rs.seqNo}',this);"><img src="/img/user/bbs/btn_file_del.png" alt="삭제"></a></li>
+														</ul>
+													</c:otherwise>
+												</c:choose>
+											</c:forEach>
+										</c:if>
+										<c:if test="${masterData.caseBUser eq '2'}">
+											<c:forEach var="rs2" items="${caseRespondentData}">
+												<c:choose>
+													<c:when test="${empty rs2.caseBSign}">
+														<ul class="sign_wrap">
+														    <li class="li_sign sign_not_chk"></li>
+														    <li> 피신청인 : ${rs2.respondentCeo}</li>
+														    <li class="li_need_sign">서명필요</li>
+														</ul>
+													</c:when>
+													<c:otherwise>
+														<ul class="sign_wrap">
+														    <li class="li_sign sign_chk"></li>
+														    <li> 피신청인 : ${rs2.respondentCeo}</li>
+															<li> 서명자 : ${rs2.caseBSignName}</li>
+															<li> 서명일시 : ${rs2.caseBDate}</li>
+															<li><a href="javascript:void(0);" onclick="clipCall('overPrint', '${rs2.seqNo}', 'R');" class="btn-default li_file">종료요청서</a><a href="javascript:;" onclick="javascript:fn_caseComment_del('B', '2', '${rs2.seqNo}',this);"><img src="/img/user/bbs/btn_file_del.png" alt="삭제"></a></li>
+														</ul>
+													</c:otherwise>
+												</c:choose>
+											</c:forEach>
+										</c:if>
+									</c:if>
+								</div>
                 <div class="fr">
                   <c:choose>
                     <c:when test="${masterData.statePro == '0404000000' && (memberPosition == '0912000000' || memberPosition == '0911000000')}">
@@ -5144,16 +5144,16 @@ function nanumProcessStartTmp(){
                       <a href="javascript:void(0);" onclick="fn_caseExPop('C');" class="btn-default btn btn_text btn_36 blue_border violet" style="display:inline-flex;justify-content:center;align-items:center;">예시기재</a>
                                     </c:if>
                                 </div>
-                <div class="cs-files fl" id="upFileHtml7">
+                <div class="cs-files cs_file_list fl" id="upFileHtml7">
                                     <c:if test="${masterData.caseCType eq '1'}">
                                         <c:forEach items="${trublreqstmngCaseFileList}" var="file" varStatus="status">
                                             <c:if test="${file.fileGubun == '4807000000'}">
-                                                <div id="fileUploadP${status.count}">
-                                                        <img src="/img/user/bbs/icon_file.gif" alt="gif">&nbsp;&nbsp;<a href="/seed/extra/down/file.do?dataIdx=${file.seqNo}&funcType=${file.fileFunc}&pathKey1=${siteIdx}">[${file.fileNo}-${file.seqNo}] ${file.fileName} (${file.regDt}, ${file.fileOwner})</a>
+                                                <div id="fileUploadP${status.count}" class="file_row">
+                                                        <img src="/kofair_case_seed/adm/images/component/icon_file_clip_blue.png"><a href="/seed/extra/down/file.do?dataIdx=${file.seqNo}&funcType=${file.fileFunc}&pathKey1=${siteIdx}">[${file.fileNo}-${file.seqNo}] ${file.fileName} (${file.regDt}, ${file.fileOwner})</a>
                                                         <c:if test="${masterData.statePro == '0404000000'}">
-                                                            <a href="javascript:;" onclick="javascript:jf_delete_file('${status.count}', '${file.fileSize}', 'Y', '7');"><img src="/img/user/bbs/btn_file_del.png" alt="삭제"></a>
+                                                            <a href="javascript:;" class="btn_file_del" onclick="javascript:jf_delete_file('${status.count}', '${file.fileSize}', 'Y', '7');"><i></i></a>
                                                         </c:if>
-                                                        <input type="text" name="fileMemo_${file.seqNo}" class="fileMemoUp" value="${file.fileMemo }" style="width: 700px;display: block;margin-top: 5px;margin-bottom: 5px" maxlength="1000">
+                                                        <input type="text" name="fileMemo_${file.seqNo}" class="fileMemoUp" placeholder="메모를 입력하세요."  value="${file.fileMemo }" style="width: 700px;display: block;margin-top: 5px;margin-bottom: 5px" maxlength="1000">
                                                         <input type="hidden" name="fileIdx" value="${file.seqNo}" class="fileIdxClass"/>
                                                  </div>
                                             </c:if>
@@ -5234,15 +5234,15 @@ function nanumProcessStartTmp(){
                                         <option value="3" <c:if test="${masterData.caseDUser eq '3'}">selected="selected"</c:if>>양쪽모두</option>
                                     </select>
                                 </div>
-                <div class="cs-files fl" id="upFileHtml8">
+                <div class="cs-files cs_file_list fl" id="upFileHtml8">
                   <c:forEach items="${trublreqstmngCaseFileList}" var="file" varStatus="status">
                     <c:if test="${file.fileGubun == '4808000000'}">
-                      <div id="fileUploadP${status.count}">
-                                          <img src="/img/user/bbs/icon_file.gif" alt="gif">&nbsp;&nbsp;<a href="/seed/extra/down/file.do?dataIdx=${file.seqNo}&funcType=${file.fileFunc}&pathKey1=${siteIdx}">[${file.fileNo}-${file.seqNo}] ${file.fileName} (${file.regDt}, ${file.fileOwner})</a>
+                      <div id="fileUploadP${status.count}" class="file_row">
+                                          <img src="/kofair_case_seed/adm/images/component/icon_file_clip_blue.png"><a href="/seed/extra/down/file.do?dataIdx=${file.seqNo}&funcType=${file.fileFunc}&pathKey1=${siteIdx}">[${file.fileNo}-${file.seqNo}] ${file.fileName} (${file.regDt}, ${file.fileOwner})</a>
                                           <c:if test="${masterData.statePro == '0404000000'}">
-                                            <a href="javascript:;" onclick="javascript:jf_delete_file('${status.count}', '${file.fileSize}', 'Y', '8');"><img src="/img/user/bbs/btn_file_del.png" alt="삭제"></a>
+                                            <a href="javascript:;" class="btn_file_del" onclick="javascript:jf_delete_file('${status.count}', '${file.fileSize}', 'Y', '8');"><i></i></a>
                                           </c:if>
-                                          <input type="text" name="fileMemo_${file.seqNo}" class="fileMemoUp" value="${file.fileMemo }" style="width: 700px;display: block;margin-top: 5px;margin-bottom: 5px" maxlength="1000">
+                                          <input type="text" name="fileMemo_${file.seqNo}" class="fileMemoUp" placeholder="메모를 입력하세요."  value="${file.fileMemo }" style="width: 700px;display: block;" maxlength="1000">
                                           <input type="hidden" name="fileIdx" value="${file.seqNo}" class="fileIdxClass"/>
                                        </div>
                                     </c:if>
@@ -5307,15 +5307,15 @@ function nanumProcessStartTmp(){
             <div class="bbs-view-item">
               <p class="item-title no-bullet">등기이력조회</p>
               <div class="item-box">
-                <div class="cs-files fl" id="upFileHtml9">
+                <div class="cs-files cs_file_list fl" id="upFileHtml9">
                   <c:forEach items="${trublreqstmngCaseFileList}" var="file" varStatus="status">
                     <c:if test="${file.fileGubun == '4809000000'}">
-                      <div id="fileUploadP${status.count}">
-                                          <img src="/img/user/bbs/icon_file.gif" alt="gif">&nbsp;&nbsp;<a href="/seed/extra/down/file.do?dataIdx=${file.seqNo}&funcType=${file.fileFunc}&pathKey1=${siteIdx}">[${file.fileNo}-${file.seqNo}] ${file.fileName} (${file.regDt}, ${file.fileOwner})</a>
+                      <div id="fileUploadP${status.count}" class="file_row">
+                                          <img src="/kofair_case_seed/adm/images/component/icon_file_clip_blue.png"><a href="/seed/extra/down/file.do?dataIdx=${file.seqNo}&funcType=${file.fileFunc}&pathKey1=${siteIdx}">[${file.fileNo}-${file.seqNo}] ${file.fileName} (${file.regDt}, ${file.fileOwner})</a>
                                           <c:if test="${masterData.statePro == '0404000000'}">
-                                            <a href="javascript:;" onclick="javascript:jf_delete_file('${status.count}', '${file.fileSize}', 'Y', '9');"><img src="/img/user/bbs/btn_file_del.png" alt="삭제"></a>
+                                            <a href="javascript:;" class="btn_file_del" onclick="javascript:jf_delete_file('${status.count}', '${file.fileSize}', 'Y', '9');"><img src="/img/user/bbs/btn_file_del.png" alt="삭제"></a>
                                           </c:if>
-                                          <input type="text" name="fileMemo_${file.seqNo}" class="fileMemoUp" value="${file.fileMemo }" style="width: 700px;display: block;margin-top: 5px;margin-bottom: 5px" maxlength="1000">
+                                          <input type="text" name="fileMemo_${file.seqNo}" class="fileMemoUp" placeholder="메모를 입력하세요."  value="${file.fileMemo }" style="width: 700px;display: block;margin-top: 5px;margin-bottom: 5px" maxlength="1000">
                                           <input type="hidden" name="fileIdx" value="${file.seqNo}" class="fileIdxClass"/>
                                        </div>
                                     </c:if>
@@ -5336,15 +5336,15 @@ function nanumProcessStartTmp(){
             <div class="bbs-view-item">
               <p class="item-title no-bullet">기타</p>
               <div class="item-box">
-                <div class="cs-files fl" id="upFileHtml10">
+                <div class="cs-files cs_file_list fl" id="upFileHtml10">
                   <c:forEach items="${trublreqstmngCaseFileList}" var="file" varStatus="status">
                     <c:if test="${file.fileGubun == '4810000000'}">
-                      <div id="fileUploadP${status.count}">
-                                          <img src="/img/user/bbs/icon_file.gif" alt="gif">&nbsp;&nbsp;<a href="/seed/extra/down/file.do?dataIdx=${file.seqNo}&funcType=${file.fileFunc}&pathKey1=${siteIdx}">[${file.fileNo}-${file.seqNo}] ${file.fileName} (${file.regDt}, ${file.fileOwner})</a>
+                      <div id="fileUploadP${status.count}" class="file_row">
+                                          <img src="/kofair_case_seed/adm/images/component/icon_file_clip_blue.png"><a href="/seed/extra/down/file.do?dataIdx=${file.seqNo}&funcType=${file.fileFunc}&pathKey1=${siteIdx}">[${file.fileNo}-${file.seqNo}] ${file.fileName} (${file.regDt}, ${file.fileOwner})</a>
                                           <c:if test="${masterData.statePro == '0404000000'}">
-                                            <a href="javascript:;" onclick="javascript:jf_delete_file('${status.count}', '${file.fileSize}', 'Y', '10');"><img src="/img/user/bbs/btn_file_del.png" alt="삭제"></a>
+                                            <a href="javascript:;" class="btn_file_del" onclick="javascript:jf_delete_file('${status.count}', '${file.fileSize}', 'Y', '10');"><i></i></a>
                                           </c:if>
-                                          <input type="text" name="fileMemo_${file.seqNo}" class="fileMemoUp" value="${file.fileMemo }" style="width: 700px;display: block;margin-top: 5px;margin-bottom: 5px" maxlength="1000">
+                                          <input type="text" name="fileMemo_${file.seqNo}" class="fileMemoUp" placeholder="메모를 입력하세요."  value="${file.fileMemo }" style="width: 700px;display: block;" maxlength="1000">
                                           <input type="hidden" name="fileIdx" value="${file.seqNo}" class="fileIdxClass"/>
                                        </div>
                                     </c:if>
@@ -5389,13 +5389,13 @@ function nanumProcessStartTmp(){
 		          <div class="bbs-view-item">
 		            <p class="item-title">신청인 사건문서첨부</p>
 		            <div class="item-box">
-		              <div class="cs-files fl" id="upFileHtml2">
+		              <div class="cs-files cs_file_list fl" id="upFileHtml2">
 		                <c:forEach items="${trublreqstmngCaseFileList}" var="file" varStatus="status">
 		                  <c:if test="${file.fileGubun == '4801000000'}">
-		                    <div id="fileUploadP${status.count}">
-		                                        <img src="/img/user/bbs/icon_file.gif" alt="gif">&nbsp;&nbsp;<a href="/seed/extra/down/file.do?dataIdx=${file.seqNo}&funcType=${file.fileFunc}&pathKey1=${siteIdx}">[${file.fileNo}-${file.seqNo}] ${file.fileName} (${file.regDt}, ${file.fileOwner})</a>
-		                                        <a href="javascript:;" onclick="javascript:jf_delete_file('${status.count}', '${file.fileSize}', 'Y', '2');"><img src="/img/user/bbs/btn_file_del.png" alt="삭제"></a>
-		                                        <input type="text" name="fileMemo_${file.seqNo}" class="fileMemoUp" value="${file.fileMemo }" style="width: 700px;display: block;margin-top: 5px;margin-bottom: 5px" maxlength="1000">
+		                    <div id="fileUploadP${status.count}" class="file_row">
+		                                        <img src="/kofair_case_seed/adm/images/component/icon_file_clip_blue.png"><a href="/seed/extra/down/file.do?dataIdx=${file.seqNo}&funcType=${file.fileFunc}&pathKey1=${siteIdx}">[${file.fileNo}-${file.seqNo}] ${file.fileName} (${file.regDt}, ${file.fileOwner})</a>
+		                                        <a href="javascript:;" class="btn_file_del" onclick="javascript:jf_delete_file('${status.count}', '${file.fileSize}', 'Y', '2');"><img src="/img/user/bbs/btn_file_del.png" alt="삭제"></a>
+		                                        <input type="text" name="fileMemo_${file.seqNo}" class="fileMemoUp" placeholder="메모를 입력하세요."  value="${file.fileMemo }" style="width: 700px;display: block;" maxlength="1000">
 		                                        <input type="hidden" name="fileIdx" value="${file.seqNo}" class="fileIdxClass"/>
 		                                        <input type="hidden" class="fileSeq_4801000000" value="${file.seqNo}" />
 		                                     </div>
@@ -5418,13 +5418,13 @@ function nanumProcessStartTmp(){
 		          <div class="bbs-view-item">
 		            <p class="item-title">조사관 사건문서첨부(신청인)</p>
 		            <div class="item-box">
-		              <div class="cs-files fl" id="upFileHtml3">
+		              <div class="cs-files cs_file_list fl" id="upFileHtml3">
 		                <c:forEach items="${trublreqstmngCaseFileList}" var="file" varStatus="status">
 		                  <c:if test="${file.fileGubun == '4811000000'}">
-		                    <div id="fileUploadP${status.count}">
-		                                        <img src="/img/user/bbs/icon_file.gif" alt="gif">&nbsp;&nbsp;<a href="/seed/extra/down/file.do?dataIdx=${file.seqNo}&funcType=${file.fileFunc}&pathKey1=${siteIdx}">[${file.fileNo}-${file.seqNo}] ${file.fileName} (${file.regDt}, ${file.fileOwner})</a>
-		                                        <a href="javascript:;" onclick="javascript:jf_delete_file('${status.count}', '${file.fileSize}', 'Y', '3');"><img src="/img/user/bbs/btn_file_del.png" alt="삭제"></a>
-		                                        <input type="text" name="fileMemo_${file.seqNo}" class="fileMemoUp" value="${file.fileMemo }" style="width: 700px;display: block;margin-top: 5px;margin-bottom: 5px" maxlength="1000">
+		                    <div id="fileUploadP${status.count}" class="file_row">
+		                                        <img src="/kofair_case_seed/adm/images/component/icon_file_clip_blue.png"><a href="/seed/extra/down/file.do?dataIdx=${file.seqNo}&funcType=${file.fileFunc}&pathKey1=${siteIdx}">[${file.fileNo}-${file.seqNo}] ${file.fileName} (${file.regDt}, ${file.fileOwner})</a>
+		                                        <a href="javascript:;" class="btn_file_del" onclick="javascript:jf_delete_file('${status.count}', '${file.fileSize}', 'Y', '3');"><i></i></a>
+		                                        <input type="text" name="fileMemo_${file.seqNo}" class="fileMemoUp" placeholder="메모를 입력하세요."  value="${file.fileMemo }" style="width: 700px;display: block;" maxlength="1000">
 		                                        <input type="hidden" name="fileIdx" value="${file.seqNo}" class="fileIdxClass"/>
 		                                        <input type="hidden" class="fileSeq_4811000000" value="${file.seqNo}" />
 		                                     </div>
@@ -5447,13 +5447,13 @@ function nanumProcessStartTmp(){
 		          <div class="bbs-view-item">
 		            <p class="item-title">피신청인 사건문서첨부</p>
 		            <div class="item-box">
-		              <div class="cs-files fl" id="upFileHtml4">
+		              <div class="cs-files cs_file_list fl" id="upFileHtml4">
 		              <c:forEach items="${trublreqstmngCaseFileList}" var="file" varStatus="status">
 		                <c:if test="${file.fileGubun == '4802000000'}">
-		                  <div id="fileUploadP${status.count}">
-		                                      <img src="/img/user/bbs/icon_file.gif" alt="gif">&nbsp;&nbsp;<a href="/seed/extra/down/file.do?dataIdx=${file.seqNo}&funcType=${file.fileFunc}&pathKey1=${siteIdx}">[${file.fileNo}-${file.seqNo}] ${file.fileName} (${file.regDt}, ${file.fileOwner})</a>
-		                                      <a href="javascript:;" onclick="javascript:jf_delete_file('${status.count}', '${file.fileSize}', 'Y', '4');"><img src="/img/user/bbs/btn_file_del.png" alt="삭제"></a>
-		                                      <input type="text" name="fileMemo_${file.seqNo}" class="fileMemoUp" value="${file.fileMemo }" style="width: 700px;display: block;margin-top: 5px;margin-bottom: 5px" maxlength="1000">
+		                  <div id="fileUploadP${status.count}" class="file_row">
+		                                      <img src="/kofair_case_seed/adm/images/component/icon_file_clip_blue.png"><a href="/seed/extra/down/file.do?dataIdx=${file.seqNo}&funcType=${file.fileFunc}&pathKey1=${siteIdx}">[${file.fileNo}-${file.seqNo}] ${file.fileName} (${file.regDt}, ${file.fileOwner})</a>
+		                                      <a href="javascript:;" class="btn_file_del" onclick="javascript:jf_delete_file('${status.count}', '${file.fileSize}', 'Y', '4');"><i></i></a>
+		                                      <input type="text" name="fileMemo_${file.seqNo}" class="fileMemoUp" placeholder="메모를 입력하세요."  value="${file.fileMemo }" style="width: 700px;display: block;" maxlength="1000">
 		                                      <input type="hidden" name="fileIdx" value="${file.seqNo}" class="fileIdxClass"/>
 		                                      <input type="hidden" class="fileSeq_4802000000" value="${file.seqNo}" />
 		                                   </div>
@@ -5476,19 +5476,19 @@ function nanumProcessStartTmp(){
 		          <div class="bbs-view-item">
 		            <p class="item-title">조사관 사건문서첨부<br/>(피신청인)</p>
 		            <div class="item-box">
-		              <div class="cs-files fl" id="upFileHtml5">
-		              <c:forEach items="${trublreqstmngCaseFileList}" var="file" varStatus="status">
-		                <c:if test="${file.fileGubun == '4812000000'}">
-		                  <div id="fileUploadP${status.count}">
-		                                      <img src="/img/user/bbs/icon_file.gif" alt="gif">&nbsp;&nbsp;<a href="/seed/extra/down/file.do?dataIdx=${file.seqNo}&funcType=${file.fileFunc}&pathKey1=${siteIdx}">[${file.fileNo}-${file.seqNo}] ${file.fileName} (${file.regDt}, ${file.fileOwner})</a>
-		                                      <a href="javascript:;" onclick="javascript:jf_delete_file('${status.count}', '${file.fileSize}', 'Y', '5');"><img src="/img/user/bbs/btn_file_del.png" alt="삭제"></a>
-		                                      <input type="text" name="fileMemo_${file.seqNo}" class="fileMemoUp" value="${file.fileMemo }" maxlength="1000" style="width: 700px;display: block;margin-top: 5px;margin-bottom: 5px">
-		                                      <input type="hidden" name="fileIdx" value="${file.seqNo}" class="fileIdxClass"/>
-		                                      <input type="hidden" class="fileSeq_4812000000" value="${file.seqNo}" />
-		                                   </div>
-		                                </c:if>
-		                            </c:forEach>
-		              </div>
+						<div class="cs-files cs_file_list fl" id="upFileHtml5">
+							<c:forEach items="${trublreqstmngCaseFileList}" var="file" varStatus="status">
+								<c:if test="${file.fileGubun == '4812000000'}">
+									<div id="fileUploadP${status.count}" class="file_row">
+										<img src="/kofair_case_seed/adm/images/component/icon_file_clip_blue.png"><a href="/seed/extra/down/file.do?dataIdx=${file.seqNo}&funcType=${file.fileFunc}&pathKey1=${siteIdx}">[${file.fileNo}-${file.seqNo}] ${file.fileName} (${file.regDt}, ${file.fileOwner})</a>
+										<a href="javascript:;" class="btn_file_del" onclick="javascript:jf_delete_file('${status.count}', '${file.fileSize}', 'Y', '5');"><i></i></a>
+										<input type="text" name="fileMemo_${file.seqNo}" class="fileMemoUp" placeholder="메모를 입력하세요." value="${file.fileMemo }" maxlength="1000" style="width: 700px;display: block;">
+										<input type="hidden" name="fileIdx" value="${file.seqNo}" class="fileIdxClass"/>
+										<input type="hidden" class="fileSeq_4812000000" value="${file.seqNo}" />
+									</div>
+								</c:if>
+							</c:forEach>
+						</div>
 		              <div class="fr">
 		                <c:choose>
 		                  <c:when test="${memberPosition == '0912000000' || memberPosition == '0911000000'}">
@@ -5520,7 +5520,7 @@ function nanumProcessStartTmp(){
                     <div id="fileUploadP${status.count}">
                                         <img src="/img/user/bbs/icon_file.gif" alt="gif">&nbsp;&nbsp;<a href="/seed/extra/down/file.do?dataIdx=${file.seqNo}&funcType=${file.fileFunc}&pathKey1=${siteIdx}">[${file.fileNo}-${file.seqNo}] ${file.fileName} (${file.regDt}, ${file.fileOwner})</a>
                                         <a href="javascript:;" onclick="javascript:jf_delete_file('${status.count}', '${file.fileSize}', 'Y', '11');"><img src="/img/user/bbs/btn_file_del.png" alt="삭제"></a>
-                                        <input type="text" name="fileMemo_${file.seqNo}" class="fileMemoUp" value="${file.fileMemo }" maxlength="1000" style="width: 700px;display: block;margin-top: 5px;margin-bottom: 5px">
+                                        <input type="text" name="fileMemo_${file.seqNo}" class="fileMemoUp" placeholder="메모를 입력하세요."  value="${file.fileMemo }" maxlength="1000" style="width: 700px;display: block;margin-top: 5px;margin-bottom: 5px">
                                         <input type="hidden" name="fileIdx" value="${file.seqNo}" class="fileIdxClass"/>
                                         <input type="hidden" class="fileSeq_4815000000" value="${file.seqNo}" />
                                      </div>
@@ -5550,7 +5550,7 @@ function nanumProcessStartTmp(){
                     <div id="fileUploadP${status.count}">
                                         <img src="/img/user/bbs/icon_file.gif" alt="gif">&nbsp;&nbsp;<a href="/seed/extra/down/file.do?dataIdx=${file.seqNo}&funcType=${file.fileFunc}&pathKey1=${siteIdx}">[${file.fileNo}-${file.seqNo}] ${file.fileName} (${file.regDt}, ${file.fileOwner})</a>
                                         <a href="javascript:;" onclick="javascript:jf_delete_file('${status.count}', '${file.fileSize}', 'Y', '17');"><img src="/img/user/bbs/btn_file_del.png" alt="삭제"></a>
-                                        <input type="text" name="fileMemo_${file.seqNo}" class="fileMemoUp" value="${file.fileMemo }" style="width: 700px;display: block;margin-top: 5px;margin-bottom: 5px" maxlength="1000">
+                                        <input type="text" name="fileMemo_${file.seqNo}" class="fileMemoUp" placeholder="메모를 입력하세요."  value="${file.fileMemo }" style="width: 700px;display: block;margin-top: 5px;margin-bottom: 5px" maxlength="1000">
                                         <input type="hidden" name="fileIdx" value="${file.seqNo}" class="fileIdxClass"/>
                                         <input type="hidden" class="fileSeq_4828000000" value="${file.seqNo}" />
                                      </div>
@@ -5580,7 +5580,7 @@ function nanumProcessStartTmp(){
                     <div id="fileUploadP${status.count}">
                                         <img src="/img/user/bbs/icon_file.gif" alt="gif">&nbsp;&nbsp;<a href="/seed/extra/down/file.do?dataIdx=${file.seqNo}&funcType=${file.fileFunc}&pathKey1=${siteIdx}">[${file.fileNo}-${file.seqNo}] ${file.fileName} (${file.regDt}, ${file.fileOwner})</a>
                                         <a href="javascript:;" onclick="javascript:jf_delete_file('${status.count}', '${file.fileSize}', 'Y', '12');"><img src="/img/user/bbs/btn_file_del.png" alt="삭제"></a>
-                                        <input type="text" name="fileMemo_${file.seqNo}" class="fileMemoUp" value="${file.fileMemo }" style="width: 700px;display: block;margin-top: 5px;margin-bottom: 5px" maxlength="1000">
+                                        <input type="text" name="fileMemo_${file.seqNo}" class="fileMemoUp" placeholder="메모를 입력하세요."  value="${file.fileMemo }" style="width: 700px;display: block;margin-top: 5px;margin-bottom: 5px" maxlength="1000">
                                         <input type="hidden" name="fileIdx" value="${file.seqNo}" class="fileIdxClass"/>
                                         <input type="hidden" class="fileSeq_4816000000" value="${file.seqNo}" />
                                      </div>
@@ -5608,7 +5608,7 @@ function nanumProcessStartTmp(){
                   <div id="fileUploadP${status.count}">
                                       <img src="/img/user/bbs/icon_file.gif" alt="gif">&nbsp;&nbsp;<a href="/seed/extra/down/file.do?dataIdx=${file.seqNo}&funcType=${file.fileFunc}&pathKey1=${siteIdx}">[${file.fileNo}-${file.seqNo}] ${file.fileName} (${file.regDt}, ${file.fileOwner})</a>
                                       <a href="javascript:;" onclick="javascript:jf_delete_file('${status.count}', '${file.fileSize}', 'Y', '13');"><img src="/img/user/bbs/btn_file_del.png" alt="삭제"></a>
-                                      <input type="text" name="fileMemo_${file.seqNo}" class="fileMemoUp" value="${file.fileMemo }" style="width: 700px;display: block;margin-top: 5px;margin-bottom: 5px" maxlength="1000">
+                                      <input type="text" name="fileMemo_${file.seqNo}" class="fileMemoUp" placeholder="메모를 입력하세요."  value="${file.fileMemo }" style="width: 700px;display: block;margin-top: 5px;margin-bottom: 5px" maxlength="1000">
                                       <input type="hidden" name="fileIdx" value="${file.seqNo}" class="fileIdxClass"/>
                                       <input type="hidden" class="fileSeq_4817000000" value="${file.seqNo}" />
                                    </div>
@@ -5636,7 +5636,7 @@ function nanumProcessStartTmp(){
                   <div id="fileUploadP${status.count}">
                                       <img src="/img/user/bbs/icon_file.gif" alt="gif">&nbsp;&nbsp;<a href="/seed/extra/down/file.do?dataIdx=${file.seqNo}&funcType=${file.fileFunc}&pathKey1=${siteIdx}">[${file.fileNo}-${file.seqNo}] ${file.fileName} (${file.regDt}, ${file.fileOwner})</a>
                                       <a href="javascript:;" onclick="javascript:jf_delete_file('${status.count}', '${file.fileSize}', 'Y', '14');"><img src="/img/user/bbs/btn_file_del.png" alt="삭제"></a>
-                                      <input type="text" name="fileMemo_${file.seqNo}" class="fileMemoUp" value="${file.fileMemo }" style="width: 700px;display: block;margin-top: 5px;margin-bottom: 5px" maxlength="1000">
+                                      <input type="text" name="fileMemo_${file.seqNo}" class="fileMemoUp" placeholder="메모를 입력하세요."  value="${file.fileMemo }" style="width: 700px;display: block;margin-top: 5px;margin-bottom: 5px" maxlength="1000">
                                       <input type="hidden" name="fileIdx" value="${file.seqNo}" class="fileIdxClass"/>
                                       <input type="hidden" class="fileSeq_4818000000" value="${file.seqNo}" />
                                    </div>
@@ -5674,7 +5674,7 @@ function nanumProcessStartTmp(){
 	                      <div id="fileUploadP${status.count}">
 	                                          <img src="/img/user/bbs/icon_file.gif" alt="gif">&nbsp;&nbsp;<a href="/seed/extra/down/file.do?dataIdx=${file.seqNo}&funcType=${file.fileFunc}&pathKey1=${siteIdx}">[${file.fileNo}-${file.seqNo}] ${file.fileName} (${file.regDt}, ${file.fileOwner})</a>
 	                                          <a href="javascript:;" onclick="javascript:jf_delete_file('${status.count}', '${file.fileSize}', 'Y', '15');"><img src="/img/user/bbs/btn_file_del.png" alt="삭제"></a>
-	                                          <input type="text" name="fileMemo_${file.seqNo}" class="fileMemoUp" value="${file.fileMemo }" style="width: 700px;display: block;margin-top: 5px;margin-bottom: 5px" maxlength="1000">
+	                                          <input type="text" name="fileMemo_${file.seqNo}" class="fileMemoUp" placeholder="메모를 입력하세요."  value="${file.fileMemo }" style="width: 700px;display: block;margin-top: 5px;margin-bottom: 5px" maxlength="1000">
 	                                          <input type="hidden" name="fileIdx" value="${file.seqNo}" class="fileIdxClass"/>
 	                                       </div>
 	                                    </c:if>
@@ -5694,7 +5694,7 @@ function nanumProcessStartTmp(){
 	                      <div id="fileUploadP${status.count}">
 	                                          <img src="/img/user/bbs/icon_file.gif" alt="gif">&nbsp;&nbsp;<a href="/seed/extra/down/file.do?dataIdx=${file.seqNo}&funcType=${file.fileFunc}&pathKey1=${siteIdx}">[${file.fileNo}-${file.seqNo}] ${file.fileName} (${file.regDt}, ${file.fileOwner})</a>
 	                                          <a href="javascript:;" onclick="javascript:jf_delete_file('${status.count}', '${file.fileSize}', 'Y', '16');"><img src="/img/user/bbs/btn_file_del.png" alt="삭제"></a>
-	                                          <input type="text" name="fileMemo_${file.seqNo}" class="fileMemoUp" value="${file.fileMemo }" style="width: 700px;display: block;margin-top: 5px;margin-bottom: 5px" maxlength="1000">
+	                                          <input type="text" name="fileMemo_${file.seqNo}" class="fileMemoUp" placeholder="메모를 입력하세요."  value="${file.fileMemo }" style="width: 700px;display: block;margin-top: 5px;margin-bottom: 5px" maxlength="1000">
 	                                          <input type="hidden" name="fileIdx" value="${file.seqNo}" class="fileIdxClass"/>
 	                                       </div>
 	                                    </c:if>
@@ -8489,7 +8489,7 @@ function nanumProcessStartTmp(){
 		        </table>
 		      </div>
 		      <div class="tit-box">
-		        <h4 class="title depth03">도급대금 내역 (피신청인)</h4>
+		        <h4 class="title depth02">도급대금 내역 (피신청인)</h4>
 		        <div>
 		          <button type="button" class="btn-default btn btn_text btn_36 blue_border violet" id="p_Cnt" data-add-respondent data-forms-addnum="${(fn:length(selectSubcntrsttusR) > 0) ? fn:length(selectSubcntrsttusR)-1 : 0}">입력추가</button>
 		          <button type="button" class="btn-default btn btn_text btn_36 red_border red" data-remove-respondent>첫번째 행 삭제</button>
diff --git a/src/main/webapp/kofair_case_seed/adm/images/component/icon_file_clip_blue.png b/src/main/webapp/kofair_case_seed/adm/images/component/icon_file_clip_blue.png
new file mode 100644
index 00000000..9125b843
Binary files /dev/null and b/src/main/webapp/kofair_case_seed/adm/images/component/icon_file_clip_blue.png differ
diff --git a/src/main/webapp/kofair_case_seed/adm/images/component/icon_popup_close_white.png b/src/main/webapp/kofair_case_seed/adm/images/component/icon_popup_close_white.png
new file mode 100644
index 00000000..886b8c63
Binary files /dev/null and b/src/main/webapp/kofair_case_seed/adm/images/component/icon_popup_close_white.png differ
diff --git a/src/main/webapp/kofair_case_seed/adm/images/main/icon_1.png b/src/main/webapp/kofair_case_seed/adm/images/main/icon_1.png
new file mode 100644
index 00000000..c6562c48
Binary files /dev/null and b/src/main/webapp/kofair_case_seed/adm/images/main/icon_1.png differ
diff --git a/src/main/webapp/kofair_case_seed/adm/images/main/icon_2.png b/src/main/webapp/kofair_case_seed/adm/images/main/icon_2.png
new file mode 100644
index 00000000..4614c73e
Binary files /dev/null and b/src/main/webapp/kofair_case_seed/adm/images/main/icon_2.png differ
diff --git a/src/main/webapp/kofair_case_seed/adm/images/main/icon_3.png b/src/main/webapp/kofair_case_seed/adm/images/main/icon_3.png
new file mode 100644
index 00000000..ea4e31bd
Binary files /dev/null and b/src/main/webapp/kofair_case_seed/adm/images/main/icon_3.png differ
diff --git a/src/main/webapp/kofair_case_seed/adm/images/main/icon_4.png b/src/main/webapp/kofair_case_seed/adm/images/main/icon_4.png
new file mode 100644
index 00000000..4e780478
Binary files /dev/null and b/src/main/webapp/kofair_case_seed/adm/images/main/icon_4.png differ
diff --git a/src/main/webapp/kofair_case_seed/adm/images/main/icon_baro.png b/src/main/webapp/kofair_case_seed/adm/images/main/icon_baro.png
new file mode 100644
index 00000000..6f5b1241
Binary files /dev/null and b/src/main/webapp/kofair_case_seed/adm/images/main/icon_baro.png differ
diff --git a/src/main/webapp/kofair_case_seed/adm/images/main/icon_plus.png b/src/main/webapp/kofair_case_seed/adm/images/main/icon_plus.png
new file mode 100644
index 00000000..e7171a81
Binary files /dev/null and b/src/main/webapp/kofair_case_seed/adm/images/main/icon_plus.png differ
diff --git a/src/main/webapp/kofair_case_seed/adm/index.html b/src/main/webapp/kofair_case_seed/adm/index.html
index 97c2f9e8..260745d0 100644
--- a/src/main/webapp/kofair_case_seed/adm/index.html
+++ b/src/main/webapp/kofair_case_seed/adm/index.html
@@ -39,14 +39,14 @@
           </div>
           <ul class="box_list">
             <li>
-              <a href="#">
+              <a href="#" class="new">
                 <span class="list_title">· 하도2024-0005</span>
                 <span class="list_writer">상호명</span>
                 <span class="list_date">2024.11.11</span>
               </a>
             </li>
             <li>
-              <a href="#">
+              <a href="#" class="new">
                 <span class="list_title">· 하도2024-0005</span>
                 <span class="list_writer">상호명</span>
                 <span class="list_date">2024.11.11</span>
diff --git a/src/main/webapp/kofair_case_seed/adm/style/index.css b/src/main/webapp/kofair_case_seed/adm/style/index.css
index 590237d0..ac1e6cf4 100644
--- a/src/main/webapp/kofair_case_seed/adm/style/index.css
+++ b/src/main/webapp/kofair_case_seed/adm/style/index.css
@@ -15,7 +15,8 @@
 .main .box_list a{display:flex;font-size:16px;font-weight:300;color:#666;gap:3px;transition:all 0.3s;}
 .main .box_list a:hover{text-decoration:underline;text-underline-offset:3px;transition:all 0.3s;}
 .main .box_list span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
-.main .box_list .list_title{width:calc(100% - 160px);font-weight:400;color:#222;}
+.main .box_list .list_title{position:relative;width:calc(100% - 160px);font-weight:400;color:#222;}
+.main .box_list .new .list_title::after{position:absolute;content:"N";display:inline-flex;width:16px;height:16px;font-size:10px;font-weight:bold;color:#fff;background:#e40000;border-radius:5px;justify-content:center;align-items:center;margin:4px 0 0 5px;}
 .main .box_list .list_writer{width:60px;}
 .main .box_list .list_date{width:100px;text-align:right;}
 
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 fd38df9e..3bb09708 100644
--- a/src/main/webapp/kofair_case_seed/adm/style/style.css
+++ b/src/main/webapp/kofair_case_seed/adm/style/style.css
@@ -153,6 +153,11 @@ form h3,.title.depth02{font-size:20px;font-weight:bold;}
 .wrap .file_wrap table tbody td .btn_del{height:24px;vertical-align:middle;}
 .wrap .file_wrap .file_name img{display:inline-block;vertical-align:middle;}
 
+.cs_file_list{display:inline-flex;width:calc(100% - 150px);flex-direction:column;gap:8px;}
+.file_row{display:flex;padding:10px 20px;align-items:center;flex-wrap:wrap;gap:5px;background:#f4f5f6;border-radius:5px;}
+.file_row .btn_file_del{width:18px;height:18px;background:#e40000;border-radius:5px;margin:2px 0 0 0;}
+.file_row .btn_file_del i{display:inline-block;width:100%;height:100%;background:url(/kofair_case_seed/adm/images/component/icon_popup_close_white.png) no-repeat center center;background-size:8px auto;}
+
 /* 갤러리 리스트 */
 .list_gallery{display:flex;border-top:2px solid #222;border-bottom:1px solid #d5d5d5;margin:15px 0 0 0;padding:30px 0;gap:30px;flex-wrap:wrap}
 .list_gallery article{position:relative;width:calc((100% - 104px)/4);border:1px solid #d5d5d5;}
diff --git a/src/main/webapp/kofair_case_seed/usr/images/main/main_popup_img1.jpg b/src/main/webapp/kofair_case_seed/usr/images/main/main_popup_img1.jpg
new file mode 100644
index 00000000..2f95a274
Binary files /dev/null and b/src/main/webapp/kofair_case_seed/usr/images/main/main_popup_img1.jpg differ
diff --git a/src/main/webapp/kofair_case_seed/usr/images/main/main_popup_img2.jpg b/src/main/webapp/kofair_case_seed/usr/images/main/main_popup_img2.jpg
new file mode 100644
index 00000000..5e43c738
Binary files /dev/null and b/src/main/webapp/kofair_case_seed/usr/images/main/main_popup_img2.jpg differ
diff --git a/src/main/webapp/kofair_case_seed/usr/index.html b/src/main/webapp/kofair_case_seed/usr/index.html
index 3096cf80..44c59f38 100644
--- a/src/main/webapp/kofair_case_seed/usr/index.html
+++ b/src/main/webapp/kofair_case_seed/usr/index.html
@@ -22,11 +22,116 @@
   <script src="/kofair_case_seed/script/plugin/swiper-11.1.9/package/swiper-bundle.js"></script>
   <link rel="stylesheet" href="/kofair_case_seed/script/plugin/swiper-11.1.9/package/swiper-bundle.css">
 
+  <!-- 메인 팝업 슬라이드 -->
+  <!-- <script type="text/javascript" src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
+  <link rel="stylesheet" href="/kofair_case_seed/script/plugin/slick-1.8.1/slick/slick.css"">
+  <script type="text/javascript" src="/kofair_case_seed/script/plugin/slick-1.8.1/slick/slick.js"></script> -->
 
 </head>
 
 <body>
   <div class="mask"></div>
+
+  <div class="popup_area" name="popup_area">
+
+    <!-- popup_slide -->
+    <div class="popup_slide swiper">
+      <div class="swiper-wrapper">
+        <div class="swiper-slide popup_wrap">
+          <div class="img_area">
+            <img src="/kofair_case_seed/usr/images/main/main_popup_img1.jpg" alt="">
+          </div>
+        </div>
+        <div class="swiper-slide popup_wrap">
+          <div class="img_area">
+            <img src="/kofair_case_seed/usr/images/main/main_popup_img2.jpg" alt="">
+          </div>
+        </div>
+        <div class="swiper-slide popup_wrap">
+          <div class="img_area">
+            <img src="/kofair_case_seed/usr/images/main/main_popup_img1.jpg" alt="">
+          </div>
+        </div>
+        <div class="swiper-slide popup_wrap">
+          <div class="img_area">
+            <img src="/kofair_case_seed/usr/images/main/main_popup_img1.jpg" alt="">
+          </div>
+        </div>
+        <div class="swiper-slide popup_wrap">
+          <div class="img_area">
+            <img src="/kofair_case_seed/usr/images/main/main_popup_img1.jpg" alt="">
+          </div>
+        </div>
+      </div>
+
+    </div>
+    <!-- //popup_slide -->
+
+    <!-- <div class="popup_slide">
+
+        <div class="popup_wrap">
+          <div class="img_area">
+            <img src="/kofair_case_seed/usr/images/main/main_popup_img1.jpg" alt="">1
+          </div>
+          <div class="util_area">
+            <span><input type="checkbox" id="close_1"><label for="close_1"> 하루동안 창 열지 않음</label></span>
+            <button type="button" class="btn_close" onclick="slideRemove(this);"><i></i></button>
+          </div>
+        </div>
+        <div class="popup_wrap">
+          <div class="img_area">
+            <img src="/kofair_case_seed/usr/images/main/main_popup_img2.jpg" alt="">2
+          </div>
+          <div class="util_area">
+            <span><input type="checkbox" id="close_2"><label for="close_2"> 하루동안 창 열지 않음</label></span>
+            <button type="button" class="btn_close" onclick="slideRemove(this);"><i></i></button>
+          </div>
+        </div>
+        <div class="popup_wrap">
+          <div class="img_area">
+            <img src="/kofair_case_seed/usr/images/main/main_popup_img1.jpg" alt="">3
+          </div>
+          <div class="util_area">
+            <span><input type="checkbox" id="close_3"><label for="close_3"> 하루동안 창 열지 않음</label></span>
+            <button type="button" class="btn_close" onclick="slideRemove(this);"><i></i></button>
+          </div>
+        </div>
+        <div class="popup_wrap">
+          <div class="img_area">
+            <img src="/kofair_case_seed/usr/images/main/main_popup_img2.jpg" alt="">4
+          </div>
+          <div class="util_area">
+            <span><input type="checkbox" id="close_4"><label for="close_4"> 하루동안 창 열지 않음</label></span>
+            <button type="button" class="btn_close" onclick="slideRemove(this);"><i></i></button>
+          </div>
+        </div>
+        <div class="popup_wrap">
+          <div class="img_area">
+            <img src="/kofair_case_seed/usr/images/main/main_popup_img1.jpg" alt="">5
+          </div>
+          <div class="util_area">
+            <span><input type="checkbox" id="close_5"><label for="close_5"> 하루동안 창 열지 않음</label></span>
+            <button type="button" class="btn_close" onclick="slideRemove(this);"><i></i></button>
+          </div>
+        </div>
+
+    </div> -->
+
+    <div class="popup_util">
+      <p class="popup_number"></p>
+      <div class="today_close">
+        <input type="checkbox" name="today_close" id="all_today_close"><label for="all_today_close">하루동안 창 열지 않음</label>
+      </div>
+      <button type="button" class="btn btn_text btn_all_close" onclick="popCe()">닫기</button>
+    </div>
+
+    <div class="popup_navigation">
+      <button type="button" class="popup_arrow popup_prev"></button>
+      <button type="button" class="popup_arrow popup_next"></button>
+    </div>
+
+  </div>
+
   <div class="wrap main">
     <div data-include-path="/kofair_case_seed/usr/layout/_header.html"></div>
 
diff --git a/src/main/webapp/kofair_case_seed/usr/scripts/index.js b/src/main/webapp/kofair_case_seed/usr/scripts/index.js
index a95850fb..e98d0db9 100644
--- a/src/main/webapp/kofair_case_seed/usr/scripts/index.js
+++ b/src/main/webapp/kofair_case_seed/usr/scripts/index.js
@@ -1,9 +1,88 @@
-$(function(){
-  
+$(function () {
+
+  // 팝업 slide slick 으로
+  var popupswiper = new Swiper(".popup_slide", {
+    slidesPerView: 1,
+    spaceBetween: 25,
+    loop: false,
+    pagination: {
+      el: ".popup_number",
+      type: "fraction",
+    },
+    navigation: {
+      nextEl: ".popup_next",
+      prevEl: ".popup_prev",
+    },
+    breakpoints: {
+      768: {
+        slidesPerView: 2,
+        spaceBetween: 20,
+      },
+      1300: {
+        slidesPerView: 3,
+        spaceBetween: 25,
+      }
+    },
+  });
+
+  $(".btn_all_close").click(function () {
+	  $(".popup_area").hide();
+	  popupswiper.disable();
+  });
+
+
+
+
+  /*
+  // 슬라이드 삭제.
+  // 팝업 slide slick 으로 / swiper는 슬라이드 삭제 시 오류 발생
+  $(".popup_slide").slick({
+    slidesToShow: 2,
+    slidesToScroll: 1,
+    speed: 500,
+    accessibility: false,
+    infinite: false,
+    centerMode: false,
+    variableWidth: false,
+    responsive: [{
+        breakpoint: 768,
+        settings: {
+          arrows: true,
+          accessibility: false,
+          infinite: false,
+          centerMode: false,
+          variableWidth: false,
+          centerPadding: '0px',
+          slidesToShow: 1,
+        }
+      },
+      {
+        breakpoint: 1200,
+        settings: {
+          arrows: true,
+          accessibility: false,
+          infinite: false,
+          centerMode: false,
+          variableWidth: false,
+          centerPadding: '30px',
+          slidesToShow: 1,
+        }
+      }
+    ]
+  });
+
+  $(".btn_all_close").click(function(){
+    $(".popup_area").hide();
+    $('.popup_slide').slick('unslick');
+  });*/
+
+
+
+
   var swiper = new Swiper(".case_list", {
     slidesPerView: 4,
     spaceBetween: 25,
-    loop:false,
+    loop: false,
     navigation: {
       nextEl: ".case_content .btn_next",
       prevEl: ".case_content .btn_prev",
@@ -23,7 +102,7 @@ $(function(){
   var swiper = new Swiper(".banner_slide", {
     slidesPerView: 6,
     spaceBetween: 25,
-    loop:true,
+    loop: true,
     navigation: {
       nextEl: ".banner_contents .btn_next",
       prevEl: ".banner_contents .btn_prev",
@@ -40,11 +119,12 @@ $(function(){
     }
   });
 
-  $(".notice_content .tab").click(function(){
+  $(".notice_content .tab").click(function () {
     $(this).addClass("active");
     $(this).siblings(".tab").removeClass("active");
     $(this).next(".tab_content").addClass("active");
     $(this).next(".tab_content").siblings(".tab_content").removeClass('active');
   })
 
-})
\ No newline at end of file
+})
+
diff --git a/src/main/webapp/kofair_case_seed/usr/style/case.css b/src/main/webapp/kofair_case_seed/usr/style/case.css
index c8daf083..44fa02cf 100644
--- a/src/main/webapp/kofair_case_seed/usr/style/case.css
+++ b/src/main/webapp/kofair_case_seed/usr/style/case.css
@@ -14,6 +14,11 @@
   .case_content .view_top .input_box{margin:5px 0 0 36px;}
   .case_step li{width:calc((100% / 2) - 3px);}
   .case_step button{width:100%;height:90px;font-size:3.4rem;border:2px solid #d8d8d8;border-radius:10px;}
+  
+  /* 마이페이지 > 법률상담 */
+  .law_counsel_content .search_wrap li:nth-last-child(2){width:calc(100% - 140px);}
+  .law_counsel_content .search_wrap li:nth-last-child(2) .input_text{width:100%;}
+  .law_counsel_content .search_wrap li:last-child{width:110px;}
 }
 
 /* ==================== 모바일 ==================== */
@@ -21,6 +26,11 @@
 
   .case_content .view_top .input_box{margin:3px 0 0 18px;}
   .case_step button{height:45px;font-size:1.7rem;border:1px solid #d8d8d8;border-radius:5px;}
+  
+  /* 마이페이지 > 법률상담 */
+  :not(.window_popup.idf) .law_counsel_content .search_wrap select[name=search_type], :not(.window_popup.idf) .law_counsel_content .search_wrap select[name=searchType]{width:100%;}
+  .law_counsel_content .search_wrap li:nth-last-child(2){width:calc(100% - 90px);}
+  .law_counsel_content .search_wrap li:last-child{width:80px;}
 
 }
 
diff --git a/src/main/webapp/kofair_case_seed/usr/style/common.css b/src/main/webapp/kofair_case_seed/usr/style/common.css
index fe45ed93..4fec49a1 100644
--- a/src/main/webapp/kofair_case_seed/usr/style/common.css
+++ b/src/main/webapp/kofair_case_seed/usr/style/common.css
@@ -150,13 +150,13 @@ input:disabled, input:read-only{background:#f8f9fa;border:1px solid #d8d8d8;}
 @media screen and (max-width: 1199px){
 
    /* 버튼 */
-  :not(".window_popup.idf") .btn{border-radius:10px;}
-  :not(".window_popup.idf") .btn:hover{box-shadow:none;}
+  :not(.window_popup.idf) .btn{border-radius:10px;}
+  :not(.window_popup.idf) .btn:hover{box-shadow:none;}
 
-  :not(".window_popup.idf") .btn_35{height:70px;font-size:3.2rem;padding:0 50px;}
-  :not(".window_popup.idf") .btn_40{height:80px;font-size:3.4rem;padding:0 38px;}
-  :not(".window_popup.idf") .btn_45{height:90px;font-size:3.4rem;padding:0 36px;}
-  :not(".window_popup.idf") .btn_50{height:100px;font-size:4rem;}
+  :not(.window_popup.idf) .btn_35{height:70px;font-size:3.2rem;padding:0 50px;}
+  :not(.window_popup.idf) .btn_40{height:80px;font-size:3.4rem;padding:0 38px;}
+  :not(.window_popup.idf) .btn_45{height:90px;font-size:3.4rem;padding:0 36px;}
+  :not(.window_popup.idf) .btn_50{height:100px;font-size:4rem;}
 
 
   /* 노출/숨김 */
@@ -164,8 +164,8 @@ input:disabled, input:read-only{background:#f8f9fa;border:1px solid #d8d8d8;}
 
   /* input, select, textarea */
   .input_box{gap:30px;}
-  :not(".window_popup.idf") .input_text, .input_calendar .duet-date__input{height:80px;font-size:3.4rem;border-radius:10px;padding:0 20px;}
-  :not(".window_popup.idf") .input_text::placeholder, .input_calendar .duet-date__input::placeholder{font-size:3.4rem;}
+  :not(.window_popup.idf) .input_text, .input_calendar .duet-date__input{height:80px;font-size:3.4rem;border-radius:10px;padding:0 20px;}
+  :not(.window_popup.idf) .input_text::placeholder, .input_calendar .duet-date__input::placeholder{font-size:3.4rem;}
   .select{min-width:120px;height:80px;font-size:3.4rem;border-radius:10px;background:#fff url(/kofair_case_seed/usr/images/component/icon_select_m.png) no-repeat calc(100% - 16px) calc(50% + 1px);}
   .radio{width:30px;height:30px;margin:0 21px 0 0;}
   .radio+label{font-size:3.4rem;}
@@ -199,16 +199,16 @@ input:disabled, input:read-only{background:#f8f9fa;border:1px solid #d8d8d8;}
 @media screen and (max-width: 767px){
 
   /* 버튼 */
-  .btn{border-radius:5px;}
-  .btn_35{height:35px;font-size:1.6rem;padding:0 25px;}
-  .btn_40{height:40px;font-size:1.7rem;padding:0 18px;}
-  .btn_45{height:45px;font-size:1.7rem;padding:0 18px;}
-  .btn_50{height:50px;font-size:2rem;}
+  :not(.window_popup.idf) .btn{border-radius:5px;}
+  :not(.window_popup.idf) .btn_35{height:35px;font-size:1.6rem;padding:0 25px;}
+  :not(.window_popup.idf) .btn_40{height:40px;font-size:1.7rem;padding:0 18px;}
+  :not(.window_popup.idf) .btn_45{height:45px;font-size:1.7rem;padding:0 18px;}
+  :not(.window_popup.idf) .btn_50{height:50px;font-size:2rem;}
 
   /* input, select, textarea */
-  .input_text, .input_calendar .duet-date__input{height:40px;font-size:1.7rem;border-radius:5px;padding:0 10px;}
-  .input_text::placeholder, .input_calendar .duet-date__input::placeholder{font-size:1.7rem;}
-  .select{min-width:120px;height:40px;font-size:1.7rem;border-radius:5px;background:#fff url(/kofair_case_seed/usr/images/component/icon_select_m.png) no-repeat calc(100% - 16px) calc(50% + 1px);}
+  :not(.window_popup.idf) .input_text, .input_calendar .duet-date__input{height:40px;font-size:1.7rem;border-radius:5px;padding:0 10px;}
+  :not(.window_popup.idf) .input_text::placeholder, .input_calendar .duet-date__input::placeholder{font-size:1.7rem;}
+  :not(.window_popup.idf) .select{min-width:120px;height:40px;font-size:1.7rem;border-radius:5px;background:#fff url(/kofair_case_seed/usr/images/component/icon_select_m.png) no-repeat calc(100% - 16px) calc(50% + 1px);}
   .radio{width:16px;height:16px;margin:0 5px 0 0;}
   .radio+label{font-size:1.7rem;}
   .checkbox{width:18px;height:18px;margin:0 10px 0 0;border:2px solid #d8d8d8;}
diff --git a/src/main/webapp/kofair_case_seed/usr/style/index.css b/src/main/webapp/kofair_case_seed/usr/style/index.css
index 81324d60..7979a67f 100644
--- a/src/main/webapp/kofair_case_seed/usr/style/index.css
+++ b/src/main/webapp/kofair_case_seed/usr/style/index.css
@@ -6,6 +6,54 @@
 .main .icon.arrow.right{width:9px;height:16px;background:url(/kofair_case_seed/usr/images/main/icon_slide_next.png) no-repeat center center;margin:0 0 0 3px;}
 .main .footer .icon.arrow.right{width:7px;height:13px;background:url(/kofair_case_seed/usr/images/component/icon_arrow_right.png) no-repeat center center;margin:-3px 0 0 6px;}
 
+/* 팝업 */
+
+.popup_area{position:fixed;display:flex;width:100%;height:100%;flex-direction:column-reverse;justify-content:center;background:rgba(0,0,0,0.6);top:0;z-index:10;}
+.popup_area .popup_slide{display:flex;width:calc(100% - 180px);max-width:1440px;margin:0 auto;align-items:center;gap:30px;}
+.popup_area .swiper-wrapper{height:auto;align-items:center;}
+.popup_area .popup_wrap{border:0px solid #2e40ba;border-radius:10px;overflow:hidden;}
+.popup_area .img_area{display:flex;width:100%;background:#f4f5f7;justify-content:center;align-items:center;}
+.popup_area .util_area{display:flex;width:100%;height:44px;font-size:16px;color:#666;padding:0 20px;background:#f4f5f7;justify-content:space-between;align-items:center;}
+.popup_area .util_area span{display:flex;align-items:center;gap:6px;}
+
+.popup_area input[type="checkbox"]{width:18px;height:18px;}
+.popup_area .btn_close{width:44px;height:44px;}
+.popup_area .btn_close i{display:inline-block;width:100%;height:100%;background:url(/kofair_case_seed/usr/images/component/icon_popup_close.png) no-repeat center center;} 
+
+.popup_area .popup_navigation{position:absolute;display:flex;width:95%;height:100%;max-width:1560px;margin:0 auto;align-items:center;justify-content:space-between;left:50%;transform:translateX(-50%);}
+.popup_area .popup_arrow{position:relative;width:30px;color:transparent;}
+.popup_area .popup_arrow::after{position:absolute;content:"";width:30px;height:30px;border:8px solid #fff;}
+.popup_area .popup_arrow:disabled{background:transparent !important;border:0 !important;}
+.popup_area .popup_arrow:disabled::after{opacity:0.5;}
+.popup_area .popup_prev::after{transform:rotate(135deg);border-top:0;border-left:0;}
+.popup_area .popup_next::after{transform:rotate(135deg);border-bottom:0;border-right:0;left:-15px}
+
+.popup_util {display:flex;width:calc(100% - 180px);max-width:1440px;margin:0 auto 20px auto;padding:0;justify-content:flex-end;z-index:5;}
+.popup_util .popup_number{width:auto;font-size:1.8rem;color:#fff;margin:0 20px 0 0;}
+.popup_util .index_number,.popup_util .swiper-pagination-current{font-size:2.4rem;font-weight:bold;color:#c4daff;}
+.popup_util .btn_all_close,.popup_util .today_close{width:80px;height:36px;font-size:1.8rem;font-weight:400;color:#fff;background:rgba(0,0,0,0.4);border:1px solid #fff;border-radius:5px;;}
+.popup_util .today_close{display:inline-flex;width:auto;padding:0 15px;margin:0 8px 0 0;align-items:center;}
+.popup_util .today_close input[type="checkbox"]{width:20px;height:20px;margin:0 4px 0 0;}
+
+/* .popup_area .popup_slide{display:flex;width:80%;max-width:1440px;margin:0 auto;align-items:center;gap:30px;}
+.popup_area .slick-slide{margin:0 20px;}
+.popup_area .slick-slide:not(.slick-current){position:relative;}
+.popup_area .slick-slide:not(.slick-current)::after{position:absolute;content:"";width:100%;height:100%;background:rgba(0,0,0,0.6);left:0;top:0;}
+.popup_area .slick-arrow{position:relative;width:30px;color:transparent;}
+.popup_area .slick-arrow::after{position:absolute;content:"";width:30px;height:30px;border:8px solid #fff;}
+.popup_area .slick-prev::after{transform:rotate(135deg);border-top:0;border-left:0;}
+.popup_area .slick-next::after{transform:rotate(135deg);border-bottom:0;border-right:0;left:-15px} */
+/* 
+.popup_area .popup_wrap{width:auto;height:auto;border:3px solid #2e40ba;flex-shrink:unset;}
+.popup_area .img_area{display:flex;width:100%;background:#fff;justify-content:center;align-items:center;}
+.popup_area .util_area{display:flex;width:100%;height:44px;font-size:16px;color:#666;padding:0 20px;background:#f4f5f7;justify-content:space-between;align-items:center;}
+.popup_area .util_area span{display:flex;align-items:center;gap:6px;}
+.popup_area input[type="checkbox"]{width:18px;height:18px;}
+.popup_area .btn_close{width:44px;height:44px;}
+.popup_area .btn_close i{display:inline-block;width:100%;height:100%;background:url(/kofair_case_seed/usr/images/component/icon_popup_close.png) no-repeat center center;} */
+
+/* //팝업 */
+
 /* 바로가기 */
 
 .visual{width:100%;padding:70px 0;background:url(/kofair_case_seed/usr/images/main/main_visual.jpg) no-repeat center center;text-align:center;background-size:cover;}
@@ -143,6 +191,11 @@
 
 /* ==================== 테블릿 ==================== */
 @media screen and (max-width: 1199px){
+
+  /* popup */
+  .popup_area{flex-direction:column;}
+  .popup_area .swiper-wrapper{margin:0 auto;gap:0;}
+  .popup_util {margin:20px auto 0 auto;justify-content:center;}
 	
   .main .icon.arrow.left{width:60px;height:60px;background:url(/kofair_case_seed/usr/images/component/icon_arrow_left_60.png) no-repeat center center;margin:0;}
   .main .icon.pause{width:60px;height:60px;background:url(/kofair_case_seed/usr/images/component/icon_pause_60.png) no-repeat center center;margin:0;}
@@ -209,6 +262,12 @@
 
 /* ==================== 모바일 ==================== */
 @media screen and (max-width: 767px){
+
+  .popup_area .popup_slide{width:calc(90% - 60px);}
+  .popup_area .slick-slide{margin:0 10px;}
+  .popup_util {display:block;text-align:center;margin:20px auto 0 auto;}
+  .popup_util .popup_number{margin:0 0 20px 0;}
+  .popup_util .btn_all_close, .popup_util .today_close{vertical-align:middle;}
 	
   .main .footer .icon.arrow.right{width:7px;height:13px;background:url(/kofair_case_seed/usr/images/component/icon_arrow_right.png) no-repeat center center;margin:-4px 0 0 6px;}
 
diff --git a/src/main/webapp/kofair_case_seed/usr/style/info.css b/src/main/webapp/kofair_case_seed/usr/style/info.css
index 1d8da14e..10a24611 100644
--- a/src/main/webapp/kofair_case_seed/usr/style/info.css
+++ b/src/main/webapp/kofair_case_seed/usr/style/info.css
@@ -63,12 +63,14 @@
 /* ==================== 테블릿 ==================== */
 @media screen and (max-width: 1199px){
   .news_service .text_explain{font-size:3.4rem;margin:80px 0;}
+  .news_service .gray_border.box .title{font-size:3.8rem;}
   .news_service .box.gray_fill .input_box{justify-content:flex-start;}
   .news_service .box.gray_fill li{display:flex;width:100%;flex-wrap:wrap;justify-content:flex-start;}
   .news_service .box.gray_fill .apl_tit{width:120px;font-size:3.2rem;margin:15px 0 0 0;}
   .news_service .box.gray_fill .input_text,.news_service .box.gray_fill .email_wrap{width:calc(100% - 140px);}
   .news_service .box.gray_fill .email_wrap{gap:20px;}
-  .news_service .box.gray_fill .input_email.input_text{width:calc(100% - 70px);}
+  .news_service .box.gray_fill .input_text{height:80px;}
+  .news_service .box.gray_fill .input_email.input_text{width:calc(100% - 70px);height:80px;}
   .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;}
   
@@ -105,12 +107,15 @@
 
 /* ==================== 모바일 ==================== */
 @media screen and (max-width: 767px){
-  .news_service .text_explain{margin:40px 0;font-size:1.7rem;} 
+  .news_service .text_explain{margin:40px 0;font-size:1.7rem;}
+  .news_service .gray_border.box .title{font-size:1.9rem;}
+  .news_service .box.gray_fill.agree_box{padding:20px;margin:40px 0;} 
   .news_service .box.gray_fill .input_box{gap:15px;}
   .news_service .box.gray_fill .apl_tit{width:70px;font-size:1.6rem;margin:7.5px 0 0 0;}
   .news_service .box.gray_fill .input_text,.news_service .box.gray_fill .email_wrap{width:calc(100% - 80px);}
   .news_service .box.gray_fill .email_wrap{gap:10px;}
-  .news_service .box.gray_fill .input_email.input_text{width:calc(100% - 35px);}
+  .news_service .box.gray_fill .input_text{height:40px;}
+  .news_service .box.gray_fill .input_email.input_text{width:calc(100% - 35px);height:40px;}
   .news_service .box.gray_fill .email_select{width:190px;}
   .news_service .box.gray_fill .input_email.input_text:nth-child(2){width:calc(100% - 200px);}
 
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 0e46ed15..97c54b2e 100644
--- a/src/main/webapp/kofair_case_seed/usr/style/style.css
+++ b/src/main/webapp/kofair_case_seed/usr/style/style.css
@@ -309,10 +309,10 @@
    .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],.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;}
+   :not(.window_popup.idf) .search_wrap select[name=search_category],.search_wrap select[name=reservation_category]{width:100%;}
+   :not(.window_popup.idf) .search_wrap select[name=search_type],.search_wrap select[name=searchType]{width:180px;}
+   :not(.window_popup.idf) .search_wrap .input_text{width:calc(100% - 290px);height:80px;}
+   :not(.window_popup.idf) .search_wrap .btn_search{width:110px;height:80px;padding:0;font-size:3.6rem;padding:0;}
  
    .page a{font-size:3.4rem;}
    .page a,.page .only_icon{width:80px;height:80px;border-radius:10px;}
@@ -348,26 +348,26 @@
    .mobile_view_table table thead th,.mobile_view_table table tbody td{height:100px;border-bottom:2px solid #d8d8d8;border-right:2px solid #d8d8d8;}
    .mobile_view_table table tbody td{white-space:wrap;overflow:visible;text-overflow:unset;}
 
-   :not(".window_popup.idf") .table_type_rows table{font-size:3.4rem;margin:20px 0 0 0;border-top:4px solid #2e40ba;}
-   :not(".window_popup.idf") .table_type_rows colgroup{display:none;}
-   :not(".window_popup.idf") .table_type_rows table tr{display:flex;flex-wrap:wrap;}
-   :not(".window_popup.idf") .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;}
-   :not(".window_popup.idf") .table_type_rows table tbody td.td_substance{height:auto;padding:15px;}
-   :not(".window_popup.idf") .table_type_rows table tbody th{padding:15px 45px;}
+   :not(.window_popup.idf) .table_type_rows table{font-size:3.4rem;margin:20px 0 0 0;border-top:4px solid #2e40ba;}
+   :not(.window_popup.idf) .table_type_rows colgroup{display:none;}
+   :not(.window_popup.idf) .table_type_rows table tr{display:flex;flex-wrap:wrap;}
+   :not(.window_popup.idf) .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;}
+   :not(.window_popup.idf) .table_type_rows table tbody td.td_substance{height:auto;padding:15px;}
+   :not(.window_popup.idf) .table_type_rows table tbody th{padding:15px 45px;}
 
-   :not(".window_popup.idf") .table_type_rows table .select{font-size:3.2rem;padding:0 28px;background-position:calc(100% - 28px);}
+   :not(.window_popup.idf) .table_type_rows table .select{font-size:3.2rem;padding:0 28px;background-position:calc(100% - 28px);}
 
-   :not(".window_popup.idf") .table_type_rows table .phone_wrap{width:100%;}
-   :not(".window_popup.idf") .table_type_rows table .phone_wrap *,.table_type_rows table .phone_wrap .input_text{width:calc((100% / 3) - 20px);}
+   :not(.window_popup.idf) .table_type_rows table .phone_wrap{width:100%;}
+   :not(.window_popup.idf) .table_type_rows table .phone_wrap *,.table_type_rows table .phone_wrap .input_text{width:calc((100% / 3) - 20px);}
 
-   :not(".window_popup.idf") .table_type_rows table .email_wrap{display:flex;flex-wrap:wrap;align-items:center;gap:20px;}
-   :not(".window_popup.idf") .table_type_rows table .email_wrap .input_email:first-child{width:calc(100% - 80px);}
-   :not(".window_popup.idf") .table_type_rows table .email_wrap .input_email:nth-child(2){width:55%;}
-   :not(".window_popup.idf") .table_type_rows table .email_wrap .email_select{width:calc(45% - 20px);}
+   :not(.window_popup.idf) .table_type_rows table .email_wrap{display:flex;flex-wrap:wrap;align-items:center;gap:20px;}
+   :not(.window_popup.idf) .table_type_rows table .email_wrap .input_email:first-child{width:calc(100% - 80px);}
+   :not(.window_popup.idf) .table_type_rows table .email_wrap .input_email:nth-child(2){width:55%;}
+   :not(.window_popup.idf) .table_type_rows table .email_wrap .email_select{width:calc(45% - 20px);}
 
-   :not(".window_popup.idf") .table_type_rows table+.cf_text{margin:30px 0 0 0;}
+   :not(.window_popup.idf) .table_type_rows table+.cf_text{margin:30px 0 0 0;}
 
-   :not(".window_popup.idf") .scroll_table{overflow:auto;}
+   :not(.window_popup.idf) .scroll_table{overflow:auto;}
    
 
    /* view */
@@ -431,6 +431,7 @@
 
    /* calendar */
    .search_wrap li{width:100%;font-size:3.2rem;gap:20px;white-space:nowrap;}
+   .search_wrap li .select{width:100%;}
    .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;}
@@ -496,10 +497,10 @@
   .sub_con_tit{font-size:2.5rem;margin:30px 0 0 0;}
   .sub_con_sub_tit{font-size:1.7rem;margin:40px 0;}
   .search_wrap{padding:30px;margin:40px 0;gap:10px;}
-  .search_wrap select[name=search_category]{width:100%;}
-  .search_wrap select[name=search_type]{width:90px;}
-  .search_wrap .input_text{width:calc(100% - 220px);}
-  .search_wrap .btn_search{width:80px;}
+  :not(.window_popup.idf) .search_wrap select[name=search_category]{width:100%;}
+  :not(.window_popup.idf) .search_wrap select[name=search_type],:not(.window_popup.idf) .search_wrap select[name=searchType]{width:90px;}
+  :not(.window_popup.idf) .search_wrap .input_text{width:calc(100% - 220px);height:40px;}
+  :not(.window_popup.idf) .search_wrap .btn_search{width:80px;height:40px;font-size:1.8rem;}
 
   .page a, .page .only_icon,.page i{width:40px;height:40px;border-radius:5px;font-size:1.7rem;}
   .page i{background-size:100% auto !important;}