@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');
body{
	background-color:#FAF9EE;
	font-family: 'Work Sans', 'Noto Sans', sans-serif;
	/*border:1px solid;*/
	width:75%;
	margin:auto;
	margin-bottom: 20% 
}
::selection{
	background-color:#DCCFC0;
	color:black;
}

h1,h2,h3,ol,ul,p,div{
	margin:0;
	line-height: 1.6;
	font-size: 1.1rem;
	font-weight: 300; 
	/*border: 1px solid;*/
	/*width:80%;*/
}

h1{	
	/*margin-bottom: 20px;*/
	color:#A2AF9B;
	text-align: center;
	font-weight: 500;
	position: fixed;
	top:1em;
	left:0;
	width: 100%;
	font-size: 1.2rem;
	/*border: 1px solid;*/

}
h2{
	font-weight: 500;
	padding-top: 5em
	/*border: 1px solid;*/
}
h3{
	font-weight: 500;
	margin-top: 3.4em;
	margin-bottom: 10px;
}

ul{
	/*border: 1px solid;*/
	padding:0;
	list-style-type: none;
}
a:link,a:visited{
	text-decoration-style: wavy;
	text-decoration-color: DimGray;
	/*text-decoration: underline gray wavy;*/
	/*text-decoration-thickness: 2px;*/
	color:black;
}
a:hover{
	/*text-decoration: underline;*/
	/*border: 1px dashed*/
	color:gray;
}
sup{ 
	vertical-align: top; 
	font-size: 0.8em; 
}
sub{ 
	vertical-align: bottom; 
	font-size: 0.8em; 
}
#author{
	text-decoration: underline;
}
#volume{
	font-weight: 500;
}
.col_list{
	display: flex;
}
.col1,.col2{
	flex-basis:4em;
	flex-grow: 0;
	/*border: 1px solid;*/
}
.col2{
	flex-grow: 1;
}
/*.col2 ul{
	list-style-type: none;
}*/
@media (max-width:500px){
	body{
		width:80%;
	}
	.col_list{
		flex-direction: column;
	}
	.col1{
		flex-basis: 0em;
		text-decoration: underline;
	}
	.col2{
		padding-bottom: 1em;
		/*border: 1px dashed;*/
	}
	.col_parent .col_list:last-of-type .col2{
		padding-bottom: 0em;
		/*border: none;*/
	}
	li{
		padding-bottom: 0.5em;
		/*border: 1px dashed;*/
	}
	.col2 li:last-child{
		padding-bottom: 0em;
		/*border: none;*/
	}
}