Commit @868975ef7510bd6b0a925efa3d7721a8fa53a96a

정수빈 6 days ago

포토형 게시판, 일반게시판 상세 수정

@868975ef7510bd6b0a925efa3d7721a8fa53a96a

aeea591

868975e

src/main/webapp/WEB-INF/jsp/cop/bbs/EgovNoticeRegist.jsp

--- src/main/webapp/WEB-INF/jsp/cop/bbs/EgovNoticeRegist.jsp

+++ src/main/webapp/WEB-INF/jsp/cop/bbs/EgovNoticeRegist.jsp


 	
 	<!-- 드래그앤 드롭 파라미터 -->
 	<input type="hidden" name="limitcount" value="${bdMstr.posblAtchFileNumber}" />
-	<!-- cont -->
-	<div class="cont_wrap">
-		<div class="box">
 	
-			<!-- cont_tit -->
-			<div class="cont_tit">
-				<h2><c:out value='${bdMstr.bbsNm}' />- 글 등록  (<c:out value='${bdMstr.menuNm}' />)</h2>
-				<ul class="cont_nav">
-					<li class="home"><a href="/"><i></i></a></li>
-						<li>
-							<p>게시판관리</p>
-						</li>
-						<li>
-							<p>게시판관리</p>
-						</li>
-						<li>
-							<p><c:out value='${bdMstr.bbsNm}' /> 목록</p>
-						</li>
-					<li><span class="cur_nav"><c:out value='${bdMstr.bbsNm}' /> 등록</span></li>
-				</ul>
+	
+	<!-- cont_tit -->
+	<div class="content_title">
+		<h3><c:out value='${bdMstr.bbsNm}' />- 글 등록  (<c:out value='${bdMstr.menuNm}' />)</h3>
+		<ul class="breadcrumb">
+			<li class="home"><a href="/"><i></i></a></li>
+			<li><p>게시판관리</p></li>
+			<li><p>게시판관리</p></li>
+			<li><p><c:out value='${bdMstr.bbsNm}' /> 목록</p></li>
+			<li><strong class="current_location"><c:out value='${bdMstr.bbsNm}' /> 등록</strong></li>
+		</ul>
+	</div>
+	<!-- //cont_tit -->
+	
+	<div class="cont">
+		<div class="table table_type_rows">
+			<table>
+				<colgroup>
+					<col style="width:200px;">
+					<col style="width:auto;">
+				</colgroup>
+				<tbody>
+					<tr>
+						<th>
+							<span class="required">*</span>
+							<c:out value='${bdMstr.bbsTyCode eq "BBST07" ? "항목" : bdMstr.menuNo eq "9510000" ? "질문" : "제목"}' />
+							<c:out value="${msgNttSj}" />
+						</th>
+						<td>
+							<form:input path="nttSj" title="${msgNttSj}" cssClass="input w100per"/>
+							<form:errors path="nttSj" cssClass="input w100per"/>
+						</td>
+					</tr>
+	               <c:if test="${'9650000' eq bdMstr.menuNo}">
+					<tr>
+						<th>
+							<span class="required">*</span>
+							URL
+						</th>
+						<td>
+							<form:input path="linkUrl" class="text" size="50" cssClass="w100per input"/>
+							<form:errors path="linkUrl" />
+						</td>
+	               </tr>		  
+	               </c:if>  							
+					<tr>
+						<th>
+							<span class="required">*</span>
+							<c:out value='${brdMstrVO.menuNo eq "9510000" ? "답변" : "내용"}' />
+						</th>
+						<td>
+							<form:textarea path="nttCn" class="textarea" cols="500" rows="20" />
+							<ckeditor:replace replace="nttCn" basePath="${pageContext.request.contextPath}/html/egovframework/com/cmm/utl/ckeditor/" />
+							<form:errors path="nttCn" />
+						</td>
+					</tr>
+					<%-- <tr>
+						<th><span class="reqArea">모집상태</span></th>
+						<td>
+							<select name="seCd" id="seCd" title="모집상태">
+								<c:forEach var="result" items="${codeList}" varStatus="status">
+									<option value="${result.code}" <c:if test="${result.code eq board.seCd }">selected="selected"</c:if> ><c:out value='${result.codeNm}' /></option>
+							</c:forEach>
+							</select>
+						</td>
+					</tr> --%>
+					
+					
+					<%-- <tr>
+						<th>파일 첨부</th>
+						<td class="upload_area">
+							<div class="file_upload_box no_img_box fileWrap">
+								<table>	
+									<colgroup>
+										<col style="width: 60%">
+										<col style="width: 10%">
+										<col style="width: 20%">
+										<col style="width: 10%">
+									</colgroup>
+									<thead>
+										<tr>
+										<th>파일명</th>
+										<th>크기</th>
+										<th>등록일시</th>
+										<th>삭제</th>
+										</tr>
+									</thead>
+								</table>
+							</div>
+							<div class="fileWrap fileAfter file_list_div">
+								<table>
+									<colgroup>
+										<col style="width: 60%">
+										<col style="width: 10%">
+										<col style="width: 20%">
+										<col style="width: 10%">
+									</colgroup>
+									<thead>
+										<tr>
+											<th>파일명</th>
+											<th>크기</th>
+											<th>등록일시</th>
+											<th>삭제</th>
+										</tr>
+									</thead>
+									<tbody id="tbody_fiielist">
+										<c:forEach var="fileList" items="${fileList}" varStatus="status">
+		                        			<tr class="item_<c:out value='${fileList.fmsImageFile}' />_<c:out value='${fileList.fileSn}' /> uploaded_obj">
+												<input type="hidden" name="fileSize" class="item_file_size" value="${fileList.fileSize}">
+												<td class="file_name">
+													<img src="/direct/img/upload_hwp_img.png" alt="" />
+													<span class="file_name_text"><c:out value='${fileList.orignlFileNm}' /></span>
+												</td>
+												<td>
+													<span class="file_size_text" value="<c:out value="${fileList.fileSize}"/>"></span>
+													
+												</td>
+												<td>
+													<c:out value="${fileList.regdt}"/>
+												</td>
+												<td>
+													<input type="button" class="delBtn" onclick="delAtchFile('<c:out value='${fileList.fmsImageFile}' />', '<c:out value='${fileList.fileSn}' />'); return false;">
+												</td>
+											</tr>
+		                        		</c:forEach>
+									</tbody>
+								</table>
+							</div>
+							<div class="fileInfo file_list_div">
+								<ul class="inline">
+									<li>
+										<p>최대 <span class="c_e40000 fwBold limitcount_li"><c:out value='${bdMstr.posblAtchFileNumber}' /></span>개 ｜ <span class="c_e40000 fwBold upload_number">50MB</span>제한</p>
+									</li>
+									<li>
+										<p><span class="c_456ded fwBold totalfileCount">1</span>개 ｜ <span class="c_456ded fwBold totalfileSize">72.01KB</span></p>
+									</li>
+								</ul>
+							</div>
+							<div class="uploadBtm">
+								<input type="file" id="file_temp" name="file_temp" class="uploadFile">
+							</div>
+						</td>
+					</tr> --%>
+					<c:if test="${bdMstr.fileAtchPosblAt == 'Y'}">
+					<tr>
+						<th>
+							<span class="required">*</span>
+							첨부파일
+						</th>
+						<td>
+							<!-- <input type="text" id="fileNm" size="30" class="file_input" readonly> --><!-- <button type="button" class="btnType01 btn_add_file">파일 첨부하기</button> -->
+							<div class="file_upload_wrap">
+								<input type="file" id="file_temp" name="file_temp" class="uploadFile" style="display:none"/>
+								<button type="button" id="filebutton" class="btn medium line primary">파일 첨부하기</button>
+							</div>
+							
+							<div class="file_table before_file_table">
+								<table>
+									<caption>첨부파일 리스트 : 파일명, 종류, 크기, 삭제</caption>
+									<colgroup>
+										<col style="width: 60%;">
+										<col style="width: auto;">
+										<col style="width: 20%;">
+										<col style="width: 10%;">
+									</colgroup>
+									<thead>
+										<!-- <th>
+											<input type="checkbox" id="all_check"><label for="all_check"></label>
+										</th> -->
+										<th style="text-align:center;">파일 명</th>
+										<th style="text-align:center;">종류</th>
+										<th style="text-align:center;">크기</th>
+										<th style="text-align:center;">삭제</th>
+									</thead>
+									<tbody class="tb_file_before">
+										<tr>
+											<td colspan="4">
+												<i class="icon file_bg"></i>
+                                    			<p>첨부하실 파일을 <b>마우스로 끌어서</b> 넣어주세요.</p>
+											</td>
+										</tr>
+									</tbody>
+								</table>
+							</div>
+							<div class="file_table">
+								<table>
+									<caption>첨부파일 리스트 : 파일명, 종류, 크기, 삭제</caption>
+									<colgroup>
+										<col style="width: 60%">
+										<col style="width: 10%">
+										<col style="width: 20%">
+										<col style="width: 10%">
+									</colgroup>
+									<thead>
+										<!-- <th>
+											<input type="checkbox" id="all_check"><label for="all_check"></label>
+										</th> -->
+										<th style="text-align:center;">파일 명</th>
+										<th style="text-align:center;">종류</th>
+										<th style="text-align:center;">크기</th>
+										<th style="text-align:center;">삭제</th>
+									</thead>
+									<tbody id="tbody_fiielist" class="tb_file_after">
+										<c:forEach var="fileList" items="${fileList}" varStatus="status">
+		                        			<tr class="item_<c:out value='${fileList.atchFileId}' />_<c:out value='${fileList.fileSn}' /> uploaded_obj">
+												<input type="hidden" name="fileSize" class="item_file_size" value="${fileList.fileSize}">
+												<td class="td_filename">
+													<!-- <img src="/direct/img/upload_hwp_img.png" alt="" /> -->
+													<span class="file_name_text"><c:out value='${fileList.orignlFileNm}' /></span>
+												</td>
+												<td class="td_filesort">
+													<span class="file_filesort_text" value="<c:out value="${fileList.fileExtsn}"/>"><c:out value="${fileList.fileExtsn}"/></span>
+												</td>
+												<td class="td_filesize">
+													<span class="file_size_text" value="<c:out value="${fileList.fileMg}"/>"><c:out value="${fileList.fileMg}"/></span>
+												</td>
+												<td>
+													<button type="button" class="btn line lightgray ssmall only_icon btn_delete" onclick="delAtchFile('<c:out value='${fileList.atchFileId}' />', '<c:out value='${fileList.fileSn}' />'); return false;" title="파일삭제"><i class="icon delete red"></i></button>
+													<%-- <button type="button" class="btn btn_text btn_30 red_border btn_del" onclick="delAtchFile('<c:out value='${fileList.atchFileId}' />', '<c:out value='${fileList.fileSn}' />'); return false;" title="파일삭제">삭제</button> --%>
+												</td>
+											</tr>
+		                        		</c:forEach>
+									</tbody>
+								</table>
+							</div>
+						</td>
+					</tr>
+					</c:if>
+					<tr>
+						<th>
+							<c:out value="작성자" />
+						</th>
+						<td>
+							<form:input path="ntcrNm" cssClass="input w50per"/>
+							<form:errors path="ntcrNm" cssClass="input w50per"/>
+						</td>
+					</tr>
+					<tr>
+						<th>
+							<c:out value="담당부서" />
+						</th>
+						<td>
+							<form:input path="pubLoc" cssClass="input w50per"/>
+							<form:errors path="pubLoc" cssClass="input w50per"/>
+						</td>
+					</tr>
+				</tbody>
+			</table>
+		</div>
+		
+		<!-- btn_wrap -->
+		<div class="btn_wrap">
+			<div class="left">
+				<c:if test="${!empty fmsFileList[0].fmsId }">
+					<button class="btn line xlarge red" onclick="fn_fmsfile_delete(); return false;">삭 제</button>
+				</c:if>
 			</div>
-			<!-- //cont_tit -->
-	
-			<div class="cont">
-				<!-- list_상세 -->
-				<div class="tbType02 col-table data-table left">
-					<table>
-						<colgroup>
-							<col style="width: 20%">
-							<col style="width: 80%">
-						</colgroup>
-	
-						<tbody>
-							<%-- <c:if test="${Transfer}">
-								<tr>
-									<th>
-										<label for="secretAt">임시수정</label>
-									</th>
-									<td>
-										등록일 :
-										<input style="width: 10%;" id="frstRegisterPnttm" name="frstRegisterPnttm" title="제목" type="text" value="${board.frstRegisterPnttm}">
-										2000-01-05 (형식)
-										<br>
-										조회수 : 
-										<input style="width: 10%;" id="inqireCo" name="inqireCo" title="제목" type="text" value="${board.inqireCo}">
-										123 (형식)
-										<br>
-										등록자 : 
-										<input style="width: 10%;" id="ntcrNm" name="ntcrNm" title="제목" type="text" value="${board.ntcrNm}">
-										아무개 (형식)
-									</td>
-								</tr>
-							</c:if> --%>
-							<tr>
-								<th><span class="reqArea">
-									<span class="reqArea"><c:out value='${bdMstr.bbsTyCode eq "BBST07" ? "항목" : bdMstr.menuNo eq "9510000" ? "질문" : "제목"}' /></span>
-									</span>
-									<c:out value="${msgNttSj}" />
-								</th>
-								<td>
-									<form:input path="nttSj" title="${msgNttSj}" cssClass="w100per"/>
-									<form:errors path="nttSj" cssClass="w100per"/>
-								</td>
-							</tr>
-			               <c:if test="${'9650000' eq bdMstr.menuNo}">
-							<tr>
-								<th class="req_text">
-									<!-- <span class="reqArea"></span> -->
-									<p>URL</p>
-								</th>
-								<td>
-									<form:input path="linkUrl" class="text" size="50" cssClass="w100per"/>
-									<form:errors path="linkUrl" />
-								</td>
-			               </tr>		  
-			               </c:if>  							
-							<tr>
-								<th style="vertical-align:middle;"><span class="reqArea">
-									<c:out value='${brdMstrVO.menuNo eq "9510000" ? "답변" : "내용"}' />
-								</span></th>
-								<td>
-									<form:textarea path="nttCn" class="textarea" cols="500" rows="20" />
-									<ckeditor:replace replace="nttCn" basePath="${pageContext.request.contextPath}/html/egovframework/com/cmm/utl/ckeditor/" />
-									<form:errors path="nttCn" />
-								</td>
-							</tr>
-							<%-- <tr>
-								<th><span class="reqArea">모집상태</span></th>
-								<td>
-									<select name="seCd" id="seCd" title="모집상태">
-										<c:forEach var="result" items="${codeList}" varStatus="status">
-											<option value="${result.code}" <c:if test="${result.code eq board.seCd }">selected="selected"</c:if> ><c:out value='${result.codeNm}' /></option>
-									</c:forEach>
-									</select>
-								</td>
-							</tr> --%>
-							
-							
-							<%-- <tr>
-								<th>파일 첨부</th>
-								<td class="upload_area">
-									<div class="file_upload_box no_img_box fileWrap">
-										<table>	
-											<colgroup>
-												<col style="width: 60%">
-												<col style="width: 10%">
-												<col style="width: 20%">
-												<col style="width: 10%">
-											</colgroup>
-											<thead>
-												<tr>
-												<th>파일명</th>
-												<th>크기</th>
-												<th>등록일시</th>
-												<th>삭제</th>
-												</tr>
-											</thead>
-										</table>
-									</div>
-									<div class="fileWrap fileAfter file_list_div">
-										<table>
-											<colgroup>
-												<col style="width: 60%">
-												<col style="width: 10%">
-												<col style="width: 20%">
-												<col style="width: 10%">
-											</colgroup>
-											<thead>
-												<tr>
-													<th>파일명</th>
-													<th>크기</th>
-													<th>등록일시</th>
-													<th>삭제</th>
-												</tr>
-											</thead>
-											<tbody id="tbody_fiielist">
-												<c:forEach var="fileList" items="${fileList}" varStatus="status">
-				                        			<tr class="item_<c:out value='${fileList.fmsImageFile}' />_<c:out value='${fileList.fileSn}' /> uploaded_obj">
-														<input type="hidden" name="fileSize" class="item_file_size" value="${fileList.fileSize}">
-														<td class="file_name">
-															<img src="/direct/img/upload_hwp_img.png" alt="" />
-															<span class="file_name_text"><c:out value='${fileList.orignlFileNm}' /></span>
-														</td>
-														<td>
-															<span class="file_size_text" value="<c:out value="${fileList.fileSize}"/>"></span>
-															
-														</td>
-														<td>
-															<c:out value="${fileList.regdt}"/>
-														</td>
-														<td>
-															<input type="button" class="delBtn" onclick="delAtchFile('<c:out value='${fileList.fmsImageFile}' />', '<c:out value='${fileList.fileSn}' />'); return false;">
-														</td>
-													</tr>
-				                        		</c:forEach>
-											</tbody>
-										</table>
-									</div>
-									<div class="fileInfo file_list_div">
-										<ul class="inline">
-											<li>
-												<p>최대 <span class="c_e40000 fwBold limitcount_li"><c:out value='${bdMstr.posblAtchFileNumber}' /></span>개 ｜ <span class="c_e40000 fwBold upload_number">50MB</span>제한</p>
-											</li>
-											<li>
-												<p><span class="c_456ded fwBold totalfileCount">1</span>개 ｜ <span class="c_456ded fwBold totalfileSize">72.01KB</span></p>
-											</li>
-										</ul>
-									</div>
-									<div class="uploadBtm">
-										<input type="file" id="file_temp" name="file_temp" class="uploadFile">
-									</div>
-								</td>
-							</tr> --%>
-							<c:if test="${bdMstr.fileAtchPosblAt == 'Y'}">
-							<tr>
-								<th class="req_text">
-									<p>첨부파일</p>
-								</th>
-								<td class="upload_area">
-									<!-- <input type="text" id="fileNm" size="30" class="file_input" readonly> --><!-- <button type="button" class="btnType01 btn_add_file">파일 첨부하기</button> -->
-									<input type="file" id="file_temp" name="file_temp" class="uploadFile" style="display:none"/>
-									<button type="button" id="filebutton" class="btn btn_text btn_30 blue_border btnType01 btn_add_file">파일 첨부하기</button>
-									<div class="file_wrap file_upload_box no_img_box">
-										<table class="tbType02">
-											<caption>첨부파일 리스트 : 파일명, 종류, 크기, 삭제</caption>
-											<colgroup>
-												<col style="width: 60%;">
-												<col style="width: auto;">
-												<col style="width: 20%;">
-												<col style="width: 10%;">
-											</colgroup>
-											<thead>
-												<!-- <th>
-													<input type="checkbox" id="all_check"><label for="all_check"></label>
-												</th> -->
-												<th style="text-align:center;">파일 명</th>
-												<th style="text-align:center;">종류</th>
-												<th style="text-align:center;">크기</th>
-												<th style="text-align:center;">삭제</th>
-											</thead>
-											<tbody class="tb_file_before">
-												<tr>
-													<td colspan="4">
-														<p>첨부하실 파일을 <span>마우스로 끌어서</span> 넣어주세요.</p>
-													</td>
-												</tr>
-											</tbody>
-										</table>
-									</div>
-									<div class="file_wrap fileAfter file_list_div">
-										<table class="tbType02">
-											<caption>첨부파일 리스트 : 파일명, 종류, 크기, 삭제</caption>
-											<colgroup>
-												<col style="width: 60%">
-												<col style="width: 10%">
-												<col style="width: 20%">
-												<col style="width: 10%">
-											</colgroup>
-											<thead>
-												<!-- <th>
-													<input type="checkbox" id="all_check"><label for="all_check"></label>
-												</th> -->
-												<th style="text-align:center;">파일 명</th>
-												<th style="text-align:center;">종류</th>
-												<th style="text-align:center;">크기</th>
-												<th style="text-align:center;">삭제</th>
-											</thead>
-											<tbody id="tbody_fiielist" class="tb_file_after">
-												<c:forEach var="fileList" items="${fileList}" varStatus="status">
-				                        			<tr class="item_<c:out value='${fileList.atchFileId}' />_<c:out value='${fileList.fileSn}' /> uploaded_obj">
-														<input type="hidden" name="fileSize" class="item_file_size" value="${fileList.fileSize}">
-														<td class="td_filename">
-															<!-- <img src="/direct/img/upload_hwp_img.png" alt="" /> -->
-															<span class="file_name_text"><c:out value='${fileList.orignlFileNm}' /></span>
-														</td>
-														<td class="td_filesort">
-															<span class="file_filesort_text" value="<c:out value="${fileList.fileExtsn}"/>"><c:out value="${fileList.fileExtsn}"/></span>
-														</td>
-														<td class="td_filesize">
-															<span class="file_size_text" value="<c:out value="${fileList.fileMg}"/>"><c:out value="${fileList.fileMg}"/></span>
-														</td>
-														<td>
-															<button type="button" class="btn btn_text btn_30 red_border btn_del" onclick="delAtchFile('<c:out value='${fileList.atchFileId}' />', '<c:out value='${fileList.fileSn}' />'); return false;" title="파일삭제">삭제</button>
-														</td>
-													</tr>
-				                        		</c:forEach>
-											</tbody>
-										</table>
-									</div>
-								</td>
-							</tr>
-							</c:if>
-							<tr>
-								<th>
-									<c:out value="작성자" />
-								</th>
-								<td>
-									<form:input path="ntcrNm" cssClass="w50per"/>
-									<form:errors path="ntcrNm" cssClass="w50per"/>
-								</td>
-							</tr>
-							<tr>
-								<th>
-									<c:out value="담당부서" />
-								</th>
-								<td>
-									<form:input path="pubLoc" cssClass="w50per"/>
-									<form:errors path="pubLoc" cssClass="w50per"/>
-								</td>
-							</tr>
-														
-							<!-- 공지 여부  -->
-							<%-- <c:choose>
-								<c:when test="${bdMstr.noticeYn == 'Y'}">
-									<c:set var="title">공지여부/공지기간 </c:set>
-									<tr>
-										<th>
-											<label for="noticeAtTitle"><c:out value='${title}' /></label>
-										</th>
-										<td>
-											<input type="checkbox" name="noticeAt" id="noticeAt" value="Y">
-											<span  style="padding-left: 10px;">/</span> 
-											
-											<input type="hidden" name="cal_url" id="cal_url" value="/sym/cmm/EgovNormalCalPopup.do">
-										    <input style="width:auto;margin-left: 10px;" type="text" class="date_format" name="ntceBgndeYYYMMDD" id="ntceBgndeYYYMMDD" size="4" maxlength="4" readonly="">
-										    <a href="#" onclick="javascript:fn_egov_NormalCalendar(document.forms.board, document.forms.board.ntceBgndeYYYMMDD);">
-										   	 	<input type="button" class="calBtn">
-									    	</a>
-											<select id="ntceBgndeHH" name="ntceBgndeHH" class="date_format">
-											<c:forEach var="result" items="${ntceBgndeHH}" varStatus="status">
-												<option value="${result.code}"><c:out value='${result.codeNm}' /></option>	
-											</c:forEach>
-											</select>시
-											<select id="ntceBgndeMM" name="ntceBgndeMM" class="date_format">
-											<c:forEach var="result" items="${ntceBgndeMM}" varStatus="status">
-												<option value="${result.code}"><c:out value='${result.codeNm}' /></option>	
-											</c:forEach>
-											</select>분
-											&nbsp;&nbsp;~&nbsp;&nbsp;
-									    	<input style="width:auto;" type="text" class="date_format" name="ntceEnddeYYYMMDD" id="ntceEnddeYYYMMDD" size="4" maxlength="4" readonly="">
-										    <a href="#" onclick="javascript:fn_egov_NormalCalendar(document.forms.board, document.forms.board.ntceEnddeYYYMMDD);">
-										   	 	<input type="button" class="calBtn">
-									    	</a>
-											<select id="ntceEnddeHH" name="ntceEnddeHH" class="date_format">
-											<c:forEach var="result" items="${ntceEnddeHH}" varStatus="status">
-												<option value="${result.code}"><c:out value='${result.codeNm}' /></option>	
-											</c:forEach>
-											</select>시
-											<select id="ntceEnddeMM" name="ntceEnddeMM" class="date_format">
-											<c:forEach var="result" items="${ntceEnddeMM}" varStatus="status">
-												<option value="${result.code}"><c:out value='${result.codeNm}' /></option>	
-											</c:forEach>
-											</select>분
-										</td>
-									</tr>
-								</c:when>
-								<c:otherwise>
-									<form:hidden path="noticeAt" value="N" />
-								</c:otherwise>
-							</c:choose> --%>
-							<!-- 공지 여부  -->
-							
-						</tbody>
-					</table>
-				</div>
-				<!-- //list_상세 -->
-	
-				<!-- btn_wrap -->
-				<div class="btn_wrap btn_layout01">
-					<div class="area_left">
-						<c:if test="${!empty fmsFileList[0].fmsId }">
-							<button class="btn btn_text btn_46 red_border btnType06" onclick="fn_fmsfile_delete(); return false;">삭 제</button>
-						</c:if>
-					</div>
-					<div class="area_right">
-						<!-- <button class="btnType04" onclick="fn_egov_regist_preview(); return false;">미리보기</button> -->
-						<c:if test="${!empty fmsFileList[0].fmsId }">
-							<button class="btn btn_text btn_46 blue_fill btnType06" onclick="goSave('fmsFile_U'); return false;">수 정</button>
-						</c:if>
-						<c:if test="${empty fmsFileList[0].fmsId }">
-							<button class="btn btn_text btn_46 blue_fill btnType06" onclick="fn_egov_regist_notice(); return false;">등 록</button>
-						</c:if>						
-						<button class="btn btn_text btn_46 gray_fill btnType04" onclick="goList(); return false;">목 록</button>
-					</div>
-				</div>
-				<!-- //btn_wrap -->
+			<div class="right">
+				<!-- <button class="btnType04" onclick="fn_egov_regist_preview(); return false;">미리보기</button> -->
+				<c:if test="${!empty fmsFileList[0].fmsId }">
+					<button class="btn fill xlarge primary" onclick="goSave('fmsFile_U'); return false;">수 정</button>
+				</c:if>
+				<c:if test="${empty fmsFileList[0].fmsId }">
+					<button class="btn fill xlarge primary" onclick="fn_egov_regist_notice(); return false;">등 록</button>
+				</c:if>						
+				<button class="btn fill xlarge gray" onclick="goList(); return false;">목 록</button>
 			</div>
 		</div>
+		<!-- //btn_wrap -->
 	</div>
-<!-- //cont -->
+		
+	
 </form:form>
 
 	<!-- //content 끝 -->

868975e

src/main/webapp/WEB-INF/jsp/cop/bbs/EgovNoticeRegist_bak_260128.jsp (added)

+++ src/main/webapp/WEB-INF/jsp/cop/bbs/EgovNoticeRegist_bak_260128.jsp

...	...	@@ -0,0 +1,535 @@
	1	+<%--
	2	+ Class Name : EgovNoticeRegist.jsp
	3	+ Description : 게시물 생성 화면
	4	+ Modification Information
	5	+
	6	+ 수정일 수정자 수정내용
	7	+ ------- -------- ---------------------------
	8	+ 2009.03.24 이삼섭 최초 생성
	9	+ 2011.08.31 JJY 경량환경 버전 생성
	10	+
	11	+ author : 공통서비스 개발팀 이삼섭
	12	+ since : 2009.03.24
	13	+--%>
	14	+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
	15	+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
	16	+<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%>
	17	+<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
	18	+<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
	19	+<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
	20	+<%@ taglib prefix="validator" uri="http://www.springmodules.org/tags/commons-validator"%>
	21	+<%@ taglib prefix="ckeditor" uri="http://ckeditor.com"%>
	22	+<!DOCTYPE html>
	23	+<html>
	24	+<head>
	25	+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	26	+<meta http-equiv="content-language" content="ko">
	27	+<script type="text/javascript" src="<c:url value='/js/EgovBBSMng.js' />"></script>
	28	+<script type="text/javascript" src="<c:url value='/js/EgovMultiFileItn.js'/>"></script> <!-- 파일첨부, 썸네일이미지 있으면 미리보기 -->
	29	+<%-- <script type="text/javascript" src="<c:url value='/js/EgovMultiFile.js'/>"></script> --%>
	30	+<script type="text/javascript" src="<c:url value='/js/EgovCalPopup.js'/>"></script>
	31	+<script type="text/javascript" src="<c:url value="/validator.do"/>"></script>
	32	+<validator:javascript formName="board" staticJavascript="false" xhtml="true" cdata="false" />
	33	+<script type="text/javascript">
	34	+$( document ).ready(function() {
	35	+ $(function () {
	36	+
	37	+ $('#filebutton').click(function (e) {
	38	+
	39	+ e.preventDefault();
	40	+
	41	+ $('#file_temp').click();
	42	+
	43	+ });
	44	+
	45	+ });
	46	+
	47	+});
	48	+
	49	+function goList() {
	50	+ document.searchForm.submit();
	51	+}
	52	+
	53	+function fn_egov_regist_notice() {
	54	+ CKEDITOR.instances.nttCn.updateElement();
	55	+ if (!validateBoard(document.board))
	56	+ return;
	57	+
	58	+ //금지어 확인
	59	+ /* var prohibitCheck = false;
	60	+ var form = document.board ;
	61	+ form.checkProhibitCn.value = form.nttSj.value + form.nttCn.value ;
	62	+ var data = new FormData(form);
	63	+ $.ajax({
	64	+ type: "POST",
	65	+ url: "/uss/ion/cnf/prohiCheckAjax.do",
	66	+ async:false,
	67	+ data: data,
	68	+ dataType:'json',
	69	+ processData: false,
	70	+ contentType: false,
	71	+ cache: false,
	72	+ timeout: 600000,
	73	+ success: function (returnData, status) {
	74	+ if(status == 'success'){
	75	+ if(returnData.result == 'fail'){
	76	+ }else if(returnData.result == 'auth_fail'){
	77	+ }else if(returnData.result =='success'){
	78	+ if(null != returnData.prohibitVO.prohibitCn){
	79	+ alert( returnData.prohibitVO.prohibitCn + " 단어는 금지어로 등록되어 있는 단어입니다." );
	80	+ prohibitCheck = true;
	81	+ }
	82	+ }
	83	+ }else{
	84	+ //alert("등록에 실패하였습니다.");
	85	+ }
	86	+ },
	87	+ error: function (e) {
	88	+ //alert("등록에 실패하였습니다.");
	89	+ }
	90	+ });
	91	+
	92	+ if(prohibitCheck){
	93	+ return;
	94	+ } */
	95	+
	96	+ <c:if test="${bdMstr.noticeYn == 'Y' or bdMstr.bbsTyCode == 'BBST08'}">
	97	+ var tempTxt = "공지" ;
	98	+ <c:if test="${bdMstr.bbsTyCode == 'BBST08'}">
	99	+ tempTxt = "모집기간" ;
	100	+ </c:if>
	101	+
	102	+ if($("input:checkbox[name='noticeAt']").is(":checked") \|\| tempTxt=='모집기간'){
	103	+ {
	104	+ if($('#ntceBgndeYYYMMDD').val() == ''){
	105	+ alert(tempTxt+" 시작일은 필수입니다.");
	106	+ return;
	107	+ }
	108	+ if($('#ntceEnddeYYYMMDD').val() == ''){
	109	+ alert(tempTxt+" 마감일은 필수입니다.");
	110	+ return;
	111	+ }
	112	+
	113	+ var iChkBeginDe = Number(($('#ntceBgndeYYYMMDD').val()+$('#ntceBgndeHH').val()+$('#ntceBgndeMM').val()).replaceAll("-","") );
	114	+ var iChkEndDe = Number(($('#ntceEnddeYYYMMDD').val()+$('#ntceEnddeHH').val()+$('#ntceEnddeMM').val()).replaceAll("-","") );
	115	+
	116	+ if(iChkBeginDe > iChkEndDe \|\| iChkEndDe < iChkBeginDe ){
	117	+ alert("게시시작일자는 게시종료일자 보다 클수 없고,\n게시종료일자는 게시시작일자 보다 작을수 없습니다. ");
	118	+ return;
	119	+ }
	120	+ $('#ntceBgnde').val(iChkBeginDe) ;
	121	+ $('#ntceEndde').val(iChkEndDe) ;
	122	+ }
	123	+ }
	124	+ </c:if>
	125	+
	126	+ if (confirm('<spring:message code="common.regist.msg" />')) {
	127	+ goSave();
	128	+ }
	129	+}
	130	+
	131	+function goList() {
	132	+ document.searchForm.action = "<c:url value='/cop/bbs/selectBoardList.do'/>";
	133	+ document.searchForm.submit();
	134	+}
	135	+
	136	+function fn_egov_regist_preview() {
	137	+ var PCC_window = window.open('', 'PCCV3Window', 'width=850, height=570, resizable=1, scrollbars=yes, status=0, titlebar=0, toolbar=0, left=350, top=50' );
	138	+
	139	+ var previewImgs = "";
	140	+ var i = 0;
	141	+
	142	+ $("#DIV_IMG_VIEW").find("img").each(function() {
	143	+ previewImgs += $(this).get(0).src + "^";
	144	+ i++;
	145	+ });
	146	+
	147	+ document.board.previewImgs.value = previewImgs;
	148	+ document.board.action = "<c:url value='/cop/bbs/bbsPreview.do'/>";
	149	+ document.board.target = "PCCV3Window";
	150	+ document.board.submit();
	151	+}
	152	+</script>
	153	+<title><c:out value='${bdMstr.bbsNm}' /> - 글 등록</title>
	154	+<style>
	155	+.uploaded_obj{width: 100%;}
	156	+</style>
	157	+</head>
	158	+<body>
	159	+ <form:form commandName="searchForm" name="searchForm" method="get" action="">
	160	+ <input name="pageIndex" type="hidden" value="<c:out value='${searchVO.pageIndex}'/>" />
	161	+ <input name="searchCnd" type="hidden" value="<c:out value='${searchVO.searchCnd}'/>" />
	162	+ <input name="searchWrd" type="hidden" value="<c:out value='${searchVO.searchWrd}'/>" />
	163	+ <input name="bbsId" type="hidden" value="<c:out value='${searchVO.bbsId}'/>" />
	164	+ </form:form>
	165	+
	166	+ <form:form commandName="board" name="board" method="post" enctype="multipart/form-data">
	167	+ <input type="hidden" name="pageIndex" value="<c:out value='${searchVO.pageIndex}'/>" />
	168	+ <input type="hidden" name="searchCnd" value="<c:out value='${searchVO.searchCnd}'/>" />
	169	+ <input type="hidden" name="searchWrd" value="<c:out value='${searchVO.searchWrd}'/>" />
	170	+ <input type="hidden" name="bbsId" value="<c:out value='${bdMstr.bbsId}'/>" />
	171	+ <input type="hidden" name="previewImgs" value="" />
	172	+ <input type="hidden" name="checkProhibitCn" value="" />
	173	+ <input type="hidden" name="siteId" value="<c:out value='${bdMstr.siteId}'/>" />
	174	+ <input type="hidden" name="pageType" id="pageType" value="insert" />
	175	+
	176	+ <input id="ntceBgnde" name="ntceBgnde" type="hidden" value="">
	177	+ <input id="ntceEndde" name="ntceEndde" type="hidden" value="">
	178	+
	179	+ <!-- 드래그앤 드롭 파라미터 -->
	180	+ <input type="hidden" name="limitcount" value="${bdMstr.posblAtchFileNumber}" />
	181	+ <!-- cont -->
	182	+ <div class="cont_wrap">
	183	+ <div class="box">
	184	+
	185	+ <!-- cont_tit -->
	186	+ <div class="cont_tit">
	187	+ <h2><c:out value='${bdMstr.bbsNm}' />- 글 등록 (<c:out value='${bdMstr.menuNm}' />)</h2>
	188	+ <ul class="cont_nav">
	189	+ <li class="home"><a href="/"><i></i></a></li>
	190	+ <li>
	191	+ <p>게시판관리</p>
	192	+ </li>
	193	+ <li>
	194	+ <p>게시판관리</p>
	195	+ </li>
	196	+ <li>
	197	+ <p><c:out value='${bdMstr.bbsNm}' /> 목록</p>
	198	+ </li>
	199	+ <li><span class="cur_nav"><c:out value='${bdMstr.bbsNm}' /> 등록</span></li>
	200	+ </ul>
	201	+ </div>
	202	+ <!-- //cont_tit -->
	203	+
	204	+ <div class="cont">
	205	+ <!-- list_상세 -->
	206	+ <div class="tbType02 col-table data-table left">
	207	+ <table>
	208	+ <colgroup>
	209	+ <col style="width: 20%">
	210	+ <col style="width: 80%">
	211	+ </colgroup>
	212	+
	213	+ <tbody>
	214	+ <%-- <c:if test="${Transfer}">
	215	+ <tr>
	216	+ <th>
	217	+ <label for="secretAt">임시수정</label>
	218	+ </th>
	219	+ <td>
	220	+ 등록일 :
	221	+ <input style="width: 10%;" id="frstRegisterPnttm" name="frstRegisterPnttm" title="제목" type="text" value="${board.frstRegisterPnttm}">
	222	+ 2000-01-05 (형식)
	223	+ <br>
	224	+ 조회수 :
	225	+ <input style="width: 10%;" id="inqireCo" name="inqireCo" title="제목" type="text" value="${board.inqireCo}">
	226	+ 123 (형식)
	227	+ <br>
	228	+ 등록자 :
	229	+ <input style="width: 10%;" id="ntcrNm" name="ntcrNm" title="제목" type="text" value="${board.ntcrNm}">
	230	+ 아무개 (형식)
	231	+ </td>
	232	+ </tr>
	233	+ </c:if> --%>
	234	+ <tr>
	235	+ <th><span class="reqArea">
	236	+ <span class="reqArea"><c:out value='${bdMstr.bbsTyCode eq "BBST07" ? "항목" : bdMstr.menuNo eq "9510000" ? "질문" : "제목"}' /></span>
	237	+ </span>
	238	+ <c:out value="${msgNttSj}" />
	239	+ </th>
	240	+ <td>
	241	+ <form:input path="nttSj" title="${msgNttSj}" cssClass="w100per"/>
	242	+ <form:errors path="nttSj" cssClass="w100per"/>
	243	+ </td>
	244	+ </tr>
	245	+ <c:if test="${'9650000' eq bdMstr.menuNo}">
	246	+ <tr>
	247	+ <th class="req_text">
	248	+ <!-- <span class="reqArea"></span> -->
	249	+ <p>URL</p>
	250	+ </th>
	251	+ <td>
	252	+ <form:input path="linkUrl" class="text" size="50" cssClass="w100per"/>
	253	+ <form:errors path="linkUrl" />
	254	+ </td>
	255	+ </tr>
	256	+ </c:if>
	257	+ <tr>
	258	+ <th style="vertical-align:middle;"><span class="reqArea">
	259	+ <c:out value='${brdMstrVO.menuNo eq "9510000" ? "답변" : "내용"}' />
	260	+ </span></th>
	261	+ <td>
	262	+ <form:textarea path="nttCn" class="textarea" cols="500" rows="20" />
	263	+ <ckeditor:replace replace="nttCn" basePath="${pageContext.request.contextPath}/html/egovframework/com/cmm/utl/ckeditor/" />
	264	+ <form:errors path="nttCn" />
	265	+ </td>
	266	+ </tr>
	267	+ <%-- <tr>
	268	+ <th><span class="reqArea">모집상태</span></th>
	269	+ <td>
	270	+ <select name="seCd" id="seCd" title="모집상태">
	271	+ <c:forEach var="result" items="${codeList}" varStatus="status">
	272	+ <option value="${result.code}" <c:if test="${result.code eq board.seCd }">selected="selected"</c:if> ><c:out value='${result.codeNm}' /></option>
	273	+ </c:forEach>
	274	+ </select>
	275	+ </td>
	276	+ </tr> --%>
	277	+
	278	+
	279	+ <%-- <tr>
	280	+ <th>파일 첨부</th>
	281	+ <td class="upload_area">
	282	+ <div class="file_upload_box no_img_box fileWrap">
	283	+ <table>
	284	+ <colgroup>
	285	+ <col style="width: 60%">
	286	+ <col style="width: 10%">
	287	+ <col style="width: 20%">
	288	+ <col style="width: 10%">
	289	+ </colgroup>
	290	+ <thead>
	291	+ <tr>
	292	+ <th>파일명</th>
	293	+ <th>크기</th>
	294	+ <th>등록일시</th>
	295	+ <th>삭제</th>
	296	+ </tr>
	297	+ </thead>
	298	+ </table>
	299	+ </div>
	300	+ <div class="fileWrap fileAfter file_list_div">
	301	+ <table>
	302	+ <colgroup>
	303	+ <col style="width: 60%">
	304	+ <col style="width: 10%">
	305	+ <col style="width: 20%">
	306	+ <col style="width: 10%">
	307	+ </colgroup>
	308	+ <thead>
	309	+ <tr>
	310	+ <th>파일명</th>
	311	+ <th>크기</th>
	312	+ <th>등록일시</th>
	313	+ <th>삭제</th>
	314	+ </tr>
	315	+ </thead>
	316	+ <tbody id="tbody_fiielist">
	317	+ <c:forEach var="fileList" items="${fileList}" varStatus="status">
	318	+ <tr class="item_<c:out value='${fileList.fmsImageFile}' />_<c:out value='${fileList.fileSn}' /> uploaded_obj">
	319	+ <input type="hidden" name="fileSize" class="item_file_size" value="${fileList.fileSize}">
	320	+ <td class="file_name">
	321	+ <img src="/direct/img/upload_hwp_img.png" alt="" />
	322	+ <span class="file_name_text"><c:out value='${fileList.orignlFileNm}' /></span>
	323	+ </td>
	324	+ <td>
	325	+ <span class="file_size_text" value="<c:out value="${fileList.fileSize}"/>"></span>
	326	+
	327	+ </td>
	328	+ <td>
	329	+ <c:out value="${fileList.regdt}"/>
	330	+ </td>
	331	+ <td>
	332	+ <input type="button" class="delBtn" onclick="delAtchFile('<c:out value='${fileList.fmsImageFile}' />', '<c:out value='${fileList.fileSn}' />'); return false;">
	333	+ </td>
	334	+ </tr>
	335	+ </c:forEach>
	336	+ </tbody>
	337	+ </table>
	338	+ </div>
	339	+ <div class="fileInfo file_list_div">
	340	+ <ul class="inline">
	341	+ <li>
	342	+ <p>최대 <span class="c_e40000 fwBold limitcount_li"><c:out value='${bdMstr.posblAtchFileNumber}' /></span>개 ｜ <span class="c_e40000 fwBold upload_number">50MB</span>제한</p>
	343	+ </li>
	344	+ <li>
	345	+ <p><span class="c_456ded fwBold totalfileCount">1</span>개 ｜ <span class="c_456ded fwBold totalfileSize">72.01KB</span></p>
	346	+ </li>
	347	+ </ul>
	348	+ </div>
	349	+ <div class="uploadBtm">
	350	+ <input type="file" id="file_temp" name="file_temp" class="uploadFile">
	351	+ </div>
	352	+ </td>
	353	+ </tr> --%>
	354	+ <c:if test="${bdMstr.fileAtchPosblAt == 'Y'}">
	355	+ <tr>
	356	+ <th class="req_text">
	357	+ <p>첨부파일</p>
	358	+ </th>
	359	+ <td class="upload_area">
	360	+ <!-- <input type="text" id="fileNm" size="30" class="file_input" readonly> --><!-- <button type="button" class="btnType01 btn_add_file">파일 첨부하기</button> -->
	361	+ <input type="file" id="file_temp" name="file_temp" class="uploadFile" style="display:none"/>
	362	+ <button type="button" id="filebutton" class="btn btn_text btn_30 blue_border btnType01 btn_add_file">파일 첨부하기</button>
	363	+ <div class="file_wrap file_upload_box no_img_box">
	364	+ <table class="tbType02">
	365	+ <caption>첨부파일 리스트 : 파일명, 종류, 크기, 삭제</caption>
	366	+ <colgroup>
	367	+ <col style="width: 60%;">
	368	+ <col style="width: auto;">
	369	+ <col style="width: 20%;">
	370	+ <col style="width: 10%;">
	371	+ </colgroup>
	372	+ <thead>
	373	+ <!-- <th>
	374	+ <input type="checkbox" id="all_check"><label for="all_check"></label>
	375	+ </th> -->
	376	+ <th style="text-align:center;">파일 명</th>
	377	+ <th style="text-align:center;">종류</th>
	378	+ <th style="text-align:center;">크기</th>
	379	+ <th style="text-align:center;">삭제</th>
	380	+ </thead>
	381	+ <tbody class="tb_file_before">
	382	+ <tr>
	383	+ <td colspan="4">
	384	+ <p>첨부하실 파일을 <span>마우스로 끌어서</span> 넣어주세요.</p>
	385	+ </td>
	386	+ </tr>
	387	+ </tbody>
	388	+ </table>
	389	+ </div>
	390	+ <div class="file_wrap fileAfter file_list_div">
	391	+ <table class="tbType02">
	392	+ <caption>첨부파일 리스트 : 파일명, 종류, 크기, 삭제</caption>
	393	+ <colgroup>
	394	+ <col style="width: 60%">
	395	+ <col style="width: 10%">
	396	+ <col style="width: 20%">
	397	+ <col style="width: 10%">
	398	+ </colgroup>
	399	+ <thead>
	400	+ <!-- <th>
	401	+ <input type="checkbox" id="all_check"><label for="all_check"></label>
	402	+ </th> -->
	403	+ <th style="text-align:center;">파일 명</th>
	404	+ <th style="text-align:center;">종류</th>
	405	+ <th style="text-align:center;">크기</th>
	406	+ <th style="text-align:center;">삭제</th>
	407	+ </thead>
	408	+ <tbody id="tbody_fiielist" class="tb_file_after">
	409	+ <c:forEach var="fileList" items="${fileList}" varStatus="status">
	410	+ <tr class="item_<c:out value='${fileList.atchFileId}' />_<c:out value='${fileList.fileSn}' /> uploaded_obj">
	411	+ <input type="hidden" name="fileSize" class="item_file_size" value="${fileList.fileSize}">
	412	+ <td class="td_filename">
	413	+ <!-- <img src="/direct/img/upload_hwp_img.png" alt="" /> -->
	414	+ <span class="file_name_text"><c:out value='${fileList.orignlFileNm}' /></span>
	415	+ </td>
	416	+ <td class="td_filesort">
	417	+ <span class="file_filesort_text" value="<c:out value="${fileList.fileExtsn}"/>"><c:out value="${fileList.fileExtsn}"/></span>
	418	+ </td>
	419	+ <td class="td_filesize">
	420	+ <span class="file_size_text" value="<c:out value="${fileList.fileMg}"/>"><c:out value="${fileList.fileMg}"/></span>
	421	+ </td>
	422	+ <td>
	423	+ <button type="button" class="btn btn_text btn_30 red_border btn_del" onclick="delAtchFile('<c:out value='${fileList.atchFileId}' />', '<c:out value='${fileList.fileSn}' />'); return false;" title="파일삭제">삭제</button>
	424	+ </td>
	425	+ </tr>
	426	+ </c:forEach>
	427	+ </tbody>
	428	+ </table>
	429	+ </div>
	430	+ </td>
	431	+ </tr>
	432	+ </c:if>
	433	+ <tr>
	434	+ <th>
	435	+ <c:out value="작성자" />
	436	+ </th>
	437	+ <td>
	438	+ <form:input path="ntcrNm" cssClass="w50per"/>
	439	+ <form:errors path="ntcrNm" cssClass="w50per"/>
	440	+ </td>
	441	+ </tr>
	442	+ <tr>
	443	+ <th>
	444	+ <c:out value="담당부서" />
	445	+ </th>
	446	+ <td>
	447	+ <form:input path="pubLoc" cssClass="w50per"/>
	448	+ <form:errors path="pubLoc" cssClass="w50per"/>
	449	+ </td>
	450	+ </tr>
	451	+
	452	+ <!-- 공지 여부 -->
	453	+ <%-- <c:choose>
	454	+ <c:when test="${bdMstr.noticeYn == 'Y'}">
	455	+ <c:set var="title">공지여부/공지기간 </c:set>
	456	+ <tr>
	457	+ <th>
	458	+ <label for="noticeAtTitle"><c:out value='${title}' /></label>
	459	+ </th>
	460	+ <td>
	461	+ <input type="checkbox" name="noticeAt" id="noticeAt" value="Y">
	462	+ <span style="padding-left: 10px;">/</span>
	463	+
	464	+ <input type="hidden" name="cal_url" id="cal_url" value="/sym/cmm/EgovNormalCalPopup.do">
	465	+ <input style="width:auto;margin-left: 10px;" type="text" class="date_format" name="ntceBgndeYYYMMDD" id="ntceBgndeYYYMMDD" size="4" maxlength="4" readonly="">
	466	+ <a href="#" onclick="javascript:fn_egov_NormalCalendar(document.forms.board, document.forms.board.ntceBgndeYYYMMDD);">
	467	+ <input type="button" class="calBtn">
	468	+ </a>
	469	+ <select id="ntceBgndeHH" name="ntceBgndeHH" class="date_format">
	470	+ <c:forEach var="result" items="${ntceBgndeHH}" varStatus="status">
	471	+ <option value="${result.code}"><c:out value='${result.codeNm}' /></option>
	472	+ </c:forEach>
	473	+ </select>시
	474	+ <select id="ntceBgndeMM" name="ntceBgndeMM" class="date_format">
	475	+ <c:forEach var="result" items="${ntceBgndeMM}" varStatus="status">
	476	+ <option value="${result.code}"><c:out value='${result.codeNm}' /></option>
	477	+ </c:forEach>
	478	+ </select>분
	479	+   ~
	480	+ <input style="width:auto;" type="text" class="date_format" name="ntceEnddeYYYMMDD" id="ntceEnddeYYYMMDD" size="4" maxlength="4" readonly="">
	481	+ <a href="#" onclick="javascript:fn_egov_NormalCalendar(document.forms.board, document.forms.board.ntceEnddeYYYMMDD);">
	482	+ <input type="button" class="calBtn">
	483	+ </a>
	484	+ <select id="ntceEnddeHH" name="ntceEnddeHH" class="date_format">
	485	+ <c:forEach var="result" items="${ntceEnddeHH}" varStatus="status">
	486	+ <option value="${result.code}"><c:out value='${result.codeNm}' /></option>
	487	+ </c:forEach>
	488	+ </select>시
	489	+ <select id="ntceEnddeMM" name="ntceEnddeMM" class="date_format">
	490	+ <c:forEach var="result" items="${ntceEnddeMM}" varStatus="status">
	491	+ <option value="${result.code}"><c:out value='${result.codeNm}' /></option>
	492	+ </c:forEach>
	493	+ </select>분
	494	+ </td>
	495	+ </tr>
	496	+ </c:when>
	497	+ <c:otherwise>
	498	+ <form:hidden path="noticeAt" value="N" />
	499	+ </c:otherwise>
	500	+ </c:choose> --%>
	501	+ <!-- 공지 여부 -->
	502	+
	503	+ </tbody>
	504	+ </table>
	505	+ </div>
	506	+ <!-- //list_상세 -->
	507	+
	508	+ <!-- btn_wrap -->
	509	+ <div class="btn_wrap btn_layout01">
	510	+ <div class="area_left">
	511	+ <c:if test="${!empty fmsFileList[0].fmsId }">
	512	+ <button class="btn btn_text btn_46 red_border btnType06" onclick="fn_fmsfile_delete(); return false;">삭 제</button>
	513	+ </c:if>
	514	+ </div>
	515	+ <div class="area_right">
	516	+ <!-- <button class="btnType04" onclick="fn_egov_regist_preview(); return false;">미리보기</button> -->
	517	+ <c:if test="${!empty fmsFileList[0].fmsId }">
	518	+ <button class="btn btn_text btn_46 blue_fill btnType06" onclick="goSave('fmsFile_U'); return false;">수 정</button>
	519	+ </c:if>
	520	+ <c:if test="${empty fmsFileList[0].fmsId }">
	521	+ <button class="btn btn_text btn_46 blue_fill btnType06" onclick="fn_egov_regist_notice(); return false;">등 록</button>
	522	+ </c:if>
	523	+ <button class="btn btn_text btn_46 gray_fill btnType04" onclick="goList(); return false;">목 록</button>
	524	+ </div>
	525	+ </div>
	526	+ <!-- //btn_wrap -->
	527	+ </div>
	528	+ </div>
	529	+ </div>
	530	+<!-- //cont -->
	531	+</form:form>
	532	+
	533	+ <!-- //content 끝 -->
	534	+</body>
	535	+</html>

aeea591

868975e

src/main/webapp/WEB-INF/jsp/cop/cmt/EgovArticleCommentListWeb.jsp

--- src/main/webapp/WEB-INF/jsp/cop/cmt/EgovArticleCommentListWeb.jsp

+++ src/main/webapp/WEB-INF/jsp/cop/cmt/EgovArticleCommentListWeb.jsp


 		<c:set var="replyTitle">
 			<spring:message code="cop.comment.title" />
 		</c:set>
-		<div class="cmmt_tit">
-			<i class="cmmt_icon"></i>
-			<p>댓글 <span><c:out value="${resultCnt}" /></span>개</p>
+		<div class="cmmt_title">
+			<i class="icon comment"></i>
+			<p>댓글 <b><c:out value="${resultCnt}" /></b>개</p>
 		</div>
 		
 		<ul class="cmmt_list">
 			<c:forEach var="result" items="${resultList}" varStatus="status">
 				<li>
-					<div class="cmmt_person"><c:out value="${result.wrterNm}" /></div>
+					<div class="cmmt_top">
+						<strong class="writer"><c:out value="${result.wrterNm}" /></strong>
+						<span class="cmmt_date"><c:out value="${result.frstRegisterPnttm}" /></span>
+					</div>
 					<div class="cmmt_detail">
 						<p>
 							<c:out value="${fn:replace(result.commentCn , crlf , '<br/>')}" escapeXml="false" />
 						</p>
-						<div class="cmmt_date"><c:out value="${result.frstRegisterPnttm}" /></div>
 						<c:choose>
 							<c:when test="${searchVO.commentNo == '' }">
 								<c:set var="vCommentNo" value="${result.commentNo}" />

 							</c:otherwise>
 						</c:choose>
 						<c:if test="${result.wrterId eq userId}">
-							<div class="btn_wrap">
-								<button class=btnType05 onclick="javascript:fn_egov_selectCommentForupdt('<c:out value='${vCommentNo}' />'); return false;">
+							<div class="btn_wrap left">
+								<button class="btn ssmall line primary" onclick="javascript:fn_egov_selectCommentForupdt('<c:out value='${vCommentNo}' />'); return false;">
 									<c:out value="${btnTxt}" />
 								</button>
-								<button class="btnType11" onclick="javascript:fn_egov_deleteCommentList(<c:out value='${result.commentNo}' />); return false;">
+								<button class="btn ssmall line red" onclick="javascript:fn_egov_deleteCommentList(<c:out value='${result.commentNo}' />); return false;">
 									<spring:message code="button.delete" />
 								</button>
 							</div>

 				<input type="hidden" name="pageIndex" value="<c:out value='${searchVO.pageIndex}'/>">
 				<input type="hidden" name="searchCnd" value="<c:out value='${searchVO.searchCnd}'/>" />
 				<input type="hidden" name="searchWrd" value="<c:out value='${searchVO.searchWrd}'/>" />
-				<ul class="cmmt_wrap">
+				<ul class="cmmt_input">
 				
 				<%-- <c:set var="title"><spring:message code="cop.comment.commentCn" /></c:set>
 				<form:textarea path="commentCn" title="${title}" cols="300" rows="3" cssClass="required" placeholder="댓글내용을 입력해주세요" />
 				<form:errors path="commentCn" cssClass="error" /> --%>
 				<!-- <textarea name="wr_content" title="내용" class="required" id="wr_content" required="" maxlength="10000" placeholder="댓글내용을 입력해주세요"></textarea> -->
-				<li class="cmmt_tit">
-					<p>의견</p>
-				</li>
 				<li class="cmmt_text">
 					<label for="commentCn" class="label">의견입력</label>
 					<form:textarea path="commentCn" title="${title}" cols="30" rows="3" />

 				<li>
 				<c:choose>
 					<c:when test="${searchVO.commentNo == '' }">
-						<button type="button" class="btn_add_cmmt" onclick="javascript:fn_egov_insert_commentList(); return false;" >
+						<button type="button" class="btn fill secondary xlarge" onclick="javascript:fn_egov_insert_commentList(); return false;" >
 							<spring:message code="button.create" />
 						</button>
 					</c:when>
 					<c:otherwise>
-						<button type="button" class="btn_add_cmmt" onclick="javascript:fn_egov_updt_commentList(); return false;" >
+						<button type="button" class="btn fill secondary xlarge" onclick="javascript:fn_egov_updt_commentList(); return false;" >
 							<spring:message code="button.update" />
 						</button>
 					</c:otherwise>

aeea591

868975e

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

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

+++ src/main/webapp/WEB-INF/jsp/web/com/webLayout.jsp


   <link rel="stylesheet" href="/css/font.css">
   <link rel="stylesheet" href="/publish/usr/layout/layout.css">
   <link rel="stylesheet" href="/publish/usr/css/common.css">
+  <link rel="stylesheet" href="/publish/usr/css/table.css">
   <link rel="stylesheet" href="/publish/usr/css/style.css">
   <link rel="stylesheet" href="/publish/usr/css/content.css">
   <!-- //css -->

aeea591

868975e

src/main/webapp/WEB-INF/jsp/web/cop/bbs/EgovNoticeInqire.jsp

--- src/main/webapp/WEB-INF/jsp/web/cop/bbs/EgovNoticeInqire.jsp

+++ src/main/webapp/WEB-INF/jsp/web/cop/bbs/EgovNoticeInqire.jsp


 	<input type="hidden" id= "ntcrNm" name="ntcrNm" value=""/>
 	<input type="hidden" id= "menuNo" name="menuNo" value="<c:out value='${masterVO.menuNo}'/>" />
 </form:form>
-	<!-- cont -->
-	<div class="sub_content">
 
-		<!-- page_location -->
-		<ul class="page_location">
-			<li><i class="icon home"></i></li>
-			<li>분쟁조정 안내</li>
-			<li>분쟁조정 안내</li>
-			<li>분쟁조정 관련 서식</li>
-		</ul>
-		<!-- //page_location -->
-			<h3 class="sub_con_tit"><c:out value="${brdMstrVO.bbsNm}"/></h3>
-
-			<div class="list_view">
-				<div class="list_view_wrap">
-					<h4 class="list_view_tit">
-						<c:out value="${result.nttSj}" />
-					</h4>
-					<ul class="view_info">
-						<li>
-							<p class="view_info_tit">· 작성일 : </p>
-							<i class="icon td_calendar"></i>
-							<c:out value="${result.frstRegisterPnttm}" />
-						</li>
-						<li>
-							<p class="view_info_tit">· 작성자 : </p>
-							<i class="icon td_writer"></i>
-							<c:out value="${result.ntcrNm}"/>
-						</li>
-						<li>
-							<p class="view_info_tit">· 조회수 : </p>
-							<i class="icon td_view"></i>
-							<c:out value="${result.inqireCo}" />
-						</li>
-						<li>
-							<p class="view_info_tit">· URL : </p>
-							<c:out value="${result.linkUrl}"/>
-						</li>
-					</ul>
-					<c:if test="${not empty result.atchFileId}">
-						<ul class="view_file_list">
-							<c:import url="/cmm/fms/selectBBSFileInfs.do" charEncoding="utf-8">
-								<c:param name="param_atchFileId" value="${result.atchFileId}" />
-								<c:param name="pdf_view" value="Y" />
-							</c:import>
-						</ul>
-					</c:if>
-					<div class="view_content">
-						<c:out value="${fn:replace(fn:replace(fn:replace(result.nttCn, crlt , '<'), crgt , '>'), crlf , '<br/>')}"  escapeXml="false"/>
-					</div>
-
-					<div class="btn_wrap right">
-						<button type="button" class="btn btn_text btn_40 gray_fill" onclick="javascript:fn_egov_select_noticeList(); return false;">목록</button>
-					</div>
-				</div>
+<div class="sub_visual">
+	<div class="inner">
+		<h2 class="sub_title" data-section="community">Community</h2>
+		<div class="sub_visual_nav">
+			<a href="../index.html"><i class="icon home"></i></a>
+			<div class="snb_wrap">
+				<button type="button" class="snb_title">Company</button>
+				<ul class="snb_select">
+					<li><a href="#">Company</a></li>
+					<li><a href="#">Platform Tech</a></li>
+					<li><a href="#">Major Result</a></li>
+				</ul>
 			</div>
-			
-			<!-- 댓글 -->
-			<c:if test="${brdMstrVO.addYn == 'Y'}">
-				<c:import url="/web/cop/cmt/selectArticleCommentList.do" charEncoding="utf-8">
-					<c:param name="siteId" value="${brdMstrVO.siteId}" />
-				</c:import>
-			</c:if>
+			<div class="snb_wrap">
+				<button type="button" class="snb_title">설립배경</button>
+				<ul class="snb_select">
+					<li><a href="/web/content.do?proFn=999110005" class="active">설립배경</a></li>
+					<li><a href="/web/content.do?proFn=9989200" class="">연혁</a></li>
+					<li><a href="/web/content.do?proFn=9989400" class="">조직도</a></li>
+					<li><a href="/web/content.do?proFn=9989300" class="">오시는길</a></li>
+				</ul>
+			</div>
 		</div>
 	</div>
-	<!-- //cont -->
+</div>
+
+<div class="inner">
+	<div class="content_wrap overview">
+		<div class="contents">
+		
+			<div class="content_title">
+				<h3><c:out value="${brdMstrVO.bbsNm}"/></h3>
+			</div>
+			
+			<div class="board_wrap">
+				<div class="board_top">
+					<strong class="board_title"><c:out value="${result.nttSj}" /></strong>
+					<ul class="board_info">
+						<li><i class="icon calendar"></i><c:out value="${result.frstRegisterPnttm}" /></li>
+						<li><i class="icon writer"></i><c:out value="${result.ntcrNm}"/></li>
+						<li><i class="icon view"></i><c:out value="${result.inqireCo}" /></li>
+						<li><b>URL</b><c:out value="${result.linkUrl}"/></li>
+					</ul>
+				</div>
+			
+				<div class="board_cont">
+				
+					<c:out value="${fn:replace(fn:replace(fn:replace(result.nttCn, crlt , '<'), crgt , '>'), crlf , '<br/>')}"  escapeXml="false"/>
+					
+					<ul class="file_list box">
+					<c:import url="/cmm/fms/selectBBSFileInfs.do" charEncoding="utf-8">
+						<c:param name="param_atchFileId" value="${result.atchFileId}" />
+						<c:param name="pdf_view" value="Y" />
+					</c:import>
+					<!-- <li><a href="#" download="PATINEX 2025 전시부스 참가 신청서 양식"><i class="icon file blue"></i>PATINEX 2025 전시부스 참가 신청서 양식.hwp (208KB)</a></li> -->
+					</ul>
+				</div>
+			              
+				<div class="btn_wrap right mt40">
+					<button type="button" class="btn fill gray xlarge" onclick="javascript:fn_egov_select_noticeList(); return false;">목록</button>
+				</div>
+				
+				
+				<!-- 댓글 -->
+				<%-- <c:if test="${brdMstrVO.addYn == 'Y'}">
+				<c:import url="/web/cop/cmt/selectArticleCommentList.do" charEncoding="utf-8">
+				<c:param name="siteId" value="${brdMstrVO.siteId}" />
+				</c:import>
+				</c:if> --%>
+
+            </div>
+			
+		</div>
+	</div>
+</div>
+

868975e

src/main/webapp/WEB-INF/jsp/web/cop/bbs/EgovNoticeInqire_bak_260128.jsp (added)

+++ src/main/webapp/WEB-INF/jsp/web/cop/bbs/EgovNoticeInqire_bak_260128.jsp

...	...	@@ -0,0 +1,211 @@
	1	+<%--
	2	+ Class Name : EgovNoticeInqire.jsp
	3	+ Description : (사용자)게시물 조회 화면
	4	+ Modification Information
	5	+
	6	+ 수정일 수정자 수정내용
	7	+ ---------- -------- ---------------------------
	8	+ 2009.03.23 이삼섭 최초 생성
	9	+ 2009.06.26 한성곤 2단계 기능 추가 (댓글관리, 만족도조사)
	10	+ 2011.08.31 JJY 경량환경 버전 생성
	11	+ 2013.05.23 이기하 상세보기 오류수정
	12	+
	13	+ author : 공통서비스 개발팀 이삼섭
	14	+ since : 2009.03.23
	15	+--%>
	16	+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
	17	+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
	18	+<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%>
	19	+<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
	20	+<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
	21	+<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
	22	+<%@ taglib prefix="validator" uri="http://www.springmodules.org/tags/commons-validator"%>
	23	+<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
	24	+<%pageContext.setAttribute("crlf", "\r\n"); %>
	25	+<%pageContext.setAttribute("crlt", "<"); %>
	26	+<%pageContext.setAttribute("crgt", ">"); %>
	27	+<%
	28	+ response.setHeader("Cache-Control","no-store");
	29	+ response.setHeader("Pragma","no-cache");
	30	+ response.setDateHeader("Expires",0);
	31	+ if (request.getProtocol().equals("HTTP/1.1")) response.setHeader("Cache-Control", "no-cache");
	32	+%>
	33	+<script type="text/javascript">
	34	+$(document).ready(function(){
	35	+
	36	+});
	37	+var listPage = $(location).attr('href').split($(location).attr('host'))[1].split('Detail.do')[0]+'List.do'+"?bbsId=<c:out value='${brdMstrVO.bbsId}' />" ;
	38	+var listPage1 = $(location).attr('href').split($(location).attr('host'))[1].split('Detail.do')[0]+'List.do'
	39	+var detailPage = $(location).attr('href').split($(location).attr('host'))[1].split('?')[0] ;
	40	+ function fn_egov_select_noticeList(pageNo) {
	41	+ document.searchForm.mblDn.value = "";
	42	+ //공통사용위해 detail > list로 변경
	43	+ if(listPage.indexOf("contentBbsList.do") > 0){ //컨텐츠 bbs 페이지경우
	44	+ listPage = "/web/content.do?proFn="+$('#menuNo').val();
	45	+ location.href = listPage ;
	46	+ return;
	47	+ }
	48	+ document.searchForm.action = listPage1;
	49	+ document.searchForm.submit();
	50	+ }
	51	+
	52	+ function fn_egov_select_detail(bbsId , nttId) { //이전/다음글 상세
	53	+ if(listPage.indexOf("contentBbsList.do") > 0){ //컨텐츠 bbs 페이지경우
	54	+ location.href=detailPage+"?bbsId="+bbsId + "&nttId="+nttId+"&menuNo="+$('#menuNo').val() ;
	55	+ return
	56	+ }
	57	+ location.href=detailPage+"?bbsId="+bbsId + "&nttId="+nttId ;
	58	+ }
	59	+
	60	+ function fn_egov_delete_notice() {
	61	+ if (confirm('<spring:message code="common.delete.msg" />')) {
	62	+ document.searchForm.action = "<c:url value='/web/cop/bbs/deleteBoardArticle.do'/>";
	63	+ document.searchForm.submit();
	64	+ }
	65	+ }
	66	+
	67	+ function fn_egov_moveUpdt_notice(){
	68	+ document.searchForm.action = "<c:url value='/web/cop/bbs/forUpdateBoardArticle.do'/>";
	69	+ document.searchForm.method = "post";
	70	+ document.searchForm.submit();
	71	+ }
	72	+</script>
	73	+
	74	+<!-- 댓글 작성 스크립트 -->
	75	+<c:if test="${brdMstrVO.addYn == 'Y'}">
	76	+ <script type="text/javascript" src="<c:url value="/validator.do"/>"></script>
	77	+ <validator:javascript formName="articleComment" staticJavascript="false" xhtml="true" cdata="false" />
	78	+ <script type="text/javascript">
	79	+// 댓글 등록
	80	+function fn_egov_insert_commentList() {
	81	+ var form = document.getElementById("articleCommentVO");
	82	+ if (!validateArticleComment(form)){
	83	+ return;
	84	+ }
	85	+ if (confirm('<spring:message code="common.regist.msg" />')) {
	86	+ form.submit();
	87	+ }
	88	+}
	89	+
	90	+// 댓글 수정
	91	+function fn_egov_updt_commentList() {
	92	+ var form = document.getElementById("articleCommentVO");
	93	+ if (!validateArticleComment(form)){
	94	+ return;
	95	+ }
	96	+
	97	+ if (confirm('<spring:message code="common.update.msg" />')) {
	98	+ form.modified.value = "true";
	99	+ form.action = "<c:url value='/web/cop/cmt/updateArticleComment.do'/>";
	100	+ form.submit();
	101	+ }
	102	+}
	103	+
	104	+// 댓글 수정 화면
	105	+function fn_egov_selectCommentForupdt(commentNo) {
	106	+ var form = document.getElementById("articleCommentVO");
	107	+ //form.subPageIndex.value = pageNo;
	108	+ form.commentNo.value = commentNo;
	109	+ form.action = "<c:url value='/web/cop/bbsWeb/selectBoardArticle.do'/>";
	110	+ form.submit();
	111	+}
	112	+
	113	+// 댓글 삭제
	114	+function fn_egov_deleteCommentList(commentNo) {
	115	+ var form = document.getElementById("articleCommentVO");
	116	+ if (confirm('<spring:message code="common.delete.msg" />')) {
	117	+ form.modified.value = "true";
	118	+ form.commentNo.value = commentNo;
	119	+ form.action = "<c:url value='/web/cop/cmt/deleteArticleComment.do'/>";
	120	+ form.submit();
	121	+ }
	122	+}
	123	+
	124	+/* 댓글페이징 */
	125	+function fn_egov_select_commentList(pageNo) {
	126	+ var form = document.getElementById("articleCommentVO");
	127	+ // form.subPageIndex.value = pageNo;
	128	+ form.commentNo.value = '';
	129	+ form.action = "<c:url value='/${siteId}/web/cop/bbsWeb/selectBoardArticle.do'/>";
	130	+ form.submit();
	131	+}
	132	+</script>
	133	+</c:if>
	134	+<!-- contents 영역 -->
	135	+<form:form commandName="searchForm" name="searchForm" method="post" action="<c:url value='/web/cop/bbsWeb/selectBoardList.do'/>">
	136	+ <input name="pageIndex" type="hidden" value="<c:out value='${searchVO.pageIndex}'/>"/>
	137	+ <input name="searchCnd" type="hidden" value="<c:out value='${searchVO.searchCnd}'/>"/>
	138	+ <input name="searchWrd" type="hidden" value="<c:out value='${searchVO.searchWrd}'/>"/>
	139	+ <input name="password" type="hidden" value="<c:out value='${searchVO.password}'/>"/>
	140	+ <input name="bbsId" type="hidden" value="<c:out value='${result.bbsId}'/>" />
	141	+ <input name="nttId" type="hidden" value="<c:out value='${result.nttId}'/>" />
	142	+ <input type="hidden" id= "mblDn" name="mblDn" value="<c:out value='${usrMblDn}' />"/>
	143	+ <input type="hidden" id= "ntcrNm" name="ntcrNm" value=""/>
	144	+ <input type="hidden" id= "menuNo" name="menuNo" value="<c:out value='${masterVO.menuNo}'/>" />
	145	+</form:form>
	146	+ <!-- cont -->
	147	+ <div class="sub_content">
	148	+
	149	+ <!-- page_location -->
	150	+ <ul class="page_location">
	151	+ <li><i class="icon home"></i></li>
	152	+ <li>분쟁조정 안내</li>
	153	+ <li>분쟁조정 안내</li>
	154	+ <li>분쟁조정 관련 서식</li>
	155	+ </ul>
	156	+ <!-- //page_location -->
	157	+ <h3 class="sub_con_tit"><c:out value="${brdMstrVO.bbsNm}"/></h3>
	158	+
	159	+ <div class="list_view">
	160	+ <div class="list_view_wrap">
	161	+ <h4 class="list_view_tit">
	162	+ <c:out value="${result.nttSj}" />
	163	+ </h4>
	164	+ <ul class="view_info">
	165	+ <li>
	166	+ <p class="view_info_tit">· 작성일 : </p>
	167	+ <i class="icon td_calendar"></i>
	168	+ <c:out value="${result.frstRegisterPnttm}" />
	169	+ </li>
	170	+ <li>
	171	+ <p class="view_info_tit">· 작성자 : </p>
	172	+ <i class="icon td_writer"></i>
	173	+ <c:out value="${result.ntcrNm}"/>
	174	+ </li>
	175	+ <li>
	176	+ <p class="view_info_tit">· 조회수 : </p>
	177	+ <i class="icon td_view"></i>
	178	+ <c:out value="${result.inqireCo}" />
	179	+ </li>
	180	+ <li>
	181	+ <p class="view_info_tit">· URL : </p>
	182	+ <c:out value="${result.linkUrl}"/>
	183	+ </li>
	184	+ </ul>
	185	+ <c:if test="${not empty result.atchFileId}">
	186	+ <ul class="view_file_list">
	187	+ <c:import url="/cmm/fms/selectBBSFileInfs.do" charEncoding="utf-8">
	188	+ <c:param name="param_atchFileId" value="${result.atchFileId}" />
	189	+ <c:param name="pdf_view" value="Y" />
	190	+ </c:import>
	191	+ </ul>
	192	+ </c:if>
	193	+ <div class="view_content">
	194	+ <c:out value="${fn:replace(fn:replace(fn:replace(result.nttCn, crlt , '<'), crgt , '>'), crlf , '<br/>')}" escapeXml="false"/>
	195	+ </div>
	196	+
	197	+ <div class="btn_wrap right">
	198	+ <button type="button" class="btn btn_text btn_40 gray_fill" onclick="javascript:fn_egov_select_noticeList(); return false;">목록</button>
	199	+ </div>
	200	+ </div>
	201	+ </div>
	202	+
	203	+ <!-- 댓글 -->
	204	+ <c:if test="${brdMstrVO.addYn == 'Y'}">
	205	+ <c:import url="/web/cop/cmt/selectArticleCommentList.do" charEncoding="utf-8">
	206	+ <c:param name="siteId" value="${brdMstrVO.siteId}" />
	207	+ </c:import>
	208	+ </c:if>
	209	+ </div>
	210	+ </div>
	211	+ <!-- //cont -->

aeea591

868975e

src/main/webapp/WEB-INF/jsp/web/cop/bbs/EgovNoticeList.jsp

--- src/main/webapp/WEB-INF/jsp/web/cop/bbs/EgovNoticeList.jsp

+++ src/main/webapp/WEB-INF/jsp/web/cop/bbs/EgovNoticeList.jsp


 	<!-- 게시판 검색 텍스트 입력 부분 구분을 위해 /kccadrPb/usr/script/content.js-->
 	<input type="hidden" name="pageType" id="pageType" value="bbs"/>
 	<!-- cont -->
-	<div class="sub_content" id="sub">
-		
-		<!-- page_location -->
-		<ul class="page_location">
-			<li><i class="icon home"></i></li>
-			<li>게시판</li>
-			<li>${brdMstrVO.bbsNm}</li>
-		</ul>
-		<!-- //page_location -->
 	
-		<h3 class="sub_con_tit">${brdMstrVO.bbsNm}</h3>
-
-		<form name="frm" action="<c:url value='/web/cop/bbsWeb/selectBoardList.do'/>" method="post">
-			<input type="hidden" name="menuNo" class="hiddenMenuNo" />
-			<c:if test="${not empty searchVO.seCd}"><%-- 구분값. 공모/결과 탭화면을 위한 --%>
-			<input type="hidden" name="seCd" value="<c:out value='${searchVO.seCd}'/>" />
-			</c:if>
-			<input type="hidden" name="bbsId" value="<c:out value='${boardVO.bbsId}'/>" />
-			<input type="hidden" name="nttId" value="0" />
-			<input type="hidden" name="nttIds" value="0" />
-			<input type="hidden" name="searchYear" value="<c:out value='${boardVO.searchYear}'/>" />
-			<input name="pageIndex" type="hidden" value="<c:out value='${searchVO.pageIndex}'/>" />
-			<input type="hidden" id= "mblDn" name="mblDn" value=""/>
-			<input type="hidden" id= "failRtnUrl" name="failRtnUrl" value="<c:out value='${failRtnUrl}'/>"/><!-- 인증체크 후 실패 url -->
-			<input type="hidden" id= "password" name="password" value=""/>
-			<input type="hidden" id="pubDetail" name="pubDetail" value=""/>
+	<div class="sub_visual">
+        <div class="inner">
+          <h2 class="sub_title" data-section="community">Community</h2>
+          <div class="sub_visual_nav">
+            <a href="/web/main/mainPage.do"><i class="icon home"></i></a>
+            <div class="snb_wrap">
+              <button type="button" class="snb_title">Community</button>
+              <ul class="snb_select">
+                <li><a href="#">Company</a></li>
+                <li><a href="#">Platform Tech</a></li>
+                <li><a href="#">Major Result</a></li>
+                <li><a href="#">Community</a></li>
+              </ul>
+            </div>
+            <div class="snb_wrap">
+              <button type="button" class="snb_title">설립배경</button>
+              <ul class="snb_select">
+		        <li><a href="/web/content.do?proFn=999110005" class="active">설립배경</a></li>
+		        <li>
+		          <a href="/web/content.do?proFn=9989200" class="">연혁</a>
+		        </li>
+		        <li>
+		          <a href="/web/content.do?proFn=9989400" class="">조직도</a>
+		        </li>
+		        <li>
+		          <a href="/web/content.do?proFn=9989300" class="">오시는길</a>
+		        </li>
+		      </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      
+      
+      <div class="inner">
+      	<div class="content_wrap overview">
+      		<div class="contents">
+      			
+      			<div class="content_title">
+      				<h3>${brdMstrVO.bbsNm}</h3>
+      			</div>
+      			
+      			
+      			<form name="frm" action="<c:url value='/web/cop/bbsWeb/selectBoardList.do'/>" method="post">
+					<input type="hidden" name="menuNo" class="hiddenMenuNo" />
+					<c:if test="${not empty searchVO.seCd}"><%-- 구분값. 공모/결과 탭화면을 위한 --%>
+					<input type="hidden" name="seCd" value="<c:out value='${searchVO.seCd}'/>" />
+					</c:if>
+					<input type="hidden" name="bbsId" value="<c:out value='${boardVO.bbsId}'/>" />
+					<input type="hidden" name="nttId" value="0" />
+					<input type="hidden" name="nttIds" value="0" />
+					<input type="hidden" name="searchYear" value="<c:out value='${boardVO.searchYear}'/>" />
+					<input name="pageIndex" type="hidden" value="<c:out value='${searchVO.pageIndex}'/>" />
+					<input type="hidden" id= "mblDn" name="mblDn" value=""/>
+					<input type="hidden" id= "failRtnUrl" name="failRtnUrl" value="<c:out value='${failRtnUrl}'/>"/><!-- 인증체크 후 실패 url -->
+					<input type="hidden" id= "password" name="password" value=""/>
+					<input type="hidden" id="pubDetail" name="pubDetail" value=""/>
+					
+					<div class="search_area">
+						<div class="search_left">
+							<p class="total_number">총 <b>${resultCnt}</b>건</p>
+						</div>
+						
+						<div class="search_right">
+							<select name="searchCnd" id="subSearch" class="search_select">
+								<option value="" <c:if test="${searchVO.searchCnd == ''}">selected="selected"</c:if>>전체</option>
+								<option value="0" <c:if test="${searchVO.searchCnd == '0'}">selected="selected"</c:if>>제목</option>
+								<option value="1" <c:if test="${searchVO.searchCnd == '1'}">selected="selected"</c:if>>내용</option>
+							</select>
+							<input type="text" name="searchWrd" class="input search_input" title="검색어 입력" placeholder="검색어를 입력하세요" onfocus="this.placeholder=''" value='<c:out value="${searchVO.searchWrd}"/>'>
+							<button type="button" class="btn fill primary medium" onclick="javascript:linkPage('1'); return false;">검색</button>
+						</div>
+						
+					</div>
+					
+				</form>
+      			
+      			<div class="table table_type_cols">
+					<table>
+						<colgroup>
+							<col style="width:80px;">
+			                <col style="width:auto;">
+	                		<c:if test="${brdMstrVO.fileAtchPosblAt == 'Y'}">
+	                			<col style="width:10%;"> 
+	                		</c:if>
+	                		<col style="width:15%;">
+	                		<col style="width:10%;">
+	                		<c:if test="${brdMstrVO.viewsYn ne 'N'}">
+	                			<col style="width:10%;">
+	                		 </c:if>
+						</colgroup>
+						<thead>
+							<tr>
+								<th scope="col">번호</th>
+								<th scope="col">제목</th>
+								<c:choose>
+				                	<c:when test="${brdMstrVO.menuNo eq '9620000'}"> 
+				                		<th scope="col">작성일</th> <!-- 묻고답하기 -->  
+				                		<th scope="col">처리현황</th>
+				                		<c:if test="${brdMstrVO.viewsYn ne 'N'}">
+				                			<th scope="col">조회수</th>
+				                		</c:if>
+				                	</c:when>
+									<c:otherwise>
+										<c:if test="${brdMstrVO.fileAtchPosblAt == 'Y'}">
+											<th scope="col">첨부</th>
+										</c:if>
+				                		<th scope="col">작성일</th>
+				                		<th scope="col">작성자</th>
+				                		<c:if test="${brdMstrVO.viewsYn ne 'N'}">
+				                			<th scope="col">조회수</th>
+				                		</c:if>
+									</c:otherwise>	
+				                </c:choose>
+							</tr>
+						</thead>
+						<tbody>
+							<c:if test="${'1' eq searchVO.pageIndex}">
+				            	<c:forEach var="result" items="${notifyList}" varStatus="status">
+					            <tr onclick="javascript:fn_egov_inqire_notice('<c:out value="${result.bbsId}"/>', '<c:out value="${result.nttId}"/>');">
+				                    <td>공지</td>
+				                    <td class="td_title">
+				                        <a href="#">
+					                        <c:out value="${result.nttSj}" />
+				                        </a>
+				                    </td>
+				                    <c:if test="${brdMstrVO.fileAtchPosblAt == 'Y'}"> <!-- 첨부파일 -->
+				                    	<td class="td_file">
+	<%-- 				                    	<c:if test="${result.atchFileCnt > 0}"> --%>
+	<!-- 											<img src="/img/post/atch_file.png" alt="첨부파일 있음"> -->
+	<%-- 										</c:if> --%>
+				                    	</td>
+				                    </c:if>
+				                    <td>
+				                    	<c:out value="${result.frstRegisterPnttm}" />
+				                    </td>
+				                   	<c:if test="${brdMstrVO.viewsYn ne 'N'}">
+				                   		<td><c:out value="${result.inqireCo}" /></td>
+				                   	</c:if>	
+				                </tr>
+				            </c:forEach>
+				            </c:if>
+				            
+				            <c:forEach var="result" items="${resultList}" varStatus="status">
+				            	<tr onclick="javascript:fn_egov_inqire_notice('<c:out value="${result.bbsId}"/>', '<c:out value="${result.nttId}"/>');">
+				                    <td class="table_number">
+				                    	<c:out value="${paginationInfo.totalRecordCount+1 - ((searchVO.pageIndex-1) * searchVO.pageUnit + status.count)}" />
+				                    </td>
+			                		<td class="td_title">
+										<a href="#">
+				                        	<c:out value="${result.nttSj}" />
+				                        </a>
+				                    </td>
+				                    <c:if test="${brdMstrVO.fileAtchPosblAt == 'Y'}"> <!-- 첨부파일 -->
+				                    	<td class="td_file">
+				                    		<i class="icon file"></i>
+	<%-- 				                    	<c:if test="${result.atchFileCnt > 0}"> --%>
+	<!-- 												<img src="/img/post/atch_file.png" alt="첨부파일 있음"> -->
+	<%-- 										</c:if> --%>
+				                    	</td>
+				                    </c:if>
+				                    <td><c:out value="${result.frstRegisterPnttm}" /></td>
+				                    <td><c:out value="${result.frstRegisterNm}" /></td>
+				                    <c:if test="${brdMstrVO.viewsYn ne 'N'}">
+					                    <td><c:out value="${result.inqireCo}" /></td>
+					                </c:if>    
+				                </tr>
+				            </c:forEach>
+				            <c:if test="${empty resultList}">
+						    	<tr class="tr_list_none">
+										<td colspan="6" class="list_none">등록된 데이터가 없습니다.</td>
+									</tr>
+					    	</c:if>
+						</tbody>
+					</table>
+				</div>
 			
-<!-- 			<div class="search_wrap"> -->
-<!-- 				<select name="searchCnd" id="subSearch" class="select"> -->
-<%-- 					<option value="" <c:if test="${searchVO.searchCnd == ''}">selected="selected"</c:if>>전체</option> --%>
-<%--                     <option value="0" <c:if test="${searchVO.searchCnd == '0'}">selected="selected"</c:if>>제목</option> --%>
-<%--                     <option value="1" <c:if test="${searchVO.searchCnd == '1'}">selected="selected"</c:if>>내용</option> --%>
-<!-- 				</select> -->
-<%-- 				<input type="text" name="searchWrd" class="input_text" title="검색어 입력" placeholder="검색어를 입력하세요" onfocus="this.placeholder=''" value='<c:out value="${searchVO.searchWrd}"/>'> --%>
-<!-- 				<button type="button" class="btn btn_text btn_40 darkblue_fill btn_search" onclick="javascript:linkPage('1'); return false;">검색</button> -->
-<!-- 			</div> -->
-		</form>
-<!-- 		<div class="table_top"> -->
-<%-- 			<p class="list_total_number">전체 <span class="color_blue">${resultCnt}</span>건</p> --%>
-<!-- 		</div> -->
+				<div class="btn_wrap right mt40">
+					<c:if test="${brdMstrVO.menuNo eq '9620000' || brdMstrVO.menuNo eq '9650000'}">
+	            		<button type="button" class="btn line xlarge accent" onclick="javascript:fn_egov_addNotice(); return false;">글쓰기</button>
+	            	</c:if>
+	            	<button type="button" class="btn line xlarge accent" onclick="javascript:fn_egov_addNotice(); return false;">글쓰기</button>
+	<!--             	<button type="button" class="btn btn_text btn_40 darkblue_fill btn_search" onclick="javascript:linkPage('1'); return false;">검색</button> -->
+				</div>
+				
+				<c:if test="${!empty resultList}">
+			        <div class="page">
+			            <ui:pagination paginationInfo = "${paginationInfo}"  type="imageWeb" jsFunction="linkPage" />
+			        </div>		        
+		        </c:if>
 
-			<!-- list -->
-			<div class="table_type_cols">
-				<table>
-					<colgroup>
-						<col style="width:5%;">
-		                <col style="width:auto;">
-                		<c:if test="${brdMstrVO.fileAtchPosblAt == 'Y'}">
-                			<col style="width:10%;"> 
-                		</c:if>
-                		<col style="width:10%;">
-                		<col style="width:10%;">
-                		<c:if test="${brdMstrVO.viewsYn ne 'N'}">
-                			<col style="width:10%;">
-                		 </c:if>
-					</colgroup>
-					<thead>
-						<tr>
-							<th scope="col">번호</th>
-							<th scope="col">제목</th>
-							<c:choose>
-			                	<c:when test="${brdMstrVO.menuNo eq '9620000'}"> 
-			                		<th scope="col">작성일</th> <!-- 묻고답하기 -->  
-			                		<th scope="col">처리현황</th>
-			                		<c:if test="${brdMstrVO.viewsYn ne 'N'}">
-			                			<th scope="col">조회수</th>
-			                		</c:if>
-			                	</c:when>
-								<c:otherwise>
-									<c:if test="${brdMstrVO.fileAtchPosblAt == 'Y'}">
-										<th scope="col">첨부</th>
-									</c:if>
-			                		<th scope="col">작성일</th>
-			                		<th scope="col">작성자</th>
-			                		<c:if test="${brdMstrVO.viewsYn ne 'N'}">
-			                			<th scope="col">조회수</th>
-			                		</c:if>
-								</c:otherwise>	
-			                </c:choose>
-						</tr>
-					</thead>
-					<tbody>
-						<c:if test="${'1' eq searchVO.pageIndex}">
-			            	<c:forEach var="result" items="${notifyList}" varStatus="status">
-				            <tr>
-			                    <td>공지</td>
-			                    <td class="td_title">
-			                        <a href="#" title="현재창 상세이동" onclick="javascript:fn_egov_inqire_notice('<c:out value="${result.bbsId}"/>', '<c:out value="${result.nttId}"/>');">
-				                        <c:out value="${result.nttSj}" />
-			                        </a>
-			                    </td>
-			                    <c:if test="${brdMstrVO.fileAtchPosblAt == 'Y'}"> <!-- 첨부파일 -->
-			                    	<td class="fileTd">
-<%-- 				                    	<c:if test="${result.atchFileCnt > 0}"> --%>
-<!-- 											<img src="/img/post/atch_file.png" alt="첨부파일 있음"> -->
-<%-- 										</c:if> --%>
-			                    	</td>
-			                    </c:if>
-			                    <td>
-			                    	<c:out value="${result.frstRegisterPnttm}" />
-			                    </td>
-			                   	<c:if test="${brdMstrVO.viewsYn ne 'N'}">
-			                   		<td><c:out value="${result.inqireCo}" /></td>
-			                   	</c:if>	
-			                </tr>
-			            </c:forEach>
-			            </c:if>
-			            
-			            <c:forEach var="result" items="${resultList}" varStatus="status">
-			            	<tr>
-			                    <td class="table_number">
-			                    	<c:out value="${paginationInfo.totalRecordCount+1 - ((searchVO.pageIndex-1) * searchVO.pageUnit + status.count)}" />
-			                    </td>
-		                		<td class="td_title">
-									<a href="#" title="현재창 상세이동" onclick="javascript:fn_egov_inqire_notice('<c:out value="${result.bbsId}"/>', '<c:out value="${result.nttId}"/>');">
-			                        	<c:out value="${result.nttSj}" />
-			                        </a>
-			                    </td>
-			                    <c:if test="${brdMstrVO.fileAtchPosblAt == 'Y'}"> <!-- 첨부파일 -->
-			                    	<td>
-			                    		첨부파일
-<%-- 				                    	<c:if test="${result.atchFileCnt > 0}"> --%>
-<!-- 												<img src="/img/post/atch_file.png" alt="첨부파일 있음"> -->
-<%-- 										</c:if> --%>
-			                    	</td>
-			                    </c:if>
-			                    <td><c:out value="${result.frstRegisterPnttm}" /></td>
-			                    <td><c:out value="${result.frstRegisterNm}" /></td>
-			                    <c:if test="${brdMstrVO.viewsYn ne 'N'}">
-				                    <td><c:out value="${result.inqireCo}" /></td>
-				                </c:if>    
-			                </tr>
-			            </c:forEach>
-			            <c:if test="${empty resultList}">
-					    	<tr class="tr_list_none">
-									<td colspan="6" class="list_none">등록된 데이터가 없습니다.</td>
-								</tr>
-				    	</c:if>
-					</tbody>
-				</table>
-			</div>
-			<!-- //list -->
-			
-			<c:if test="${!empty resultList}">
-		        <div class="page">
-		            <ui:pagination paginationInfo = "${paginationInfo}"  type="imageWeb" jsFunction="linkPage" />
-		        </div>		        
-	        </c:if>
-
-			<!-- 하단 버튼 -->
-			<div class="btn_wrap btn_layout01">
-				<c:if test="${brdMstrVO.menuNo eq '9620000' || brdMstrVO.menuNo eq '9650000'}">
-            		<button type="button" class="btnType09" onclick="javascript:fn_egov_addNotice(); return false;">글쓰기</button>
-            	</c:if>
-            	<button type="button" class="btn btn_text btn_40 darkblue_fill btn_search" onclick="javascript:fn_egov_addNotice(); return false;">글쓰기</button>
-<!--             	<button type="button" class="btn btn_text btn_40 darkblue_fill btn_search" onclick="javascript:linkPage('1'); return false;">검색</button> -->
-			</div>
-			<!-- //하단 버튼 -->
-	</div>
+      		</div>
+      	</div>
+      </div>
+      
+      
+      
+      
+      

868975e

src/main/webapp/WEB-INF/jsp/web/cop/bbs/EgovNoticeList_bak_260128.jsp (added)

+++ src/main/webapp/WEB-INF/jsp/web/cop/bbs/EgovNoticeList_bak_260128.jsp

...	...	@@ -0,0 +1,239 @@
	1	+ <%--
	2	+ Class Name : EgovNoticeList.jsp
	3	+ Description : (사용자)게시물 목록화면
	4	+ Modification Information
	5	+
	6	+ 수정일 수정자 수정내용
	7	+ ------- -------- ---------------------------
	8	+ 2009.03.19 이삼섭 최초 생성
	9	+ 2011.08.31 JJY 경량환경 버전 생성
	10	+
	11	+ author : 공통서비스 개발팀 이삼섭
	12	+ since : 2009.03.19
	13	+--%>
	14	+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
	15	+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
	16	+<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%>
	17	+<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
	18	+<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
	19	+<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
	20	+<%
	21	+ response.setHeader("Cache-Control","no-store");
	22	+ response.setHeader("Pragma","no-cache");
	23	+ response.setDateHeader("Expires",0);
	24	+ if (request.getProtocol().equals("HTTP/1.1")) response.setHeader("Cache-Control", "no-cache");
	25	+%>
	26	+<script type="text/javascript">
	27	+$(document).ready(function(){
	28	+ //$(".btnSearch").keyup(function(e){if(e.keyCode == 13) linkPage('1');});
	29	+});
	30	+
	31	+function fn_egov_addNotice(){
	32	+ document.frm.method = "post";
	33	+ document.frm.action = "<c:url value='/web/cop/bbs/addBoardArticle.do'/>";
	34	+ //document.frm.action = "<c:url value='/web/cop/selfauth/authentication.do'/>";
	35	+ document.frm.submit();
	36	+}
	37	+
	38	+function linkPage(pageNo) {
	39	+
	40	+ if(pageNo != 1){
	41	+ document.frm.searchWrd.value = "";
	42	+ document.frm.searchCnd.value = "";
	43	+ }
	44	+ var searchWrd = $.trim(document.frm.searchWrd.value);
	45	+ var searchCnd = $.trim(document.frm.searchCnd.value);
	46	+
	47	+ document.frm.pageIndex.value = pageNo;
	48	+ document.frm.method = "post";
	49	+ document.frm.action = "<c:url value='/web/cop/bbsWeb/selectBoardList.do'/>";
	50	+ document.frm.submit();
	51	+}
	52	+
	53	+
	54	+function fn_egov_inqire_notice(bbsId, nttId) {
	55	+ document.frm.nttId.value = nttId;
	56	+ document.frm.bbsId.value = bbsId;
	57	+ document.frm.pubDetail.value = 'Y';
	58	+ document.frm.method = "post";
	59	+ document.frm.action = "<c:url value='/web/cop/bbsWeb/selectBoardDetail.do'/>";
	60	+ document.frm.submit();
	61	+}
	62	+
	63	+
	64	+
	65	+function fn_egov_pdfView(atchFileId, fileSn){
	66	+ window.open("/cmm/fms/pdfView.do?atchFileId="+atchFileId+"&fileSn="+fileSn+"");
	67	+}
	68	+
	69	+function fn_egov_downFile(atchFileId, fileSn){
	70	+ window.open("/cmm/fms/FileDown.do?atchFileId="+atchFileId+"&fileSn="+fileSn+"");
	71	+}
	72	+
	73	+var _bbsId = "<c:out value='${boardVO.bbsId}'/>";
	74	+var _searchYear = "<c:out value='${boardVO.searchYear}'/>";
	75	+
	76	+</script>
	77	+
	78	+ <!-- 게시판 검색 텍스트 입력 부분 구분을 위해 /kccadrPb/usr/script/content.js-->
	79	+ <input type="hidden" name="pageType" id="pageType" value="bbs"/>
	80	+ <!-- cont -->
	81	+ <div class="sub_content" id="sub">
	82	+
	83	+ <!-- page_location -->
	84	+ <ul class="page_location">
	85	+ <li><i class="icon home"></i></li>
	86	+ <li>게시판</li>
	87	+ <li>${brdMstrVO.bbsNm}</li>
	88	+ </ul>
	89	+ <!-- //page_location -->
	90	+
	91	+ <h3 class="sub_con_tit">${brdMstrVO.bbsNm}</h3>
	92	+
	93	+ <form name="frm" action="<c:url value='/web/cop/bbsWeb/selectBoardList.do'/>" method="post">
	94	+ <input type="hidden" name="menuNo" class="hiddenMenuNo" />
	95	+ <c:if test="${not empty searchVO.seCd}"><%-- 구분값. 공모/결과 탭화면을 위한 --%>
	96	+ <input type="hidden" name="seCd" value="<c:out value='${searchVO.seCd}'/>" />
	97	+ </c:if>
	98	+ <input type="hidden" name="bbsId" value="<c:out value='${boardVO.bbsId}'/>" />
	99	+ <input type="hidden" name="nttId" value="0" />
	100	+ <input type="hidden" name="nttIds" value="0" />
	101	+ <input type="hidden" name="searchYear" value="<c:out value='${boardVO.searchYear}'/>" />
	102	+ <input name="pageIndex" type="hidden" value="<c:out value='${searchVO.pageIndex}'/>" />
	103	+ <input type="hidden" id= "mblDn" name="mblDn" value=""/>
	104	+ <input type="hidden" id= "failRtnUrl" name="failRtnUrl" value="<c:out value='${failRtnUrl}'/>"/><!-- 인증체크 후 실패 url -->
	105	+ <input type="hidden" id= "password" name="password" value=""/>
	106	+ <input type="hidden" id="pubDetail" name="pubDetail" value=""/>
	107	+
	108	+<!-- <div class="search_wrap"> -->
	109	+<!-- <select name="searchCnd" id="subSearch" class="select"> -->
	110	+<%-- <option value="" <c:if test="${searchVO.searchCnd == ''}">selected="selected"</c:if>>전체</option> --%>
	111	+<%-- <option value="0" <c:if test="${searchVO.searchCnd == '0'}">selected="selected"</c:if>>제목</option> --%>
	112	+<%-- <option value="1" <c:if test="${searchVO.searchCnd == '1'}">selected="selected"</c:if>>내용</option> --%>
	113	+<!-- </select> -->
	114	+<%-- <input type="text" name="searchWrd" class="input_text" title="검색어 입력" placeholder="검색어를 입력하세요" onfocus="this.placeholder=''" value='<c:out value="${searchVO.searchWrd}"/>'> --%>
	115	+<!-- <button type="button" class="btn btn_text btn_40 darkblue_fill btn_search" onclick="javascript:linkPage('1'); return false;">검색</button> -->
	116	+<!-- </div> -->
	117	+ </form>
	118	+<!-- <div class="table_top"> -->
	119	+<%-- <p class="list_total_number">전체 <span class="color_blue">${resultCnt}</span>건</p> --%>
	120	+<!-- </div> -->
	121	+
	122	+ <!-- list -->
	123	+ <div class="table_type_cols">
	124	+ <table>
	125	+ <colgroup>
	126	+ <col style="width:5%;">
	127	+ <col style="width:auto;">
	128	+ <c:if test="${brdMstrVO.fileAtchPosblAt == 'Y'}">
	129	+ <col style="width:10%;">
	130	+ </c:if>
	131	+ <col style="width:10%;">
	132	+ <col style="width:10%;">
	133	+ <c:if test="${brdMstrVO.viewsYn ne 'N'}">
	134	+ <col style="width:10%;">
	135	+ </c:if>
	136	+ </colgroup>
	137	+ <thead>
	138	+ <tr>
	139	+ <th scope="col">번호</th>
	140	+ <th scope="col">제목</th>
	141	+ <c:choose>
	142	+ <c:when test="${brdMstrVO.menuNo eq '9620000'}">
	143	+ <th scope="col">작성일</th> <!-- 묻고답하기 -->
	144	+ <th scope="col">처리현황</th>
	145	+ <c:if test="${brdMstrVO.viewsYn ne 'N'}">
	146	+ <th scope="col">조회수</th>
	147	+ </c:if>
	148	+ </c:when>
	149	+ <c:otherwise>
	150	+ <c:if test="${brdMstrVO.fileAtchPosblAt == 'Y'}">
	151	+ <th scope="col">첨부</th>
	152	+ </c:if>
	153	+ <th scope="col">작성일</th>
	154	+ <th scope="col">작성자</th>
	155	+ <c:if test="${brdMstrVO.viewsYn ne 'N'}">
	156	+ <th scope="col">조회수</th>
	157	+ </c:if>
	158	+ </c:otherwise>
	159	+ </c:choose>
	160	+ </tr>
	161	+ </thead>
	162	+ <tbody>
	163	+ <c:if test="${'1' eq searchVO.pageIndex}">
	164	+ <c:forEach var="result" items="${notifyList}" varStatus="status">
	165	+ <tr>
	166	+ <td>공지</td>
	167	+ <td class="td_title">
	168	+ <a href="#" title="현재창 상세이동" onclick="javascript:fn_egov_inqire_notice('<c:out value="${result.bbsId}"/>', '<c:out value="${result.nttId}"/>');">
	169	+ <c:out value="${result.nttSj}" />
	170	+ </a>
	171	+ </td>
	172	+ <c:if test="${brdMstrVO.fileAtchPosblAt == 'Y'}"> <!-- 첨부파일 -->
	173	+ <td class="fileTd">
	174	+<%-- <c:if test="${result.atchFileCnt > 0}"> --%>
	175	+<!-- <img src="/img/post/atch_file.png" alt="첨부파일 있음"> -->
	176	+<%-- </c:if> --%>
	177	+ </td>
	178	+ </c:if>
	179	+ <td>
	180	+ <c:out value="${result.frstRegisterPnttm}" />
	181	+ </td>
	182	+ <c:if test="${brdMstrVO.viewsYn ne 'N'}">
	183	+ <td><c:out value="${result.inqireCo}" /></td>
	184	+ </c:if>
	185	+ </tr>
	186	+ </c:forEach>
	187	+ </c:if>
	188	+
	189	+ <c:forEach var="result" items="${resultList}" varStatus="status">
	190	+ <tr>
	191	+ <td class="table_number">
	192	+ <c:out value="${paginationInfo.totalRecordCount+1 - ((searchVO.pageIndex-1) * searchVO.pageUnit + status.count)}" />
	193	+ </td>
	194	+ <td class="td_title">
	195	+ <a href="#" title="현재창 상세이동" onclick="javascript:fn_egov_inqire_notice('<c:out value="${result.bbsId}"/>', '<c:out value="${result.nttId}"/>');">
	196	+ <c:out value="${result.nttSj}" />
	197	+ </a>
	198	+ </td>
	199	+ <c:if test="${brdMstrVO.fileAtchPosblAt == 'Y'}"> <!-- 첨부파일 -->
	200	+ <td>
	201	+ 첨부파일
	202	+<%-- <c:if test="${result.atchFileCnt > 0}"> --%>
	203	+<!-- <img src="/img/post/atch_file.png" alt="첨부파일 있음"> -->
	204	+<%-- </c:if> --%>
	205	+ </td>
	206	+ </c:if>
	207	+ <td><c:out value="${result.frstRegisterPnttm}" /></td>
	208	+ <td><c:out value="${result.frstRegisterNm}" /></td>
	209	+ <c:if test="${brdMstrVO.viewsYn ne 'N'}">
	210	+ <td><c:out value="${result.inqireCo}" /></td>
	211	+ </c:if>
	212	+ </tr>
	213	+ </c:forEach>
	214	+ <c:if test="${empty resultList}">
	215	+ <tr class="tr_list_none">
	216	+ <td colspan="6" class="list_none">등록된 데이터가 없습니다.</td>
	217	+ </tr>
	218	+ </c:if>
	219	+ </tbody>
	220	+ </table>
	221	+ </div>
	222	+ <!-- //list -->
	223	+
	224	+ <c:if test="${!empty resultList}">
	225	+ <div class="page">
	226	+ <ui:pagination paginationInfo = "${paginationInfo}" type="imageWeb" jsFunction="linkPage" />
	227	+ </div>
	228	+ </c:if>
	229	+
	230	+ <!-- 하단 버튼 -->
	231	+ <div class="btn_wrap btn_layout01">
	232	+ <c:if test="${brdMstrVO.menuNo eq '9620000' \|\| brdMstrVO.menuNo eq '9650000'}">
	233	+ <button type="button" class="btnType09" onclick="javascript:fn_egov_addNotice(); return false;">글쓰기</button>
	234	+ </c:if>
	235	+ <button type="button" class="btn btn_text btn_40 darkblue_fill btn_search" onclick="javascript:fn_egov_addNotice(); return false;">글쓰기</button>
	236	+<!-- <button type="button" class="btn btn_text btn_40 darkblue_fill btn_search" onclick="javascript:linkPage('1'); return false;">검색</button> -->
	237	+ </div>
	238	+ <!-- //하단 버튼 -->
	239	+ </div>

aeea591

868975e

src/main/webapp/WEB-INF/jsp/web/cop/bbs/EgovNoticePhotoInqire.jsp

--- src/main/webapp/WEB-INF/jsp/web/cop/bbs/EgovNoticePhotoInqire.jsp

+++ src/main/webapp/WEB-INF/jsp/web/cop/bbs/EgovNoticePhotoInqire.jsp


 </form:form>
 <!-- contents 영역 -->
 <c:set var="nttSj" value="${result.nttSj}"></c:set>
-<div class="subCont">
-	<h3 class="contTit"><c:out value='${brdMstrVO.bbsNm}' /></h3>
-	<!-- view 영역 -->
-	<div class="contentWrap board">
-		<div class="viewWrap">
-			<div class="viewHead">
-				<h4 class="fwBold"><c:out value="${result.nttSj}" /></h4>
-				<ul class="infor">
-					<li>
-						<span >작성일 : <c:out value="${result.frstRegisterPnttm}" /></span>
-						<span class="inforLine">조회수 : <c:out value="${result.inqireCo}" /></span>
-					</li>
+
+
+<div class="sub_visual">
+	<div class="inner">
+		<h2 class="sub_title" data-section="community">Community</h2>
+		<div class="sub_visual_nav">
+			<a href="../index.html"><i class="icon home"></i></a>
+			<div class="snb_wrap">
+				<button type="button" class="snb_title">Company</button>
+				<ul class="snb_select">
+					<li><a href="#">Company</a></li>
+					<li><a href="#">Platform Tech</a></li>
+					<li><a href="#">Major Result</a></li>
 				</ul>
 			</div>
-			<div class="viewCont c_222222 fs18">
-				<div class="contWrap">
-					<%-- <div class="tabCont">
-						<c:if test="${not empty fileList}">
-						 	<c:forEach var="result" items="${fileList}" varStatus="status">
-							 	<img src='<c:url value='/cmm/fms/getImage.do'/>?atchFileId=<c:out value="${result.atchFileId}"/>&fileSn=<c:out value="${result.fileSn}"/>' alt="">
-						 	</c:forEach>
-						</c:if>							
-					</div>
-					<div class="tabNav">
-						<ul class="clearfix">
-							<li><button class="beforeBtn bxBefore3"><img src="/publish/image/main/sec3BeforeBtn.png" alt=""></button></li>									
-							<li><button class="nextBtn bxNext3"><img src="/publish/image/main/sec3NextBtn.png" alt=""></button></li>
-						</ul>
-					</div> --%>
-					<ul class="imgView">
+			<div class="snb_wrap">
+				<button type="button" class="snb_title">설립배경</button>
+				<ul class="snb_select">
+					<li><a href="/web/content.do?proFn=999110005" class="active">설립배경</a></li>
+					<li><a href="/web/content.do?proFn=9989200" class="">연혁</a></li>
+					<li><a href="/web/content.do?proFn=9989400" class="">조직도</a></li>
+					<li><a href="/web/content.do?proFn=9989300" class="">오시는길</a></li>
+				</ul>
+			</div>
+		</div>
+	</div>
+</div>
+
+<div class="inner">
+	<div class="content_wrap community">
+		<div class="contents">
+		
+			<div class="content_title">
+				<h3><c:out value='${brdMstrVO.bbsNm}' /></h3>
+			</div>
+			
+			<div class="board_wrap">
+				<div class="board_top">
+					<strong class="board_title"><c:out value="${result.nttSj}" /></strong>
+					<ul class="board_info">
+						<li><i class="icon calendar"></i><c:out value="${result.frstRegisterPnttm}" /></li>
+						<li><i class="icon view"></i><c:out value="${result.inqireCo}" /></li>
+					</ul>
+				</div>
+			
+				<div class="board_cont">
+				
+					<ul class="img_view">
                        <c:if test="${not empty fileList}">
 						 	<c:forEach var="result" items="${fileList}" varStatus="status">
 						 	<li>

 						 	</c:forEach>
 						</c:if>			
                    </ul>
-                   <ul class="imgList">
+                   <%-- <ul class="imgList">
                        <c:if test="${not empty fileList}">
 						 	<c:forEach var="result" items="${fileList}" varStatus="status">
 						 	<li>

 							</li>
 						 	</c:forEach>
 						</c:if>			
-                   </ul>
-                   <ul class="imgBtn">
+                   </ul> --%>
+                   
+                   <!-- <ul class="imgBtn">
                        <li><button class="imgPrev" title="이전 이미지로 이동"><img src="/publish/image/board/arrowLeft.png" alt="이전"></button></li>
                        <li><button class="imgNext" title="다음 이미지로 이동"><img src="/publish/image/board/arrowRight.png" alt="다음"></button></li>
-                   </ul>
+                   </ul> -->
+                   
+                   <p><c:out value="${result.nttCn}" escapeXml="false" /></p>
+                   <c:if test="${not empty result.atchFileId}">
+			
+					</c:if>
+					
+					<ul class="file_list box">
+					<c:import url="/cmm/fms/selectBBSFileInfs.do" charEncoding="utf-8">
+						<c:param name="param_atchFileId" value="${result.atchFileId}" />
+						<c:param name="pdf_view" value="Y" />
+					</c:import>
+					<!-- <li><a href="#" download="PATINEX 2025 전시부스 참가 신청서 양식"><i class="icon file blue"></i>PATINEX 2025 전시부스 참가 신청서 양식.hwp (208KB)</a></li> -->
+					</ul>
 				</div>
-				<p><c:out value="${result.nttCn}" escapeXml="false" /></p>
-			</div>
-			<c:if test="${not empty result.atchFileId}">
-			
-			</c:if>
-			<ul class="attach">
-				<!-- <li><img src="/publish/image/board/fileIcon.png" alt="첨부파일 이미지">첨부파일 없음</li> -->
-				<c:import url="/cmm/fms/selectBBSFileInfs.do" charEncoding="utf-8">
-					<c:param name="param_atchFileId" value="${result.atchFileId}" />
-					<c:param name="pdf_view" value="Y" />
+			              
+				<div class="btn_wrap right mt40">
+					<button type="button" class="btn fill gray xlarge" onclick="javascript:fn_egov_select_noticeList('1'); return false;">목록</button>
+				</div>
+				
+				
+				<ul class="view_more">
+				
+					<!-- 이전글 -->
+					<c:choose>
+					<c:when test="${empty prevNttIdNSj}">
+						<li class="none">
+							<span>이전글 <i class="icon prev"></i></span>
+							<a href="#">이전글이 없습니다.</a>
+						</li>
+					</c:when>
+					<c:otherwise>
+						<li>
+							<c:set var="prevNttId" value="${fn:split(prevNttIdNSj, '|')[0]}" />
+							<c:set var="prevNttSj" value="${fn:split(prevNttIdNSj, '|')[1]}" />
+							<c:set var="prevNttDate" value="${fn:split(prevNttIdNSj, '|')[2]}" />
+							<span>이전글 <i class="icon prev"></i></span>
+							<a href="#" onclick="fn_egov_select_detail('<c:out value='${result.bbsId}'/>' , '<c:out value='${prevNttId}'/>'); return false;" title="현재창 이전글이동">
+								<c:out value="${prevNttSj}" />
+							</a>
+							<%-- <span class="nb_date"><c:out value="${prevNttDate}" /></span> --%>
+						</li>
+					</c:otherwise>
+					</c:choose>
+					<!-- //이전글 -->
+					
+					<!-- 다음글 -->
+					<c:choose>
+						<c:when test="${empty nextNttIdNSj}">
+							<li class="none">
+								<span>다음글 <i class="icon next"></i></span>
+								<a href="#">다음글이 없습니다.</a>
+							</li>  
+						</c:when>
+						<c:otherwise>
+							<c:set var="nextNttId" value="${fn:split(nextNttIdNSj, '|')[0]}" />
+							<c:set var="nextNttSj" value="${fn:split(nextNttIdNSj, '|')[1]}" />
+							<c:set var="nextNttDate" value="${fn:split(nextNttIdNSj, '|')[2]}" />
+							<span>다음글 <i class="icon next"></i></span>
+							<a href="#" onclick="fn_egov_select_detail('<c:out value='${result.bbsId}'/>' , '<c:out value='${nextNttId}'/>'); return false;" title="현재창 다음글이동">
+								<c:out value="${nextNttSj}" />
+							</a>
+							<%-- <span class="nb_date"><c:out value="${nextNttDate}" /></span> --%>
+						</c:otherwise>
+					</c:choose>
+					<!-- //다음글 -->
+					
+				</ul>
+				
+				<!-- 댓글 -->
+				<%-- <c:if test="${brdMstrVO.addYn == 'Y'}">
+				<c:import url="/web/cop/cmt/selectArticleCommentList.do" charEncoding="utf-8">
+				<c:param name="siteId" value="${brdMstrVO.siteId}" />
 				</c:import>
-			</ul>
-			<!-- btnWrap -->
-			<div class="btnWrap center">
-				<button type="button" class="btnType btnType1 w80" onclick="javascript:fn_egov_select_noticeList('1'); return false;">목록</button>
-			</div><!-- //btnWrap -->
-			
-			<table class="listNav">
-	                <caption>이전 다음 글보기</caption>
-	                <colgroup>
-	                    <col data-veiw="th" style="width:140px">
-	                    <col data-veiw="td" style="width:auto">
-	                </colgroup>
-	                <tbody>
-	                	<tr>
-	                        <th scope="row" class="listNavNext">이전글</th>
-	                        <td>
-	                            <c:choose>
-								<c:when test="${empty prevNttIdNSj}">
-									이전글이 없습니다.
-								</c:when>
-								<c:otherwise>
-									<c:set var="prevNttId" value="${fn:split(prevNttIdNSj, '|')[0]}" />
-									<c:set var="prevNttSj" value="${fn:split(prevNttIdNSj, '|')[1]}" />
-									<c:set var="prevNttDate" value="${fn:split(prevNttIdNSj, '|')[2]}" />
-									<a href="#" onclick="fn_egov_select_detail('<c:out value='${result.bbsId}'/>' , '<c:out value='${prevNttId}'/>'); return false;" title="현재창 이전글이동">
-										<c:out value="${prevNttSj}" />
-									</a>
-									<span class="nb_date"><c:out value="${prevNttDate}" /></span>
-								</c:otherwise>
-								</c:choose>	
-	                        </td>
-	                    </tr>
-	                    
-	                    <tr>
-	                        <th scope="row" class="listNavPrev">다음글</th>
-	                        <td>
-	                        <c:choose>
-							<c:when test="${empty nextNttIdNSj}">
-								다음글이 없습니다.  
-							</c:when>
-							<c:otherwise>
-								<c:set var="nextNttId" value="${fn:split(nextNttIdNSj, '|')[0]}" />
-								<c:set var="nextNttSj" value="${fn:split(nextNttIdNSj, '|')[1]}" />
-								<c:set var="nextNttDate" value="${fn:split(nextNttIdNSj, '|')[2]}" />
-								<a href="#" onclick="fn_egov_select_detail('<c:out value='${result.bbsId}'/>' , '<c:out value='${nextNttId}'/>'); return false;" title="현재창 다음글이동">
-									<c:out value="${nextNttSj}" />
-								</a>
-								<span class="nb_date"><c:out value="${nextNttDate}" /></span>
-							</c:otherwise>
-							</c:choose>
-							</td>	
-	                    </tr>
-	                    
-	                </tbody>
-	            </table>
-	            
+				</c:if> --%>
+
+            </div>
 		</div>
-	</div><!-- // view 영역 -->
+	</div>
 </div>
-<!--//contents 영역 -->
+
 </body>
 

868975e

src/main/webapp/WEB-INF/jsp/web/cop/bbs/EgovNoticePhotoInqire_bak_260128.jsp (added)

+++ src/main/webapp/WEB-INF/jsp/web/cop/bbs/EgovNoticePhotoInqire_bak_260128.jsp

...	...	@@ -0,0 +1,290 @@
	1	+<%--
	2	+ Class Name : EgovNoticeInqire.jsp
	3	+ Description : (사용자)게시물 조회 화면
	4	+ Modification Information
	5	+
	6	+ 수정일 수정자 수정내용
	7	+ ---------- -------- ---------------------------
	8	+ 2009.03.23 이삼섭 최초 생성
	9	+ 2009.06.26 한성곤 2단계 기능 추가 (댓글관리, 만족도조사)
	10	+ 2011.08.31 JJY 경량환경 버전 생성
	11	+ 2013.05.23 이기하 상세보기 오류수정
	12	+
	13	+ author : 공통서비스 개발팀 이삼섭
	14	+ since : 2009.03.23
	15	+--%>
	16	+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
	17	+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
	18	+<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%>
	19	+<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
	20	+<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
	21	+<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
	22	+<%@ taglib prefix="validator" uri="http://www.springmodules.org/tags/commons-validator"%>
	23	+<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
	24	+<%pageContext.setAttribute("crlf", "\r\n"); %>
	25	+<%
	26	+ response.setHeader("Cache-Control","no-store");
	27	+ response.setHeader("Pragma","no-cache");
	28	+ response.setDateHeader("Expires",0);
	29	+ if (request.getProtocol().equals("HTTP/1.1")) response.setHeader("Cache-Control", "no-cache");
	30	+%>
	31	+<head>
	32	+<script type="text/javascript">
	33	+$(document).ready(function(){
	34	+ $(".btnType1").keyup(function(e){if(e.keyCode == 13) fn_egov_select_noticeList('1');});
	35	+});
	36	+
	37	+ function fnPopup(acType){
	38	+ var mblDn = "";
	39	+ var userNm = "";
	40	+ var form = document.searchForm;
	41	+
	42	+ //temp Data
	43	+ mblDn = "USRCNFRM_00000000320";
	44	+ userNm = "우영두";
	45	+
	46	+ form.mblDn.value = mblDn;
	47	+ form.ntcrNm.value = userNm;
	48	+ if(acType == "delete"){
	49	+ if (confirm('<spring:message code="common.delete.msg" />')) {
	50	+ document.searchForm.action = "<c:url value='/web/cop/bbs/deleteBoardArticle.do'/>";
	51	+ document.searchForm.submit();
	52	+ }
	53	+ }else{
	54	+ document.searchForm.action = "<c:url value='/web/cop/bbs/forUpdateBoardArticle.do'/>";
	55	+ document.searchForm.method = "get";
	56	+ document.searchForm.submit();
	57	+ }
	58	+ }
	59	+
	60	+
	61	+ var listPage = $(location).attr('href').split($(location).attr('host'))[1].split('Detail.do')[0]+'List.do'+'?bbsId=${brdMstrVO.bbsId}' ;
	62	+ var detailPage = $(location).attr('href').split($(location).attr('host'))[1].split('?')[0] ;
	63	+ function fn_egov_select_noticeList(pageNo) {
	64	+ document.searchForm.action = listPage ;
	65	+ document.searchForm.submit();
	66	+ }
	67	+
	68	+ function fn_egov_select_detail(bbsId , nttId) { //이전/다음글 상세
	69	+ if(listPage.indexOf("contentBbsList.do") > 0){ //컨텐츠 bbs 페이지경우
	70	+ location.href=detailPage+"?bbsId="+bbsId + "&nttId="+nttId+"&menuNo="+$('#menuNo').val() ;
	71	+ return
	72	+ }
	73	+ location.href=detailPage+"?bbsId="+bbsId + "&nttId="+nttId ;
	74	+ }
	75	+
	76	+ function fn_egov_delete_notice() {
	77	+ if (confirm('<spring:message code="common.delete.msg" />')) {
	78	+ document.searchForm.action = "<c:url value='/web/cop/bbs/deleteBoardArticle.do'/>";
	79	+ document.searchForm.submit();
	80	+ }
	81	+ }
	82	+
	83	+ function fn_egov_moveUpdt_notice(){
	84	+ document.searchForm.action = "<c:url value='/web/cop/bbs/forUpdateBoardArticle.do'/>";
	85	+ document.searchForm.method = "get";
	86	+ document.searchForm.submit();
	87	+ }
	88	+</script>
	89	+
	90	+<!-- 댓글 작성 스크립트 -->
	91	+<c:if test="${brdMstrVO.addYn == 'Y'}">
	92	+ <script type="text/javascript" src="<c:url value="/validator.do"/>"></script>
	93	+ <validator:javascript formName="articleComment" staticJavascript="false" xhtml="true" cdata="false" />
	94	+ <script type="text/javascript">
	95	+// 댓글 등록
	96	+function fn_egov_insert_commentList() {
	97	+ var form = document.getElementById("articleCommentVO");
	98	+ if (!validateArticleComment(form)){
	99	+ return;
	100	+ }
	101	+ if (confirm('<spring:message code="common.regist.msg" />')) {
	102	+ form.submit();
	103	+ }
	104	+}
	105	+
	106	+// 댓글 수정
	107	+function fn_egov_updt_commentList() {
	108	+ var form = document.getElementById("articleCommentVO");
	109	+ if (!validateArticleComment(form)){
	110	+ return;
	111	+ }
	112	+
	113	+ if (confirm('<spring:message code="common.update.msg" />')) {
	114	+ form.modified.value = "true";
	115	+ form.action = "<c:url value='/${siteId}/web/cop/cmt/updateArticleComment.do'/>";
	116	+ form.submit();
	117	+ }
	118	+}
	119	+
	120	+// 댓글 수정 화면
	121	+function fn_egov_selectCommentForupdt(commentNo) {
	122	+ var form = document.getElementById("articleCommentVO");
	123	+ //form.subPageIndex.value = pageNo;
	124	+ form.commentNo.value = commentNo;
	125	+ form.action = "<c:url value='/web/cop/bbsWeb/selectBoardArticle.do'/>";
	126	+ form.submit();
	127	+}
	128	+
	129	+// 댓글 삭제
	130	+function fn_egov_deleteCommentList(commentNo) {
	131	+ var form = document.getElementById("articleCommentVO");
	132	+ if (confirm('<spring:message code="common.delete.msg" />')) {
	133	+ form.modified.value = "true";
	134	+ form.commentNo.value = commentNo;
	135	+ form.action = "<c:url value='/${siteId}/web/cop/cmt/deleteArticleComment.do'/>";
	136	+ form.submit();
	137	+ }
	138	+}
	139	+
	140	+/* 댓글페이징 */
	141	+function fn_egov_select_commentList(pageNo) {
	142	+ var form = document.getElementById("articleCommentVO");
	143	+ // form.subPageIndex.value = pageNo;
	144	+ form.commentNo.value = '';
	145	+ form.action = "<c:url value='/${siteId}/web/cop/bbsWeb/selectBoardArticle.do'/>";
	146	+ form.submit();
	147	+}
	148	+</script>
	149	+</c:if>
	150	+</head>
	151	+<body>
	152	+<!-- contents 영역 -->
	153	+<form:form commandName="searchForm" name="searchForm" method="get" action="<c:url value='/web/cop/bbsWeb/selectBoardList.do'/>">
	154	+ <input name="pageIndex" type="hidden" value="<c:out value='${searchVO.pageIndex}'/>"/>
	155	+ <input name="searchCnd" type="hidden" value="<c:out value='${searchVO.searchCnd}'/>"/>
	156	+ <input name="searchWrd" type="hidden" value="<c:out value='${searchVO.searchWrd}'/>"/>
	157	+ <input name="bbsId" type="hidden" value="<c:out value='${result.bbsId}'/>" />
	158	+ <input name="nttId" type="hidden" value="<c:out value='${result.nttId}'/>" />
	159	+ <input type="hidden" id= "ntcrNm" name="ntcrNm" value=""/>
	160	+ <input type="hidden" id= "menuNo" name="menuNo" value="<c:out value='${masterVO.menuNo}'/>" />
	161	+</form:form>
	162	+<!-- contents 영역 -->
	163	+<c:set var="nttSj" value="${result.nttSj}"></c:set>
	164	+<div class="subCont">
	165	+ <h3 class="contTit"><c:out value='${brdMstrVO.bbsNm}' /></h3>
	166	+ <!-- view 영역 -->
	167	+ <div class="contentWrap board">
	168	+ <div class="viewWrap">
	169	+ <div class="viewHead">
	170	+ <h4 class="fwBold"><c:out value="${result.nttSj}" /></h4>
	171	+ <ul class="infor">
	172	+ <li>
	173	+ <span >작성일 : <c:out value="${result.frstRegisterPnttm}" /></span>
	174	+ <span class="inforLine">조회수 : <c:out value="${result.inqireCo}" /></span>
	175	+ </li>
	176	+ </ul>
	177	+ </div>
	178	+ <div class="viewCont c_222222 fs18">
	179	+ <div class="contWrap">
	180	+ <%-- <div class="tabCont">
	181	+ <c:if test="${not empty fileList}">
	182	+ <c:forEach var="result" items="${fileList}" varStatus="status">
	183	+ <img src='<c:url value='/cmm/fms/getImage.do'/>?atchFileId=<c:out value="${result.atchFileId}"/>&fileSn=<c:out value="${result.fileSn}"/>' alt="">
	184	+ </c:forEach>
	185	+ </c:if>
	186	+ </div>
	187	+ <div class="tabNav">
	188	+ <ul class="clearfix">
	189	+ <li><button class="beforeBtn bxBefore3"><img src="/publish/image/main/sec3BeforeBtn.png" alt=""></button></li>
	190	+ <li><button class="nextBtn bxNext3"><img src="/publish/image/main/sec3NextBtn.png" alt=""></button></li>
	191	+ </ul>
	192	+ </div> --%>
	193	+ <ul class="imgView">
	194	+ <c:if test="${not empty fileList}">
	195	+ <c:forEach var="result" items="${fileList}" varStatus="status">
	196	+ <li>
	197	+ <img src='<c:url value='/cmm/fms/getImage.do'/>?atchFileId=<c:out value="${result.atchFileId}"/>&fileSn=<c:out value="${result.fileSn}"/>' alt="<c:out value='${nttSj}' />_<c:out value='${status.index+1}' />">
	198	+ </li>
	199	+ </c:forEach>
	200	+ </c:if>
	201	+ </ul>
	202	+ <ul class="imgList">
	203	+ <c:if test="${not empty fileList}">
	204	+ <c:forEach var="result" items="${fileList}" varStatus="status">
	205	+ <li>
	206	+ <button type="button">
	207	+ <img src='<c:url value='/cmm/fms/getImage.do'/>?atchFileId=<c:out value="${result.atchFileId}"/>&fileSn=<c:out value="${result.fileSn}"/>' alt="<c:out value='${nttSj}' />_<c:out value='${status.index+1}' />">
	208	+ </button>
	209	+ </li>
	210	+ </c:forEach>
	211	+ </c:if>
	212	+ </ul>
	213	+ <ul class="imgBtn">
	214	+ <li><button class="imgPrev" title="이전 이미지로 이동"><img src="/publish/image/board/arrowLeft.png" alt="이전"></button></li>
	215	+ <li><button class="imgNext" title="다음 이미지로 이동"><img src="/publish/image/board/arrowRight.png" alt="다음"></button></li>
	216	+ </ul>
	217	+ </div>
	218	+ <p><c:out value="${result.nttCn}" escapeXml="false" /></p>
	219	+ </div>
	220	+ <c:if test="${not empty result.atchFileId}">
	221	+
	222	+ </c:if>
	223	+ <ul class="attach">
	224	+ <!-- <li><img src="/publish/image/board/fileIcon.png" alt="첨부파일 이미지">첨부파일 없음</li> -->
	225	+ <c:import url="/cmm/fms/selectBBSFileInfs.do" charEncoding="utf-8">
	226	+ <c:param name="param_atchFileId" value="${result.atchFileId}" />
	227	+ <c:param name="pdf_view" value="Y" />
	228	+ </c:import>
	229	+ </ul>
	230	+ <!-- btnWrap -->
	231	+ <div class="btnWrap center">
	232	+ <button type="button" class="btnType btnType1 w80" onclick="javascript:fn_egov_select_noticeList('1'); return false;">목록</button>
	233	+ </div><!-- //btnWrap -->
	234	+
	235	+ <table class="listNav">
	236	+ <caption>이전 다음 글보기</caption>
	237	+ <colgroup>
	238	+ <col data-veiw="th" style="width:140px">
	239	+ <col data-veiw="td" style="width:auto">
	240	+ </colgroup>
	241	+ <tbody>
	242	+ <tr>
	243	+ <th scope="row" class="listNavNext">이전글</th>
	244	+ <td>
	245	+ <c:choose>
	246	+ <c:when test="${empty prevNttIdNSj}">
	247	+ 이전글이 없습니다.
	248	+ </c:when>
	249	+ <c:otherwise>
	250	+ <c:set var="prevNttId" value="${fn:split(prevNttIdNSj, '\|')[0]}" />
	251	+ <c:set var="prevNttSj" value="${fn:split(prevNttIdNSj, '\|')[1]}" />
	252	+ <c:set var="prevNttDate" value="${fn:split(prevNttIdNSj, '\|')[2]}" />
	253	+ <a href="#" onclick="fn_egov_select_detail('<c:out value='${result.bbsId}'/>' , '<c:out value='${prevNttId}'/>'); return false;" title="현재창 이전글이동">
	254	+ <c:out value="${prevNttSj}" />
	255	+ </a>
	256	+ <span class="nb_date"><c:out value="${prevNttDate}" /></span>
	257	+ </c:otherwise>
	258	+ </c:choose>
	259	+ </td>
	260	+ </tr>
	261	+
	262	+ <tr>
	263	+ <th scope="row" class="listNavPrev">다음글</th>
	264	+ <td>
	265	+ <c:choose>
	266	+ <c:when test="${empty nextNttIdNSj}">
	267	+ 다음글이 없습니다.
	268	+ </c:when>
	269	+ <c:otherwise>
	270	+ <c:set var="nextNttId" value="${fn:split(nextNttIdNSj, '\|')[0]}" />
	271	+ <c:set var="nextNttSj" value="${fn:split(nextNttIdNSj, '\|')[1]}" />
	272	+ <c:set var="nextNttDate" value="${fn:split(nextNttIdNSj, '\|')[2]}" />
	273	+ <a href="#" onclick="fn_egov_select_detail('<c:out value='${result.bbsId}'/>' , '<c:out value='${nextNttId}'/>'); return false;" title="현재창 다음글이동">
	274	+ <c:out value="${nextNttSj}" />
	275	+ </a>
	276	+ <span class="nb_date"><c:out value="${nextNttDate}" /></span>
	277	+ </c:otherwise>
	278	+ </c:choose>
	279	+ </td>
	280	+ </tr>
	281	+
	282	+ </tbody>
	283	+ </table>
	284	+
	285	+ </div>
	286	+ </div><!-- // view 영역 -->
	287	+</div>
	288	+<!--//contents 영역 -->
	289	+</body>
	290	+

aeea591

868975e

src/main/webapp/WEB-INF/jsp/web/cop/bbs/EgovNoticePhotoList.jsp

--- src/main/webapp/WEB-INF/jsp/web/cop/bbs/EgovNoticePhotoList.jsp

+++ src/main/webapp/WEB-INF/jsp/web/cop/bbs/EgovNoticePhotoList.jsp


 
 	<div class="sub_visual">
         <div class="inner">
-          <h2 class="sub_title" data-section="company">COMPANY</h2>
+          <h2 class="sub_title" data-section="community">Community</h2>
           <div class="sub_visual_nav">
-            <a href="../index.html"><i class="icon home"></i></a>
+            <a href="/web/main/mainPage.do"><i class="icon home"></i></a>
             <div class="snb_wrap">
-              <button type="button" class="snb_title">Company</button>
+              <button type="button" class="snb_title">Community</button>
               <ul class="snb_select">
                 <li><a href="#">Company</a></li>
                 <li><a href="#">Platform Tech</a></li>
                 <li><a href="#">Major Result</a></li>
+                <li><a href="#">Community</a></li>
               </ul>
             </div>
             <div class="snb_wrap">

aeea591

868975e

src/main/webapp/WEB-INF/jsp/web/cop/bbs/EgovNoticeRegist.jsp

--- src/main/webapp/WEB-INF/jsp/web/cop/bbs/EgovNoticeRegist.jsp

+++ src/main/webapp/WEB-INF/jsp/web/cop/bbs/EgovNoticeRegist.jsp


 <input type="hidden" name="ntcrId" id="ntcrId" value="<c:out value='${board.ntcrId}'/>" />
 
 
-        <div class="sub_content counsel_content">
 
-          <!-- page_location -->
-          <ul class="page_location">
-            <li><i class="icon home"></i></li>
-            <li>게시판</li>
-			<li>${brdMstrVO.bbsNm}</li>
-          </ul>
-          <!-- //page_location -->
-
-
-
-
-
-			<div class="table_type_rows">
-				<table>
-					<caption><c:out value='${brdMstrVO.menuNm}' /> 등록</caption>
-					<colgroup>
-						<col style="width: 250px;">
-						<col style="width: auto;">
-					</colgroup>					
-					<tbody>
-					
-<tr>
-                    <th>
-                      <p class="required_text">*<span>필수입력</span></p>오류제목
-                    </th>
-                    <td colspan="3">
-                      <input type="text" class="input_text w100per" id="nttSj" name="nttSj">                      
-                    </td>
-                  </tr>
-                  <tr>
-                    <th>오류내용</th>
-                    <td colspan="3">
-                      <div class="length_wrap">
-                        <textarea name="nttCn" id="nttCn" class="input_text" placeholder="ex) 사용상의 문제점과 연락처를 남겨주시면 확인 후 연락드리겠습니다."></textarea>
-                        <p class="length"><span class="color_red">0</span>/ 1300자</p>
-                      </div>
-                    </td>
-                  </tr>
-                  
+	<div class="sub_visual">
+		<div class="inner">
+			<h2 class="sub_title" data-section="company">COMPANY</h2>
+			<div class="sub_visual_nav">
+				<a href="../index.html"><i class="icon home"></i></a>
+				<div class="snb_wrap">
+					<button type="button" class="snb_title">Company</button>
+					<ul class="snb_select">
+						<li><a href="#">Company</a></li>
+						<li><a href="#">Platform Tech</a></li>
+						<li><a href="#">Major Result</a></li>
+					</ul>
+				</div>
+				<div class="snb_wrap">
+					<button type="button" class="snb_title">설립배경</button>
+					<ul class="snb_select">
+						<li><a href="/web/content.do?proFn=999110005" class="active">설립배경</a></li>
+						<li><a href="/web/content.do?proFn=9989200" class="">연혁</a></li>
+						<li><a href="/web/content.do?proFn=9989400" class="">조직도</a></li>
+						<li><a href="/web/content.do?proFn=9989300" class="">오시는길</a></li>
+					</ul>
+				</div>
+			</div>
+		</div>
+	</div>
+	
+	
+	
+	<div class="inner">
+		<div class="content_wrap overview">
+			<div class="contents">
+			
+				<div class="content_title">
+					<h3><c:out value='${brdMstrVO.menuNm}' /> 등록</h3>
+				</div>
+				
+				
+				<div class="table table_type_rows mb0">
+					<table>
+						<caption><c:out value='${brdMstrVO.menuNm}' /> 등록</caption>
+						<colgroup>
+							<col style="width: 200px;">
+							<col style="width: auto;">
+						</colgroup>					
+						<tbody>
+						
 							<tr>
-								<th class="req_text">
-									<p>첨부파일</p>
-								</th>
-								<td class="upload_area">
-									<!-- <input type="text" id="fileNm" size="30" class="file_input" readonly> --><!-- <button type="button" class="btnType01 btn_add_file">파일 첨부하기</button> -->
+								<th><span class="required">*</span>오류제목</th>
+								<td><input type="text" class="input w100per" id="nttSj" name="nttSj"></td>
+							</tr>
+						<tr>
+							<th>오류내용</th>
+							<td>
+								<div class="length_wrap">
+									<textarea name="nttCn" id="nttCn" class="textarea w100per" row="5" placeholder="ex) 사용상의 문제점과 연락처를 남겨주시면 확인 후 연락드리겠습니다."></textarea>
+									<p class="text_split length"><span class="text_primary">0</span> / 1300자</p>
+								</div>
+							</td>
+						</tr>
+						             
+						<tr>
+							<th><span class="required">*</span>첨부파일</th>
+							<td>
+								<!-- <input type="text" id="fileNm" size="30" class="file_input" readonly> --><!-- <button type="button" class="btnType01 btn_add_file">파일 첨부하기</button> -->
+								
+								<div class="file_upload_wrap">
 									<input type="file" id="file_temp" name="file_temp" class="uploadFile" style="display:none"/>
-									<button type="button" id="filebutton" class="btn btn_text btn_30 blue_border btnType01 btn_add_file">파일 첨부하기</button>
-									<div class="file_wrap file_upload_box no_img_box" style="width:700px;">
-										<table class="tbType02">
+									<button type="button" id="filebutton" class="btn medium line secondary">파일 첨부하기</button>
+									<div class="file_table before_file_table">
+										<table>
 											<caption>첨부파일 리스트 : 파일명, 종류, 크기, 삭제</caption>
 											<colgroup>
 												<col style="width: 60%;">

 												<col style="width: 10%;">
 											</colgroup>
 											<thead>
-												<!-- <th>
-													<input type="checkbox" id="all_check"><label for="all_check"></label>
-												</th> -->
+											<!-- <th><input type="checkbox" id="all_check"><label for="all_check"></label></th> -->
 												<th style="text-align:center;">파일 명</th>
 												<th style="text-align:center;">종류</th>
 												<th style="text-align:center;">크기</th>

 											<tbody class="tb_file_before">
 												<tr>
 													<td colspan="4">
-														<p>첨부하실 파일을 <span>마우스로 끌어서</span> 넣어주세요.</p>
+														<i class="icon file_bg"></i>
+	                                    				<p>첨부하실 파일을 <b>마우스로 끌어서</b> 넣어주세요.</p>
 													</td>
 												</tr>
 											</tbody>

 												<col style="width: 10%">
 											</colgroup>
 											<thead>
-												<!-- <th>
-													<input type="checkbox" id="all_check"><label for="all_check"></label>
-												</th> -->
+												<!-- <th><input type="checkbox" id="all_check"><label for="all_check"></label></th> -->
 												<th style="text-align:center;">파일 명</th>
 												<th style="text-align:center;">종류</th>
 												<th style="text-align:center;">크기</th>
 												<th style="text-align:center;">삭제</th>
 											</thead>
-											<tbody id="tbody_fiielist" class="tb_file_after">
+											<tbody id="tbody_fiielist">
 												<c:forEach var="fileList" items="${fileList}" varStatus="status">
-				                        			<tr class="item_<c:out value='${fileList.atchFileId}' />_<c:out value='${fileList.fileSn}' /> uploaded_obj">
+													<tr class="item_<c:out value='${fileList.atchFileId}' />_<c:out value='${fileList.fileSn}' /> uploaded_obj">
 														<input type="hidden" name="fileSize" class="item_file_size" value="${fileList.fileSize}">
 														<td class="td_filename">
-															<!-- <img src="/direct/img/upload_hwp_img.png" alt="" /> -->
 															<span class="file_name_text"><c:out value='${fileList.orignlFileNm}' /></span>
 														</td>
 														<td class="td_filesort">

 														<td class="td_filesize">
 															<span class="file_size_text" value="<c:out value="${fileList.fileMg}"/>"><c:out value="${fileList.fileMg}"/></span>
 														</td>
-														<td>
-															<button type="button" class="btn btn_text btn_30 red_border btn_del" onclick="delAtchFile('<c:out value='${fileList.atchFileId}' />', '<c:out value='${fileList.fileSn}' />'); return false;" title="파일삭제">삭제</button>
-														</td>
+														<td><button type="button" class="btn line lightgray ssmall only_icon btn_delete" onclick="delAtchFile('<c:out value='${fileList.atchFileId}' />', '<c:out value='${fileList.fileSn}' />'); return false;" title="파일삭제"><i class="icon delete red"></i></button></td>
 													</tr>
-				                        		</c:forEach>
+												</c:forEach>
 											</tbody>
 										</table>
 									</div>
-								</td>
-							</tr>
-								               
-					</tbody>
-				</table>	
-			</div>	
-			
-            <p class="cf_text">※ 위 신청 내용에 따라 상담센터에서 유선으로 일정을 문의드릴 수 있으며, 이후 확정된 상담일자는 마이페이지 메뉴에서 확인하시기 바랍니다.</p>
-
-            <div class="btn_wrap right">              
-              <button type="button" class="btn btn_text btn_45 darkblue_fill" onclick="javascript:moveFunc('step03')">오류등록</button>
-              <button type="button" class="btn btn_text btn_45 darkgray_border" onclick="javascript:moveFunc('step02')">취소</button>
-              
-            </div>			
-			
-		
+							</div>
+							</td>
+						</tr>
+											               
+						</tbody>
+					</table>	
+				</div>
+					
+				<!-- <div class="input_desc_wrap column">
+					<p class="input_desc">※ 위 신청 내용에 따라 상담센터에서 유선으로 일정을 문의드릴 수 있으며, 이후 확정된 상담일자는 마이페이지 메뉴에서 확인하시기 바랍니다.</p>
+				</div> -->
+	            
+	
+	            <div class="btn_wrap right mt40">
+	              <button type="button" class="btn fill secondary xlarge" onclick="javascript:moveFunc('step03')">오류등록</button>
+	              <button type="button" class="btn fill gray xlarge" onclick="javascript:moveFunc('step02')">취소</button>
+	            </div>
+				
+			</div>
+		</div>
 	</div>
 
-	<!-- //cont -->
+
 </form:form>
 
 </body>

868975e

src/main/webapp/WEB-INF/jsp/web/cop/bbs/EgovNoticeRegist_bak_260128.jsp (added)

+++ src/main/webapp/WEB-INF/jsp/web/cop/bbs/EgovNoticeRegist_bak_260128.jsp

...	...	@@ -0,0 +1,343 @@
	1	+<%--
	2	+ Class Name : (사용자)EgovNoticeRegist.jsp
	3	+ Description : 게시물 생성 화면
	4	+ Modification Information
	5	+
	6	+ 수정일 수정자 수정내용
	7	+ ------- -------- ---------------------------
	8	+ 2009.03.24 이삼섭 최초 생성
	9	+ 2011.08.31 JJY 경량환경 버전 생성
	10	+
	11	+ author : 공통서비스 개발팀 이삼섭
	12	+ since : 2009.03.24
	13	+--%>
	14	+<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
	15	+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
	16	+<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%>
	17	+<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
	18	+<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
	19	+<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
	20	+<%@ taglib prefix="validator" uri="http://www.springmodules.org/tags/commons-validator"%>
	21	+<%
	22	+ pageContext.setAttribute("crlf", "\r\n");
	23	+%>
	24	+<head>
	25	+<!-- 첨부파일용 CSS -->
	26	+<script type="text/javascript" src="<c:url value="/validator.do"/>"></script>
	27	+<script src="/js/ncms_common.js"></script>
	28	+<validator:javascript formName="board" staticJavascript="false" xhtml="true" cdata="false" />
	29	+<script type="text/javascript">
	30	+ $(document).ready(function(){
	31	+ $(function () {
	32	+
	33	+ $('#filebutton').click(function (e) {
	34	+
	35	+ e.preventDefault();
	36	+
	37	+ $('#file_temp').click();
	38	+
	39	+ });
	40	+
	41	+ });
	42	+
	43	+ $(".lnb").hide();// 메뉴 색상 숨기기
	44	+ });
	45	+
	46	+ function fn_egov_regist_notice() {
	47	+ if (!validateBoard(document.board)) return;
	48	+
	49	+ if (confirm('<spring:message code="common.regist.msg" />')) {
	50	+ goWebSave();
	51	+ }
	52	+ }
	53	+
	54	+ function fn_egov_select_noticeList(){ //글쓰기는 묻고 답하기만 있음
	55	+ document.searchForm.action = "<c:url value='/web/cop/bbsWeb/selectBoardList.do?bbsId=BBSMSTR_000000000654'/>";
	56	+ document.searchForm.submit();
	57	+ }
	58	+
	59	+ function changeValue(obj){
	60	+ $('#atFileBasicWrite').val(obj.value);
	61	+ }
	62	+
	63	+
	64	+ function moveFunc(type){
	65	+ if(type == "step02"){
	66	+ location.href="/web/main/mainPage.do";
	67	+ //$("#moveFrm").attr("action", "/web/cop/bbsWeb/selectBoardErrorList.do?bbsId=BBSMSTR_000000000010");
	68	+ //$("#moveFrm").submit();
	69	+ }else if(type == "step03"){
	70	+
	71	+ if($("#nttSj").val() == ""){
	72	+ alert("오류제목을 입력해 주세요");
	73	+ $("#nttSj").focus();
	74	+ return false;
	75	+ }
	76	+
	77	+ if($("#nttCn").val() == ""){
	78	+ alert("오류내용을 입력해 주세요");
	79	+ return false;
	80	+ }
	81	+
	82	+ //$("#writeFrm").attr("action", "/web/user/lawCounsel/${siteIdx}/02/${siteMenuIdx}/lawWrite.do");
	83	+ //$("#writeFrm").submit();
	84	+
	85	+ goSave();
	86	+
	87	+ }else if(type == "list"){
	88	+ $("#examNo").remove();
	89	+ $("#fileFuncType").remove();
	90	+ $("#moveFrm").attr("action", "/gtm/case/exam/${boardIdx}/list.do");
	91	+ $("#moveFrm").attr("action", "/gtm/case/exam/${boardIdx}/list.do");
	92	+ $("#moveFrm").attr("action", "/web/user/exam/case/${boardIdx}/${siteMenuIdx}/examList.do");
	93	+ $("#moveFrm").attr("action", "/web/user/exam/case/${boardIdx}/${siteMenuIdx}/exam${boardIdx}List.do");
	94	+ $("#moveFrm").submit();
	95	+ }else if(type == "del"){
	96	+ if(confirm("정말 삭제 하시겠습니까?")){
	97	+ $("#moveFrm").attr("action", "/gtm/case/exam/${boardIdx}/bbsDel.do");
	98	+ $("#moveFrm").submit();
	99	+ }
	100	+ }
	101	+ }
	102	+
	103	+ /* 글 저장 function */
	104	+ function goSave(method_parm ){ //method_parm :관리자로그 메소드에서 사용.(파일업로드 부분 공통으로 사용하여, 페이지 구분을 위해)
	105	+ if($('#content').length > 0){ //팝업존에서 타이틀 무조건 체크
	106	+ if('' == $('#content').val()){
	107	+ alert("이미지 등록시 타이틀은 필수입니다.");
	108	+ return false;
	109	+ }
	110	+ }
	111	+
	112	+ /*if(undefined !=$("input[name=limitcount]").val() && ""!=$("input[name=limitcount]").val() ){
	113	+ if($('#atchFileNece').length > 0 ){
	114	+ if($('#tbody_fiielist').find('tr').length == 0){
	115	+ alert("첨부파일을 추가해 주십시오");
	116	+ return false;
	117	+ }
	118	+ }
	119	+
	120	+ }*/
	121	+
	122	+ var msg;
	123	+ msg = "해당 첨부파일을 수정하시겠습니까?";
	124	+ var data = new FormData(document.writeForm == undefined ? document.board : document.writeForm);
	125	+ _fileForm2.forEach(function(obj, idx) {
	126	+ if (obj) data.append("file"+idx, obj.fileObj);
	127	+ });
	128	+
	129	+
	130	+ var url = "";
	131	+ url = "/web/cop/bbs/insertBoardArticleAjax.do";
	132	+ /*
	133	+ if($("#pageType").val() == "insert"){//게시판저장
	134	+ url = "/cop/bbs/insertBoardArticleAjax.do";
	135	+ }else if($("#pageType").val() == "replay"){ //게시판 답변
	136	+ url = "/cop/bbs/replyBoardArticleAjax.do";
	137	+ }else{
	138	+ url = document.writeForm == undefined ? "/cop/bbs/updateBoardArticleAjax.do" : "/uss/ion/fms/FmsFileInsertAjax.do?logParam="+method_parm;
	139	+ }
	140	+ */
	141	+
	142	+ $.ajax({
	143	+ type: "POST",
	144	+ enctype: 'multipart/form-data',
	145	+ url: url,
	146	+ data: data,
	147	+ dataType:'json',
	148	+ async: false,
	149	+ processData: false,
	150	+ contentType: false,
	151	+ cache: false,
	152	+ //timeout: 600000,
	153	+ success: function (returnData, status) {
	154	+ if(status == 'success'){ // status 확인 필요한가. 석세스 안뜨면 에러 가지 않나
	155	+ if("fail"==returnData.result){
	156	+ alert(returnData.message);
	157	+ return;
	158	+ }
	159	+ alert("내용확인 후 남겨주신 연락처로 연락드리겠습니다.");
	160	+ moveFunc('step02');
	161	+ //goList();
	162	+ } else if(status== 'fail'){
	163	+ alert("저장에 실패하였습니다. ");
	164	+ moveFunc('step02');
	165	+ }
	166	+ },
	167	+ error: function (e) { alert("저장에 실패하였습니다."); console.log("ERROR : ", e); }
	168	+ });
	169	+ }
	170	+</script>
	171	+
	172	+ <form action="" method="get" id="moveFrm">
	173	+ <input type="hidden" name="examNo" id="examNo" value="${param.examNo}">
	174	+ <input type="hidden" name="searchType" value="${param.searchType }">
	175	+ <input type="hidden" name="searchTilte" value="${param.searchTilte }">
	176	+ <input type="hidden" name="page" id="page" value="${param.page }">
	177	+ <input type="hidden" name="fileFuncType" id="fileFuncType" value="exam">
	178	+ </form>
	179	+
	180	+</head>
	181	+
	182	+<body>
	183	+<!-- 내용s -->
	184	+<form:form commandName="searchForm" name="searchForm" method="get" action="">
	185	+<input type="hidden" name="pageIndex" value="<c:out value='${searchVO.pageIndex}'/>"/>
	186	+<input type="hidden" name="searchCnd" value="<c:out value='${searchVO.searchCnd}'/>"/>
	187	+<input type="hidden" name="searchWrd" value="<c:out value='${searchVO.searchWrd}'/>"/>
	188	+<input type="hidden" name="bbsId" value="<c:out value='${searchVO.bbsId}'/>" />
	189	+</form:form>
	190	+<form:form commandName="board" name="board" method="post" enctype="multipart/form-data">
	191	+<input type="hidden" name="pageIndex" value="<c:out value='${searchVO.pageIndex}'/>" />
	192	+<input type="hidden" name="searchCnd" value="<c:out value='${searchVO.searchCnd}'/>"/>
	193	+<input type="hidden" name="searchWrd" value="<c:out value='${searchVO.searchWrd}'/>"/>
	194	+<input type="hidden" name="previewImgs" value="" />
	195	+
	196	+<input type="hidden" name="checkProhibitCn" value="" />
	197	+<input type="hidden" name="mblDn" value="<c:out value='${searchVO.mblDn}'/>" />
	198	+<input type="hidden" name="ntcrNm" value="<c:out value='${board.ntcrNm}'/>" />
	199	+<input type="hidden" name="pageType" id="pageType" value="insert" />
	200	+<input type="hidden" name="limitcount" value="<c:out value='${posAtchFileNum}'/>" />
	201	+<input type="hidden" name="atchFileNece" id="atchFileNece" value="N" /> <!-- 첨부파일 필수체크 -->
	202	+<input type="hidden" name="bbsId" id="bbsId" value="<c:out value='${brdMstrVO.bbsId}'/>" />
	203	+<input type="hidden" name="ntcrId" id="ntcrId" value="<c:out value='${board.ntcrId}'/>" />
	204	+
	205	+
	206	+ <div class="sub_content counsel_content">
	207	+
	208	+ <!-- page_location -->
	209	+ <ul class="page_location">
	210	+ <li><i class="icon home"></i></li>
	211	+ <li>게시판</li>
	212	+ <li>${brdMstrVO.bbsNm}</li>
	213	+ </ul>
	214	+ <!-- //page_location -->
	215	+
	216	+
	217	+
	218	+
	219	+
	220	+ <div class="table_type_rows">
	221	+ <table>
	222	+ <caption><c:out value='${brdMstrVO.menuNm}' /> 등록</caption>
	223	+ <colgroup>
	224	+ <col style="width: 250px;">
	225	+ <col style="width: auto;">
	226	+ </colgroup>
	227	+ <tbody>
	228	+
	229	+<tr>
	230	+ <th>
	231	+ <p class="required_text">*<span>필수입력</span></p>오류제목
	232	+ </th>
	233	+ <td colspan="3">
	234	+ <input type="text" class="input_text w100per" id="nttSj" name="nttSj">
	235	+ </td>
	236	+ </tr>
	237	+ <tr>
	238	+ <th>오류내용</th>
	239	+ <td colspan="3">
	240	+ <div class="length_wrap">
	241	+ <textarea name="nttCn" id="nttCn" class="input_text" placeholder="ex) 사용상의 문제점과 연락처를 남겨주시면 확인 후 연락드리겠습니다."></textarea>
	242	+ <p class="length"><span class="color_red">0</span>/ 1300자</p>
	243	+ </div>
	244	+ </td>
	245	+ </tr>
	246	+
	247	+ <tr>
	248	+ <th class="req_text">
	249	+ <p>첨부파일</p>
	250	+ </th>
	251	+ <td class="upload_area">
	252	+ <!-- <input type="text" id="fileNm" size="30" class="file_input" readonly> --><!-- <button type="button" class="btnType01 btn_add_file">파일 첨부하기</button> -->
	253	+ <input type="file" id="file_temp" name="file_temp" class="uploadFile" style="display:none"/>
	254	+ <button type="button" id="filebutton" class="btn btn_text btn_30 blue_border btnType01 btn_add_file">파일 첨부하기</button>
	255	+ <div class="file_wrap file_upload_box no_img_box" style="width:700px;">
	256	+ <table class="tbType02">
	257	+ <caption>첨부파일 리스트 : 파일명, 종류, 크기, 삭제</caption>
	258	+ <colgroup>
	259	+ <col style="width: 60%;">
	260	+ <col style="width: auto;">
	261	+ <col style="width: 20%;">
	262	+ <col style="width: 10%;">
	263	+ </colgroup>
	264	+ <thead>
	265	+ <!-- <th>
	266	+ <input type="checkbox" id="all_check"><label for="all_check"></label>
	267	+ </th> -->
	268	+ <th style="text-align:center;">파일 명</th>
	269	+ <th style="text-align:center;">종류</th>
	270	+ <th style="text-align:center;">크기</th>
	271	+ <th style="text-align:center;">삭제</th>
	272	+ </thead>
	273	+ <tbody class="tb_file_before">
	274	+ <tr>
	275	+ <td colspan="4">
	276	+ <p>첨부하실 파일을 <span>마우스로 끌어서</span> 넣어주세요.</p>
	277	+ </td>
	278	+ </tr>
	279	+ </tbody>
	280	+ </table>
	281	+ </div>
	282	+ <div class="file_wrap fileAfter file_list_div" style="width:700px;">
	283	+ <table class="tbType02">
	284	+ <caption>첨부파일 리스트 : 파일명, 종류, 크기, 삭제</caption>
	285	+ <colgroup>
	286	+ <col style="width: 60%">
	287	+ <col style="width: 10%">
	288	+ <col style="width: 20%">
	289	+ <col style="width: 10%">
	290	+ </colgroup>
	291	+ <thead>
	292	+ <!-- <th>
	293	+ <input type="checkbox" id="all_check"><label for="all_check"></label>
	294	+ </th> -->
	295	+ <th style="text-align:center;">파일 명</th>
	296	+ <th style="text-align:center;">종류</th>
	297	+ <th style="text-align:center;">크기</th>
	298	+ <th style="text-align:center;">삭제</th>
	299	+ </thead>
	300	+ <tbody id="tbody_fiielist" class="tb_file_after">
	301	+ <c:forEach var="fileList" items="${fileList}" varStatus="status">
	302	+ <tr class="item_<c:out value='${fileList.atchFileId}' />_<c:out value='${fileList.fileSn}' /> uploaded_obj">
	303	+ <input type="hidden" name="fileSize" class="item_file_size" value="${fileList.fileSize}">
	304	+ <td class="td_filename">
	305	+ <!-- <img src="/direct/img/upload_hwp_img.png" alt="" /> -->
	306	+ <span class="file_name_text"><c:out value='${fileList.orignlFileNm}' /></span>
	307	+ </td>
	308	+ <td class="td_filesort">
	309	+ <span class="file_filesort_text" value="<c:out value="${fileList.fileExtsn}"/>"><c:out value="${fileList.fileExtsn}"/></span>
	310	+ </td>
	311	+ <td class="td_filesize">
	312	+ <span class="file_size_text" value="<c:out value="${fileList.fileMg}"/>"><c:out value="${fileList.fileMg}"/></span>
	313	+ </td>
	314	+ <td>
	315	+ <button type="button" class="btn btn_text btn_30 red_border btn_del" onclick="delAtchFile('<c:out value='${fileList.atchFileId}' />', '<c:out value='${fileList.fileSn}' />'); return false;" title="파일삭제">삭제</button>
	316	+ </td>
	317	+ </tr>
	318	+ </c:forEach>
	319	+ </tbody>
	320	+ </table>
	321	+ </div>
	322	+ </td>
	323	+ </tr>
	324	+
	325	+ </tbody>
	326	+ </table>
	327	+ </div>
	328	+
	329	+ <p class="cf_text">※ 위 신청 내용에 따라 상담센터에서 유선으로 일정을 문의드릴 수 있으며, 이후 확정된 상담일자는 마이페이지 메뉴에서 확인하시기 바랍니다.</p>
	330	+
	331	+ <div class="btn_wrap right">
	332	+ <button type="button" class="btn btn_text btn_45 darkblue_fill" onclick="javascript:moveFunc('step03')">오류등록</button>
	333	+ <button type="button" class="btn btn_text btn_45 darkgray_border" onclick="javascript:moveFunc('step02')">취소</button>
	334	+
	335	+ </div>
	336	+
	337	+
	338	+ </div>
	339	+
	340	+ <!-- //cont -->
	341	+</form:form>
	342	+
	343	+</body>

aeea591

868975e

src/main/webapp/publish/adm/css/table.css

--- src/main/webapp/publish/adm/css/table.css

+++ src/main/webapp/publish/adm/css/table.css


 
 
 .table_type_rows{margin:30px 0;}
-.table_type_rows tr{border-bottom:1px solid #e2e7ef;}
+.table_type_rows>table>tbody>tr{border-bottom:1px solid #e2e7ef;}
 .table_type_rows tbody>tr>th,.table_type_rows tbody>tr>td{height:50px;padding:12px 20px;font-size:16px;color:#25272A;text-align:left;box-sizing:border-box;}
 .table_type_rows tbody>tr>th{font-weight:500;background:#F2F3F5;}
 .table_type_rows tbody>tr>td{font-weight:400;}

 .file_top{display:flex;justify-content:space-between;align-items:flex-end;}
 .file_table{height:150px;margin:12px 0 0 0;border:1px solid var(--lightgray-color);border-radius:8px;}
 .file_table table{table-layout:fixed;width:100%;border-collapse: collapse;}
+.file_table tr{border-bottom:1px solid #E2E7EF;}
 .file_table tbody{width:100%;max-height:150px;overflow-y:auto;}
 .file_table th{height:36px;font-size:14px;color:#222;padding:0 8px;text-align:center;}
 .file_table tbody>tr>td{height:36px;font-size:14px;color:#444;padding:0 8px;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

 .table_type_cols td>.file_table .file_row span{width:calc(100% - 28px);text-align:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} 
 
 .file_table#egov_file_view_table{height:auto;margin:0;border:0;}
+.file_table#egov_file_view_table tr{border:0;}
 .file_table#egov_file_view_table td{height:auto;text-align:left;}
 .file_table#egov_file_view_table td .file_row{display:inline-flex;font-size:16px;font-weight:400;align-items:center;gap:8px;}

aeea591

868975e

src/main/webapp/publish/usr/css/button.css

--- src/main/webapp/publish/usr/css/button.css

+++ src/main/webapp/publish/usr/css/button.css


 /* -> disabled는 스타일만 만들고 사용X(웹접근성 인증 시 안됨. 클래스로 대체) */
 
 /* 버튼 레이아웃 */
-.btn_wrap{display:flex;justify-content:space-between;}
+.btn_wrap{display:flex;justify-content:space-between;gap:8px;}
 .btn_wrap.column{flex-direction:column;gap:4px;}
 .btn_wrap>div{display:flex;width:calc(100%/3);gap:8px}
-.btn_wrap .left{justify-content:flex-start;}
-.btn_wrap .center{justify-content:center;}
-.btn_wrap .right{justify-content:flex-end;}
+.btn_wrap.left, .btn_wrap .left{justify-content:flex-start;}
+.btn_wrap.center,.btn_wrap .center{justify-content:center;}
+.btn_wrap.right,.btn_wrap .right{justify-content:flex-end;}
 
 
 /* 버튼 스타일 */

 .btn.fill.primary:hover{background-color: var(--primary-color-hover);color: #fff;}
 .btn.fill.primary_light{background-color: var(--primary-light-color);border: 1px solid var(--primary-light-border);color:#222;}
 .btn.fill.primary_light:hover{background-color: var(--primary-light-color-hover);}
-.btn.fill.secondary{background-color: var(--secondary-color);color: #1A1B1D;}
+.btn.fill.secondary{background-color: var(--secondary-color);color: #fff;}
 .btn.fill.secondary:hover{background-color: var(--secondary-color-hover);}
 .btn.fill.accent{background-color: var(--accent-color);color: #fff;}
 .btn.fill.accent:hover{background-color: var(--accent-color-hover);}

 .btn.fill.lightgray{background-color: var(--lightgray-color);color: #5b606c;}
 .btn.fill.lightgray:hover{background-color: var(--lightgray-color-hover);}
 
+.btn.line{background:#fff;}
 .btn.line.primary{border: 1px solid var(--primary-color);color: var(--primary-color);}
 .btn.line.primary:hover{border: 1px solid var(--primary-color-hover);color: var(--primary-color-hover);}
-.btn.line.secondary{border: 1px solid var(--secondary-color);color: #222;}
+.btn.line.secondary{border: 1px solid var(--secondary-color);color:var(--secondary-color);}
 .btn.line.secondary:hover{border: 1px solid var(--secondary-color-hover);}
 .btn.line.accent{border: 1px solid var(--accent-color);color: var(--accent-color);}
 .btn.line.accent:hover{border: 1px solid var(--accent-color-hover);}

aeea591

868975e

src/main/webapp/publish/usr/css/content.css

--- src/main/webapp/publish/usr/css/content.css

+++ src/main/webapp/publish/usr/css/content.css


 .company .sub_visual{background:url(/publish/usr/images/company/visual.jpg);}
 .major_result .sub_visual{background:url(/publish/usr/images/major_result/visual.jpg);}
 .platform_tech .sub_visual{background:url(/publish/usr/images/platform_tech/visual.jpg);}
+.community .sub_visual{background:url(/publish/usr/images/community/visual.jpg);}
 
 .con_title{display:flex;margin:80px 0 36px 0;flex-direction:column;}
 .con_title .summary{font-family:var(--secondary-title-font);font-size:24px;margin:0 0 12px 0;}

 
 .autophagy .box:nth-child(2){margin:0;}
 
-
-
+/* ==================================================
+     Community
+  ================================================== */
+.length_wrap .textarea{height:100px;}
 
 @media (max-width: 1400px){
 

   .overview .circle.fill::after{width:calc(100% + 20px);height:calc(100% + 20px);left:-10px;top:-10px;background-size:100% auto;}
   .overview .circles .left::after, .overview .circles .right::after{width:12px;height:12px;}
   .overview .circles .left::after{bottom:-5px;}
+  
+  /* 오시는 길 */
+  .location_list .title{font-size:20px;margin:0 0 10px 0;gap:8px;}
+  .location_list .info p{font-size:16px;}
+  .location_list .btn_map,.location_list .boxs li{height:60px;font-size:16px;}
+  .location_list .location{width:22px;height:22px;background-size:contain;}
 
   /* ==================================================
      Platform Tech

aeea591

868975e

src/main/webapp/publish/usr/css/icon.css

--- src/main/webapp/publish/usr/css/icon.css

+++ src/main/webapp/publish/usr/css/icon.css

...	...	@@ -23,4 +23,9 @@
23	23	.icon.arrow.left{width:40px;height:40px;background:url(../images/component/arrow_left.png) no-repeat center;}
24	24	.icon.arrow.right{width:40px;height:40px;background:url(../images/component/arrow_right.png) no-repeat center;}
25	25	.icon.arrow.bottom{width:40px;height:40px;background:url(../images/component/arrow_bottom.png) no-repeat center;}
26		-.icon.arrow.top{width:40px;height:40px;background:url(../images/component/arrow_top.png) no-repeat center;} (No newline at end of file)
	26	+.icon.arrow.top{width:40px;height:40px;background:url(../images/component/arrow_top.png) no-repeat center;}
	27	+
	28	+.icon.comment{width:20px;height:20px;background:url(../images/component/icon_comment.png) no-repeat center center;}
	29	+
	30	+.icon.prev{width:18px;height:18px;background:url(../images/component/icon_arrow_up_18.png) no-repeat center;}
	31	+.icon.next{width:18px;height:18px;background:url(../images/component/icon_arrow_down_18.png) no-repeat center;} (No newline at end of file)

aeea591

868975e

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

--- src/main/webapp/publish/usr/css/style.css

+++ src/main/webapp/publish/usr/css/style.css


 .sub_font{font-family:var(--secondary-title-font);}
 
 .text_primary{color:var(--primary-color);}
+.text_red{color:var(--red-color);}
 
 .show{display:block !important;}
 .hide{display:none !important;}

 .text_center{text-align:center;}
 
 .input{height:34px;border:1px solid var(--default-line-color);border-radius:5px;padding:0 12px;}
-textarea, .testarea{border:1px solid var(--default-line-color);border-radius:5px;padding:0 12px;}
+textarea, .textarea{border:1px solid var(--default-line-color);border-radius:5px;padding:8px 12px;}
 select, .select{height:34px;border:1px solid var(--default-line-color);border-radius:5px;padding:0 32px 0 12px;background:url(/publish/usr/images/component/icon_select.png) no-repeat calc(100% - 4px) center;}
 
 .email_wrap{display:flex;gap:8px;align-items:center;}

 .input_desc_wrap.column{flex-direction:column;gap:0;margin:8px 0 0 0;}
 .input_desc_wrap .input_desc{margin:0;}
 
-.input_desc{font-size:14px;font-weight:400;color:#666;margin:0 0 0 8px;}
+.input_desc{font-size:14px;font-weight:400;color:#666;margin:0 0 0 8px;text-align:left;}
 .input_desc.red{color:var(--red-color);}
 .input_desc.blue{color:var(--primary-color);}
+
+.length_wrap .length{margin:4px 0 0 0;font-size:16px;color:var(--body-text-color);}
+.length_wrap .length span{font-weight:600;}
 
 .calendar_wrap{display:flex;align-items:center;gap:8px;}
 .calendar{width:140px;background:url(/publish/usr/images/component/icon_calendar.png) no-repeat calc(100% - 4px) center;}

 /* 공지사항 - 상세 */
 .board_wrap{border-top:2px solid #000;margin:0 0 30px 0;}
 .board_top{display:flex;padding:30px;border-bottom:1px solid #e2e7ef;gap:15px;flex-direction:column;}
-.board_title{font-size:25px;font-weight:700;color:var(--primary-title-color);}
+.board_title{font-size:25px;font-weight:700;color:var(--primary-title-color);text-align:left;}
 .board_info{display:flex;font-size:16px;font-weight:400;color:var(--body-text-color);align-items:center;gap:20px;}
 .board_info li{display:flex;align-items:center;}
-.board_cont{font-size:18px;padding:45px 30px;line-height:1.5;border-bottom:1px solid #e2e7ef;}
+.board_cont{font-size:18px;text-align:left;padding:45px 30px;line-height:1.5;border-bottom:1px solid #e2e7ef;}
 .board_cont a{text-decoration:underline;text-underline-offset:3px;}
+
+.board_cont .img_view{max-width:70%;max-height:70%;margin:0 auto 40px auto;}
+.board_cont .img_view img{max-width:100%;max-height:100%;object-fit:contain;}
+.board_cont .file_list .file_table{border:0;height:auto;margin:0;}
+/* .board_cont .file_list .file_table tbody{max-height:unset;} */
 .view_more{border-top:2px solid #000;margin:50px 0 0 0;}
 .view_more li{padding:20px 30px;font-size:16px;color:#25272a;border-bottom:1px solid #e2e7ef;}
 .view_more .none *{opacity:0.5;}
-.view_more span{display:inline-flex;font-weight:500;align-items:center;gap:8px;}
+.view_more span{display:inline-flex;font-weight:500;white-space:nowrap;align-items:center;gap:8px;}
 .view_more a{width:calc(100% - 100px);margin:0 0 0 20px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;vertical-align:bottom;}
 
 /* FAQ */

 .gallery_list{display:flex;margin:12px 0 0 0;gap:20px;flex-wrap:wrap;}
 .gallery_list>li{width:calc((100%/3) - 14px);}
 .gallery_list a{width:100%;border:1px solid #E2E7EF;}
-.gallery_list .images_area{display:flex;width:100%;height:295px;background:#f2f4f7;overflow:hidden;justify-content:center;align-items:center;}
+.gallery_list .images_area{display:flex;width:100%;height:100%;background:#f2f4f7;overflow:hidden;justify-content:center;align-items:center;}
 .gallery_list .images_area img{max-width:100%;max-height:100%;object-fit:contain;}
 .gallery_list .list_content{padding:20px;}
 .gallery_list .list_title{text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:24px;font-weight:600;text-align:left;color:var(--primary-title-color);}

 .gallery_list .list_info li{position:relative;padding:0 10px;}
 .gallery_list .list_info li:first-child{padding:0 10px 0 0;}
 .gallery_list .list_info li::after{position:absolute;content:"";width:1px;height:14px;background:#d5d5d5;right:0;top:6px;}
-.gallery_list .list_info li:last-child::after{display:none;}
+.gallery_list .list_info li:last-child::after{display:none;}
+
+/* 댓글 */
+.cmmt_wrap{margin:60px 0 0 0;}
+.cmmt_title{display:flex;margin:0 0 12px 0;justify-content:flex-start;align-items:center;gap:6px;}
+.cmmt_title p{font-size:16px;font-weight:400;}
+.cmmt_title p b{font-weight:600;color:var(--primary-color);}
+
+.cmmt_list{display:flex;border-top:2px solid var(--primary-color);flex-direction:column;}
+.cmmt_list li{padding:20px;border-bottom:1px solid var(--default-line-color);}
+.cmmt_top{display:flex;gap:8px;align-items:center;}
+.cmmt_top .writer{font-size:16px;color:var(--primary-title-color);}
+.cmmt_top .cmmt_date{font-size:14px;font-weight:400;color:#666;}
+.cmmt_detail{padding:8px 0 12px 0;font-size:16px;color:var(--body-text-color);text-align:left;}
+.cmmt_bottom .cmmt_date{font-size:14px;color:#666;}
+
+.cmmt_input {display:flex;padding:12px 20px;margin:40px 0 0 0;border-top:1px solid #cdd5e6;border-bottom:1px solid #cdd5e6;background:#f2f4f6;align-items:center;gap:8px;}
+.cmmt_text{width:calc(100% - 100px);}
+.cmmt_input textarea{width:100%;height:120px;background:#fff;}
+.cmmt_input button.btn.xlarge{height:120px;}
+
+@media (max-width: 1280px){
+	.gallery_list>li{width:calc((100% / 2) - 10px);}
+}
+
+@media (max-width: 768px){
+	.gallery_list .images_area{height:100%;}
+	.gallery_list .list_title{font-size:20px;}
+}
+
+@media (max-width: 640px){
+	.search_area{flex-wrap:wrap;gap:8px;}
+	.search_left,.search_right{width:100%;}
+	.search_left .total_number{text-align:left;}
+	.search_input{width:calc(100% - 211px);}
+	
+	.board_top{padding:16px;}
+	.board_info{flex-direction:column;align-items:flex-start;gap:0;}
+	.board_info li{margin:0 0 0 -6px;}
+	
+	.board_cont{padding:20px 16px;}
+	
+	.cmmt_view{margin:40px 0 0 0;}
+	.cmmt_input{flex-wrap:wrap;}
+	.cmmt_input li{width:100%;}
+	.cmmt_text{width:100%;}
+	.cmmt_input button.btn.xlarge{width:100%;height:50px;}
+	
+	.gallery_list>li{width:100%;}
+}
+
+@media (max-width: 500px){
+	.search_right{flex-wrap:wrap;}
+	.search_right *{width:100%;}
+}

aeea591

868975e

src/main/webapp/publish/usr/css/table.css

--- src/main/webapp/publish/usr/css/table.css

+++ src/main/webapp/publish/usr/css/table.css


 .table .required{color:var(--red-color);margin:0 4px 0 0;}
 
 .table_type_cols{margin:12px 0 0 0;}
-.table_type_cols tr{border-bottom:1px solid #e2e7ef;}
+.table_type_cols tr{border-bottom:1px solid #e2e7ef;cursor:pointer;}
 .table_type_cols th,.table_type_cols td{padding:4px 8px;font-size:16px;text-align:center;box-sizing:border-box;}
 .table_type_cols thead>tr>th{height:60px;font-weight:500;color:#25272A;}
 .table_type_cols tbody>tr>td{height:50px;font-weight:400;color:#444;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

 .file_table.before_file_table tbody{background:#EFF0F4;}
 .file_table.before_file_table tbody tr{height:100%;border:0;text-align:center;}
 .file_table.before_file_table p{font-size:14px;}
-.file_table.before_file_table b{color:var(--primary-color);}
+.file_table.before_file_table b{color:var(--secondary-color);}
 
 
+@media (max-width: 768px){
+	.table_type_cols colgroup{display:none;}
+	.table_type_cols tbody{display:flex;width:100%;flex-direction:column;}
+	.table_type_cols thead{display:none;}
+	.table_type_cols tr{position:relative;display:flex;width:100%;flex-wrap:wrap;}
+	.table_type_cols tr td:first-child{display:none;}
+	.table_type_cols table>tbody>tr>td{position:relative;height:auto;}
+	.table_type_cols tr td:not(.td_title,.td_file)::after{position:absolute;content:"";width:1px;height:15px;background:#d5d5d5;right:0;top:8px;}
+	.table_type_cols tr td:last-child::after{display:none;}
+	.table_type_cols .td_title{width:100%;height:auto;font-size:18px;text-align:left;padding:12px;}
+	.table_type_cols .td_title a{text-indent:23px;text-overflow:ellipsis;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;word-break:break-all;}
+	.table_type_cols .td_file{position:absolute;top:10px;}	
+}
+

868975e

src/main/webapp/publish/usr/images/community/visual.jpg (Binary) (added)

+++ src/main/webapp/publish/usr/images/community/visual.jpg

Binary file is not shown

868975e

src/main/webapp/publish/usr/images/component/icon_arrow_down_18.png (Binary) (added)

+++ src/main/webapp/publish/usr/images/component/icon_arrow_down_18.png

Binary file is not shown

868975e

src/main/webapp/publish/usr/images/component/icon_arrow_up_18.png (Binary) (added)

+++ src/main/webapp/publish/usr/images/component/icon_arrow_up_18.png

Binary file is not shown

868975e

src/main/webapp/publish/usr/images/component/icon_comment.png (Binary) (added)

+++ src/main/webapp/publish/usr/images/component/icon_comment.png

Binary file is not shown

aeea591

868975e

src/main/webapp/publish/usr/images/component/icon_file_table.png (Binary)

--- src/main/webapp/publish/usr/images/component/icon_file_table.png

+++ src/main/webapp/publish/usr/images/component/icon_file_table.png

Binary file is not shown

aeea591

868975e

src/main/webapp/publish/usr/layout/layout.css

--- src/main/webapp/publish/usr/layout/layout.css

+++ src/main/webapp/publish/usr/layout/layout.css


 .sitemap.active {top:0;}
 .sitemap_top.inner {display:flex;width:100%;height:auto;justify-content:space-between;align-items:center;padding:20px;}
 
-.sitemap .sitemenu{display:flex;width:100%;margin:20px 0 80px 0;padding:0 140px;justify-content:space-between;box-sizing:border-box;}
-.sitemap .sitemenu .depth01{display:flex;width:100%;height:80px;padding:0 20px;margin:0;font-family:var(--secondary-title-font);font-size:48px;font-weight:bold;color:var(--primary-color);align-items:center;}
-.sitemap .depth02_ul{display:flex;flex-direction:column;gap:20px;}
-.sitemap .depth02_ul li{width:100%;font-size:24px;text-align:center;}
+.sitemap .sitemenu{display:flex;width:100%;margin:80px 0;padding:0 140px;justify-content:space-between;box-sizing:border-box;}
+.sitemap .sitemenu .depth01{display:flex;width:100%;height:80px;padding:0 20px;margin:0;font-family:var(--secondary-title-font);font-size:32px;font-weight:bold;color:var(--primary-color);align-items:center;}
+.sitemap .depth02_ul{display:flex;flex-direction:column;gap:12px;}
+.sitemap .depth02_ul li{width:100%;font-size:20px;text-align:center;}
 .sitemap a.depth02{display:flex;width:100%;padding:8px 0;border:0;border-radius:8px;justify-content:center;align-items:center;}
 .sitemap a.depth02:hover{color:var(--primary-color);background:var(--primary-light-color);}
 

aeea591

868975e

src/main/webapp/publish/usr/layout/layout.js

--- src/main/webapp/publish/usr/layout/layout.js

+++ src/main/webapp/publish/usr/layout/layout.js


       $header.removeClass("active");
     }
   });
+  
+  $(document).on("click", ".gnb .depth01", function (e) {
+	  e.preventDefault();
+
+	  const firstHref = $(this).closest("li").find(".depth02").first().attr("href");
+	  if (firstHref) location.href = firstHref;
+	});
 
 
   /* ==================================================

aeea591

868975e

src/main/webapp/publish/usr/script/content.js

--- src/main/webapp/publish/usr/script/content.js

+++ src/main/webapp/publish/usr/script/content.js


 $(function () {
 
-  $('[src]').each(function () {
-    const src = $(this).attr('src');
-    if (src && src.indexOf('../') === 0) {
-      $(this).attr('src', src.replace(/^\.\.\//, '/publish/usr/'));
-    }
-  });
+  /* ==================================================
+     container.sub 클래스 (있을 때만)
+  ================================================== */
+  const $container = $(".container.sub");
+  const section = $("h2.sub_title").data("section");
 
+  if ($container.length && section) {
+    $container
+      .removeClass("company major_result platform_tech")
+      .addClass(section);
+  }
 
   /* ==================================================
-     Sub Visual SNB Navigation
-     - 파일명 기준 자동 활성
-     - 대메뉴 클릭 시 첫 하위 페이지 이동
-     - 모바일/PC 공통 구조
+     src 경로 보정
   ================================================== */
-
-  const BREAK_POINT = 1280;
-  const $snbWrap = $(".snb_wrap");
-  const currentSection = $("h2.sub_title").data("section");
-  const currentFile = location.pathname.split("/").pop();
-
-  const MENU_MAP = {
-    company: {
-      base: "/web/content.do?proFn=",
-      pages: [{
-          text: "설립배경",
-          file: "999110005"
-        },
-        {
-          text: "연혁",
-          file: "9989200"
-        },
-        {
-          text: "조직도",
-          file: "9989400"
-        },
-        {
-          text: "오시는길",
-          file: "9989300"
-        }
-      ]
-    },
-    platform_tech: {
-      base: "/web/content.do?proFn=",
-      pages: [{
-          text: "연구배경",
-          file: "9988100"
-        },
-        {
-          text: "Organelle Selective Autophagy",
-          file: "9988200"
-        }
-      ]
-    },
-    major_result: {
-      base: "/web/content.do?proFn=",
-      pages: [{
-          text: "Mitophagy",
-          file: "9986100"
-        },
-        {
-          text: "Pexophagy",
-          file: "9986200"
-        },
-        {
-          text: "Melanophagy",
-          file: "9986300"
-        },
-        {
-          text: "Ciliogenesis",
-          file: "9986400"
-        },
-        {
-          text: "Anti Cancer",
-          file: "9986500"
-        },
-        {
-          text: "Pipeline Summary",
-          file: "9986600"
-        },
-        {
-          text: "R&D",
-          file: "9986700"
-        }
-      ]
+  $("[src]").each(function () {
+    const src = $(this).attr("src");
+    if (src && src.startsWith("../")) {
+      $(this).attr("src", src.replace(/^\.\.\//, "/publish/usr/"));
     }
-  };
-
-
-
-  /* =========================
-	  연혁
-	========================= */
-  const BREAKPOINT = 1280;
-
-  function bindHistoryScroll() {
-    // 기존 이벤트 제거 (resize 대비)
-    $('.history_month').off('scroll.history');
-    $(window).off('scroll.history');
-
-    if ($(window).width() < BREAKPOINT) return;
-
-    // 1️⃣ history_month 내부 스크롤 → 연도 active
-    $('.history_month').on('scroll.history', function () {
-      let currentId = null;
-
-      $('.month_ul').each(function () {
-        if ($(this).position().top <= 1) {
-          currentId = this.id;
-        }
-      });
-
-      if (currentId) {
-        $('.year_item, .month_ul').removeClass('active');
-        $('#' + currentId).addClass('active');
-        $('#' + currentId.replace('year_', 'year')).addClass('active');
-      }
-    });
-
-    // 2️⃣ body 스크롤 719 ± 20 → history_month active
-    const TARGET = 719;
-    const RANGE = 20;
-    const $history = $('.history_month');
-
-    $(window).on('scroll.history', function () {
-      const scrollTop = $(this).scrollTop();
-
-      if (scrollTop >= TARGET - RANGE && scrollTop <= TARGET + RANGE) {
-        $history.addClass('active');
-      } else {
-        $history.removeClass('active');
-      }
-    });
-  }
-
-  // 최초 실행
-  bindHistoryScroll();
-
-  // 리사이즈 대응
-  $(window).on('resize', function () {
-    bindHistoryScroll();
   });
 
-  /* =========================
-     SNB 렌더링
-  ========================= */
+  /* ==================================================
+     Sub Visual SNB 기본 세팅
+  ================================================== */
+  $(".icon.home").closest("a").attr("href", "/web/main/mainPage.do");
 
-  function renderSNB() {
-    // 🔹 현재 URL에서 proFn 숫자만 추출
-    const currentFile = (function () {
-      const match = location.search.match(/proFn=(\d+)/);
-      return match ? match[1] : null;
-    })();
+  const $wraps = $(".sub_visual_nav .snb_wrap");
+  if ($wraps.length < 2) return;
 
-    $snbWrap.each(function (index) {
-      const $wrap = $(this);
-      const $title = $wrap.find(".snb_title");
-      const $list = $wrap.find(".snb_select");
+  const $snbDepth01 = $wraps.eq(0).find(".snb_select");
+  const $snbDepth02 = $wraps.eq(1).find(".snb_select");
 
-      function toTitleCase(str) {
-        return str
-          .replace(/_/g, " ")
-          .replace(/\b\w/g, char => char.toUpperCase());
-      }
+  if ($snbDepth01.data("init")) return;
+  $snbDepth01.data("init", true);
 
+  const params = new URLSearchParams(location.search);
+  const proFn = params.get("proFn");
+  const bbsId = params.get("bbsId");
+  const pathname = location.pathname;
 
-    	  /* =========================
-          1️⃣ 첫 번째 SNB (대메뉴)
-       ========================= */
-      if (index === 0) {
-        if (currentSection) {
-          $title.text(toTitleCase(currentSection));
-        }
-        return;
-      }
-       
-       /* =========================
-       2️⃣ 두 번째 SNB (하위메뉴)
-    ========================= */
-      const data = MENU_MAP[currentSection];
-      if (!data) return;
+  const isCommunity = pathname.includes("/bbsWeb/");
+  const isCommunityDetail = pathname.includes("selectBoardDetail.do");
 
-      $list.empty();
+  const $gnb = $(".gnb").first();
 
-      let matchedPage = null;
+  /* ==================================================
+     현재 depth01 / depth02 결정
+  ================================================== */
+  let $currentDepth01Li = $();
+  let $currentDepth02 = $();
 
-      data.pages.forEach(page => {
-        const isActive = currentFile && page.file === currentFile;
-
-        if (isActive) {
-          matchedPage = page;
-        }
-
-        $list.append(`
-	        <li>
-	          <a href="${data.base + page.file}"
-	             class="${isActive ? 'active' : ''}">
-	            ${page.text}
-	          </a>
-	        </li>
-	      `);
-      });
-
-      
-      /* =========================
-      3️⃣ snb_title 최종 결정
-   ========================= */
-      if (matchedPage) {
-        // 현재 URL과 매칭되는 페이지
-        $title.text(matchedPage.text);
-      } else if (data.pages.length) {
-        // 매칭 없으면 첫 번째 메뉴
-        $title.text(data.pages[0].text);
-      }
-    });
+  if (isCommunity) {
+    $currentDepth01Li = $gnb.find("> li").filter(function () {
+      return $(this).find("> .depth01").text().trim().toLowerCase() === "community";
+    }).first();
+  } else if (proFn) {
+    $currentDepth02 = $gnb.find(`.depth02[href*="proFn=${proFn}"]`).first();
+    $currentDepth01Li = $currentDepth02.closest(".depth02_container").closest("li");
   }
 
+  if (!$currentDepth01Li.length) {
+    $currentDepth01Li = $gnb.find("> li").first();
+  }
 
-  /* =========================
-     Toggle 동작
-  ========================= */
+  const currentDepth01Text =
+    $currentDepth01Li.find("> .depth01").text().trim();
 
+  /* ==================================================
+     SNB depth01 생성 (대표 링크 = 첫 depth02)
+  ================================================== */
+  $snbDepth01.empty();
+
+  $gnb.find("> li").each(function () {
+    const text = $(this).find("> .depth01").text().trim();
+    if (!text) return;
+
+    const firstHref = $(this).find(".depth02").first().attr("href") || "#";
+    const isActive = text === currentDepth01Text;
+
+    $snbDepth01.append(`
+      <li class="${isActive ? "active" : ""}">
+        <a href="${firstHref}">${text}</a>
+      </li>
+    `);
+  });
+
+  /* ==================================================
+     SNB depth02 생성 + active 처리
+  ================================================== */
+  $snbDepth02.empty();
+
+  $currentDepth01Li.find(".depth02").each(function (index) {
+    const href = $(this).attr("href");
+    const text = $(this).text().trim();
+
+    let isActive = false;
+
+    if (!isCommunity && proFn) {
+      isActive = href.includes(`proFn=${proFn}`);
+    }
+
+    if (isCommunity && bbsId) {
+      isActive = href.includes(`bbsId=${bbsId}`);
+    }
+
+    if (isCommunityDetail) {
+      isActive = index === 1;
+    }
+
+    $snbDepth02.append(`
+      <li class="${isActive ? "active" : ""}">
+        <a href="${href}">${text}</a>
+      </li>
+    `);
+  });
+
+  /* ==================================================
+     SNB 타이틀
+  ================================================== */
+  $wraps.eq(0).find(".snb_title").text(currentDepth01Text || "메뉴");
+
+  if (isCommunityDetail) {
+    const firstText = $currentDepth01Li.find(".depth02").first().text().trim();
+    $wraps.eq(1).find(".snb_title").text(firstText || "메뉴");
+  } else {
+    const activeText = $snbDepth02.find("li.active a").text();
+    $wraps.eq(1).find(".snb_title").text(activeText || "메뉴");
+  }
+
+  /* ==================================================
+     SNB 토글
+  ================================================== */
   $(".snb_title").on("click", function () {
     const $wrap = $(this).closest(".snb_wrap");
-    const $currentList = $wrap.find(".snb_select");
 
-    // 다른 메뉴 닫기
-    $(".snb_wrap").not($wrap).removeClass("active")
-      .find(".snb_select").stop(true, true).slideUp(200);
+    $(".snb_wrap").not($wrap)
+      .removeClass("active")
+      .find(".snb_select").slideUp(200);
 
-    // 현재 메뉴 토글
-    if ($wrap.hasClass("active")) {
-      $wrap.removeClass("active");
-      $currentList.stop(true, true).slideUp(200);
-    } else {
-      $wrap.addClass("active");
-      $currentList.stop(true, true).slideDown(250);
-    }
+    $wrap.toggleClass("active")
+      .find(".snb_select").stop(true, true).slideToggle(250);
   });
 
-  /* =========================
-     대메뉴 클릭 시 첫 페이지 이동
-  ========================= */
-
-  $(".snb_wrap").eq(0).find(".snb_select").on("click", "a", function (e) {
+  /* ==================================================
+     depth01 클릭 시 첫 depth02 이동
+  ================================================== */
+  $snbDepth01.on("click", "a", function (e) {
     e.preventDefault();
-
-    const section = $(this).text().toLowerCase().replace(/\s/g, "_");
-    const data = MENU_MAP[section];
-    if (!data) return;
-
-    location.href = data.base + data.pages[0].file;
+    location.href = $(this).attr("href");
   });
 
-  /* =========================
+  /* ==================================================
      외부 클릭 시 닫기
-  ========================= */
-
+  ================================================== */
   $(document).on("click", function (e) {
     if (!$(e.target).closest(".snb_wrap").length) {
-      $(".snb_wrap").removeClass("active")
-        .find(".snb_select").stop(true, true).slideUp(200);
+      $(".snb_wrap")
+        .removeClass("active")
+        .find(".snb_select")
+        .slideUp(200);
     }
   });
 
-  /* =========================
-     초기 실행
-  ========================= */
-
-  renderSNB();
-
-
-
-  if (currentSection) {
-    $(".container.sub").addClass(currentSection);
-  }
-
-})
-
+});

Add a comment

Open 0
Closed 0

List

...	...	@@ -46,20 +46,22 @@
46	46	<c:set var="replyTitle">
47	47	<spring:message code="cop.comment.title" />
48	48	</c:set>
49		- <div class="cmmt_tit">
50		- <i class="cmmt_icon"></i>
51		- <p>댓글 <span><c:out value="${resultCnt}" /></span>개</p>
	49	+ <div class="cmmt_title">
	50	+ <i class="icon comment"></i>
	51	+ <p>댓글 <b><c:out value="${resultCnt}" /></b>개</p>
52	52	</div>
53	53
54	54	<ul class="cmmt_list">
55	55	<c:forEach var="result" items="${resultList}" varStatus="status">
56	56	<li>
57		- <div class="cmmt_person"><c:out value="${result.wrterNm}" /></div>
	57	+ <div class="cmmt_top">
	58	+ <strong class="writer"><c:out value="${result.wrterNm}" /></strong>
	59	+ <span class="cmmt_date"><c:out value="${result.frstRegisterPnttm}" /></span>
	60	+ </div>
58	61	<div class="cmmt_detail">
59	62	<p>
60	63	<c:out value="${fn:replace(result.commentCn , crlf , '<br/>')}" escapeXml="false" />
61	64	</p>
62		- <div class="cmmt_date"><c:out value="${result.frstRegisterPnttm}" /></div>
63	65	<c:choose>
64	66	<c:when test="${searchVO.commentNo == '' }">
65	67	<c:set var="vCommentNo" value="${result.commentNo}" />
...	...	@@ -71,11 +73,11 @@
71	73	</c:otherwise>
72	74	</c:choose>
73	75	<c:if test="${result.wrterId eq userId}">
74		- <div class="btn_wrap">
75		- <button class=btnType05 onclick="javascript:fn_egov_selectCommentForupdt('<c:out value='${vCommentNo}' />'); return false;">
	76	+ <div class="btn_wrap left">
	77	+ <button class="btn ssmall line primary" onclick="javascript:fn_egov_selectCommentForupdt('<c:out value='${vCommentNo}' />'); return false;">
76	78	<c:out value="${btnTxt}" />
77	79	</button>
78		- <button class="btnType11" onclick="javascript:fn_egov_deleteCommentList(<c:out value='${result.commentNo}' />); return false;">
	80	+ <button class="btn ssmall line red" onclick="javascript:fn_egov_deleteCommentList(<c:out value='${result.commentNo}' />); return false;">
79	81	<spring:message code="button.delete" />
80	82	</button>
81	83	</div>
...	...	@@ -100,15 +102,12 @@
100	102	<input type="hidden" name="pageIndex" value="<c:out value='${searchVO.pageIndex}'/>">
101	103	<input type="hidden" name="searchCnd" value="<c:out value='${searchVO.searchCnd}'/>" />
102	104	<input type="hidden" name="searchWrd" value="<c:out value='${searchVO.searchWrd}'/>" />
103		- <ul class="cmmt_wrap">
	105	+ <ul class="cmmt_input">
104	106
105	107	<%-- <c:set var="title"><spring:message code="cop.comment.commentCn" /></c:set>
106	108	<form:textarea path="commentCn" title="${title}" cols="300" rows="3" cssClass="required" placeholder="댓글내용을 입력해주세요" />
107	109	<form:errors path="commentCn" cssClass="error" /> --%>
108	110	<!-- <textarea name="wr_content" title="내용" class="required" id="wr_content" required="" maxlength="10000" placeholder="댓글내용을 입력해주세요"></textarea> -->
109		- <li class="cmmt_tit">
110		- <p>의견</p>
111		- </li>
112	111	<li class="cmmt_text">
113	112	<label for="commentCn" class="label">의견입력</label>
114	113	<form:textarea path="commentCn" title="${title}" cols="30" rows="3" />
...	...	@@ -117,12 +116,12 @@
117	116	<li>
118	117	<c:choose>
119	118	<c:when test="${searchVO.commentNo == '' }">
120		- <button type="button" class="btn_add_cmmt" onclick="javascript:fn_egov_insert_commentList(); return false;" >
	119	+ <button type="button" class="btn fill secondary xlarge" onclick="javascript:fn_egov_insert_commentList(); return false;" >
121	120	<spring:message code="button.create" />
122	121	</button>
123	122	</c:when>
124	123	<c:otherwise>
125		- <button type="button" class="btn_add_cmmt" onclick="javascript:fn_egov_updt_commentList(); return false;" >
	124	+ <button type="button" class="btn fill secondary xlarge" onclick="javascript:fn_egov_updt_commentList(); return false;" >
126	125	<spring:message code="button.update" />
127	126	</button>
128	127	</c:otherwise>

...	...	@@ -29,6 +29,7 @@
29	29	<link rel="stylesheet" href="/css/font.css">
30	30	<link rel="stylesheet" href="/publish/usr/layout/layout.css">
31	31	<link rel="stylesheet" href="/publish/usr/css/common.css">
	32	+ <link rel="stylesheet" href="/publish/usr/css/table.css">
32	33	<link rel="stylesheet" href="/publish/usr/css/style.css">
33	34	<link rel="stylesheet" href="/publish/usr/css/content.css">
34	35	<!-- //css -->

...	...	@@ -143,69 +143,80 @@
143	143	<input type="hidden" id= "ntcrNm" name="ntcrNm" value=""/>
144	144	<input type="hidden" id= "menuNo" name="menuNo" value="<c:out value='${masterVO.menuNo}'/>" />
145	145	</form:form>
146		- <!-- cont -->
147		- <div class="sub_content">
148	146
149		- <!-- page_location -->
150		- <ul class="page_location">
151		- <li><i class="icon home"></i></li>
152		- <li>분쟁조정 안내</li>
153		- <li>분쟁조정 안내</li>
154		- <li>분쟁조정 관련 서식</li>
155		- </ul>
156		- <!-- //page_location -->
157		- <h3 class="sub_con_tit"><c:out value="${brdMstrVO.bbsNm}"/></h3>
158		-
159		- <div class="list_view">
160		- <div class="list_view_wrap">
161		- <h4 class="list_view_tit">
162		- <c:out value="${result.nttSj}" />
163		- </h4>
164		- <ul class="view_info">
165		- <li>
166		- <p class="view_info_tit">· 작성일 : </p>
167		- <i class="icon td_calendar"></i>
168		- <c:out value="${result.frstRegisterPnttm}" />
169		- </li>
170		- <li>
171		- <p class="view_info_tit">· 작성자 : </p>
172		- <i class="icon td_writer"></i>
173		- <c:out value="${result.ntcrNm}"/>
174		- </li>
175		- <li>
176		- <p class="view_info_tit">· 조회수 : </p>
177		- <i class="icon td_view"></i>
178		- <c:out value="${result.inqireCo}" />
179		- </li>
180		- <li>
181		- <p class="view_info_tit">· URL : </p>
182		- <c:out value="${result.linkUrl}"/>
183		- </li>
184		- </ul>
185		- <c:if test="${not empty result.atchFileId}">
186		- <ul class="view_file_list">
187		- <c:import url="/cmm/fms/selectBBSFileInfs.do" charEncoding="utf-8">
188		- <c:param name="param_atchFileId" value="${result.atchFileId}" />
189		- <c:param name="pdf_view" value="Y" />
190		- </c:import>
191		- </ul>
192		- </c:if>
193		- <div class="view_content">
194		- <c:out value="${fn:replace(fn:replace(fn:replace(result.nttCn, crlt , '<'), crgt , '>'), crlf , '<br/>')}" escapeXml="false"/>
195		- </div>
196		-
197		- <div class="btn_wrap right">
198		- <button type="button" class="btn btn_text btn_40 gray_fill" onclick="javascript:fn_egov_select_noticeList(); return false;">목록</button>
199		- </div>
200		- </div>
	147	+<div class="sub_visual">
	148	+ <div class="inner">
	149	+ <h2 class="sub_title" data-section="community">Community</h2>
	150	+ <div class="sub_visual_nav">
	151	+ <a href="../index.html"><i class="icon home"></i></a>
	152	+ <div class="snb_wrap">
	153	+ <button type="button" class="snb_title">Company</button>
	154	+ <ul class="snb_select">
	155	+ <li><a href="#">Company</a></li>
	156	+ <li><a href="#">Platform Tech</a></li>
	157	+ <li><a href="#">Major Result</a></li>
	158	+ </ul>
201	159	</div>
202		-
203		- <!-- 댓글 -->
204		- <c:if test="${brdMstrVO.addYn == 'Y'}">
205		- <c:import url="/web/cop/cmt/selectArticleCommentList.do" charEncoding="utf-8">
206		- <c:param name="siteId" value="${brdMstrVO.siteId}" />
207		- </c:import>
208		- </c:if>
	160	+ <div class="snb_wrap">
	161	+ <button type="button" class="snb_title">설립배경</button>
	162	+ <ul class="snb_select">
	163	+ <li><a href="/web/content.do?proFn=999110005" class="active">설립배경</a></li>
	164	+ <li><a href="/web/content.do?proFn=9989200" class="">연혁</a></li>
	165	+ <li><a href="/web/content.do?proFn=9989400" class="">조직도</a></li>
	166	+ <li><a href="/web/content.do?proFn=9989300" class="">오시는길</a></li>
	167	+ </ul>
	168	+ </div>
209	169	</div>
210	170	</div>
211		- <!-- //cont -->
	171	+</div>
	172	+
	173	+<div class="inner">
	174	+ <div class="content_wrap overview">
	175	+ <div class="contents">
	176	+
	177	+ <div class="content_title">
	178	+ <h3><c:out value="${brdMstrVO.bbsNm}"/></h3>
	179	+ </div>
	180	+
	181	+ <div class="board_wrap">
	182	+ <div class="board_top">
	183	+ <strong class="board_title"><c:out value="${result.nttSj}" /></strong>
	184	+ <ul class="board_info">
	185	+ <li><i class="icon calendar"></i><c:out value="${result.frstRegisterPnttm}" /></li>
	186	+ <li><i class="icon writer"></i><c:out value="${result.ntcrNm}"/></li>
	187	+ <li><i class="icon view"></i><c:out value="${result.inqireCo}" /></li>
	188	+ <li><b>URL</b><c:out value="${result.linkUrl}"/></li>
	189	+ </ul>
	190	+ </div>
	191	+
	192	+ <div class="board_cont">
	193	+
	194	+ <c:out value="${fn:replace(fn:replace(fn:replace(result.nttCn, crlt , '<'), crgt , '>'), crlf , '<br/>')}" escapeXml="false"/>
	195	+
	196	+ <ul class="file_list box">
	197	+ <c:import url="/cmm/fms/selectBBSFileInfs.do" charEncoding="utf-8">
	198	+ <c:param name="param_atchFileId" value="${result.atchFileId}" />
	199	+ <c:param name="pdf_view" value="Y" />
	200	+ </c:import>
	201	+ <!-- <li><a href="#" download="PATINEX 2025 전시부스 참가 신청서 양식"><i class="icon file blue"></i>PATINEX 2025 전시부스 참가 신청서 양식.hwp (208KB)</a></li> -->
	202	+ </ul>
	203	+ </div>
	204	+
	205	+ <div class="btn_wrap right mt40">
	206	+ <button type="button" class="btn fill gray xlarge" onclick="javascript:fn_egov_select_noticeList(); return false;">목록</button>
	207	+ </div>
	208	+
	209	+
	210	+ <!-- 댓글 -->
	211	+ <%-- <c:if test="${brdMstrVO.addYn == 'Y'}">
	212	+ <c:import url="/web/cop/cmt/selectArticleCommentList.do" charEncoding="utf-8">
	213	+ <c:param name="siteId" value="${brdMstrVO.siteId}" />
	214	+ </c:import>
	215	+ </c:if> --%>
	216	+
	217	+ </div>
	218	+
	219	+ </div>
	220	+ </div>
	221	+</div>
	222	+

...	...	@@ -78,162 +78,203 @@
78	78	<!-- 게시판 검색 텍스트 입력 부분 구분을 위해 /kccadrPb/usr/script/content.js-->
79	79	<input type="hidden" name="pageType" id="pageType" value="bbs"/>
80	80	<!-- cont -->
81		- <div class="sub_content" id="sub">
82		-
83		- <!-- page_location -->
84		- <ul class="page_location">
85		- <li><i class="icon home"></i></li>
86		- <li>게시판</li>
87		- <li>${brdMstrVO.bbsNm}</li>
88		- </ul>
89		- <!-- //page_location -->
90	81
91		- <h3 class="sub_con_tit">${brdMstrVO.bbsNm}</h3>
92		-
93		- <form name="frm" action="<c:url value='/web/cop/bbsWeb/selectBoardList.do'/>" method="post">
94		- <input type="hidden" name="menuNo" class="hiddenMenuNo" />
95		- <c:if test="${not empty searchVO.seCd}"><%-- 구분값. 공모/결과 탭화면을 위한 --%>
96		- <input type="hidden" name="seCd" value="<c:out value='${searchVO.seCd}'/>" />
97		- </c:if>
98		- <input type="hidden" name="bbsId" value="<c:out value='${boardVO.bbsId}'/>" />
99		- <input type="hidden" name="nttId" value="0" />
100		- <input type="hidden" name="nttIds" value="0" />
101		- <input type="hidden" name="searchYear" value="<c:out value='${boardVO.searchYear}'/>" />
102		- <input name="pageIndex" type="hidden" value="<c:out value='${searchVO.pageIndex}'/>" />
103		- <input type="hidden" id= "mblDn" name="mblDn" value=""/>
104		- <input type="hidden" id= "failRtnUrl" name="failRtnUrl" value="<c:out value='${failRtnUrl}'/>"/><!-- 인증체크 후 실패 url -->
105		- <input type="hidden" id= "password" name="password" value=""/>
106		- <input type="hidden" id="pubDetail" name="pubDetail" value=""/>
	82	+ <div class="sub_visual">
	83	+ <div class="inner">
	84	+ <h2 class="sub_title" data-section="community">Community</h2>
	85	+ <div class="sub_visual_nav">
	86	+ <a href="/web/main/mainPage.do"><i class="icon home"></i></a>
	87	+ <div class="snb_wrap">
	88	+ <button type="button" class="snb_title">Community</button>
	89	+ <ul class="snb_select">
	90	+ <li><a href="#">Company</a></li>
	91	+ <li><a href="#">Platform Tech</a></li>
	92	+ <li><a href="#">Major Result</a></li>
	93	+ <li><a href="#">Community</a></li>
	94	+ </ul>
	95	+ </div>
	96	+ <div class="snb_wrap">
	97	+ <button type="button" class="snb_title">설립배경</button>
	98	+ <ul class="snb_select">
	99	+ <li><a href="/web/content.do?proFn=999110005" class="active">설립배경</a></li>
	100	+ <li>
	101	+ <a href="/web/content.do?proFn=9989200" class="">연혁</a>
	102	+ </li>
	103	+ <li>
	104	+ <a href="/web/content.do?proFn=9989400" class="">조직도</a>
	105	+ </li>
	106	+ <li>
	107	+ <a href="/web/content.do?proFn=9989300" class="">오시는길</a>
	108	+ </li>
	109	+ </ul>
	110	+ </div>
	111	+ </div>
	112	+ </div>
	113	+ </div>
	114	+
	115	+
	116	+ <div class="inner">
	117	+ <div class="content_wrap overview">
	118	+ <div class="contents">
	119	+
	120	+ <div class="content_title">
	121	+ <h3>${brdMstrVO.bbsNm}</h3>
	122	+ </div>
	123	+
	124	+
	125	+ <form name="frm" action="<c:url value='/web/cop/bbsWeb/selectBoardList.do'/>" method="post">
	126	+ <input type="hidden" name="menuNo" class="hiddenMenuNo" />
	127	+ <c:if test="${not empty searchVO.seCd}"><%-- 구분값. 공모/결과 탭화면을 위한 --%>
	128	+ <input type="hidden" name="seCd" value="<c:out value='${searchVO.seCd}'/>" />
	129	+ </c:if>
	130	+ <input type="hidden" name="bbsId" value="<c:out value='${boardVO.bbsId}'/>" />
	131	+ <input type="hidden" name="nttId" value="0" />
	132	+ <input type="hidden" name="nttIds" value="0" />
	133	+ <input type="hidden" name="searchYear" value="<c:out value='${boardVO.searchYear}'/>" />
	134	+ <input name="pageIndex" type="hidden" value="<c:out value='${searchVO.pageIndex}'/>" />
	135	+ <input type="hidden" id= "mblDn" name="mblDn" value=""/>
	136	+ <input type="hidden" id= "failRtnUrl" name="failRtnUrl" value="<c:out value='${failRtnUrl}'/>"/><!-- 인증체크 후 실패 url -->
	137	+ <input type="hidden" id= "password" name="password" value=""/>
	138	+ <input type="hidden" id="pubDetail" name="pubDetail" value=""/>
	139	+
	140	+ <div class="search_area">
	141	+ <div class="search_left">
	142	+ <p class="total_number">총 <b>${resultCnt}</b>건</p>
	143	+ </div>
	144	+
	145	+ <div class="search_right">
	146	+ <select name="searchCnd" id="subSearch" class="search_select">
	147	+ <option value="" <c:if test="${searchVO.searchCnd == ''}">selected="selected"</c:if>>전체</option>
	148	+ <option value="0" <c:if test="${searchVO.searchCnd == '0'}">selected="selected"</c:if>>제목</option>
	149	+ <option value="1" <c:if test="${searchVO.searchCnd == '1'}">selected="selected"</c:if>>내용</option>
	150	+ </select>
	151	+ <input type="text" name="searchWrd" class="input search_input" title="검색어 입력" placeholder="검색어를 입력하세요" onfocus="this.placeholder=''" value='<c:out value="${searchVO.searchWrd}"/>'>
	152	+ <button type="button" class="btn fill primary medium" onclick="javascript:linkPage('1'); return false;">검색</button>
	153	+ </div>
	154	+
	155	+ </div>
	156	+
	157	+ </form>
	158	+
	159	+ <div class="table table_type_cols">
	160	+ <table>
	161	+ <colgroup>
	162	+ <col style="width:80px;">
	163	+ <col style="width:auto;">
	164	+ <c:if test="${brdMstrVO.fileAtchPosblAt == 'Y'}">
	165	+ <col style="width:10%;">
	166	+ </c:if>
	167	+ <col style="width:15%;">
	168	+ <col style="width:10%;">
	169	+ <c:if test="${brdMstrVO.viewsYn ne 'N'}">
	170	+ <col style="width:10%;">
	171	+ </c:if>
	172	+ </colgroup>
	173	+ <thead>
	174	+ <tr>
	175	+ <th scope="col">번호</th>
	176	+ <th scope="col">제목</th>
	177	+ <c:choose>
	178	+ <c:when test="${brdMstrVO.menuNo eq '9620000'}">
	179	+ <th scope="col">작성일</th> <!-- 묻고답하기 -->
	180	+ <th scope="col">처리현황</th>
	181	+ <c:if test="${brdMstrVO.viewsYn ne 'N'}">
	182	+ <th scope="col">조회수</th>
	183	+ </c:if>
	184	+ </c:when>
	185	+ <c:otherwise>
	186	+ <c:if test="${brdMstrVO.fileAtchPosblAt == 'Y'}">
	187	+ <th scope="col">첨부</th>
	188	+ </c:if>
	189	+ <th scope="col">작성일</th>
	190	+ <th scope="col">작성자</th>
	191	+ <c:if test="${brdMstrVO.viewsYn ne 'N'}">
	192	+ <th scope="col">조회수</th>
	193	+ </c:if>
	194	+ </c:otherwise>
	195	+ </c:choose>
	196	+ </tr>
	197	+ </thead>
	198	+ <tbody>
	199	+ <c:if test="${'1' eq searchVO.pageIndex}">
	200	+ <c:forEach var="result" items="${notifyList}" varStatus="status">
	201	+ <tr onclick="javascript:fn_egov_inqire_notice('<c:out value="${result.bbsId}"/>', '<c:out value="${result.nttId}"/>');">
	202	+ <td>공지</td>
	203	+ <td class="td_title">
	204	+ <a href="#">
	205	+ <c:out value="${result.nttSj}" />
	206	+ </a>
	207	+ </td>
	208	+ <c:if test="${brdMstrVO.fileAtchPosblAt == 'Y'}"> <!-- 첨부파일 -->
	209	+ <td class="td_file">
	210	+ <%-- <c:if test="${result.atchFileCnt > 0}"> --%>
	211	+ <!-- <img src="/img/post/atch_file.png" alt="첨부파일 있음"> -->
	212	+ <%-- </c:if> --%>
	213	+ </td>
	214	+ </c:if>
	215	+ <td>
	216	+ <c:out value="${result.frstRegisterPnttm}" />
	217	+ </td>
	218	+ <c:if test="${brdMstrVO.viewsYn ne 'N'}">
	219	+ <td><c:out value="${result.inqireCo}" /></td>
	220	+ </c:if>
	221	+ </tr>
	222	+ </c:forEach>
	223	+ </c:if>
	224	+
	225	+ <c:forEach var="result" items="${resultList}" varStatus="status">
	226	+ <tr onclick="javascript:fn_egov_inqire_notice('<c:out value="${result.bbsId}"/>', '<c:out value="${result.nttId}"/>');">
	227	+ <td class="table_number">
	228	+ <c:out value="${paginationInfo.totalRecordCount+1 - ((searchVO.pageIndex-1) * searchVO.pageUnit + status.count)}" />
	229	+ </td>
	230	+ <td class="td_title">
	231	+ <a href="#">
	232	+ <c:out value="${result.nttSj}" />
	233	+ </a>
	234	+ </td>
	235	+ <c:if test="${brdMstrVO.fileAtchPosblAt == 'Y'}"> <!-- 첨부파일 -->
	236	+ <td class="td_file">
	237	+ <i class="icon file"></i>
	238	+ <%-- <c:if test="${result.atchFileCnt > 0}"> --%>
	239	+ <!-- <img src="/img/post/atch_file.png" alt="첨부파일 있음"> -->
	240	+ <%-- </c:if> --%>
	241	+ </td>
	242	+ </c:if>
	243	+ <td><c:out value="${result.frstRegisterPnttm}" /></td>
	244	+ <td><c:out value="${result.frstRegisterNm}" /></td>
	245	+ <c:if test="${brdMstrVO.viewsYn ne 'N'}">
	246	+ <td><c:out value="${result.inqireCo}" /></td>
	247	+ </c:if>
	248	+ </tr>
	249	+ </c:forEach>
	250	+ <c:if test="${empty resultList}">
	251	+ <tr class="tr_list_none">
	252	+ <td colspan="6" class="list_none">등록된 데이터가 없습니다.</td>
	253	+ </tr>
	254	+ </c:if>
	255	+ </tbody>
	256	+ </table>
	257	+ </div>
107	258
108		-<!-- <div class="search_wrap"> -->
109		-<!-- <select name="searchCnd" id="subSearch" class="select"> -->
110		-<%-- <option value="" <c:if test="${searchVO.searchCnd == ''}">selected="selected"</c:if>>전체</option> --%>
111		-<%-- <option value="0" <c:if test="${searchVO.searchCnd == '0'}">selected="selected"</c:if>>제목</option> --%>
112		-<%-- <option value="1" <c:if test="${searchVO.searchCnd == '1'}">selected="selected"</c:if>>내용</option> --%>
113		-<!-- </select> -->
114		-<%-- <input type="text" name="searchWrd" class="input_text" title="검색어 입력" placeholder="검색어를 입력하세요" onfocus="this.placeholder=''" value='<c:out value="${searchVO.searchWrd}"/>'> --%>
115		-<!-- <button type="button" class="btn btn_text btn_40 darkblue_fill btn_search" onclick="javascript:linkPage('1'); return false;">검색</button> -->
116		-<!-- </div> -->
117		- </form>
118		-<!-- <div class="table_top"> -->
119		-<%-- <p class="list_total_number">전체 <span class="color_blue">${resultCnt}</span>건</p> --%>
120		-<!-- </div> -->
	259	+ <div class="btn_wrap right mt40">
	260	+ <c:if test="${brdMstrVO.menuNo eq '9620000' \|\| brdMstrVO.menuNo eq '9650000'}">
	261	+ <button type="button" class="btn line xlarge accent" onclick="javascript:fn_egov_addNotice(); return false;">글쓰기</button>
	262	+ </c:if>
	263	+ <button type="button" class="btn line xlarge accent" onclick="javascript:fn_egov_addNotice(); return false;">글쓰기</button>
	264	+ <!-- <button type="button" class="btn btn_text btn_40 darkblue_fill btn_search" onclick="javascript:linkPage('1'); return false;">검색</button> -->
	265	+ </div>
	266	+
	267	+ <c:if test="${!empty resultList}">
	268	+ <div class="page">
	269	+ <ui:pagination paginationInfo = "${paginationInfo}" type="imageWeb" jsFunction="linkPage" />
	270	+ </div>
	271	+ </c:if>
121	272
122		- <!-- list -->
123		- <div class="table_type_cols">
124		- <table>
125		- <colgroup>
126		- <col style="width:5%;">
127		- <col style="width:auto;">
128		- <c:if test="${brdMstrVO.fileAtchPosblAt == 'Y'}">
129		- <col style="width:10%;">
130		- </c:if>
131		- <col style="width:10%;">
132		- <col style="width:10%;">
133		- <c:if test="${brdMstrVO.viewsYn ne 'N'}">
134		- <col style="width:10%;">
135		- </c:if>
136		- </colgroup>
137		- <thead>
138		- <tr>
139		- <th scope="col">번호</th>
140		- <th scope="col">제목</th>
141		- <c:choose>
142		- <c:when test="${brdMstrVO.menuNo eq '9620000'}">
143		- <th scope="col">작성일</th> <!-- 묻고답하기 -->
144		- <th scope="col">처리현황</th>
145		- <c:if test="${brdMstrVO.viewsYn ne 'N'}">
146		- <th scope="col">조회수</th>
147		- </c:if>
148		- </c:when>
149		- <c:otherwise>
150		- <c:if test="${brdMstrVO.fileAtchPosblAt == 'Y'}">
151		- <th scope="col">첨부</th>
152		- </c:if>
153		- <th scope="col">작성일</th>
154		- <th scope="col">작성자</th>
155		- <c:if test="${brdMstrVO.viewsYn ne 'N'}">
156		- <th scope="col">조회수</th>
157		- </c:if>
158		- </c:otherwise>
159		- </c:choose>
160		- </tr>
161		- </thead>
162		- <tbody>
163		- <c:if test="${'1' eq searchVO.pageIndex}">
164		- <c:forEach var="result" items="${notifyList}" varStatus="status">
165		- <tr>
166		- <td>공지</td>
167		- <td class="td_title">
168		- <a href="#" title="현재창 상세이동" onclick="javascript:fn_egov_inqire_notice('<c:out value="${result.bbsId}"/>', '<c:out value="${result.nttId}"/>');">
169		- <c:out value="${result.nttSj}" />
170		- </a>
171		- </td>
172		- <c:if test="${brdMstrVO.fileAtchPosblAt == 'Y'}"> <!-- 첨부파일 -->
173		- <td class="fileTd">
174		-<%-- <c:if test="${result.atchFileCnt > 0}"> --%>
175		-<!-- <img src="/img/post/atch_file.png" alt="첨부파일 있음"> -->
176		-<%-- </c:if> --%>
177		- </td>
178		- </c:if>
179		- <td>
180		- <c:out value="${result.frstRegisterPnttm}" />
181		- </td>
182		- <c:if test="${brdMstrVO.viewsYn ne 'N'}">
183		- <td><c:out value="${result.inqireCo}" /></td>
184		- </c:if>
185		- </tr>
186		- </c:forEach>
187		- </c:if>
188		-
189		- <c:forEach var="result" items="${resultList}" varStatus="status">
190		- <tr>
191		- <td class="table_number">
192		- <c:out value="${paginationInfo.totalRecordCount+1 - ((searchVO.pageIndex-1) * searchVO.pageUnit + status.count)}" />
193		- </td>
194		- <td class="td_title">
195		- <a href="#" title="현재창 상세이동" onclick="javascript:fn_egov_inqire_notice('<c:out value="${result.bbsId}"/>', '<c:out value="${result.nttId}"/>');">
196		- <c:out value="${result.nttSj}" />
197		- </a>
198		- </td>
199		- <c:if test="${brdMstrVO.fileAtchPosblAt == 'Y'}"> <!-- 첨부파일 -->
200		- <td>
201		- 첨부파일
202		-<%-- <c:if test="${result.atchFileCnt > 0}"> --%>
203		-<!-- <img src="/img/post/atch_file.png" alt="첨부파일 있음"> -->
204		-<%-- </c:if> --%>
205		- </td>
206		- </c:if>
207		- <td><c:out value="${result.frstRegisterPnttm}" /></td>
208		- <td><c:out value="${result.frstRegisterNm}" /></td>
209		- <c:if test="${brdMstrVO.viewsYn ne 'N'}">
210		- <td><c:out value="${result.inqireCo}" /></td>
211		- </c:if>
212		- </tr>
213		- </c:forEach>
214		- <c:if test="${empty resultList}">
215		- <tr class="tr_list_none">
216		- <td colspan="6" class="list_none">등록된 데이터가 없습니다.</td>
217		- </tr>
218		- </c:if>
219		- </tbody>
220		- </table>
221		- </div>
222		- <!-- //list -->
223		-
224		- <c:if test="${!empty resultList}">
225		- <div class="page">
226		- <ui:pagination paginationInfo = "${paginationInfo}" type="imageWeb" jsFunction="linkPage" />
227		- </div>
228		- </c:if>
229		-
230		- <!-- 하단 버튼 -->
231		- <div class="btn_wrap btn_layout01">
232		- <c:if test="${brdMstrVO.menuNo eq '9620000' \|\| brdMstrVO.menuNo eq '9650000'}">
233		- <button type="button" class="btnType09" onclick="javascript:fn_egov_addNotice(); return false;">글쓰기</button>
234		- </c:if>
235		- <button type="button" class="btn btn_text btn_40 darkblue_fill btn_search" onclick="javascript:fn_egov_addNotice(); return false;">글쓰기</button>
236		-<!-- <button type="button" class="btn btn_text btn_40 darkblue_fill btn_search" onclick="javascript:linkPage('1'); return false;">검색</button> -->
237		- </div>
238		- <!-- //하단 버튼 -->
239		- </div>
	273	+ </div>
	274	+ </div>
	275	+ </div>
	276	+
	277	+
	278	+
	279	+
	280	+

...	...	@@ -161,36 +161,54 @@
161	161	</form:form>
162	162	<!-- contents 영역 -->
163	163	<c:set var="nttSj" value="${result.nttSj}"></c:set>
164		-<div class="subCont">
165		- <h3 class="contTit"><c:out value='${brdMstrVO.bbsNm}' /></h3>
166		- <!-- view 영역 -->
167		- <div class="contentWrap board">
168		- <div class="viewWrap">
169		- <div class="viewHead">
170		- <h4 class="fwBold"><c:out value="${result.nttSj}" /></h4>
171		- <ul class="infor">
172		- <li>
173		- <span >작성일 : <c:out value="${result.frstRegisterPnttm}" /></span>
174		- <span class="inforLine">조회수 : <c:out value="${result.inqireCo}" /></span>
175		- </li>
	164	+
	165	+
	166	+<div class="sub_visual">
	167	+ <div class="inner">
	168	+ <h2 class="sub_title" data-section="community">Community</h2>
	169	+ <div class="sub_visual_nav">
	170	+ <a href="../index.html"><i class="icon home"></i></a>
	171	+ <div class="snb_wrap">
	172	+ <button type="button" class="snb_title">Company</button>
	173	+ <ul class="snb_select">
	174	+ <li><a href="#">Company</a></li>
	175	+ <li><a href="#">Platform Tech</a></li>
	176	+ <li><a href="#">Major Result</a></li>
176	177	</ul>
177	178	</div>
178		- <div class="viewCont c_222222 fs18">
179		- <div class="contWrap">
180		- <%-- <div class="tabCont">
181		- <c:if test="${not empty fileList}">
182		- <c:forEach var="result" items="${fileList}" varStatus="status">
183		- <img src='<c:url value='/cmm/fms/getImage.do'/>?atchFileId=<c:out value="${result.atchFileId}"/>&fileSn=<c:out value="${result.fileSn}"/>' alt="">
184		- </c:forEach>
185		- </c:if>
186		- </div>
187		- <div class="tabNav">
188		- <ul class="clearfix">
189		- <li><button class="beforeBtn bxBefore3"><img src="/publish/image/main/sec3BeforeBtn.png" alt=""></button></li>
190		- <li><button class="nextBtn bxNext3"><img src="/publish/image/main/sec3NextBtn.png" alt=""></button></li>
191		- </ul>
192		- </div> --%>
193		- <ul class="imgView">
	179	+ <div class="snb_wrap">
	180	+ <button type="button" class="snb_title">설립배경</button>
	181	+ <ul class="snb_select">
	182	+ <li><a href="/web/content.do?proFn=999110005" class="active">설립배경</a></li>
	183	+ <li><a href="/web/content.do?proFn=9989200" class="">연혁</a></li>
	184	+ <li><a href="/web/content.do?proFn=9989400" class="">조직도</a></li>
	185	+ <li><a href="/web/content.do?proFn=9989300" class="">오시는길</a></li>
	186	+ </ul>
	187	+ </div>
	188	+ </div>
	189	+ </div>
	190	+</div>
	191	+
	192	+<div class="inner">
	193	+ <div class="content_wrap community">
	194	+ <div class="contents">
	195	+
	196	+ <div class="content_title">
	197	+ <h3><c:out value='${brdMstrVO.bbsNm}' /></h3>
	198	+ </div>
	199	+
	200	+ <div class="board_wrap">
	201	+ <div class="board_top">
	202	+ <strong class="board_title"><c:out value="${result.nttSj}" /></strong>
	203	+ <ul class="board_info">
	204	+ <li><i class="icon calendar"></i><c:out value="${result.frstRegisterPnttm}" /></li>
	205	+ <li><i class="icon view"></i><c:out value="${result.inqireCo}" /></li>
	206	+ </ul>
	207	+ </div>
	208	+
	209	+ <div class="board_cont">
	210	+
	211	+ <ul class="img_view">
194	212	<c:if test="${not empty fileList}">
195	213	<c:forEach var="result" items="${fileList}" varStatus="status">
196	214	<li>
...	...	@@ -199,7 +217,7 @@
199	217	</c:forEach>
200	218	</c:if>
201	219	</ul>
202		- <ul class="imgList">
	220	+ <%-- <ul class="imgList">
203	221	<c:if test="${not empty fileList}">
204	222	<c:forEach var="result" items="${fileList}" varStatus="status">
205	223	<li>
...	...	@@ -209,82 +227,91 @@
209	227	</li>
210	228	</c:forEach>
211	229	</c:if>
212		- </ul>
213		- <ul class="imgBtn">
	230	+ </ul> --%>
	231	+
	232	+ <!-- <ul class="imgBtn">
214	233	<li><button class="imgPrev" title="이전 이미지로 이동"><img src="/publish/image/board/arrowLeft.png" alt="이전"></button></li>
215	234	<li><button class="imgNext" title="다음 이미지로 이동"><img src="/publish/image/board/arrowRight.png" alt="다음"></button></li>
216		- </ul>
	235	+ </ul> -->
	236	+
	237	+ <p><c:out value="${result.nttCn}" escapeXml="false" /></p>
	238	+ <c:if test="${not empty result.atchFileId}">
	239	+
	240	+ </c:if>
	241	+
	242	+ <ul class="file_list box">
	243	+ <c:import url="/cmm/fms/selectBBSFileInfs.do" charEncoding="utf-8">
	244	+ <c:param name="param_atchFileId" value="${result.atchFileId}" />
	245	+ <c:param name="pdf_view" value="Y" />
	246	+ </c:import>
	247	+ <!-- <li><a href="#" download="PATINEX 2025 전시부스 참가 신청서 양식"><i class="icon file blue"></i>PATINEX 2025 전시부스 참가 신청서 양식.hwp (208KB)</a></li> -->
	248	+ </ul>
217	249	</div>
218		- <p><c:out value="${result.nttCn}" escapeXml="false" /></p>
219		- </div>
220		- <c:if test="${not empty result.atchFileId}">
221		-
222		- </c:if>
223		- <ul class="attach">
224		- <!-- <li><img src="/publish/image/board/fileIcon.png" alt="첨부파일 이미지">첨부파일 없음</li> -->
225		- <c:import url="/cmm/fms/selectBBSFileInfs.do" charEncoding="utf-8">
226		- <c:param name="param_atchFileId" value="${result.atchFileId}" />
227		- <c:param name="pdf_view" value="Y" />
	250	+
	251	+ <div class="btn_wrap right mt40">
	252	+ <button type="button" class="btn fill gray xlarge" onclick="javascript:fn_egov_select_noticeList('1'); return false;">목록</button>
	253	+ </div>
	254	+
	255	+
	256	+ <ul class="view_more">
	257	+
	258	+ <!-- 이전글 -->
	259	+ <c:choose>
	260	+ <c:when test="${empty prevNttIdNSj}">
	261	+ <li class="none">
	262	+ <span>이전글 <i class="icon prev"></i></span>
	263	+ <a href="#">이전글이 없습니다.</a>
	264	+ </li>
	265	+ </c:when>
	266	+ <c:otherwise>
	267	+ <li>
	268	+ <c:set var="prevNttId" value="${fn:split(prevNttIdNSj, '\|')[0]}" />
	269	+ <c:set var="prevNttSj" value="${fn:split(prevNttIdNSj, '\|')[1]}" />
	270	+ <c:set var="prevNttDate" value="${fn:split(prevNttIdNSj, '\|')[2]}" />
	271	+ <span>이전글 <i class="icon prev"></i></span>
	272	+ <a href="#" onclick="fn_egov_select_detail('<c:out value='${result.bbsId}'/>' , '<c:out value='${prevNttId}'/>'); return false;" title="현재창 이전글이동">
	273	+ <c:out value="${prevNttSj}" />
	274	+ </a>
	275	+ <%-- <span class="nb_date"><c:out value="${prevNttDate}" /></span> --%>
	276	+ </li>
	277	+ </c:otherwise>
	278	+ </c:choose>
	279	+ <!-- //이전글 -->
	280	+
	281	+ <!-- 다음글 -->
	282	+ <c:choose>
	283	+ <c:when test="${empty nextNttIdNSj}">
	284	+ <li class="none">
	285	+ <span>다음글 <i class="icon next"></i></span>
	286	+ <a href="#">다음글이 없습니다.</a>
	287	+ </li>
	288	+ </c:when>
	289	+ <c:otherwise>
	290	+ <c:set var="nextNttId" value="${fn:split(nextNttIdNSj, '\|')[0]}" />
	291	+ <c:set var="nextNttSj" value="${fn:split(nextNttIdNSj, '\|')[1]}" />
	292	+ <c:set var="nextNttDate" value="${fn:split(nextNttIdNSj, '\|')[2]}" />
	293	+ <span>다음글 <i class="icon next"></i></span>
	294	+ <a href="#" onclick="fn_egov_select_detail('<c:out value='${result.bbsId}'/>' , '<c:out value='${nextNttId}'/>'); return false;" title="현재창 다음글이동">
	295	+ <c:out value="${nextNttSj}" />
	296	+ </a>
	297	+ <%-- <span class="nb_date"><c:out value="${nextNttDate}" /></span> --%>
	298	+ </c:otherwise>
	299	+ </c:choose>
	300	+ <!-- //다음글 -->
	301	+
	302	+ </ul>
	303	+
	304	+ <!-- 댓글 -->
	305	+ <%-- <c:if test="${brdMstrVO.addYn == 'Y'}">
	306	+ <c:import url="/web/cop/cmt/selectArticleCommentList.do" charEncoding="utf-8">
	307	+ <c:param name="siteId" value="${brdMstrVO.siteId}" />
228	308	</c:import>
229		- </ul>
230		- <!-- btnWrap -->
231		- <div class="btnWrap center">
232		- <button type="button" class="btnType btnType1 w80" onclick="javascript:fn_egov_select_noticeList('1'); return false;">목록</button>
233		- </div><!-- //btnWrap -->
234		-
235		- <table class="listNav">
236		- <caption>이전 다음 글보기</caption>
237		- <colgroup>
238		- <col data-veiw="th" style="width:140px">
239		- <col data-veiw="td" style="width:auto">
240		- </colgroup>
241		- <tbody>
242		- <tr>
243		- <th scope="row" class="listNavNext">이전글</th>
244		- <td>
245		- <c:choose>
246		- <c:when test="${empty prevNttIdNSj}">
247		- 이전글이 없습니다.
248		- </c:when>
249		- <c:otherwise>
250		- <c:set var="prevNttId" value="${fn:split(prevNttIdNSj, '\|')[0]}" />
251		- <c:set var="prevNttSj" value="${fn:split(prevNttIdNSj, '\|')[1]}" />
252		- <c:set var="prevNttDate" value="${fn:split(prevNttIdNSj, '\|')[2]}" />
253		- <a href="#" onclick="fn_egov_select_detail('<c:out value='${result.bbsId}'/>' , '<c:out value='${prevNttId}'/>'); return false;" title="현재창 이전글이동">
254		- <c:out value="${prevNttSj}" />
255		- </a>
256		- <span class="nb_date"><c:out value="${prevNttDate}" /></span>
257		- </c:otherwise>
258		- </c:choose>
259		- </td>
260		- </tr>
261		-
262		- <tr>
263		- <th scope="row" class="listNavPrev">다음글</th>
264		- <td>
265		- <c:choose>
266		- <c:when test="${empty nextNttIdNSj}">
267		- 다음글이 없습니다.
268		- </c:when>
269		- <c:otherwise>
270		- <c:set var="nextNttId" value="${fn:split(nextNttIdNSj, '\|')[0]}" />
271		- <c:set var="nextNttSj" value="${fn:split(nextNttIdNSj, '\|')[1]}" />
272		- <c:set var="nextNttDate" value="${fn:split(nextNttIdNSj, '\|')[2]}" />
273		- <a href="#" onclick="fn_egov_select_detail('<c:out value='${result.bbsId}'/>' , '<c:out value='${nextNttId}'/>'); return false;" title="현재창 다음글이동">
274		- <c:out value="${nextNttSj}" />
275		- </a>
276		- <span class="nb_date"><c:out value="${nextNttDate}" /></span>
277		- </c:otherwise>
278		- </c:choose>
279		- </td>
280		- </tr>
281		-
282		- </tbody>
283		- </table>
284		-
	309	+ </c:if> --%>
	310	+
	311	+ </div>
285	312	</div>
286		- </div><!-- // view 영역 -->
	313	+ </div>
287	314	</div>
288		-<!--//contents 영역 -->
	315	+
289	316	</body>
290	317

...	...	@@ -134,15 +134,16 @@
134	134
135	135	<div class="sub_visual">
136	136	<div class="inner">
137		- <h2 class="sub_title" data-section="company">COMPANY</h2>
	137	+ <h2 class="sub_title" data-section="community">Community</h2>
138	138	<div class="sub_visual_nav">
139		- <a href="../index.html"><i class="icon home"></i></a>
	139	+ <a href="/web/main/mainPage.do"><i class="icon home"></i></a>
140	140	<div class="snb_wrap">
141		- <button type="button" class="snb_title">Company</button>
	141	+ <button type="button" class="snb_title">Community</button>
142	142	<ul class="snb_select">
143	143	<li><a href="#">Company</a></li>
144	144	<li><a href="#">Platform Tech</a></li>
145	145	<li><a href="#">Major Result</a></li>
	146	+ <li><a href="#">Community</a></li>
146	147	</ul>
147	148	</div>
148	149	<div class="snb_wrap">

...	...	@@ -203,57 +203,77 @@
203	203	<input type="hidden" name="ntcrId" id="ntcrId" value="<c:out value='${board.ntcrId}'/>" />
204	204
205	205
206		- <div class="sub_content counsel_content">
207	206
208		- <!-- page_location -->
209		- <ul class="page_location">
210		- <li><i class="icon home"></i></li>
211		- <li>게시판</li>
212		- <li>${brdMstrVO.bbsNm}</li>
213		- </ul>
214		- <!-- //page_location -->
215		-
216		-
217		-
218		-
219		-
220		- <div class="table_type_rows">
221		- <table>
222		- <caption><c:out value='${brdMstrVO.menuNm}' /> 등록</caption>
223		- <colgroup>
224		- <col style="width: 250px;">
225		- <col style="width: auto;">
226		- </colgroup>
227		- <tbody>
228		-
229		-<tr>
230		- <th>
231		- <p class="required_text">*<span>필수입력</span></p>오류제목
232		- </th>
233		- <td colspan="3">
234		- <input type="text" class="input_text w100per" id="nttSj" name="nttSj">
235		- </td>
236		- </tr>
237		- <tr>
238		- <th>오류내용</th>
239		- <td colspan="3">
240		- <div class="length_wrap">
241		- <textarea name="nttCn" id="nttCn" class="input_text" placeholder="ex) 사용상의 문제점과 연락처를 남겨주시면 확인 후 연락드리겠습니다."></textarea>
242		- <p class="length"><span class="color_red">0</span>/ 1300자</p>
243		- </div>
244		- </td>
245		- </tr>
246		-
	207	+ <div class="sub_visual">
	208	+ <div class="inner">
	209	+ <h2 class="sub_title" data-section="company">COMPANY</h2>
	210	+ <div class="sub_visual_nav">
	211	+ <a href="../index.html"><i class="icon home"></i></a>
	212	+ <div class="snb_wrap">
	213	+ <button type="button" class="snb_title">Company</button>
	214	+ <ul class="snb_select">
	215	+ <li><a href="#">Company</a></li>
	216	+ <li><a href="#">Platform Tech</a></li>
	217	+ <li><a href="#">Major Result</a></li>
	218	+ </ul>
	219	+ </div>
	220	+ <div class="snb_wrap">
	221	+ <button type="button" class="snb_title">설립배경</button>
	222	+ <ul class="snb_select">
	223	+ <li><a href="/web/content.do?proFn=999110005" class="active">설립배경</a></li>
	224	+ <li><a href="/web/content.do?proFn=9989200" class="">연혁</a></li>
	225	+ <li><a href="/web/content.do?proFn=9989400" class="">조직도</a></li>
	226	+ <li><a href="/web/content.do?proFn=9989300" class="">오시는길</a></li>
	227	+ </ul>
	228	+ </div>
	229	+ </div>
	230	+ </div>
	231	+ </div>
	232	+
	233	+
	234	+
	235	+ <div class="inner">
	236	+ <div class="content_wrap overview">
	237	+ <div class="contents">
	238	+
	239	+ <div class="content_title">
	240	+ <h3><c:out value='${brdMstrVO.menuNm}' /> 등록</h3>
	241	+ </div>
	242	+
	243	+
	244	+ <div class="table table_type_rows mb0">
	245	+ <table>
	246	+ <caption><c:out value='${brdMstrVO.menuNm}' /> 등록</caption>
	247	+ <colgroup>
	248	+ <col style="width: 200px;">
	249	+ <col style="width: auto;">
	250	+ </colgroup>
	251	+ <tbody>
	252	+
247	253	<tr>
248		- <th class="req_text">
249		- <p>첨부파일</p>
250		- </th>
251		- <td class="upload_area">
252		- <!-- <input type="text" id="fileNm" size="30" class="file_input" readonly> --><!-- <button type="button" class="btnType01 btn_add_file">파일 첨부하기</button> -->
	254	+ <th><span class="required">*</span>오류제목</th>
	255	+ <td><input type="text" class="input w100per" id="nttSj" name="nttSj"></td>
	256	+ </tr>
	257	+ <tr>
	258	+ <th>오류내용</th>
	259	+ <td>
	260	+ <div class="length_wrap">
	261	+ <textarea name="nttCn" id="nttCn" class="textarea w100per" row="5" placeholder="ex) 사용상의 문제점과 연락처를 남겨주시면 확인 후 연락드리겠습니다."></textarea>
	262	+ <p class="text_split length"><span class="text_primary">0</span> / 1300자</p>
	263	+ </div>
	264	+ </td>
	265	+ </tr>
	266	+
	267	+ <tr>
	268	+ <th><span class="required">*</span>첨부파일</th>
	269	+ <td>
	270	+ <!-- <input type="text" id="fileNm" size="30" class="file_input" readonly> --><!-- <button type="button" class="btnType01 btn_add_file">파일 첨부하기</button> -->
	271	+
	272	+ <div class="file_upload_wrap">
253	273	<input type="file" id="file_temp" name="file_temp" class="uploadFile" style="display:none"/>
254		- <button type="button" id="filebutton" class="btn btn_text btn_30 blue_border btnType01 btn_add_file">파일 첨부하기</button>
255		- <div class="file_wrap file_upload_box no_img_box" style="width:700px;">
256		- <table class="tbType02">
	274	+ <button type="button" id="filebutton" class="btn medium line secondary">파일 첨부하기</button>
	275	+ <div class="file_table before_file_table">
	276	+ <table>
257	277	<caption>첨부파일 리스트 : 파일명, 종류, 크기, 삭제</caption>
258	278	<colgroup>
259	279	<col style="width: 60%;">
...	...	@@ -262,9 +282,7 @@
262	282	<col style="width: 10%;">
263	283	</colgroup>
264	284	<thead>
265		- <!-- <th>
266		- <input type="checkbox" id="all_check"><label for="all_check"></label>
267		- </th> -->
	285	+ <!-- <th><input type="checkbox" id="all_check"><label for="all_check"></label></th> -->
268	286	<th style="text-align:center;">파일 명</th>
269	287	<th style="text-align:center;">종류</th>
270	288	<th style="text-align:center;">크기</th>
...	...	@@ -273,7 +291,8 @@
273	291	<tbody class="tb_file_before">
274	292	<tr>
275	293	<td colspan="4">
276		- <p>첨부하실 파일을 <span>마우스로 끌어서</span> 넣어주세요.</p>
	294	+ <i class="icon file_bg"></i>
	295	+ <p>첨부하실 파일을 <b>마우스로 끌어서</b> 넣어주세요.</p>
277	296	</td>
278	297	</tr>
279	298	</tbody>
...	...	@@ -289,20 +308,17 @@
289	308	<col style="width: 10%">
290	309	</colgroup>
291	310	<thead>
292		- <!-- <th>
293		- <input type="checkbox" id="all_check"><label for="all_check"></label>
294		- </th> -->
	311	+ <!-- <th><input type="checkbox" id="all_check"><label for="all_check"></label></th> -->
295	312	<th style="text-align:center;">파일 명</th>
296	313	<th style="text-align:center;">종류</th>
297	314	<th style="text-align:center;">크기</th>
298	315	<th style="text-align:center;">삭제</th>
299	316	</thead>
300		- <tbody id="tbody_fiielist" class="tb_file_after">
	317	+ <tbody id="tbody_fiielist">
301	318	<c:forEach var="fileList" items="${fileList}" varStatus="status">
302		- <tr class="item_<c:out value='${fileList.atchFileId}' />_<c:out value='${fileList.fileSn}' /> uploaded_obj">
	319	+ <tr class="item_<c:out value='${fileList.atchFileId}' />_<c:out value='${fileList.fileSn}' /> uploaded_obj">
303	320	<input type="hidden" name="fileSize" class="item_file_size" value="${fileList.fileSize}">
304	321	<td class="td_filename">
305		- <!-- <img src="/direct/img/upload_hwp_img.png" alt="" /> -->
306	322	<span class="file_name_text"><c:out value='${fileList.orignlFileNm}' /></span>
307	323	</td>
308	324	<td class="td_filesort">
...	...	@@ -311,33 +327,35 @@
311	327	<td class="td_filesize">
312	328	<span class="file_size_text" value="<c:out value="${fileList.fileMg}"/>"><c:out value="${fileList.fileMg}"/></span>
313	329	</td>
314		- <td>
315		- <button type="button" class="btn btn_text btn_30 red_border btn_del" onclick="delAtchFile('<c:out value='${fileList.atchFileId}' />', '<c:out value='${fileList.fileSn}' />'); return false;" title="파일삭제">삭제</button>
316		- </td>
	330	+ <td><button type="button" class="btn line lightgray ssmall only_icon btn_delete" onclick="delAtchFile('<c:out value='${fileList.atchFileId}' />', '<c:out value='${fileList.fileSn}' />'); return false;" title="파일삭제"><i class="icon delete red"></i></button></td>
317	331	</tr>
318		- </c:forEach>
	332	+ </c:forEach>
319	333	</tbody>
320	334	</table>
321	335	</div>
322		- </td>
323		- </tr>
324		-
325		- </tbody>
326		- </table>
327		- </div>
328		-
329		- <p class="cf_text">※ 위 신청 내용에 따라 상담센터에서 유선으로 일정을 문의드릴 수 있으며, 이후 확정된 상담일자는 마이페이지 메뉴에서 확인하시기 바랍니다.</p>
330		-
331		- <div class="btn_wrap right">
332		- <button type="button" class="btn btn_text btn_45 darkblue_fill" onclick="javascript:moveFunc('step03')">오류등록</button>
333		- <button type="button" class="btn btn_text btn_45 darkgray_border" onclick="javascript:moveFunc('step02')">취소</button>
334		-
335		- </div>
336		-
337		-
	336	+ </div>
	337	+ </td>
	338	+ </tr>
	339	+
	340	+ </tbody>
	341	+ </table>
	342	+ </div>
	343	+
	344	+ <!-- <div class="input_desc_wrap column">
	345	+ <p class="input_desc">※ 위 신청 내용에 따라 상담센터에서 유선으로 일정을 문의드릴 수 있으며, 이후 확정된 상담일자는 마이페이지 메뉴에서 확인하시기 바랍니다.</p>
	346	+ </div> -->
	347	+
	348	+
	349	+ <div class="btn_wrap right mt40">
	350	+ <button type="button" class="btn fill secondary xlarge" onclick="javascript:moveFunc('step03')">오류등록</button>
	351	+ <button type="button" class="btn fill gray xlarge" onclick="javascript:moveFunc('step02')">취소</button>
	352	+ </div>
	353	+
	354	+ </div>
	355	+ </div>
338	356	</div>
339	357
340		- <!-- //cont -->
	358	+
341	359	</form:form>
342	360
343	361	</body>

...	...	@@ -19,7 +19,7 @@
19	19
20	20
21	21	.table_type_rows{margin:30px 0;}
22		-.table_type_rows tr{border-bottom:1px solid #e2e7ef;}
	22	+.table_type_rows>table>tbody>tr{border-bottom:1px solid #e2e7ef;}
23	23	.table_type_rows tbody>tr>th,.table_type_rows tbody>tr>td{height:50px;padding:12px 20px;font-size:16px;color:#25272A;text-align:left;box-sizing:border-box;}
24	24	.table_type_rows tbody>tr>th{font-weight:500;background:#F2F3F5;}
25	25	.table_type_rows tbody>tr>td{font-weight:400;}
...	...	@@ -27,6 +27,7 @@
27	27	.file_top{display:flex;justify-content:space-between;align-items:flex-end;}
28	28	.file_table{height:150px;margin:12px 0 0 0;border:1px solid var(--lightgray-color);border-radius:8px;}
29	29	.file_table table{table-layout:fixed;width:100%;border-collapse: collapse;}
	30	+.file_table tr{border-bottom:1px solid #E2E7EF;}
30	31	.file_table tbody{width:100%;max-height:150px;overflow-y:auto;}
31	32	.file_table th{height:36px;font-size:14px;color:#222;padding:0 8px;text-align:center;}
32	33	.file_table tbody>tr>td{height:36px;font-size:14px;color:#444;padding:0 8px;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
...	...	@@ -44,5 +45,6 @@
44	45	.table_type_cols td>.file_table .file_row span{width:calc(100% - 28px);text-align:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
45	46
46	47	.file_table#egov_file_view_table{height:auto;margin:0;border:0;}
	48	+.file_table#egov_file_view_table tr{border:0;}
47	49	.file_table#egov_file_view_table td{height:auto;text-align:left;}
48	50	.file_table#egov_file_view_table td .file_row{display:inline-flex;font-size:16px;font-weight:400;align-items:center;gap:8px;}

...	...	@@ -3,12 +3,12 @@
3	3	/* -> disabled는 스타일만 만들고 사용X(웹접근성 인증 시 안됨. 클래스로 대체) */
4	4
5	5	/* 버튼 레이아웃 */
6		-.btn_wrap{display:flex;justify-content:space-between;}
	6	+.btn_wrap{display:flex;justify-content:space-between;gap:8px;}
7	7	.btn_wrap.column{flex-direction:column;gap:4px;}
8	8	.btn_wrap>div{display:flex;width:calc(100%/3);gap:8px}
9		-.btn_wrap .left{justify-content:flex-start;}
10		-.btn_wrap .center{justify-content:center;}
11		-.btn_wrap .right{justify-content:flex-end;}
	9	+.btn_wrap.left, .btn_wrap .left{justify-content:flex-start;}
	10	+.btn_wrap.center,.btn_wrap .center{justify-content:center;}
	11	+.btn_wrap.right,.btn_wrap .right{justify-content:flex-end;}
12	12
13	13
14	14	/* 버튼 스타일 */
...	...	@@ -29,7 +29,7 @@
29	29	.btn.fill.primary:hover{background-color: var(--primary-color-hover);color: #fff;}
30	30	.btn.fill.primary_light{background-color: var(--primary-light-color);border: 1px solid var(--primary-light-border);color:#222;}
31	31	.btn.fill.primary_light:hover{background-color: var(--primary-light-color-hover);}
32		-.btn.fill.secondary{background-color: var(--secondary-color);color: #1A1B1D;}
	32	+.btn.fill.secondary{background-color: var(--secondary-color);color: #fff;}
33	33	.btn.fill.secondary:hover{background-color: var(--secondary-color-hover);}
34	34	.btn.fill.accent{background-color: var(--accent-color);color: #fff;}
35	35	.btn.fill.accent:hover{background-color: var(--accent-color-hover);}
...	...	@@ -44,9 +44,10 @@
44	44	.btn.fill.lightgray{background-color: var(--lightgray-color);color: #5b606c;}
45	45	.btn.fill.lightgray:hover{background-color: var(--lightgray-color-hover);}
46	46
	47	+.btn.line{background:#fff;}
47	48	.btn.line.primary{border: 1px solid var(--primary-color);color: var(--primary-color);}
48	49	.btn.line.primary:hover{border: 1px solid var(--primary-color-hover);color: var(--primary-color-hover);}
49		-.btn.line.secondary{border: 1px solid var(--secondary-color);color: #222;}
	50	+.btn.line.secondary{border: 1px solid var(--secondary-color);color:var(--secondary-color);}
50	51	.btn.line.secondary:hover{border: 1px solid var(--secondary-color-hover);}
51	52	.btn.line.accent{border: 1px solid var(--accent-color);color: var(--accent-color);}
52	53	.btn.line.accent:hover{border: 1px solid var(--accent-color-hover);}

...	...	@@ -24,6 +24,7 @@
24	24	.company .sub_visual{background:url(/publish/usr/images/company/visual.jpg);}
25	25	.major_result .sub_visual{background:url(/publish/usr/images/major_result/visual.jpg);}
26	26	.platform_tech .sub_visual{background:url(/publish/usr/images/platform_tech/visual.jpg);}
	27	+.community .sub_visual{background:url(/publish/usr/images/community/visual.jpg);}
27	28
28	29	.con_title{display:flex;margin:80px 0 36px 0;flex-direction:column;}
29	30	.con_title .summary{font-family:var(--secondary-title-font);font-size:24px;margin:0 0 12px 0;}
...	...	@@ -201,8 +202,10 @@
201	202
202	203	.autophagy .box:nth-child(2){margin:0;}
203	204
204		-
205		-
	205	+/* ==================================================
	206	+ Community
	207	+ ================================================== */
	208	+.length_wrap .textarea{height:100px;}
206	209
207	210	@media (max-width: 1400px){
208	211
...	...	@@ -404,6 +407,12 @@
404	407	.overview .circle.fill::after{width:calc(100% + 20px);height:calc(100% + 20px);left:-10px;top:-10px;background-size:100% auto;}
405	408	.overview .circles .left::after, .overview .circles .right::after{width:12px;height:12px;}
406	409	.overview .circles .left::after{bottom:-5px;}
	410	+
	411	+ /* 오시는 길 */
	412	+ .location_list .title{font-size:20px;margin:0 0 10px 0;gap:8px;}
	413	+ .location_list .info p{font-size:16px;}
	414	+ .location_list .btn_map,.location_list .boxs li{height:60px;font-size:16px;}
	415	+ .location_list .location{width:22px;height:22px;background-size:contain;}
407	416
408	417	/* ==================================================
409	418	Platform Tech

...	...	@@ -14,6 +14,7 @@
14	14	.sub_font{font-family:var(--secondary-title-font);}
15	15
16	16	.text_primary{color:var(--primary-color);}
	17	+.text_red{color:var(--red-color);}
17	18
18	19	.show{display:block !important;}
19	20	.hide{display:none !important;}
...	...	@@ -23,7 +24,7 @@
23	24	.text_center{text-align:center;}
24	25
25	26	.input{height:34px;border:1px solid var(--default-line-color);border-radius:5px;padding:0 12px;}
26		-textarea, .testarea{border:1px solid var(--default-line-color);border-radius:5px;padding:0 12px;}
	27	+textarea, .textarea{border:1px solid var(--default-line-color);border-radius:5px;padding:8px 12px;}
27	28	select, .select{height:34px;border:1px solid var(--default-line-color);border-radius:5px;padding:0 32px 0 12px;background:url(/publish/usr/images/component/icon_select.png) no-repeat calc(100% - 4px) center;}
28	29
29	30	.email_wrap{display:flex;gap:8px;align-items:center;}
...	...	@@ -45,9 +46,12 @@
45	46	.input_desc_wrap.column{flex-direction:column;gap:0;margin:8px 0 0 0;}
46	47	.input_desc_wrap .input_desc{margin:0;}
47	48
48		-.input_desc{font-size:14px;font-weight:400;color:#666;margin:0 0 0 8px;}
	49	+.input_desc{font-size:14px;font-weight:400;color:#666;margin:0 0 0 8px;text-align:left;}
49	50	.input_desc.red{color:var(--red-color);}
50	51	.input_desc.blue{color:var(--primary-color);}
	52	+
	53	+.length_wrap .length{margin:4px 0 0 0;font-size:16px;color:var(--body-text-color);}
	54	+.length_wrap .length span{font-weight:600;}
51	55
52	56	.calendar_wrap{display:flex;align-items:center;gap:8px;}
53	57	.calendar{width:140px;background:url(/publish/usr/images/component/icon_calendar.png) no-repeat calc(100% - 4px) center;}
...	...	@@ -87,15 +91,20 @@
87	91	/* 공지사항 - 상세 */
88	92	.board_wrap{border-top:2px solid #000;margin:0 0 30px 0;}
89	93	.board_top{display:flex;padding:30px;border-bottom:1px solid #e2e7ef;gap:15px;flex-direction:column;}
90		-.board_title{font-size:25px;font-weight:700;color:var(--primary-title-color);}
	94	+.board_title{font-size:25px;font-weight:700;color:var(--primary-title-color);text-align:left;}
91	95	.board_info{display:flex;font-size:16px;font-weight:400;color:var(--body-text-color);align-items:center;gap:20px;}
92	96	.board_info li{display:flex;align-items:center;}
93		-.board_cont{font-size:18px;padding:45px 30px;line-height:1.5;border-bottom:1px solid #e2e7ef;}
	97	+.board_cont{font-size:18px;text-align:left;padding:45px 30px;line-height:1.5;border-bottom:1px solid #e2e7ef;}
94	98	.board_cont a{text-decoration:underline;text-underline-offset:3px;}
	99	+
	100	+.board_cont .img_view{max-width:70%;max-height:70%;margin:0 auto 40px auto;}
	101	+.board_cont .img_view img{max-width:100%;max-height:100%;object-fit:contain;}
	102	+.board_cont .file_list .file_table{border:0;height:auto;margin:0;}
	103	+/* .board_cont .file_list .file_table tbody{max-height:unset;} */
95	104	.view_more{border-top:2px solid #000;margin:50px 0 0 0;}
96	105	.view_more li{padding:20px 30px;font-size:16px;color:#25272a;border-bottom:1px solid #e2e7ef;}
97	106	.view_more .none *{opacity:0.5;}
98		-.view_more span{display:inline-flex;font-weight:500;align-items:center;gap:8px;}
	107	+.view_more span{display:inline-flex;font-weight:500;white-space:nowrap;align-items:center;gap:8px;}
99	108	.view_more a{width:calc(100% - 100px);margin:0 0 0 20px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;vertical-align:bottom;}
100	109
101	110	/* FAQ */
...	...	@@ -114,7 +123,7 @@
114	123	.gallery_list{display:flex;margin:12px 0 0 0;gap:20px;flex-wrap:wrap;}
115	124	.gallery_list>li{width:calc((100%/3) - 14px);}
116	125	.gallery_list a{width:100%;border:1px solid #E2E7EF;}
117		-.gallery_list .images_area{display:flex;width:100%;height:295px;background:#f2f4f7;overflow:hidden;justify-content:center;align-items:center;}
	126	+.gallery_list .images_area{display:flex;width:100%;height:100%;background:#f2f4f7;overflow:hidden;justify-content:center;align-items:center;}
118	127	.gallery_list .images_area img{max-width:100%;max-height:100%;object-fit:contain;}
119	128	.gallery_list .list_content{padding:20px;}
120	129	.gallery_list .list_title{text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:24px;font-weight:600;text-align:left;color:var(--primary-title-color);}
...	...	@@ -122,4 +131,58 @@
122	131	.gallery_list .list_info li{position:relative;padding:0 10px;}
123	132	.gallery_list .list_info li:first-child{padding:0 10px 0 0;}
124	133	.gallery_list .list_info li::after{position:absolute;content:"";width:1px;height:14px;background:#d5d5d5;right:0;top:6px;}
125		-.gallery_list .list_info li:last-child::after{display:none;} (No newline at end of file)
	134	+.gallery_list .list_info li:last-child::after{display:none;}
	135	+
	136	+/* 댓글 */
	137	+.cmmt_wrap{margin:60px 0 0 0;}
	138	+.cmmt_title{display:flex;margin:0 0 12px 0;justify-content:flex-start;align-items:center;gap:6px;}
	139	+.cmmt_title p{font-size:16px;font-weight:400;}
	140	+.cmmt_title p b{font-weight:600;color:var(--primary-color);}
	141	+
	142	+.cmmt_list{display:flex;border-top:2px solid var(--primary-color);flex-direction:column;}
	143	+.cmmt_list li{padding:20px;border-bottom:1px solid var(--default-line-color);}
	144	+.cmmt_top{display:flex;gap:8px;align-items:center;}
	145	+.cmmt_top .writer{font-size:16px;color:var(--primary-title-color);}
	146	+.cmmt_top .cmmt_date{font-size:14px;font-weight:400;color:#666;}
	147	+.cmmt_detail{padding:8px 0 12px 0;font-size:16px;color:var(--body-text-color);text-align:left;}
	148	+.cmmt_bottom .cmmt_date{font-size:14px;color:#666;}
	149	+
	150	+.cmmt_input {display:flex;padding:12px 20px;margin:40px 0 0 0;border-top:1px solid #cdd5e6;border-bottom:1px solid #cdd5e6;background:#f2f4f6;align-items:center;gap:8px;}
	151	+.cmmt_text{width:calc(100% - 100px);}
	152	+.cmmt_input textarea{width:100%;height:120px;background:#fff;}
	153	+.cmmt_input button.btn.xlarge{height:120px;}
	154	+
	155	+@media (max-width: 1280px){
	156	+ .gallery_list>li{width:calc((100% / 2) - 10px);}
	157	+}
	158	+
	159	+@media (max-width: 768px){
	160	+ .gallery_list .images_area{height:100%;}
	161	+ .gallery_list .list_title{font-size:20px;}
	162	+}
	163	+
	164	+@media (max-width: 640px){
	165	+ .search_area{flex-wrap:wrap;gap:8px;}
	166	+ .search_left,.search_right{width:100%;}
	167	+ .search_left .total_number{text-align:left;}
	168	+ .search_input{width:calc(100% - 211px);}
	169	+
	170	+ .board_top{padding:16px;}
	171	+ .board_info{flex-direction:column;align-items:flex-start;gap:0;}
	172	+ .board_info li{margin:0 0 0 -6px;}
	173	+
	174	+ .board_cont{padding:20px 16px;}
	175	+
	176	+ .cmmt_view{margin:40px 0 0 0;}
	177	+ .cmmt_input{flex-wrap:wrap;}
	178	+ .cmmt_input li{width:100%;}
	179	+ .cmmt_text{width:100%;}
	180	+ .cmmt_input button.btn.xlarge{width:100%;height:50px;}
	181	+
	182	+ .gallery_list>li{width:100%;}
	183	+}
	184	+
	185	+@media (max-width: 500px){
	186	+ .search_right{flex-wrap:wrap;}
	187	+ .search_right *{width:100%;}
	188	+} (No newline at end of file)

...	...	@@ -6,7 +6,7 @@
6	6	.table .required{color:var(--red-color);margin:0 4px 0 0;}
7	7
8	8	.table_type_cols{margin:12px 0 0 0;}
9		-.table_type_cols tr{border-bottom:1px solid #e2e7ef;}
	9	+.table_type_cols tr{border-bottom:1px solid #e2e7ef;cursor:pointer;}
10	10	.table_type_cols th,.table_type_cols td{padding:4px 8px;font-size:16px;text-align:center;box-sizing:border-box;}
11	11	.table_type_cols thead>tr>th{height:60px;font-weight:500;color:#25272A;}
12	12	.table_type_cols tbody>tr>td{height:50px;font-weight:400;color:#444;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
...	...	@@ -31,6 +31,20 @@
31	31	.file_table.before_file_table tbody{background:#EFF0F4;}
32	32	.file_table.before_file_table tbody tr{height:100%;border:0;text-align:center;}
33	33	.file_table.before_file_table p{font-size:14px;}
34		-.file_table.before_file_table b{color:var(--primary-color);}
	34	+.file_table.before_file_table b{color:var(--secondary-color);}
35	35
36	36
	37	+@media (max-width: 768px){
	38	+ .table_type_cols colgroup{display:none;}
	39	+ .table_type_cols tbody{display:flex;width:100%;flex-direction:column;}
	40	+ .table_type_cols thead{display:none;}
	41	+ .table_type_cols tr{position:relative;display:flex;width:100%;flex-wrap:wrap;}
	42	+ .table_type_cols tr td:first-child{display:none;}
	43	+ .table_type_cols table>tbody>tr>td{position:relative;height:auto;}
	44	+ .table_type_cols tr td:not(.td_title,.td_file)::after{position:absolute;content:"";width:1px;height:15px;background:#d5d5d5;right:0;top:8px;}
	45	+ .table_type_cols tr td:last-child::after{display:none;}
	46	+ .table_type_cols .td_title{width:100%;height:auto;font-size:18px;text-align:left;padding:12px;}
	47	+ .table_type_cols .td_title a{text-indent:23px;text-overflow:ellipsis;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;word-break:break-all;}
	48	+ .table_type_cols .td_file{position:absolute;top:10px;}
	49	+}
	50	+

...	...	@@ -86,10 +86,10 @@
86	86	.sitemap.active {top:0;}
87	87	.sitemap_top.inner {display:flex;width:100%;height:auto;justify-content:space-between;align-items:center;padding:20px;}
88	88
89		-.sitemap .sitemenu{display:flex;width:100%;margin:20px 0 80px 0;padding:0 140px;justify-content:space-between;box-sizing:border-box;}
90		-.sitemap .sitemenu .depth01{display:flex;width:100%;height:80px;padding:0 20px;margin:0;font-family:var(--secondary-title-font);font-size:48px;font-weight:bold;color:var(--primary-color);align-items:center;}
91		-.sitemap .depth02_ul{display:flex;flex-direction:column;gap:20px;}
92		-.sitemap .depth02_ul li{width:100%;font-size:24px;text-align:center;}
	89	+.sitemap .sitemenu{display:flex;width:100%;margin:80px 0;padding:0 140px;justify-content:space-between;box-sizing:border-box;}
	90	+.sitemap .sitemenu .depth01{display:flex;width:100%;height:80px;padding:0 20px;margin:0;font-family:var(--secondary-title-font);font-size:32px;font-weight:bold;color:var(--primary-color);align-items:center;}
	91	+.sitemap .depth02_ul{display:flex;flex-direction:column;gap:12px;}
	92	+.sitemap .depth02_ul li{width:100%;font-size:20px;text-align:center;}
93	93	.sitemap a.depth02{display:flex;width:100%;padding:8px 0;border:0;border-radius:8px;justify-content:center;align-items:center;}
94	94	.sitemap a.depth02:hover{color:var(--primary-color);background:var(--primary-light-color);}
95	95

...	...	@@ -41,6 +41,13 @@
41	41	$header.removeClass("active");
42	42	}
43	43	});
	44	+
	45	+ $(document).on("click", ".gnb .depth01", function (e) {
	46	+ e.preventDefault();
	47	+
	48	+ const firstHref = $(this).closest("li").find(".depth02").first().attr("href");
	49	+ if (firstHref) location.href = firstHref;
	50	+ });
44	51
45	52
46	53	/* ==================================================

...	...	@@ -1,280 +1,167 @@
1	1	$(function () {
2	2
3		- $('[src]').each(function () {
4		- const src = $(this).attr('src');
5		- if (src && src.indexOf('../') === 0) {
6		- $(this).attr('src', src.replace(/^\.\.\//, '/publish/usr/'));
7		- }
8		- });
	3	+ /* ==================================================
	4	+ container.sub 클래스 (있을 때만)
	5	+ ================================================== */
	6	+ const $container = $(".container.sub");
	7	+ const section = $("h2.sub_title").data("section");
9	8
	9	+ if ($container.length && section) {
	10	+ $container
	11	+ .removeClass("company major_result platform_tech")
	12	+ .addClass(section);
	13	+ }
10	14
11	15	/* ==================================================
12		- Sub Visual SNB Navigation
13		- - 파일명 기준 자동 활성
14		- - 대메뉴 클릭 시 첫 하위 페이지 이동
15		- - 모바일/PC 공통 구조
	16	+ src 경로 보정
16	17	================================================== */
17		-
18		- const BREAK_POINT = 1280;
19		- const $snbWrap = $(".snb_wrap");
20		- const currentSection = $("h2.sub_title").data("section");
21		- const currentFile = location.pathname.split("/").pop();
22		-
23		- const MENU_MAP = {
24		- company: {
25		- base: "/web/content.do?proFn=",
26		- pages: [{
27		- text: "설립배경",
28		- file: "999110005"
29		- },
30		- {
31		- text: "연혁",
32		- file: "9989200"
33		- },
34		- {
35		- text: "조직도",
36		- file: "9989400"
37		- },
38		- {
39		- text: "오시는길",
40		- file: "9989300"
41		- }
42		- ]
43		- },
44		- platform_tech: {
45		- base: "/web/content.do?proFn=",
46		- pages: [{
47		- text: "연구배경",
48		- file: "9988100"
49		- },
50		- {
51		- text: "Organelle Selective Autophagy",
52		- file: "9988200"
53		- }
54		- ]
55		- },
56		- major_result: {
57		- base: "/web/content.do?proFn=",
58		- pages: [{
59		- text: "Mitophagy",
60		- file: "9986100"
61		- },
62		- {
63		- text: "Pexophagy",
64		- file: "9986200"
65		- },
66		- {
67		- text: "Melanophagy",
68		- file: "9986300"
69		- },
70		- {
71		- text: "Ciliogenesis",
72		- file: "9986400"
73		- },
74		- {
75		- text: "Anti Cancer",
76		- file: "9986500"
77		- },
78		- {
79		- text: "Pipeline Summary",
80		- file: "9986600"
81		- },
82		- {
83		- text: "R&D",
84		- file: "9986700"
85		- }
86		- ]
	18	+ $("[src]").each(function () {
	19	+ const src = $(this).attr("src");
	20	+ if (src && src.startsWith("../")) {
	21	+ $(this).attr("src", src.replace(/^\.\.\//, "/publish/usr/"));
87	22	}
88		- };
89		-
90		-
91		-
92		- /* =========================
93		- 연혁
94		- ========================= */
95		- const BREAKPOINT = 1280;
96		-
97		- function bindHistoryScroll() {
98		- // 기존 이벤트 제거 (resize 대비)
99		- $('.history_month').off('scroll.history');
100		- $(window).off('scroll.history');
101		-
102		- if ($(window).width() < BREAKPOINT) return;
103		-
104		- // 1️⃣ history_month 내부 스크롤 → 연도 active
105		- $('.history_month').on('scroll.history', function () {
106		- let currentId = null;
107		-
108		- $('.month_ul').each(function () {
109		- if ($(this).position().top <= 1) {
110		- currentId = this.id;
111		- }
112		- });
113		-
114		- if (currentId) {
115		- $('.year_item, .month_ul').removeClass('active');
116		- $('#' + currentId).addClass('active');
117		- $('#' + currentId.replace('year_', 'year')).addClass('active');
118		- }
119		- });
120		-
121		- // 2️⃣ body 스크롤 719 ± 20 → history_month active
122		- const TARGET = 719;
123		- const RANGE = 20;
124		- const $history = $('.history_month');
125		-
126		- $(window).on('scroll.history', function () {
127		- const scrollTop = $(this).scrollTop();
128		-
129		- if (scrollTop >= TARGET - RANGE && scrollTop <= TARGET + RANGE) {
130		- $history.addClass('active');
131		- } else {
132		- $history.removeClass('active');
133		- }
134		- });
135		- }
136		-
137		- // 최초 실행
138		- bindHistoryScroll();
139		-
140		- // 리사이즈 대응
141		- $(window).on('resize', function () {
142		- bindHistoryScroll();
143	23	});
144	24
145		- /* =========================
146		- SNB 렌더링
147		- ========================= */
	25	+ /* ==================================================
	26	+ Sub Visual SNB 기본 세팅
	27	+ ================================================== */
	28	+ $(".icon.home").closest("a").attr("href", "/web/main/mainPage.do");
148	29
149		- function renderSNB() {
150		- // 🔹 현재 URL에서 proFn 숫자만 추출
151		- const currentFile = (function () {
152		- const match = location.search.match(/proFn=(\d+)/);
153		- return match ? match[1] : null;
154		- })();
	30	+ const $wraps = $(".sub_visual_nav .snb_wrap");
	31	+ if ($wraps.length < 2) return;
155	32
156		- $snbWrap.each(function (index) {
157		- const $wrap = $(this);
158		- const $title = $wrap.find(".snb_title");
159		- const $list = $wrap.find(".snb_select");
	33	+ const $snbDepth01 = $wraps.eq(0).find(".snb_select");
	34	+ const $snbDepth02 = $wraps.eq(1).find(".snb_select");
160	35
161		- function toTitleCase(str) {
162		- return str
163		- .replace(/_/g, " ")
164		- .replace(/\b\w/g, char => char.toUpperCase());
165		- }
	36	+ if ($snbDepth01.data("init")) return;
	37	+ $snbDepth01.data("init", true);
166	38
	39	+ const params = new URLSearchParams(location.search);
	40	+ const proFn = params.get("proFn");
	41	+ const bbsId = params.get("bbsId");
	42	+ const pathname = location.pathname;
167	43
168		- /* =========================
169		- 1️⃣ 첫 번째 SNB (대메뉴)
170		- ========================= */
171		- if (index === 0) {
172		- if (currentSection) {
173		- $title.text(toTitleCase(currentSection));
174		- }
175		- return;
176		- }
177		-
178		- /* =========================
179		- 2️⃣ 두 번째 SNB (하위메뉴)
180		- ========================= */
181		- const data = MENU_MAP[currentSection];
182		- if (!data) return;
	44	+ const isCommunity = pathname.includes("/bbsWeb/");
	45	+ const isCommunityDetail = pathname.includes("selectBoardDetail.do");
183	46
184		- $list.empty();
	47	+ const $gnb = $(".gnb").first();
185	48
186		- let matchedPage = null;
	49	+ /* ==================================================
	50	+ 현재 depth01 / depth02 결정
	51	+ ================================================== */
	52	+ let $currentDepth01Li = $();
	53	+ let $currentDepth02 = $();
187	54
188		- data.pages.forEach(page => {
189		- const isActive = currentFile && page.file === currentFile;
190		-
191		- if (isActive) {
192		- matchedPage = page;
193		- }
194		-
195		- $list.append(`
196		- <li>
197		- <a href="${data.base + page.file}"
198		- class="${isActive ? 'active' : ''}">
199		- ${page.text}
200		- </a>
201		- </li>
202		- `);
203		- });
204		-
205		-
206		- /* =========================
207		- 3️⃣ snb_title 최종 결정
208		- ========================= */
209		- if (matchedPage) {
210		- // 현재 URL과 매칭되는 페이지
211		- $title.text(matchedPage.text);
212		- } else if (data.pages.length) {
213		- // 매칭 없으면 첫 번째 메뉴
214		- $title.text(data.pages[0].text);
215		- }
216		- });
	55	+ if (isCommunity) {
	56	+ $currentDepth01Li = $gnb.find("> li").filter(function () {
	57	+ return $(this).find("> .depth01").text().trim().toLowerCase() === "community";
	58	+ }).first();
	59	+ } else if (proFn) {
	60	+ $currentDepth02 = $gnb.find(`.depth02[href*="proFn=${proFn}"]`).first();
	61	+ $currentDepth01Li = $currentDepth02.closest(".depth02_container").closest("li");
217	62	}
218	63
	64	+ if (!$currentDepth01Li.length) {
	65	+ $currentDepth01Li = $gnb.find("> li").first();
	66	+ }
219	67
220		- /* =========================
221		- Toggle 동작
222		- ========================= */
	68	+ const currentDepth01Text =
	69	+ $currentDepth01Li.find("> .depth01").text().trim();
223	70
	71	+ /* ==================================================
	72	+ SNB depth01 생성 (대표 링크 = 첫 depth02)
	73	+ ================================================== */
	74	+ $snbDepth01.empty();
	75	+
	76	+ $gnb.find("> li").each(function () {
	77	+ const text = $(this).find("> .depth01").text().trim();
	78	+ if (!text) return;
	79	+
	80	+ const firstHref = $(this).find(".depth02").first().attr("href") \|\| "#";
	81	+ const isActive = text === currentDepth01Text;
	82	+
	83	+ $snbDepth01.append(`
	84	+ <li class="${isActive ? "active" : ""}">
	85	+ <a href="${firstHref}">${text}</a>
	86	+ </li>
	87	+ `);
	88	+ });
	89	+
	90	+ /* ==================================================
	91	+ SNB depth02 생성 + active 처리
	92	+ ================================================== */
	93	+ $snbDepth02.empty();
	94	+
	95	+ $currentDepth01Li.find(".depth02").each(function (index) {
	96	+ const href = $(this).attr("href");
	97	+ const text = $(this).text().trim();
	98	+
	99	+ let isActive = false;
	100	+
	101	+ if (!isCommunity && proFn) {
	102	+ isActive = href.includes(`proFn=${proFn}`);
	103	+ }
	104	+
	105	+ if (isCommunity && bbsId) {
	106	+ isActive = href.includes(`bbsId=${bbsId}`);
	107	+ }
	108	+
	109	+ if (isCommunityDetail) {
	110	+ isActive = index === 1;
	111	+ }
	112	+
	113	+ $snbDepth02.append(`
	114	+ <li class="${isActive ? "active" : ""}">
	115	+ <a href="${href}">${text}</a>
	116	+ </li>
	117	+ `);
	118	+ });
	119	+
	120	+ /* ==================================================
	121	+ SNB 타이틀
	122	+ ================================================== */
	123	+ $wraps.eq(0).find(".snb_title").text(currentDepth01Text \|\| "메뉴");
	124	+
	125	+ if (isCommunityDetail) {
	126	+ const firstText = $currentDepth01Li.find(".depth02").first().text().trim();
	127	+ $wraps.eq(1).find(".snb_title").text(firstText \|\| "메뉴");
	128	+ } else {
	129	+ const activeText = $snbDepth02.find("li.active a").text();
	130	+ $wraps.eq(1).find(".snb_title").text(activeText \|\| "메뉴");
	131	+ }
	132	+
	133	+ /* ==================================================
	134	+ SNB 토글
	135	+ ================================================== */
224	136	$(".snb_title").on("click", function () {
225	137	const $wrap = $(this).closest(".snb_wrap");
226		- const $currentList = $wrap.find(".snb_select");
227	138
228		- // 다른 메뉴 닫기
229		- $(".snb_wrap").not($wrap).removeClass("active")
230		- .find(".snb_select").stop(true, true).slideUp(200);
	139	+ $(".snb_wrap").not($wrap)
	140	+ .removeClass("active")
	141	+ .find(".snb_select").slideUp(200);
231	142
232		- // 현재 메뉴 토글
233		- if ($wrap.hasClass("active")) {
234		- $wrap.removeClass("active");
235		- $currentList.stop(true, true).slideUp(200);
236		- } else {
237		- $wrap.addClass("active");
238		- $currentList.stop(true, true).slideDown(250);
239		- }
	143	+ $wrap.toggleClass("active")
	144	+ .find(".snb_select").stop(true, true).slideToggle(250);
240	145	});
241	146
242		- /* =========================
243		- 대메뉴 클릭 시 첫 페이지 이동
244		- ========================= */
245		-
246		- $(".snb_wrap").eq(0).find(".snb_select").on("click", "a", function (e) {
	147	+ /* ==================================================
	148	+ depth01 클릭 시 첫 depth02 이동
	149	+ ================================================== */
	150	+ $snbDepth01.on("click", "a", function (e) {
247	151	e.preventDefault();
248		-
249		- const section = $(this).text().toLowerCase().replace(/\s/g, "_");
250		- const data = MENU_MAP[section];
251		- if (!data) return;
252		-
253		- location.href = data.base + data.pages[0].file;
	152	+ location.href = $(this).attr("href");
254	153	});
255	154
256		- /* =========================
	155	+ /* ==================================================
257	156	외부 클릭 시 닫기
258		- ========================= */
259		-
	157	+ ================================================== */
260	158	$(document).on("click", function (e) {
261	159	if (!$(e.target).closest(".snb_wrap").length) {
262		- $(".snb_wrap").removeClass("active")
263		- .find(".snb_select").stop(true, true).slideUp(200);
	160	+ $(".snb_wrap")
	161	+ .removeClass("active")
	162	+ .find(".snb_select")
	163	+ .slideUp(200);
264	164	}
265	165	});
266	166
267		- /* =========================
268		- 초기 실행
269		- ========================= */
270		-
271		- renderSNB();
272		-
273		-
274		-
275		- if (currentSection) {
276		- $(".container.sub").addClass(currentSection);
277		- }
278		-
279		-})
280		-
	167	+});

Delete comment