|
|
@@ -1,117 +0,0 @@
|
|
|
-<!DOCTYPE html>
|
|
|
-<html lang="ko"
|
|
|
- xmlns:th="http://www.thymeleaf.org"
|
|
|
- xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
|
|
- layout:decorator="web/common/layout/DefaultLayoutWeb">
|
|
|
-<!--
|
|
|
- *******************************************************************************
|
|
|
- * @source : FindIdResultFormWeb.html
|
|
|
- * @desc : 비밀번호 설정 화면 안내 Page
|
|
|
- *============================================================================
|
|
|
- * STYLE24
|
|
|
- * Copyright(C) 2021 TSIT, All rights reserved.
|
|
|
- *============================================================================
|
|
|
- * VER DATE AUTHOR DESCRIPTION
|
|
|
- * === =========== ========== =============================================
|
|
|
- * 1.0 2021.02.05 jsshin 최초 작성
|
|
|
- *******************************************************************************
|
|
|
- -->
|
|
|
-<body>
|
|
|
-
|
|
|
-<th:block layout:fragment="content">
|
|
|
-<div id="container" class="container mb">
|
|
|
- <div class="wrap">
|
|
|
- <div class="content security_pw"> <!-- 페이지특정 클래스 = security_pw -->
|
|
|
- <div class="cont_head">
|
|
|
- <h3>style24</h3>
|
|
|
- </div>
|
|
|
- <div class="cont_body">
|
|
|
- <form class="form_wrap form_col_c form_full" role="form">
|
|
|
- <div class="form_head">
|
|
|
- <h4>아이디/비밀번호 찾기</h4>
|
|
|
- </div>
|
|
|
- <!-- 비밀번호 재설정 -->
|
|
|
- <div class="find_result clear">
|
|
|
- <div class="form_info">
|
|
|
- <span class="ico_content_security"></span>
|
|
|
- <p>안전을 위해 비밀번호를 변경하신 후 이용이 가능합니다.</p>
|
|
|
- </div>
|
|
|
- <div class="form_field mt40">
|
|
|
- <label class="input_label sr-only">신규 비밀번호</label>
|
|
|
- <div class="ui_col_12">
|
|
|
- <input type="password" name="userPassword" placeholder="신규 비밀번호" id="txtPassword">
|
|
|
- <!-- case (사용불가 비밀번호일경우,사용가능한 비밀번호일경우) -->
|
|
|
- <div class="help_block">
|
|
|
- <!-- 사용불가 비밀번호일경우 -->
|
|
|
- <p class="mt10">
|
|
|
- <span class="c_black2">
|
|
|
- <i class="ico ico_check black mr5"></i>영문(대/소문자), 숫자, 특수문자 중 2가지 이상 조합(8~20자)
|
|
|
- </span>
|
|
|
- <br/>
|
|
|
- <span class="c_red2">
|
|
|
- <i class="ico ico_check red mr5"></i>4개이상 연속되거나 동일한 문자/숫자 제외
|
|
|
- </span>
|
|
|
- <br/>
|
|
|
- <span class="c_gray">
|
|
|
- <i class="ico ico_check gray mr5"></i>아이디 제외
|
|
|
- </span>
|
|
|
- </p>
|
|
|
- <!-- //사용불가 비밀번호일경우 -->
|
|
|
- <!-- 사용가능한 비밀번호일경우 -->
|
|
|
- <p class="mt10">
|
|
|
- <span class="c_black2">
|
|
|
- <i class="ico ico_check black mr5"></i>사용 가능한 비밀번호입니다
|
|
|
- </span>
|
|
|
- </p>
|
|
|
- <!-- //사용가능한 비밀번호일경우 -->
|
|
|
- </div>
|
|
|
- <!-- //case (사용불가 비밀번호일경우,사용가능한 비밀번호일경우) -->
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="form_field">
|
|
|
- <label class="input_label sr-only">비밀번호 확인</label>
|
|
|
- <div class="ui_col_12">
|
|
|
- <input type="password" name="password" placeholder="비밀번호 확인"/>
|
|
|
- <!-- case (비밀번호확인 틀렸을경우,비밀번호 일치할경우) -->
|
|
|
- <div class="help_block">
|
|
|
- <!-- 비밀번호확인 틀렸을경우 -->
|
|
|
- <p class="t_err">
|
|
|
- 새 비밀번호가 일치하지 않습니다.
|
|
|
- </p>
|
|
|
- <!-- //비밀번호확인 틀렸을경우 -->
|
|
|
- <!-- 비밀번호 일치할경우 -->
|
|
|
- <p class="mt10">
|
|
|
- <span class="c_black2">
|
|
|
- <i class="ico ico_check black mr5"></i>새 비밀번호가 일치합니다.
|
|
|
- </span>
|
|
|
- </p>
|
|
|
- <!-- //비밀번호 일치할경우 -->
|
|
|
- </div>
|
|
|
- <!-- //case (비밀번호확인 틀렸을경우,비밀번호 일치할경우) -->
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="btn_group_block btn_group_md ui_row">
|
|
|
- <div class="ui_col_12">
|
|
|
- <button class="btn btn_dark btn_block">
|
|
|
- <span>변경 후 다시 로그인</span>
|
|
|
- </button>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- //비밀번호 재설정 -->
|
|
|
- </form>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-</div>
|
|
|
-
|
|
|
-<script th:inline="javascript">
|
|
|
-/*<![CDATA[*/
|
|
|
-
|
|
|
-/*]]>*/
|
|
|
-</script>
|
|
|
-
|
|
|
-</th:block>
|
|
|
-
|
|
|
-</body>
|
|
|
-</html>
|
jsshin