<!DOCTYPE html>
<html lang="ko">
<head>
	<title>Error</title>
</head>

<style>
	body {
		font-family: 'pretendard';
		background: #fff;
		margin:0;
		padding:0;
		height:100vh;
	}
	#chat {
		display:none;
	}
	#error {
		width:100%;
		max-width:1180px;
		margin:0 auto;
		text-align:center;
		color:#000;
		min-height:400px;
	}
	#error h1 {
		font-size:20px;
		font-weight:700;
		margin-top:0px;
		color:#1A202C;
		line-height:1.35;
		padding:0 20px;
		word-break: keep-all
	}
	#error h2 {
		font-size:20px;
		font-weight:700;
		margin-bottom:0px;
		margin-top:12px;
		color:#AAAAAA;
		line-height:1.35;
		padding:0 20px;
	}
	#error .desc {
		width:450px;
		font-weight:400;
		color:#404040;
		margin:40px auto 0;
		background:#FAFAFA;
		padding:24px;
		font-size:14px;
		line-height:21px;
		border-radius: 8px;
		box-sizing: border-box;
	}
	#error .desc .defaultError{
		text-align: left;
		margin-top:20px;
		color:#757575;
	}
	#error a {
		text-decoration: none;
		display: block;
		width: 450px;
		height: 56px;
		line-height: 56px;
		margin: 0 auto;
		font-weight: 700;
		margin-top: 20px;
		background: #1A202C;
		font-size: 14px;
		border-radius: 8px;
	}
	#error a:focus, #error a:visited, #error a:hover {
		color:#fff;
	}
	#error a:hover {
		background:#1A202C;
	}
	#error .info {
		width: 100%;
		max-width: 1180px;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		margin: 0 auto;
	}
	#error .info img {
		width:36px;
	}
</style>

<body>

<!--<p th:text="${timestamp}"/></p>-->
<!--<p th:text="${path}"/></p>-->
<!--<p th:text="${exception}"/></p>-->
<!--<p th:text="${trace}"/></p>-->
<!--<p th:text="${status}"></p>-->
<!--<p th:text="${error}"></p>-->
<!--<p th:text="${message}"></p>-->


<div id="error">
	<div class="info">
		<img src="/images/errorEmoji.png">
		<h2>죄송합니다.</h2>
		<div class="status_404">
			<h1>요청하신 페이지를 찾을 수 없습니다.</h1>
			<div class="desc">
				요청하신 페이지를 찾을 수 없습니다.<br>
				오류 코드: 404<br>
				<br>
				페이지의 주소가 잘못 입력되었거나,<br>
				변경 혹은 삭제되어 요청하신 페이지를 찾을 수 없습니다.
			</div>
		</div>
		<a href="javascript:history.back();">이전으로</a>
	</div>
</div>



</body>
</html>