<!DOCTYPE html>
<html lang="ko">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<meta name="HandheldFriendly" content="true">
	<meta http-equiv="X-UA-Compatible" content="IE=Edge; chrome=1">
	<title>500 - 오류가 발생했습니다</title>
	<link rel="icon" type="image/svg+xml" href="/images/cmn/favicon.svg" />
	<link rel="alternate icon" href="/images/cmn/favicon.svg" />
	<link rel="apple-touch-icon" href="/images/cmn/favicon.svg" />
	
	<style>
		* {
			margin: 0;
			padding: 0;
			box-sizing: border-box;
		}
		
		html, body {
			min-height: 100%;
			background: #f5f6f8;
			font-family: -apple-system, BlinkMacSystemFont, "Malgun Gothic", "맑은 고딕", helvetica, sans-serif;
		}
		
		.error-page {
			display: flex;
			flex-direction: column;
			min-height: 100vh;
			align-items: center;
			justify-content: center;
			padding: 20px;
		}
		
		.error-container {
			width: 100%;
			max-width: 500px;
			background: #fff;
			border-radius: 12px;
			box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
			padding: 50px 40px;
			text-align: center;
		}
		
		.error-logo {
			display: flex;
			align-items: center;
			justify-content: center;
			gap: 10px;
			margin-bottom: 40px;
		}
		
		.error-logo img {
			width: 60px;
			height: auto;
		}
		
		.error-logo-text {
			font-size: 1.4rem;
			font-weight: 600;
			color: #333;
		}
		
		.error-code {
			font-size: 3rem;
			font-weight: 700;
			margin-bottom: 10px;
		}
		
		/* 에러 코드별 색상 */
		.error-code.error-4xx {
			color: #dc3545;
		}
		
		.error-code.error-5xx {
			color: #fd7e14;
		}
		
		.error-code.error-db {
			color: #6f42c1;
		}
		
		.error-title {
			font-size: 1.3rem;
			font-weight: 600;
			margin-bottom: 15px;
		}
		
		.error-title.error-4xx {
			color: #dc3545;
		}
		
		.error-title.error-5xx {
			color: #fd7e14;
		}
		
		.error-title.error-db {
			color: #6f42c1;
		}
		
		.error-message {
			font-size: 1rem;
			color: #666;
			margin-bottom: 40px;
			line-height: 1.6;
		}
		
		.error-detail {
			background: #f8f9fa;
			border: 1px solid #e9ecef;
			border-radius: 6px;
			padding: 15px;
			margin-bottom: 30px;
			font-size: 0.85rem;
			color: #868e96;
			text-align: left;
			word-break: break-all;
		}
		
		.error-detail-label {
			font-weight: 600;
			color: #495057;
			margin-bottom: 5px;
		}
		
		.error-buttons {
			display: flex;
			flex-direction: column;
			gap: 12px;
		}
		
		.error-btn {
			display: block;
			width: 100%;
			padding: 16px 24px;
			border: none;
			border-radius: 8px;
			font-size: 1rem;
			font-weight: 600;
			cursor: pointer;
			text-decoration: none;
			transition: all 0.2s ease;
		}
		
		.error-btn-primary {
			background: #3182f6;
			color: #fff;
		}
		
		.error-btn-primary:hover {
			background: #1b64da;
		}
		
		.error-btn-secondary {
			background: #f1f3f5;
			color: #333;
		}
		
		.error-btn-secondary:hover {
			background: #e9ecef;
		}
		
		.error-footer {
			margin-top: 30px;
			padding-top: 20px;
			border-top: 1px solid #eee;
			font-size: 12px;
			color: #999;
		}
		
		@media (max-width: 480px) {
			.error-container {
				padding: 40px 25px;
			}
			
			.error-code {
				font-size: 2.5rem;
			}
			
			.error-title {
				font-size: 1.1rem;
			}
		}
	</style>
</head>

<body>
	<div class="error-page">
		<div class="error-container">
			<!-- 로고 -->
			<div class="error-logo">
				<span class="error-logo-text">인맥관리시스템</span>
				<img src="/images/cmn/logo.png" alt="평판">
			</div>
			
			<!-- 에러 코드 -->
			<div class="error-code error-5xx">500</div>
			
			<!-- 에러 타이틀 -->
			<h1 class="error-title error-5xx">
				
					
					
					
					
					
					<span>Internal Server Error</span>
					
					
					
					
				
			</h1>
			
			<!-- 에러 메시지 -->
			<p class="error-message">
				
					
					
					
					
					
					<span>서버에 오류가 발생했습니다.<br>잠시 후 다시 시도해주세요.</span>
					
					
					
					
				
			</p>
			
			<!-- 상세 정보 (개발 환경에서만 표시하거나 관리자용) -->
			<div class="error-detail" style="display: none;">
				<div class="error-detail-label">요청 경로</div>
				<div>/sitemap.xml</div>
				<div class="error-detail-label" style="margin-top: 10px;">에러</div>
				<div>NoResourceFoundException</div>
			</div>
			
			<!-- 버튼 -->
			<div class="error-buttons">
				<a href="javascript:history.back()" class="error-btn error-btn-primary">이전 페이지로</a>
				<a href="/manager" class="error-btn error-btn-secondary">홈으로</a>
			</div>
			
			<!-- 푸터 -->
			<div class="error-footer">
				© SOFTBOX. All rights reserved.
			</div>
		</div>
	</div>
</body>
</html>

