tolag3/base_project
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

에러페이지 디자인 수정

Browse Source
This commit is contained in:
subsub 2025-12-05 09:44:31 +09:00
parent 42f526cdee
commit a6abe17a92
10 changed files with 406 additions and 298 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/main/webapp/WEB-INF/jsp/cmm/error/dataAccessFailure.jsp
View File

@ -9,6 +9,18 @@
<meta http-equiv="content-language" content="ko">
<title>eGovFrame 템플릿</title>
<!-- css -->
<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/common/error/error.css">
<!-- //css -->
<link href="<c:url value='/'/>css/common.css" rel="stylesheet" type="text/css" >
<script type="text/javascript">
@ -19,7 +31,17 @@ function fncGoAfterErrorPage(){
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<div class="error_container">
<div class="error_contents">
<i class="icon error"></i>
<h1>ERROR PAGE</h1>
<p class="secondary_title"><b>데이터 처리 중 오류</b>가 발생하였습니다.(dataAccessFailure)</p>
<button type="button" class="btn btn_page_move" onClick="fncGoAfterErrorPage();">이전페이지</button>
</div>
</div>
<%-- <table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" valign="top"><br />
<br />
@ -61,6 +83,6 @@ function fncGoAfterErrorPage(){
</table>
</td>
</tr>
</table>
</table> --%>
</body>
</html>

36
src/main/webapp/WEB-INF/jsp/cmm/error/egovError.jsp
View File

@ -8,6 +8,18 @@
<meta http-equiv="content-language" content="ko">
<title>eGovFrame 템플릿</title>
<!-- css -->
<link rel="stylesheet" href="/publish/common/css/reset.css">
<link rel="stylesheet" href="/publish/common/css/font.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/common/error/error.css">
<!-- //css -->
<link href="<c:url value='/'/>css/common.css" rel="stylesheet" type="text/css" >
<script type="text/javascript">
@ -18,17 +30,19 @@ function fncGoAfterErrorPage(){
</head>
<body>
<div class="error_page">
<div class="error_wrap">
<i></i>
<div class="text_area">
<h1>페이지가 <em>없거나 잘못된 경로</em>입니다.</h1>
<p>경로를 다시 확인하시고 이용해 주시기 바랍니다. <br> 이용에 불편을 드려 대단히 죄송합니다.</p>
</div>
</div>
<div class="error_btn">
<button type="button" class="error_btn" onClick="fncGoAfterErrorPage();">이전 페이지</button>
</div>
<div class="error_container">
<div class="error_contents">
<i class="icon error"></i>
<h1>ERROR PAGE</h1>
<p class="secondary_title">페이지가 <b>없거나 잘못된 경로</b> 입니다.</p>
<p class="summary">
경로를 다시 확인하시고 이용해주시기 바랍니다.<br>
이용에 불편을 드려 대단히 죄송합니다.
</p>
<button type="button" class="btn btn_page_move" onClick="fncGoAfterErrorPage();">이전페이지</button>
</div>
</div>
</body>
</html>

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

@ -136,11 +136,7 @@ function fn_egov_downFile(atchFileId, fileSn){
window.open("<c:url value='/cmm/fms/FileDown.do?atchFileId="+atchFileId+"&fileSn="+fileSn+"'/>");
}
</script>
<style>
.del_file_btn{border: none;background-color: transparent;background-image: url(/direct/img/upload_delect_img.png);background-repeat: no-repeat;background-position: center center;vertical-align: middle;margin-top: -4px;margin-right: 15px;}
.file_size{color: #0388d2;font-weight: bold;}
.uploaded_obj{width: 100%;}
</style>
</head>
<body>
<form:form commandName="popupzoneVO" name="writeForm" enctype="multipart/form-data" method="post" action="uss/ion/pwm/popupzoneModify.do">
@ -157,278 +153,289 @@ function fn_egov_downFile(atchFileId, fileSn){
<input type="hidden" name="fmsId" value="${popupzoneVO.pozId}" />
<input type="hidden" name="limitcount" value="1" />
<!-- 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><a href="#">알림창관리</a></li>
<li><strong class="current_location">알림창 등록/수정</strong></li>
</ol>
</div>
<!-- list_상세 -->
<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>
<ul class="cont_nav">
<li class="home"><a href="/"><i></i></a></li>
<li><p>메인관리</p></li>
<li><p>알림창관리</p></li>
<li><span class="cur_nav">알림창 등록/수정</span></li>
</ul>
</div>
<!-- //cont_tit -->
<div class="cont">
<!-- list_상세 -->
<div class="col-table data-table">
<table>
<colgroup>
<col style="width: 20%">
<col style="width: 80%">
</colgroup>
<tbody>
<tr>
<th style="vertical-align:middle;"><span class="reqArea">원본이미지</span></th>
<td>
<c:if test="${popupzoneVO.pozId == ''}">
<div class="imgBox"></div>
</c:if>
<c:if test="${popupzoneVO.pozId != ''}">
<img alt="${popupzoneVO.content}" onerror="this.src='/img/no_img.jpg'" src='<c:url value='/uss/ion/pwm/getImage.do'/>?atchFileId=<c:out value="${popupzoneVO.popupzoneImageFile}"/>' style="max-width:300px;padding: 10px;" />
</c:if>
</td>
</tr>
<tr>
<th>알림창 제목</th>
<td>
<form:input path="pozNm" class="w100per" maxlength="30" />
</td>
</tr>
<tr>
<th style="vertical-align:middle;">이미지 타이틀</th>
<td>
<textarea id="content" class="w100per" name="content" rows="10" cols="150">${popupzoneVO.content}</textarea>
</td>
</tr>
<tr>
<th>링크</th>
<td>
<form:input path="mlink" class="w100per" maxlength="200" />
</td>
</tr>
<tr>
<th>사용여부 상태</th>
<td>
<div class="radio_wrap">
<span><input type="radio" name="useYn" id="useY" value="Y" ${popupzoneVO.useYn eq 'Y' or popupzoneVO.useYn eq '' ? 'checked="checked"' : ''}><label for="useY">예</label></span>
<span><input type="radio" name="useYn" id="useN" value="N" ${popupzoneVO.useYn eq 'N' ? 'checked="checked"' : ''}><label for="useN">아니오</label></span>
</div>
</td>
</tr>
<tr>
<th>타겟</th>
<td>
<div class="radio_wrap">
<span><input type="radio" name="istarget" id="istargetC" value="C" ${popupzoneVO.istarget eq 'C' or popupzoneVO.istarget eq '' ? 'checked="checked"' : ''}><label for="istargetC">현재창</label></span>
<span><input type="radio" name="istarget" id="istargetN" value="N" ${popupzoneVO.istarget eq 'N' ? 'checked="checked"' : ''}><label for="istargetN">새창</label></span>
</div>
</td>
</tr>
<tr>
<th>노출순서</th>
<td>
<form:input path="sort" maxlength="10" onkeyup="this.value=this.value.replace(/[^-\.0-9]/g,'')"/>
</td>
</tr>
<tr>
<th style="vertical-align:middle;"><span class="reqArea">파일 첨부</span></th>
<%-- <td class="upload_area">
<!-- <div class="file_upload_box no_img_box">
<img class="upload_box_img" src="/direct/img/upload_img.png" alt="">
<div class="upload_box_text">
<span class="file_upload_text_1">첨부파일 올리기</span><br>
<span class="file_upload_text_2">(파일을 끌어다 놓으세요)</span>
</div>
</div> -->
<div class="file_upload_box no_img_box fileWrap">
<table>
<colgroup>
<col style="width: 60%">
<col style="width: 10%">
<col style="width: 20%">
<col style="width: 10%">
</colgroup>
<thead>
<tr>
<th>파일명</th>
<th>크기</th>
<th>등록일시</th>
<th>삭제</th>
</tr>
</thead>
</table>
</div>
<div class="fileWrap fileAfter file_list_div asset_no_use_pro_table" style="display:none">
<table>
<colgroup>
<col style="width: 60%">
<col style="width: 10%">
<col style="width: 20%">
<col style="width: 10%">
</colgroup>
<thead>
<tr>
<th>파일명</th>
<th>크기</th>
<th>등록일시</th>
<th>삭제</th>
</tr>
</thead>
<tbody id="tbody_fiielist">
<c:forEach var="fileList" items="${fileList}" varStatus="status">
<tr class="item_${fileList.atchFileId}_${fileList.fileSn} uploaded_obj">
<td class="file_name">
<a href="javascript:fn_egov_downFile('${fileList.atchFileId}','${fileList.fileSn}')">
<img src="/direct/img/upload_hwp_img.png" alt="" />
<span class="file_name_text">${fileList.orignlFileNm}</span>
</a>
</td>
<td><span class="file_size_text" value="${fileList.fileMg}"></span></td>
<td>${fileList.creatDt}</td>
<td>
<input type="button" class="delBtn" onclick="delAtchFile('${fileList.atchFileId}', '${fileList.fileSn}'); return false;">
</td>
<input type="hidden" name="fileSize" class="item_file_size" value="${fileList.fileMg}" >
</tr>
</c:forEach>
</tbody>
</table>
</div>
<div class="fileInfo file_list_div">
<ul class="inline">
<li>
<p><span class="c_456ded fwBold totalfileCount">0</span>개 ｜ <span class="c_456ded fwBold totalfileSize">0MB</span></p>
</li>
<li>
<p>최대 <span class="c_e40000 fwBold limitcount_li"></span>개 ｜ <span class="c_e40000 fwBold upload_number">50MB</span>제한</p>
</li>
</ul>
</div>
<div class="uploadBtm">
<input type="file" name="file_temp" id="file_temp" class="uploadFile">
<span class="uploadTtype4">
이미지 크기는
</span><span class="uploadTtype4" style="color: red;">
390 X 500
</span>입니다.</p>
</div>
</td> --%>
<td class="upload_area">
<input type="file" id="file_temp" name="file_temp" class="uploadFile" style="display:none"/>
<button type="button" id="filebutton" class="btn btn_text btn_36 blue_border btn_add_file">파일 첨부하기</button>
<div class="file_wrap file_upload_box no_img_box">
<table class="tbType02">
<colgroup>
<col style="width: 60%;">
<col style="width: auto;">
<col style="width: 20%;">
<col style="width: 10%;">
</colgroup>
<thead>
<th>파일 명</th>
<th>종류</th>
<th>크기</th>
<th>삭제</th>
</thead>
<tbody class="tb_file_before">
<tr>
<td colspan="4">
<p>첨부하실 파일을 <span>마우스로 끌어서</span> 넣어주세요.</p>
</td>
</tr>
</tbody>
</table>
</div>
<div class="file_wrap fileAfter file_list_div">
<table class="tbType02">
<colgroup>
<col style="width: 60%">
<col style="width: 10%">
<col style="width: 20%">
<col style="width: 10%">
</colgroup>
<thead>
<th>파일 명</th>
<th>종류</th>
<th>크기</th>
<th>삭제</th>
</thead>
<tbody id="tbody_fiielist" class="tb_file_after">
<c:forEach var="fileList" items="${fileList}" varStatus="status">
<tr class="item_${fileList.atchFileId}_${fileList.fileSn} uploaded_obj">
<input type="hidden" name="fileSize" class="item_file_size" value="${fileList.fileSize}">
<td class="td_filename">
<!-- <img src="/direct/img/upload_hwp_img.png" alt="" /> -->
<a href="javascript:fn_egov_downFile('${fileList.atchFileId}','${fileList.fileSn}')">
<span class="file_name_text">${fileList.orignlFileNm}</span>
</a>
</td>
<td class="td_filesort">
<span class="file_filesort_text" value="<c:out value="${fileList.fileExtsn}"/>"><c:out value="${fileList.fileExtsn}"/></span>
</td>
<td class="td_filesize">
<span class="file_size_text" value="<c:out value="${fileList.fileMg}"/>"><c:out value="${fileList.fileMg}"/></span>
</td>
<td>
<button type="button" class="btn btn_text red_border btn_del" onclick="delAtchFile('${fileList.atchFileId}', '${fileList.fileSn}'); return false;">삭제</button>
</td>
</tr>
</c:forEach>
</tbody>
</table>
</div>
</td>
</tr>
<c:if test="${!empty popupzoneVO.pozId}">
<tr>
<th><span class="reqArea">최종수정일</span></th>
<td>
${popupzoneVO.moddt}
</td>
</tr>
<tr>
<th><span class="reqArea">작성자</span></th>
<td>
${popupzoneVO.registerId}
</td>
</tr>
<tbody>
<tr>
<th><span class="required">*</span>원본이미지</th>
<td>
<c:if test="${popupzoneVO.pozId == ''}">
<div class="imgBox"></div>
</c:if>
<c:if test="${popupzoneVO.pozId != ''}">
<img alt="${popupzoneVO.content}" onerror="this.src='/img/no_img.jpg'" src='<c:url value='/uss/ion/pwm/getImage.do'/>?atchFileId=<c:out value="${popupzoneVO.popupzoneImageFile}"/>' style="max-width:300px;padding: 10px;" />
</c:if>
</tbody>
</table>
</div>
<!-- //list_상세 -->
</td>
</tr>
<tr>
<th>알림창 제목</th>
<td>
<form:input path="pozNm" class="w100per input" maxlength="30" />
</td>
</tr>
<tr>
<th style="vertical-align:middle;">이미지 타이틀</th>
<td>
<textarea id="content" class="w100per" name="content" rows="10" cols="150">${popupzoneVO.content}</textarea>
</td>
</tr>
<tr>
<th>링크</th>
<td>
<form:input path="mlink" class="w100per input" maxlength="200" />
</td>
</tr>
<tr>
<th>사용여부 상태</th>
<td>
<div class="form_wrap radio_wrap">
<label for="useY">
<input type="radio" name="useYn" id="useY" value="Y" ${popupzoneVO.useYn eq 'Y' or popupzoneVO.useYn eq '' ? 'checked="checked"' : ''}/>
<span>예</span>
</label>
<label for="useN">
<input type="radio" name="useYn" id="useN" value="N" ${popupzoneVO.useYn eq 'N' ? 'checked="checked"' : ''}/>
<span>아니오</span>
</label>
<%-- <span><input type="radio" name="useYn" id="useY" value="Y" ${popupzoneVO.useYn eq 'Y' or popupzoneVO.useYn eq '' ? 'checked="checked"' : ''}><label for="useY">예</label></span>
<span><input type="radio" name="useYn" id="useN" value="N" ${popupzoneVO.useYn eq 'N' ? 'checked="checked"' : ''}><label for="useN">아니오</label></span> --%>
</div>
</td>
</tr>
<tr>
<th>타겟</th>
<td>
<div class="form_wrap radio_wrap">
<label for="istargetC" class="radio_item">
<input type="radio" name="istarget" id="istargetC" value="C" ${popupzoneVO.istarget eq 'C' or popupzoneVO.istarget eq '' ? 'checked="checked"' : ''}/>
<span>현재창</span>
</label>
<label for="istargetN" class="radio_item">
<input type="radio" name="istarget" id="istargetN" value="N" ${popupzoneVO.istarget eq 'N' ? 'checked="checked"' : ''}/>
<span>새창</span>
</label>
<%-- <span><input type="radio" name="istarget" id="istargetC" value="C" ${popupzoneVO.istarget eq 'C' or popupzoneVO.istarget eq '' ? 'checked="checked"' : ''}><label for="istargetC">현재창</label></span>
<span><input type="radio" name="istarget" id="istargetN" value="N" ${popupzoneVO.istarget eq 'N' ? 'checked="checked"' : ''}><label for="istargetN">새창</label></span> --%>
</div>
</td>
</tr>
<tr>
<th>노출순서</th>
<td>
<form:input path="sort" maxlength="10" class="input" onkeyup="this.value=this.value.replace(/[^-\.0-9]/g,'')"/>
</td>
</tr>
<tr>
<th><span class="required">*</span>파일 첨부</th>
<%-- <td class="upload_area">
<!-- <div class="file_upload_box no_img_box">
<img class="upload_box_img" src="/direct/img/upload_img.png" alt="">
<div class="upload_box_text">
<span class="file_upload_text_1">첨부파일 올리기</span><br>
<span class="file_upload_text_2">(파일을 끌어다 놓으세요)</span>
</div>
</div> -->
<div class="file_upload_box no_img_box fileWrap">
<table>
<colgroup>
<col style="width: 60%">
<col style="width: 10%">
<col style="width: 20%">
<col style="width: 10%">
</colgroup>
<thead>
<tr>
<th>파일명</th>
<th>크기</th>
<th>등록일시</th>
<th>삭제</th>
</tr>
</thead>
</table>
</div>
<div class="fileWrap fileAfter file_list_div asset_no_use_pro_table" style="display:none">
<table>
<colgroup>
<col style="width: 60%">
<col style="width: 10%">
<col style="width: 20%">
<col style="width: 10%">
</colgroup>
<thead>
<tr>
<th>파일명</th>
<th>크기</th>
<th>등록일시</th>
<th>삭제</th>
</tr>
</thead>
<tbody id="tbody_fiielist">
<c:forEach var="fileList" items="${fileList}" varStatus="status">
<tr class="item_${fileList.atchFileId}_${fileList.fileSn} uploaded_obj">
<td class="file_name">
<a href="javascript:fn_egov_downFile('${fileList.atchFileId}','${fileList.fileSn}')">
<img src="/direct/img/upload_hwp_img.png" alt="" />
<span class="file_name_text">${fileList.orignlFileNm}</span>
</a>
</td>
<td><span class="file_size_text" value="${fileList.fileMg}"></span></td>
<td>${fileList.creatDt}</td>
<td>
<input type="button" class="delBtn" onclick="delAtchFile('${fileList.atchFileId}', '${fileList.fileSn}'); return false;">
</td>
<input type="hidden" name="fileSize" class="item_file_size" value="${fileList.fileMg}" >
</tr>
</c:forEach>
</tbody>
</table>
</div>
<div class="fileInfo file_list_div">
<ul class="inline">
<li>
<p><span class="c_456ded fwBold totalfileCount">0</span>개 ｜ <span class="c_456ded fwBold totalfileSize">0MB</span></p>
</li>
<li>
<p>최대 <span class="c_e40000 fwBold limitcount_li"></span>개 ｜ <span class="c_e40000 fwBold upload_number">50MB</span>제한</p>
</li>
</ul>
</div>
<div class="uploadBtm">
<input type="file" name="file_temp" id="file_temp" class="uploadFile">
<span class="uploadTtype4">
이미지 크기는
</span><span class="uploadTtype4" style="color: red;">
390 X 500
</span>입니다.</p>
</div>
</td> --%>
<td class="file_upload_wrap">
<input type="file" id="file_temp" name="file_temp" class="uploadFile" style="display:none"/>
<div class="file_top">
<button type="button" id="filebutton" class="btn medium line primary">파일 첨부하기</button>
</div>
<div class="file_table before_file_table">
<table>
<colgroup>
<col style="width:auto;">
<col style="width:13%;">
<col style="width:13%;">
<col style="width:80px;">
</colgroup>
<thead>
<th>파일 명</th>
<th>종류</th>
<th>크기</th>
<th>삭제</th>
</thead>
<tbody>
<tr>
<td colspan="4">
<i class="icon file_bg"></i>
<p>첨부하실 파일을 <b>마우스로 끌어서</b> 넣어주세요.</p>
</td>
</tr>
</tbody>
</table>
</div>
<div class="file_table">
<table class="tbType02">
<colgroup>
<col style="width: 60%">
<col style="width: 10%">
<col style="width: 20%">
<col style="width: 10%">
</colgroup>
<thead>
<th>파일 명</th>
<th>종류</th>
<th>크기</th>
<th>삭제</th>
</thead>
<tbody id="tbody_fiielist" class="tb_file_after">
<c:forEach var="fileList" items="${fileList}" varStatus="status">
<tr class="item_${fileList.atchFileId}_${fileList.fileSn} uploaded_obj">
<input type="hidden" name="fileSize" class="item_file_size" value="${fileList.fileSize}">
<td class="td_filename">
<!-- <img src="/direct/img/upload_hwp_img.png" alt="" /> -->
<a href="javascript:fn_egov_downFile('${fileList.atchFileId}','${fileList.fileSn}')">
<span class="file_name_text">${fileList.orignlFileNm}</span>
</a>
</td>
<td class="td_filesort">
<span class="file_filesort_text" value="<c:out value="${fileList.fileExtsn}"/>"><c:out value="${fileList.fileExtsn}"/></span>
</td>
<td class="td_filesize">
<span class="file_size_text" value="<c:out value="${fileList.fileMg}"/>"><c:out value="${fileList.fileMg}"/></span>
</td>
<td>
<button type="button" class="btn line lightgray xssmall only_icon btn_delete" onclick="delAtchFile('${fileList.atchFileId}', '${fileList.fileSn}'); return false;"><i class="icon delete red"></i></button>
</td>
</tr>
</c:forEach>
</tbody>
</table>
</div>
</td>
</tr>
<c:if test="${!empty popupzoneVO.pozId}">
<tr>
<th><span class="required">*</span>최종수정일</th>
<td>
${popupzoneVO.moddt}
</td>
</tr>
<tr>
<th><span class="required">*</span>작성자</th>
<td>
${popupzoneVO.registerId}
</td>
</tr>
</c:if>
</tbody>
</table>
</div>
<!-- //list_상세 -->
<!-- btn_wrap -->
<div class="btn_wrap btn_layout01">
<div class="area_left">
<div class="btn_wrap">
<div class="left">
<c:if test="${!empty popupzoneVO.pozId }">
<button type="button" class="btn btn_text btn_46 red_border" onclick="fn_popupzone_delete(); return false;" >삭 제</button>
<button type="button" class="btn line red xlarge" onclick="fn_popupzone_delete(); return false;" >삭 제</button>
</c:if>
</div>
<div class="area_right">
<div class="right">
<c:if test="${!empty popupzoneVO.pozId }">
<button type="button" class="btn btn_text btn_46 blue_fill" onclick="fn_popupzone_update('popupZoin_U'); return false;">수 정</button>
<button type="button" class="btn fill primary xlarge" onclick="fn_popupzone_update('popupZoin_U'); return false;">수정</button>
</c:if>
<c:if test="${empty popupzoneVO.pozId }">
<button type="button" class="btn btn_text btn_46 blue_fill" onclick="fn_popupzone_insert( 'popupZoin_I'); return false;">저 장</button>
<button type="button" class="btn fill primary xlarge" onclick="fn_popupzone_insert( 'popupZoin_I'); return false;">저장</button>
</c:if>
<button type="button" class="btn btn_text btn_46 gray_fill" onclick="goList(); return false;">목 록</button>
<button type="button" class="btn fill gray xlarge" onclick="goList(); return false;">목록</button>
</div>
</div>
<!-- //btn_wrap -->
</div>
</div>
</div>
</form:form>
<form name="searchForm" id="searchForm" method="get" action="<c:url value='/uss/ion/pwm/popupzoneList.do'/>" >
<input name="seCd" type="hidden" value="${popupzoneVO.seCd}"/>

42
src/main/webapp/common/error.jsp
View File

@ -7,10 +7,18 @@
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" >
<meta http-equiv="content-language" content="ko">
<title>한국공정거래조정원 > 오류페이지</title>
<link rel="stylesheet" href="/kccadrPb/usr/css/reset.css">
<link rel="stylesheet" href="/kccadrPb/usr/css/font.css">
<link rel="stylesheet" href="/kccadrPb/usr/css/common.css">
<title>오류페이지</title>
<!-- css -->
<link rel="stylesheet" href="/publish/common/css/reset.css">
<link rel="stylesheet" href="/publish/common/css/font.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/common/error/error.css">
<!-- //css -->
<script type="text/javascript">
function fncGoAfterErrorPage(){
history.back(-2);
@ -18,17 +26,19 @@
</script>
</head>
<body>
<div class="error_page">
<div class="error_wrap">
<i></i>
<div class="text_area">
<h1>페이지가 <em>없거나 잘못된 경로</em>입니다.</h1>
<p>경로를 다시 확인하시고 이용해 주시기 바랍니다. <br> 이용에 불편을 드려 대단히 죄송합니다.</p>
</div>
</div>
<div class="error_btn">
<button type="button" class="error_btn" onClick="fncGoAfterErrorPage();">이전 페이지</button>
</div>
</div>
<div class="error_container" style="height:100vh;">
<div class="error_contents">
<i class="icon error"></i>
<h1>ERROR PAGE</h1>
<p class="secondary_title">페이지가 <b>없거나 잘못된 경로</b> 입니다.</p>
<p class="summary">
경로를 다시 확인하시고 이용해주시기 바랍니다.<br>
이용에 불편을 드려 대단히 죄송합니다.
</p>
<button type="button" class="btn btn_page_move" onClick="fncGoAfterErrorPage();">이전페이지</button>
</div>
</div>
</body>
</html>

6
src/main/webapp/publish/adm/css/button.css
View File

@ -77,9 +77,9 @@
/* 페이지 */
.page{display:flex;gap:6px;margin:30px auto 0 auto;justify-content:center;align-items:center;}
.page a{display:flex;width:36px;height:36px;border:1px solid transparent;border-radius:5px;font-size:16px;color:#878B96;justify-content:center;align-items:center;transition:all .3s;}
.page a:hover{background:#F5F6F7;color:#3a3c41;}
.page .active{border:1px solid #E2E7EF;background:#e2e7ef;font-weight:600;color:#3a3c41;}
.page a,.page button{display:flex;width:36px;height:36px;border:1px solid transparent;border-radius:5px;font-size:16px;color:#878B96;justify-content:center;align-items:center;transition:all .3s;}
.page a:hover, .page button:hover{background:#F5F6F7;color:#3a3c41;}
.page .active,.page .on{border:1px solid #E2E7EF;background:#e2e7ef;font-weight:600;color:#3a3c41;}
.page .btn_page{border:1px solid #d2d7df;border-radius:5px;overflow:hidden;}
.page .btn_page:hover{background-color:#F5F6F7;}
.page .btn_page i{display:inline-block;width:100%;height:100%;transition:all .3s;}

4
src/main/webapp/publish/adm/css/style.css
View File

@ -19,7 +19,7 @@
.input{height:34px;background:#fff;border:1px solid var(--default-line-color);border-radius:5px;padding:0 12px;}
input[type="checkbox"].checkbox{width:20px;height:20px;border:1px solid var(--default-line-color);}
textarea, .testarea{background:#fff;border:1px solid var(--default-line-color);border-radius:5px;padding:0 12px;}
textarea, .testarea{background:#fff;border:1px solid var(--default-line-color);border-radius:5px;padding:8px 12px;}
select, .select{height:34px;border:1px solid var(--default-line-color);border-radius:5px;padding:0 32px 0 12px;background:#fff url(/publish/adm/images/component/icon_arrow_down.png) no-repeat calc(100% - 4px) center;}
.email_wrap{display:flex;gap:8px;align-items:center;}
@ -126,6 +126,6 @@ select, .select{height:34px;border:1px solid var(--default-line-color);border-ra
.menu_container{display:flex;justify-content:space-between;gap:40px;}
.menu_list_content{width:280px;}
.menu_list_content .btn_wrap{margin:0 0 12px 0;}
.menu_list{width:100%;border:1px solid var(--lightgray-color);border-radius:8px;}
.menu_list{width:100%;border:1px solid var(--lightgray-color);border-radius:8px;overflow:auto;}
.menu_detail{width:calc(100% - 280px);}

2
src/main/webapp/publish/adm/layout/layout.css
View File

@ -1,6 +1,6 @@
.wrap{width:100%;height:100%;position:relative;display:flex;font-family:var(--primary-title-font);align-items:stretch;min-width:1240px;}
.container{width:calc(100% - 280px);}
.content_wrap{position:relative;padding:0 48px;margin:0 0 60px 0;}
.content_wrap{position:relative;height:calc(100% - 100px);padding:0 48px;margin:0 0 60px 0;}
.content_title{display:flex;align-items:center;justify-content:space-between;}
.content_title h3{position:relative;padding:0 0 0 20px;margin:0 0 40px 0;;font-size:26px;font-weight:bold;color:var(--primary-title-color);}

10
src/main/webapp/publish/common/error/error.css Normal file
View File

@ -0,0 +1,10 @@
@charset "utf-8";
.error_container{width:100%;height:calc(100% - 40px);background:#f5f5f5;}
.error_contents{display:flex;height:100%;flex-direction:column;justify-content:center;align-items:center;}
.icon.error{display:inline-block;width:250px;height:250px;background:url(./images/error.png) no-repeat center center;mix-blend-mode:luminosity;}
.error_contents h1{font-size:64px;font-weight:900;letter-spacing:6px;}
.secondary_title{font-size:20px;font-weight:300;line-height:1.4;margin:16px 0;}
.secondary_title b{font-weight:500;}
.summary{font-size:18px;font-weight:300;color:#666;line-height:1.4;text-align:center;}
.btn_page_move{width:250px;height:50px;margin:40px 0 0 0;font-size:18px;font-weight:500;background:#fff;border:1px solid #000;}

45
src/main/webapp/publish/common/error/error.html Normal file
View File

@ -0,0 +1,45 @@
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>로그인</title>
<!-- css -->
<link rel="stylesheet" href="../css/reset.css">
<link rel="stylesheet" href="../css/font.css">
<link rel="stylesheet" href="../publish/css/common.css">
<link rel="stylesheet" href="../publish/css/style.css">
<link rel="stylesheet" href="../publish/css/button.css">
<link rel="stylesheet" href="../publish/css/tab.css">
<link rel="stylesheet" href="../publish/css/table.css">
<link rel="stylesheet" href="../publish/css/calendar.css">
<link rel="stylesheet" href="./error.css" />
<!-- //css -->
<!-- script -->
<script src="../../../js/jquery-3.5.0.js"></script>
<!-- //script -->
</head>
<body>
<div class="error_container">
<div class="error_contents">
<i class="icon error"></i>
<h1>ERROR PAGE</h1>
<p class="secondary_title">페이지가 <b>없거나 잘못된 경로</b> 입니다.</p>
<p class="summary">
경로를 다시 확인하시고 이용해주시기 바랍니다.<br>
이용에 불편을 드려 대단히 죄송합니다.
</p>
<button type="button" class="btn btn_page_move">이전페이지</button>
</div>
</div>
</body>
</html>

BIN
src/main/webapp/publish/common/error/images/error.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB