Commit @01cef160c8d3fe4a361994a4dd8917866664cb74

정수빈 6 days ago

관리자 팝업

@01cef160c8d3fe4a361994a4dd8917866664cb74

b16a718

01cef16

src/main/webapp/WEB-INF/jsp/sym/cal/EgovNormalCalPopup.jsp

--- src/main/webapp/WEB-INF/jsp/sym/cal/EgovNormalCalPopup.jsp

+++ src/main/webapp/WEB-INF/jsp/sym/cal/EgovNormalCalPopup.jsp


 </style>
 </head>
 <body style="margin :0px;">
-<iframe name="ifcal" src="<c:url value='/sym/cmm/EgovselectNormalCalendar.do'/>" style="width:100%; height:380px;" frameborder="0" scrolling="no" title="달력호출"></iframe>
+<iframe name="ifcal" src="<c:url value='/sym/cmm/EgovselectNormalCalendar.do'/>" style="width:100%; height:430px;" frameborder="0" scrolling="no" title="달력호출"></iframe>
 </body>
 </html>

b16a718

01cef16

src/main/webapp/WEB-INF/jsp/sym/cal/EgovNormalCalendar.jsp

--- src/main/webapp/WEB-INF/jsp/sym/cal/EgovNormalCalendar.jsp

+++ src/main/webapp/WEB-INF/jsp/sym/cal/EgovNormalCalendar.jsp


 }	
 
 </script>
+
 <!-- css -->
-<link rel="stylesheet" href="/kofair_case_seed/css/reset.css">
-<link rel="stylesheet" href="/kofair_case_seed/css/font.css">
-<link rel="stylesheet" href="/kofair_case_seed/adm/style/common.css">
-<link rel="stylesheet" href="/kofair_case_seed/adm/style/layout.css">
-<link rel="stylesheet" href="/kofair_case_seed/adm/style/popup.css">
-<link rel="stylesheet" href="/kofair_case_seed/adm/style/style.css">
-<style TYPE="text/css">
-    body { 
-        margin-top: 0px; margin-left: 0px;
-    }
-</style>
+<link rel="stylesheet" href="/publish/common/css/reset.css">
+<link rel="stylesheet" href="/publish/common/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/button.css">
+<link rel="stylesheet" href="/publish/adm/css/tab.css">
+<link rel="stylesheet" href="/publish/adm/css/table.css">
+<link rel="stylesheet" href="/publish/adm/css/calendar.css">
+<link rel="stylesheet" href="/publish/adm/css/popup.css">
+
 </head>
 <body>
 <form name="Form" action ="${pageContext.request.contextPath}/sym/cmm/EgovselectNormalCalendar.do" method="post">

 <input type="hidden" name="year" value="${resultList[0].year}" />
 <input type="hidden" name="month" value="${resultList[0].month}" />
 <input type="hidden" name="day" />
-<div class="calendar_table">
+
+<div class="calendar_view">
+	<div class="calendar_util">
+		<button type="button" class="btn only_icon large" onclick="javascript:fnChangeCalendar(${resultList[0].year-1},${resultList[0].month}); return false;"><i class="icon arrow first"></i></button>
+		<button type="button" class="btn only_icon large" onclick="javascript:fnChangeCalendar(${resultList[0].year},${resultList[0].month-1}); return false;"><i class="icon arrow prev"></i></button>
+		<strong>
+			${resultList[0].year}년 ${resultList[0].month}월
+		</strong>
+		<button type="button" class="btn only_icon large" onclick="javascript:fnChangeCalendar(${resultList[0].year},${resultList[0].month+1}); return false;"><i class="icon arrow next"></i></button>
+		<button type="button" class="btn only_icon large" onclick="javascript:fnChangeCalendar(${resultList[0].year+1},${resultList[0].month}); return false;"><i class="icon arrow last"></i></button>
+	</div>
+	
+	<div class="calendar_table">
+		<table>
+			<thead>
+				<tr>
+					<th>일</th>
+					<th>월</th>
+					<th>화</th>
+					<th>수</th>
+					<th>목</th>
+					<th>금</th>
+					<th>토</th>
+				</tr>
+			</thead>
+			<tbody>
+				<tr class="date_tr">
+			 		<c:forEach var="result" items="${resultList}" varStatus="status">
+						<c:choose>
+		    				<c:when test='${result.day == ""}'>
+		    			 		<c:choose>
+		        			 		<c:when test='${result.weeks != 6}'><td></td></c:when>
+		    					</c:choose>
+		    				</c:when>
+		    				<c:otherwise>
+		    			 		<c:choose>
+		        			 		<c:when test='${result.restAt == "Y" }'>
+		        					    <td class="lt_text3"  STYLE="color:red;cursor:pointer;cursor:hand" onClick="javascript:fnReturnDay(${result.day});">
+		        					    	${result.day}
+		        					    </td>
+		        					</c:when>
+		        					<c:otherwise>
+		        					    <td class="lt_text3"  STYLE="color:black;cursor:pointer;cursor:hand" onClick="javascript:fnReturnDay(${result.day});">
+		        					    	${result.day}
+		        					    </td>
+		        					</c:otherwise>
+		    					</c:choose>
+		        		 		<c:choose>
+		        			 		<c:when test='${result.week == 7}'>
+		        					    <c:out value="</tr>" escapeXml="false"/>
+		        					    <c:out value="<tr class='date_tr'>" escapeXml="false"/>
+		        					</c:when>
+		        				</c:choose>
+		    				</c:otherwise>
+						</c:choose>
+					</c:forEach>
+				</tr>
+			 </tbody>
+		</table>
+	</div>
+	
+</div>
+
+<%-- <div class="table_calendar">
 	<table cellpadding="1" class="table-line">
 	 <thead>
 	  <tr class="calendar_title">
 	    <th class="title" width="36"  colspan="1">
-	    	<a href="#LINK" onclick="javascript:fnChangeCalendar(${resultList[0].year-1},${resultList[0].month}); return false;"  style="selector-dummy:expression(this.hideFocus=false);cursor:pointer;cursor:hand;"><%-- <img src="<c:url value='/images/btn/icon_pre_year.gif' />" alt="이전년도"> <--%><img src="/kofair_case_seed/adm/images/component/icon_arrow_left_double.png" alt="이전년도" /></a>
+	    	<a href="#LINK" onclick="javascript:fnChangeCalendar(${resultList[0].year-1},${resultList[0].month}); return false;"  style="selector-dummy:expression(this.hideFocus=false);cursor:pointer;cursor:hand;"><img src="<c:url value='/images/btn/icon_pre_year.gif' />" alt="이전년도"> <<img src="/kofair_case_seed/adm/images/component/icon_arrow_left_double.png" alt="이전년도" /></a>
 	    </th>
 	    <th class="title" width="36"  colspan="1">
-	    	<a href="#LINK" onclick="javascript:fnChangeCalendar(${resultList[0].year},${resultList[0].month-1}); return false;"  style="selector-dummy:expression(this.hideFocus=false);cursor:pointer;cursor:hand;"><%-- <img src="<c:url value='/images/btn/icon_pre_month.gif' />" alt="이전달"> --%> <img src="/kofair_case_seed/adm/images/component/icon_arrow_left.png" alt="이전달" /></a>
+	    	<a href="#LINK" onclick="javascript:fnChangeCalendar(${resultList[0].year},${resultList[0].month-1}); return false;"  style="selector-dummy:expression(this.hideFocus=false);cursor:pointer;cursor:hand;"><img src="<c:url value='/images/btn/icon_pre_month.gif' />" alt="이전달"> <img src="/kofair_case_seed/adm/images/component/icon_arrow_left.png" alt="이전달" /></a>
 	    </th>
 	    <th class="title" width="108"  colspan="3">${resultList[0].year}년 ${resultList[0].month}월</th>
 	    <th class="title" width="36"  colspan="1">
-	    	<a href="#LINK" onclick="javascript:fnChangeCalendar(${resultList[0].year},${resultList[0].month+1}); return false;"  style="selector-dummy:expression(this.hideFocus=false);cursor:pointer;cursor:hand;"><%-- <img src="<c:url value='/images/btn/icon_aft_month.gif' />" alt="다음달"> --%><img src="/kofair_case_seed/adm/images/component/icon_arrow_right.png" alt="다음달" /></a>
+	    	<a href="#LINK" onclick="javascript:fnChangeCalendar(${resultList[0].year},${resultList[0].month+1}); return false;"  style="selector-dummy:expression(this.hideFocus=false);cursor:pointer;cursor:hand;"><img src="<c:url value='/images/btn/icon_aft_month.gif' />" alt="다음달"><img src="/kofair_case_seed/adm/images/component/icon_arrow_right.png" alt="다음달" /></a>
 	    </th>
 	    <th class="title" width="36"  colspan="1">
-	    	<a href="#LINK" onclick="javascript:fnChangeCalendar(${resultList[0].year+1},${resultList[0].month}); return false;"  style="selector-dummy:expression(this.hideFocus=false);cursor:pointer;cursor:hand;"><%-- <img src="<c:url value='/images/btn/icon_aft_year.gif' />" alt="다음년도"> --%><img src="/kofair_case_seed/adm/images/component/icon_arrow_right_double.png" alt="다음년도" /></a>
+	    	<a href="#LINK" onclick="javascript:fnChangeCalendar(${resultList[0].year+1},${resultList[0].month}); return false;"  style="selector-dummy:expression(this.hideFocus=false);cursor:pointer;cursor:hand;"><img src="<c:url value='/images/btn/icon_aft_year.gif' />" alt="다음년도"><img src="/kofair_case_seed/adm/images/component/icon_arrow_right_double.png" alt="다음년도" /></a>
 	    </th>
 	  </tr>
 	  <tr class="day_tr">

 		</tr>
 	 </tbody>  
 	</table>
-</div>
-<div class="btn_wrap center mt0">
-	<input type="submit" id="invisible" class="invisible btn btn_text btn_36 blue_border"/>
+</div> --%>
+<div class="btn_wrap center">
+	<!-- <input type="submit" id="invisible" class="btn fill primary medium"/> -->
+	<button type="submit" id="invisible" class="btn fill primary medium btn_submit_calendar">제출</button>
 </div>
 </form>
 </body>

b16a718

01cef16

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

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

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


 	<input name="pageIndex" type="hidden" value="<c:out value='${popupManageVO.pageIndex}'/>"/>
 	<input type="hidden" name="searchSortCnd" value="<c:out value="${popupManageVO.searchSortCnd}" />" />
 	<input type="hidden" name="searchSortOrd" value="<c:out value="${popupManageVO.searchSortOrd}" />" />
-	<div class="cont_wrap">
-		<div class="box">
-			<div class="cont_tit">
-				<h2>팝업관리</h2>
-				<!-- <ul class="cont_nav">
-					<li class="home"><a href="/"><i></i></a></li>
-					<li><span class="cur_nav">관리자 관리</span></li>
-				</ul> -->
+	
+	<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><strong class="current_location">팝업 관리</strong></li>
+	  </ol>
+	</div>
+	
+	
+	<div class="search_area">
+		<div class="search_left">
+			<p class="total_number">총 건수 <b><c:out value="${paginationInfo.totalRecordCount}" /></b>건</p>
+		</div>
+		<div class="search_right">
+			<select class="search_select" id="searchCondition" name="searchCondition" title="조회조건">
+				<option value="" >전체</option>
+				<option value="POPUP_SJ_NM" <c:if test="${searchCondition == 'POPUP_SJ_NM'}">selected="selected"</c:if> >제목</option>
+				<option value="FILE_URL" <c:if test="${searchCondition == 'FILE_URL'}">selected="selected"</c:if> >링크URL</option>
+			</select>
+			<div class="search_type input_type">
+				<input type="text" id="searchKeyword" name="searchKeyword" value="<c:out value='${popupManageVO.searchKeyword}'/>" class="input search_input" placeholder="검색어를 입력하세요" maxlength="255">
 			</div>
-			<!-- cont -->
-			<div class="cont">
-				<!-- list_top -->
-				<div class="list_top table_top">
-					<p>총 건수 : <span class="color_blue fw_bold"><c:out value="${paginationInfo.totalRecordCount}" /></span>건</p>
-					<div class="list_util search_wrap">
-					<select class="sel2 searchSel" id="searchCondition" name="searchCondition" title="조회조건">
-						<option value="" >전체</option>
-						<option value="POPUP_SJ_NM" <c:if test="${searchCondition == 'POPUP_SJ_NM'}">selected="selected"</c:if> >제목</option>
-						<option value="FILE_URL" <c:if test="${searchCondition == 'FILE_URL'}">selected="selected"</c:if> >링크URL</option>
-					</select>
-					
-					<input type="text" id="searchKeyword" name="searchKeyword" value="<c:out value='${popupManageVO.searchKeyword}'/>" class="search_input" placeholder="검색어를 입력하세요" maxlength="255">
-					<button class="btn_search btn btn_text blue_border" onclick="fn_egov_search_PopupManage(); return false;">검색</button>
-					
-					<select class="sel2" name="pageUnit" id="pageUnit" onchange="linkPage(1);" title="줄 선택" style="width: 140px">
-						<option value='10' <c:if test="${popupManageVO.pageUnit == '10' or popupManageVO.pageUnit == ''}">selected</c:if>>10줄</option>
-						<option value='20' <c:if test="${popupManageVO.pageUnit == '20'}">selected</c:if>>20줄</option>
-						<option value='30' <c:if test="${popupManageVO.pageUnit == '30'}">selected</c:if>>30줄</option>
-		               </select>
-					</div>
-				</div>
-				<!-- //list_top -->
-		
-				<!-- list -->
-				<div class="list tbType01 table-layout mt15">
-					<table>
-						<colgroup>
-							<col style="width: 3%">
-							<col style="width: 5%">
-							<col style="width: 20%">
-							<col style="width: 13%">
-							<col style="width: auto;">
-							<col style="width: 10%">
-							<col style="width: 8%">
-							<col style="width: 8%">
-						</colgroup>
-						<thead>
-							<tr>
-								<th><input type="checkbox" name="checkAll" id="checkAll" onclick="fn_egov_checkAll_PopupManage();" /><label for="checkAll"></label></th>
-								<th scope="col">번호<button class="sort sortBtn" id="sort_POPUP_ID">▲</button></th>
-								<th scope="col">제목<button class="sort sortBtn" id="sort_POPUP_TITLE_NM">▲</button></th>
-								<th scope="col">시작일/종료일<button class="sort sortBtn" id="sort_NTCE_BGNDE">▲</button></th>
-<!-- 								<th scope="col">링크URL<button class="sort sortBtn" id="sort_FILE_URL">▲</button></th> -->
-								<th scope="col">팝업 위치<button class="sort sortBtn" id="sort_FILE_URL">▲</button></th>
-								<th scope="col">이미지크기<button class="sort sortBtn" id="sort_FRST_REGIST_PNTTM">▲</button></th>
-								<th scope="col">링크사용여부<button class="sort sortBtn" id="sort_NTCE_AT">▲</button></th>
-								<th scope="col">등록일<button class="sort sortBtn" id="sort_FRST_REGIST_PNTTM">▲</button></th>
-								
-							</tr>
-						</thead>
-						<tbody>
-							<c:forEach var="result" items="${resultList}" varStatus="status">
-							<tr>
-								<td>
-									<input name="checkList" id="<c:out value='${result.popupId}'/>"  value="<c:out value='${result.popupId}'/>" type="checkbox"/><label for="<c:out value="${result.popupId}"/>"></label>
-								</td>
-								<td>
-									<c:if test="${popupManageVO.searchSortOrd eq 'desc' }">
-			                			<c:out value="${ ( paginationInfo.totalRecordCount - ((popupManageVO.pageIndex -1)*popupManageVO.pageUnit) ) - status.index }"/>
-				                	</c:if>
-				                	<c:if test="${popupManageVO.searchSortOrd eq 'asc' }">
-										<c:out value="${(popupManageVO.pageIndex - 1) * popupManageVO.pageUnit + status.count}"/>                		
-				                	</c:if>
-								</td>
-								<td>
-									<a href="#" onclick="fn_egov_detail_PopupManage('${result.popupId}'); return false;">${result.popupTitleNm}</a>
-								</td>
-								<td>
-										<c:set var="ntceBgnde" value="${fn:trim(result.ntceBgnde)}"/>
-										<c:set var="ntceEndde" value="${fn:trim(result.ntceEndde)}"/>
-										<fmt:parseDate value='${ntceBgnde}' var='ntceBgnde' pattern="yyyyMMddHHmm" scope="page" />
-								    	<fmt:parseDate value='${ntceEndde}' var='ntceEndde' pattern="yyyyMMddHHmm" scope="page" />
-								    	<fmt:formatDate value="${ntceBgnde}" pattern="yyyy-MM-dd HH:mm"/><br/> ~ <fmt:formatDate value="${ntceEndde}" pattern="yyyy-MM-dd HH:mm"/>
-								</td>
-								<td>
-<%-- 									<c:out value="${result.fileUrl}"/> --%>
-										화면 상단으로 부터 : <c:out value="${result.popupVrticlLc}"/>
-										</br>
-										화면 좌측으로 부터 : <c:out value="${result.popupWidthLc}"/>
-			                    </td>
-			                    <td>
-			                    	<c:if test="${!empty result.width}">
-										높이 : <c:out value="${result.height}"/>
-										</br>
-										너비 : <c:out value="${result.width}"/>
-									</c:if>
-			                    </td>
-			                    <td>
-									<c:out value="${result.ntceAt}"/>
-								</td>
-								<td>
-									<c:out value="${result.frstRegistPnttm}"/>
-			                    </td>
-							</tr>
-							</c:forEach>
-							<c:if test="${empty resultList}">
-			         			<tr><td colspan="7"><spring:message code="common.nodata.msg" /></td></tr>
-			         		</c:if>
-						</tbody>
-					</table>
-				</div>
-				<!-- //list -->
-				
-				<!-- btn_wrap -->
-				<div class="btn_wrap btn_layout01">
-					<div class="area_left">
-						<button type="button" class="btnType03 btn btn_text btn_46 red_border"  onclick="fncPopupListDelete(); return false;">삭제</button>
-					</div>
-					<div class="area_right">
-						<button type="button" class="btnType02 btn btn_text btn_46 blue_fill" onclick="location.href='/uss/ion/pwm/egovPopupRegist.do'; return false;">등록</button>
-					</div>
-				</div>
-				<!-- //btn_wrap -->
-				
-				<!-- page -->
-				<c:if test="${!empty resultList}">
-				<div class="page">
-					<ul class="inline">
-						<ui:pagination paginationInfo = "${paginationInfo}"  type="image" jsFunction="linkPage" />
-					</ul>
-				</div>
-				</c:if>
-			</div>
-			<!-- //cont -->
+			
+			<button class="btn btn_search" onclick="fn_egov_search_PopupManage(); return false;">검색</button>
+			
+			<select class="search_select" name="pageUnit" id="pageUnit" onchange="linkPage(1);" title="줄 선택" style="width: 140px">
+				<option value='10' <c:if test="${popupManageVO.pageUnit == '10' or popupManageVO.pageUnit == ''}">selected</c:if>>10줄</option>
+				<option value='20' <c:if test="${popupManageVO.pageUnit == '20'}">selected</c:if>>20줄</option>
+				<option value='30' <c:if test="${popupManageVO.pageUnit == '30'}">selected</c:if>>30줄</option>
+               </select>
 		</div>
 	</div>
+	
+	<div class="table table_type_cols">
+		<table>
+			<colgroup>
+				<col style="width: 40px">
+				<col style="width: 5%">
+				<col style="width: 20%">
+				<col style="width: 13%">
+				<col style="width: auto;">
+				<col style="width: 10%">
+				<col style="width: 8%">
+				<col style="width: 8%">
+			</colgroup>
+			<thead>
+				<tr>
+					<th><input type="checkbox" name="checkAll" id="checkAll" onclick="fn_egov_checkAll_PopupManage();" /><label for="checkAll"></label></th>
+					<th scope="col">번호<button class="sort sortBtn" id="sort_POPUP_ID">▲</button></th>
+					<th scope="col">제목<button class="sort sortBtn" id="sort_POPUP_TITLE_NM">▲</button></th>
+					<th scope="col">시작일/종료일<button class="sort sortBtn" id="sort_NTCE_BGNDE">▲</button></th>
+	<!-- 								<th scope="col">링크URL<button class="sort sortBtn" id="sort_FILE_URL">▲</button></th> -->
+					<th scope="col">팝업 위치<button class="sort sortBtn" id="sort_FILE_URL">▲</button></th>
+					<th scope="col">이미지크기<button class="sort sortBtn" id="sort_FRST_REGIST_PNTTM">▲</button></th>
+					<th scope="col">링크사용여부<button class="sort sortBtn" id="sort_NTCE_AT">▲</button></th>
+					<th scope="col">등록일<button class="sort sortBtn" id="sort_FRST_REGIST_PNTTM">▲</button></th>
+					
+				</tr>
+			</thead>
+			<tbody>
+				<c:forEach var="result" items="${resultList}" varStatus="status">
+				<tr>
+					<td>
+						<input name="checkList" id="<c:out value='${result.popupId}'/>"  value="<c:out value='${result.popupId}'/>" type="checkbox"/><label for="<c:out value="${result.popupId}"/>"></label>
+					</td>
+					<td>
+						<c:if test="${popupManageVO.searchSortOrd eq 'desc' }">
+	               			<c:out value="${ ( paginationInfo.totalRecordCount - ((popupManageVO.pageIndex -1)*popupManageVO.pageUnit) ) - status.index }"/>
+	                	</c:if>
+	                	<c:if test="${popupManageVO.searchSortOrd eq 'asc' }">
+							<c:out value="${(popupManageVO.pageIndex - 1) * popupManageVO.pageUnit + status.count}"/>                		
+	                	</c:if>
+					</td>
+					<td>
+						<a href="#" onclick="fn_egov_detail_PopupManage('${result.popupId}'); return false;">${result.popupTitleNm}</a>
+					</td>
+					<td>
+							<c:set var="ntceBgnde" value="${fn:trim(result.ntceBgnde)}"/>
+							<c:set var="ntceEndde" value="${fn:trim(result.ntceEndde)}"/>
+							<fmt:parseDate value='${ntceBgnde}' var='ntceBgnde' pattern="yyyyMMddHHmm" scope="page" />
+					    	<fmt:parseDate value='${ntceEndde}' var='ntceEndde' pattern="yyyyMMddHHmm" scope="page" />
+					    	<fmt:formatDate value="${ntceBgnde}" pattern="yyyy-MM-dd HH:mm"/><br/> ~ <fmt:formatDate value="${ntceEndde}" pattern="yyyy-MM-dd HH:mm"/>
+					</td>
+					<td>
+	<%-- 									<c:out value="${result.fileUrl}"/> --%>
+							화면 상단으로 부터 : <c:out value="${result.popupVrticlLc}"/>
+							</br>
+							화면 좌측으로 부터 : <c:out value="${result.popupWidthLc}"/>
+	                   </td>
+	                   <td>
+	                   	<c:if test="${!empty result.width}">
+							높이 : <c:out value="${result.height}"/>
+							</br>
+							너비 : <c:out value="${result.width}"/>
+						</c:if>
+	                   </td>
+	                   <td>
+						<c:out value="${result.ntceAt}"/>
+					</td>
+					<td>
+						<c:out value="${result.frstRegistPnttm}"/>
+	                   </td>
+				</tr>
+				</c:forEach>
+				<c:if test="${empty resultList}">
+	        			<tr><td colspan="7"><spring:message code="common.nodata.msg" /></td></tr>
+	        		</c:if>
+			</tbody>
+		</table>
+	</div>
+	
+	<!-- btn_wrap -->
+	<div class="btn_wrap">
+		<div class="left">
+			<button type="button" class="btn line red xlarge"  onclick="fncPopupListDelete(); return false;">삭제</button>
+		</div>
+		<div class="right">
+			<button type="button" class="btn fill primary xlarge" onclick="location.href='/uss/ion/pwm/egovPopupRegist.do'; return false;">등록</button>
+		</div>
+	</div>
+	<!-- //btn_wrap -->
+	
+	<!-- page -->
+	<c:if test="${!empty resultList}">
+	<div class="page">
+		<ul class="inline">
+			<ui:pagination paginationInfo = "${paginationInfo}"  type="image" jsFunction="linkPage" />
+		</ul>
+	</div>
+	</c:if>
+	
 </form>
 <form name="subForm" method="get" action="<c:url value='/uss/ion/pwm/detailPopup.do'/>">
    	<input name="popupId" type="hidden" value="" />

b16a718

01cef16

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

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

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


 }
 </script>
 <style>
-.date_format{width:91px !important;}
-.main1_table input{
-		width: unset;
-	}
+.main1_table input{width: unset;}
 </style>
 </head>
 <body>

 	<form:hidden path="ntceEndde" />
 	<input name="cmd" type="hidden" value="<c:out value='save'/>"/>
 	<input name="popupType" type="hidden" value="<c:out value='L'/>"/>
-					
-<!-- cont -->
-<div class="cont_wrap">
-	<div class="box">
-
-		<!-- cont_tit -->
-		<div class="cont_tit">
-			<h2>팝업 등록</h2>
-		</div>
-		<!-- //cont_tit -->
-
-		<div class="cont">
-			<!-- list_상세 -->
-			<div class="tbType02 col-table data-table">
-				<table>
-					<colgroup>
-						<col style="width: 20%">
-						<col style="width: 80%">
-					</colgroup>
-
-					<tbody>
-						<tr>
-							<th><span class="reqArea">팝업명</span></th>
-							<td>
-								<form:input path="popupTitleNm" size="50" title="팝업명" maxlength="255"/>
-		      					<form:errors path="popupTitleNm" />							
-							</td>
-						</tr>
-						<tr>
-							<th><span class="reqArea">게시기간</span></th>
-							<td>
-								<%-- <input type="hidden" name="cal_url" id="cal_url" value="<c:url value='/sym/cmm/EgovNormalCalPopup.do'/>" >
-							    <input type="text" class="date_format" name="ntceBgndeYYYMMDD" id="ntceBgndeYYYMMDD" size="10" maxlength="10" class="readOnlyClass" readonly>
-							    
-							    <a href="#" onClick="javascript:fn_egov_NormalCalendar(document.forms.popupManageVO, document.forms.popupManageVO.ntceBgndeYYYMMDD);">
-							    <input type="button" class="calBtn">
-							    <img src="<c:url value='/images/egovframework/com/cmm/icon/bu_icon_carlendar.gif' />"  align="middle" style="border:0px" alt="달력창팝업버튼이미지">
-							    </a>
-							    <form:select path="ntceBgndeHH" class="date_format">
-							        <form:options items="${ntceBgndeHH}" itemValue="code" itemLabel="codeNm"/>
-							    </form:select>시
-							    <form:select path="ntceBgndeMM" class="date_format">
-							        <form:options items="${ntceBgndeMM}" itemValue="code" itemLabel="codeNm"/>
-							    </form:select>분
-							    &nbsp&nbsp~&nbsp&nbsp
-							    <input type="text" class="date_format" name="ntceEnddeYYYMMDD" id="ntceEnddeYYYMMDD" size="10" maxlength="10" class="readOnlyClass" readonly>
-							    <a href="#" onClick="javascript:fn_egov_NormalCalendar(document.forms.popupManageVO, document.forms.popupManageVO.ntceEnddeYYYMMDD);">
-							    <input type="button" class="calBtn">
-							    <img src="<c:url value='/images/egovframework/com/cmm/icon/bu_icon_carlendar.gif' />" align="middle" style="border:0px" alt="달력창팝업버튼이미지">
-							    </a>
-							    <form:select path="ntceEnddeHH" class="date_format">
-							        <form:options items="${ntceEnddeHH}" itemValue="code" itemLabel="codeNm"/>
-							    </form:select>시
-							    <form:select path="ntceEnddeMM" class="date_format">
-							        <form:options items="${ntceEnddeMM}" itemValue="code" itemLabel="codeNm"/>
-							    </form:select>분	 --%>
-							    
-							    
-								<div id="sel_date" class="sel_date calendar">
-									<input type="hidden" name="cal_url" id="cal_url" value="<c:url value='/sym/cmm/EgovNormalCalPopup.do'/>" >
-									
-									<input type="text" class="date_format" name="ntceBgndeYYYMMDD" id="ntceBgndeYYYMMDD"  maxlength="10" title="게시시작일" readonly>
-									
-									
-									<div class="calendar_in" id="calendarName_startDate" style="z-index: 9;">
-								<a href="#" onClick="javascript:fn_egov_NormalCalendar(document.forms.popupManageVO, document.forms.popupManageVO.ntceBgndeYYYMMDD);">
-							    <input type="button" class="calBtn">
-							    <%-- <img src="<c:url value='/images/egovframework/com/cmm/icon/bu_icon_carlendar.gif' />"  align="middle" style="border:0px" alt="달력창팝업버튼이미지"> --%>
-							    </a>
-									</div> 
-								<form:select path="ntceBgndeHH" class="date_format">
-							        <form:options items="${ntceBgndeHH}" itemValue="code" itemLabel="codeNm"/>
-							    </form:select> 시
-							    <form:select path="ntceBgndeMM" class="date_format">
-							        <form:options items="${ntceBgndeMM}" itemValue="code" itemLabel="codeNm"/>
-							    </form:select> 분	
-									~
-							    	<input type="text" class="date_format" name="ntceEnddeYYYMMDD" id="ntceEnddeYYYMMDD"  maxlength="10" title="게시종료일" readonly>
-									<div class="calendar_in" id="calendarName_endDate" style="z-index: 9;">
-								<a href="#" onClick="javascript:fn_egov_NormalCalendar(document.forms.popupManageVO, document.forms.popupManageVO.ntceEnddeYYYMMDD);">
-							    <input type="button" class="calBtn">
-							    <%-- <img src="<c:url value='/images/egovframework/com/cmm/icon/bu_icon_carlendar.gif' />"  align="middle" style="border:0px" alt="달력창팝업버튼이미지"> --%>
-							    </a>
-									</div> 
-								<form:select path="ntceEnddeHH" class="date_format">
-							        <form:options items="${ntceEnddeHH}" itemValue="code" itemLabel="codeNm"/>
-							    </form:select> 시
-							    <form:select path="ntceEnddeMM" class="date_format">
-							        <form:options items="${ntceEnddeMM}" itemValue="code" itemLabel="codeNm"/>
-							    </form:select> 분								    	
-									</div>
-							</td>
-						</tr>
-						<tr>
-							<th>링크 URL</th>
-							<td>
-								<form:input path="fileUrl" size="50"  title="링크 URL" maxlength="255"/>
-		      					<form:errors path="fileUrl" />								
-							</td>
-						</tr>
-						<tr style="display:none;">
-							<th>팝업사이즈</th>
-							<td>
-							     가로<form:input path="popupWSize" class="dateInput" maxlength="10" value="100"/>px  세로<form:input path="popupHSize" class="dateInput" maxlength="10" value="100"/>px
-							  <form:errors path="popupWSize" />
-							  <form:errors path="popupHSize" />							
-							</td>
-						</tr>
-						<tr>
-							<th>위치</th>
-							<td class="td_position">
-								<p>왼쪽 <form:input path="popupWlc" class="dateInput" maxlength="10"/> px</p> 
-								<p>상단 <form:input path="popupHlc" class="dateInput" maxlength="10"/> px</p>
-								  <form:errors path="popupWlc" />
-								  <form:errors path="popupHlc" />
-							</td>
-						</tr>
-						<tr>
-							<th>내용</th>
-							<td>
-								<form:textarea path="nttCn" title="${title} ${inputTxt}" cols="300" rows="20" /> 
-								<ckeditor:replace replace="nttCn" basePath="${pageContext.request.contextPath}/html/egovframework/com/cmm/utl/ckeditor/" />							
-							</td>
-						</tr>
-						<tr>
-							<th>게시 상태</th>
-							<td>
-								<div class="radio_wrap">
-									<span><input type="radio" name="ntceAt" id="Y2" value="Y" checked><label for="Y2">예</label></span>
-									<span><input type="radio" name="ntceAt" id="N2" value="N"><label for="N2">아니오</label></span>
-								</div>							
-							</td>
-						</tr>	
-						<tr>
-							<th>그만보기 설정 여부</th>
-							<td>
-								<div class="radio_wrap">
-									<span><input type="radio" name="stopVewAt" id="Y3" value="Y" checked><label for="Y3">예</label></span>
-									<span><input type="radio" name="stopVewAt" id="N3" value="N"><label for="N3">아니오</label></span>
-								</div>								
-		      				</td> 
-						</tr>																													
-					</tbody>
-				</table>
-			</div>
-			<!-- //list_상세 -->
-
-			<!-- btn_wrap -->
-			<div class="btn_wrap btn_layout01">
-				<div class="area_left">
-				</div>
-				<div class="area_right">
-					<button type="button" class="btnType06 btn btn_text btn_46 blue_fill" onclick="fn_egov_save_PopupManage(); return false;">저 장</button>
-					<button type="button" class="btnType04 btn btn_text btn_46 gray_fill" onclick="fnList(); return false;">목 록</button>
-				</div>				
-			</div>
-			<!-- //btn_wrap -->
-		</div>
+	
+	<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><strong class="current_location">팝업 등록</strong></li>
+		</ol>
 	</div>
-</div>
-<!-- //cont -->
+	
+	
+	<div class="table table_type_rows">
+		<table>
+			<colgroup>
+				<col style="width: 200px;">
+				<col style="width: auto;">
+			</colgroup>
+
+			<tbody>
+				<tr>
+					<th><span class="required">*</span>팝업명</th>
+					<td>
+						<form:input path="popupTitleNm" size="50" title="팝업명" maxlength="255" class="input w100per"/>
+      					<form:errors path="popupTitleNm" />							
+					</td>
+				</tr>
+				<tr>
+					<th><span class="required">*</span>게시기간</th>
+					<td>
+					
+						<div class="calendar_wrap">
+							<input type="hidden" name="cal_url" id="cal_url" value="<c:url value='/sym/cmm/EgovNormalCalPopup.do'/>" >
+							<input type="text" class="date_format input calendar" name="ntceBgndeYYYMMDD" id="ntceBgndeYYYMMDD"  maxlength="10" title="게시시작일" readonly>
+							<a href="#" class="btn only_icon medium lightgray btn_calendar" onClick="javascript:fn_egov_NormalCalendar(document.forms.popupManageVO, document.forms.popupManageVO.ntceBgndeYYYMMDD);"><i class="icon calendar"></i></a>
+							
+							<form:select path="ntceBgndeHH" class="date_format">
+					        <form:options items="${ntceBgndeHH}" itemValue="code" itemLabel="codeNm"/>
+						    </form:select> 시
+						    <form:select path="ntceBgndeMM" class="date_format">
+						        <form:options items="${ntceBgndeMM}" itemValue="code" itemLabel="codeNm"/>
+						    </form:select> 분 ~ 
+						    
+						    <input type="text" class="date_format input calendar" name="ntceEnddeYYYMMDD" id="ntceEnddeYYYMMDD"  maxlength="10" title="게시종료일" readonly>
+						    <a href="#" class="btn only_icon medium lightgray btn_calendar" onClick="javascript:fn_egov_NormalCalendar(document.forms.popupManageVO, document.forms.popupManageVO.ntceEnddeYYYMMDD);"><i class="icon calendar"></i></a>
+						    
+						    <form:select path="ntceEnddeHH" class="date_format">
+					        <form:options items="${ntceEnddeHH}" itemValue="code" itemLabel="codeNm"/>
+						    </form:select> 시
+						    <form:select path="ntceEnddeMM" class="date_format">
+						        <form:options items="${ntceEnddeMM}" itemValue="code" itemLabel="codeNm"/>
+						    </form:select> 분								    	
+						</div>
+						
+					</td>
+				</tr>
+				<tr>
+					<th>링크 URL</th>
+					<td>
+						<form:input path="fileUrl" size="50"  title="링크 URL" class="input w100per" maxlength="255"/>
+      					<form:errors path="fileUrl" />								
+					</td>
+				</tr>
+				<tr style="display:none;">
+					<th>팝업사이즈</th>
+					<td>
+					     가로<form:input path="popupWSize" class="input" maxlength="10" value="100"/>px  세로<form:input path="popupHSize" class="input" maxlength="10" value="100"/>px
+					  <form:errors path="popupWSize" />
+					  <form:errors path="popupHSize" />							
+					</td>
+				</tr>
+				<tr>
+					<th>위치</th>
+					<td class="td_position">
+					
+						<div class="form_wrap input_mix_wrap">
+                          <span class="text_split">왼쪽</span><form:input path="popupWlc" class="input" maxlength="10"/><span class="text_split">px</span>
+                          <span class="text_split">&ensp;&ensp;상단</span><form:input path="popupHlc" class="input" maxlength="10"/><span class="text_split">px</span>
+                          <form:errors path="popupWlc" />
+						  <form:errors path="popupHlc" />
+                        </div>
+						  
+					</td>
+				</tr>
+				<tr>
+					<th>내용</th>
+					<td>
+						<form:textarea path="nttCn" title="${title} ${inputTxt}" cols="300" rows="20" /> 
+						<ckeditor:replace replace="nttCn" basePath="${pageContext.request.contextPath}/html/egovframework/com/cmm/utl/ckeditor/" />							
+					</td>
+				</tr>
+				<tr>
+					<th>게시 상태</th>
+					<td>
+						<div class="form_wrap radio_wrap">
+							
+							<span class="radio_item"><input type="radio" name="ntceAt" id="Y2" value="Y" checked><label for="Y2">예</label></span>
+							<span class="radio_item"><input type="radio" name="ntceAt" id="N2" value="N"><label for="N2">아니오</label></span>
+						
+						</div>							
+					</td>
+				</tr>	
+				<tr>
+					<th>그만보기 설정 여부</th>
+					<td>
+						<div class="form_wrap radio_wrap">
+						
+							<span class="radio_item"><input type="radio" name="stopVewAt" id="Y3" value="Y" checked><label for="Y3">예</label></span>
+							<span class="radio_item"><input type="radio" name="stopVewAt" id="N3" value="N"><label for="N3">아니오</label></span>
+							
+						</div>								
+      				</td> 
+				</tr>																													
+			</tbody>
+		</table>
+	</div>
+	
+	<!-- btn_wrap -->
+	<div class="btn_wrap right">
+		<button type="button" class="btn fill primary xlarge" onclick="fn_egov_save_PopupManage(); return false;">저 장</button>
+		<button type="button" class="btn fill gray xlarge" onclick="fnList(); return false;">목 록</button>
+	</div>
+	<!-- //btn_wrap -->
+	
 </form:form>
 <form name="searchForm" id="searchForm" method="get" action="<c:url value='/uss/ion/pwm/listPopup.do'/>" ></form>
 </body>

b16a718

01cef16

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

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

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


 	<form:hidden path="ntceEndde" />
 	<input name="popupId" type="hidden" value="${popupManageVO.popupId}">
 	<input name="cmd" type="hidden" value=""/>
-					
-<!-- cont -->
-<div class="cont_wrap">
-	<div class="box">
+	
+	
+	<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><strong class="current_location">팝업 수정</strong></li>
+		</ol>
+	</div>
+	
+	
+	<div class="table table_type_rows">
+		<table>
+			<colgroup>
+				<col style="width: 200px;">
+				<col style="width: auto;">
+			</colgroup>
 
-		<!-- cont_tit -->
-		<div class="cont_tit">
-			<h2>팝업 수정</h2>
+			<tbody>
+				<tr>
+					<th><span class="required">*</span>팝업명</th>
+					<td>
+						<form:input path="popupTitleNm" size="50" title="팝업명" maxlength="255" cssClass="input w100per"/>
+      					<form:errors path="popupTitleNm" />							
+					</td>
+				</tr>
+				<tr>
+					<th><span class="required">*</span>게시기간</th>
+					<td>
+					
+						<div class="calendar_wrap">
+							<input type="hidden" name="cal_url" id="cal_url" value="<c:url value='/sym/cmm/EgovNormalCalPopup.do'/>" >
+							<input type="text" class="input calendar" name="ntceBgndeYYYMMDD" id="ntceBgndeYYYMMDD"  maxlength="10" title="게시시작일" value="<c:out value="${fn:substring(popupManageVO.ntceBgnde, 0, 4)}"/>-<c:out value="${fn:substring(popupManageVO.ntceBgnde, 4, 6)}"/>-<c:out value="${fn:substring(popupManageVO.ntceBgnde, 6, 8)}"/>" readonly>
+							<a href="#" class="btn only_icon medium lightgray btn_calendar" onClick="javascript:fn_egov_NormalCalendar(document.forms.popupManageVO, document.forms.popupManageVO.ntceBgndeYYYMMDD);"><i class="icon calendar"></i></a>
+							
+							<form:select path="ntceBgndeHH" class="date_format">
+						        <form:options items="${ntceBgndeHH}" itemValue="code" itemLabel="codeNm"/>
+						    </form:select>시
+						    <form:select path="ntceBgndeMM" class="date_format">
+						        <form:options items="${ntceBgndeMM}" itemValue="code" itemLabel="codeNm"/>
+						    </form:select>분	~
+						    
+						    <input type="text" class="input calendar" name="ntceEnddeYYYMMDD" id="ntceEnddeYYYMMDD"  maxlength="10" title="게시종료일" value="<c:out value="${fn:substring(popupManageVO.ntceEndde, 0, 4)}"/>-<c:out value="${fn:substring(popupManageVO.ntceEndde, 4, 6)}"/>-<c:out value="${fn:substring(popupManageVO.ntceEndde, 6, 8)}"/>" readonly>
+						    <a href="#" class="btn only_icon medium lightgray btn_calendar" onClick="javascript:fn_egov_NormalCalendar(document.forms.popupManageVO, document.forms.popupManageVO.ntceEnddeYYYMMDD);"><i class="icon calendar"></i></a> 
+							
+							<form:select path="ntceEnddeHH" class="date_format">
+						        <form:options items="${ntceEnddeHH}" itemValue="code" itemLabel="codeNm"/>
+						    </form:select>시
+						    <form:select path="ntceEnddeMM" class="date_format">
+						        <form:options items="${ntceEnddeMM}" itemValue="code" itemLabel="codeNm"/>
+						    </form:select>분	
+						</div>
+					    
+					</td>
+				</tr>
+				<tr>
+					<th>링크 URL</th>
+					<td>
+						<form:input path="fileUrl" size="50"  title="링크 URL" maxlength="255" cssClass="input w100per"/>
+      					<form:errors path="fileUrl" />								
+					</td>
+				</tr>
+				<tr style="display:none;">
+					<th>팝업사이즈</th>
+					<td>
+					     가로<form:input path="popupWSize" class="dateInput" maxlength="10" value="100"/>px  세로<form:input path="popupHSize" class="dateInput" maxlength="10" value="100"/>px
+					  <form:errors path="popupWSize" />
+					  <form:errors path="popupHSize" />							
+					</td>
+				</tr>
+				<tr>
+					<th>위치</th>
+					<td class="td_position">
+					
+						<div class="form_wrap input_mix_wrap">
+							<span class="text_split">왼쪽</span><form:input path="popupWlc" class="input" maxlength="10"/><span class="text_split">px</span>
+							<span class="text_split">&ensp;&ensp;상단</span><form:input path="popupHlc" class="input" maxlength="10"/><span class="text_split">px</span>
+							<form:errors path="popupWlc" />
+							<form:errors path="popupHlc" />
+						</div>
+					</td>
+				</tr>
+				<tr>
+					<th>내용</th>
+					<td>
+						<form:textarea path="nttCn" title="${title} ${inputTxt}" cols="300" rows="20" /> 
+						<ckeditor:replace replace="nttCn" basePath="${pageContext.request.contextPath}/html/egovframework/com/cmm/utl/ckeditor/" />							
+					</td>
+				</tr>
+				<tr>
+					<th>게시 상태</th>
+					<td>
+						<div class="form_wrap radio_wrap">
+							<span class="radio_item"><input type="radio" name="ntceAt" id="Y2" value="Y" <c:if test="${popupManageVO.ntceAt eq 'Y'}">checked</c:if>><label for="Y2">예</label></span>
+							<span class="radio_item"><input type="radio" name="ntceAt" id="N2" value="N" <c:if test="${popupManageVO.ntceAt eq 'N'}">checked</c:if>><label for="N2">아니오</label></span>
+						</div>							
+					</td>
+				</tr>	
+				<tr>
+					<th>그만보기 설정 여부</th>
+					<td>
+						<div class="form_wrap radio_wrap">
+							<span class="radio_item"><input type="radio" name="stopVewAt" id="Y3" value="Y" <c:if test="${popupManageVO.stopVewAt eq 'Y'}">checked</c:if>><label for="Y3">예</label></span>
+							<span class="radio_item"><input type="radio" name="stopVewAt" id="N3" value="N"<c:if test="${popupManageVO.stopVewAt eq 'N'}">checked</c:if>><label for="N3">아니오</label></span>
+						</div>								
+      				</td> 
+				</tr>																													
+			</tbody>
+		</table>
+	</div>
+	
+	<!-- btn_wrap -->
+	<div class="btn_wrap">
+		<div class="left">
+			<button class="btn line red xlarge" onclick="fn_egov_delete_PopupManage(); return false;">삭 제</button>
 		</div>
-		<!-- //cont_tit -->
-
-		<div class="cont">
-			<!-- list_상세 -->
-			<div class="tbType02 col-table data-table">
-				<table>
-					<colgroup>
-						<col style="width: 20%">
-						<col style="width: 80%">
-					</colgroup>
-
-					<tbody>
-						<tr>
-							<th><span class="reqArea">팝업명</span></th>
-							<td>
-								<form:input path="popupTitleNm" size="50" title="팝업명" maxlength="255" cssClass="w100per"/>
-		      					<form:errors path="popupTitleNm" />							
-							</td>
-						</tr>
-						<tr>
-							<th><span class="reqArea">게시기간</span></th>
-							<td>
-								<%-- <input type="hidden" name="cal_url" id="cal_url" value="<c:url value='/sym/cmm/EgovNormalCalPopup.do'/>" >
-							    <input type="text" class="date_format" name="ntceBgndeYYYMMDD" id="ntceBgndeYYYMMDD" size="10" maxlength="10" class="readOnlyClass" readonly>
-							    
-							    <a href="#" onClick="javascript:fn_egov_NormalCalendar(document.forms.popupManageVO, document.forms.popupManageVO.ntceBgndeYYYMMDD);">
-							    <input type="button" class="calBtn">
-							    <img src="<c:url value='/images/egovframework/com/cmm/icon/bu_icon_carlendar.gif' />"  align="middle" style="border:0px" alt="달력창팝업버튼이미지">
-							    </a>
-							    <form:select path="ntceBgndeHH" class="date_format">
-							        <form:options items="${ntceBgndeHH}" itemValue="code" itemLabel="codeNm"/>
-							    </form:select>시
-							    <form:select path="ntceBgndeMM" class="date_format">
-							        <form:options items="${ntceBgndeMM}" itemValue="code" itemLabel="codeNm"/>
-							    </form:select>분
-							    &nbsp&nbsp~&nbsp&nbsp
-							    <input type="text" class="date_format" name="ntceEnddeYYYMMDD" id="ntceEnddeYYYMMDD" size="10" maxlength="10" class="readOnlyClass" readonly>
-							    <a href="#" onClick="javascript:fn_egov_NormalCalendar(document.forms.popupManageVO, document.forms.popupManageVO.ntceEnddeYYYMMDD);">
-							    <input type="button" class="calBtn">
-							    <img src="<c:url value='/images/egovframework/com/cmm/icon/bu_icon_carlendar.gif' />" align="middle" style="border:0px" alt="달력창팝업버튼이미지">
-							    </a>
-							    <form:select path="ntceEnddeHH" class="date_format">
-							        <form:options items="${ntceEnddeHH}" itemValue="code" itemLabel="codeNm"/>
-							    </form:select>시
-							    <form:select path="ntceEnddeMM" class="date_format">
-							        <form:options items="${ntceEnddeMM}" itemValue="code" itemLabel="codeNm"/>
-							    </form:select>분	 --%>
-							    
-							    
-								<div id="sel_date" class="sel_date calendar">
-									<input type="hidden" name="cal_url" id="cal_url" value="<c:url value='/sym/cmm/EgovNormalCalPopup.do'/>" >
-									<input type="text" class="date_format" name="ntceBgndeYYYMMDD" id="ntceBgndeYYYMMDD"  maxlength="10" title="게시시작일" value="<c:out value="${fn:substring(popupManageVO.ntceBgnde, 0, 4)}"/>-<c:out value="${fn:substring(popupManageVO.ntceBgnde, 4, 6)}"/>-<c:out value="${fn:substring(popupManageVO.ntceBgnde, 6, 8)}"/>" readonly>
-									<div class="calendar_in" id="calendarName_startDate" style="z-index: 9;">
-										<a href="#" onClick="javascript:fn_egov_NormalCalendar(document.forms.popupManageVO, document.forms.popupManageVO.ntceBgndeYYYMMDD);">
-									    <input type="button" class="calBtn">
-									    <%-- <img src="<c:url value='/images/egovframework/com/cmm/icon/bu_icon_carlendar.gif' />"  align="middle" style="border:0px" alt="달력창팝업버튼이미지"> --%>
-									    </a>
-									</div> 
-									<form:select path="ntceBgndeHH" class="date_format">
-								        <form:options items="${ntceBgndeHH}" itemValue="code" itemLabel="codeNm"/>
-								    </form:select>시
-								    <form:select path="ntceBgndeMM" class="date_format">
-								        <form:options items="${ntceBgndeMM}" itemValue="code" itemLabel="codeNm"/>
-								    </form:select>분	
-									~
-							    	<input type="text" class="date_format" name="ntceEnddeYYYMMDD" id="ntceEnddeYYYMMDD"  maxlength="10" title="게시종료일" value="<c:out value="${fn:substring(popupManageVO.ntceEndde, 0, 4)}"/>-<c:out value="${fn:substring(popupManageVO.ntceEndde, 4, 6)}"/>-<c:out value="${fn:substring(popupManageVO.ntceEndde, 6, 8)}"/>" readonly>
-									<div class="calendar_in" id="calendarName_endDate" style="z-index: 9;">
-										<a href="#" onClick="javascript:fn_egov_NormalCalendar(document.forms.popupManageVO, document.forms.popupManageVO.ntceEnddeYYYMMDD);">
-									    <input type="button" class="calBtn">
-									    <%-- <img src="<c:url value='/images/egovframework/com/cmm/icon/bu_icon_carlendar.gif' />"  align="middle" style="border:0px" alt="달력창팝업버튼이미지"> --%>
-									    </a>
-									</div> 
-									<form:select path="ntceEnddeHH" class="date_format">
-								        <form:options items="${ntceEnddeHH}" itemValue="code" itemLabel="codeNm"/>
-								    </form:select>시
-								    <form:select path="ntceEnddeMM" class="date_format">
-								        <form:options items="${ntceEnddeMM}" itemValue="code" itemLabel="codeNm"/>
-								    </form:select>분								    	
-								</div>
-							</td>
-						</tr>
-						<tr>
-							<th>링크 URL</th>
-							<td>
-								<form:input path="fileUrl" size="50"  title="링크 URL" maxlength="255" cssClass="w100per"/>
-		      					<form:errors path="fileUrl" />								
-							</td>
-						</tr>
-						<tr style="display:none;">
-							<th>팝업사이즈</th>
-							<td>
-							     가로<form:input path="popupWSize" class="dateInput" maxlength="10" value="100"/>px  세로<form:input path="popupHSize" class="dateInput" maxlength="10" value="100"/>px
-							  <form:errors path="popupWSize" />
-							  <form:errors path="popupHSize" />							
-							</td>
-						</tr>
-						<tr>
-							<th>위치</th>
-							<td class="td_position">
-								<p>왼쪽 <form:input path="popupWlc" class="dateInput" maxlength="10"/>px</p>
-								<p>상단<form:input path="popupHlc" class="dateInput" maxlength="10"/>px</p>
-								  <form:errors path="popupWlc" />
-								  <form:errors path="popupHlc" />
-							</td>
-						</tr>
-						<tr>
-							<th>내용</th>
-							<td>
-								<form:textarea path="nttCn" title="${title} ${inputTxt}" cols="300" rows="20" /> 
-								<ckeditor:replace replace="nttCn" basePath="${pageContext.request.contextPath}/html/egovframework/com/cmm/utl/ckeditor/" />							
-							</td>
-						</tr>
-						<tr>
-							<th>게시 상태</th>
-							<td>
-								<div class="radio_wrap">
-									<span><input type="radio" name="ntceAt" id="Y2" value="Y" <c:if test="${popupManageVO.ntceAt eq 'Y'}">checked</c:if>><label for="Y2">예</label></span>
-									<span><input type="radio" name="ntceAt" id="N2" value="N" <c:if test="${popupManageVO.ntceAt eq 'N'}">checked</c:if>><label for="N2">아니오</label></span>
-								</div>							
-							</td>
-						</tr>	
-						<tr>
-							<th>그만보기 설정 여부</th>
-							<td>
-								<div class="radio_wrap">
-									<span><input type="radio" name="stopVewAt" id="Y3" value="Y" <c:if test="${popupManageVO.stopVewAt eq 'Y'}">checked</c:if>><label for="Y3">예</label></span>
-									<span><input type="radio" name="stopVewAt" id="N3" value="N"<c:if test="${popupManageVO.stopVewAt eq 'N'}">checked</c:if>><label for="N3">아니오</label></span>
-								</div>								
-		      				</td> 
-						</tr>																													
-					</tbody>
-				</table>
-			</div>
-			<!-- //list_상세 -->
-
-			<!-- btn_wrap -->
-			<div class="btn_wrap btn_layout01">
-				<div class="area_left">
-					<button class="btnType04 btn btn_text btn_46 red_border" onclick="fn_egov_delete_PopupManage(); return false;">삭 제</button>
-				</div>
-				<div class="area_right">
-					
-					<button class="btnType06 btn btn_text btn_46 blue_fill" onclick="fn_egov_save_PopupManage(); return false;">저 장</button>
-					<button class="btnType04 btn btn_text btn_46 gray_fill" onclick="fnList(); return false;">목 록</button>
-				</div>
-			</div>
-			<!-- //btn_wrap -->
+		<div class="right">
+			
+			<button class="btn fill primary xlarge" onclick="fn_egov_save_PopupManage(); return false;">저 장</button>
+			<button class="btn fill gray xlarge" onclick="fnList(); return false;">목 록</button>
 		</div>
 	</div>
-</div>
-<!-- //cont -->
+	<!-- //btn_wrap -->
+	
+	
+					
 </form:form>
 <form name="searchForm" id="searchForm" method="get" action="<c:url value='/uss/ion/pwm/listPopup.do'/>" ></form>
 </body>

b16a718

01cef16

src/main/webapp/WEB-INF/jsp/web/main/mainPage.jsp

--- src/main/webapp/WEB-INF/jsp/web/main/mainPage.jsp

+++ src/main/webapp/WEB-INF/jsp/web/main/mainPage.jsp


 	    .pop-conts{background:#fff;min-height:250px;font-size:1.4rem;justify-content:center;align-items:center;}
 	    .pop-conts a{width:100%;padding:20px;word-break:break-word;}
 	    .btn-r{display:flex;height:45px;padding:0 15px;justify-content:space-between;align-items:center;}
-	    .today_close{display:flex;font-size:1.5rem;color:#222;gap:6px;}
+	    .today_close{display:flex;font-size:16px;color:#222;gap:8px;align-items:center;}
 	    .today_close [type="checkbox"]{width:16px;height:16px;}
-	    .btn-layerClose{width:16px;height:16px;margin:2px 0 0 0;} 
-	    .icon.popup_close{width:16px;height:16px;background:url(/kofair_case_seed/usr/images/component/icon_popup_close.png) no-repeat center center;background-size:100% auto;}
+	    .btn-layerClose{display:flex;width:30px;height:30px;margin:2px 0 0 0;justify-content:center;align-items:center;} 
+	    .icon.popup_close{width:16px;height:16px;background:url(/publish/adm/images/component/icon_x.png) no-repeat center center;background-size:100% auto;}
 	    @media screen and (max-width: 1199px){
 	    	.popup{width:95%;min-width:auto;}
 	    	.pop-conts{min-height:auto;}

b16a718

01cef16

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

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

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

...	...	@@ -17,4 +17,17 @@
17	17	.wrap .duet-date__day.is-today::before{display:none;}
18	18
19	19	.duet-date__row td:first-child button{color:var(--red-color);}
20		-.duet-date__row td:last-child button{color:var(--primary-color);} (No newline at end of file)
	20	+.duet-date__row td:last-child button{color:var(--primary-color);}
	21	+
	22	+.calendar_view{padding:10px 20px 20px;}
	23	+.calendar_view .calendar_util{display:flex;margin:0 0 10px 0;justify-content:center;align-items:center;gap:8px;}
	24	+.calendar_view .calendar_util button{width:34px;}
	25	+.calendar_view .calendar_util button:hover{box-shadow:none;}
	26	+
	27	+.calendar_table thead tr th{height:40px;background:#f2f4f6;}
	28	+.calendar_table thead tr th:first-child{border-radius:8px 0 0 8px;}
	29	+.calendar_table thead tr th:last-child{border-radius:0 8px 8px 0;}
	30	+.calendar_table th,.calendar_table td{width:50px;height:50px;text-align:center;transition:background 0.3s;}
	31	+.calendar_table td:hover{background:#f2f4f6;border-radius:8px;}
	32	+
	33	+button.btn.medium.btn_submit_calendar{padding:0 40px;} (No newline at end of file)

b16a718

01cef16

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

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

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

...	...	@@ -23,3 +23,9 @@
23	23	.icon.lock{width:20px;height:20px;background:url(../images/component/icon_lock.png) no-repeat center center;}
24	24
25	25	.icon.comment{width:20px;height:20px;background:url(../images/component/icon_comment.png) no-repeat center center;}
	26	+
	27	+.icon.arrow{width:36px;height:36px;}
	28	+.icon.arrow.first{background:url(../images/component/icon_double_arrow_left_page.png) no-repeat center center;}
	29	+.icon.arrow.prev{background:url(../images/component/icon_arrow_left_page.png) no-repeat center center;}
	30	+.icon.arrow.next{background:url(../images/component/icon_arrow_right_page.png) no-repeat center center;}
	31	+.icon.arrow.last{background:url(../images/component/icon_double_arrow_right_page.png) no-repeat center center;}

b16a718

01cef16

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

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

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


 .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;}
+.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;}
 
 .time_layer_wrap{position:relative;}
 .time_input{width:110px;background:#fff url(../images/component/icon_clock.png) no-repeat calc(100% - 8px) center;}

Add a comment

Open 0
Closed 0

List

...	...	@@ -51,7 +51,9 @@
51	51	.input_desc.blue{color:var(--primary-color);}
52	52
53	53	.calendar_wrap{display:flex;align-items:center;gap:8px;}
54		-.calendar{width:140px;background:#fff url(../images/component/icon_calendar.png) no-repeat calc(100% - 8px) center;}
	54	+.calendar{width:140px;background:#fff/* url(../images/component/icon_calendar.png) no-repeat calc(100% - 8px) center */;}
	55	+i.calendar{width:34px;height:20px;background:url(../images/component/icon_calendar.png) no-repeat calc(100% - 8px) center;}
	56	+.calendar_wrap .btn_calendar{margin:0 0 0 -43px;}
55	57
56	58	.time_layer_wrap{position:relative;}
57	59	.time_input{width:110px;background:#fff url(../images/component/icon_clock.png) no-repeat calc(100% - 8px) center;}

...	...	@@ -36,6 +36,6 @@
36	36	</style>
37	37	</head>
38	38	<body style="margin :0px;">
39		-<iframe name="ifcal" src="<c:url value='/sym/cmm/EgovselectNormalCalendar.do'/>" style="width:100%; height:380px;" frameborder="0" scrolling="no" title="달력호출"></iframe>
	39	+<iframe name="ifcal" src="<c:url value='/sym/cmm/EgovselectNormalCalendar.do'/>" style="width:100%; height:430px;" frameborder="0" scrolling="no" title="달력호출"></iframe>
40	40	</body>
41	41	</html> (No newline at end of file)

...	...	@@ -78,18 +78,20 @@
78	78	}
79	79
80	80	</script>
	81	+
81	82	<!-- css -->
82		-<link rel="stylesheet" href="/kofair_case_seed/css/reset.css">
83		-<link rel="stylesheet" href="/kofair_case_seed/css/font.css">
84		-<link rel="stylesheet" href="/kofair_case_seed/adm/style/common.css">
85		-<link rel="stylesheet" href="/kofair_case_seed/adm/style/layout.css">
86		-<link rel="stylesheet" href="/kofair_case_seed/adm/style/popup.css">
87		-<link rel="stylesheet" href="/kofair_case_seed/adm/style/style.css">
88		-<style TYPE="text/css">
89		- body {
90		- margin-top: 0px; margin-left: 0px;
91		- }
92		-</style>
	83	+<link rel="stylesheet" href="/publish/common/css/reset.css">
	84	+<link rel="stylesheet" href="/publish/common/css/font.css">
	85	+
	86	+<link rel="stylesheet" href="/publish/adm/layout/layout.css">
	87	+<link rel="stylesheet" href="/publish/adm/css/common.css">
	88	+<link rel="stylesheet" href="/publish/adm/css/style.css">
	89	+<link rel="stylesheet" href="/publish/adm/css/button.css">
	90	+<link rel="stylesheet" href="/publish/adm/css/tab.css">
	91	+<link rel="stylesheet" href="/publish/adm/css/table.css">
	92	+<link rel="stylesheet" href="/publish/adm/css/calendar.css">
	93	+<link rel="stylesheet" href="/publish/adm/css/popup.css">
	94	+
93	95	</head>
94	96	<body>
95	97	<form name="Form" action ="${pageContext.request.contextPath}/sym/cmm/EgovselectNormalCalendar.do" method="post">
...	...	@@ -97,22 +99,85 @@
97	99	<input type="hidden" name="year" value="${resultList[0].year}" />
98	100	<input type="hidden" name="month" value="${resultList[0].month}" />
99	101	<input type="hidden" name="day" />
100		-<div class="calendar_table">
	102	+
	103	+<div class="calendar_view">
	104	+ <div class="calendar_util">
	105	+ <button type="button" class="btn only_icon large" onclick="javascript:fnChangeCalendar(${resultList[0].year-1},${resultList[0].month}); return false;"><i class="icon arrow first"></i></button>
	106	+ <button type="button" class="btn only_icon large" onclick="javascript:fnChangeCalendar(${resultList[0].year},${resultList[0].month-1}); return false;"><i class="icon arrow prev"></i></button>
	107	+ <strong>
	108	+ ${resultList[0].year}년 ${resultList[0].month}월
	109	+ </strong>
	110	+ <button type="button" class="btn only_icon large" onclick="javascript:fnChangeCalendar(${resultList[0].year},${resultList[0].month+1}); return false;"><i class="icon arrow next"></i></button>
	111	+ <button type="button" class="btn only_icon large" onclick="javascript:fnChangeCalendar(${resultList[0].year+1},${resultList[0].month}); return false;"><i class="icon arrow last"></i></button>
	112	+ </div>
	113	+
	114	+ <div class="calendar_table">
	115	+ <table>
	116	+ <thead>
	117	+ <tr>
	118	+ <th>일</th>
	119	+ <th>월</th>
	120	+ <th>화</th>
	121	+ <th>수</th>
	122	+ <th>목</th>
	123	+ <th>금</th>
	124	+ <th>토</th>
	125	+ </tr>
	126	+ </thead>
	127	+ <tbody>
	128	+ <tr class="date_tr">
	129	+ <c:forEach var="result" items="${resultList}" varStatus="status">
	130	+ <c:choose>
	131	+ <c:when test='${result.day == ""}'>
	132	+ <c:choose>
	133	+ <c:when test='${result.weeks != 6}'><td></td></c:when>
	134	+ </c:choose>
	135	+ </c:when>
	136	+ <c:otherwise>
	137	+ <c:choose>
	138	+ <c:when test='${result.restAt == "Y" }'>
	139	+ <td class="lt_text3" STYLE="color:red;cursor:pointer;cursor:hand" onClick="javascript:fnReturnDay(${result.day});">
	140	+ ${result.day}
	141	+ </td>
	142	+ </c:when>
	143	+ <c:otherwise>
	144	+ <td class="lt_text3" STYLE="color:black;cursor:pointer;cursor:hand" onClick="javascript:fnReturnDay(${result.day});">
	145	+ ${result.day}
	146	+ </td>
	147	+ </c:otherwise>
	148	+ </c:choose>
	149	+ <c:choose>
	150	+ <c:when test='${result.week == 7}'>
	151	+ <c:out value="</tr>" escapeXml="false"/>
	152	+ <c:out value="<tr class='date_tr'>" escapeXml="false"/>
	153	+ </c:when>
	154	+ </c:choose>
	155	+ </c:otherwise>
	156	+ </c:choose>
	157	+ </c:forEach>
	158	+ </tr>
	159	+ </tbody>
	160	+ </table>
	161	+ </div>
	162	+
	163	+</div>
	164	+
	165	+<%-- <div class="table_calendar">
101	166	<table cellpadding="1" class="table-line">
102	167	<thead>
103	168	<tr class="calendar_title">
104	169	<th class="title" width="36" colspan="1">
105		- <a href="#LINK" onclick="javascript:fnChangeCalendar(${resultList[0].year-1},${resultList[0].month}); return false;" style="selector-dummy:expression(this.hideFocus=false);cursor:pointer;cursor:hand;"><%-- <img src="<c:url value='/images/btn/icon_pre_year.gif' />" alt="이전년도"> <--%><img src="/kofair_case_seed/adm/images/component/icon_arrow_left_double.png" alt="이전년도" /></a>
	170	+ <a href="#LINK" onclick="javascript:fnChangeCalendar(${resultList[0].year-1},${resultList[0].month}); return false;" style="selector-dummy:expression(this.hideFocus=false);cursor:pointer;cursor:hand;"><img src="<c:url value='/images/btn/icon_pre_year.gif' />" alt="이전년도"> <<img src="/kofair_case_seed/adm/images/component/icon_arrow_left_double.png" alt="이전년도" /></a>
106	171	</th>
107	172	<th class="title" width="36" colspan="1">
108		- <a href="#LINK" onclick="javascript:fnChangeCalendar(${resultList[0].year},${resultList[0].month-1}); return false;" style="selector-dummy:expression(this.hideFocus=false);cursor:pointer;cursor:hand;"><%-- <img src="<c:url value='/images/btn/icon_pre_month.gif' />" alt="이전달"> --%> <img src="/kofair_case_seed/adm/images/component/icon_arrow_left.png" alt="이전달" /></a>
	173	+ <a href="#LINK" onclick="javascript:fnChangeCalendar(${resultList[0].year},${resultList[0].month-1}); return false;" style="selector-dummy:expression(this.hideFocus=false);cursor:pointer;cursor:hand;"><img src="<c:url value='/images/btn/icon_pre_month.gif' />" alt="이전달"> <img src="/kofair_case_seed/adm/images/component/icon_arrow_left.png" alt="이전달" /></a>
109	174	</th>
110	175	<th class="title" width="108" colspan="3">${resultList[0].year}년 ${resultList[0].month}월</th>
111	176	<th class="title" width="36" colspan="1">
112		- <a href="#LINK" onclick="javascript:fnChangeCalendar(${resultList[0].year},${resultList[0].month+1}); return false;" style="selector-dummy:expression(this.hideFocus=false);cursor:pointer;cursor:hand;"><%-- <img src="<c:url value='/images/btn/icon_aft_month.gif' />" alt="다음달"> --%><img src="/kofair_case_seed/adm/images/component/icon_arrow_right.png" alt="다음달" /></a>
	177	+ <a href="#LINK" onclick="javascript:fnChangeCalendar(${resultList[0].year},${resultList[0].month+1}); return false;" style="selector-dummy:expression(this.hideFocus=false);cursor:pointer;cursor:hand;"><img src="<c:url value='/images/btn/icon_aft_month.gif' />" alt="다음달"><img src="/kofair_case_seed/adm/images/component/icon_arrow_right.png" alt="다음달" /></a>
113	178	</th>
114	179	<th class="title" width="36" colspan="1">
115		- <a href="#LINK" onclick="javascript:fnChangeCalendar(${resultList[0].year+1},${resultList[0].month}); return false;" style="selector-dummy:expression(this.hideFocus=false);cursor:pointer;cursor:hand;"><%-- <img src="<c:url value='/images/btn/icon_aft_year.gif' />" alt="다음년도"> --%><img src="/kofair_case_seed/adm/images/component/icon_arrow_right_double.png" alt="다음년도" /></a>
	180	+ <a href="#LINK" onclick="javascript:fnChangeCalendar(${resultList[0].year+1},${resultList[0].month}); return false;" style="selector-dummy:expression(this.hideFocus=false);cursor:pointer;cursor:hand;"><img src="<c:url value='/images/btn/icon_aft_year.gif' />" alt="다음년도"><img src="/kofair_case_seed/adm/images/component/icon_arrow_right_double.png" alt="다음년도" /></a>
116	181	</th>
117	182	</tr>
118	183	<tr class="day_tr">
...	...	@@ -159,9 +224,10 @@
159	224	</tr>
160	225	</tbody>
161	226	</table>
162		-</div>
163		-<div class="btn_wrap center mt0">
164		- <input type="submit" id="invisible" class="invisible btn btn_text btn_36 blue_border"/>
	227	+</div> --%>
	228	+<div class="btn_wrap center">
	229	+ <!-- <input type="submit" id="invisible" class="btn fill primary medium"/> -->
	230	+ <button type="submit" id="invisible" class="btn fill primary medium btn_submit_calendar">제출</button>
165	231	</div>
166	232	</form>
167	233	</body>

...	...	@@ -276,142 +276,139 @@
276	276	<input name="pageIndex" type="hidden" value="<c:out value='${popupManageVO.pageIndex}'/>"/>
277	277	<input type="hidden" name="searchSortCnd" value="<c:out value="${popupManageVO.searchSortCnd}" />" />
278	278	<input type="hidden" name="searchSortOrd" value="<c:out value="${popupManageVO.searchSortOrd}" />" />
279		- <div class="cont_wrap">
280		- <div class="box">
281		- <div class="cont_tit">
282		- <h2>팝업관리</h2>
283		- <!-- <ul class="cont_nav">
284		- <li class="home"><a href="/"><i></i></a></li>
285		- <li><span class="cur_nav">관리자 관리</span></li>
286		- </ul> -->
	279	+
	280	+ <div class="content_title">
	281	+ <h3>팝업관리</h3>
	282	+ <ol class="breadcrumb">
	283	+ <li><a href="#" class="home" title="메인으로 이동"><i></i></a></li>
	284	+ <li><a href="#">메인관리</a></li>
	285	+ <li><strong class="current_location">팝업 관리</strong></li>
	286	+ </ol>
	287	+ </div>
	288	+
	289	+
	290	+ <div class="search_area">
	291	+ <div class="search_left">
	292	+ <p class="total_number">총 건수 <b><c:out value="${paginationInfo.totalRecordCount}" /></b>건</p>
	293	+ </div>
	294	+ <div class="search_right">
	295	+ <select class="search_select" id="searchCondition" name="searchCondition" title="조회조건">
	296	+ <option value="" >전체</option>
	297	+ <option value="POPUP_SJ_NM" <c:if test="${searchCondition == 'POPUP_SJ_NM'}">selected="selected"</c:if> >제목</option>
	298	+ <option value="FILE_URL" <c:if test="${searchCondition == 'FILE_URL'}">selected="selected"</c:if> >링크URL</option>
	299	+ </select>
	300	+ <div class="search_type input_type">
	301	+ <input type="text" id="searchKeyword" name="searchKeyword" value="<c:out value='${popupManageVO.searchKeyword}'/>" class="input search_input" placeholder="검색어를 입력하세요" maxlength="255">
287	302	</div>
288		- <!-- cont -->
289		- <div class="cont">
290		- <!-- list_top -->
291		- <div class="list_top table_top">
292		- <p>총 건수 : <span class="color_blue fw_bold"><c:out value="${paginationInfo.totalRecordCount}" /></span>건</p>
293		- <div class="list_util search_wrap">
294		- <select class="sel2 searchSel" id="searchCondition" name="searchCondition" title="조회조건">
295		- <option value="" >전체</option>
296		- <option value="POPUP_SJ_NM" <c:if test="${searchCondition == 'POPUP_SJ_NM'}">selected="selected"</c:if> >제목</option>
297		- <option value="FILE_URL" <c:if test="${searchCondition == 'FILE_URL'}">selected="selected"</c:if> >링크URL</option>
298		- </select>
299		-
300		- <input type="text" id="searchKeyword" name="searchKeyword" value="<c:out value='${popupManageVO.searchKeyword}'/>" class="search_input" placeholder="검색어를 입력하세요" maxlength="255">
301		- <button class="btn_search btn btn_text blue_border" onclick="fn_egov_search_PopupManage(); return false;">검색</button>
302		-
303		- <select class="sel2" name="pageUnit" id="pageUnit" onchange="linkPage(1);" title="줄 선택" style="width: 140px">
304		- <option value='10' <c:if test="${popupManageVO.pageUnit == '10' or popupManageVO.pageUnit == ''}">selected</c:if>>10줄</option>
305		- <option value='20' <c:if test="${popupManageVO.pageUnit == '20'}">selected</c:if>>20줄</option>
306		- <option value='30' <c:if test="${popupManageVO.pageUnit == '30'}">selected</c:if>>30줄</option>
307		- </select>
308		- </div>
309		- </div>
310		- <!-- //list_top -->
311		-
312		- <!-- list -->
313		- <div class="list tbType01 table-layout mt15">
314		- <table>
315		- <colgroup>
316		- <col style="width: 3%">
317		- <col style="width: 5%">
318		- <col style="width: 20%">
319		- <col style="width: 13%">
320		- <col style="width: auto;">
321		- <col style="width: 10%">
322		- <col style="width: 8%">
323		- <col style="width: 8%">
324		- </colgroup>
325		- <thead>
326		- <tr>
327		- <th><input type="checkbox" name="checkAll" id="checkAll" onclick="fn_egov_checkAll_PopupManage();" /><label for="checkAll"></label></th>
328		- <th scope="col">번호<button class="sort sortBtn" id="sort_POPUP_ID">▲</button></th>
329		- <th scope="col">제목<button class="sort sortBtn" id="sort_POPUP_TITLE_NM">▲</button></th>
330		- <th scope="col">시작일/종료일<button class="sort sortBtn" id="sort_NTCE_BGNDE">▲</button></th>
331		-<!-- <th scope="col">링크URL<button class="sort sortBtn" id="sort_FILE_URL">▲</button></th> -->
332		- <th scope="col">팝업 위치<button class="sort sortBtn" id="sort_FILE_URL">▲</button></th>
333		- <th scope="col">이미지크기<button class="sort sortBtn" id="sort_FRST_REGIST_PNTTM">▲</button></th>
334		- <th scope="col">링크사용여부<button class="sort sortBtn" id="sort_NTCE_AT">▲</button></th>
335		- <th scope="col">등록일<button class="sort sortBtn" id="sort_FRST_REGIST_PNTTM">▲</button></th>
336		-
337		- </tr>
338		- </thead>
339		- <tbody>
340		- <c:forEach var="result" items="${resultList}" varStatus="status">
341		- <tr>
342		- <td>
343		- <input name="checkList" id="<c:out value='${result.popupId}'/>" value="<c:out value='${result.popupId}'/>" type="checkbox"/><label for="<c:out value="${result.popupId}"/>"></label>
344		- </td>
345		- <td>
346		- <c:if test="${popupManageVO.searchSortOrd eq 'desc' }">
347		- <c:out value="${ ( paginationInfo.totalRecordCount - ((popupManageVO.pageIndex -1)*popupManageVO.pageUnit) ) - status.index }"/>
348		- </c:if>
349		- <c:if test="${popupManageVO.searchSortOrd eq 'asc' }">
350		- <c:out value="${(popupManageVO.pageIndex - 1) * popupManageVO.pageUnit + status.count}"/>
351		- </c:if>
352		- </td>
353		- <td>
354		- <a href="#" onclick="fn_egov_detail_PopupManage('${result.popupId}'); return false;">${result.popupTitleNm}</a>
355		- </td>
356		- <td>
357		- <c:set var="ntceBgnde" value="${fn:trim(result.ntceBgnde)}"/>
358		- <c:set var="ntceEndde" value="${fn:trim(result.ntceEndde)}"/>
359		- <fmt:parseDate value='${ntceBgnde}' var='ntceBgnde' pattern="yyyyMMddHHmm" scope="page" />
360		- <fmt:parseDate value='${ntceEndde}' var='ntceEndde' pattern="yyyyMMddHHmm" scope="page" />
361		- <fmt:formatDate value="${ntceBgnde}" pattern="yyyy-MM-dd HH:mm"/><br/> ~ <fmt:formatDate value="${ntceEndde}" pattern="yyyy-MM-dd HH:mm"/>
362		- </td>
363		- <td>
364		-<%-- <c:out value="${result.fileUrl}"/> --%>
365		- 화면 상단으로 부터 : <c:out value="${result.popupVrticlLc}"/>
366		- </br>
367		- 화면 좌측으로 부터 : <c:out value="${result.popupWidthLc}"/>
368		- </td>
369		- <td>
370		- <c:if test="${!empty result.width}">
371		- 높이 : <c:out value="${result.height}"/>
372		- </br>
373		- 너비 : <c:out value="${result.width}"/>
374		- </c:if>
375		- </td>
376		- <td>
377		- <c:out value="${result.ntceAt}"/>
378		- </td>
379		- <td>
380		- <c:out value="${result.frstRegistPnttm}"/>
381		- </td>
382		- </tr>
383		- </c:forEach>
384		- <c:if test="${empty resultList}">
385		- <tr><td colspan="7"><spring:message code="common.nodata.msg" /></td></tr>
386		- </c:if>
387		- </tbody>
388		- </table>
389		- </div>
390		- <!-- //list -->
391		-
392		- <!-- btn_wrap -->
393		- <div class="btn_wrap btn_layout01">
394		- <div class="area_left">
395		- <button type="button" class="btnType03 btn btn_text btn_46 red_border" onclick="fncPopupListDelete(); return false;">삭제</button>
396		- </div>
397		- <div class="area_right">
398		- <button type="button" class="btnType02 btn btn_text btn_46 blue_fill" onclick="location.href='/uss/ion/pwm/egovPopupRegist.do'; return false;">등록</button>
399		- </div>
400		- </div>
401		- <!-- //btn_wrap -->
402		-
403		- <!-- page -->
404		- <c:if test="${!empty resultList}">
405		- <div class="page">
406		- <ul class="inline">
407		- <ui:pagination paginationInfo = "${paginationInfo}" type="image" jsFunction="linkPage" />
408		- </ul>
409		- </div>
410		- </c:if>
411		- </div>
412		- <!-- //cont -->
	303	+
	304	+ <button class="btn btn_search" onclick="fn_egov_search_PopupManage(); return false;">검색</button>
	305	+
	306	+ <select class="search_select" name="pageUnit" id="pageUnit" onchange="linkPage(1);" title="줄 선택" style="width: 140px">
	307	+ <option value='10' <c:if test="${popupManageVO.pageUnit == '10' or popupManageVO.pageUnit == ''}">selected</c:if>>10줄</option>
	308	+ <option value='20' <c:if test="${popupManageVO.pageUnit == '20'}">selected</c:if>>20줄</option>
	309	+ <option value='30' <c:if test="${popupManageVO.pageUnit == '30'}">selected</c:if>>30줄</option>
	310	+ </select>
413	311	</div>
414	312	</div>
	313	+
	314	+ <div class="table table_type_cols">
	315	+ <table>
	316	+ <colgroup>
	317	+ <col style="width: 40px">
	318	+ <col style="width: 5%">
	319	+ <col style="width: 20%">
	320	+ <col style="width: 13%">
	321	+ <col style="width: auto;">
	322	+ <col style="width: 10%">
	323	+ <col style="width: 8%">
	324	+ <col style="width: 8%">
	325	+ </colgroup>
	326	+ <thead>
	327	+ <tr>
	328	+ <th><input type="checkbox" name="checkAll" id="checkAll" onclick="fn_egov_checkAll_PopupManage();" /><label for="checkAll"></label></th>
	329	+ <th scope="col">번호<button class="sort sortBtn" id="sort_POPUP_ID">▲</button></th>
	330	+ <th scope="col">제목<button class="sort sortBtn" id="sort_POPUP_TITLE_NM">▲</button></th>
	331	+ <th scope="col">시작일/종료일<button class="sort sortBtn" id="sort_NTCE_BGNDE">▲</button></th>
	332	+ <!-- <th scope="col">링크URL<button class="sort sortBtn" id="sort_FILE_URL">▲</button></th> -->
	333	+ <th scope="col">팝업 위치<button class="sort sortBtn" id="sort_FILE_URL">▲</button></th>
	334	+ <th scope="col">이미지크기<button class="sort sortBtn" id="sort_FRST_REGIST_PNTTM">▲</button></th>
	335	+ <th scope="col">링크사용여부<button class="sort sortBtn" id="sort_NTCE_AT">▲</button></th>
	336	+ <th scope="col">등록일<button class="sort sortBtn" id="sort_FRST_REGIST_PNTTM">▲</button></th>
	337	+
	338	+ </tr>
	339	+ </thead>
	340	+ <tbody>
	341	+ <c:forEach var="result" items="${resultList}" varStatus="status">
	342	+ <tr>
	343	+ <td>
	344	+ <input name="checkList" id="<c:out value='${result.popupId}'/>" value="<c:out value='${result.popupId}'/>" type="checkbox"/><label for="<c:out value="${result.popupId}"/>"></label>
	345	+ </td>
	346	+ <td>
	347	+ <c:if test="${popupManageVO.searchSortOrd eq 'desc' }">
	348	+ <c:out value="${ ( paginationInfo.totalRecordCount - ((popupManageVO.pageIndex -1)*popupManageVO.pageUnit) ) - status.index }"/>
	349	+ </c:if>
	350	+ <c:if test="${popupManageVO.searchSortOrd eq 'asc' }">
	351	+ <c:out value="${(popupManageVO.pageIndex - 1) * popupManageVO.pageUnit + status.count}"/>
	352	+ </c:if>
	353	+ </td>
	354	+ <td>
	355	+ <a href="#" onclick="fn_egov_detail_PopupManage('${result.popupId}'); return false;">${result.popupTitleNm}</a>
	356	+ </td>
	357	+ <td>
	358	+ <c:set var="ntceBgnde" value="${fn:trim(result.ntceBgnde)}"/>
	359	+ <c:set var="ntceEndde" value="${fn:trim(result.ntceEndde)}"/>
	360	+ <fmt:parseDate value='${ntceBgnde}' var='ntceBgnde' pattern="yyyyMMddHHmm" scope="page" />
	361	+ <fmt:parseDate value='${ntceEndde}' var='ntceEndde' pattern="yyyyMMddHHmm" scope="page" />
	362	+ <fmt:formatDate value="${ntceBgnde}" pattern="yyyy-MM-dd HH:mm"/><br/> ~ <fmt:formatDate value="${ntceEndde}" pattern="yyyy-MM-dd HH:mm"/>
	363	+ </td>
	364	+ <td>
	365	+ <%-- <c:out value="${result.fileUrl}"/> --%>
	366	+ 화면 상단으로 부터 : <c:out value="${result.popupVrticlLc}"/>
	367	+ </br>
	368	+ 화면 좌측으로 부터 : <c:out value="${result.popupWidthLc}"/>
	369	+ </td>
	370	+ <td>
	371	+ <c:if test="${!empty result.width}">
	372	+ 높이 : <c:out value="${result.height}"/>
	373	+ </br>
	374	+ 너비 : <c:out value="${result.width}"/>
	375	+ </c:if>
	376	+ </td>
	377	+ <td>
	378	+ <c:out value="${result.ntceAt}"/>
	379	+ </td>
	380	+ <td>
	381	+ <c:out value="${result.frstRegistPnttm}"/>
	382	+ </td>
	383	+ </tr>
	384	+ </c:forEach>
	385	+ <c:if test="${empty resultList}">
	386	+ <tr><td colspan="7"><spring:message code="common.nodata.msg" /></td></tr>
	387	+ </c:if>
	388	+ </tbody>
	389	+ </table>
	390	+ </div>
	391	+
	392	+ <!-- btn_wrap -->
	393	+ <div class="btn_wrap">
	394	+ <div class="left">
	395	+ <button type="button" class="btn line red xlarge" onclick="fncPopupListDelete(); return false;">삭제</button>
	396	+ </div>
	397	+ <div class="right">
	398	+ <button type="button" class="btn fill primary xlarge" onclick="location.href='/uss/ion/pwm/egovPopupRegist.do'; return false;">등록</button>
	399	+ </div>
	400	+ </div>
	401	+ <!-- //btn_wrap -->
	402	+
	403	+ <!-- page -->
	404	+ <c:if test="${!empty resultList}">
	405	+ <div class="page">
	406	+ <ul class="inline">
	407	+ <ui:pagination paginationInfo = "${paginationInfo}" type="image" jsFunction="linkPage" />
	408	+ </ul>
	409	+ </div>
	410	+ </c:if>
	411	+
415	412	</form>
416	413	<form name="subForm" method="get" action="<c:url value='/uss/ion/pwm/detailPopup.do'/>">
417	414	<input name="popupId" type="hidden" value="" />

...	...	@@ -122,10 +122,7 @@
122	122	}
123	123	</script>
124	124	<style>
125		-.date_format{width:91px !important;}
126		-.main1_table input{
127		- width: unset;
128		- }
	125	+.main1_table input{width: unset;}
129	126	</style>
130	127	</head>
131	128	<body>
...	...	@@ -135,167 +132,129 @@
135	132	<form:hidden path="ntceEndde" />
136	133	<input name="cmd" type="hidden" value="<c:out value='save'/>"/>
137	134	<input name="popupType" type="hidden" value="<c:out value='L'/>"/>
138		-
139		-<!-- cont -->
140		-<div class="cont_wrap">
141		- <div class="box">
142		-
143		- <!-- cont_tit -->
144		- <div class="cont_tit">
145		- <h2>팝업 등록</h2>
146		- </div>
147		- <!-- //cont_tit -->
148		-
149		- <div class="cont">
150		- <!-- list_상세 -->
151		- <div class="tbType02 col-table data-table">
152		- <table>
153		- <colgroup>
154		- <col style="width: 20%">
155		- <col style="width: 80%">
156		- </colgroup>
157		-
158		- <tbody>
159		- <tr>
160		- <th><span class="reqArea">팝업명</span></th>
161		- <td>
162		- <form:input path="popupTitleNm" size="50" title="팝업명" maxlength="255"/>
163		- <form:errors path="popupTitleNm" />
164		- </td>
165		- </tr>
166		- <tr>
167		- <th><span class="reqArea">게시기간</span></th>
168		- <td>
169		- <%-- <input type="hidden" name="cal_url" id="cal_url" value="<c:url value='/sym/cmm/EgovNormalCalPopup.do'/>" >
170		- <input type="text" class="date_format" name="ntceBgndeYYYMMDD" id="ntceBgndeYYYMMDD" size="10" maxlength="10" class="readOnlyClass" readonly>
171		-
172		- <a href="#" onClick="javascript:fn_egov_NormalCalendar(document.forms.popupManageVO, document.forms.popupManageVO.ntceBgndeYYYMMDD);">
173		- <input type="button" class="calBtn">
174		- <img src="<c:url value='/images/egovframework/com/cmm/icon/bu_icon_carlendar.gif' />" align="middle" style="border:0px" alt="달력창팝업버튼이미지">
175		- </a>
176		- <form:select path="ntceBgndeHH" class="date_format">
177		- <form:options items="${ntceBgndeHH}" itemValue="code" itemLabel="codeNm"/>
178		- </form:select>시
179		- <form:select path="ntceBgndeMM" class="date_format">
180		- <form:options items="${ntceBgndeMM}" itemValue="code" itemLabel="codeNm"/>
181		- </form:select>분
182		- &nbsp&nbsp~&nbsp&nbsp
183		- <input type="text" class="date_format" name="ntceEnddeYYYMMDD" id="ntceEnddeYYYMMDD" size="10" maxlength="10" class="readOnlyClass" readonly>
184		- <a href="#" onClick="javascript:fn_egov_NormalCalendar(document.forms.popupManageVO, document.forms.popupManageVO.ntceEnddeYYYMMDD);">
185		- <input type="button" class="calBtn">
186		- <img src="<c:url value='/images/egovframework/com/cmm/icon/bu_icon_carlendar.gif' />" align="middle" style="border:0px" alt="달력창팝업버튼이미지">
187		- </a>
188		- <form:select path="ntceEnddeHH" class="date_format">
189		- <form:options items="${ntceEnddeHH}" itemValue="code" itemLabel="codeNm"/>
190		- </form:select>시
191		- <form:select path="ntceEnddeMM" class="date_format">
192		- <form:options items="${ntceEnddeMM}" itemValue="code" itemLabel="codeNm"/>
193		- </form:select>분 --%>
194		-
195		-
196		- <div id="sel_date" class="sel_date calendar">
197		- <input type="hidden" name="cal_url" id="cal_url" value="<c:url value='/sym/cmm/EgovNormalCalPopup.do'/>" >
198		-
199		- <input type="text" class="date_format" name="ntceBgndeYYYMMDD" id="ntceBgndeYYYMMDD" maxlength="10" title="게시시작일" readonly>
200		-
201		-
202		- <div class="calendar_in" id="calendarName_startDate" style="z-index: 9;">
203		- <a href="#" onClick="javascript:fn_egov_NormalCalendar(document.forms.popupManageVO, document.forms.popupManageVO.ntceBgndeYYYMMDD);">
204		- <input type="button" class="calBtn">
205		- <%-- <img src="<c:url value='/images/egovframework/com/cmm/icon/bu_icon_carlendar.gif' />" align="middle" style="border:0px" alt="달력창팝업버튼이미지"> --%>
206		- </a>
207		- </div>
208		- <form:select path="ntceBgndeHH" class="date_format">
209		- <form:options items="${ntceBgndeHH}" itemValue="code" itemLabel="codeNm"/>
210		- </form:select> 시
211		- <form:select path="ntceBgndeMM" class="date_format">
212		- <form:options items="${ntceBgndeMM}" itemValue="code" itemLabel="codeNm"/>
213		- </form:select> 분
214		- ~
215		- <input type="text" class="date_format" name="ntceEnddeYYYMMDD" id="ntceEnddeYYYMMDD" maxlength="10" title="게시종료일" readonly>
216		- <div class="calendar_in" id="calendarName_endDate" style="z-index: 9;">
217		- <a href="#" onClick="javascript:fn_egov_NormalCalendar(document.forms.popupManageVO, document.forms.popupManageVO.ntceEnddeYYYMMDD);">
218		- <input type="button" class="calBtn">
219		- <%-- <img src="<c:url value='/images/egovframework/com/cmm/icon/bu_icon_carlendar.gif' />" align="middle" style="border:0px" alt="달력창팝업버튼이미지"> --%>
220		- </a>
221		- </div>
222		- <form:select path="ntceEnddeHH" class="date_format">
223		- <form:options items="${ntceEnddeHH}" itemValue="code" itemLabel="codeNm"/>
224		- </form:select> 시
225		- <form:select path="ntceEnddeMM" class="date_format">
226		- <form:options items="${ntceEnddeMM}" itemValue="code" itemLabel="codeNm"/>
227		- </form:select> 분
228		- </div>
229		- </td>
230		- </tr>
231		- <tr>
232		- <th>링크 URL</th>
233		- <td>
234		- <form:input path="fileUrl" size="50" title="링크 URL" maxlength="255"/>
235		- <form:errors path="fileUrl" />
236		- </td>
237		- </tr>
238		- <tr style="display:none;">
239		- <th>팝업사이즈</th>
240		- <td>
241		- 가로<form:input path="popupWSize" class="dateInput" maxlength="10" value="100"/>px 세로<form:input path="popupHSize" class="dateInput" maxlength="10" value="100"/>px
242		- <form:errors path="popupWSize" />
243		- <form:errors path="popupHSize" />
244		- </td>
245		- </tr>
246		- <tr>
247		- <th>위치</th>
248		- <td class="td_position">
249		- <p>왼쪽 <form:input path="popupWlc" class="dateInput" maxlength="10"/> px</p>
250		- <p>상단 <form:input path="popupHlc" class="dateInput" maxlength="10"/> px</p>
251		- <form:errors path="popupWlc" />
252		- <form:errors path="popupHlc" />
253		- </td>
254		- </tr>
255		- <tr>
256		- <th>내용</th>
257		- <td>
258		- <form:textarea path="nttCn" title="${title} ${inputTxt}" cols="300" rows="20" />
259		- <ckeditor:replace replace="nttCn" basePath="${pageContext.request.contextPath}/html/egovframework/com/cmm/utl/ckeditor/" />
260		- </td>
261		- </tr>
262		- <tr>
263		- <th>게시 상태</th>
264		- <td>
265		- <div class="radio_wrap">
266		- <span><input type="radio" name="ntceAt" id="Y2" value="Y" checked><label for="Y2">예</label></span>
267		- <span><input type="radio" name="ntceAt" id="N2" value="N"><label for="N2">아니오</label></span>
268		- </div>
269		- </td>
270		- </tr>
271		- <tr>
272		- <th>그만보기 설정 여부</th>
273		- <td>
274		- <div class="radio_wrap">
275		- <span><input type="radio" name="stopVewAt" id="Y3" value="Y" checked><label for="Y3">예</label></span>
276		- <span><input type="radio" name="stopVewAt" id="N3" value="N"><label for="N3">아니오</label></span>
277		- </div>
278		- </td>
279		- </tr>
280		- </tbody>
281		- </table>
282		- </div>
283		- <!-- //list_상세 -->
284		-
285		- <!-- btn_wrap -->
286		- <div class="btn_wrap btn_layout01">
287		- <div class="area_left">
288		- </div>
289		- <div class="area_right">
290		- <button type="button" class="btnType06 btn btn_text btn_46 blue_fill" onclick="fn_egov_save_PopupManage(); return false;">저 장</button>
291		- <button type="button" class="btnType04 btn btn_text btn_46 gray_fill" onclick="fnList(); return false;">목 록</button>
292		- </div>
293		- </div>
294		- <!-- //btn_wrap -->
295		- </div>
	135	+
	136	+ <div class="content_title">
	137	+ <h3>팝업 등록</h3>
	138	+ <ol class="breadcrumb">
	139	+ <li><a href="#" class="home" title="메인으로 이동"><i></i></a></li>
	140	+ <li><a href="#">메인관리</a></li>
	141	+ <li><strong class="current_location">팝업 등록</strong></li>
	142	+ </ol>
296	143	</div>
297		-</div>
298		-<!-- //cont -->
	144	+
	145	+
	146	+ <div class="table table_type_rows">
	147	+ <table>
	148	+ <colgroup>
	149	+ <col style="width: 200px;">
	150	+ <col style="width: auto;">
	151	+ </colgroup>
	152	+
	153	+ <tbody>
	154	+ <tr>
	155	+ <th><span class="required">*</span>팝업명</th>
	156	+ <td>
	157	+ <form:input path="popupTitleNm" size="50" title="팝업명" maxlength="255" class="input w100per"/>
	158	+ <form:errors path="popupTitleNm" />
	159	+ </td>
	160	+ </tr>
	161	+ <tr>
	162	+ <th><span class="required">*</span>게시기간</th>
	163	+ <td>
	164	+
	165	+ <div class="calendar_wrap">
	166	+ <input type="hidden" name="cal_url" id="cal_url" value="<c:url value='/sym/cmm/EgovNormalCalPopup.do'/>" >
	167	+ <input type="text" class="date_format input calendar" name="ntceBgndeYYYMMDD" id="ntceBgndeYYYMMDD" maxlength="10" title="게시시작일" readonly>
	168	+ <a href="#" class="btn only_icon medium lightgray btn_calendar" onClick="javascript:fn_egov_NormalCalendar(document.forms.popupManageVO, document.forms.popupManageVO.ntceBgndeYYYMMDD);"><i class="icon calendar"></i></a>
	169	+
	170	+ <form:select path="ntceBgndeHH" class="date_format">
	171	+ <form:options items="${ntceBgndeHH}" itemValue="code" itemLabel="codeNm"/>
	172	+ </form:select> 시
	173	+ <form:select path="ntceBgndeMM" class="date_format">
	174	+ <form:options items="${ntceBgndeMM}" itemValue="code" itemLabel="codeNm"/>
	175	+ </form:select> 분 ~
	176	+
	177	+ <input type="text" class="date_format input calendar" name="ntceEnddeYYYMMDD" id="ntceEnddeYYYMMDD" maxlength="10" title="게시종료일" readonly>
	178	+ <a href="#" class="btn only_icon medium lightgray btn_calendar" onClick="javascript:fn_egov_NormalCalendar(document.forms.popupManageVO, document.forms.popupManageVO.ntceEnddeYYYMMDD);"><i class="icon calendar"></i></a>
	179	+
	180	+ <form:select path="ntceEnddeHH" class="date_format">
	181	+ <form:options items="${ntceEnddeHH}" itemValue="code" itemLabel="codeNm"/>
	182	+ </form:select> 시
	183	+ <form:select path="ntceEnddeMM" class="date_format">
	184	+ <form:options items="${ntceEnddeMM}" itemValue="code" itemLabel="codeNm"/>
	185	+ </form:select> 분
	186	+ </div>
	187	+
	188	+ </td>
	189	+ </tr>
	190	+ <tr>
	191	+ <th>링크 URL</th>
	192	+ <td>
	193	+ <form:input path="fileUrl" size="50" title="링크 URL" class="input w100per" maxlength="255"/>
	194	+ <form:errors path="fileUrl" />
	195	+ </td>
	196	+ </tr>
	197	+ <tr style="display:none;">
	198	+ <th>팝업사이즈</th>
	199	+ <td>
	200	+ 가로<form:input path="popupWSize" class="input" maxlength="10" value="100"/>px 세로<form:input path="popupHSize" class="input" maxlength="10" value="100"/>px
	201	+ <form:errors path="popupWSize" />
	202	+ <form:errors path="popupHSize" />
	203	+ </td>
	204	+ </tr>
	205	+ <tr>
	206	+ <th>위치</th>
	207	+ <td class="td_position">
	208	+
	209	+ <div class="form_wrap input_mix_wrap">
	210	+ <span class="text_split">왼쪽</span><form:input path="popupWlc" class="input" maxlength="10"/><span class="text_split">px</span>
	211	+ <span class="text_split">&ensp;&ensp;상단</span><form:input path="popupHlc" class="input" maxlength="10"/><span class="text_split">px</span>
	212	+ <form:errors path="popupWlc" />
	213	+ <form:errors path="popupHlc" />
	214	+ </div>
	215	+
	216	+ </td>
	217	+ </tr>
	218	+ <tr>
	219	+ <th>내용</th>
	220	+ <td>
	221	+ <form:textarea path="nttCn" title="${title} ${inputTxt}" cols="300" rows="20" />
	222	+ <ckeditor:replace replace="nttCn" basePath="${pageContext.request.contextPath}/html/egovframework/com/cmm/utl/ckeditor/" />
	223	+ </td>
	224	+ </tr>
	225	+ <tr>
	226	+ <th>게시 상태</th>
	227	+ <td>
	228	+ <div class="form_wrap radio_wrap">
	229	+
	230	+ <span class="radio_item"><input type="radio" name="ntceAt" id="Y2" value="Y" checked><label for="Y2">예</label></span>
	231	+ <span class="radio_item"><input type="radio" name="ntceAt" id="N2" value="N"><label for="N2">아니오</label></span>
	232	+
	233	+ </div>
	234	+ </td>
	235	+ </tr>
	236	+ <tr>
	237	+ <th>그만보기 설정 여부</th>
	238	+ <td>
	239	+ <div class="form_wrap radio_wrap">
	240	+
	241	+ <span class="radio_item"><input type="radio" name="stopVewAt" id="Y3" value="Y" checked><label for="Y3">예</label></span>
	242	+ <span class="radio_item"><input type="radio" name="stopVewAt" id="N3" value="N"><label for="N3">아니오</label></span>
	243	+
	244	+ </div>
	245	+ </td>
	246	+ </tr>
	247	+ </tbody>
	248	+ </table>
	249	+ </div>
	250	+
	251	+ <!-- btn_wrap -->
	252	+ <div class="btn_wrap right">
	253	+ <button type="button" class="btn fill primary xlarge" onclick="fn_egov_save_PopupManage(); return false;">저 장</button>
	254	+ <button type="button" class="btn fill gray xlarge" onclick="fnList(); return false;">목 록</button>
	255	+ </div>
	256	+ <!-- //btn_wrap -->
	257	+
299	258	</form:form>
300	259	<form name="searchForm" id="searchForm" method="get" action="<c:url value='/uss/ion/pwm/listPopup.do'/>" ></form>
301	260	</body>

...	...	@@ -145,166 +145,133 @@
145	145	<form:hidden path="ntceEndde" />
146	146	<input name="popupId" type="hidden" value="${popupManageVO.popupId}">
147	147	<input name="cmd" type="hidden" value=""/>
148		-
149		-<!-- cont -->
150		-<div class="cont_wrap">
151		- <div class="box">
	148	+
	149	+
	150	+ <div class="content_title">
	151	+ <h3>팝업 수정</h3>
	152	+ <ol class="breadcrumb">
	153	+ <li><a href="#" class="home" title="메인으로 이동"><i></i></a></li>
	154	+ <li><a href="#">메인관리</a></li>
	155	+ <li><strong class="current_location">팝업 수정</strong></li>
	156	+ </ol>
	157	+ </div>
	158	+
	159	+
	160	+ <div class="table table_type_rows">
	161	+ <table>
	162	+ <colgroup>
	163	+ <col style="width: 200px;">
	164	+ <col style="width: auto;">
	165	+ </colgroup>
152	166
153		- <!-- cont_tit -->
154		- <div class="cont_tit">
155		- <h2>팝업 수정</h2>
	167	+ <tbody>
	168	+ <tr>
	169	+ <th><span class="required">*</span>팝업명</th>
	170	+ <td>
	171	+ <form:input path="popupTitleNm" size="50" title="팝업명" maxlength="255" cssClass="input w100per"/>
	172	+ <form:errors path="popupTitleNm" />
	173	+ </td>
	174	+ </tr>
	175	+ <tr>
	176	+ <th><span class="required">*</span>게시기간</th>
	177	+ <td>
	178	+
	179	+ <div class="calendar_wrap">
	180	+ <input type="hidden" name="cal_url" id="cal_url" value="<c:url value='/sym/cmm/EgovNormalCalPopup.do'/>" >
	181	+ <input type="text" class="input calendar" name="ntceBgndeYYYMMDD" id="ntceBgndeYYYMMDD" maxlength="10" title="게시시작일" value="<c:out value="${fn:substring(popupManageVO.ntceBgnde, 0, 4)}"/>-<c:out value="${fn:substring(popupManageVO.ntceBgnde, 4, 6)}"/>-<c:out value="${fn:substring(popupManageVO.ntceBgnde, 6, 8)}"/>" readonly>
	182	+ <a href="#" class="btn only_icon medium lightgray btn_calendar" onClick="javascript:fn_egov_NormalCalendar(document.forms.popupManageVO, document.forms.popupManageVO.ntceBgndeYYYMMDD);"><i class="icon calendar"></i></a>
	183	+
	184	+ <form:select path="ntceBgndeHH" class="date_format">
	185	+ <form:options items="${ntceBgndeHH}" itemValue="code" itemLabel="codeNm"/>
	186	+ </form:select>시
	187	+ <form:select path="ntceBgndeMM" class="date_format">
	188	+ <form:options items="${ntceBgndeMM}" itemValue="code" itemLabel="codeNm"/>
	189	+ </form:select>분 ~
	190	+
	191	+ <input type="text" class="input calendar" name="ntceEnddeYYYMMDD" id="ntceEnddeYYYMMDD" maxlength="10" title="게시종료일" value="<c:out value="${fn:substring(popupManageVO.ntceEndde, 0, 4)}"/>-<c:out value="${fn:substring(popupManageVO.ntceEndde, 4, 6)}"/>-<c:out value="${fn:substring(popupManageVO.ntceEndde, 6, 8)}"/>" readonly>
	192	+ <a href="#" class="btn only_icon medium lightgray btn_calendar" onClick="javascript:fn_egov_NormalCalendar(document.forms.popupManageVO, document.forms.popupManageVO.ntceEnddeYYYMMDD);"><i class="icon calendar"></i></a>
	193	+
	194	+ <form:select path="ntceEnddeHH" class="date_format">
	195	+ <form:options items="${ntceEnddeHH}" itemValue="code" itemLabel="codeNm"/>
	196	+ </form:select>시
	197	+ <form:select path="ntceEnddeMM" class="date_format">
	198	+ <form:options items="${ntceEnddeMM}" itemValue="code" itemLabel="codeNm"/>
	199	+ </form:select>분
	200	+ </div>
	201	+
	202	+ </td>
	203	+ </tr>
	204	+ <tr>
	205	+ <th>링크 URL</th>
	206	+ <td>
	207	+ <form:input path="fileUrl" size="50" title="링크 URL" maxlength="255" cssClass="input w100per"/>
	208	+ <form:errors path="fileUrl" />
	209	+ </td>
	210	+ </tr>
	211	+ <tr style="display:none;">
	212	+ <th>팝업사이즈</th>
	213	+ <td>
	214	+ 가로<form:input path="popupWSize" class="dateInput" maxlength="10" value="100"/>px 세로<form:input path="popupHSize" class="dateInput" maxlength="10" value="100"/>px
	215	+ <form:errors path="popupWSize" />
	216	+ <form:errors path="popupHSize" />
	217	+ </td>
	218	+ </tr>
	219	+ <tr>
	220	+ <th>위치</th>
	221	+ <td class="td_position">
	222	+
	223	+ <div class="form_wrap input_mix_wrap">
	224	+ <span class="text_split">왼쪽</span><form:input path="popupWlc" class="input" maxlength="10"/><span class="text_split">px</span>
	225	+ <span class="text_split">&ensp;&ensp;상단</span><form:input path="popupHlc" class="input" maxlength="10"/><span class="text_split">px</span>
	226	+ <form:errors path="popupWlc" />
	227	+ <form:errors path="popupHlc" />
	228	+ </div>
	229	+ </td>
	230	+ </tr>
	231	+ <tr>
	232	+ <th>내용</th>
	233	+ <td>
	234	+ <form:textarea path="nttCn" title="${title} ${inputTxt}" cols="300" rows="20" />
	235	+ <ckeditor:replace replace="nttCn" basePath="${pageContext.request.contextPath}/html/egovframework/com/cmm/utl/ckeditor/" />
	236	+ </td>
	237	+ </tr>
	238	+ <tr>
	239	+ <th>게시 상태</th>
	240	+ <td>
	241	+ <div class="form_wrap radio_wrap">
	242	+ <span class="radio_item"><input type="radio" name="ntceAt" id="Y2" value="Y" <c:if test="${popupManageVO.ntceAt eq 'Y'}">checked</c:if>><label for="Y2">예</label></span>
	243	+ <span class="radio_item"><input type="radio" name="ntceAt" id="N2" value="N" <c:if test="${popupManageVO.ntceAt eq 'N'}">checked</c:if>><label for="N2">아니오</label></span>
	244	+ </div>
	245	+ </td>
	246	+ </tr>
	247	+ <tr>
	248	+ <th>그만보기 설정 여부</th>
	249	+ <td>
	250	+ <div class="form_wrap radio_wrap">
	251	+ <span class="radio_item"><input type="radio" name="stopVewAt" id="Y3" value="Y" <c:if test="${popupManageVO.stopVewAt eq 'Y'}">checked</c:if>><label for="Y3">예</label></span>
	252	+ <span class="radio_item"><input type="radio" name="stopVewAt" id="N3" value="N"<c:if test="${popupManageVO.stopVewAt eq 'N'}">checked</c:if>><label for="N3">아니오</label></span>
	253	+ </div>
	254	+ </td>
	255	+ </tr>
	256	+ </tbody>
	257	+ </table>
	258	+ </div>
	259	+
	260	+ <!-- btn_wrap -->
	261	+ <div class="btn_wrap">
	262	+ <div class="left">
	263	+ <button class="btn line red xlarge" onclick="fn_egov_delete_PopupManage(); return false;">삭 제</button>
156	264	</div>
157		- <!-- //cont_tit -->
158		-
159		- <div class="cont">
160		- <!-- list_상세 -->
161		- <div class="tbType02 col-table data-table">
162		- <table>
163		- <colgroup>
164		- <col style="width: 20%">
165		- <col style="width: 80%">
166		- </colgroup>
167		-
168		- <tbody>
169		- <tr>
170		- <th><span class="reqArea">팝업명</span></th>
171		- <td>
172		- <form:input path="popupTitleNm" size="50" title="팝업명" maxlength="255" cssClass="w100per"/>
173		- <form:errors path="popupTitleNm" />
174		- </td>
175		- </tr>
176		- <tr>
177		- <th><span class="reqArea">게시기간</span></th>
178		- <td>
179		- <%-- <input type="hidden" name="cal_url" id="cal_url" value="<c:url value='/sym/cmm/EgovNormalCalPopup.do'/>" >
180		- <input type="text" class="date_format" name="ntceBgndeYYYMMDD" id="ntceBgndeYYYMMDD" size="10" maxlength="10" class="readOnlyClass" readonly>
181		-
182		- <a href="#" onClick="javascript:fn_egov_NormalCalendar(document.forms.popupManageVO, document.forms.popupManageVO.ntceBgndeYYYMMDD);">
183		- <input type="button" class="calBtn">
184		- <img src="<c:url value='/images/egovframework/com/cmm/icon/bu_icon_carlendar.gif' />" align="middle" style="border:0px" alt="달력창팝업버튼이미지">
185		- </a>
186		- <form:select path="ntceBgndeHH" class="date_format">
187		- <form:options items="${ntceBgndeHH}" itemValue="code" itemLabel="codeNm"/>
188		- </form:select>시
189		- <form:select path="ntceBgndeMM" class="date_format">
190		- <form:options items="${ntceBgndeMM}" itemValue="code" itemLabel="codeNm"/>
191		- </form:select>분
192		- &nbsp&nbsp~&nbsp&nbsp
193		- <input type="text" class="date_format" name="ntceEnddeYYYMMDD" id="ntceEnddeYYYMMDD" size="10" maxlength="10" class="readOnlyClass" readonly>
194		- <a href="#" onClick="javascript:fn_egov_NormalCalendar(document.forms.popupManageVO, document.forms.popupManageVO.ntceEnddeYYYMMDD);">
195		- <input type="button" class="calBtn">
196		- <img src="<c:url value='/images/egovframework/com/cmm/icon/bu_icon_carlendar.gif' />" align="middle" style="border:0px" alt="달력창팝업버튼이미지">
197		- </a>
198		- <form:select path="ntceEnddeHH" class="date_format">
199		- <form:options items="${ntceEnddeHH}" itemValue="code" itemLabel="codeNm"/>
200		- </form:select>시
201		- <form:select path="ntceEnddeMM" class="date_format">
202		- <form:options items="${ntceEnddeMM}" itemValue="code" itemLabel="codeNm"/>
203		- </form:select>분 --%>
204		-
205		-
206		- <div id="sel_date" class="sel_date calendar">
207		- <input type="hidden" name="cal_url" id="cal_url" value="<c:url value='/sym/cmm/EgovNormalCalPopup.do'/>" >
208		- <input type="text" class="date_format" name="ntceBgndeYYYMMDD" id="ntceBgndeYYYMMDD" maxlength="10" title="게시시작일" value="<c:out value="${fn:substring(popupManageVO.ntceBgnde, 0, 4)}"/>-<c:out value="${fn:substring(popupManageVO.ntceBgnde, 4, 6)}"/>-<c:out value="${fn:substring(popupManageVO.ntceBgnde, 6, 8)}"/>" readonly>
209		- <div class="calendar_in" id="calendarName_startDate" style="z-index: 9;">
210		- <a href="#" onClick="javascript:fn_egov_NormalCalendar(document.forms.popupManageVO, document.forms.popupManageVO.ntceBgndeYYYMMDD);">
211		- <input type="button" class="calBtn">
212		- <%-- <img src="<c:url value='/images/egovframework/com/cmm/icon/bu_icon_carlendar.gif' />" align="middle" style="border:0px" alt="달력창팝업버튼이미지"> --%>
213		- </a>
214		- </div>
215		- <form:select path="ntceBgndeHH" class="date_format">
216		- <form:options items="${ntceBgndeHH}" itemValue="code" itemLabel="codeNm"/>
217		- </form:select>시
218		- <form:select path="ntceBgndeMM" class="date_format">
219		- <form:options items="${ntceBgndeMM}" itemValue="code" itemLabel="codeNm"/>
220		- </form:select>분
221		- ~
222		- <input type="text" class="date_format" name="ntceEnddeYYYMMDD" id="ntceEnddeYYYMMDD" maxlength="10" title="게시종료일" value="<c:out value="${fn:substring(popupManageVO.ntceEndde, 0, 4)}"/>-<c:out value="${fn:substring(popupManageVO.ntceEndde, 4, 6)}"/>-<c:out value="${fn:substring(popupManageVO.ntceEndde, 6, 8)}"/>" readonly>
223		- <div class="calendar_in" id="calendarName_endDate" style="z-index: 9;">
224		- <a href="#" onClick="javascript:fn_egov_NormalCalendar(document.forms.popupManageVO, document.forms.popupManageVO.ntceEnddeYYYMMDD);">
225		- <input type="button" class="calBtn">
226		- <%-- <img src="<c:url value='/images/egovframework/com/cmm/icon/bu_icon_carlendar.gif' />" align="middle" style="border:0px" alt="달력창팝업버튼이미지"> --%>
227		- </a>
228		- </div>
229		- <form:select path="ntceEnddeHH" class="date_format">
230		- <form:options items="${ntceEnddeHH}" itemValue="code" itemLabel="codeNm"/>
231		- </form:select>시
232		- <form:select path="ntceEnddeMM" class="date_format">
233		- <form:options items="${ntceEnddeMM}" itemValue="code" itemLabel="codeNm"/>
234		- </form:select>분
235		- </div>
236		- </td>
237		- </tr>
238		- <tr>
239		- <th>링크 URL</th>
240		- <td>
241		- <form:input path="fileUrl" size="50" title="링크 URL" maxlength="255" cssClass="w100per"/>
242		- <form:errors path="fileUrl" />
243		- </td>
244		- </tr>
245		- <tr style="display:none;">
246		- <th>팝업사이즈</th>
247		- <td>
248		- 가로<form:input path="popupWSize" class="dateInput" maxlength="10" value="100"/>px 세로<form:input path="popupHSize" class="dateInput" maxlength="10" value="100"/>px
249		- <form:errors path="popupWSize" />
250		- <form:errors path="popupHSize" />
251		- </td>
252		- </tr>
253		- <tr>
254		- <th>위치</th>
255		- <td class="td_position">
256		- <p>왼쪽 <form:input path="popupWlc" class="dateInput" maxlength="10"/>px</p>
257		- <p>상단<form:input path="popupHlc" class="dateInput" maxlength="10"/>px</p>
258		- <form:errors path="popupWlc" />
259		- <form:errors path="popupHlc" />
260		- </td>
261		- </tr>
262		- <tr>
263		- <th>내용</th>
264		- <td>
265		- <form:textarea path="nttCn" title="${title} ${inputTxt}" cols="300" rows="20" />
266		- <ckeditor:replace replace="nttCn" basePath="${pageContext.request.contextPath}/html/egovframework/com/cmm/utl/ckeditor/" />
267		- </td>
268		- </tr>
269		- <tr>
270		- <th>게시 상태</th>
271		- <td>
272		- <div class="radio_wrap">
273		- <span><input type="radio" name="ntceAt" id="Y2" value="Y" <c:if test="${popupManageVO.ntceAt eq 'Y'}">checked</c:if>><label for="Y2">예</label></span>
274		- <span><input type="radio" name="ntceAt" id="N2" value="N" <c:if test="${popupManageVO.ntceAt eq 'N'}">checked</c:if>><label for="N2">아니오</label></span>
275		- </div>
276		- </td>
277		- </tr>
278		- <tr>
279		- <th>그만보기 설정 여부</th>
280		- <td>
281		- <div class="radio_wrap">
282		- <span><input type="radio" name="stopVewAt" id="Y3" value="Y" <c:if test="${popupManageVO.stopVewAt eq 'Y'}">checked</c:if>><label for="Y3">예</label></span>
283		- <span><input type="radio" name="stopVewAt" id="N3" value="N"<c:if test="${popupManageVO.stopVewAt eq 'N'}">checked</c:if>><label for="N3">아니오</label></span>
284		- </div>
285		- </td>
286		- </tr>
287		- </tbody>
288		- </table>
289		- </div>
290		- <!-- //list_상세 -->
291		-
292		- <!-- btn_wrap -->
293		- <div class="btn_wrap btn_layout01">
294		- <div class="area_left">
295		- <button class="btnType04 btn btn_text btn_46 red_border" onclick="fn_egov_delete_PopupManage(); return false;">삭 제</button>
296		- </div>
297		- <div class="area_right">
298		-
299		- <button class="btnType06 btn btn_text btn_46 blue_fill" onclick="fn_egov_save_PopupManage(); return false;">저 장</button>
300		- <button class="btnType04 btn btn_text btn_46 gray_fill" onclick="fnList(); return false;">목 록</button>
301		- </div>
302		- </div>
303		- <!-- //btn_wrap -->
	265	+ <div class="right">
	266	+
	267	+ <button class="btn fill primary xlarge" onclick="fn_egov_save_PopupManage(); return false;">저 장</button>
	268	+ <button class="btn fill gray xlarge" onclick="fnList(); return false;">목 록</button>
304	269	</div>
305	270	</div>
306		-</div>
307		-<!-- //cont -->
	271	+ <!-- //btn_wrap -->
	272	+
	273	+
	274	+
308	275	</form:form>
309	276	<form name="searchForm" id="searchForm" method="get" action="<c:url value='/uss/ion/pwm/listPopup.do'/>" ></form>
310	277	</body>

...	...	@@ -250,10 +250,10 @@
250	250	.pop-conts{background:#fff;min-height:250px;font-size:1.4rem;justify-content:center;align-items:center;}
251	251	.pop-conts a{width:100%;padding:20px;word-break:break-word;}
252	252	.btn-r{display:flex;height:45px;padding:0 15px;justify-content:space-between;align-items:center;}
253		- .today_close{display:flex;font-size:1.5rem;color:#222;gap:6px;}
	253	+ .today_close{display:flex;font-size:16px;color:#222;gap:8px;align-items:center;}
254	254	.today_close [type="checkbox"]{width:16px;height:16px;}
255		- .btn-layerClose{width:16px;height:16px;margin:2px 0 0 0;}
256		- .icon.popup_close{width:16px;height:16px;background:url(/kofair_case_seed/usr/images/component/icon_popup_close.png) no-repeat center center;background-size:100% auto;}
	255	+ .btn-layerClose{display:flex;width:30px;height:30px;margin:2px 0 0 0;justify-content:center;align-items:center;}
	256	+ .icon.popup_close{width:16px;height:16px;background:url(/publish/adm/images/component/icon_x.png) no-repeat center center;background-size:100% auto;}
257	257	@media screen and (max-width: 1199px){
258	258	.popup{width:95%;min-width:auto;}
259	259	.pop-conts{min-height:auto;}

Delete comment