<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>로딩 중...</title>
<style>
body {
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
background-color: #f3f4f6;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.loading-container {
text-align: center;
}
.spinner {
width: 50px;
height: 50px;
border: 5px solid #e5e7eb;
border-top: 5px solid #3b82f6;
border-radius: 50%;
animation: spin 1s linear infinite;
margin: 0 auto 20px;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.loading-text {
color: #374151;
font-size: 1.2rem;
font-weight: 500;
}
.loading-subtext {
color: #6b7280;
font-size: 0.9rem;
margin-top: 8px;
}
</style>
</head>
<body>
<div class="loading-container">
<div class="spinner"></div>
<div class="loading-text">페이지 로딩 중...</div>
<div class="loading-subtext">잠시만 기다려주세요</div>
</div>
</body>
</html>