/**************************************************
	#wrap
**************************************************/
#wrap{position: relative; width: 100%;  margin: 0 auto;}
.layout_fix{max-width:1100px; margin:0 auto; position:relative; box-sizing:border-box;} 



/**************************************************
	#header
**************************************************/
#header{position: relative; width: 100%; z-index: 99; padding: 20px 0; background-color: #ffffff;}

#logo{float: left;}

.m_menu{display:none;}
.m_close_btn{display:none; position:absolute; top:0; left:0; margin-left:-50px; width:50px; height:50px; background:#000; color:#fff; font-size:30px; line-height:50px; text-align:center;}

/* #lnb [Local Navigation Bar]  */
#lnb{float: right; position: relative;}
#lnbList{margin: 0 auto; text-align: center; font-size: 0;} 
#lnbList > li{display: inline-block; zoom:1; *display:inline; position: relative; margin: 0 0 0 100px;  }
#lnbList > li > a{position: relative; color: #303030; font-size: 26px; font-weight: 500; height: 50px; line-height: 50px; display: block; vertical-align: top; letter-spacing: 1px;  font-family: 'Swagger';}
#lnbList > li:hover > a{color: #40b238;}
#lnbList > li:hover > ul.lnbDeps2{ display: block; opacity:1; background-color: #6b4634; text-align: left; border-top: 2px solid #40b238;}
ul.lnbDeps2{position:absolute; display: none; opacity:0; width: 140px; top:45px; left:-10px; z-index: 6000; box-shadow: 0 1px 3px rgba(0,0,0,0.11); }
ul.lnbDeps2 > li{line-height: 19px; border-top: 0px; background: #ffffff; position: relative;}
ul.lnbDeps2 > li > a{display:block; font-size: 18px; padding: 5px 10px; line-height: 26px; border-bottom: 1px solid #f1f1f1; color: #666666; text-align: left;letter-spacing: 1px;  font-family: 'Swagger';}
ul.lnbDeps2 > li:hover > a{background-color: #f0f0f0; color: #40b238; font-weight: 600;}
.lnb-first{margin-left: 0 !important}
.lnb-last{margin-right: 0 !important}






#section{width: 100%; position: relative; }






/**************************************************
	Footer
**************************************************/
#footer{width: 100%; position: relative; background-color: #2a2a2a;}
.fo-info{ padding: 30px 0;}
.fo-logo{ float: left; padding: 18px 0;}

.fo-text{float: left; text-align: left;color: #a1a1a1; font-size: 13px; margin-left: 30px; }

.snsLink{float: right;}
.snsLink li{float: left;}
.snsLink li a{color: #a1a1a1; font-size: 20px; margin-left: 20px;  font-weight: bold;}
.snsLink li a:hover{color: #ffffff;}



@media screen and (max-width:860px){
#logo img{height:35px; margin-left:20px;}
.m_menu{display:block; float:right; padding-right:20px; font-size:30px;}
.m_close_btn{display:block;}
#lnb {width:200px; position:fixed; height:100%; right:0; top:0; float:none; background:rgba(21,54,10,0.8);  display:none;}
#lnbList > li{margin:0;width:100%; text-align:left; margin-left:0; }
#lnbList > li > ul{display:block; opacity:1;position:static;width:100%}
#lnbList > li > a{width:100%; color:#fff; padding:0 10px; background:#40b238;}
#lnbList > li:hover > a{color: #fff;}
#lnbList > li:hover > ul.lnbDeps2{ display: block; opacity:1; background-color: inherit; text-align: left; border-top: 0px solid #40b238;}


#footer{padding:0;box-sizing:border-box;text-align:center; }
.fo-info{padding:20px 0;}
.fo-logo{ float: none; padding:0; display:block; margin-bottom:10px; text-align:center;}
.fo-logo a{display:inline-block;}
.fo-text{margin:0; text-align:center;float:none; line-height:1.3; word-break:keep-all; word-wrap:break-word; font-size:10px;}
.snsLink{float: none; text-align:center; margin-top:20px;}
.snsLink li{float: none; display:inline-block;}

}