2024-10-10 17:37:22 +09:00
|
|
|
<!DOCTYPE html>
|
2024-10-21 17:25:49 +09:00
|
|
|
<html lagn="ko"
|
|
|
|
|
xmlns:th="http://www.thymeleaf.org"
|
|
|
|
|
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
2025-08-04 16:35:49 +09:00
|
|
|
xmlns:sec="http://www.thymeleaf.org/extras/spring-security"
|
2024-10-21 17:25:49 +09:00
|
|
|
xmlns="http://www.w3.org/1999/html">
|
2024-10-10 17:37:22 +09:00
|
|
|
<head>
|
2025-03-20 17:57:55 +09:00
|
|
|
<base th:href="@{/}" />
|
2024-10-23 10:07:45 +09:00
|
|
|
<th:block th:replace="~{fragments/includes :: includes}"></th:block>
|
2024-10-21 17:25:49 +09:00
|
|
|
<th:block layout:fragment="head"></th:block>
|
2024-10-23 10:07:45 +09:00
|
|
|
<th:block th:replace="~{fragments/title :: title}"></th:block>
|
2024-10-10 17:37:22 +09:00
|
|
|
</head>
|
2025-03-11 17:44:21 +09:00
|
|
|
<body class="is-preload">
|
|
|
|
|
<div id="page-wrapper">
|
|
|
|
|
<th:block th:replace="~{fragments/header :: header}"></th:block>
|
|
|
|
|
<th:block layout:fragment="content"></th:block>
|
|
|
|
|
<div class="dim_layer">
|
|
|
|
|
<div class="dimBg"></div>
|
|
|
|
|
<th:block layout:fragment="popup_layer"></th:block>
|
|
|
|
|
</div>
|
|
|
|
|
<th:block th:replace="~{fragments/footer :: footer}"></th:block>
|
2024-10-23 17:06:27 +09:00
|
|
|
</div>
|
2025-03-21 17:15:55 +09:00
|
|
|
<div id="overlay" class="login_overlay">
|
2025-08-04 16:35:49 +09:00
|
|
|
<style>
|
|
|
|
|
.custom-checkbox {
|
|
|
|
|
display: none; /* 실제 체크박스 숨김 */
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.custom-label {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
width: 20px;
|
|
|
|
|
height: 20px;
|
|
|
|
|
border: 2px solid #555;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
vertical-align: middle;
|
|
|
|
|
position: relative;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.custom-checkbox:checked + .custom-label {
|
|
|
|
|
background-color: #007bff;
|
|
|
|
|
border-color: #007bff;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.custom-checkbox:checked + .custom-label::after {
|
|
|
|
|
content: '';
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 3px;
|
|
|
|
|
left: 7px;
|
|
|
|
|
width: 5px;
|
|
|
|
|
height: 10px;
|
|
|
|
|
border: solid white;
|
|
|
|
|
border-width: 0 2px 2px 0;
|
|
|
|
|
transform: rotate(45deg);
|
|
|
|
|
}
|
|
|
|
|
</style>
|
2025-03-21 17:15:55 +09:00
|
|
|
<div id="popup" class="login_popup">
|
|
|
|
|
<div id="loginForm" class="login_form">
|
|
|
|
|
<h2>로그인</h2>
|
|
|
|
|
<form id="loginFormElement" onsubmit="return false;">
|
2025-08-04 16:35:49 +09:00
|
|
|
<input type="text" th:data="${enc}" id="loginId" placeholder="아이디" required/>
|
|
|
|
|
<input type="password" th:data="${type}" id="loginPassword" placeholder="비밀번호" required/>
|
|
|
|
|
<input type="checkbox" id="rememberMe" class="custom-checkbox"/>
|
|
|
|
|
<label for="rememberMe" class="custom-label"></label>
|
|
|
|
|
<span>자동로그인</span>
|
2025-03-21 17:15:55 +09:00
|
|
|
<button type="submit" class="button">로그인</button>
|
|
|
|
|
</form>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="signupForm" class="login_form">
|
|
|
|
|
<h2>회원가입</h2>
|
|
|
|
|
<input type="text" placeholder="아이디" required>
|
|
|
|
|
<input type="password" placeholder="비밀번호" required>
|
|
|
|
|
<input type="email" placeholder="이메일" required>
|
|
|
|
|
<button onclick="submitForm('signup')">가입하기</button>
|
|
|
|
|
</div>
|
|
|
|
|
<span class="login_close" onclick="closePopup()">×</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2025-03-11 17:44:21 +09:00
|
|
|
<!-- Scripts -->
|
2025-03-20 17:57:55 +09:00
|
|
|
<script th:src="@{/assets/js/jquery.min.js}"></script>
|
|
|
|
|
<script th:src="@{/assets/js/jquery.dropotron.min.js}"></script>
|
|
|
|
|
<script th:src="@{/assets/js/browser.min.js}"></script>
|
|
|
|
|
<script th:src="@{/assets/js/breakpoints.min.js}"></script>
|
|
|
|
|
<script th:src="@{/assets/js/util.js}"></script>
|
|
|
|
|
<script th:src="@{/assets/js/main.js}"></script>
|
2025-03-11 17:44:21 +09:00
|
|
|
|
2024-10-10 17:37:22 +09:00
|
|
|
</body>
|
2024-10-05 19:42:29 +09:00
|
|
|
</html>
|
