Commit @6249fe443c5c0612c102503f40aa409988a952d8

정수빈 9 hours ago

오가시스 관리자페이지 수정

@6249fe443c5c0612c102503f40aa409988a952d8

5c7d14c

6249fe4

src/main/java/kcc/com/cmm/ImagePaginationRenderer.java

--- src/main/java/kcc/com/cmm/ImagePaginationRenderer.java

+++ src/main/java/kcc/com/cmm/ImagePaginationRenderer.java


         nextPageLabel     = "<li><input type='button' class='pageNext' onclick=\"{0}({1});return false;\"></li>";
         lastPageLabel     = "<li><input type='button' class='pageLast' onclick=\"{0}({1});return false;\"></li>";*/
 		
-		firstPageLabel    = "<button class='btn_page_first' title='첫 페이지 이동' onclick=\"{0}({1});return false;\"><i></i></button>";
-        previousPageLabel = "<button class='btn_page_prev' title='이전 페이지 이동' onclick=\"{0}({1});return false;\"><i></i></button>";
-        currentPageLabel  = "<button class='on' title=\"현재 {0}페이지\" onclick='return false;' readonly='readonly'>{0}</button>";
-        otherPageLabel    = "<button title=\"{1} 페이지 이동\" onclick=\"{0}({1});return false;\">{2}</button>";
-        nextPageLabel     = "<button class='btn_page_next' title='다음 페이지 이동' onclick=\"{0}({1});return false;\"><i></i></button>";
-        lastPageLabel     = "<button class='btn_page_last' title='마지막 페이지 이동' onclick=\"{0}({1});return false;\"><i></i></button>";
+		firstPageLabel    = "<button type=\"button\" class=\"btn_page btn_first\" title=\"첫 페이지 이동\" onclick=\"{0}({1});return false;\"><i aria-hidden=\"true\"></i></button>";
+		previousPageLabel = "<button type=\"button\" class=\"btn_page btn_prev\" title=\"이전 페이지 이동\" onclick=\"{0}({1});return false;\"><i aria-hidden=\"true\"></i></button>";
+		currentPageLabel  = "<button class=\"on\" aria-current=\"page\" title=\"현재 {0}페이지\">{0}</button>";
+		otherPageLabel    = "<button type=\"button\" title=\"{1} 페이지 이동\" onclick=\"{0}({1});return false;\">{2}</button>";
+		nextPageLabel     = "<button type=\"button\" class=\"btn_page btn_next\" title=\"다음 페이지 이동\" onclick=\"{0}({1});return false;\"><i aria-hidden=\"true\"></i></button>";
+		lastPageLabel     = "<button type=\"button\" class=\"btn_page btn_last\" title=\"마지막 페이지 이동\" onclick=\"{0}({1});return false;\"><i aria-hidden=\"true\"></i></button>";
 	}
 
 	

5c7d14c

6249fe4

src/main/webapp/WEB-INF/jsp/cmm/uss/umt/EgovUserPasswordUpdt.jsp

--- src/main/webapp/WEB-INF/jsp/cmm/uss/umt/EgovUserPasswordUpdt.jsp

+++ src/main/webapp/WEB-INF/jsp/cmm/uss/umt/EgovUserPasswordUpdt.jsp


 <input type="hidden" name="searchKeyword" value="<c:out value='${userSearchVO.searchKeyword}'/>"/>
 <input type="hidden" name="sbscrbSttus" value="<c:out value='${userSearchVO.sbscrbSttus}'/>"/>
 <input type="hidden" name="pageIndex" value="<c:out value='${userSearchVO.pageIndex}'/>"/>
-       
-<!-- cont -->
-<div class="cont_wrap">
-	<div class="box">
 
-		<!-- cont_tit -->
-		<div class="cont_tit">
-			<h2>비밀번호 변경</h2>
-			<!-- <ul class="cont_nav">
-				<li class="home"><a href="/"><i></i></a></li>
-				<li>
-					<p>관리자 관리</p>
-				</li>
-				<li>
-					<p>관리자 수정</p>
-				</li>
-				<li><span class="cur_nav">비밀번호 변경</span></li>
-			</ul> -->
-		</div>
-		<!-- //cont_tit -->
+<div class="content_title">
+	<h3>비밀번호 변경</h3>
+	<ol class="breadcrumb">
+		<li><a href="#" class="home" title="메인으로 이동"><i></i></a></li>
+		<li><a href="#">사이트관리</a></li>
+		<li><a href="#">관리자관리</a></li>
+		<li><strong class="current_location">비밀번호 변경</strong></li>
+	</ol>
+</div>
 
-		<div class="cont">
-			<!-- list_상세 -->
-			<div class="tbType02 col-table data-table">
-				<table>
-					<colgroup>
-						<col style="width: 20%">
-						<col style="width: 80%">
-					</colgroup>
+<div class="table table_type_rows">
+	<table>
+		<colgroup>
+			<col style="width: 20%">
+			<col style="width: 80%">
+		</colgroup>
 
-					<tbody>
-						<tr>
-							<th><span class="reqArea">사용자아이디</span></th>
-							<td>
-								<input name="emplyrId" id="emplyrId" title="사용자아이디" type="text" class="w35per" size="20" value="<c:out value='${userManageVO.emplyrId}'/>"  maxlength="20" readonly="readonly"/>
-				                <input name="uniqId" id="uniqId" title="uniqId" type="hidden" size="20" value="<c:out value='${userManageVO.uniqId}'/>"/>
-				                <input name="userTy" id="userTy" title="userTy" type="hidden" size="20" value="<c:out value='${userManageVO.userTy}'/>"/>
-							</td>
-						</tr>
-						<!-- <tr>
-							<th><span class="reqArea">이전 비밀번호</span></th>
-							<td>
-								<input name="oldPassword" id="oldPassword" title="기존 비밀번호" type="password" size="20" value=""  maxlength="100" />
-							</td>
-						</tr> -->
-						<tr>
-							<th><span class="reqArea">새로운 비밀번호</span></th>
-							<td>
-								<input name="newPassword" id="newPassword" title="새로운 비밀번호" class="w35per" type="password" autocomplete="off" size="20" value=""  maxlength="100" />						
-							</td>
-						</tr>
-						<tr>
-							<th><span class="reqArea">비밀번호 확인</span></th>
-							<td>
-								<input name="newPassword2" id="newPassword2" title="비밀번호확인" class="w35per" type="password" autocomplete="off" size="20" value=""  maxlength="100" />	
-							</td>
-						</tr>
-					</tbody>
-				</table>
-			</div>
-			<!-- //list_상세 -->
+		<tbody>
+			<tr>
+				<th><span class="reqArea">사용자아이디</span></th>
+				<td>
+					<input name="emplyrId" id="emplyrId" title="사용자아이디" type="text" class="input w35per" size="20" value="<c:out value='${userManageVO.emplyrId}'/>"  maxlength="20" readonly="readonly"/>
+	                <input name="uniqId" id="uniqId" title="uniqId" type="hidden" size="20" value="<c:out value='${userManageVO.uniqId}'/>"/>
+	                <input name="userTy" id="userTy" title="userTy" type="hidden" size="20" value="<c:out value='${userManageVO.userTy}'/>"/>
+				</td>
+			</tr>
+			<!-- <tr>
+				<th><span class="reqArea">이전 비밀번호</span></th>
+				<td>
+					<input name="oldPassword" id="oldPassword" title="기존 비밀번호" type="password" size="20" value=""  maxlength="100" />
+				</td>
+			</tr> -->
+			<tr>
+				<th><span class="reqArea">새로운 비밀번호</span></th>
+				<td>
+					<input name="newPassword" id="newPassword" title="새로운 비밀번호" class="input w35per" type="password" autocomplete="off" size="20" value=""  maxlength="100" />						
+				</td>
+			</tr>
+			<tr>
+				<th><span class="reqArea">비밀번호 확인</span></th>
+				<td>
+					<input name="newPassword2" id="newPassword2" title="비밀번호확인" class="input w35per" type="password" autocomplete="off" size="20" value=""  maxlength="100" />	
+				</td>
+			</tr>
+		</tbody>
+	</table>
+</div>
 
-			<!-- btn_wrap -->
-			<div class="btn_wrap right">
-				<button class="btn btn_text btn_46 blue_fill btnType02" onclick="fnUpdate(); return false;">수 정</button>
-				<button class="btn btn_text btn_46 gray_fill btnType03" onclick="fnListPage(); return false;">목 록</button>
-			</div>
-			<!-- //btn_wrap -->
-		</div>
+<div class="btn_wrap right">
+	<div class="left"></div>
+	<div class="right">
+		<button class="btn primary xlarge fill" onclick="fnUpdate(); return false;">수 정</button>
+		<button class="btn gray xlarge fill" onclick="fnListPage(); return false;">목 록</button>
 	</div>
 </div>
-<!-- //cont -->
+       
 <input type="hidden" name="gnrlUser" value="${searchVO.gnrlUser}"/>
 </form>
 <form name="searchForm" method="get" action="<c:url value='/uss/umt/user/EgovUserManage.do'/>" ></form>

5c7d14c

6249fe4

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

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

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


 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" >
 <meta http-equiv="content-language" content="ko">
-<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/post.css?ver=1">
-<link rel="stylesheet" href="/pb/css/reset.css">
-<link rel="stylesheet" href="/pb/css/common.css">
-<link rel="stylesheet" href="/pb/css/content.css">
-<link rel="stylesheet" href="/pb/css/popup.css">
 <title>게시판ID 검색</title>
-<style type="text/css">
-	h1 {font-size:12px;}
-	caption {visibility:hidden; font-size:0; height:0; margin:0; padding:0; line-height:0;}
-</style>
+
+<link rel="stylesheet" href="/css/reset.css">
+<link rel="stylesheet" href="/css/font.css">
+<link rel="stylesheet" href="/publish/adm/layout/layout.css">
+<link rel="stylesheet" href="/publish/adm/css/common.css">
+<link rel="stylesheet" href="/publish/adm/css/style.css">
+<link rel="stylesheet" href="/publish/adm/css/content.css">
+<link rel="stylesheet" href="/publish/adm/css/popup.css">
+
 <script src="<c:url value='/js/jquery.js' />"></script>
 <script language="javascript1.2"  type="text/javaScript"> 
 /* ********************************************************

    
 }
 </script>
-<style>
-.post_main2_div {position: unset;height:unset; width:unset; }
-.main2_div2 {width: 760px;}
-.main2_div3 {width: 760px;}
-.main2_div3 table {width: 760px;}
-.main2_div2 button {right: -227px;}
-select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url('/') no-repeat 95% 50%; /* 화살표 모양의 이미지 */ }
-select::-ms-expand { display: none;}
 
-.ad_content {width:unset;}
-.ad_mem_list{min-width:720px;}
-</style>
 </head>
 <body>
 <form name="searchForm" action ="<c:url value='/cop/bbs/EgovBBSIdListSearch.do'/>" method="post">

 <input name="seCd" id="seCd" type="hidden" value="<c:out value='${searchVO.seCd}'/>"/>
 <input name="searchNm" id="searchNm" type="hidden" value="<c:out value='${searchVO.searchNm}'/>"/>
 
-	<div class="ad_content" style="margin-left: 1px;box-shadow: none; min-height: unset;">
-	<div class="ad_con_head">
-		<div class="ad_head_text" style="width:unset;">
-			<p class="today_txt">게시판ID</p>
-		</div>
-	</div>
-	<div class="ad_subcon" style="width:unset;">
-		<div class="ad_con_body">
-			<div class="ad_bo_h3" style="width:unset;">
-				<div class="board1_div1">
-					게시판명 : 
-					<input id="searchKeyword" name="searchKeyword" type="text" value="<c:out value='${searchVO.searchKeyword}'/>" size="25" title="검색"  />
-					<ul class="board1_div2_ul">
-						<li><button class="board1_list_btn" onclick="selectListSearch(); return false;">검 색</button></li>
-						<li><button class="board1_list_btn" onclick="javascript:window.close(); return false;">닫 기</button></li>
-					</ul>
+
+
+	<div class="ad_content">
+		<div class="ad_con_head">
+			<div class="ad_head_text popup_title_area">
+				<h1 class="today_txt popup_title">게시판ID</h1>
+				<div class="ad_head_ment">
+					<p class="today_last_txt"><span id="cnt_cate_list"></span></p>
 				</div>
 			</div>
 		</div>
-		<p class="mem_count">조회건수 : <c:out value="${paginationInfo.totalRecordCount}"/></p>
-		<div class="ad_mem_list" style="width:unset;">
+	<div class="ad_subcon popup_content">
+		<div class="ad_con_body">
+			<div class="ad_bo_h3">
+				<div class="board1_div1 search_area box">
+					<div class="search_item">
+						게시판명 : 
+						<input class="input ml5 mr5" id="searchKeyword" name="searchKeyword" type="text" value="<c:out value='${searchVO.searchKeyword}'/>" size="25" title="검색"  />
+						<ul class="board1_div2_ul btn_wrap">
+							<li><button class="btn fill primary medium" onclick="selectListSearch(); return false;">검 색</button></li>
+							<li><button class="btn fill gray medium" onclick="javascript:window.close(); return false;">닫 기</button></li>
+						</ul>
+					</div>
+				</div>
+			</div>
+		</div>
+		<p class="mem_count">조회건수 : <span class="total_count"><c:out value="${paginationInfo.totalRecordCount}"/></span></p>
+		<div class="ad_mem_list popup table table_type_cols">
 			<table>
-				<tr>
-					<th>번호</th>
-					<th>게시판명</th>
-					<th>연결된메뉴</th>
-					<th>게시판ID</th>
-				</tr>
+				<colgroup>
+					<col style="width:60px;"/>
+					<col style="width:auto;"/>
+					<col style="width:25%;"/>
+					<col style="width:35%;"/>
+				</colgroup>
+				
+				<thead>
+					<tr>
+						<th>번호</th>
+						<th>게시판명</th>
+						<th>연결된메뉴</th>
+						<th>게시판ID</th>
+					</tr>
+				</thead>
+				<tbody>
 				<c:forEach var="result" items="${resultList}" varStatus="status">
 				<tr>
 					<td><c:out value="${(searchVO.pageIndex - 1) * searchVO.pageSize + status.count}"/></td>

 			      	</td>	
 				</tr>
 				</c:forEach>
+				
 				<c:if test="${empty resultList}">
          			<tr><td colspan="3"><spring:message code="common.nodata.msg" /></td></tr>
-         		</c:if>     
+         		</c:if>
+         		</tbody>     
 			</table>
 			<!-- 페이지 네비게이션 시작 -->
 			<c:if test="${!empty resultList}">
-		 		<div class="page">
-		    		<ul class="inline">
+		 		<div>
+		    		<ul class="inline page">
 		    			<ui:pagination paginationInfo = "${paginationInfo}"  type="image" jsFunction="linkPage" />
 		    		</ul>	
 		    	</div>  

5c7d14c

6249fe4

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

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

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


           </div>
           <div class="search_right">
             <select name="" id="" title="검색조건" id="searchCnd" name="searchCnd" class="search_select">
-              <option value="0" <c:if test="${searchVO.searchCnd == '0'}">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>
             <div class="search_type input_type">

5c7d14c

6249fe4

src/main/webapp/WEB-INF/jsp/main/inc/EgovIncLeftmenu.jsp

--- src/main/webapp/WEB-INF/jsp/main/inc/EgovIncLeftmenu.jsp

+++ src/main/webapp/WEB-INF/jsp/main/inc/EgovIncLeftmenu.jsp


 	// 	$("#top_"+subMenuNo).parents("ul").parents("li").addClass("active");
 		$("#top_"+subMenuNo).addClass("on");
 		$("#top_"+subMenuNo).parent("ul").addClass("on");
+		$("#top_"+subMenuNo).parent("ul").removeAttr("style");
 		$("#top_"+subMenuNo).parents("ul").parents("li").addClass("on");
 	}
 	

5c7d14c

6249fe4

src/main/webapp/WEB-INF/jsp/sym/mnu/mpm/EgovMenuCreatSelectJtree.jsp

--- src/main/webapp/WEB-INF/jsp/sym/mnu/mpm/EgovMenuCreatSelectJtree.jsp

+++ src/main/webapp/WEB-INF/jsp/sym/mnu/mpm/EgovMenuCreatSelectJtree.jsp


 																			id="btnBBS" target="_blank" title="새창으로"
 																			onclick="searchBBSId(); return false;"
 																			style="selector-dummy:expression(this.hideFocus=false);"
-																			class="btn btn_text btn_36 blue_border">
+																			class="btn fill primary medium btn_text btn_36 blue_border">
 																			<%-- <img
 																				src="<c:url value='/img/post/serch_img.png' />"
 																				alt='게시판ID 검색' width="15" height="15" />

5c7d14c

6249fe4

src/main/webapp/WEB-INF/jsp/uss/ion/pwm/MainZoneModify.jsp

--- src/main/webapp/WEB-INF/jsp/uss/ion/pwm/MainZoneModify.jsp

+++ src/main/webapp/WEB-INF/jsp/uss/ion/pwm/MainZoneModify.jsp


 														<tr>
 															<th><span class="required">*</span>파일 첨부</th>
 															<td class="file_upload_wrap">
-																<input type="file" id="file_temp" name="file_temp"
-																	class="uploadFile" style="display:none" />
+																<input type="file" id="file_temp" name="file_temp" class="uploadFile" style="display:none" />
 																<div class="file_top">
-																	<button type="button" id="filebutton"
-																		class="btn medium line primary">파일 첨부하기</button>
-																	<span class="input_desc">*이미지 사이즈 : 1920 X
-																		677px</span>
+																	<button type="button" id="filebutton" class="btn medium line primary">파일 첨부하기</button>
+																	<span class="input_desc">*이미지 사이즈 : 1920 X 1139px</span>
 																</div>
 																<div class="file_table before_file_table">
 																	<table>

 																			<th>크기</th>
 																			<th>삭제</th>
 																		</thead>
-																		<tbody id="tbody_fiielist"
-																			class="tb_file_after">
-																			<c:forEach var="fileList"
-																				items="${fileList}" varStatus="status">
-																				<tr
-																					class="item_${fileList.atchFileId}_${fileList.fileSn} uploaded_obj">
-																					<input type="hidden" name="fileSize"
-																						class="item_file_size"
-																						value="${fileList.fileSize}">
+																		<tbody id="tbody_fiielist" class="tb_file_after">
+																			<c:forEach var="fileList" items="${fileList}" varStatus="status">
+																				<tr class="item_${fileList.atchFileId}_${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="" /> -->
-																						<a
-																							href="javascript:fn_egov_downFile('${fileList.atchFileId}','${fileList.fileSn}')">
-																							<span
-																								class="file_name_text">${fileList.orignlFileNm}</span>
+																						<a href="javascript:fn_egov_downFile('${fileList.atchFileId}','${fileList.fileSn}')">
+																							<span class="file_name_text">${fileList.orignlFileNm}</span>
 																						</a>
 																					</td>
 																					<td class="td_filesort">

5c7d14c

6249fe4

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

...	...	@@ -206,6 +206,55 @@
206	206	<button type="button" class="btn fill gray xlarge" onclick="javascript:fn_egov_select_noticeList(); return false;">목록</button>
207	207	</div>
208	208
	209	+ <!-- 이전글/다음글 -->
	210	+ <ul class="bo_v_nb view_more">
	211	+ <c:choose>
	212	+ <c:when test="${empty nextNttIdNSj}">
	213	+ <li class="btn_prv none">
	214	+ <span>이전글 <i class="icon prev"></i></span>
	215	+ <a href="#none">이전글이 존재하지 않습니다.</a>
	216	+ </li>
	217	+ </c:when>
	218	+ <c:otherwise>
	219	+ <c:set var="nextNttId" value="${fn:split(nextNttIdNSj, '\|')[0]}" />
	220	+ <c:set var="nextNttSj" value="${fn:split(nextNttIdNSj, '\|')[1]}" />
	221	+ <c:set var="nextNttDate" value="${fn:split(nextNttIdNSj, '\|')[2]}" />
	222	+ <li class="btn_prv">
	223	+ <span>이전글 <i class="icon prev"></i></span>
	224	+ <a href="#" onclick="fn_egov_select_detail('<c:out value='${result.bbsId}'/>' , '<c:out value='${nextNttId}'/>'); return false;">
	225	+ <c:out value="${nextNttSj}" />
	226	+ </a>
	227	+ <%-- <span class="nb_date"><c:out value="${nextNttDate}" /></span> --%>
	228	+ </li>
	229	+ </c:otherwise>
	230	+ </c:choose>
	231	+
	232	+
	233	+ <c:choose>
	234	+ <c:when test="${empty prevNttIdNSj}">
	235	+ <li class="btn_next none">
	236	+ <span>다음글 <i class="icon next"></i></span>
	237	+ <a href="#none">다음글이 존재하지 않습니다.</a>
	238	+ </li>
	239	+ </c:when>
	240	+ <c:otherwise>
	241	+ <c:set var="prevNttId" value="${fn:split(prevNttIdNSj, '\|')[0]}" />
	242	+ <c:set var="prevNttSj" value="${fn:split(prevNttIdNSj, '\|')[1]}" />
	243	+ <c:set var="prevNttDate" value="${fn:split(prevNttIdNSj, '\|')[2]}" />
	244	+ <li class="btn_next">
	245	+ <span>다음글 <i class="icon next"></i></span>
	246	+ <a href="#" onclick="fn_egov_select_detail('<c:out value='${result.bbsId}'/>' , '<c:out value='${prevNttId}'/>'); return false;">
	247	+ <c:out value="${prevNttSj}" />
	248	+ </a>
	249	+ </li>
	250	+
	251	+ <%-- <span class="nb_date"><c:out value="${prevNttDate}" /></span> --%>
	252	+ </c:otherwise>
	253	+ </c:choose>
	254	+
	255	+ </ul>
	256	+ <!-- //이전글/다음글 -->
	257	+
209	258
210	259	<!-- 댓글 -->
211	260	<%-- <c:if test="${brdMstrVO.addYn == 'Y'}">

5c7d14c

6249fe4

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

...	...	@@ -199,9 +199,9 @@
199	199	</td>
200	200	<c:if test="${brdMstrVO.fileAtchPosblAt == 'Y'}"> <!-- 첨부파일 -->
201	201	<td class="td_file">
202		- <%-- <c:if test="${result.atchFileCnt > 0}"> --%>
203		- <!-- <img src="/img/post/atch_file.png" alt="첨부파일 있음"> -->
204		- <%-- </c:if> --%>
	202	+ <c:if test="${result.atchFileCnt > 0}">
	203	+ <img src="/img/post/atch_file.png" alt="첨부파일 있음">
	204	+ </c:if>
205	205	</td>
206	206	</c:if>
207	207	<td>
...	...	@@ -226,10 +226,9 @@
226	226	</td>
227	227	<c:if test="${brdMstrVO.fileAtchPosblAt == 'Y'}"> <!-- 첨부파일 -->
228	228	<td class="td_file">
229		- <i class="icon file"></i>
230		- <%-- <c:if test="${result.atchFileCnt > 0}"> --%>
231		- <!-- <img src="/img/post/atch_file.png" alt="첨부파일 있음"> -->
232		- <%-- </c:if> --%>
	229	+ <c:if test="${result.atchFileCnt > 0}">
	230	+ <i class="icon file"></i>
	231	+ </c:if>
233	232	</td>
234	233	</c:if>
235	234	<td><c:out value="${result.frstRegisterPnttm}" /></td>

5c7d14c

6249fe4

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

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

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


-@charset "utf-8";
-@import url(../../../css/style.css); /* 간격 css */
-@import url(../css/icon.css);
-@import url(../css/button.css);
-@import url(../css/table.css);
-
-/* 폰트 */
-.fwLg{font-weight: 300 !important}
-.fwRg{font-weight: 400 !important}
-.fwMd{font-weight: 500 !important}
-.fwBold{font-weight: 700 !important}
-
-.sub_font{font-family:var(--secondary-title-font);}
-
-.show{display:block !important;}
-.hide{display:none !important;}
-
-.text_left{text-align:left;}
-.text_right{text-align:right;}
-.text_center{text-align:center;}
-
-.input{height:34px;background:#fff;border:1px solid var(--default-line-color);border-radius:5px;padding:0 12px;}
-input[type="checkbox"].checkbox{width:20px;height:20px;border:1px solid var(--default-line-color);}
-textarea, .textarea{background:#fff;border:1px solid var(--default-line-color);border-radius:5px;padding:0 12px;}
-select, .select{height:34px;border:1px solid var(--default-line-color);border-radius:5px;padding:0 32px 0 12px;background:#fff url(../images/component/icon_arrow_down.png) no-repeat calc(100% - 4px) center;}
-
-.form_group{display:flex;align-items:center;gap:8px;}
-.form_group.column{flex-direction:column;align-items:flex-start;gap:4px;}
-
-.form_wrap{display:flex;align-items:center;gap:8px;}
-.form_wrap.column{flex-direction:column;align-items:flex-start;gap:4px;}
-
-.email_wrap{display:flex;gap:8px;align-items:center;}
-.email_wrap .input{width:160px;}
-.email_wrap .select{width:160px;}
-
-.radio_wrap,.checkbox_wrap{display:flex;align-items:center;gap:16px;}
-.radio_item,.checkbox_item{display:flex;align-items:center;gap:4px;font-size:16px;}
-
-.input_mix_wrap{display:flex;gap:8px;align-items:center;}
-
-.address_wrap{display:flex;flex-direction:column;gap:8px;}
-.address_row{display:flex;gap:8px;}
-.input_post{width:calc(50% - 105px);}
-.adr_default{width:60%;}
-.adr_detail{width:40%;}
-
-.input_desc_wrap{display:flex;width:100%;gap:12px;}
-.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.red{color:var(--red-color);}
-.input_desc.blue{color:var(--primary-color);}
-
-.calendar_wrap{display:flex;align-items:center;gap:8px;}
-.calendar{width:140px;background:#fff/*  url(../images/component/icon_calendar.png) no-repeat calc(100% - 8px) center */;}
-i.calendar{width:34px;height:20px;background:url(../images/component/icon_calendar.png) no-repeat calc(100% - 8px) center;}
-.calendar_wrap .btn_calendar{margin:0 0 0 -43px;}
-.calendar_wrap .btn_calendar:hover{box-shadow:none;}
-
-.time_layer_wrap{position:relative;}
-.time_input{width:110px;background:#fff url(../images/component/icon_clock.png) no-repeat calc(100% - 8px) center;}
-.time_layer{position:absolute;width:230px;padding:20px;border-radius:16px;background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.1);top:calc(100% + 4px);left:0;transform:scale(0.96) translateZ(0) translateY(-20px);opacity:0;transition: transform 300ms ease, opacity 300ms ease, visibility 300ms ease;}
-.time_layer.active{transform:scale(1.0001) translateZ(0) translateY(0);opacity:1;}
-.time_layer .title{display:block;font-size:16px;font-weight:bold;color:var(--primary-title-color);text-align:left;padding:0 0 8px 0;}
-.time_wrap{display:flex;gap:8px;align-items:center;}
-.time_select{width:73px;background-color:#edf0f5;border:0;}
-.time_layer button{width:100%;margin:12px 0 0 0;}
-
-/* 검색영역 */
-.search_area{display:flex;align-items:flex-end;justify-content:space-between;}
-.search_area.box{padding:0 20px;margin:0 0 40px 0;border:1px solid #cdd5e6;border-radius:10px;background:#eff2f9;flex-direction:column;}
-
-.search_item{display:flex;width:100%;padding:8px 0;align-items:center;border-bottom:1px solid #cdd5e6;}
-.search_item:last-child{border-bottom:0;}
-.search_title{position:relative;min-width:120px;padding:0 0 0 12px;}
-.search_title::after{position:absolute;content:"";width:4px;height:4px;background:var(--primary-color);border-radius:100%;left:0;top:9px;}
-.search_title+.form_wrap{width:calc(100% - 120px);}
-
-.search_select{min-width:120px;}
-.search_input{min-width:300px;}
-
-.search_left .total_number{font-size:14px;color:var(--body-text-color);}
-.search_left .total_number b{font-size:16px;font-weight:bold;color:var(--primary-color);}
-.search_right,.search_right>form{display:flex;gap:10px;align-items:center;}
-.search_select{min-width:120px;}
-.search_input{min-width:150px;}
-.search_right button{height:34px;padding:0 12px;font-size:16px;font-weight:400;}
-.search_right .btn_search{background:var(--primary-color);color:#fff;}
-.search_right .btn_reset{background:var(--gray-color);color:#fff;}
-
-/* 상태 */
-.status{min-height:34px;font-size:16px;font-weight:500;border-radius:100px;padding:3px 12px;}
-
-.status.line.blue{border:1px solid #135add;color:#135add;background:#fff;}
-.status.line.gray{border:1px solid #d1d6df;color:#858B97;background:#eff0f2;}
-.status.line.orange{border:1px solid #df5f36;color:#df5f36;background:#fff;}
-
-.status.fill.blue{background:#E9EEF8;color:#2557B4;}
-.status.fill.gray{background:#E4E7EE;color:#616576;}
-.status.fill.orange{background:#FEF0EC;color:#F86A3C;}
-
-.status.text{position:relative;padding:0;}
-.status.text::after{position:absolute;content:"";width:100%;height:5px;opacity:0.2;left:0;bottom:2px;}
-.status.text.blue{color:#135add;}
-.status.text.blue::after{background:#135add;}
-.status.text.gray{color:#858B97;}
-.status.text.gray::after{background:#858B97;}
-
-.file_list{display:flex;flex-direction:column;gap:4px;}
-.file_list a{display:flex;gap:4px;align-items:center;}
-
-.file_list.box{padding:15px 35px;margin:40px 0 0 0;background:#f5f7f9;border-radius:15px;gap:10px;}
-.file_list.box a{gap:8px;font-size:18px;color:var(--body-text-color);text-decoration:none;}
-
-/* 메뉴관리 */
-.menu_container{display:flex;justify-content:space-between;gap:40px;}
-.menu_list_content{width:280px;}
-.menu_list_content .btn_wrap{margin:0 0 12px 0;}
-.menu_list{width:100%;border:1px solid var(--lightgray-color);border-radius:8px;overflow:auto;}
-
-.menu_detail{width:calc(100% - 280px);}
-
-/* 갤러리 리스트 */
-.gallery_list{display:flex;margin:12px 0 40px 0;gap:20px;flex-wrap:wrap;}
-.gallery_list>li{width:calc((100%/3) - 14px);}
-.gallery_list a{position:relative;width:100%;height:100%;border:1px solid #E2E7EF;}
-.gallery_list .status{position:absolute;display:flex;min-height:30px;font-size:16px;letter-spacing:0.3px;padding:2px 8px;right:12px;top:12px;border-radius:8px;justify-content:center;align-items:center;}
-.gallery_list .primary{background:var(--primary-color);color:#fff;}
-.gallery_list .gray{background:var(--gray-color);color:#fff;}
-.gallery_list .images_area{display:flex;width:100%;height:260px;background:#f2f4f7;overflow:hidden;justify-content:center;align-items:center;}
-.gallery_list .images_area img{max-width:100%;max-height:100%;margin:0 auto;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:18px;font-weight:600;color:var(--primary-title-color);}
-.gallery_list .list_info{display:flex;font-size:14px;font-weight:400;color:#636469;margin:20px 0 0 0;}
-.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:10px;background:#636469;right:0;top:6px;}
-.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;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);}
-.cmmt_bottom .cmmt_date{font-size:14px;color:#666;}
-
-.cmmt_input form:first-child{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_input textarea{width:calc(100% - 100px);height:120px;}
-.cmmt_input button.btn.xlarge{height:120px;}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+@charset "utf-8";
+@import url(../../../css/style.css); /* 간격 css */
+@import url(../css/icon.css);
+@import url(../css/button.css);
+@import url(../css/table.css);
+
+/* 폰트 */
+.fwLg{font-weight: 300 !important}
+.fwRg{font-weight: 400 !important}
+.fwMd{font-weight: 500 !important}
+.fwBold{font-weight: 700 !important}
+
+.sub_font{font-family:var(--secondary-title-font);}
+
+.show{display:block !important;}
+.hide{display:none !important;}
+
+.text_left{text-align:left;}
+.text_right{text-align:right;}
+.text_center{text-align:center;}
+
+.input{height:34px;background:#fff;border:1px solid var(--default-line-color);border-radius:5px;padding:0 12px;}
+input[type="checkbox"].checkbox{width:20px;height:20px;border:1px solid var(--default-line-color);}
+input[type="file"]{display:none;}
+textarea, .textarea{background:#fff;border:1px solid var(--default-line-color);border-radius:5px;padding:0 12px;}
+select, .select{height:34px;border:1px solid var(--default-line-color);border-radius:5px;padding:0 32px 0 12px;background:#fff url(../images/component/icon_arrow_down.png) no-repeat calc(100% - 4px) center;}
+
+.form_group{display:flex;align-items:center;gap:8px;}
+.form_group.column{flex-direction:column;align-items:flex-start;gap:4px;}
+
+.form_wrap{display:flex;align-items:center;gap:8px;}
+.form_wrap.column{flex-direction:column;align-items:flex-start;gap:4px;}
+
+.email_wrap{display:flex;gap:8px;align-items:center;}
+.email_wrap .input{width:160px;}
+.email_wrap .select{width:160px;}
+
+.radio_wrap,.checkbox_wrap{display:flex;align-items:center;gap:16px;}
+.radio_item,.checkbox_item{display:flex;align-items:center;gap:4px;font-size:16px;}
+
+.input_mix_wrap{display:flex;gap:8px;align-items:center;}
+
+.address_wrap{display:flex;flex-direction:column;gap:8px;}
+.address_row{display:flex;gap:8px;}
+.input_post{width:calc(50% - 105px);}
+.adr_default{width:60%;}
+.adr_detail{width:40%;}
+
+.input_desc_wrap{display:flex;width:100%;gap:12px;}
+.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.red{color:var(--red-color);}
+.input_desc.blue{color:var(--primary-color);}
+
+.calendar_wrap{display:flex;align-items:center;gap:8px;}
+.calendar{width:140px;background:#fff/*  url(../images/component/icon_calendar.png) no-repeat calc(100% - 8px) center */;}
+i.calendar{width:34px;height:20px;background:url(../images/component/icon_calendar.png) no-repeat calc(100% - 8px) center;}
+.calendar_wrap .btn_calendar{margin:0 0 0 -43px;}
+.calendar_wrap .btn_calendar:hover{box-shadow:none;}
+
+.time_layer_wrap{position:relative;}
+.time_input{width:110px;background:#fff url(../images/component/icon_clock.png) no-repeat calc(100% - 8px) center;}
+.time_layer{position:absolute;width:230px;padding:20px;border-radius:16px;background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.1);top:calc(100% + 4px);left:0;transform:scale(0.96) translateZ(0) translateY(-20px);opacity:0;transition: transform 300ms ease, opacity 300ms ease, visibility 300ms ease;}
+.time_layer.active{transform:scale(1.0001) translateZ(0) translateY(0);opacity:1;}
+.time_layer .title{display:block;font-size:16px;font-weight:bold;color:var(--primary-title-color);text-align:left;padding:0 0 8px 0;}
+.time_wrap{display:flex;gap:8px;align-items:center;}
+.time_select{width:73px;background-color:#edf0f5;border:0;}
+.time_layer button{width:100%;margin:12px 0 0 0;}
+
+/* 검색영역 */
+.search_area{display:flex;align-items:flex-end;justify-content:space-between;}
+.search_area.box{padding:0 20px;margin:0 0 40px 0;border:1px solid #cdd5e6;border-radius:10px;background:#eff2f9;flex-direction:column;}
+
+.search_item{display:flex;width:100%;padding:8px 0;align-items:center;border-bottom:1px solid #cdd5e6;}
+.search_item:last-child{border-bottom:0;}
+.search_title{position:relative;min-width:120px;padding:0 0 0 12px;}
+.search_title::after{position:absolute;content:"";width:4px;height:4px;background:var(--primary-color);border-radius:100%;left:0;top:9px;}
+.search_title+.form_wrap{width:calc(100% - 120px);}
+
+.search_select{min-width:120px;}
+.search_input{min-width:300px;}
+
+.search_left .total_number{font-size:14px;color:var(--body-text-color);}
+.search_left .total_number b{font-size:16px;font-weight:bold;color:var(--primary-color);}
+.search_right,.search_right>form{display:flex;gap:10px;align-items:center;}
+.search_select{min-width:120px;}
+.search_input{min-width:150px;}
+.search_right button{height:34px;padding:0 12px;font-size:16px;font-weight:400;}
+.search_right .btn_search{background:var(--primary-color);color:#fff;}
+.search_right .btn_reset{background:var(--gray-color);color:#fff;}
+
+/* 상태 */
+.status{min-height:34px;font-size:16px;font-weight:500;border-radius:100px;padding:3px 12px;}
+
+.status.line.blue{border:1px solid #135add;color:#135add;background:#fff;}
+.status.line.gray{border:1px solid #d1d6df;color:#858B97;background:#eff0f2;}
+.status.line.orange{border:1px solid #df5f36;color:#df5f36;background:#fff;}
+
+.status.fill.blue{background:#E9EEF8;color:#2557B4;}
+.status.fill.gray{background:#E4E7EE;color:#616576;}
+.status.fill.orange{background:#FEF0EC;color:#F86A3C;}
+
+.status.text{position:relative;padding:0;}
+.status.text::after{position:absolute;content:"";width:100%;height:5px;opacity:0.2;left:0;bottom:2px;}
+.status.text.blue{color:#135add;}
+.status.text.blue::after{background:#135add;}
+.status.text.gray{color:#858B97;}
+.status.text.gray::after{background:#858B97;}
+
+.file_list{display:flex;flex-direction:column;gap:4px;}
+.file_list a{display:flex;gap:4px;align-items:center;}
+
+.file_list.box{padding:15px 35px;margin:40px 0 0 0;background:#f5f7f9;border-radius:15px;gap:10px;}
+.file_list.box a{gap:8px;font-size:18px;color:var(--body-text-color);text-decoration:none;}
+
+/* 메뉴관리 */
+.menu_container{display:flex;justify-content:space-between;gap:40px;}
+.menu_list_content{width:280px;}
+.menu_list_content .btn_wrap{margin:0 0 12px 0;}
+.menu_list{width:100%;border:1px solid var(--lightgray-color);border-radius:8px;overflow:auto;}
+
+.menu_detail{width:calc(100% - 280px);}
+
+/* 갤러리 리스트 */
+.gallery_list{display:flex;margin:12px 0 40px 0;gap:20px;flex-wrap:wrap;}
+.gallery_list>li{width:calc((100%/3) - 14px);}
+.gallery_list a{position:relative;width:100%;height:100%;border:1px solid #E2E7EF;}
+.gallery_list .status{position:absolute;display:flex;min-height:30px;font-size:16px;letter-spacing:0.3px;padding:2px 8px;right:12px;top:12px;border-radius:8px;justify-content:center;align-items:center;}
+.gallery_list .primary{background:var(--primary-color);color:#fff;}
+.gallery_list .gray{background:var(--gray-color);color:#fff;}
+.gallery_list .images_area{display:flex;width:100%;height:260px;background:#f2f4f7;overflow:hidden;justify-content:center;align-items:center;}
+.gallery_list .images_area img{max-width:100%;max-height:100%;margin:0 auto;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:18px;font-weight:600;color:var(--primary-title-color);}
+.gallery_list .list_info{display:flex;font-size:14px;font-weight:400;color:#636469;margin:20px 0 0 0;}
+.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:10px;background:#636469;right:0;top:6px;}
+.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;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);}
+.cmmt_bottom .cmmt_date{font-size:14px;color:#666;}
+
+.cmmt_input form:first-child{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_input textarea{width:calc(100% - 100px);height:120px;}
+.cmmt_input button.btn.xlarge{height:120px;}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

5c7d14c

6249fe4

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

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

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


-/* 버튼 */
-/* -> 버튼은 readonly 없음 */
-/* -> disabled는 스타일만 만들고 사용X(웹접근성 인증 시 안됨. 클래스로 대체) */
-
-/* 버튼 레이아웃 */
-.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, .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{border-radius: 5px;box-sizing:border-box;}
-.btn:hover{box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.08);transition: all 0.3s ease;}
-
-.btn.only_text{padding:0 !important;}
-.btn.only_icon{padding:0 !important;}
-
-.btn.xssmall{height:28px;font-size:14px;padding:0 4px;}
-.btn.ssmall{height:30px;font-size:14px;padding:0 6px;}
-.btn.small{height:32px;font-size:16px;padding:0 6px;}
-.btn.medium{height:34px;font-size:16px;padding:0 16px;}
-.btn.large{height:38px;font-size:18px;padding:0 12px;}
-.btn.xlarge{height:50px;font-size:18px;padding:0 24px;}
-
-.btn.fill.primary{background-color: var(--primary-color);color: #fff;}
-.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: #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.accent_light{background-color: var(--accent-light-color);color: var(--accent-dark-color);}
-.btn.fill.accent_light:hover{background-color: var(--accent-light-color-hover);}
-.btn.fill.red{background-color: var(--red-color);color: #fff;}
-.btn.fill.red:hover{background-color: var(--red-color-hover);}
-.btn.fill.green{background-color: var(--green-color);color: #fff;}
-.btn.fill.green:hover{background-color: var(--green-color-hover);}
-.btn.fill.gray{background-color: var(--gray-color);color: #fff;}
-.btn.fill.gray:hover{background-color: var(--gray-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: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);}
-.btn.line.red{border: 1px solid var(--red-color);color: var(--red-color);}
-.btn.line.red:hover{background:var(--red-light-color);color: var(--red-color-hover);}
-.btn.line.green{border: 1px solid var(--green-color);color: var(--green-color);}
-.btn.line.green:hover{background-color: var(--green-color-hover);}
-.btn.line.gray{border: 1px solid var(--gray-color);color: var(--gray-color);}
-.btn.line.gray:hover{background-color: var(--disable-line-bg-color);}
-.btn.line.lightgray{border: 1px solid var(--lightgray-color);color: #5B606C;}
-.btn.line.lightgray:hover{background-color: var(--disable-line-bg-color);}
-
-
-.btn.fill.disabled,.btn.fill.readonly,.btn.fill:disabled{background:var(--disable-fill-bg-color) !important; color:var(--disable-fill-text-color) !important; pointer-events:none;}
-.btn.line.disabled,.btn.line.readonly,.btn.line:disabled{background:var(--disable-line-bg-color) !important;border:1px solid var(--disable-line-border-color);color:var(--disable-line-text-color) !important;pointer-events:none;}
-
-.btn_delete i.icon.delete{background-size:80%;margin:-1px 0 0 0;}
-
-
-/* 페이지 */
-.page{display:flex;gap:6px;margin:30px auto 0 auto;justify-content:center;align-items:center;}
-.page a{display:flex;width:36px;height:36px;border:1px solid transparent;border-radius:5px;font-size:16px;color:#878B96;justify-content:center;align-items:center;transition:all .3s;}
-.page a:hover{background:#F5F6F7;color:#3a3c41;}
-.page .active{border:1px solid #E2E7EF;background:#e2e7ef;font-weight:600;color:#3a3c41;}
-.page .btn_page{border:1px solid #d2d7df;border-radius:5px;overflow:hidden;}
-.page .btn_page:hover{background-color:#F5F6F7;}
-.page .btn_page i{display:inline-block;width:100%;height:100%;transition:all .3s;}
-.btn_first i{background:url(../images/component/icon_double_arrow_left_page.png) no-repeat center;}
-.btn_prev i{background:url(../images/component/icon_arrow_left_page.png) no-repeat center;}
-.btn_next i{background:url(../images/component/icon_arrow_right_page.png) no-repeat center;}
+/* 버튼 */
+/* -> 버튼은 readonly 없음 */
+/* -> disabled는 스타일만 만들고 사용X(웹접근성 인증 시 안됨. 클래스로 대체) */
+
+/* 버튼 레이아웃 */
+.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, .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{border-radius: 5px;box-sizing:border-box;}
+.btn:hover{box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.08);transition: all 0.3s ease;}
+
+.btn.only_text{padding:0 !important;}
+.btn.only_icon{padding:0 !important;}
+
+.btn.xssmall{height:28px;font-size:14px;padding:0 4px;}
+.btn.ssmall{height:30px;font-size:14px;padding:0 6px;}
+.btn.small{height:32px;font-size:16px;padding:0 6px;}
+.btn.medium{height:34px;font-size:16px;padding:0 16px;}
+.btn.large{height:38px;font-size:18px;padding:0 12px;}
+.btn.xlarge{height:50px;font-size:18px;padding:0 24px;}
+
+.btn.fill.primary{background-color: var(--primary-color);color: #fff;}
+.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: #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.accent_light{background-color: var(--accent-light-color);color: var(--accent-dark-color);}
+.btn.fill.accent_light:hover{background-color: var(--accent-light-color-hover);}
+.btn.fill.red{background-color: var(--red-color);color: #fff;}
+.btn.fill.red:hover{background-color: var(--red-color-hover);}
+.btn.fill.green{background-color: var(--green-color);color: #fff;}
+.btn.fill.green:hover{background-color: var(--green-color-hover);}
+.btn.fill.gray{background-color: var(--gray-color);color: #fff;}
+.btn.fill.gray:hover{background-color: var(--gray-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: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);}
+.btn.line.red{border: 1px solid var(--red-color);color: var(--red-color);}
+.btn.line.red:hover{background:var(--red-light-color);color: var(--red-color-hover);}
+.btn.line.green{border: 1px solid var(--green-color);color: var(--green-color);}
+.btn.line.green:hover{background-color: var(--green-color-hover);}
+.btn.line.gray{border: 1px solid var(--gray-color);color: var(--gray-color);}
+.btn.line.gray:hover{background-color: var(--disable-line-bg-color);}
+.btn.line.lightgray{border: 1px solid var(--lightgray-color);color: #5B606C;}
+.btn.line.lightgray:hover{background-color: var(--disable-line-bg-color);}
+
+
+.btn.fill.disabled,.btn.fill.readonly,.btn.fill:disabled{background:var(--disable-fill-bg-color) !important; color:var(--disable-fill-text-color) !important; pointer-events:none;}
+.btn.line.disabled,.btn.line.readonly,.btn.line:disabled{background:var(--disable-line-bg-color) !important;border:1px solid var(--disable-line-border-color);color:var(--disable-line-text-color) !important;pointer-events:none;}
+
+.btn_delete i.icon.delete{background-size:80%;margin:-1px 0 0 0;}
+
+
+/* 페이지 */
+.page{display:flex;gap:6px;margin:30px auto 0 auto;justify-content:center;align-items:center;}
+.page li{list-style:none;}
+.page a{display:flex;width:36px;height:36px;border:1px solid transparent;border-radius:5px;font-size:16px;color:#878B96;justify-content:center;align-items:center;transition:all .3s;}
+.page a:hover{background:#F5F6F7;color:#3a3c41;}
+.page .active{border:1px solid #E2E7EF;background:#e2e7ef;font-weight:600;color:#3a3c41;}
+.page .btn_page{border:1px solid #d2d7df;border-radius:5px;overflow:hidden;}
+.page .btn_page:hover{background-color:#F5F6F7;}
+.page .btn_page i{display:inline-block;width:100%;height:100%;transition:all .3s;}
+.btn_first i{background:url(../images/component/icon_double_arrow_left_page.png) no-repeat center;}
+.btn_prev i{background:url(../images/component/icon_arrow_left_page.png) no-repeat center;}
+.btn_next i{background:url(../images/component/icon_arrow_right_page.png) no-repeat center;}
 .btn_last i{background:url(../images/component/icon_double_arrow_right_page.png) no-repeat center;}

Add a comment

Open 0
Closed 0

List

...	...	@@ -172,7 +172,7 @@
172	172	</div>
173	173	<div class="search_right">
174	174	<select name="" id="" title="검색조건" id="searchCnd" name="searchCnd" class="search_select">
175		- <option value="0" <c:if test="${searchVO.searchCnd == '0'}">selected="selected"</c:if>>게시판명/연결매뉴</option>
	175	+ <option value="0" <c:if test="${searchVO.searchCnd == '0'}">selected="selected"</c:if>>게시판명/연결메뉴</option>
176	176	<option value="1" <c:if test="${searchVO.searchCnd == '1'}">selected="selected"</c:if>>게시판유형</option>
177	177	</select>
178	178	<div class="search_type input_type">

...	...	@@ -969,7 +969,7 @@
969	969	id="btnBBS" target="_blank" title="새창으로"
970	970	onclick="searchBBSId(); return false;"
971	971	style="selector-dummy:expression(this.hideFocus=false);"
972		- class="btn btn_text btn_36 blue_border">
	972	+ class="btn fill primary medium btn_text btn_36 blue_border">
973	973	<%-- <img
974	974	src="<c:url value='/img/post/serch_img.png' />"
975	975	alt='게시판ID 검색' width="15" height="15" />

...	...	@@ -349,13 +349,10 @@
349	349	<tr>
350	350	<th><span class="required">*</span>파일 첨부</th>
351	351	<td class="file_upload_wrap">
352		- <input type="file" id="file_temp" name="file_temp"
353		- class="uploadFile" style="display:none" />
	352	+ <input type="file" id="file_temp" name="file_temp" class="uploadFile" style="display:none" />
354	353	<div class="file_top">
355		- <button type="button" id="filebutton"
356		- class="btn medium line primary">파일 첨부하기</button>
357		- <span class="input_desc">*이미지 사이즈 : 1920 X
358		- 677px</span>
	354	+ <button type="button" id="filebutton" class="btn medium line primary">파일 첨부하기</button>
	355	+ <span class="input_desc">*이미지 사이즈 : 1920 X 1139px</span>
359	356	</div>
360	357	<div class="file_table before_file_table">
361	358	<table>
...	...	@@ -396,21 +393,14 @@
396	393	<th>크기</th>
397	394	<th>삭제</th>
398	395	</thead>
399		- <tbody id="tbody_fiielist"
400		- class="tb_file_after">
401		- <c:forEach var="fileList"
402		- items="${fileList}" varStatus="status">
403		- <tr
404		- class="item_${fileList.atchFileId}_${fileList.fileSn} uploaded_obj">
405		- <input type="hidden" name="fileSize"
406		- class="item_file_size"
407		- value="${fileList.fileSize}">
	396	+ <tbody id="tbody_fiielist" class="tb_file_after">
	397	+ <c:forEach var="fileList" items="${fileList}" varStatus="status">
	398	+ <tr class="item_${fileList.atchFileId}_${fileList.fileSn} uploaded_obj">
	399	+ <input type="hidden" name="fileSize" class="item_file_size" value="${fileList.fileSize}">
408	400	<td class="td_filename">
409	401	<!-- <img src="/direct/img/upload_hwp_img.png" alt="" /> -->
410		- <a
411		- href="javascript:fn_egov_downFile('${fileList.atchFileId}','${fileList.fileSn}')">
412		- <span
413		- class="file_name_text">${fileList.orignlFileNm}</span>
	402	+ <a href="javascript:fn_egov_downFile('${fileList.atchFileId}','${fileList.fileSn}')">
	403	+ <span class="file_name_text">${fileList.orignlFileNm}</span>
414	404	</a>
415	405	</td>
416	406	<td class="td_filesort">

...	...	@@ -44,12 +44,12 @@
44	44	nextPageLabel = "<li><input type='button' class='pageNext' onclick=\"{0}({1});return false;\"></li>";
45	45	lastPageLabel = "<li><input type='button' class='pageLast' onclick=\"{0}({1});return false;\"></li>";*/
46	46
47		- firstPageLabel = "<button class='btn_page_first' title='첫 페이지 이동' onclick=\"{0}({1});return false;\"><i></i></button>";
48		- previousPageLabel = "<button class='btn_page_prev' title='이전 페이지 이동' onclick=\"{0}({1});return false;\"><i></i></button>";
49		- currentPageLabel = "<button class='on' title=\"현재 {0}페이지\" onclick='return false;' readonly='readonly'>{0}</button>";
50		- otherPageLabel = "<button title=\"{1} 페이지 이동\" onclick=\"{0}({1});return false;\">{2}</button>";
51		- nextPageLabel = "<button class='btn_page_next' title='다음 페이지 이동' onclick=\"{0}({1});return false;\"><i></i></button>";
52		- lastPageLabel = "<button class='btn_page_last' title='마지막 페이지 이동' onclick=\"{0}({1});return false;\"><i></i></button>";
	47	+ firstPageLabel = "<button type=\"button\" class=\"btn_page btn_first\" title=\"첫 페이지 이동\" onclick=\"{0}({1});return false;\"><i aria-hidden=\"true\"></i></button>";
	48	+ previousPageLabel = "<button type=\"button\" class=\"btn_page btn_prev\" title=\"이전 페이지 이동\" onclick=\"{0}({1});return false;\"><i aria-hidden=\"true\"></i></button>";
	49	+ currentPageLabel = "<button class=\"on\" aria-current=\"page\" title=\"현재 {0}페이지\">{0}</button>";
	50	+ otherPageLabel = "<button type=\"button\" title=\"{1} 페이지 이동\" onclick=\"{0}({1});return false;\">{2}</button>";
	51	+ nextPageLabel = "<button type=\"button\" class=\"btn_page btn_next\" title=\"다음 페이지 이동\" onclick=\"{0}({1});return false;\"><i aria-hidden=\"true\"></i></button>";
	52	+ lastPageLabel = "<button type=\"button\" class=\"btn_page btn_last\" title=\"마지막 페이지 이동\" onclick=\"{0}({1});return false;\"><i aria-hidden=\"true\"></i></button>";
53	53	}
54	54
55	55

...	...	@@ -57,78 +57,63 @@
57	57	<input type="hidden" name="searchKeyword" value="<c:out value='${userSearchVO.searchKeyword}'/>"/>
58	58	<input type="hidden" name="sbscrbSttus" value="<c:out value='${userSearchVO.sbscrbSttus}'/>"/>
59	59	<input type="hidden" name="pageIndex" value="<c:out value='${userSearchVO.pageIndex}'/>"/>
60		-
61		-<!-- cont -->
62		-<div class="cont_wrap">
63		- <div class="box">
64	60
65		- <!-- cont_tit -->
66		- <div class="cont_tit">
67		- <h2>비밀번호 변경</h2>
68		- <!-- <ul class="cont_nav">
69		- <li class="home"><a href="/"><i></i></a></li>
70		- <li>
71		- <p>관리자 관리</p>
72		- </li>
73		- <li>
74		- <p>관리자 수정</p>
75		- </li>
76		- <li><span class="cur_nav">비밀번호 변경</span></li>
77		- </ul> -->
78		- </div>
79		- <!-- //cont_tit -->
	61	+<div class="content_title">
	62	+ <h3>비밀번호 변경</h3>
	63	+ <ol class="breadcrumb">
	64	+ <li><a href="#" class="home" title="메인으로 이동"><i></i></a></li>
	65	+ <li><a href="#">사이트관리</a></li>
	66	+ <li><a href="#">관리자관리</a></li>
	67	+ <li><strong class="current_location">비밀번호 변경</strong></li>
	68	+ </ol>
	69	+</div>
80	70
81		- <div class="cont">
82		- <!-- list_상세 -->
83		- <div class="tbType02 col-table data-table">
84		- <table>
85		- <colgroup>
86		- <col style="width: 20%">
87		- <col style="width: 80%">
88		- </colgroup>
	71	+<div class="table table_type_rows">
	72	+ <table>
	73	+ <colgroup>
	74	+ <col style="width: 20%">
	75	+ <col style="width: 80%">
	76	+ </colgroup>
89	77
90		- <tbody>
91		- <tr>
92		- <th><span class="reqArea">사용자아이디</span></th>
93		- <td>
94		- <input name="emplyrId" id="emplyrId" title="사용자아이디" type="text" class="w35per" size="20" value="<c:out value='${userManageVO.emplyrId}'/>" maxlength="20" readonly="readonly"/>
95		- <input name="uniqId" id="uniqId" title="uniqId" type="hidden" size="20" value="<c:out value='${userManageVO.uniqId}'/>"/>
96		- <input name="userTy" id="userTy" title="userTy" type="hidden" size="20" value="<c:out value='${userManageVO.userTy}'/>"/>
97		- </td>
98		- </tr>
99		- <!-- <tr>
100		- <th><span class="reqArea">이전 비밀번호</span></th>
101		- <td>
102		- <input name="oldPassword" id="oldPassword" title="기존 비밀번호" type="password" size="20" value="" maxlength="100" />
103		- </td>
104		- </tr> -->
105		- <tr>
106		- <th><span class="reqArea">새로운 비밀번호</span></th>
107		- <td>
108		- <input name="newPassword" id="newPassword" title="새로운 비밀번호" class="w35per" type="password" autocomplete="off" size="20" value="" maxlength="100" />
109		- </td>
110		- </tr>
111		- <tr>
112		- <th><span class="reqArea">비밀번호 확인</span></th>
113		- <td>
114		- <input name="newPassword2" id="newPassword2" title="비밀번호확인" class="w35per" type="password" autocomplete="off" size="20" value="" maxlength="100" />
115		- </td>
116		- </tr>
117		- </tbody>
118		- </table>
119		- </div>
120		- <!-- //list_상세 -->
	78	+ <tbody>
	79	+ <tr>
	80	+ <th><span class="reqArea">사용자아이디</span></th>
	81	+ <td>
	82	+ <input name="emplyrId" id="emplyrId" title="사용자아이디" type="text" class="input w35per" size="20" value="<c:out value='${userManageVO.emplyrId}'/>" maxlength="20" readonly="readonly"/>
	83	+ <input name="uniqId" id="uniqId" title="uniqId" type="hidden" size="20" value="<c:out value='${userManageVO.uniqId}'/>"/>
	84	+ <input name="userTy" id="userTy" title="userTy" type="hidden" size="20" value="<c:out value='${userManageVO.userTy}'/>"/>
	85	+ </td>
	86	+ </tr>
	87	+ <!-- <tr>
	88	+ <th><span class="reqArea">이전 비밀번호</span></th>
	89	+ <td>
	90	+ <input name="oldPassword" id="oldPassword" title="기존 비밀번호" type="password" size="20" value="" maxlength="100" />
	91	+ </td>
	92	+ </tr> -->
	93	+ <tr>
	94	+ <th><span class="reqArea">새로운 비밀번호</span></th>
	95	+ <td>
	96	+ <input name="newPassword" id="newPassword" title="새로운 비밀번호" class="input w35per" type="password" autocomplete="off" size="20" value="" maxlength="100" />
	97	+ </td>
	98	+ </tr>
	99	+ <tr>
	100	+ <th><span class="reqArea">비밀번호 확인</span></th>
	101	+ <td>
	102	+ <input name="newPassword2" id="newPassword2" title="비밀번호확인" class="input w35per" type="password" autocomplete="off" size="20" value="" maxlength="100" />
	103	+ </td>
	104	+ </tr>
	105	+ </tbody>
	106	+ </table>
	107	+</div>
121	108
122		- <!-- btn_wrap -->
123		- <div class="btn_wrap right">
124		- <button class="btn btn_text btn_46 blue_fill btnType02" onclick="fnUpdate(); return false;">수 정</button>
125		- <button class="btn btn_text btn_46 gray_fill btnType03" onclick="fnListPage(); return false;">목 록</button>
126		- </div>
127		- <!-- //btn_wrap -->
128		- </div>
	109	+<div class="btn_wrap right">
	110	+ <div class="left"></div>
	111	+ <div class="right">
	112	+ <button class="btn primary xlarge fill" onclick="fnUpdate(); return false;">수 정</button>
	113	+ <button class="btn gray xlarge fill" onclick="fnListPage(); return false;">목 록</button>
129	114	</div>
130	115	</div>
131		-<!-- //cont -->
	116	+
132	117	<input type="hidden" name="gnrlUser" value="${searchVO.gnrlUser}"/>
133	118	</form>
134	119	<form name="searchForm" method="get" action="<c:url value='/uss/umt/user/EgovUserManage.do'/>" ></form>

...	...	@@ -21,16 +21,16 @@
21	21	<head>
22	22	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" >
23	23	<meta http-equiv="content-language" content="ko">
24		-<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/post.css?ver=1">
25		-<link rel="stylesheet" href="/pb/css/reset.css">
26		-<link rel="stylesheet" href="/pb/css/common.css">
27		-<link rel="stylesheet" href="/pb/css/content.css">
28		-<link rel="stylesheet" href="/pb/css/popup.css">
29	24	<title>게시판ID 검색</title>
30		-<style type="text/css">
31		- h1 {font-size:12px;}
32		- caption {visibility:hidden; font-size:0; height:0; margin:0; padding:0; line-height:0;}
33		-</style>
	25	+
	26	+<link rel="stylesheet" href="/css/reset.css">
	27	+<link rel="stylesheet" href="/css/font.css">
	28	+<link rel="stylesheet" href="/publish/adm/layout/layout.css">
	29	+<link rel="stylesheet" href="/publish/adm/css/common.css">
	30	+<link rel="stylesheet" href="/publish/adm/css/style.css">
	31	+<link rel="stylesheet" href="/publish/adm/css/content.css">
	32	+<link rel="stylesheet" href="/publish/adm/css/popup.css">
	33	+
34	34	<script src="<c:url value='/js/jquery.js' />"></script>
35	35	<script language="javascript1.2" type="text/javaScript">
36	36	/* ********************************************************
...	...	@@ -88,18 +88,7 @@
88	88
89	89	}
90	90	</script>
91		-<style>
92		-.post_main2_div {position: unset;height:unset; width:unset; }
93		-.main2_div2 {width: 760px;}
94		-.main2_div3 {width: 760px;}
95		-.main2_div3 table {width: 760px;}
96		-.main2_div2 button {right: -227px;}
97		-select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url('/') no-repeat 95% 50%; /* 화살표 모양의 이미지 */ }
98		-select::-ms-expand { display: none;}
99	91
100		-.ad_content {width:unset;}
101		-.ad_mem_list{min-width:720px;}
102		-</style>
103	92	</head>
104	93	<body>
105	94	<form name="searchForm" action ="<c:url value='/cop/bbs/EgovBBSIdListSearch.do'/>" method="post">
...	...	@@ -108,34 +97,51 @@
108	97	<input name="seCd" id="seCd" type="hidden" value="<c:out value='${searchVO.seCd}'/>"/>
109	98	<input name="searchNm" id="searchNm" type="hidden" value="<c:out value='${searchVO.searchNm}'/>"/>
110	99
111		- <div class="ad_content" style="margin-left: 1px;box-shadow: none; min-height: unset;">
112		- <div class="ad_con_head">
113		- <div class="ad_head_text" style="width:unset;">
114		- <p class="today_txt">게시판ID</p>
115		- </div>
116		- </div>
117		- <div class="ad_subcon" style="width:unset;">
118		- <div class="ad_con_body">
119		- <div class="ad_bo_h3" style="width:unset;">
120		- <div class="board1_div1">
121		- 게시판명 :
122		- <input id="searchKeyword" name="searchKeyword" type="text" value="<c:out value='${searchVO.searchKeyword}'/>" size="25" title="검색" />
123		- <ul class="board1_div2_ul">
124		- <li><button class="board1_list_btn" onclick="selectListSearch(); return false;">검 색</button></li>
125		- <li><button class="board1_list_btn" onclick="javascript:window.close(); return false;">닫 기</button></li>
126		- </ul>
	100	+
	101	+
	102	+ <div class="ad_content">
	103	+ <div class="ad_con_head">
	104	+ <div class="ad_head_text popup_title_area">
	105	+ <h1 class="today_txt popup_title">게시판ID</h1>
	106	+ <div class="ad_head_ment">
	107	+ <p class="today_last_txt"><span id="cnt_cate_list"></span></p>
127	108	</div>
128	109	</div>
129	110	</div>
130		- <p class="mem_count">조회건수 : <c:out value="${paginationInfo.totalRecordCount}"/></p>
131		- <div class="ad_mem_list" style="width:unset;">
	111	+ <div class="ad_subcon popup_content">
	112	+ <div class="ad_con_body">
	113	+ <div class="ad_bo_h3">
	114	+ <div class="board1_div1 search_area box">
	115	+ <div class="search_item">
	116	+ 게시판명 :
	117	+ <input class="input ml5 mr5" id="searchKeyword" name="searchKeyword" type="text" value="<c:out value='${searchVO.searchKeyword}'/>" size="25" title="검색" />
	118	+ <ul class="board1_div2_ul btn_wrap">
	119	+ <li><button class="btn fill primary medium" onclick="selectListSearch(); return false;">검 색</button></li>
	120	+ <li><button class="btn fill gray medium" onclick="javascript:window.close(); return false;">닫 기</button></li>
	121	+ </ul>
	122	+ </div>
	123	+ </div>
	124	+ </div>
	125	+ </div>
	126	+ <p class="mem_count">조회건수 : <span class="total_count"><c:out value="${paginationInfo.totalRecordCount}"/></span></p>
	127	+ <div class="ad_mem_list popup table table_type_cols">
132	128	<table>
133		- <tr>
134		- <th>번호</th>
135		- <th>게시판명</th>
136		- <th>연결된메뉴</th>
137		- <th>게시판ID</th>
138		- </tr>
	129	+ <colgroup>
	130	+ <col style="width:60px;"/>
	131	+ <col style="width:auto;"/>
	132	+ <col style="width:25%;"/>
	133	+ <col style="width:35%;"/>
	134	+ </colgroup>
	135	+
	136	+ <thead>
	137	+ <tr>
	138	+ <th>번호</th>
	139	+ <th>게시판명</th>
	140	+ <th>연결된메뉴</th>
	141	+ <th>게시판ID</th>
	142	+ </tr>
	143	+ </thead>
	144	+ <tbody>
139	145	<c:forEach var="result" items="${resultList}" varStatus="status">
140	146	<tr>
141	147	<td><c:out value="${(searchVO.pageIndex - 1) * searchVO.pageSize + status.count}"/></td>
...	...	@@ -153,14 +159,16 @@
153	159	</td>
154	160	</tr>
155	161	</c:forEach>
	162	+
156	163	<c:if test="${empty resultList}">
157	164	<tr><td colspan="3"><spring:message code="common.nodata.msg" /></td></tr>
158		- </c:if>
	165	+ </c:if>
	166	+ </tbody>
159	167	</table>
160	168	<!-- 페이지 네비게이션 시작 -->
161	169	<c:if test="${!empty resultList}">
162		- <div class="page">
163		- <ul class="inline">
	170	+ <div>
	171	+ <ul class="inline page">
164	172	<ui:pagination paginationInfo = "${paginationInfo}" type="image" jsFunction="linkPage" />
165	173	</ul>
166	174	</div>

...	...	@@ -26,6 +26,7 @@
26	26	// $("#top_"+subMenuNo).parents("ul").parents("li").addClass("active");
27	27	$("#top_"+subMenuNo).addClass("on");
28	28	$("#top_"+subMenuNo).parent("ul").addClass("on");
	29	+ $("#top_"+subMenuNo).parent("ul").removeAttr("style");
29	30	$("#top_"+subMenuNo).parents("ul").parents("li").addClass("on");
30	31	}
31	32

...	...	@@ -1,174 +1,175 @@
1		-@charset "utf-8";
2		-@import url(../../../css/style.css); /* 간격 css */
3		-@import url(../css/icon.css);
4		-@import url(../css/button.css);
5		-@import url(../css/table.css);
6		-
7		-/* 폰트 */
8		-.fwLg{font-weight: 300 !important}
9		-.fwRg{font-weight: 400 !important}
10		-.fwMd{font-weight: 500 !important}
11		-.fwBold{font-weight: 700 !important}
12		-
13		-.sub_font{font-family:var(--secondary-title-font);}
14		-
15		-.show{display:block !important;}
16		-.hide{display:none !important;}
17		-
18		-.text_left{text-align:left;}
19		-.text_right{text-align:right;}
20		-.text_center{text-align:center;}
21		-
22		-.input{height:34px;background:#fff;border:1px solid var(--default-line-color);border-radius:5px;padding:0 12px;}
23		-input[type="checkbox"].checkbox{width:20px;height:20px;border:1px solid var(--default-line-color);}
24		-textarea, .textarea{background:#fff;border:1px solid var(--default-line-color);border-radius:5px;padding:0 12px;}
25		-select, .select{height:34px;border:1px solid var(--default-line-color);border-radius:5px;padding:0 32px 0 12px;background:#fff url(../images/component/icon_arrow_down.png) no-repeat calc(100% - 4px) center;}
26		-
27		-.form_group{display:flex;align-items:center;gap:8px;}
28		-.form_group.column{flex-direction:column;align-items:flex-start;gap:4px;}
29		-
30		-.form_wrap{display:flex;align-items:center;gap:8px;}
31		-.form_wrap.column{flex-direction:column;align-items:flex-start;gap:4px;}
32		-
33		-.email_wrap{display:flex;gap:8px;align-items:center;}
34		-.email_wrap .input{width:160px;}
35		-.email_wrap .select{width:160px;}
36		-
37		-.radio_wrap,.checkbox_wrap{display:flex;align-items:center;gap:16px;}
38		-.radio_item,.checkbox_item{display:flex;align-items:center;gap:4px;font-size:16px;}
39		-
40		-.input_mix_wrap{display:flex;gap:8px;align-items:center;}
41		-
42		-.address_wrap{display:flex;flex-direction:column;gap:8px;}
43		-.address_row{display:flex;gap:8px;}
44		-.input_post{width:calc(50% - 105px);}
45		-.adr_default{width:60%;}
46		-.adr_detail{width:40%;}
47		-
48		-.input_desc_wrap{display:flex;width:100%;gap:12px;}
49		-.input_desc_wrap.column{flex-direction:column;gap:0;margin:8px 0 0 0;}
50		-.input_desc_wrap .input_desc{margin:0;}
51		-
52		-.input_desc{font-size:14px;font-weight:400;color:#666;margin:0 0 0 8px;}
53		-.input_desc.red{color:var(--red-color);}
54		-.input_desc.blue{color:var(--primary-color);}
55		-
56		-.calendar_wrap{display:flex;align-items:center;gap:8px;}
57		-.calendar{width:140px;background:#fff/* url(../images/component/icon_calendar.png) no-repeat calc(100% - 8px) center */;}
58		-i.calendar{width:34px;height:20px;background:url(../images/component/icon_calendar.png) no-repeat calc(100% - 8px) center;}
59		-.calendar_wrap .btn_calendar{margin:0 0 0 -43px;}
60		-.calendar_wrap .btn_calendar:hover{box-shadow:none;}
61		-
62		-.time_layer_wrap{position:relative;}
63		-.time_input{width:110px;background:#fff url(../images/component/icon_clock.png) no-repeat calc(100% - 8px) center;}
64		-.time_layer{position:absolute;width:230px;padding:20px;border-radius:16px;background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.1);top:calc(100% + 4px);left:0;transform:scale(0.96) translateZ(0) translateY(-20px);opacity:0;transition: transform 300ms ease, opacity 300ms ease, visibility 300ms ease;}
65		-.time_layer.active{transform:scale(1.0001) translateZ(0) translateY(0);opacity:1;}
66		-.time_layer .title{display:block;font-size:16px;font-weight:bold;color:var(--primary-title-color);text-align:left;padding:0 0 8px 0;}
67		-.time_wrap{display:flex;gap:8px;align-items:center;}
68		-.time_select{width:73px;background-color:#edf0f5;border:0;}
69		-.time_layer button{width:100%;margin:12px 0 0 0;}
70		-
71		-/* 검색영역 */
72		-.search_area{display:flex;align-items:flex-end;justify-content:space-between;}
73		-.search_area.box{padding:0 20px;margin:0 0 40px 0;border:1px solid #cdd5e6;border-radius:10px;background:#eff2f9;flex-direction:column;}
74		-
75		-.search_item{display:flex;width:100%;padding:8px 0;align-items:center;border-bottom:1px solid #cdd5e6;}
76		-.search_item:last-child{border-bottom:0;}
77		-.search_title{position:relative;min-width:120px;padding:0 0 0 12px;}
78		-.search_title::after{position:absolute;content:"";width:4px;height:4px;background:var(--primary-color);border-radius:100%;left:0;top:9px;}
79		-.search_title+.form_wrap{width:calc(100% - 120px);}
80		-
81		-.search_select{min-width:120px;}
82		-.search_input{min-width:300px;}
83		-
84		-.search_left .total_number{font-size:14px;color:var(--body-text-color);}
85		-.search_left .total_number b{font-size:16px;font-weight:bold;color:var(--primary-color);}
86		-.search_right,.search_right>form{display:flex;gap:10px;align-items:center;}
87		-.search_select{min-width:120px;}
88		-.search_input{min-width:150px;}
89		-.search_right button{height:34px;padding:0 12px;font-size:16px;font-weight:400;}
90		-.search_right .btn_search{background:var(--primary-color);color:#fff;}
91		-.search_right .btn_reset{background:var(--gray-color);color:#fff;}
92		-
93		-/* 상태 */
94		-.status{min-height:34px;font-size:16px;font-weight:500;border-radius:100px;padding:3px 12px;}
95		-
96		-.status.line.blue{border:1px solid #135add;color:#135add;background:#fff;}
97		-.status.line.gray{border:1px solid #d1d6df;color:#858B97;background:#eff0f2;}
98		-.status.line.orange{border:1px solid #df5f36;color:#df5f36;background:#fff;}
99		-
100		-.status.fill.blue{background:#E9EEF8;color:#2557B4;}
101		-.status.fill.gray{background:#E4E7EE;color:#616576;}
102		-.status.fill.orange{background:#FEF0EC;color:#F86A3C;}
103		-
104		-.status.text{position:relative;padding:0;}
105		-.status.text::after{position:absolute;content:"";width:100%;height:5px;opacity:0.2;left:0;bottom:2px;}
106		-.status.text.blue{color:#135add;}
107		-.status.text.blue::after{background:#135add;}
108		-.status.text.gray{color:#858B97;}
109		-.status.text.gray::after{background:#858B97;}
110		-
111		-.file_list{display:flex;flex-direction:column;gap:4px;}
112		-.file_list a{display:flex;gap:4px;align-items:center;}
113		-
114		-.file_list.box{padding:15px 35px;margin:40px 0 0 0;background:#f5f7f9;border-radius:15px;gap:10px;}
115		-.file_list.box a{gap:8px;font-size:18px;color:var(--body-text-color);text-decoration:none;}
116		-
117		-/* 메뉴관리 */
118		-.menu_container{display:flex;justify-content:space-between;gap:40px;}
119		-.menu_list_content{width:280px;}
120		-.menu_list_content .btn_wrap{margin:0 0 12px 0;}
121		-.menu_list{width:100%;border:1px solid var(--lightgray-color);border-radius:8px;overflow:auto;}
122		-
123		-.menu_detail{width:calc(100% - 280px);}
124		-
125		-/* 갤러리 리스트 */
126		-.gallery_list{display:flex;margin:12px 0 40px 0;gap:20px;flex-wrap:wrap;}
127		-.gallery_list>li{width:calc((100%/3) - 14px);}
128		-.gallery_list a{position:relative;width:100%;height:100%;border:1px solid #E2E7EF;}
129		-.gallery_list .status{position:absolute;display:flex;min-height:30px;font-size:16px;letter-spacing:0.3px;padding:2px 8px;right:12px;top:12px;border-radius:8px;justify-content:center;align-items:center;}
130		-.gallery_list .primary{background:var(--primary-color);color:#fff;}
131		-.gallery_list .gray{background:var(--gray-color);color:#fff;}
132		-.gallery_list .images_area{display:flex;width:100%;height:260px;background:#f2f4f7;overflow:hidden;justify-content:center;align-items:center;}
133		-.gallery_list .images_area img{max-width:100%;max-height:100%;margin:0 auto;object-fit:contain;}
134		-.gallery_list .list_content{padding:20px;}
135		-.gallery_list .list_title{ text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;font-size:18px;font-weight:600;color:var(--primary-title-color);}
136		-.gallery_list .list_info{display:flex;font-size:14px;font-weight:400;color:#636469;margin:20px 0 0 0;}
137		-.gallery_list .list_info li{position:relative;padding:0 10px;}
138		-.gallery_list .list_info li:first-child{padding:0 10px 0 0;}
139		-.gallery_list .list_info li::after{position:absolute;content:"";width:1px;height:10px;background:#636469;right:0;top:6px;}
140		-.gallery_list .list_info li:last-child::after{display:none;}
141		-
142		-/* 댓글 */
143		-.cmmt_wrap{margin:60px 0 0 0;}
144		-.cmmt_title{display:flex;margin:0 0 12px 0;align-items:center;gap:6px;}
145		-.cmmt_title p{font-size:16px;font-weight:400;}
146		-.cmmt_title p b{font-weight:600;color:var(--primary-color);}
147		-
148		-.cmmt_list{display:flex;border-top:2px solid var(--primary-color);flex-direction:column;}
149		-.cmmt_list li{padding:20px;border-bottom:1px solid var(--default-line-color);}
150		-.cmmt_top{display:flex;gap:8px;align-items:center;}
151		-.cmmt_top .writer{font-size:16px;color:var(--primary-title-color);}
152		-.cmmt_top .cmmt_date{font-size:14px;font-weight:400;color:#666;}
153		-.cmmt_detail{padding:8px 0 12px 0;font-size:16px;color:var(--body-text-color);}
154		-.cmmt_bottom .cmmt_date{font-size:14px;color:#666;}
155		-
156		-.cmmt_input form:first-child{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;}
157		-.cmmt_input textarea{width:calc(100% - 100px);height:120px;}
158		-.cmmt_input button.btn.xlarge{height:120px;}
159		-
160		-
161		-
162		-
163		-
164		-
165		-
166		-
167		-
168		-
169		-
170		-
171		-
172		-
173		-
174		-
	1	+@charset "utf-8";
	2	+@import url(../../../css/style.css); /* 간격 css */
	3	+@import url(../css/icon.css);
	4	+@import url(../css/button.css);
	5	+@import url(../css/table.css);
	6	+
	7	+/* 폰트 */
	8	+.fwLg{font-weight: 300 !important}
	9	+.fwRg{font-weight: 400 !important}
	10	+.fwMd{font-weight: 500 !important}
	11	+.fwBold{font-weight: 700 !important}
	12	+
	13	+.sub_font{font-family:var(--secondary-title-font);}
	14	+
	15	+.show{display:block !important;}
	16	+.hide{display:none !important;}
	17	+
	18	+.text_left{text-align:left;}
	19	+.text_right{text-align:right;}
	20	+.text_center{text-align:center;}
	21	+
	22	+.input{height:34px;background:#fff;border:1px solid var(--default-line-color);border-radius:5px;padding:0 12px;}
	23	+input[type="checkbox"].checkbox{width:20px;height:20px;border:1px solid var(--default-line-color);}
	24	+input[type="file"]{display:none;}
	25	+textarea, .textarea{background:#fff;border:1px solid var(--default-line-color);border-radius:5px;padding:0 12px;}
	26	+select, .select{height:34px;border:1px solid var(--default-line-color);border-radius:5px;padding:0 32px 0 12px;background:#fff url(../images/component/icon_arrow_down.png) no-repeat calc(100% - 4px) center;}
	27	+
	28	+.form_group{display:flex;align-items:center;gap:8px;}
	29	+.form_group.column{flex-direction:column;align-items:flex-start;gap:4px;}
	30	+
	31	+.form_wrap{display:flex;align-items:center;gap:8px;}
	32	+.form_wrap.column{flex-direction:column;align-items:flex-start;gap:4px;}
	33	+
	34	+.email_wrap{display:flex;gap:8px;align-items:center;}
	35	+.email_wrap .input{width:160px;}
	36	+.email_wrap .select{width:160px;}
	37	+
	38	+.radio_wrap,.checkbox_wrap{display:flex;align-items:center;gap:16px;}
	39	+.radio_item,.checkbox_item{display:flex;align-items:center;gap:4px;font-size:16px;}
	40	+
	41	+.input_mix_wrap{display:flex;gap:8px;align-items:center;}
	42	+
	43	+.address_wrap{display:flex;flex-direction:column;gap:8px;}
	44	+.address_row{display:flex;gap:8px;}
	45	+.input_post{width:calc(50% - 105px);}
	46	+.adr_default{width:60%;}
	47	+.adr_detail{width:40%;}
	48	+
	49	+.input_desc_wrap{display:flex;width:100%;gap:12px;}
	50	+.input_desc_wrap.column{flex-direction:column;gap:0;margin:8px 0 0 0;}
	51	+.input_desc_wrap .input_desc{margin:0;}
	52	+
	53	+.input_desc{font-size:14px;font-weight:400;color:#666;margin:0 0 0 8px;}
	54	+.input_desc.red{color:var(--red-color);}
	55	+.input_desc.blue{color:var(--primary-color);}
	56	+
	57	+.calendar_wrap{display:flex;align-items:center;gap:8px;}
	58	+.calendar{width:140px;background:#fff/* url(../images/component/icon_calendar.png) no-repeat calc(100% - 8px) center */;}
	59	+i.calendar{width:34px;height:20px;background:url(../images/component/icon_calendar.png) no-repeat calc(100% - 8px) center;}
	60	+.calendar_wrap .btn_calendar{margin:0 0 0 -43px;}
	61	+.calendar_wrap .btn_calendar:hover{box-shadow:none;}
	62	+
	63	+.time_layer_wrap{position:relative;}
	64	+.time_input{width:110px;background:#fff url(../images/component/icon_clock.png) no-repeat calc(100% - 8px) center;}
	65	+.time_layer{position:absolute;width:230px;padding:20px;border-radius:16px;background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.1);top:calc(100% + 4px);left:0;transform:scale(0.96) translateZ(0) translateY(-20px);opacity:0;transition: transform 300ms ease, opacity 300ms ease, visibility 300ms ease;}
	66	+.time_layer.active{transform:scale(1.0001) translateZ(0) translateY(0);opacity:1;}
	67	+.time_layer .title{display:block;font-size:16px;font-weight:bold;color:var(--primary-title-color);text-align:left;padding:0 0 8px 0;}
	68	+.time_wrap{display:flex;gap:8px;align-items:center;}
	69	+.time_select{width:73px;background-color:#edf0f5;border:0;}
	70	+.time_layer button{width:100%;margin:12px 0 0 0;}
	71	+
	72	+/* 검색영역 */
	73	+.search_area{display:flex;align-items:flex-end;justify-content:space-between;}
	74	+.search_area.box{padding:0 20px;margin:0 0 40px 0;border:1px solid #cdd5e6;border-radius:10px;background:#eff2f9;flex-direction:column;}
	75	+
	76	+.search_item{display:flex;width:100%;padding:8px 0;align-items:center;border-bottom:1px solid #cdd5e6;}
	77	+.search_item:last-child{border-bottom:0;}
	78	+.search_title{position:relative;min-width:120px;padding:0 0 0 12px;}
	79	+.search_title::after{position:absolute;content:"";width:4px;height:4px;background:var(--primary-color);border-radius:100%;left:0;top:9px;}
	80	+.search_title+.form_wrap{width:calc(100% - 120px);}
	81	+
	82	+.search_select{min-width:120px;}
	83	+.search_input{min-width:300px;}
	84	+
	85	+.search_left .total_number{font-size:14px;color:var(--body-text-color);}
	86	+.search_left .total_number b{font-size:16px;font-weight:bold;color:var(--primary-color);}
	87	+.search_right,.search_right>form{display:flex;gap:10px;align-items:center;}
	88	+.search_select{min-width:120px;}
	89	+.search_input{min-width:150px;}
	90	+.search_right button{height:34px;padding:0 12px;font-size:16px;font-weight:400;}
	91	+.search_right .btn_search{background:var(--primary-color);color:#fff;}
	92	+.search_right .btn_reset{background:var(--gray-color);color:#fff;}
	93	+
	94	+/* 상태 */
	95	+.status{min-height:34px;font-size:16px;font-weight:500;border-radius:100px;padding:3px 12px;}
	96	+
	97	+.status.line.blue{border:1px solid #135add;color:#135add;background:#fff;}
	98	+.status.line.gray{border:1px solid #d1d6df;color:#858B97;background:#eff0f2;}
	99	+.status.line.orange{border:1px solid #df5f36;color:#df5f36;background:#fff;}
	100	+
	101	+.status.fill.blue{background:#E9EEF8;color:#2557B4;}
	102	+.status.fill.gray{background:#E4E7EE;color:#616576;}
	103	+.status.fill.orange{background:#FEF0EC;color:#F86A3C;}
	104	+
	105	+.status.text{position:relative;padding:0;}
	106	+.status.text::after{position:absolute;content:"";width:100%;height:5px;opacity:0.2;left:0;bottom:2px;}
	107	+.status.text.blue{color:#135add;}
	108	+.status.text.blue::after{background:#135add;}
	109	+.status.text.gray{color:#858B97;}
	110	+.status.text.gray::after{background:#858B97;}
	111	+
	112	+.file_list{display:flex;flex-direction:column;gap:4px;}
	113	+.file_list a{display:flex;gap:4px;align-items:center;}
	114	+
	115	+.file_list.box{padding:15px 35px;margin:40px 0 0 0;background:#f5f7f9;border-radius:15px;gap:10px;}
	116	+.file_list.box a{gap:8px;font-size:18px;color:var(--body-text-color);text-decoration:none;}
	117	+
	118	+/* 메뉴관리 */
	119	+.menu_container{display:flex;justify-content:space-between;gap:40px;}
	120	+.menu_list_content{width:280px;}
	121	+.menu_list_content .btn_wrap{margin:0 0 12px 0;}
	122	+.menu_list{width:100%;border:1px solid var(--lightgray-color);border-radius:8px;overflow:auto;}
	123	+
	124	+.menu_detail{width:calc(100% - 280px);}
	125	+
	126	+/* 갤러리 리스트 */
	127	+.gallery_list{display:flex;margin:12px 0 40px 0;gap:20px;flex-wrap:wrap;}
	128	+.gallery_list>li{width:calc((100%/3) - 14px);}
	129	+.gallery_list a{position:relative;width:100%;height:100%;border:1px solid #E2E7EF;}
	130	+.gallery_list .status{position:absolute;display:flex;min-height:30px;font-size:16px;letter-spacing:0.3px;padding:2px 8px;right:12px;top:12px;border-radius:8px;justify-content:center;align-items:center;}
	131	+.gallery_list .primary{background:var(--primary-color);color:#fff;}
	132	+.gallery_list .gray{background:var(--gray-color);color:#fff;}
	133	+.gallery_list .images_area{display:flex;width:100%;height:260px;background:#f2f4f7;overflow:hidden;justify-content:center;align-items:center;}
	134	+.gallery_list .images_area img{max-width:100%;max-height:100%;margin:0 auto;object-fit:contain;}
	135	+.gallery_list .list_content{padding:20px;}
	136	+.gallery_list .list_title{ text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;font-size:18px;font-weight:600;color:var(--primary-title-color);}
	137	+.gallery_list .list_info{display:flex;font-size:14px;font-weight:400;color:#636469;margin:20px 0 0 0;}
	138	+.gallery_list .list_info li{position:relative;padding:0 10px;}
	139	+.gallery_list .list_info li:first-child{padding:0 10px 0 0;}
	140	+.gallery_list .list_info li::after{position:absolute;content:"";width:1px;height:10px;background:#636469;right:0;top:6px;}
	141	+.gallery_list .list_info li:last-child::after{display:none;}
	142	+
	143	+/* 댓글 */
	144	+.cmmt_wrap{margin:60px 0 0 0;}
	145	+.cmmt_title{display:flex;margin:0 0 12px 0;align-items:center;gap:6px;}
	146	+.cmmt_title p{font-size:16px;font-weight:400;}
	147	+.cmmt_title p b{font-weight:600;color:var(--primary-color);}
	148	+
	149	+.cmmt_list{display:flex;border-top:2px solid var(--primary-color);flex-direction:column;}
	150	+.cmmt_list li{padding:20px;border-bottom:1px solid var(--default-line-color);}
	151	+.cmmt_top{display:flex;gap:8px;align-items:center;}
	152	+.cmmt_top .writer{font-size:16px;color:var(--primary-title-color);}
	153	+.cmmt_top .cmmt_date{font-size:14px;font-weight:400;color:#666;}
	154	+.cmmt_detail{padding:8px 0 12px 0;font-size:16px;color:var(--body-text-color);}
	155	+.cmmt_bottom .cmmt_date{font-size:14px;color:#666;}
	156	+
	157	+.cmmt_input form:first-child{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;}
	158	+.cmmt_input textarea{width:calc(100% - 100px);height:120px;}
	159	+.cmmt_input button.btn.xlarge{height:120px;}
	160	+
	161	+
	162	+
	163	+
	164	+
	165	+
	166	+
	167	+
	168	+
	169	+
	170	+
	171	+
	172	+
	173	+
	174	+
	175	+

...	...	@@ -1,81 +1,82 @@
1		-/* 버튼 */
2		-/* -> 버튼은 readonly 없음 */
3		-/* -> disabled는 스타일만 만들고 사용X(웹접근성 인증 시 안됨. 클래스로 대체) */
4		-
5		-/* 버튼 레이아웃 */
6		-.btn_wrap{display:flex;justify-content:space-between;gap:8px;}
7		-.btn_wrap.column{flex-direction:column;gap:4px;}
8		-.btn_wrap>div{display:flex;width:calc(100%/3);gap:8px}
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		-
13		-
14		-/* 버튼 스타일 */
15		-.btn{border-radius: 5px;box-sizing:border-box;}
16		-.btn:hover{box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.08);transition: all 0.3s ease;}
17		-
18		-.btn.only_text{padding:0 !important;}
19		-.btn.only_icon{padding:0 !important;}
20		-
21		-.btn.xssmall{height:28px;font-size:14px;padding:0 4px;}
22		-.btn.ssmall{height:30px;font-size:14px;padding:0 6px;}
23		-.btn.small{height:32px;font-size:16px;padding:0 6px;}
24		-.btn.medium{height:34px;font-size:16px;padding:0 16px;}
25		-.btn.large{height:38px;font-size:18px;padding:0 12px;}
26		-.btn.xlarge{height:50px;font-size:18px;padding:0 24px;}
27		-
28		-.btn.fill.primary{background-color: var(--primary-color);color: #fff;}
29		-.btn.fill.primary:hover{background-color: var(--primary-color-hover);color: #fff;}
30		-.btn.fill.primary_light{background-color: var(--primary-light-color);border: 1px solid var(--primary-light-border);color:#222;}
31		-.btn.fill.primary_light:hover{background-color: var(--primary-light-color-hover);}
32		-.btn.fill.secondary{background-color: var(--secondary-color);color: #fff;}
33		-.btn.fill.secondary:hover{background-color: var(--secondary-color-hover);}
34		-.btn.fill.accent{background-color: var(--accent-color);color: #fff;}
35		-.btn.fill.accent:hover{background-color: var(--accent-color-hover);}
36		-.btn.fill.accent_light{background-color: var(--accent-light-color);color: var(--accent-dark-color);}
37		-.btn.fill.accent_light:hover{background-color: var(--accent-light-color-hover);}
38		-.btn.fill.red{background-color: var(--red-color);color: #fff;}
39		-.btn.fill.red:hover{background-color: var(--red-color-hover);}
40		-.btn.fill.green{background-color: var(--green-color);color: #fff;}
41		-.btn.fill.green:hover{background-color: var(--green-color-hover);}
42		-.btn.fill.gray{background-color: var(--gray-color);color: #fff;}
43		-.btn.fill.gray:hover{background-color: var(--gray-color-hover);}
44		-.btn.fill.lightgray{background-color: var(--lightgray-color);color: #5b606c;}
45		-.btn.fill.lightgray:hover{background-color: var(--lightgray-color-hover);}
46		-
47		-.btn.line{background:#fff;}
48		-.btn.line.primary{border: 1px solid var(--primary-color);color: var(--primary-color);}
49		-.btn.line.primary:hover{border: 1px solid var(--primary-color-hover);color: var(--primary-color-hover);}
50		-.btn.line.secondary{border: 1px solid var(--secondary-color);color:var(--secondary-color);}
51		-.btn.line.secondary:hover{border: 1px solid var(--secondary-color-hover);}
52		-.btn.line.accent{border: 1px solid var(--accent-color);color: var(--accent-color);}
53		-.btn.line.accent:hover{border: 1px solid var(--accent-color-hover);}
54		-.btn.line.red{border: 1px solid var(--red-color);color: var(--red-color);}
55		-.btn.line.red:hover{background:var(--red-light-color);color: var(--red-color-hover);}
56		-.btn.line.green{border: 1px solid var(--green-color);color: var(--green-color);}
57		-.btn.line.green:hover{background-color: var(--green-color-hover);}
58		-.btn.line.gray{border: 1px solid var(--gray-color);color: var(--gray-color);}
59		-.btn.line.gray:hover{background-color: var(--disable-line-bg-color);}
60		-.btn.line.lightgray{border: 1px solid var(--lightgray-color);color: #5B606C;}
61		-.btn.line.lightgray:hover{background-color: var(--disable-line-bg-color);}
62		-
63		-
64		-.btn.fill.disabled,.btn.fill.readonly,.btn.fill:disabled{background:var(--disable-fill-bg-color) !important; color:var(--disable-fill-text-color) !important; pointer-events:none;}
65		-.btn.line.disabled,.btn.line.readonly,.btn.line:disabled{background:var(--disable-line-bg-color) !important;border:1px solid var(--disable-line-border-color);color:var(--disable-line-text-color) !important;pointer-events:none;}
66		-
67		-.btn_delete i.icon.delete{background-size:80%;margin:-1px 0 0 0;}
68		-
69		-
70		-/* 페이지 */
71		-.page{display:flex;gap:6px;margin:30px auto 0 auto;justify-content:center;align-items:center;}
72		-.page a{display:flex;width:36px;height:36px;border:1px solid transparent;border-radius:5px;font-size:16px;color:#878B96;justify-content:center;align-items:center;transition:all .3s;}
73		-.page a:hover{background:#F5F6F7;color:#3a3c41;}
74		-.page .active{border:1px solid #E2E7EF;background:#e2e7ef;font-weight:600;color:#3a3c41;}
75		-.page .btn_page{border:1px solid #d2d7df;border-radius:5px;overflow:hidden;}
76		-.page .btn_page:hover{background-color:#F5F6F7;}
77		-.page .btn_page i{display:inline-block;width:100%;height:100%;transition:all .3s;}
78		-.btn_first i{background:url(../images/component/icon_double_arrow_left_page.png) no-repeat center;}
79		-.btn_prev i{background:url(../images/component/icon_arrow_left_page.png) no-repeat center;}
80		-.btn_next i{background:url(../images/component/icon_arrow_right_page.png) no-repeat center;}
	1	+/* 버튼 */
	2	+/* -> 버튼은 readonly 없음 */
	3	+/* -> disabled는 스타일만 만들고 사용X(웹접근성 인증 시 안됨. 클래스로 대체) */
	4	+
	5	+/* 버튼 레이아웃 */
	6	+.btn_wrap{display:flex;justify-content:space-between;gap:8px;}
	7	+.btn_wrap.column{flex-direction:column;gap:4px;}
	8	+.btn_wrap>div{display:flex;width:calc(100%/3);gap:8px}
	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	+
	13	+
	14	+/* 버튼 스타일 */
	15	+.btn{border-radius: 5px;box-sizing:border-box;}
	16	+.btn:hover{box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.08);transition: all 0.3s ease;}
	17	+
	18	+.btn.only_text{padding:0 !important;}
	19	+.btn.only_icon{padding:0 !important;}
	20	+
	21	+.btn.xssmall{height:28px;font-size:14px;padding:0 4px;}
	22	+.btn.ssmall{height:30px;font-size:14px;padding:0 6px;}
	23	+.btn.small{height:32px;font-size:16px;padding:0 6px;}
	24	+.btn.medium{height:34px;font-size:16px;padding:0 16px;}
	25	+.btn.large{height:38px;font-size:18px;padding:0 12px;}
	26	+.btn.xlarge{height:50px;font-size:18px;padding:0 24px;}
	27	+
	28	+.btn.fill.primary{background-color: var(--primary-color);color: #fff;}
	29	+.btn.fill.primary:hover{background-color: var(--primary-color-hover);color: #fff;}
	30	+.btn.fill.primary_light{background-color: var(--primary-light-color);border: 1px solid var(--primary-light-border);color:#222;}
	31	+.btn.fill.primary_light:hover{background-color: var(--primary-light-color-hover);}
	32	+.btn.fill.secondary{background-color: var(--secondary-color);color: #fff;}
	33	+.btn.fill.secondary:hover{background-color: var(--secondary-color-hover);}
	34	+.btn.fill.accent{background-color: var(--accent-color);color: #fff;}
	35	+.btn.fill.accent:hover{background-color: var(--accent-color-hover);}
	36	+.btn.fill.accent_light{background-color: var(--accent-light-color);color: var(--accent-dark-color);}
	37	+.btn.fill.accent_light:hover{background-color: var(--accent-light-color-hover);}
	38	+.btn.fill.red{background-color: var(--red-color);color: #fff;}
	39	+.btn.fill.red:hover{background-color: var(--red-color-hover);}
	40	+.btn.fill.green{background-color: var(--green-color);color: #fff;}
	41	+.btn.fill.green:hover{background-color: var(--green-color-hover);}
	42	+.btn.fill.gray{background-color: var(--gray-color);color: #fff;}
	43	+.btn.fill.gray:hover{background-color: var(--gray-color-hover);}
	44	+.btn.fill.lightgray{background-color: var(--lightgray-color);color: #5b606c;}
	45	+.btn.fill.lightgray:hover{background-color: var(--lightgray-color-hover);}
	46	+
	47	+.btn.line{background:#fff;}
	48	+.btn.line.primary{border: 1px solid var(--primary-color);color: var(--primary-color);}
	49	+.btn.line.primary:hover{border: 1px solid var(--primary-color-hover);color: var(--primary-color-hover);}
	50	+.btn.line.secondary{border: 1px solid var(--secondary-color);color:var(--secondary-color);}
	51	+.btn.line.secondary:hover{border: 1px solid var(--secondary-color-hover);}
	52	+.btn.line.accent{border: 1px solid var(--accent-color);color: var(--accent-color);}
	53	+.btn.line.accent:hover{border: 1px solid var(--accent-color-hover);}
	54	+.btn.line.red{border: 1px solid var(--red-color);color: var(--red-color);}
	55	+.btn.line.red:hover{background:var(--red-light-color);color: var(--red-color-hover);}
	56	+.btn.line.green{border: 1px solid var(--green-color);color: var(--green-color);}
	57	+.btn.line.green:hover{background-color: var(--green-color-hover);}
	58	+.btn.line.gray{border: 1px solid var(--gray-color);color: var(--gray-color);}
	59	+.btn.line.gray:hover{background-color: var(--disable-line-bg-color);}
	60	+.btn.line.lightgray{border: 1px solid var(--lightgray-color);color: #5B606C;}
	61	+.btn.line.lightgray:hover{background-color: var(--disable-line-bg-color);}
	62	+
	63	+
	64	+.btn.fill.disabled,.btn.fill.readonly,.btn.fill:disabled{background:var(--disable-fill-bg-color) !important; color:var(--disable-fill-text-color) !important; pointer-events:none;}
	65	+.btn.line.disabled,.btn.line.readonly,.btn.line:disabled{background:var(--disable-line-bg-color) !important;border:1px solid var(--disable-line-border-color);color:var(--disable-line-text-color) !important;pointer-events:none;}
	66	+
	67	+.btn_delete i.icon.delete{background-size:80%;margin:-1px 0 0 0;}
	68	+
	69	+
	70	+/* 페이지 */
	71	+.page{display:flex;gap:6px;margin:30px auto 0 auto;justify-content:center;align-items:center;}
	72	+.page li{list-style:none;}
	73	+.page a{display:flex;width:36px;height:36px;border:1px solid transparent;border-radius:5px;font-size:16px;color:#878B96;justify-content:center;align-items:center;transition:all .3s;}
	74	+.page a:hover{background:#F5F6F7;color:#3a3c41;}
	75	+.page .active{border:1px solid #E2E7EF;background:#e2e7ef;font-weight:600;color:#3a3c41;}
	76	+.page .btn_page{border:1px solid #d2d7df;border-radius:5px;overflow:hidden;}
	77	+.page .btn_page:hover{background-color:#F5F6F7;}
	78	+.page .btn_page i{display:inline-block;width:100%;height:100%;transition:all .3s;}
	79	+.btn_first i{background:url(../images/component/icon_double_arrow_left_page.png) no-repeat center;}
	80	+.btn_prev i{background:url(../images/component/icon_arrow_left_page.png) no-repeat center;}
	81	+.btn_next i{background:url(../images/component/icon_arrow_right_page.png) no-repeat center;}
81	82	.btn_last i{background:url(../images/component/icon_double_arrow_right_page.png) no-repeat center;} (No newline at end of file)

Delete comment