body {
	background-color:#eee;
	font-family: 'Noto Sans KR', sans-serif;
}






span.closeModal {
	display:block;
	position:absolute;
	right:20px;
	top:0;
	font-size:30px;
	cursor:pointer;
}

.toggle-info {
	display:none;
    border-bottom: 2px solid rgba(0, 138, 230,.5);
    color:rgba(0, 138, 230,.5);
    margin:0 10px;
    cursor: pointer;
}

#bgModal {
	display:none;
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(0,0,0,.8);
	z-index:10;
	transition: opacity .5s;
}

#infoModal {
	position:fixed;
	top:-1px;
	left:-1px;
	background-color:rgba(255,255,255,1);
	z-index:11;
	width:1px;
	height:1px;
	overflow:hidden;
	opacity: 0;
	transition: opacity .5s;
	opacity: .5;
}

#infoModal > div {
	padding:20px;

}

body.info-modal #infoModal {
	top:50%;
	left:50%;
	background-color:rgba(255,255,255,1);
	z-index:11;
	overflow: auto;
	width:100%;
	height:auto;
	max-width:640px;
	min-height:300px;
	transform: translate(-50%,-50%);
	opacity: 1;
	transition: opacity .5s;
}


body.info-modal #bgModal {
	display:block;
}

#header {
	height:480px;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:cover;
	margin-bottom:20px;
}

h1 {
	border-bottom:1px solid #eee;
	margin-bottom:20px;
	padding-bottom:20px;
	font-weight:500;
}


p {
	margin-bottom:5px;
	padding:0;
}

a.link {
	border-bottom:2px solid rgba(0, 138, 230,.5);
	color:rgba(0, 138, 230);
	text-decoration: none;
}



label input[type=checkbox], 
label input[type=radio] {
    box-sizing: border-box;
    padding: 0;
    margin:0 10px;
}


img.logo {
	height:80px;
}


#menu {
	background-color:#fff;
	padding:20px;
}


#menu ul {
	list-style: none;
	margin:0;
	padding:0;
	overflow: hidden;
}

#menu ul li {
	display:block;
	float:left;
	padding-right:20px;
}

#menu ul li a {
	color:#333;
	text-decoration: none;
	line-height:80px;
}

#menu ul li a:hover {
	color:#000;
	border-bottom:2px solid rgba(0,0,0,.5);
}




input.number {
	max-width:90px;
}