@import url("https://fonts.googleapis.com/earlyaccess/notosanskr.css");

@font-face {
    font-family: "Cafe24Danjunghae";
    src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.1/Cafe24Danjunghae.woff") format("woff");
    font-weight: normal;
    font-style: normal;
	}
@font-face {
    font-family: "Cafe24Dangdanghae";
    src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.2/Cafe24Dangdanghae.woff") format("woff");
	}
body {
	float: left;
	width: 100%;
	font: medium/1.5rem "notosanskr", sans-serif; color: #565e55;
	overflow: hidden;
	}
body[orient="portrait"] { }
body[orient="landscape"] { }
header, section, footer, h1, h2, h3, div, p {
	float: left;
	width: 100%;
	}
header {
	position: fixed; top: 0;
	padding: 10px 0;
	background-color: #000938;
	color: #fff;
	}
span {
	display: inline-block;
	}
section {
	margin-top: 100px;
	}
.card {
	width: 512px;
	margin: 40px calc((100% - 512px) / 2) 0;
	padding: 40px 20px;
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 8px 20px rgba(0,0,0,0.2);
	text-align: center;
	animation: fadeInUp 1s ease-out;
	}
.icon {
	margin-bottom: 20px;
	font-size: 80px;
	color: #e74c3c;
	animation: bounce 2s infinite;
	}
.card h2 {
	font-size: 32px;
	color: #e74c3c;
	}
.card p {
	margin: 20px 0;
	font-size: 18px;
	color: #333;
	}
@keyframes fadeInUp {
	from { opacity: 0; transform: translateY(50px); }
	to { opacity: 1; transform: translateY(0); }
	}
@keyframes bounce {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-10px); }
	}

footer {
	position: fixed; bottom: 0;
	padding: 10px 0;
	background-color: #000938;
	font-weight: bold; color: #fff;
	text-align: center;
	}
footer em {
	font-style: normal;
	}
	
@media (max-width: 3840px) {
	.content {
		width: 1024px;
		margin: 0 calc((100% - 1024px) / 2);
		}
	section	ul.content {
		margin: 100px calc((100% - 1024px) / 2) 20px;
		padding: 0 20px 0 40px;
		}
	}
@media (max-width: 1024px) {
	.content {
		width: 100%;
		margin: 0;
		padding: 0 5px;
		}
	section	ul.content {
		width: 100%;
		margin: 100px 0 20px;
		padding: 0 20px 0 20px;
		}
	}