* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: sans-serif;
	font-weight: bold;
}

body {
	overflow: hidden;
}

body,
li { 
	-ms-overflow-style: none; 
} 

li::-webkit-scrollbar { 
	display: none; 
} 


ol::-webkit-scrollbar { 
	display: none; 
} 

h2 {
	font-size: 40px;
	text-align: center;
	padding-top: calc(25vh - 25px);
	padding-bottom: calc(25vh - 25px);
}

ul {
	display: inline-flex;
	flex-wrap: wrap;
}

ul > li {
	display: flex;
	flex-direction: column;
	width: 50vw;
	height: 50vh;
	font-size: 40px;
	color: white;
}

li {
	list-style: none;
}

ol {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}

ol > li {
	width: 100%;
	height: 50vh;
}

/*.design {
	color: #F43B3B;
}

.korea {
	color: #4F391F;
}

.me {
	color: #F3D3C5;
}

.year {
	color: #3BD0F4;
}

.design span {
	color: white;
	background-color: #F43B3B;
}

.korea span {
	color: white;
	background-color: #4F391F;
}

.me span {
	color: white;
	background-color: #F3D3C5;
}

.year span {
	color: white;
	background-color: #3BD0F4;
}
*/

a {
	color: white;
	text-decoration: none;
}

.design,
.korea,
.me,
.year {
	overflow: auto;
}

.design {
	background-color: #F43B3B;
}

.korea {
	background-color: #503C29;
}

.me {
	background-color: #EDD3BF;
}

.year {
	background-color: #3BD0F4;
}

span {
	color: black;
}

figure {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 50vh;
}

figcaption {
	font-size: 15px;
	margin-top: 15px;
}

img {
	height: 75%;
}

.pan {
	width: 75%;
	height: auto;
}

.en {
	color: black;
}