@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

html {
	padding:0;
	margin:0;

	font-family: 'Noto Sans KR', sans-serif;

	width:100%;
	min-height:100%;
}

body {
	margin:0;
	padding:0;

	width:100%;
	min-height:100%;

	font-size:0.95em;
	font-weight:300;
}

h1 {
	padding:0;
	margin:0;
}

div#head {
	width:1000px;
	padding:10px 20px;
	box-sizing:border-box;
	overflow:hidden;

	height:132px;
	
	position:absolute;
	top:0;
	left:50%;
	margin-left:-500px;
	border-bottom:solid 1px #b0b8c4;
	background:#fff;
	/*background:url("/images/web/whiteOpacity.png");*/

	z-index:10;
}
div#head h1 {
	display:block;
	position:absolute;
	left:0;
	top:25%;
}
div#head h1 a {
	background:url("../images/web/headerCI.png") no-repeat;
	width:110px;
	height:84px;
	display:block;
	text-indent:-120%;
}
div#head h1 + p {
	font-size:0.75em;
	color:#555;
	font-weight:200;
	position:absolute;
	bottom:0;
	left:150px;
}
div#head h1 + p strong {
	color:#000;
	font-weight:300;
}

/* Main Menu */
div#head #mainmenu {
	display:block;
	position:absolute;
	right:0;
	top:64px;
	overflow:hidden;
}
div#head #mainmenu h1{
	visibility:hidden;
	position:absolute;
}
div#head #mainmenu h1 + ul {
	list-style:none;
	padding:0;
	margin:0;
	overflow:hidden;
}
div#head #mainmenu h1 + ul li {
	display:block;
	float:left;

	font-size:0.9em;

	padding:8px 12px;
	margin-left:10px;
	width:96px;
	box-sizing:border-box;

	position:relative;
	font-weight:350;
}
div#head #mainmenu h1 + ul li ul {
	clear:left;

	padding:0;
	margin:0;
	margin-left:-10px;
	margin-top:6px;

	top:32px;
	display:block;
	overflow:hidden;
	height:0;
	border-left: solid 1px #aaa;
	width:100px;
}
div#head #mainmenu h1 + ul li ul li {
	clear:left;
	padding:6px 0;
	margin-top:0;
	border:none;
	font-size:0.9em;
	box-sizing:border-box;
	text-align:left;
	font-weight:300;
}


div#head #mainmenu a:link {
	color:#222;
	text-decoration:none;
}
div#head #mainmenu a:visited {
	color:#222;
	text-decoration:none;
}
div#head #mainmenu a:active {
	color:#222;
	text-decoration:none;
}
div#head #mainmenu a:hover {
	color:#000;
	text-decoration:underline;
}

div#head #mainmenu ul li ul li a:link {
	color:#444;
	text-decoration:none;
}
div#head #mainmenu ul li ul li  a:visited {
	color:#444;
	text-decoration:none;
}
div#head #mainmenu ul li ul li  a:active {
	color:#444;
	text-decoration:none;
}
div#head #mainmenu ul li ul li  a:hover {
	color:#000;
	text-decoration:underline;
}

#userMenu {
	position:absolute;
	right:0;
	top:-12px;
}
#userMenu ul li {
	float:left;
	list-style:none;
	font-size:0.8em;
	padding:0 5px;
}
#userMenu ul li a:link, #userMenu ul li a {
	color:#555;
	text-decoration:none;
	cursor:pointer;
}
#userMenu ul li a:hover {
	color:#aaa;
}

a#a_showLoginBox {
	border-right:solid 1px #888;
	padding-right:12px;
}

div#content {
	margin:auto;
	width:1000px;
	padding:0 32px;
	margin-top:132px;
	margin-bottom:72px;

	font-size:0.9em;
	line-height:2em;
}


div#subHeader {
	width:100%;

	background:#fff;
	overflow:hidden;

	box-sizing:border-box;

	margin-top:16px;
	padding-top:8px;

	border-top:solid #21368b 2px;
}
div#subHeader h1 {

	border-left:solid 12px #21368b;
	padding-left:16px;

	font-size:1.75em;

	width:100%;

	margin:0;

	font-weight:500;

	height:28px;
	overflow:hidden;
}
div#subHeader h1:after {
	content:"Submenu";
	font-size:0.5em;
	font-weight:200;
	color:#999;
}

div#subHeader ul {
	padding-left:0;
	margin:0;
	overflow:hidden;
}
div#subHeader ul li {
	float:left;
	display:block;
	padding:2px 4px;
	margin-right:16px;
}
div#subHeader ul li a:before {
	content:"▶";
	font-size:0.01em;
	position:relative;
	top:-1px;
	padding-right:4px;
	color:#21368b;
}
div#subHeader ul li a:link {
	color:#444;
	text-decoration:none;
}
div#subHeader ul li a:visited {
	color:#444;
}
div#subHeader ul li a:active {
	color:#444;
}
div#subHeader ul li a:hover {
	color:#aaa;
}

div#subContent {
	padding-top:16px;
	position:relative;
	overflow:hidden;
}
div#subContent h1 {
	border-left:solid 12px #21368b;
	padding-left:16px;
}



div#footer {
	position:fixed;
	bottom:0;
	width:100%;
	height:32px;
	padding-top:29px;
	padding-bottom:16px;
	font-size:0.9em;
	border-top:solid #c8c9cc 1px;
	background:#f0f1f4;
	color:#222;
}
div#footer strong {
	font-weight:400;
	color:#000;
}
div#footer img {
	position:absolute;
	left:50%;
	top:8px;
	margin-left:-490px;
}
div#footer p {
	position:absolute;
	left:50%;
	top:4px;
	margin-left:-375px;
}



/* Admin menu */
div#admin {
	display:none;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.5);
}
div#admin form a {
	position:absolute;
	top:-16px;
	right:0;
	padding:4px;
	display:block;
	font-size:2em;
	cursor:pointer;
	color:#21368b;
}
div#admin form a:hover {
	color:red;
}
div#admin form {
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-125px;
	margin-top:-75px;

	width:300px;

	box-sizing:border-box;
	padding:16px 24px;

	border-top:solid 1px #21368b;
	border-left:solid 1px #21368b;
	border-right:solid 2px #21368b;
	border-bottom:solid 2px #21368b;
	background:#fff;

}
div#admin form h1 {
	color:#21368b;
	display:block;
	margin-top:-8px;
	top:0;
	position:relative;
}
div#admin form label {
	visibility:hidden;
	position:absolute;
}
div#admin form input {
	width:250px;
	background:#eee;
	border:solid 1px;
	margin:0;
	padding:4px 8px;
	box-sizing:border-box;
}
div#admin form input[type=submit] {
	display:block;
	border:none;
	background:#21368b;
	color:#fff;
	font-weight:600;
	font-size:1.1em;
	margin-top:16px;
	cursor:pointer;
}