@charset "UTF-8";


body {
	/*background-color:gray;	*/
}



#topline {
	
	width:100%;
	height:80px;
	background-color: #003559;
	line-height: 80px;
	text-align:center;
	color:aliceblue;
	font-family: 'Nanum Gothic', sans-serif;
	font-size: .8em;
}


#mewrap {
	width:100%;
	height:auto;
/*	background-color:yellow;*/
	float:left;
	margin:auto;
		
}

#wrap {
	width:80%;
	height:100%;
	margin-right:auto;
	margin-left:auto;
	margin-top:2%;
	
	font-family: 'Nanum Gothic', sans-serif;
	
	background-color: blueviolet;
	
}


#topbar {
	width:100%;
	height:auto;
	/*background-color:yellow;*/
	float:left;
}


#topbar ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
  /*  overflow: hidden;*/
    background-color: #00355A;
}

#topbar li {
	width:15%;
	/*height:auto;*/
    float: right;
	margin-left:5px;
	/*background-color: #00355A;*/

}

#topbar li a {
    display: block;
    color: gray;
	color:#003559;
    text-align: center;
/*	padding: 25px 60px;*/
    text-decoration: none;
	
	padding:5%;
	

	
	
	
	-webkit-transition: all 2s ease;
    -moz-transition: all 2s ease;
    -o-transition: all 2s ease;
    -ms-transition: all 2s ease;
    transition: all 2s ease;
}

/* Change the link color to #111 (black) on hover */
#topbar li a:hover {
    	border-bottom:1px solid gray;
	
}

#logomain {
	width:300px;
	height:500px;
	height:auto;
/*	background-color:red;*/
	float:left;
	width:20%;
}
#menumain {
width:80%;
float:left;
	padding-top:2%;
	
	font-family: 'Nanum Pen Script', cursive;
	font-family: 'Nanum Gothic', sans-serif;
	font-size: 1.2em;
}


#main1bar {
	width:99%;
	height:auto;
	background-color:white;
	float:left;
	margin-right:auto;
	margin-left:auto;
/*	border-style: ridge;
  	border-width: 5px;
 	border-color: black;
	border-radius;10px;*/
	
	border-top:5px solid #003559;
	border-bottom:5px solid #003559;
	
}

#subcat {
	width:100%;
	height:auto;
}

.subcatall {
	width:23%;
	height:auto;
	margin-right:1%;
	background-color:black;
	float:left;
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
	border:1px solid black;
}

#subcat1 {
	/*margin-left:7.5%;*/
	margin-left:2%;
	
}

.middlecenter {
	
	text-align:center;
	
	color:gray;
	color:#003559;

	font-family: 'Nanum Pen Script', cursive;
	font-size:2.3em;
}

#profile {
	
	width:100%;
	height:auto;
	float:left;
	
	margin-bottom:5%;
	
}

.comb {
	width:100%;
	height:auto;
	float:left;
}


#profile1, #profile3, #profile5, #profile7, #profile9, #profile11, #profile13, #profile15,#profile17,#profile19,#profile21 {
	
	width:30%;
	height:auto;
	float:left;
	margin-left:10%;
	
}

#profile2, #profile4, #profile6, #profile8, #profile10, #profile12,#profile14,#profile16,#profile18,#profile20,#profile22 {
	
	width:60%;
	height:auto;
	float:left;
	padding-top:20px;
}


.instyl {
	width:100%;
	float:left;
}

.year {
	font-size:2.5em;
	line-height:0em;
	text-align:center;

}

h3 {
	color:gray;
	color:#003559;
	font-family: 'East Sea Dokdo', cursive;
	font-family: 'Black And White Picture', sans-serif;
	font-family: 'Nanum Pen Script', cursive;
	
	font-size:2em;
}

#footermain {
	width:100%;
	height:auto;
	float:left;
	margin-top:1%;

	margin-bottom:1%;
	
	font-size: .8em;
	color:gray;
}

#logomain2 {
	width:15%;
	float:left;
	height:auto;
	margin-right:10%;
}

#footerwords {
	width:45%;
	float:left;
	height:auto;
}

#rightfooter {
	width:30%;
	float:left;
	height:auto;
}
/*#afternight {
	width:100%;
	height:auto;
	padding-top:10%;
	background-color:gray;
}*/

#bline {
	
	width:100%;
	height:100px;
	background-color: #003559;
	float:left;
	/*margin-bottom:200px;*/
}


#bline p{
	
	font-size: 1.1em;
	line-height:80px;
	color:white;
	
	font-family: 'Nanum Gothic', sans-serif;
	text-align:center;
}

.down1 {
	width: 20%;
	height: auto;
	/*background-color: orange;*/
	float:left;
}

.down1 a {
	text-decoration: none;
}

#down11 {
	margin-left:10%;
}

#blankspot {
	
	width:100%;
	height:1500px;
	background-color:black;
	float:left;
}

#history {
	text-align: center;
	font-size:1.3em;
}