body,html{
	margin: 0;
	padding: 0;
    font-family: 'Nanum Gothic', 'Malgun Gothic', dotum, sans-serif;
    font-size: 14px;
    line-height: 24px;
    /*background-color: #2D322F;*/
    background-color:black;
    color: #666;
}
* {
    margin: 0;
    padding: 0;
}

*::-webkit-scrollbar {
	/*滚动条整体样式*/
	width: 4px;
	/*高宽分别对应横竖滚动条的尺寸*/
	height: 4px;
}

*::-webkit-scrollbar-thumb {
	/*滚动条里面小方块*/
	border-radius: 5px;
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	background: rgba(255, 255, 255, 0.2);
}

*::-webkit-scrollbar-track {
	/*滚动条里面轨道*/
	-webkit-box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.2);
	border-radius: 0;
	background: rgba(255, 255, 255, 0.1);
}
.Clear{
	clear: both;
}
#header_wrap {
    position: fixed;
    width: 100%;
    height: 80px;
    left: 0;
    top: 0;
    background: rgba(68,68,68,1);
    z-index: 999;
    -webkit-transition: all 0.6s ease-out;
    transition: all 0.6s ease-out;
}
.header {
    position: relative;
    width: 100%;
    max-width: 1100px;
    height: 80px;
    margin: 0 auto;
}
.logo{
	width:220px;
	height:80px;
}
.logo a img{
	/*width:100%;*/
	height:70px;
    margin-top:8px;
}
ul li {
	list-style:none;
}
#gnb {
    float: right;
    width: 800px;
    display: flex;
    padding: 20px 0;
    margin-top: -80px;
    justify-content: space-around;
}
#gnb ul li{
	display: block;
    float: left;
    position: relative;
    border-right: solid 1px #666;
    zoom: 1;
}
a {
    text-decoration: none;
}
    #gnb ul li a {
        display: block;
        position: relative;
        height: 40px;
        padding: 0 18px;
        color: #fff;
        font-size: 14px;
        font-weight: 700;
        line-height: 40px;
        text-align: center;
        white-space: nowrap;
       
    }
#gnb ul li a:hover{
	color: #569ffd;
    /*text-decoration: underline;*/
    transition: all 0.3s ease-out;
}
#container_wrap{
    width: 100%;
    margin: 0 auto;
}
#section {
    padding: 60px 0;
    text-align: center;
}
img {
    vertical-align: middle;
}