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

html,
body {
	margin: 0;
	padding: 0;
}

a {
	text-decoration:none;
	color:#333;
	display:block;
}
li {
	list-style:none;
}

header {
    top: 0px;
    width: 100%;
	background:rgba(255, 255, 255, 0.6);
    z-index: 9;
}
.headerlogo {
	width:100%;
	height:80px;
	background-color:#3399da;
	text-align:center;
	padding-top:35px;
	border-bottom:1px solid #fff;
}
.toplogo {
	width:1200px;
	margin:0 auto;
}
.logoimg {
	padding-left: 120px;
	width: 60%;
}
.headerlogo span {
	float:right;
}
.h_wrap {
	background-color:#3399da;
	color:#fff;
}
.menu {
	width:1200px;
	margin:0 auto;
}
.menu > ul {
    height: 40px;
    cursor: pointer;
	line-height: 40px;
	margin:0;
	padding:0;
}
.menu > ul > li {
    width: 11.1%;
    float: left;
    text-align: center;
	color:#fff;
    height: 100%;
	font-weight:600;
}
.menu > ul > li.hover {
}
.header_sub_menu {
    position: absolute;
    top: 155px;
    width: 100%;
    height: 0px;
    z-index: 9;
    overflow: hidden;
	background-color:rgba(71,166,226,0.9);
}
.header_sub_menu.view {
    height: 265px;
}
.sub_menu_area {
	width:1200px;
	margin:0 auto;
}
.menu_box {
    width: 11.1%;
    height: 265px;
    float: left;
    box-sizing: border-box;
	padding-top:8px;
}
.menu_box.hover {
    background-color: rgba(72,72,72,0.7);
    position: relative;
    border-top: 4px solid #c3def2;
}
.menu_one {
    display: block;
    text-align: center;
    width: 100%;
    text-decoration: none;
    color: #FFF;
    font-weight: normal;
    line-height: 35px;
	font-size:15px;
}


footer {
	background-color:#404040;
	clear:both;
	text-align:center;
	height:200px;
}
.footlogo {
	padding-top:30px;
	width:200px;
}
footer p {
	color:#fff;
	font-size:13px;
	line-height:26px;
}