2024/10/17 전자조정관리자페이지 table 수정

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

@@ -437,8 +437,8 @@ function wrapWindowByMask(){
 
 			<div class="cont">
 				<!-- list_상세 -->
-				<div class="tbType02">
+				<div class="col-table data-table">
-					<table>
+					<table class="w100per">
 						<colgroup>
 							<col style="width: 20%">
 							<col style="width: 80%">
@@ -462,17 +462,17 @@ function wrapWindowByMask(){
 							
 							<tr>
 								<th><span class="reqArea">관리자아이디</span></th>
-								<td colspan="3">
+								<td>
 									<form:input class="showMask" path="emplyrId" id="emplyrId" title="사용자아이디" size="50" maxlength="20" readonly="true" />
 									<a href="#" class="showMask">
-										<button type="button" class="btnType02 bg_888888">중복아이디 검색</button>
+										<button type="button" class="btn btn_text btn_36 blue_border">중복아이디 검색</button>
 									</a>
 									<form:errors path="emplyrId" cssClass="error"/>
 								</td>
 							</tr>
 							<tr>
 								<th><span class="reqArea">비밀번호</span></th>
-								<td colspan="3">
+								<td>
 									<form:password path="password" id="password" title="비밀번호" size="50" maxlength="20" />
 									<form:errors path="password" cssClass="error" />
 									<br/>
@@ -483,13 +483,13 @@ function wrapWindowByMask(){
 							</tr>
 							<tr>
 								<th><span class="reqArea">비밀번호확인</span></th>
-								<td colspan="3">
+								<td>
 									<input name="password2" id="password2" title="비밀번호확인" type="password" autocomplete="off" size="50" maxlength="20" />	
 								</td>
 							</tr>
 							<tr>
 								<th><span class="reqArea">이름</span></th>
-								<td colspan="3">
+								<td>
 									<input name="emplyrNm" id="emplyrNm" title="이름" type="text" size="50" value="" maxlength="60" />
 									<form:errors path="emplyrNm" cssClass="error" />	
 								</td>
@@ -497,7 +497,7 @@ function wrapWindowByMask(){
 
 							<tr>
 								<th>권한</th>
-								<td colspan="3">
+								<td>
 									<select name="authorCode" title="권한" onchange="authorChange(this)">
 							            <c:forEach var="authorResult" items="${authorList}" varStatus="status">
 						                	<option value="<c:out value="${authorResult.authorCode}"/>" <c:if test="${authorResult.authorCode eq 'ROLE_ADR_ADMIN' }">selected</c:if>>
@@ -511,7 +511,7 @@ function wrapWindowByMask(){
 							</tr>
 							<tr>
 								<th>전화번호</th>
-								<td colspan="3">
+								<td>
 									<form:input path="offmTelno" id="offmTelno" cssClass="txaIpt" size="50" maxlength="15" placeholder="예시 : 02-123-4567" />
 				          			<form:errors path="offmTelno" cssClass="error" />
 								</td>
@@ -519,7 +519,7 @@ function wrapWindowByMask(){
 							
 							<tr>
 								<th>팩스번호</th>
-								<td colspan="3">
+								<td>
 									<form:input path="fxnum" id="fxnum" cssClass="txaIpt" size="50" maxlength="15" placeholder="예시 : 02-123-4567" />
 				          			<form:errors path="fxnum" cssClass="error" />
 								</td>
@@ -527,7 +527,7 @@ function wrapWindowByMask(){
 							
 							<tr>
 								<th>담당업무</th>
-								<td colspan="3">
+								<td>
 									<form:input path="userWork" id="userWork" cssClass="txaIpt" size="50" maxlength="15" placeholder="" />
 				          			<form:errors path="userWork" cssClass="error" />
 								</td>
@@ -535,7 +535,7 @@ function wrapWindowByMask(){
 							
 							<tr>
 								<th>이메일주소</th>
-								<td colspan="3">
+								<td>
 									<form:input path="emailAdres" id="emailAdres" title="이메일주소" cssClass="txaIpt" size="50" maxlength="50" />
 									<form:errors path="emailAdres" cssClass="error" />	
 								</td>
@@ -546,13 +546,9 @@ function wrapWindowByMask(){
 				<!-- //list_상세 -->
 
 				<!-- btn_wrap -->
-				<div class="btn_wrap btn_layout01">
+				<div class="btn_wrap right">
-					<div class="area_left">
+					<button class="btn btn_text btn_46 blue_fill" onclick="fncReg(); return false;">저 장</button>
-						<button class="btnType02" onclick="fncReg(); return false;">저 장</button>
+					<button class="btn btn_text btn_46 gray_fill" onclick="fnListPage(); return false;">목 록</button>
-					</div>
-					<div class="area_right">
-						<button class="btnType03" onclick="fnListPage(); return false;">목 록</button>
-					</div>
 				</div>
 				<!-- //btn_wrap -->
 			</div>

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

@@ -164,8 +164,8 @@ function userListExcelDownload(){
 			<!-- cont -->
 			<div class="cont">
 				<!-- list_top -->
-				<div class="list_top">
+				<div class="list_top table_top">
-					<p>총 건수 : <span><c:out value="${paginationInfo.totalRecordCount}" /></span>건</p>
+					<p class="table_total_text">총 건수 : <span class="color_blue"><c:out value="${paginationInfo.totalRecordCount}" /></span>건</p>
 					<div class="list_util">
 					<c:if test="${siteId eq 'super'}">
 						<select name="searchConditionSite" id="searchConditionSite" title="검색조건2-검색어구분">
@@ -181,9 +181,9 @@ function userListExcelDownload(){
 					</select>
 					
 					<input type="text" id="searchKeyword" name="searchKeyword" value="<c:out value='${userSearchVO.searchKeyword}'/>" class="search_input" placeholder="검색어를 입력하세요">
-					<button class="btn_search" onclick="fnSearch(); return false;">검색</button>
+					<button class="btn btn_text blue_border btn_search" onclick="fnSearch(); return false;">검색</button>
 					
-					<select class="sel2" name="pageUnit" id="pageUnit" onchange="linkPage(1);" title="줄 선택" style="width: 140px">
+					<select class="sel2 searchSel" name="pageUnit" id="pageUnit" onchange="linkPage(1);" title="줄 선택" style="width: 140px">
 						<option value='10' <c:if test="${userSearchVO.pageUnit == '10' or userSearchVO.pageUnit == ''}">selected</c:if>>10줄</option>
 						<option value='20' <c:if test="${userSearchVO.pageUnit == '20'}">selected</c:if>>20줄</option>
 						<option value='30' <c:if test="${userSearchVO.pageUnit == '30'}">selected</c:if>>30줄</option>
@@ -193,20 +193,20 @@ function userListExcelDownload(){
 				<!-- //list_top -->
 		
 				<!-- list -->
-				<div class="list tbType01">
+				<div class="table-layout">
 					<table>
 						<colgroup>
 							<col style="width: 5%">
-							<col style="width: 6%">
+							<col style="width: 5%">
-							<col style="width: 15%">
+							<col style="width: 8%">
 							<col style="width: 10%">
 							<col style="width: 10%">
 							<%-- <col style="width: 10%"> --%>
 							<col style="width: 10%">
 							<col style="width: 10%">
 							<col style="width: 10%">
-							<col style="width: 15%">
+							<col style="width: auto">
-							<col style="width: 8%">
+							<col style="width: 10%">
 						</colgroup>
 						<thead>
 							<tr>
@@ -307,12 +307,12 @@ function userListExcelDownload(){
 				<!-- //list -->
 				
 				<!-- btn_wrap -->
-				<div class="btn_wrap btn_layout01">
+				<div class="btn_wrap">
 					<div class="area_left">
-						<button type="button" class="btnType03"  onclick="fnDeleteUser(); return false;">삭제</button>
+						<button type="button" class="btn btn_text btn_46 red_border"  onclick="fnDeleteUser(); return false;">삭제</button>
 					</div>
 					<div class="area_right">
-						<button type="button" class="btnType02"  onclick="fnAddUserView(); return false;">등록</button>
+						<button type="button" class="btn btn_text btn_46 blue_fill"  onclick="fnAddUserView(); return false;">등록</button>
 					</div>
 				</div>
 				<!-- //btn_wrap -->

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

@@ -433,7 +433,7 @@ function authorChangeCourt(){
 
 			<div class="cont">
 				<!-- list_상세 -->
-				<div class="tbType02">
+				<div class="tbType02 col-table data-table">
 					<table>
 						<colgroup>
 							<col style="width: 20%">
@@ -543,7 +543,7 @@ function authorChangeCourt(){
 								<th><span class="">서명이미지</span></th>
 								<td class="upload_area">
 									<input type="file" id="file_temp" name="file_temp" class="uploadFile" style="display:none"/>
-									<button type="button" id="filebutton" class="btnType01 btn_add_file">파일 첨부하기</button>
+									<button type="button" id="filebutton" class="btn btn_text btn_36 blue_border btn_add_file">파일 첨부하기</button>
 									<div class="file_wrap file_upload_box no_img_box">
 										<table>
 											<colgroup>
@@ -625,7 +625,7 @@ function authorChangeCourt(){
 							<tr>
 								<th>로그인 실패 횟수</br>초기화</th>
 								<td colspan="3">
-									<button class="btnType05" onclick="passMissReset(); return false;">초기화</button>
+									<button class="btn btn_text btn_36 gray_border" onclick="passMissReset(); return false;">초기화</button>
 									<!-- <input type="button" class="btnType1" value="초기화" onclick="passMissReset(); return false;"> -->
 								</td>
 							</tr>
@@ -638,15 +638,16 @@ function authorChangeCourt(){
 				<!-- btn_wrap -->
 				<div class="btn_wrap btn_layout01">
 					<div class="area_left">
-						<button class="btnType02" onclick="fnPasswordMove(); return false;">비밀번호 변경</button>
+						<c:if test="${!empty isAdmin}">
+							<button class="btn btn_text btn_46 red_border btnType04" onclick="fnDeleteUser('<c:out value='${userManageVO.userTy}'/>:<c:out value='${userManageVO.uniqId}'/>'); return false;">삭제</button>
+						</c:if>
+						<button class="btn btn_text btn_46 blue_border" onclick="fnPasswordMove(); return false;">비밀번호 변경</button>
 					</div>
 					<div class="area_right">
-					<c:if test="${!empty isAdmin}">
+					
-						<button class="btnType04" onclick="fnDeleteUser('<c:out value='${userManageVO.userTy}'/>:<c:out value='${userManageVO.uniqId}'/>'); return false;">삭 제</button>
+						<button class="btn btn_text btn_46 blue_fill" onclick="javascript:fnUpdates(); return false;">수 정</button>
-					</c:if>
-						<button class="btnType06" onclick="javascript:fnUpdates(); return false;">수 정</button>
 						<!-- <button class="btnType03" onclick="fnListPage(); return false;">목 록</button> -->
-						<button class="btnType03" onclick="history.go(-3);">목 록</button>
+						<button class="btn btn_text btn_46 gray_fill" onclick="history.go(-3);">목 록</button>
 					</div>
 				</div>
 				<!-- //btn_wrap -->

src/main/webapp/WEB-INF/jsp/egovframework/com/uss/ion/bnr/EgovBannerList.jsp

@@ -148,9 +148,9 @@ function press() {
 
 			<div class="cont">
 				<!-- list_top -->
-				<div class="list_top">
+				<div class="list_top table_top">
-					<p>조회건수 : <span><c:out value="${paginationInfo.totalRecordCount}"/></span>건</p>
+					<p class="table_total_text">조회건수 : <span class="color_blue fw_bold"><c:out value="${paginationInfo.totalRecordCount}"/></span>건</p>
-					<div class="list_util">
+					<div class="list_util search_wrap">
 						<c:if test="${siteId eq 'super'}">
 							<select name="searchConditionSite" id="searchConditionSite">
 								<option value="" <c:if test="${empty userSearchVO.searchConditionSite }">selected="selected"</c:if> >전체 사이트</option>
@@ -165,7 +165,7 @@ function press() {
 							<option value='2' <c:if test="${bannerVO.searchCondition == '2'}">selected</c:if>>링크</option>
 						</select>
 						<input type="text" id="searchKeyword" name="searchKeyword" class="search_input" value="<c:out value='${bannerVO.searchKeyword}'/>" maxlength="255" placeholder="검색어를 입력하세요">
-						<button class="btn_search" onclick="linkPage(1); return false;">검색</button>
+						<button class="btn btn_text blue_border btn_search" onclick="linkPage(1); return false;">검색</button>
 					</div>
 				</div>
 				<!-- //list_top -->
@@ -204,9 +204,9 @@ function press() {
 					</c:if>								
 				</div>
 				<!-- //list -->
-				<div class="btn_wrap btn_layout02">
+				<div class="btn_wrap right">
 <!-- 					<button type="button" class="btnType01" onclick="fncBannerListDelete(); return false;">삭제</button> -->
-					<button type="button" class="btnType02" onclick="fncAddBannerInsert(); return false;">등록</button>
+					<button type="button" class="btn btn_text btn_46 blue_fill btnType02" onclick="fncAddBannerInsert(); return false;">등록</button>
 				</div>
 				<!-- 페이지 네비게이션 시작 -->
 				<c:if test="${!empty bannerList}">

src/main/webapp/WEB-INF/jsp/egovframework/com/uss/ion/bnr/EgovBannerRegist.jsp

@@ -128,7 +128,7 @@ function fncBannerDelete() {
 	
 			<div class="cont">
 				<!-- list_상세 -->
-				<div class="tbType02">
+				<div class="col-table data-table">
 					<table>
 						<colgroup>
 							<col style="width: 20%">
@@ -164,13 +164,13 @@ function fncBannerDelete() {
 							<tr>
 								<th><span class="reqArea">배너명</span></th>
 								<td>
-									<input name="bannerNm" id="bannerNm" title="배너명" type="text" value="<c:out value='${banner.bannerNm}'/>" maxLength="30" size="30" >&nbsp;<form:errors path="bannerNm" />
+									<input name="bannerNm" class="w100per" id="bannerNm" title="배너명" type="text" value="<c:out value='${banner.bannerNm}'/>" maxLength="30" size="30" >&nbsp;<form:errors path="bannerNm" />
 								</td>
 							</tr>
 							<tr>
 								<th><span class="reqArea">링크</span></th>
 								<td>
-									<input name="linkUrl" id="linkUrl" title="링크URL" type="text" value="<c:out value='${banner.linkUrl}'/>" maxLength="255" size="50" >&nbsp;<form:errors path="linkUrl" />
+									<input name="linkUrl" class="w100per" id="linkUrl" title="링크URL" type="text" value="<c:out value='${banner.linkUrl}'/>" maxLength="255" size="50" >&nbsp;<form:errors path="linkUrl" />
 								</td>
 							</tr>
 							<tr>
@@ -191,14 +191,14 @@ function fncBannerDelete() {
 							<tr>
 								<th>alt값</th>
 								<td>
-									<input type="text" id="alt" name="alt" style="width: 1000px;" />
+									<input type="text" id="alt" name="alt" style="width: 100%;" />
 								</td>
 							</tr>
 							<tr>
 								<th><span class="reqArea">파일 첨부</span></th>
 								<td class="upload_area">
 									<input type="file" name="file_temp" id="file_temp" class="uploadFile" style="display:none">
-									<button type="button" id="filebutton" class="btnType01 btn_add_file">파일 첨부하기</button>
+									<button type="button" id="filebutton" class="btn btn_text btn_36 blue_border btn_add_file">파일 첨부하기</button>
 									<div class="file_wrap file_upload_box no_img_box">
 										<table class="tbType02">
 											<colgroup>
@@ -249,7 +249,7 @@ function fncBannerDelete() {
 														<td class="td_filesize"><span class="file_size_text" value="${fileList.fileMg}"></span></td>
 														<td>${fileList.creatDt}</td>
 														<td>
-															<button type="button" class="btn_del" onclick="delAtchFile('${fileList.atchFileId}', '${fileList.fileSn}'); return false;"><i></i></button>
+															<button type="button" class="btn btn_text red_border btn_del" onclick="delAtchFile('${fileList.atchFileId}', '${fileList.fileSn}'); return false;">삭제</button>
 														</td>
 														<input type="hidden" name="fileSize" class="item_file_size" value="${fileList.fileMg}" >
 													</tr>
@@ -277,13 +277,9 @@ function fncBannerDelete() {
 				<!-- //list_상세 -->
 	
 				<!-- btn_wrap -->
-				<div class="btn_wrap btn_layout01">
+				<div class="btn_wrap right">
-					<div class="area_left">
+						<button type="button" class="btn btn_text btn_46 blue_fill" onclick="fncBannerInsert(); return false;">저장</button>
-					</div>
+						<button type="button" class="btn btn_text btn_46 gray_fill" onclick="goList(); return false;">목록</button>
-					<div class="area_right">
-						<button type="button" class="btnType04" onclick="goList(); return false;">목 록</button>
-						<button type="button" class="btnType06" onclick="fncBannerInsert(); return false;">저 장</button>
-					</div>
 				</div>
 				<!-- //btn_wrap -->
 			</div>

src/main/webapp/WEB-INF/jsp/egovframework/com/uss/ion/bnr/EgovBannerUpdt.jsp

@@ -158,7 +158,7 @@ function fn_egov_downFile(atchFileId, fileSn){
 	
 			<div class="cont">
 				<!-- list_상세 -->
-				<div class="tbType02">
+				<div class="data-table col-table">
 					<table>
 						<colgroup>
 							<col style="width: 20%">
@@ -182,7 +182,7 @@ function fn_egov_downFile(atchFileId, fileSn){
 								</tr>
 							</c:if>
 							<tr>
-								<th><span>원본이미지</span></th>
+								<th style="vertical-align:middle"><span>원본이미지</span></th>
 								<td>
 									<c:if test="${banner.bannerImageFile == null}">
 											<div class="imgBox"></div>
@@ -195,7 +195,7 @@ function fn_egov_downFile(atchFileId, fileSn){
 							<tr>
 								<th>배너명</th>
 								<td>
-									 <input name="bannerNm" id="bannerNm" title="배너명" type="text" value="<c:out value='${banner.bannerNm}'/>" maxLength="30" size="30" >&nbsp;<form:errors path="bannerNm" />
+									 <input name="bannerNm" id="bannerNm" class="w100per" title="배너명" type="text" value="<c:out value='${banner.bannerNm}'/>" maxLength="30" size="30" >&nbsp;<form:errors path="bannerNm" />
 									 <input type="hidden" name="bannerId" value="${banner.bannerId}" >
 								</td>
 							</tr>
@@ -223,14 +223,14 @@ function fn_egov_downFile(atchFileId, fileSn){
 							<tr>
 								<th>alt값</th>
 								<td>
-									<input type="text" id="alt" name="alt" style="width: 1000px;" value="<c:out value='${banner.alt}'/>"/>
+									<input type="text" id="alt" name="alt" style="width: 100%;" value="<c:out value='${banner.alt}'/>"/>
 								</td>
 							</tr>
 							<tr>
 								<th><span class="reqArea">파일 첨부</span></th>
 								<td class="upload_area">
 									<input type="file" id="file_temp" name="file_temp" class="uploadFile" style="display:none"/>
-									<button type="button" id="filebutton" class="btnType01 btn_add_file">파일 첨부하기</button>
+									<button type="button" id="filebutton" class="btn btn_text btn_36 blue_border btn_add_file">파일 첨부하기</button>
 									<div class="file_wrap file_upload_box no_img_box">
 										<table class="tbType02">
 											<colgroup>
@@ -284,7 +284,7 @@ function fn_egov_downFile(atchFileId, fileSn){
 															<span class="file_size_text" value="${fileList.fileMg}">${fileList.fileMg}</span>
 														</td>
 														<td>
-															<button type="button" class="btn_del" onclick="delAtchFile('${fileList.atchFileId}', '${fileList.fileSn}'); return false;"><i></i></button>
+															<button type="button" class="btn btn_text red_border btn_del" onclick="delAtchFile('${fileList.atchFileId}', '${fileList.fileSn}'); return false;">삭제</button>
 														</td>
 													</tr>
 				                        		</c:forEach>
@@ -313,11 +313,11 @@ function fn_egov_downFile(atchFileId, fileSn){
 				<!-- btn_wrap -->
 				<div class="btn_wrap btn_layout01">
 					<div class="area_left">
+						<button type="button" class="btn btn_text btn_46 red_border" onclick="fncBannerDelete(); return false;">삭제</button>
 					</div>
 					<div class="area_right">
-						<button type="button" class="btnType04" onclick="goList(); return false;">목 록</button>
+						<button type="button" class="btn btn_text btn_46 blue_fill" onclick="fncBannerUpdate(); return false;">수정</button>
-						<button type="button" class="btnType04" onclick="fncBannerDelete(); return false;">삭 제</button>
+						<button type="button" class="btn btn_text btn_46 gray_fill" onclick="goList(); return false;">목록</button>
-						<button type="button" class="btnType06" onclick="fncBannerUpdate(); return false;">수 정</button>
 					</div>				
 				</div>
 				<!-- //btn_wrap -->

src/main/webapp/WEB-INF/jsp/layout/adminLayout.jsp

@@ -31,8 +31,8 @@
 <!-- 	<link rel="stylesheet" href="/kccadrPb/adm/css/reset.css"> -->
 <!-- 	<link rel="stylesheet" href="/kccadrPb/adm/css/font.css"> -->
 <!-- 	<link rel="stylesheet" href="/kccadrPb/adm/css/common.css"> -->
-	<link rel="stylesheet" href="/kccadrPb/adm/css/content.css">
+	<!-- <link rel="stylesheet" href="/kccadrPb/adm/css/content.css">
-	<link rel="stylesheet" href="/kccadrPb/adm/css/content_media.css">
+	<link rel="stylesheet" href="/kccadrPb/adm/css/content_media.css"> -->
 
 	<!-- script -->
 <!-- 	<script src="/kccadrPb/adm/script/jquery-3.5.0.js"></script> -->

src/main/webapp/WEB-INF/jsp/manager/bbs/bbsSetList.jsp

@@ -87,12 +87,12 @@
 						<thead>
 							<tr>
 								<c:if test='${(siteMenuIdx == "0" && menuCode == "N") && (memberGrant == "S" || memberAuth)}'><th scope="col"><input type="checkbox" class="checkbox check-all" name="allcheck" id="allcheck" title="<s:message code="common.message.allCheck"/>" /><label for="allcheck"></label></th></c:if>
-								<th scope="col"><s:message code="manager.bbs.bbsSetList.bbsSetName"/>&nbsp;&nbsp;<span><a href="<c:choose><c:when test='${siteMenuIdx == "0" && menuCode == "N"}'>/gtm/</c:when><c:otherwise>/menu/</c:otherwise></c:choose><c:out escapeXml='true' value='${siteIdx}' />/bbsSetList.do?page=<c:out escapeXml='true' value='${page}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=bbsSetName&amp;order=ASC&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />&amp;siteMenuIdx=<c:out escapeXml='true' value='${siteMenuIdx}' />&amp;menuCode=<c:out escapeXml='true' value='${menuCode}' />"><img src="<s:message code="common.column.up"/>" width="7" height="10" alt="<s:message code="common.move.up"/>" /></a></span> <span><a href="<c:choose><c:when test='${siteMenuIdx == "0" && menuCode == "N"}'>/gtm/</c:when><c:otherwise>/menu/</c:otherwise></c:choose><c:out escapeXml='true' value='${siteIdx}' />/bbsSetList.do?page=<c:out escapeXml='true' value='${page}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=bbsSetName&amp;order=DESC&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />&amp;siteMenuIdx=<c:out escapeXml='true' value='${siteMenuIdx}' />&amp;menuCode=<c:out escapeXml='true' value='${menuCode}' />"><img src="<s:message code="common.column.down"/>" width="7" height="10" alt="<s:message code="common.move.down"/>" /></a></span></th>
+								<th scope="col"><s:message code="manager.bbs.bbsSetList.bbsSetName"/><dlv class="sort_wrap"><span><a href="<c:choose><c:when test='${siteMenuIdx == "0" && menuCode == "N"}'>/gtm/</c:when><c:otherwise>/menu/</c:otherwise></c:choose><c:out escapeXml='true' value='${siteIdx}' />/bbsSetList.do?page=<c:out escapeXml='true' value='${page}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=bbsSetName&amp;order=ASC&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />&amp;siteMenuIdx=<c:out escapeXml='true' value='${siteMenuIdx}' />&amp;menuCode=<c:out escapeXml='true' value='${menuCode}' />"><img src="<s:message code="common.column.up"/>" width="7" height="10" alt="<s:message code="common.move.up"/>" /></a></span> <span><a href="<c:choose><c:when test='${siteMenuIdx == "0" && menuCode == "N"}'>/gtm/</c:when><c:otherwise>/menu/</c:otherwise></c:choose><c:out escapeXml='true' value='${siteIdx}' />/bbsSetList.do?page=<c:out escapeXml='true' value='${page}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=bbsSetName&amp;order=DESC&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />&amp;siteMenuIdx=<c:out escapeXml='true' value='${siteMenuIdx}' />&amp;menuCode=<c:out escapeXml='true' value='${menuCode}' />"><img src="<s:message code="common.column.down"/>" width="7" height="10" alt="<s:message code="common.move.down"/>" /></a></span></dlv></th>
-								<th scope="col" class="item-mobile-hidden"><s:message code="manager.bbs.bbsSetList.bbsSetType"/>&nbsp;&nbsp;<span><a href="<c:choose><c:when test='${siteMenuIdx == "0" && menuCode == "N"}'>/gtm/</c:when><c:otherwise>/menu/</c:otherwise></c:choose><c:out escapeXml='true' value='${siteIdx}' />/bbsSetList.do?page=<c:out escapeXml='true' value='${page}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=bbsSetType&amp;order=ASC&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />&amp;siteMenuIdx=<c:out escapeXml='true' value='${siteMenuIdx}' />&amp;menuCode=<c:out escapeXml='true' value='${menuCode}' />"><img src="<s:message code="common.column.up"/>" width="7" height="10" alt="<s:message code="common.move.up"/>" /></a></span> <span><a href="<c:choose><c:when test='${siteMenuIdx == "0" && menuCode == "N"}'>/gtm/</c:when><c:otherwise>/menu/</c:otherwise></c:choose><c:out escapeXml='true' value='${siteIdx}' />/bbsSetList.do?page=<c:out escapeXml='true' value='${page}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=bbsSetType&amp;order=DESC&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />&amp;siteMenuIdx=<c:out escapeXml='true' value='${siteMenuIdx}' />&amp;menuCode=<c:out escapeXml='true' value='${menuCode}' />"><img src="<s:message code="common.column.down"/>" width="7" height="10" alt="<s:message code="common.move.down"/>" /></a></span></th>
+								<th scope="col" class="item-mobile-hidden"><s:message code="manager.bbs.bbsSetList.bbsSetType"/><dlv class="sort_wrap"><span><a href="<c:choose><c:when test='${siteMenuIdx == "0" && menuCode == "N"}'>/gtm/</c:when><c:otherwise>/menu/</c:otherwise></c:choose><c:out escapeXml='true' value='${siteIdx}' />/bbsSetList.do?page=<c:out escapeXml='true' value='${page}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=bbsSetType&amp;order=ASC&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />&amp;siteMenuIdx=<c:out escapeXml='true' value='${siteMenuIdx}' />&amp;menuCode=<c:out escapeXml='true' value='${menuCode}' />"><img src="<s:message code="common.column.up"/>" width="7" height="10" alt="<s:message code="common.move.up"/>" /></a></span> <span><a href="<c:choose><c:when test='${siteMenuIdx == "0" && menuCode == "N"}'>/gtm/</c:when><c:otherwise>/menu/</c:otherwise></c:choose><c:out escapeXml='true' value='${siteIdx}' />/bbsSetList.do?page=<c:out escapeXml='true' value='${page}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=bbsSetType&amp;order=DESC&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />&amp;siteMenuIdx=<c:out escapeXml='true' value='${siteMenuIdx}' />&amp;menuCode=<c:out escapeXml='true' value='${menuCode}' />"><img src="<s:message code="common.column.down"/>" width="7" height="10" alt="<s:message code="common.move.down"/>" /></a></span></dlv></th>
 								<th scope="col"><s:message code="manager.bbs.bbsSetList.bbsDataCnt"/></th>
-								<th scope="col" class="item-tablet-hidden"><s:message code="common.memberName"/>&nbsp;&nbsp;<span><a href="<c:choose><c:when test='${siteMenuIdx == "0" && menuCode == "N"}'>/gtm/</c:when><c:otherwise>/menu/</c:otherwise></c:choose><c:out escapeXml='true' value='${siteIdx}' />/bbsSetList.do?page=<c:out escapeXml='true' value='${page}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=tMember.memberName&amp;order=ASC&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />&amp;siteMenuIdx=<c:out escapeXml='true' value='${siteMenuIdx}' />&amp;menuCode=<c:out escapeXml='true' value='${menuCode}' />"><img src="<s:message code="common.column.up"/>" width="7" height="10" alt="<s:message code="common.move.up"/>" /></a></span> <span><a href="<c:choose><c:when test='${siteMenuIdx == "0" && menuCode == "N"}'>/gtm/</c:when><c:otherwise>/menu/</c:otherwise></c:choose><c:out escapeXml='true' value='${siteIdx}' />/bbsSetList.do?page=<c:out escapeXml='true' value='${page}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=tMember.memberName&amp;order=DESC&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />&amp;siteMenuIdx=<c:out escapeXml='true' value='${siteMenuIdx}' />&amp;menuCode=<c:out escapeXml='true' value='${menuCode}' />"><img src="<s:message code="common.column.down"/>" width="7" height="10" alt="<s:message code="common.move.down"/>" /></a></span></th>
+								<th scope="col" class="item-tablet-hidden"><s:message code="common.memberName"/><dlv class="sort_wrap"><span><a href="<c:choose><c:when test='${siteMenuIdx == "0" && menuCode == "N"}'>/gtm/</c:when><c:otherwise>/menu/</c:otherwise></c:choose><c:out escapeXml='true' value='${siteIdx}' />/bbsSetList.do?page=<c:out escapeXml='true' value='${page}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=tMember.memberName&amp;order=ASC&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />&amp;siteMenuIdx=<c:out escapeXml='true' value='${siteMenuIdx}' />&amp;menuCode=<c:out escapeXml='true' value='${menuCode}' />"><img src="<s:message code="common.column.up"/>" width="7" height="10" alt="<s:message code="common.move.up"/>" /></a></span> <span><a href="<c:choose><c:when test='${siteMenuIdx == "0" && menuCode == "N"}'>/gtm/</c:when><c:otherwise>/menu/</c:otherwise></c:choose><c:out escapeXml='true' value='${siteIdx}' />/bbsSetList.do?page=<c:out escapeXml='true' value='${page}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=tMember.memberName&amp;order=DESC&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />&amp;siteMenuIdx=<c:out escapeXml='true' value='${siteMenuIdx}' />&amp;menuCode=<c:out escapeXml='true' value='${menuCode}' />"><img src="<s:message code="common.column.down"/>" width="7" height="10" alt="<s:message code="common.move.down"/>" /></a></span></dlv></th>
-								<th scope="col" class="item-tablet-hidden"><s:message code="common.regDate"/>&nbsp;&nbsp;<span><a href="<c:choose><c:when test='${siteMenuIdx == "0" && menuCode == "N"}'>/gtm/</c:when><c:otherwise>/menu/</c:otherwise></c:choose><c:out escapeXml='true' value='${siteIdx}' />/bbsSetList.do?page=<c:out escapeXml='true' value='${page}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=bbsSetRegDate&amp;order=ASC&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />&amp;siteMenuIdx=<c:out escapeXml='true' value='${siteMenuIdx}' />&amp;menuCode=<c:out escapeXml='true' value='${menuCode}' />"><img src="<s:message code="common.column.up"/>" width="7" height="10" alt="<s:message code="common.move.up"/>" /></a></span> <span><a href="<c:choose><c:when test='${siteMenuIdx == "0" && menuCode == "N"}'>/gtm/</c:when><c:otherwise>/menu/</c:otherwise></c:choose><c:out escapeXml='true' value='${siteIdx}' />/bbsSetList.do?page=<c:out escapeXml='true' value='${page}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=bbsSetRegDate&amp;order=DESC&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />&amp;siteMenuIdx=<c:out escapeXml='true' value='${siteMenuIdx}' />&amp;menuCode=<c:out escapeXml='true' value='${menuCode}' />"><img src="<s:message code="common.column.down"/>" width="7" height="10" alt="<s:message code="common.move.down"/>" /></a></span></th>
+								<th scope="col" class="item-tablet-hidden"><s:message code="common.regDate"/><dlv class="sort_wrap"><span><a href="<c:choose><c:when test='${siteMenuIdx == "0" && menuCode == "N"}'>/gtm/</c:when><c:otherwise>/menu/</c:otherwise></c:choose><c:out escapeXml='true' value='${siteIdx}' />/bbsSetList.do?page=<c:out escapeXml='true' value='${page}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=bbsSetRegDate&amp;order=ASC&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />&amp;siteMenuIdx=<c:out escapeXml='true' value='${siteMenuIdx}' />&amp;menuCode=<c:out escapeXml='true' value='${menuCode}' />"><img src="<s:message code="common.column.up"/>" width="7" height="10" alt="<s:message code="common.move.up"/>" /></a></span> <span><a href="<c:choose><c:when test='${siteMenuIdx == "0" && menuCode == "N"}'>/gtm/</c:when><c:otherwise>/menu/</c:otherwise></c:choose><c:out escapeXml='true' value='${siteIdx}' />/bbsSetList.do?page=<c:out escapeXml='true' value='${page}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=bbsSetRegDate&amp;order=DESC&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />&amp;siteMenuIdx=<c:out escapeXml='true' value='${siteMenuIdx}' />&amp;menuCode=<c:out escapeXml='true' value='${menuCode}' />"><img src="<s:message code="common.column.down"/>" width="7" height="10" alt="<s:message code="common.move.down"/>" /></a></span></dlv></th>
-								<th scope="col" class="item-mobile-hidden"><s:message code="common.status"/>&nbsp;&nbsp;<span><a href="<c:choose><c:when test='${siteMenuIdx == "0" && menuCode == "N"}'>/gtm/</c:when><c:otherwise>/menu/</c:otherwise></c:choose><c:out escapeXml='true' value='${siteIdx}' />/bbsSetList.do?page=<c:out escapeXml='true' value='${page}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=bbsSetStatus&amp;order=ASC&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />&amp;siteMenuIdx=<c:out escapeXml='true' value='${siteMenuIdx}' />&amp;menuCode=<c:out escapeXml='true' value='${menuCode}' />"><img src="<s:message code="common.column.up"/>" width="7" height="10" alt="<s:message code="common.move.up"/>" /></a></span> <span><a href="<c:choose><c:when test='${siteMenuIdx == "0" && menuCode == "N"}'>/gtm/</c:when><c:otherwise>/menu/</c:otherwise></c:choose><c:out escapeXml='true' value='${siteIdx}' />/bbsSetList.do?page=<c:out escapeXml='true' value='${page}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=bbsSetStatus&amp;order=DESC&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />&amp;siteMenuIdx=<c:out escapeXml='true' value='${siteMenuIdx}' />&amp;menuCode=<c:out escapeXml='true' value='${menuCode}' />"><img src="<s:message code="common.column.down"/>" width="7" height="10" alt="<s:message code="common.move.down"/>" /></a></span></th>
+								<th scope="col" class="item-mobile-hidden"><s:message code="common.status"/><dlv class="sort_wrap"><span><a href="<c:choose><c:when test='${siteMenuIdx == "0" && menuCode == "N"}'>/gtm/</c:when><c:otherwise>/menu/</c:otherwise></c:choose><c:out escapeXml='true' value='${siteIdx}' />/bbsSetList.do?page=<c:out escapeXml='true' value='${page}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=bbsSetStatus&amp;order=ASC&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />&amp;siteMenuIdx=<c:out escapeXml='true' value='${siteMenuIdx}' />&amp;menuCode=<c:out escapeXml='true' value='${menuCode}' />"><img src="<s:message code="common.column.up"/>" width="7" height="10" alt="<s:message code="common.move.up"/>" /></a></span> <span><a href="<c:choose><c:when test='${siteMenuIdx == "0" && menuCode == "N"}'>/gtm/</c:when><c:otherwise>/menu/</c:otherwise></c:choose><c:out escapeXml='true' value='${siteIdx}' />/bbsSetList.do?page=<c:out escapeXml='true' value='${page}' />&amp;row=<c:out escapeXml='true' value='${row}' />&amp;orderColumn=bbsSetStatus&amp;order=DESC&amp;column=<c:out escapeXml='true' value='${column}' />&amp;search=<c:out escapeXml='true' value='${search}' />&amp;siteMenuIdx=<c:out escapeXml='true' value='${siteMenuIdx}' />&amp;menuCode=<c:out escapeXml='true' value='${menuCode}' />"><img src="<s:message code="common.column.down"/>" width="7" height="10" alt="<s:message code="common.move.down"/>" /></a></span></dlv></th>
 							</tr>
 						</thead>
 						<tbody>
@@ -150,10 +150,10 @@
 									<td class="item-tablet-hidden"><c:out escapeXml='true' value='${fn:substring(bbsSetList._bbsSetRegDate, 0, 10)}' /></td>
 									<c:choose>
 									<c:when test="${bbsSetList._bbsSetStatus == 'U'}">
-									<td class="item-mobile-hidden skin-default"><s:message code="common.use"/></td>
+									<td class="item-mobile-hidden skin-default color_blue fw_bold"><s:message code="common.use"/></td>
 									</c:when>
 									<c:when test="${bbsSetList._bbsSetStatus == 'S'}">
-									<td class="state-stop item-mobile-hidden"><s:message code="common.stop"/></td>
+									<td class="state-stop item-mobile-hidden color_red  fw_bold"><s:message code="common.stop"/></td>
 									</c:when>
 									<c:when test="${bbsSetList._bbsSetStatus == 'D'}">
 										<c:choose>
@@ -182,7 +182,7 @@
 				</div>
 				<div style="display:flex;justify-content:space-between;align-items:center;margin:40px 0 0 0;">
 					<c:if test='${(siteMenuIdx == "0" && menuCode == "N") && (memberGrant == "S" || memberAuth)}'>
-					<div class="change-state-area" style="padding:0;">
+					<div class="change-state-area" style="padding:0;align-self:flex-start;">
 						<label for="selStatus"><s:message code="common.message.choice"/></label>
 						<select name="selStatus" id="selStatus" title="<s:message code="common.select.option.value"/>" class="change-list">
 							<option value=""><s:message code="common.select.option.value"/></option>

src/main/webapp/WEB-INF/jsp/sec/ram/EgovAuthorManage.jsp

@@ -167,9 +167,9 @@ function press() {
 			<!-- cont -->
 			<div class="cont">
 				<!-- list_top -->
-				<div class="list_top">
+				<div class="list_top table_top">
-					<p>총 건수 : <span><c:out value="${paginationInfo.totalRecordCount}" /></span>건</p>
+					<p class="table_total_text">총 건수 : <span class="color_blue fw_bold"><c:out value="${paginationInfo.totalRecordCount}" /></span>건</p>
-					<div class="list_util">
+					<div class="list_util search_wrap">
 					<c:if test="${siteId eq 'super'}">
 						<select name="searchConditionSite" id="searchConditionSite" title="검색조건2-검색어구분">
 							<c:forEach var="result" items="${siteManageList}" varStatus="status">
@@ -184,7 +184,7 @@ function press() {
 					</select>
 					
 					<input type="text" id="searchKeyword" name="searchKeyword" value="<c:out value='${userSearchVO.searchKeyword}'/>" class="search_input" placeholder="검색어를 입력하세요">
-					<button class="btn_search" onclick="fnSearch(); return false;">검색</button>
+					<button class="btn btn_text blue_border" onclick="fnSearch(); return false;">검색</button>
 					
 					<select class="sel2" name="pageUnit" id="pageUnit" onchange="linkPage(1);" title="줄 선택" style="width: 140px">
 						<option value='10' <c:if test="${userSearchVO.pageUnit == '10' or userSearchVO.pageUnit == ''}">selected</c:if>>10줄</option>
@@ -196,7 +196,7 @@ function press() {
 				<!-- //list_top -->
 				
 				<!-- list -->
-				<div class="list tbType01">
+				<div class="list tbType01 table-layout mt15">
 					<table>
 						<colgroup>
 							<col style="width: 80px;">
@@ -255,13 +255,9 @@ function press() {
 				<!-- //list -->
 				
 				<!-- btn_wrap -->
-				<div class="btn_wrap btn_layout01">
+				<div class="btn_wrap">
-					<div class="area_left">
+						<button type="button" class="btn btn_text btn_46 red_border"  onclick="fncAuthorDeleteList(); return false;">삭제</button>
-						<button type="button" class="btnType03"  onclick="fncAuthorDeleteList(); return false;">삭제</button>
+						<button type="button" class="btn btn_text btn_46 blue_fill"  onclick="fncAddAuthorInsert(); return false;">등록</button>
-					</div>
-					<div class="area_right">
-						<button type="button" class="btnType02"  onclick="fncAddAuthorInsert(); return false;">등록</button>
-					</div>
 				</div>
 				<!-- //btn_wrap -->
 				

src/main/webapp/WEB-INF/jsp/sec/rgm/EgovAuthorGroupManage.jsp

@@ -205,9 +205,9 @@ function press() {
 			<!-- cont -->
 			<div class="cont">
 				<!-- list_top -->
-				<div class="list_top">
+				<div class="list_top table_top">
-					<p>총 건수 : <span><c:out value="${paginationInfo.totalRecordCount}" /></span>건</p>
+					<p class="table_total_text">총 건수 : <span class="color_blue fw_bold"><c:out value="${paginationInfo.totalRecordCount}" /></span>건</p>
-					<div class="list_util">
+					<div class="list_util search_wrap">
 						<c:if test="${siteId eq 'super'}">
 							<select name="searchConditionSite" id="searchConditionSite" title="검색조건2-검색어구분">
 								<option value="" <c:if test="${empty authorGroupVO.searchConditionSite }">selected="selected"</c:if> >전체 사이트</option>
@@ -223,7 +223,7 @@ function press() {
 						</select>
 						
 						<input type="text" id="searchKeyword" name="searchKeyword" value="<c:out value='${authorGroupVO.searchKeyword}'/>" class="search_input" placeholder="검색어를 입력하세요">
-						<button class="btn_search" onclick="fncSelectAuthorGroupList(); return false;">검색</button>
+						<button class="btn btn_text blue_border" onclick="fncSelectAuthorGroupList(); return false;">검색</button>
 						
 						<select class="sel2" name="pageUnit" id="pageUnit" onchange="linkPage(1);" title="줄 선택" style="width: 140px">
 							<option value='10' <c:if test="${authorGroupVO.pageUnit == '10' or authorGroupVO.pageUnit == ''}">selected</c:if>>10줄</option>
@@ -235,7 +235,7 @@ function press() {
 				<!-- //list_top -->
 				
 				<!-- list -->
-				<div class="list tbType01">
+				<div class="table-layout mt15">
 					<table>
 						<colgroup>
 							<col style="width: 80px;">
@@ -284,7 +284,7 @@ function press() {
 										<input type="hidden" name="mberTyCode" value="${authorGroup.mberTyCode}"/>
 									</td>
 									<td>
-										<select name="authorManageCombo" title="권한" style="width: 95%">
+										<select name="authorManageCombo" title="권한" style="width: 50%">
 								            <c:forEach var="authorManage" items="${authorManageList}" varStatus="status">
 								            	<c:if test="${authorManage.authorCode ne 'ROLE_CHAIRMAN' }"> <!-- 이사장권한 제외 -->
 								            		<option value="<c:out value="${authorManage.authorCode}"/>"  <c:if test="${authorManage.authorCode == authorGroup.authorCode}">selected</c:if>><c:out value="${authorManage.authorNm}"/></option>
@@ -307,13 +307,9 @@ function press() {
 				<!-- //list -->
 				
 				<!-- btn_wrap -->
-				<div class="btn_wrap btn_layout01">
+				<div class="btn_wrap">
-					<div class="area_left">
+					<button type="button" class="btn btn_text btn_46 gray_fill"  onclick="fncAuthorGroupDeleteList(); return false;">등록 취소</button>
-						<button type="button" class="btnType03"  onclick="fncAuthorGroupDeleteList(); return false;">등록 취소</button>
+					<button type="button" class="btn btn_text btn_46 blue_fill"  onclick="fncAddAuthorGroupInsert(); return false;">등록</button>
-					</div>
-					<div class="area_right">
-						<button type="button" class="btnType02"  onclick="fncAddAuthorGroupInsert(); return false;">등록</button>
-					</div>
 				</div>
 				<!-- //btn_wrap -->
 				

src/main/webapp/WEB-INF/jsp/sec/rmt/EgovRoleInsert.jsp

@@ -101,7 +101,7 @@ function fncRoleDelete() {
 
 		<div class="cont">
 			<!-- list_상세 -->
-			<div class="tbType02">
+			<div class="col-table data-table">
 				<table>
 					<colgroup>
 						<col style="width: 20%">
@@ -111,32 +111,32 @@ function fncRoleDelete() {
 					<tbody>
 						<tr>
 							<th><span class="reqArea">롤명</span></th>
-							<td colspan="3">
+							<td>
 								<input name="roleNm" id="roleNm" type="text" value="<c:out value='${roleManage.roleNm}'/>" maxLength="50" size="50" title="롤명" />&nbsp;<form:errors path="roleNm" />
 							</td>
 						</tr>
 						<tr>
 							<th><span class="reqArea">롤패턴</span></th>
-							<td colspan="3">
+							<td>
 								<input name="rolePtn" id="rolePtn" type="text" value="<c:out value='${roleManage.rolePtn}'/>" maxLength="100" size="80" title="롤패턴" />&nbsp;<form:errors path="rolePtn" />						
 							</td>
 						</tr>
 						<tr>
 							<th>설명</th>
-							<td colspan="3">
+							<td>
 								<input name="roleDc" id="roleDc" type="text" value="<c:out value='${roleManage.roleDc}'/>" maxLength="50" size="50" title="설명" />	
 							</td>
 						</tr>
 						<tr>
 							<th><span class="reqArea">롤순서</span></th>
-							<td colspan="3">
+							<td>
 								<input name="roleSort" id="roleSort" type="text" value="<c:out value='${roleManage.roleSort}'/>" maxLength="50" size="50" title="롤sort" />	
 							</td>
 						</tr>
 						<c:if test="${registerFlag == 'UPDATE'}">
 						<tr>
 							<th>등록일자</th>
-							<td colspan="3">
+							<td>
 								<input name="roleCreatDe" id="roleCreatDe" type="text" value="<c:out value='${roleManage.roleCreatDe}'/>" maxLength="50" size="20" title="등록일자" readonly="readonly"/>	
 							</td>
 						</tr>
@@ -154,16 +154,18 @@ function fncRoleDelete() {
 			<!-- btn_wrap -->
 			<div class="btn_wrap btn_layout01">
 				<div class="area_left">
-					<c:if test="${registerFlag == 'INSERT'}">
-						<button class="btnType02" onclick="fncRoleInsert(); return false;">저 장</button>
-					</c:if>
 					<c:if test="${registerFlag == 'UPDATE'}">
-						<button class="btnType02" onclick="fncRoleDelete(); return false;">삭 제</button>
+						<button class="btn btn_text btn_46 red_border" onclick="fncRoleDelete(); return false;">삭제</button>
-						<button class="btnType02" onclick="fncRoleUpdate(); return false;">수 정</button>
 					</c:if>
 				</div>
 				<div class="area_right">
-					<button class="btnType03" onclick="fncSelectRoleList(); return false;">목 록</button>
+					<c:if test="${registerFlag == 'INSERT'}">
+						<button class="btn btn_text btn_46 blue_fill" onclick="fncRoleInsert(); return false;">저장</button>
+					</c:if>
+					<c:if test="${registerFlag == 'UPDATE'}">
+						<button class="btn btn_text btn_46 blue_fill" onclick="fncRoleUpdate(); return false;">수정</button>
+					</c:if>
+					<button class="btn btn_text btn_46 gray_fill" onclick="fncSelectRoleList(); return false;">목 록</button>
 				</div>
 			</div>
 			<!-- //btn_wrap -->

src/main/webapp/WEB-INF/jsp/sec/rmt/EgovRoleManage.jsp

@@ -154,9 +154,9 @@ function roleListExcelDownload(){
 			<!-- cont -->
 			<div class="cont">
 				<!-- list_top -->
-				<div class="list_top">
+				<div class="list_top table_top">
-					<p>총 건수 : <span><c:out value="${paginationInfo.totalRecordCount}" /></span>건</p>
+					<p class="table_total_text">총 건수 : <span class="color_blue fw_bold"><c:out value="${paginationInfo.totalRecordCount}" /></span>건</p>
-					<div class="list_util">
+					<div class="list_util search_wrap">
 					<select class="sel2 searchSel" id="searchCondition" name="searchCondition" title="조회조건">
 						<option value="" <c:if test="${roleManageVO.searchCondition == ''}">selected</c:if> >전체</option>
 		                <option value="1" <c:if test="${roleManageVO.searchCondition == '1'}">selected</c:if> >롤명</option>
@@ -165,7 +165,7 @@ function roleListExcelDownload(){
 					</select>
 					
 					<input type="text" id=searchKeyword name="searchKeyword" class="recentSearch" value="<c:out value='${roleManageVO.searchKeyword}'/>" size="40" title="검색"  />
-					<button class="btn_search" onclick="fncSelectRoleList(1); return false;">검색</button>
+					<button class="btn btn_text blue_border" onclick="fncSelectRoleList(1); return false;">검색</button>
 					
 					<select class="sel2" name="pageUnit" id="pageUnit" onchange="linkPage(1);" title="줄 선택" style="width: 140px">
 						<option value='10' <c:if test="${roleManageVO.pageUnit == '10' or roleManageVO.pageUnit == ''}">selected</c:if>>10줄</option>
@@ -177,7 +177,7 @@ function roleListExcelDownload(){
 				<!-- //list_top -->
 		
 				<!-- list -->
-				<div class="list tbType01">
+				<div class="table-layout mt15">
 					<table>
 						<colgroup>
 							<col style="width: 5%">
@@ -232,13 +232,9 @@ function roleListExcelDownload(){
 				<!-- //list -->
 				
 				<!-- btn_wrap -->
-				<div class="btn_wrap btn_layout01">
+				<div class="btn_wrap">
-					<div class="area_left">
+					<button type="button" class="btn btn_text btn_46 red_border"  onclick="fncRoleListDelete(); return false;">삭제</button>
-						<button type="button" class="btnType03"  onclick="fncRoleListDelete(); return false;">삭제</button>
+					<button type="button" class="btn btn_text btn_46 blue_fill"  onclick="fncAddRoleInsert(); return false;">등록</button>
-					</div>
-					<div class="area_right">
-						<button type="button" class="btnType02"  onclick="fncAddRoleInsert(); return false;">등록</button>
-					</div>
 				</div>
 				<!-- //btn_wrap -->
 				

src/main/webapp/WEB-INF/jsp/sec/rmt/EgovRoleUpdate.jsp

@@ -99,7 +99,7 @@ function fncRoleDelete() {
 	
 			<div class="cont">
 				<!-- list_상세 -->
-				<div class="tbType02">
+				<div class="col-table data-table">
 					<table>
 						<colgroup>
 							<col style="width: 20%">
@@ -154,21 +154,16 @@ function fncRoleDelete() {
 				<!-- //list_상세 -->
 	
 				<!-- btn_wrap -->
-				<div class="btn_wrap btn_layout01">
+				<div class="btn_wrap">
-					<div class="area_left">
+					<c:if test="${registerFlag == 'INSERT'}">
-						
+						<input type="button" class="btn btn_text btn_46 blue_fill" value="저장" onclick="fncRoleInsert(); return false;">
-					</div>
+						<button class="btn btn_text btn_46 blue_fill" onclick="fncRoleInsert(); return false;">저장</button>
-					<div class="area_right">
+					</c:if>
-						<c:if test="${registerFlag == 'INSERT'}">
+					<c:if test="${registerFlag == 'UPDATE'}">
-							<input type="button" class="btnType1" value="저 장" onclick="fncRoleInsert(); return false;">
+						<button class="btn btn_text btn_46 red_border" onclick="fncRoleDelete(); return false;">삭제</button>
-							<button class="btnType02" onclick="fncRoleInsert(); return false;">저 장</button>
+						<button class="btn btn_text btn_46 blue_fill" onclick="fncRoleUpdate(); return false;">수정</button>
-						</c:if>
+					</c:if>
-						<c:if test="${registerFlag == 'UPDATE'}">
+					<!-- <button class="btnType03" onclick="fncSelectRoleList(); return false;">목 록</button> -->
-							<button class="btnType04" onclick="fncRoleDelete(); return false;">삭 제</button>
-							<button class="btnType06" onclick="fncRoleUpdate(); return false;">수 정</button>
-						</c:if>
-						<!-- <button class="btnType03" onclick="fncSelectRoleList(); return false;">목 록</button> -->
-					</div>
 				</div>
 				<!-- //btn_wrap -->
 			</div>

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

@@ -370,6 +370,7 @@ function fn_select_menuNo(menuManageVO, menuUserTypeList, authorList){
 		$('#htmlComfirm').hide();
 		if(""!=menuManageVO.progrmHtmlFileId){
 			$('#htmlComfirm').show();
+			$('#htmlComfirm').css("display","inline-block");
 			$('#a_contentLink').attr("onclick" , "htmlComfirm('"+menuManageVO.progrmHtmlFileId+"');")
 		}
 		
@@ -774,158 +775,161 @@ function set_bbs(){
 
 				<div class="menu_wrap">
 					<div class="menu_area">
-						<div class="btn_wrap">
+						<div class="btn_wrap left">
-							<button type="button" class="btnType02 all_open" onclick="$('#itn_organization').jstree('open_all' );">모두열기</button>
+							<button type="button" class="btn btn_text blue_fill all_open" onclick="$('#itn_organization').jstree('open_all' );">모두열기</button>
-							<button type="button" class="btnType03 all_close" onclick="$('#itn_organization').jstree('close_node' , $('#0') );">모두닫기</button>
+							<button type="button" class="btn btn_text blue_border all_close" onclick="$('#itn_organization').jstree('close_node' , $('#0') );">모두닫기</button>
 						</div>
 						<div class="menu_list" id="itn_organization" class="jstree_orgChart"></div>
 					</div>
 					<div class="menu_detail">
-						<p class="menu_detail_tit">메뉴 추가등록 상세</p>
+						<p class="depth02 title">메뉴 추가등록 상세</p>
-						<table class="tbType02">
+						<div class="col-table data-table">
-							<colgroup>
+							<table>
-								<col style="width: 215px;">
+								<colgroup>
-								<col style="width: auto;">
+									<col style="width: 215px;">
-							</colgroup>
+									<col style="width: auto;">
-							<tbody>
+								</colgroup>
-								<tr>
+								<tbody>
-									<th><span>메뉴번호</span></th>
+									<tr>
-									<td>
+										<th><span>메뉴번호</span></th>
-										<div id="select_part">
+										<td>
-											<input type="text" name="menuNo" id="menuNo" />
+											<div id="select_part">
-											<input type="hidden" id="tmp_Id" name="tmp_Id"/><!-- 이전메뉴 No --> 
+												<input type="text" name="menuNo" id="menuNo" />
-										</div>
+												<input type="hidden" id="tmp_Id" name="tmp_Id"/><!-- 이전메뉴 No --> 
-									</td>
-								</tr>
-								<tr>
-									<th><span>메뉴명</span></th>
-									<td>
-										<input type="text" name="menuNm" id="menuNm" />
-										<input type="hidden" id="tmp_Name" name="tmp_Name"/><!-- 이전메뉴 이름 -->
-									</td>
-								</tr>
-								<tr>
-									<th><span>메뉴설명</span></th>
-									<td>
-										<input type="text" name="menuDc" id="menuDc" style="width:100%;"/>
-										<input type="hidden" id="dc_Name" name="dc_Name"/><!-- 이전메뉴 이름 -->
-										<br/>상세페이지에 대한 제어가 필요한 경우 상세 페이지 주소를 넣으면 된다.
-										<br/>ex)adjReqMgrRegDetail
-									</td>
-								</tr>
-								
-								
-								
-								<tr>
-									<th><span>타입</span></th>
-									<td>
-										<select name="menuType" id="menuType" title="" onchange="initShowUrl('N'); return false;">
-						                	<option value="M" <c:if test="${userSearchVO.menuType == 'M'}">selected="selected"</c:if> >메뉴</option>
-						                    <option value="P" <c:if test="${userSearchVO.menuType == 'P'}">selected="selected"</c:if> >프로그램</option>
-						                    <option value="C" <c:if test="${userSearchVO.menuType == 'C'}">selected="selected"</c:if> >HTML컨텐츠</option>
-						                    <option value="B" <c:if test="${userSearchVO.menuType == 'B'}">selected="selected"</c:if> >게시판</option>
-						                    <option value="O" <c:if test="${userSearchVO.menuType == 'O'}">selected="selected"</c:if> >외부링크</option>
-										</select>
-										<span>
-										 
-										<a style="display: none;cursor:pointer;" id="btnContent"
-								        	target="_blank" title="새창으로" onclick="searchContentList(); return false;"
-											style="selector-dummy:expression(this.hideFocus=false);" >
-								        	<img src="<c:url value='/img/post/serch_img.png' />" alt='컨텐츠ID 검색' width="15" height="15" />
-								        	<span style="vertical-align: middle;">(화면컨텐츠ID 검색)</span>
-								        </a>
-								        <span style="display: none;cursor:pointer;padding-left:30px;vertical-align:middle;" id="htmlComfirm">
-								        	<a href="#" onclick="htmlComfirm();" id="a_contentLink">확인</a>
-								        </span>
-								        
-						        		<span id="contentNameSpan" style="color: blue"></span>
-										<a style="display: none;cursor:pointer;" id="btnBBS" 
-								        	target="_blank" title="새창으로" onclick="searchBBSId(); return false;"
-											style="selector-dummy:expression(this.hideFocus=false);" >
-								        	<img src="<c:url value='/img/post/serch_img.png' />" alt='게시판ID 검색' width="15" height="15" />
-								        	<span style="vertical-align: middle;">(게시판ID 검색)</span>
-								        </a>
-								        <span id="BBSNameSpan" style="color: blue"></span>
-										<span id="showUrl" style="display: none;" >
-										<br>
-											URL <input type="text" name="url" id="url"  style="width:100%;"/>
-											<input type="hidden" id="url_tmp" name="url_tmp"/>
-										</span>
-									</td>
-								</tr>
-								<tr>
-									<th><span>상위메뉴번호</span></th>
-									<td>
-										<span id="upperMenuIdText"></span>
-										<input type="hidden" id="upperMenuId" name="upperMenuId"/>
-									</td>
-								</tr>
-								<tr>
-									<th><span>프로그램파일명</span></th>
-									<td>
-										<input type="text" name="progrmFileNm" id="progrmFileNm" readonly="readonly" onkeyup="onkeyContentName(event);" />
-										<input type="hidden" name="progrmHtmlFileId" id="progrmHtmlFileId" />
-										<input type="hidden" name="progrmBbsId" id="progrmBbsId" />
-										<input type="hidden" name="progrmFileNm_tmp" id="progrmFileNm_tmp" />
-									</td>
-								</tr>
-								<tr>
-									<th><span>메뉴경로</span></th>
-									<td>
-										<span id="menuCours">
-										</span>
-									</td>
-								</tr>
-								<tr>
-									<th><span>메뉴순서</span></th>
-									<td>
-										<input type="text" name="menuOrdr" id="menuOrdr" />
-									</td>
-								</tr>
-								<tr id="menuOpen">
-									<th><span>메뉴노출</span></th>
-									<td>
-<!-- 										<select name="useYn" id="useYn" title="" > -->
-<!-- 										</select> -->
-						                	<%-- <option value="Y" <c:if test="${userSearchVO.useYn == 'Y'}">selected="selected"</c:if> >사용</option>
-						                    <option value="N" <c:if test="${userSearchVO.useYn == 'N'}">selected="selected"</c:if> >미사용</option> --%>
-					                    <c:forEach var="authorList" items="${authorList}" varStatus="status">
-											<div>
-												<%-- <input type="checkbox" id="${authorList.authorCode}" name="${authorList.authorCode}" value="${authorList.authorCode}"/>
-												<label for="${authorList.authorCode}"> ${authorList.authorNm} </label> --%>
-												<input name="authorChkList" id="<c:out value="${authorList.authorCode}"/>" title="Check <c:out value="${status.count}"/>" type="checkbox" value="${authorList.authorCode}"/>
-												<label for="<c:out value="${authorList.authorCode}"/>" style="position: unset;"><c:out value="${authorList.authorCode}"/></label>
 											</div>
-										</c:forEach>
+										</td>
-									</td>
+									</tr>
-								</tr>
+									<tr>
-								<c:if test="${menuManageVO.authorCode == 'ROLE_ANONYMOUS'}">
+										<th><span>메뉴명</span></th>
-								<tr id="satisTr">
+										<td>
-									<th><span>만족도 평가</span></th>
+											<input type="text" name="menuNm" id="menuNm" />
-									<td>
+											<input type="hidden" id="tmp_Name" name="tmp_Name"/><!-- 이전메뉴 이름 -->
-										<select name="satisYn" id="satisYn" title="" >
+										</td>
-						                	<option value="Y" <c:if test="${userSearchVO.satisYn == 'Y'}">selected="selected"</c:if> >사용</option>
+									</tr>
-						                    <option value="N" <c:if test="${userSearchVO.satisYn == 'N'}">selected="selected"</c:if> >미사용</option>
+									<tr>
-										</select>
+										<th><span>메뉴설명</span></th>
-									</td>
+										<td>
-								</tr>
+											<input type="text" name="menuDc" id="menuDc" style="width:100%;"/>
-								</c:if>
+											<input type="hidden" id="dc_Name" name="dc_Name"/><!-- 이전메뉴 이름 -->
-							</tbody>
+											<p class="cf_text mt10">상세페이지에 대한 제어가 필요한 경우 상세 페이지 주소를 넣으면 된다.</p>
-						</table>
+											<p class="cf_text">ex)adjReqMgrRegDetail</p>
+										</td>
+									</tr>
+									
+									
+									
+									<tr>
+										<th><span>타입</span></th>
+										<td>
+											<select name="menuType" id="menuType" title="" onchange="initShowUrl('N'); return false;">
+							                	<option value="M" <c:if test="${userSearchVO.menuType == 'M'}">selected="selected"</c:if> >메뉴</option>
+							                    <option value="P" <c:if test="${userSearchVO.menuType == 'P'}">selected="selected"</c:if> >프로그램</option>
+							                    <option value="C" <c:if test="${userSearchVO.menuType == 'C'}">selected="selected"</c:if> >HTML컨텐츠</option>
+							                    <option value="B" <c:if test="${userSearchVO.menuType == 'B'}">selected="selected"</c:if> >게시판</option>
+							                    <option value="O" <c:if test="${userSearchVO.menuType == 'O'}">selected="selected"</c:if> >외부링크</option>
+											</select>
+											<span>
+											 
+											<a style="display: none;cursor:pointer;" id="btnContent"
+									        	target="_blank" title="새창으로" onclick="searchContentList(); return false;"
+												style="selector-dummy:expression(this.hideFocus=false);" >
+									        	<img src="<c:url value='/img/post/serch_img.png' />" alt='컨텐츠ID 검색' width="15" height="15" />
+									        	<span style="vertical-align: middle;">(화면컨텐츠ID 검색)</span>
+									        </a>
+									        <span style="display:none;width:60px;height:36px;cursor:pointer;padding-left:5px;vertical-align:middle;" id="htmlComfirm">
+									        	<button class="btn btn_text blue_border" style="width:100%;height:100%;padding:0;" onclick="htmlComfirm();" id="a_contentLink">확인</button>
+									        </span>
+									        
+							        		<span id="contentNameSpan" style="color: blue"></span>
+											<a style="display: none;cursor:pointer;" id="btnBBS" 
+									        	target="_blank" title="새창으로" onclick="searchBBSId(); return false;"
+												style="selector-dummy:expression(this.hideFocus=false);" >
+									        	<img src="<c:url value='/img/post/serch_img.png' />" alt='게시판ID 검색' width="15" height="15" />
+									        	<span style="vertical-align: middle;">(게시판ID 검색)</span>
+									        </a>
+									        <span id="BBSNameSpan" style="color: blue"></span>
+											<span id="showUrl" style="display: none;" >
+											<br>
+												URL <input type="text" name="url" id="url"  style="width:100%;"/>
+												<input type="hidden" id="url_tmp" name="url_tmp"/>
+											</span>
+										</td>
+									</tr>
+									<tr>
+										<th><span>상위메뉴번호</span></th>
+										<td>
+											<span id="upperMenuIdText"></span>
+											<input type="hidden" id="upperMenuId" name="upperMenuId"/>
+										</td>
+									</tr>
+									<tr>
+										<th><span>프로그램파일명</span></th>
+										<td>
+											<input type="text" name="progrmFileNm" id="progrmFileNm" readonly="readonly" onkeyup="onkeyContentName(event);" />
+											<input type="hidden" name="progrmHtmlFileId" id="progrmHtmlFileId" />
+											<input type="hidden" name="progrmBbsId" id="progrmBbsId" />
+											<input type="hidden" name="progrmFileNm_tmp" id="progrmFileNm_tmp" />
+										</td>
+									</tr>
+									<tr>
+										<th><span>메뉴경로</span></th>
+										<td>
+											<span id="menuCours">
+											</span>
+										</td>
+									</tr>
+									<tr>
+										<th><span>메뉴순서</span></th>
+										<td>
+											<input type="text" name="menuOrdr" id="menuOrdr" />
+										</td>
+									</tr>
+									<tr id="menuOpen">
+										<th><span>메뉴노출</span></th>
+										<td>
+	<!-- 										<select name="useYn" id="useYn" title="" > -->
+	<!-- 										</select> -->
+							                	<%-- <option value="Y" <c:if test="${userSearchVO.useYn == 'Y'}">selected="selected"</c:if> >사용</option>
+							                    <option value="N" <c:if test="${userSearchVO.useYn == 'N'}">selected="selected"</c:if> >미사용</option> --%>
+						                    <c:forEach var="authorList" items="${authorList}" varStatus="status">
+												<div>
+													<%-- <input type="checkbox" id="${authorList.authorCode}" name="${authorList.authorCode}" value="${authorList.authorCode}"/>
+													<label for="${authorList.authorCode}"> ${authorList.authorNm} </label> --%>
+													<input name="authorChkList" id="<c:out value="${authorList.authorCode}"/>" title="Check <c:out value="${status.count}"/>" type="checkbox" value="${authorList.authorCode}"/>
+													<label for="<c:out value="${authorList.authorCode}"/>" style="position: unset;"><c:out value="${authorList.authorCode}"/></label>
+												</div>
+											</c:forEach>
+										</td>
+									</tr>
+									<c:if test="${menuManageVO.authorCode == 'ROLE_ANONYMOUS'}">
+									<tr id="satisTr">
+										<th><span>만족도 평가</span></th>
+										<td>
+											<select name="satisYn" id="satisYn" title="" >
+							                	<option value="Y" <c:if test="${userSearchVO.satisYn == 'Y'}">selected="selected"</c:if> >사용</option>
+							                    <option value="N" <c:if test="${userSearchVO.satisYn == 'N'}">selected="selected"</c:if> >미사용</option>
+											</select>
+										</td>
+									</tr>
+									</c:if>
+								</tbody>
+							</table>
+						</div>
+						<!-- btn_wrap -->
+						<div class="btn_wrap mt20">
+							<div class="area_left">
+								<button type="button" class="btn btn_text btn_46 red_border" onClick="fn_delete_menuInfo(); return false;">삭제</button>
+							</div>
+							<div class="area_right">
+								
+								<button type="button" class="btn btn_text btn_46 blue_fill" onClick="fn_save_menuInfo(); return false;">저장</button>
+							</div>
+						</div>
+						<!-- //btn_wrap -->
 					</div>
 				</div>
 				
-				<!-- btn_wrap -->
+				
-				<div class="btn_wrap btn_layout01">
-					<div class="area_left">
-						
-					</div>
-					<div class="area_right">
-						<button type="button" class="btnType04 main1_delete_btn" onClick="fn_delete_menuInfo(); return false;">삭제</button>
-						<button type="button" class="btnType06 main1_save_btn" onClick="fn_save_menuInfo(); return false;">저장</button>
-					</div>
-				</div>
-				<!-- //btn_wrap -->
 			</div>
 		</div>
 	</div>

src/main/webapp/WEB-INF/jsp/uss/ion/cnt/cntManageList.jsp

@@ -184,9 +184,9 @@ function contentListExcelDownload(){
 			<!-- cont -->
 			<div class="cont">
 				<!-- list_top -->
-				<div class="list_top">
+				<div class="list_top table_top">
-					<p>총 건수 : <span><c:out value="${paginationInfo.totalRecordCount}" /></span>건</p>
+					<p clas="table_total_text">총 건수 : <span class="color_blue fw_bold"><c:out value="${paginationInfo.totalRecordCount}" /></span>건</p>
-					<div class="list_util">
+					<div class="list_util search_wrap">
 					<c:if test="${siteId eq 'super'}">
 						<select name="searchConditionSite" id="searchConditionSite" title="검색조건2-검색어구분">
 							<c:forEach var="result" items="${siteManageList}" varStatus="status">
@@ -196,7 +196,7 @@ function contentListExcelDownload(){
 					</c:if>
 					컨텐츠 명 : 
 					<input type="text" id="searchKeyword" name="searchKeyword" value="<c:out value='${cntManageVO.searchKeyword}'/>" class="search_input" placeholder="검색어를 입력하세요">
-					<button class="btn_search" onclick="fncSelectCntList(); return false;">검색</button>
+					<button class="btn btn_text blue_border" onclick="fncSelectCntList(); return false;">검색</button>
 					
 					<select class="sel2" name="pageUnit" id="pageUnit" onchange="linkPage(1);" title="줄 선택" style="width: 140px">
 						<option value='10' <c:if test="${cntManageVO.pageUnit == '10' or cntManageVO.pageUnit == ''}">selected</c:if>>10줄</option>
@@ -208,7 +208,7 @@ function contentListExcelDownload(){
 				<!-- //list_top -->
 				
 				<!-- list -->
-				<div class="list tbType01">
+				<div class="table-layout mt15">
 					<table>
 						<colgroup>
 							<col style="width: 10%">
@@ -265,13 +265,9 @@ function contentListExcelDownload(){
 				<!-- //list -->
 				
 				<!-- btn_wrap -->
-				<div class="btn_wrap btn_layout01">
+				<div class="btn_wrap">
-					<div class="area_left">
+					<button type="button" class="btn btn_text btn_46 red_border"  onclick="fncCntDeleteList(); return false;">삭제</button>
-						<button type="button" class="btnType03"  onclick="fncCntDeleteList(); return false;">삭제</button>
+					<button type="button" class="btn btn_text btn_46 blue_fill"  onclick="location.href='/uss/ion/cnt/cntManageInsert.do'; return false;">등록</button>
-					</div>
-					<div class="area_right">
-						<button type="button" class="btnType02"  onclick="location.href='/uss/ion/cnt/cntManageInsert.do'; return false;">등록</button>
-					</div>
 				</div>
 				<!-- //btn_wrap -->
 				

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

@@ -177,8 +177,8 @@ function fn_egov_downFile(atchFileId, fileSn){
 	
 			<div class="cont">
 				<!-- list_상세 -->
-				<div class="tbType02">
+				<div class="col-table data-table">
-					<table>
+					<table class="w100per">
 						<colgroup>
 							<col style="width: 20%">
 							<col style="width: 80%">
@@ -186,8 +186,8 @@ function fn_egov_downFile(atchFileId, fileSn){
 	
 						<tbody>
 							<tr>
-								<th><span class="reqArea">원본이미지</span></th>
+								<th style="vertical-align:middle;"><span class="reqArea">원본이미지</span></th>
-								<td colspan="3">
+								<td>
 									<c:if test="${mainzoneVO.mazId == ''}">
 											<div class="imgBox"></div>
 									</c:if>
@@ -198,14 +198,14 @@ function fn_egov_downFile(atchFileId, fileSn){
 							</tr>
 							<tr>
 								<th>비주얼명</th>
-								<td colspan="3">
+								<td>
-									<form:input path="mazNm" maxlength="30" />								
+									<form:input path="mazNm" class="w80per" maxlength="30" />								
 								</td>
 							</tr>
 							<tr>
 								<th>대체텍스트</th>
 								<td>
-									<form:input path="content" maxlength="300" />
+									<form:input path="content" class="w80per" maxlength="300" />
 								</td>
 							</tr>
 							<tr>
@@ -226,12 +226,12 @@ function fn_egov_downFile(atchFileId, fileSn){
 							
 							
 							<tr>
-								<th><span class="reqArea">파일 첨부</span></th>
+								<th style="vertical-align:middle;"><span class="reqArea">파일 첨부</span></th>
 								<td class="upload_area">
 									<input type="file" id="file_temp" name="file_temp" class="uploadFile" style="display:none"/>
-									<button type="button" id="filebutton" class="btnType01 btn_add_file">파일 첨부하기</button>
+									<button type="button" id="filebutton" class="btn btn_text btn_36 blue_border">파일 첨부하기</button>
 									<div class="file_wrap file_upload_box no_img_box">
-										<table class="tbType02">
+										<table>
 											<colgroup>
 												<col style="width: 60%;">
 												<col style="width: auto;">
@@ -284,7 +284,7 @@ function fn_egov_downFile(atchFileId, fileSn){
 															<span class="file_size_text" value="<c:out value="${fileList.fileMg}"/>"><c:out value="${fileList.fileMg}"/></span>
 														</td>
 														<td>
-															<button type="button" class="btn_del" onclick="delAtchFile('${fileList.atchFileId}', '${fileList.fileSn}'); return false;"><i></i></button>
+															<button type="button" class="btn btn_text red_border btn_del" onclick="delAtchFile('${fileList.atchFileId}', '${fileList.fileSn}'); return false;">삭제</button>
 														</td>
 													</tr>
 				                        		</c:forEach>
@@ -315,18 +315,20 @@ function fn_egov_downFile(atchFileId, fileSn){
 				<!-- //list_상세 -->
 	
 				<!-- btn_wrap -->
-				<div class="btn_wrap btn_layout01">
+				<div class="btn_wrap">
 					<div class="area_left">
+						<c:if test="${!empty mainzoneVO.mazId }">
+							<button type="button" class="btn btn_text btn_46 red_border" onclick="fn_mainzone_delete(); return false;" >삭제</button>
+						</c:if>
 					</div>
 					<div class="area_right">
 						<c:if test="${!empty mainzoneVO.mazId }">
-							<button type="button" class="btnType04" onclick="fn_mainzone_delete(); return false;" >삭 제</button>
+							<button type="button" class="btn btn_text btn_46 blue_fill" onclick="validate('mainzone_U'); return false;">수정</button>
-							<button type="button" class=btnType06 onclick="validate('mainzone_U'); return false;">수 정</button>
 						</c:if>
 						<c:if test="${empty mainzoneVO.mazId }">
-							<button type="button" class="btnType06" onclick="validate('mainzone_I'); return false;">저 장</button>
+							<button type="button" class="btn btn_text btn_46 blue_fill" onclick="validate('mainzone_I'); return false;">저장</button>
 						</c:if>
-						<button type="button" class="btnType04" onclick="goList(); return false;">목 록</button>
+						<button type="button" class="btn btn_text btn_46 gray_fill" onclick="goList(); return false;">목록</button>
 					</div>				
 				</div>
 				<!-- //btn_wrap -->

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

@@ -154,16 +154,16 @@ $(window).load(function() {
 
 			<div class="cont">
 				<!-- list_top -->
-				<div class="list_top">
+				<div class="list_top table_top">
-					<p>조회건수 : <span><c:out value="${paginationInfo.totalRecordCount}"/></span>건</p>
+					<p class="table_total_text">조회건수 : <span class="color_blue fw_bold"><c:out value="${paginationInfo.totalRecordCount}"/></span>건</p>
-					<div class="list_util">
+					<div class="list_util search_wrap">
 						<select name="searchCondition" id="searchCondition">
 							<option value="">전체</option>
 							<option value="1" <c:if test="${mainzoneVO.searchCondition == '1'}">selected</c:if>>제목</option>
 							<option value="2" <c:if test="${mainzoneVO.searchCondition == '2'}">selected</c:if>>대체텍스트</option>
 						</select>
 						<input type="text" id="searchKeyword" name="searchKeyword" class="search_input" value="<c:out value='${mainzoneVO.searchKeyword}'/>" maxlength="200" placeholder="검색어를 입력하세요">
-						<button class="btn_search" onclick="linkPage(1); return false;">검색</button>
+						<button class="btn btn_text blue_border" onclick="linkPage(1); return false;">검색</button>
 					</div>
 				</div>
 				<!-- //list_top -->
@@ -204,10 +204,8 @@ $(window).load(function() {
 		         	</c:if>								
 				</div>
 				<!-- //list -->
-				<div class="btn_wrap btn_layout02">
+				<div class="btn_wrap right">
-					<!-- <button type="button" class="btnType01" onclick="fn_mainzone_contest_delete(); return false;">삭제</button> -->
+					<button type="button" class="btn btn_text btn_46 blue_fill" onclick="fn_mainzone_insert_view('1'); return false;">등록</button>
-					<button type="button" class="btnType02" onclick="fn_mainzone_insert_view('1'); return false;">등록</button>
-					
 				</div>
 				<!-- 페이지 네비게이션 시작 -->
 				<c:if test="${!empty mainzoneList}">

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

@@ -175,7 +175,7 @@ function fn_egov_downFile(atchFileId, fileSn){
 
 		<div class="cont">
 			<!-- list_상세 -->
-			<div class="tbType02">
+			<div class="col-table data-table">
 				<table>
 					<colgroup>
 						<col style="width: 20%">
@@ -184,8 +184,8 @@ function fn_egov_downFile(atchFileId, fileSn){
 
 					<tbody>
 						<tr>
-							<th><span class="reqArea">원본이미지</span></th>
+							<th style="vertical-align:middle;"><span class="reqArea">원본이미지</span></th>
-							<td colspan="3">
+							<td>
 								<c:if test="${popupzoneVO.pozId == ''}">
 										<div class="imgBox"></div>
 								</c:if>
@@ -196,20 +196,20 @@ function fn_egov_downFile(atchFileId, fileSn){
 						</tr>
 						<tr>
 							<th>알림창 제목</th>
-							<td colspan="3">
+							<td>
-								<form:input path="pozNm" maxlength="30" />								
+								<form:input path="pozNm" class="w100per" maxlength="30" />								
 							</td>
 						</tr>
 						<tr>
-							<th>이미지 타이틀</th>
+							<th style="vertical-align:middle;">이미지 타이틀</th>
 							<td>
-								<textarea id="content" name="content" rows="10" cols="150">${popupzoneVO.content}</textarea>
+								<textarea id="content" class="w100per" name="content" rows="10" cols="150">${popupzoneVO.content}</textarea>
 							</td>
 						</tr>
 						<tr>
 							<th>링크</th>
 							<td>
-								<form:input path="mlink" maxlength="200" />									
+								<form:input path="mlink" class="w100per" maxlength="200" />									
 							</td>
 						</tr>
 						<tr>
@@ -239,7 +239,7 @@ function fn_egov_downFile(atchFileId, fileSn){
 						
 						
 						<tr>
-							<th><span class="reqArea">파일 첨부</span></th>
+							<th style="vertical-align:middle;"><span class="reqArea">파일 첨부</span></th>
 							<%-- <td class="upload_area">
 									<!-- <div class="file_upload_box no_img_box">
 										<img class="upload_box_img" src="/direct/img/upload_img.png" alt="">
@@ -323,7 +323,7 @@ function fn_egov_downFile(atchFileId, fileSn){
 							</td> --%>
 							<td class="upload_area">
 								<input type="file" id="file_temp" name="file_temp" class="uploadFile" style="display:none"/>
-								<button type="button" id="filebutton" class="btnType01 btn_add_file">파일 첨부하기</button>
+								<button type="button" id="filebutton" class="btn btn_text btn_36 blue_border btn_add_file">파일 첨부하기</button>
 								<div class="file_wrap file_upload_box no_img_box">
 									<table class="tbType02">
 										<colgroup>
@@ -378,7 +378,7 @@ function fn_egov_downFile(atchFileId, fileSn){
 														<span class="file_size_text" value="<c:out value="${fileList.fileMg}"/>"><c:out value="${fileList.fileMg}"/></span>
 													</td>
 													<td>
-														<button type="button" class="btn_del" onclick="delAtchFile('${fileList.atchFileId}', '${fileList.fileSn}'); return false;"><i></i></button>
+														<button type="button" class="btn btn_text red_border btn_del" onclick="delAtchFile('${fileList.atchFileId}', '${fileList.fileSn}'); return false;">삭제</button>
 													</td>
 												</tr>
 			                        		</c:forEach>
@@ -411,16 +411,18 @@ function fn_egov_downFile(atchFileId, fileSn){
 			<!-- btn_wrap -->
 			<div class="btn_wrap btn_layout01">
 				<div class="area_left">
+					<c:if test="${!empty popupzoneVO.pozId }">
+						<button type="button" class="btn btn_text btn_46 red_border" onclick="fn_popupzone_delete(); return false;" >삭 제</button>
+					</c:if>
 				</div>
 				<div class="area_right">
 					<c:if test="${!empty popupzoneVO.pozId }">
-						<button type="button" class="btnType04" onclick="fn_popupzone_delete(); return false;" >삭 제</button>
+						<button type="button" class="btn btn_text btn_46 blue_fill" onclick="fn_popupzone_update('popupZoin_U'); return false;">수 정</button>
-						<button type="button" class="btnType06" onclick="fn_popupzone_update('popupZoin_U'); return false;">수 정</button>
 					</c:if>
 					<c:if test="${empty popupzoneVO.pozId }">
-						<button type="button" class="btnType06" onclick="fn_popupzone_insert( 'popupZoin_I'); return false;">저 장</button>
+						<button type="button" class="btn btn_text btn_46 blue_fill" onclick="fn_popupzone_insert( 'popupZoin_I'); return false;">저 장</button>
 					</c:if>				
-					<button type="button" class="btnType04" onclick="goList(); return false;">목 록</button>
+					<button type="button" class="btn btn_text btn_46 gray_fill" onclick="goList(); return false;">목 록</button>
 				</div>				
 			</div>
 			<!-- //btn_wrap -->

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

@@ -133,16 +133,16 @@ function linkPage(pageNo){
 
 			<div class="cont">
 				<!-- list_top -->
-				<div class="list_top">
+				<div class="list_top table_top">
-					<p>조회건수 : <span><c:out value="${paginationInfo.totalRecordCount}"/></span>건</p>
+					<p class="table_total_text">조회건수 : <span class="color_blue fw_bold"><c:out value="${paginationInfo.totalRecordCount}"/></span>건</p>
-					<div class="list_util">
+					<div class="list_util search_wrap">
 						<select name="searchCondition" id="searchCondition">
 							<option value="">전체</option>
 							<option value="1" <c:if test="${searchVO.searchCondition == '1'}">selected</c:if>>제목</option>
 							<option value="2" <c:if test="${searchVO.searchCondition == '2'}">selected</c:if>>링크</option>
 						</select>
 						<input type="text" id="searchKeyword" name="searchKeyword" class="search_input" value="<c:out value='${searchVO.searchKeyword}'/>" maxlength="200" placeholder="검색어를 입력하세요">
-						<button class="btn_search" onclick="linkPage(1); return false;">검색</button>
+						<button class="btn btn_text blue_border" onclick="linkPage(1); return false;">검색</button>
 					</div>
 				</div>
 				<!-- //list_top -->
@@ -182,9 +182,9 @@ function linkPage(pageNo){
 		         	</c:if>								
 				</div>
 				<!-- //list -->
-				<div class="btn_wrap btn_layout02">
+				<div class="btn_wrap right">
 <!-- 					<button type="button" class="btnType01" onclick="fncBannerListDelete(); return false;">삭제</button> -->
-					<button type="button" class="btnType02" onclick="fn_popupzone_regi('1'); return false;">등록</button>
+					<button type="button" class="btn btn_text btn_46 blue_fill" onclick="fn_popupzone_regi('1'); return false;">등록</button>
 					
 				</div>
 				<!-- 페이지 네비게이션 시작 -->

src/main/webapp/kofair_case_seed/adm/style/common.css

@@ -20,6 +20,7 @@
 .btn.orange_border{background:#fff !important;border:1px solid #fd6e18 !important;color:#fd6e18 !important;}
 .btn.red_border{background:#fff !important;border:1px solid #e40000 !important;color:#e40000 !important;}
 .btn.blue_border{background:#fff !important;border:1px solid #163db1 !important;color:#163db1 !important;}
+.btn.gray_border{background:#fff !important;border:1px solid #d5d5d5 !important;color:#666 !important;}
 
 .btn.light_orange_fill{background:#fdeade;color:#fd6e18;}
 .btn.blue_fill{background:#163db1 !important;color:#fff !important;}
@@ -29,9 +30,9 @@
 .btn.excel_upload{background:#fff url(/kofair_case_seed/adm/images/component/icon_excel_get.png) no-repeat 16px 10px !important;padding:0 18px 0 40px !important;border:1px solid #009541;color:#009541 !important;}
 
 /* input */
-input[type="text"],input[type="search"]{height:36px;border:1px solid #d5d5d5 !important;border-radius:5px !important;box-shadow:none !important;}
+input[type="text"],input[type="search"]{height:36px;font-size:14px;border:1px solid #d5d5d5 !important;border-radius:5px !important;box-shadow:none !important;}
-textarea{border:1px solid #d5d5d5 !important;border-radius:5px !important;box-shadow:none !important;}
+textarea{font-size:14px;border:1px solid #d5d5d5 !important;border-radius:5px !important;box-shadow:none !important;}
-select{height:36px;border:1px solid #d5d5d5 !important;border-radius:5px !important;box-shadow:none !important;background:#fff url(/kofair_case_seed/adm/images/component/icon_select.png) no-repeat calc(100% - 10px) 51% !important;}
+select{min-width:65px;height:36px;padding:4px 35px 4px 10px;border:1px solid #d5d5d5 !important;border-radius:5px !important;box-shadow:none !important;background:#fff url(/kofair_case_seed/adm/images/component/icon_select.png) no-repeat calc(100% - 10px) 51% !important;}
 .wrap label,.wrap .checkbox + label{font-size:16px;font-weight:400;margin:0}
 .wrap label [type="checkbox"],.wrap label [type="radio"]{margin:0 4px 0 0;}
 
@@ -52,6 +53,10 @@ select{height:36px;border:1px solid #d5d5d5 !important;border-radius:5px !import
 .color_orange{color:#fa6718 !important;}
 .color_blue{color:#163db1 !important;}
 
+.reqArea{position:relative;}
+.reqArea::after{position:absolute;content:"*";font-weight:500;left:-12px;top:3px;color:#e40000;}
+
+.cf_text{font-size:14px;color:#666;}
 
 /* 노출/숨김 */
 .show{display:block !important;}

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

@@ -2,16 +2,24 @@
 
 /* sub layout */
 .wrap .seedBody{margin:0 0 80px 0;}
-.wrap .page-title-wrap{}
 .wrap .page-title-inner{float:none;}
-.wrap .page-title-wrap h3,.wrap .title.depth01{float:none;font-size:32px;font-weight:bold;color:#222;margin:0 0 45px 0;}
+.wrap .page-title-wrap h3,.wrap .title.depth01,.wrap .cont_tit h2{float:none;font-size:32px;font-weight:bold;color:#222;margin:0 0 45px 0;padding:0;}
+.wrap .tooltipBox{display:none;}
 .wrap .page-refresh.static{position:absolute;top:8px;margin:0;}
 
 .wrap .page-title-wrap .sch-content-wrap{margin:0 0 10px 0;}
-.sch-content-wrap .sch-select{font-size:15px;}
+.wrap .sch-content-wrap .sch-select,
+.wrap .list_util.search_wrap select{font-size:15px;}
 .wrap .sch-content-wrap *{float:none;height:36px;}
+.wrap .list_util.search_wrap .search_input{width:258px;min-width:140px;margin:0;padding:0 10px;}
+.wrap .list_util.search_wrap button{font-size:16px;} 
 
-.wrap .tooltipBox{display:none;}
+.wrap .cont_wrap{padding:0;}
+.wrap .cont_wrap>.box{box-shadow:none;}
+.wrap .cont_wrap .cont_tit{padding:0;border-bottom:0;}
+.wrap .cont_tit h2::before{display:none}
+.wrap .cont_wrap .cont_nav{display:none;}
+.wrap .cont_wrap .cont{padding:0;}
 
 /* title */
 form h3,.title.depth02{font-size:20px;font-weight:bold;}
@@ -46,10 +54,13 @@ form h3,.title.depth02{font-size:20px;font-weight:bold;}
 .wrap .table_top.right{justify-content:flex-end;}
 .wrap .table_top .sch-content-wrap{margin:0;}
 .wrap .table_top input,.wrap .table_top select{height:36px;}
+.wrap .list_util select,.wrap .list_util input,.wrap .list_util button{height:36px;}
 .wrap .table_total_text{display:block;font-size:15px;font-weight:400;color:#444;margin:0 0 3px 0;align-self:flex-end;}
 .wrap .table-layout{border:0;border-top:2px solid #222;border-radius:0;}
 .wrap .table-layout table th{height:50px;font-size:15px;padding:0;background:#f4f5f6;border-bottom:1px solid #d5d5d5;vertical-align:middle;}
-.wrap .table-layout table td{height:50px;font-size:15px;padding:0;border-bottom:1px solid #d5d5d5;vertical-align:middle;}
+.wrap .table-layout table thead th .sort_wrap{display:inline-flex;margin:0 0 0 8px;gap:3px;}
+.wrap .table-layout table thead th .sort_wrap a{display:flex;width:20px;height:20px;background:#fff;border:1px solid #d5d5d5;border-radius:5px;justify-content:center;align-items:center;}
+.wrap .table-layout table td{height:50px;font-size:15px;text-align:center;padding:0;border-bottom:1px solid #d5d5d5;vertical-align:middle;}
 .wrap .table-layout table tr:hover td{background:#fbfcfc;}
 
 .wrap .table-layout.border table thead th,.wrap .table-layout.border table tbody td{border-right:1px solid #d5d5d5;}
@@ -57,6 +68,9 @@ form h3,.title.depth02{font-size:20px;font-weight:bold;}
 .wrap .table-layout.border table thead tr:nth-child(n+2) th:last-child{border-right:1px solid #d5d5d5;}
 .wrap .table-layout.border table thead th:last-child,.wrap .table-layout.border table tbody td:last-child{border-right:0;}
 
+.wrap .table-layout table{width:100%;}
+.wrap .table-layout thead th .sortBtn{font-size:8px;color:#163db1;}
+
 /* table - 상세 */
 .wrap .bbs-view-layout{padding:0;border-top:2px solid #222;border-bottom:1px solid #e5e5e5;border-radius:0;box-shadow:none;-webkit-box-shadow:none;}
 .wrap .bbs-view-item{width:100%;}
@@ -78,11 +92,54 @@ form h3,.title.depth02{font-size:20px;font-weight:bold;}
 
 .wrap .col-table.data-table.border_0{border-bottom:0;}
 .wrap .col-table.data-table{border:0;border-top:2px solid #222;border-bottom:1px solid #d5d5d5;}
+.wrap .col-table.data-table table{width:100%;}
 .wrap .col-table.data-table table th,.wrap .col-table.data-table table td{height:45px;padding:10px 20px;border-right:1px solid #e5e5e5;font-family:'Noto Sans KR', sans-serif;line-height:1.5;white-space:normal;}
 .wrap .col-table.data-table table th{background:#f4f5f6;}
 .wrap .col-table.data-table table tr{border-bottom:1px solid #e5e5e5;}
 .wrap .col-table.data-table table tbody tr:last-child{border-bottom:0;}
 .wrap .col-table.data-table table td:last-child{border-right:0;}
+.wrap .col-table.data-table textarea{max-width:100%;}
+
+.wrap .radio_wrap,.wrap .radio_wrap span{display:flex;align-items:center;}
+.wrap .radio_wrap{gap:20px;}
+.wrap .radio_wrap input[type="radio"]+label{margin:0 0 0 5px;}
+
+/* 파일 테이블 */
+.upload_area_top{display:flex;margin:0 0 8px 0;justify-content:space-between;align-items:flex-end;}
+.upload_area_top button{height:34px !important;margin:0;}
+.upload_area_top .file_info_text{font-size:15px;font-weight:300;color:#666;margin:0;}
+
+.wrap .file_wrap,.wrap .file_wrap table{width:100%;}
+.wrap .file_wrap{margin:10px 0 0 0;border:1px solid #d5d5d5;border-radius:5px;}
+.wrap .file_wrap table thead th{height:40px !important;background:#cccdce;border-bottom:1px solid #e5e5e5;font-size:15px;font-weight:500;padding:0 5px !important;vertical-align:middle;}
+.wrap .file_wrap table thead th:last-child{border-right:0;}
+.wrap .file_wrap table tbody td{height:35px !important;font-size:14px;padding:0 !important;text-align:center;border-bottom:1px solid #e5e5e5;vertical-align:middle;}
+.wrap .file_wrap table tbody tr:last-child td{border-bottom:0;}
+.wrap .file_wrap table tbody td .btn_del{height:24px;vertical-align:middle;}
+
+/* 갤러리 리스트 */
+.list_gallery{display:flex;border-top:2px solid #222;border-bottom:1px solid #d5d5d5;margin:15px 0 0 0;padding:30px 0;gap:30px;flex-wrap:wrap}
+.list_gallery article{position:relative;width:calc((100% - 104px)/4);border:1px solid #d5d5d5;}
+.list_gallery .gallery_util{position:absolute;display:flex;width:60px;height:30px;right:10px;border-radius:5px;top:10px;background-color:#86817e;color:#fff;justify-content:center;align-items:center;font-size:14px;font-weight:500;z-index:1;}
+.list_gallery .gallery_util.use_gallery{background-color:#163db1;}
+.list_gallery .img_area{position:relative;display:flex;width:100%;height:190px;border-bottom:1px solid #d5d5d5;background-color:#f5f5f5;justify-content:center;align-items:center;}
+.list_gallery .img_area img{max-width:100%;max-height:100%;}
+.list_gallery .text_area{padding:20px;}
+.list_gallery .list_tit{height:40px;font-size:18px;font-weight:600;margin-bottom:8px;line-height:1.3;overflow:hidden;}
+.list_gallery .list_info{display:flex;flex-wrap:wrap;justify-content:space-between;}
+.list_gallery span{font-size:14px;font-weight:400;color:#888888;line-height:1.4;}
+.list_gallery .list_writer{display:block;width:100%;}
+
+/* page */
+.page{margin:40px auto 0 auto;text-align:center;}
+.page button{width:32px;height:32px;border:1px solid #d5d5d5;border-radius:5px;font-size:14px;color:#666;vertical-align:middle;padding:0;margin:1px 2px;}
+.page button.on{border:1px solid #163db1;color:#163db1;}
+.page button i{display:inline-block;width:32px;height:32px;background-repeat:no-repeat;background-position:center;}
+.page .btn_page_first,.page .btn_page_prev,.page .btn_page_next,.page .btn_page_last{background-color:#f5f5f5;}
+.page .btn_page_first i{background-image: url(/kccadrPb/adm/image/btn_page_first.png);}
+.page .btn_page_prev i{background-image: url(/kccadrPb/adm/image/btn_page_prev.png);}
+.page .btn_page_next i{background-image: url(/kccadrPb/adm/image/btn_page_next.png);}
+.page .btn_page_last i{background-image: url(/kccadrPb/adm/image/btn_page_last.png);}
 
 /* editor */
 div.webnote_toolbar_container{display:flex;}
@@ -102,3 +159,12 @@ div.webnote_toolbar_container{display:flex;}
 .wrap .code_cont .icon_menu ul li{margin:0;}
 .wrap .code_table span.button{width:29px;margin:0;}
 .wrap .code_table td.order_td a{display:flex;justify-content:center;}
+
+/* 메뉴관리 */
+.menu_wrap{display:flex;align-items:flex-start;}
+.menu_wrap .menu_area{width:300px;margin:0 50px 0 0;}
+.menu_wrap .menu_area .btn_wrap{margin:0 0 15px 0;}
+.menu_wrap .menu_area .btn_wrap button{width:80px;height:30px;font-size:15px;padding:0;}
+.menu_wrap .menu_area .menu_list{border:1px solid #d5d5d5;border-radius:5px;}
+.menu_wrap .menu_detail{width:calc(100% - 350px);}
+.menu_wrap .menu_detail .title{margin:0 0 25px 0;}

src/main/webapp/kofair_case_seed/css/reset.css

@@ -10,7 +10,7 @@ a {color: inherit; text-decoration: none; display: block;}
 /* a:focus:active:hover{outline: 0} */
 img {display:block;max-width: 100%;font-size: 0; border: 0;}
 table {border-collapse: collapse; border-spacing: 0; table-layout: fixed;}
-select, input {vertical-align: middle; font-family: 'Noto Sans KR', sans-serif;}
+select, input {vertical-align: middle; font-family: 'Noto Sans KR', sans-serif; margin:0;}
 caption, .label{position: absolute;width: 1px; height: 1px; margin: 0; border: none; clip: rect(0,0,0,0); overflow: hidden;}
 /* 안드로이드 및 아이폰에서 기본적으로 적용되어있는 select, input css 제거. */
 select {background-color: #fff; appearance: none; -webkit-appearance: none; -moz-appearance: none;}