@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Noto+Serif+KR:wght@200;300;400;500;600;700;900&display=swap');

* {
	font-family: 'Noto Serif KR', serif;
	font-weight:200;}

::selection {
	color:transparent;
	text-shadow:0 0 3px #fff8e7;}

::-webkit-scrollbar {
	width:4px;
	height:4px;
	background:#b2b0b1;}

::-webkit-scrollbar-thumb {
	background:#fff8e7;}

img[usemap] {
	border:none;
	height:auto;
	max-width:100%;
	width:auto;}

a {
	color:#000;
	text-decoration:none;}

input, textarea {
	outline:none;
	-moz-user-select:auto !important;
	-webkit-user-select:auto !important;
	-ms-user-select:auto !important;
	user-select:auto !important;}

body, html {
	margin:0;
	padding:0;}

body:after {
	content:'';
	width:100%;
	height:100%;
	background:url(https://i.imgur.com/gCMS9vA.png) no-repeat;
	background-position:center top;
	background-size:cover;
	position:fixed;
	top:0;
	left:0;
	z-index:-2;}

#cosmo {
	width:580px;
	margin:0 auto;
	position:relative;}

.logo {
	margin:80px 0 100px 50px;}

.logo img {
	width:28px;}

.tag_list {
	max-width:400px;
	margin:0 0 50px 30px;}

.tag_list a {
	font-family: 'Noto Serif KR', serif;
	display:inline-block;
	color:#fff8e7;
	padding:8px 14px;
	font-size:11px;
	border-radius:100px;
	border:solid #fff8e7 1px;
	box-sizing:border-box;
	margin:0 3px 10px 0;}

.tag_list a:hover {
	background:#464646;
	transition:all 0.3s ease;}

.menu {
	position:absolute;
	top:0;
	right:0;}

.menu a {
	display:block;
	margin-bottom:10px;}

.menu img {
	width:109px;}

#content {
	width:90%;
	max-width:450px;}

.list {
	border-radius:0 500px 500px 0;
	border:solid #fff8e7 1px;
	border-left:0;
	overflow:hidden;
	line-height:0;
	box-sizing:border-box;}

.up {
	width:151px;
	position:absolute;
	right:30%;}

.up img {
	width:100%;
	display:block;}

.up2 {
	width:100px;
	display:none;
	position:absolute;
	right:35%;
	margin-top:80px;}

@media screen and (max-width:660px){
#cosmo {
	width:100%;}

.tag_list {
	max-width:70%;
	margin:0 0 50px 30px;}

.tag_list a {
	padding:6px 11px;
	font-size:11px;}

.menu img {
	width:70px;}

.up {
	width:110px;
	right:20%;}

.up2 {
	width:80px;
	right:30%;}
}