@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:300');
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;300&display=swap');

body{padding:10px;}
a, a:link, a:visited, a:hover, a:active{
	text-decoration:none;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
input{outline:none;}

.layout_container{
width:500px;
margin:20px auto;
background: white;
font-family:"Nanum Gothic";
font-size:11px;
}
.layout_container ul{margin:0;padding:0;}
.layout_container li{list-style:none;}

.layout_container .header{padding-bottom:20px;}
.layout_container .header>.title{padding-bottom:20px;font-weight:300;font-size:33px;letter-spacing:-1px;color:#000;font-family: "Josefin Sans", sans-serif;}
.layout_container .header>.menu{padding:0;line-height:1.2;font-family:"Nunito", "Nanum Gothic";font-weight:400;}
.layout_container .header>.menu a, .layout_container .header>.menu a:link, .layout_container .header>.menu a:visited, .layout_container .header>.menu a:hover, .layout_container .header>.menu a:active{
	color:#777;
}
.layout_container .header>.menu a:hover, .layout_container .header>.menu a:active{
	color:#ccc;
}
.layout_container>.login{
	float:right;
	font-family:"Nunito", "Nanum Gothic";
	font-weight:400;
}
.layout_container>.login a, .layout_container>.login a:link, .layout_container>.login a:visited{
	color:#777;
}
.layout_container>.login a:hover, .layout_container>.login a:active{
	color:#ccc;
}

.layout_container>.content{
	border:1px solid #eee;
	padding:20px;
	letter-spacing: -0.5px;
}

.layout_container .footer{
	padding:20px 0;
	color:#777;
	line-height:1.7;
	font-family:"Nunito", "Nanum Gothic";
	font-weight:400;
}
.layout_container .footer #top{
	cursor:pointer;
}
.layout_container .footer p{
	margin:0;
}

@media screen and (max-width:550px){
	body{width:auto;left:0;right:0;margin:0;padding:0;}
	.layout_container{width:auto;left:0;right:0;margin:0px auto;padding:20px;}
	.layout_container .header{width:auto;left:0;right:0;margin:auto 0px;}
	.layout_container .footer{width:auto;left:0;right:0;margin:auto 0px;}
}