@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/0PaZMTQ.jpg) 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 50px 100px 0;
	text-align:right;}

.logo img {
	width:28px;}

.back {
	text-align:left;
	margin-bottom:80px;}

.back img {
	width:80px;}

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

.up {
	width:100px;
	position:absolute;
	left:35%;
	margin-top:80px;}

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

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

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