html{overflow-x: hidden;}
div.menuBack{
    width:100%;
    height:100%;
    position: absolute;
    top:0;
    left:0;
    z-index: 10;
    display: none;
}
div.mobileMenu{
    display: none;
}
div.headerWrap{
    width:100%;
}
div.headerWrap>.header{
    width:1080px;
    margin: 0 auto;
}
div.headerWrap>.header>.logo{
    display: block;
    width:320px;
    padding:20px 0 20px 0;
	margin:0 auto;
}
div.navWrap{
    width:100%;
    height:48px;
    float:left;
    background-color: rgba(35,24,22,0.9);
    position: relative;
    z-index: 15;
}
div.navWrap>.subBg{
    width:100%;
    position:absolute;
    top:47px;
    z-index:1;
    background-color: rgba(255,255,255,0.8);
}
div.navWrap>.nav{
    width:780px;
    margin:0 auto;
    position:relative;
    z-index: 10;

}
div.navWrap>.nav>ul>li{
	float:left;
}
div.navWrap>.nav>ul>li>a {
	padding:15px 50px;
	display:block;
	font-size:1.125em;
	color:#fff;
}
div.navWrap>.nav>ul>li:hover>a {
	background-color:#900;
	color:#fff;
}
div.navWrap>.nav .lnb {
	display:none;
}
div.navWrap>.nav .lnb li a {
	display:block;
	font-size:1em;
	color:#151515;
	padding:7px 20px;
	text-align:center;
    font-weight:bold;
}
div.navWrap>.nav .lnb li a:hover {
	color:#900;
}

div.navWrap>.mobileMenu, .Mlnb{
    display: none;
}
div.navWrap>.mobileMenu{
    width:40px;
    height:40px;
    display: block;
    color:#464646;
    position: absolute;
    top:0;
    left:0;
    z-index: 10;
    line-height: 40px;
    text-align: center;
    cursor:pointer;
    display: none;
}

/*footer*/

div.footerWarp {
    width:100%;
    background-color:#333131;
    float:left;
    padding-bottom:40px;

}
div.footerWarp>.footer {
    width: 1080px;
    margin: 40px auto;
}
div.footerUnderWrap{
    width:100%;

    padding:10px 0;
    background-color: #151515;
    float:left;
}
div.footerUnderWrap>.footerUnder{
    width:100%;

}
div.footerUnderWrap>.footerUnder>p{
    font-size:1em;
    color:#999999;
    text-align: center;
}
div.footerUnderWrap>.footerUnder>p>span{
    color:#0c44c4;
}
div.footerWarp>.footer>div{
    float:left;
}
div.footerWarp>.footer>.info1{
    padding: 0 0 0 140px;
}
div.footerWarp>.footer>.info1>ul>li{
    position: relative;
}
div.footerWarp>.footer>.info1>ul>li>h1{
    width:320px;
}
div.footerWarp>.footer>.info1>ul>li>p{
	float:right;
    color:#999999;
}
div.footerWarp>.footer>.info2{
    float:left;
    padding: 20px 0 0 100px;
}
div.footerWarp>.footer>.info2>ul>li{
    color:#999999;
    font-size:1.125em;
    height:30px;
}
div.footerWarp>.footer>.info2>ul>li>i{
    width:15px;
    margin-right:5px;
    text-align: center;
}

@media all and (min-device-width:320px) and (max-width:1080px){
    div.headerWrap>.header{
        width:100%;
    }
    div.headerWrap>.header>.logo {
        float:none;
        margin:0 auto;
        display: block;
        width:320px;
    }
    div.navWrap{
        display: none;
    }
    div.navWrap>.nav>.gnb>li>a{
        display: block;
        width:120px;
        font-size:1.125em;
        color:#464646;
        font-weight:bold;
        text-align: center;
        padding:10px 0;
    }
    div.navWrap>.nav>.gnb{
        float:left;
    }

    div.navWrap>.nav>.gnb>li>ul>li{
        position: absolute;
        top:80;
        display: none;
        z-index: 30;
    }
    div.navWrap>.nav>.gnb>li>ul>li>a{
        display: block;
        width:120px;
        text-align: center;
        color:#151515;
        font-size:0.875em;
        font-weight:bold;
        padding:14px 0;
    }
    div.navWrap>.nav>.gnb>li>ul>li>a:hover{
        background-color: rgba(0, 155, 223, 0.5);
        color:#fff;
    }
    div.headerWrap>.header>.mobileMenu, .Mlnb{
        display: block;
        position:absolute;
        z-index:20;
        top:20px;
        left: 10px;
    }
    div.headerWrap>.header>.Mlnb{
    	display:block;
    	position: absolute;
    	top: 50px;
    	z-index: 20;
    	background-color:#464646;
    	color:#fff;
    	font-size:14px;
    	height:auto;
    	max-height:100%;
    	overflow:auto;
    }
    div.headerWrap>.header>.Mlnb ul li a{
        display: block;
        padding:10px 0;
        text-indent:20px;
    }
    div.headerWrap>.header>.Mlnb ul li ul li a{
    	display:block;
        background-color:#6c6c6c;
    	font-size:0.750em;
    	color:#fff;
        padding:10px 30px;
    }
    /*footer*/

    div.footerWarp {
        width:100%;
        background-color:#333131;
        float:left;
        padding-bottom:40px;

    }
    div.footerWarp>.footer {
        width: 100%;
        margin: 40px auto;
    }
    div.footerUnderWrap{
        width:100%;
        padding:10px 0;
        background-color: #151515;
        float:left;
    }
    div.footerUnderWrap>.footerUnder{
        width:100%;

    }
    div.footerUnderWrap>.footerUnder>p{
        font-size:1em;
        color:#999999;
        text-align: center;
    }
    div.footerUnderWrap>.footerUnder>p>span{
        color:#0c44c4;
    }
    div.footerWarp>.footer>div{
        float:left;
        width:100%;
    }
    div.footerWarp>.footer>.info1{
        padding: 40px 0 0 20px;
    }
    div.footerWarp>.footer>.info1>ul>li{
        float:left;
        position: relative;
    }
    div.footerWarp>.footer>.info2{
        padding: 40px 0 0 20px;
    }
    div.footerWarp>.footer>.info2>ul>li{
        color:#999999;
        font-size:1.125em;
        height:30px;
    }
    div.footerWarp>.footer>.info2>ul>li>i{
        width:15px;
        margin-right:5px;
        text-align: center;
    }
}