/**************************************************
	전체
**************************************************/
#wrap{position: relative; width: 100%; margin: 0 auto;  }
.layoutFix {max-width:1200px; width: 100%; margin:0 auto; position:relative; box-sizing:border-box;} 
.buri{font-family: 'AritaBuri', serif;}


/**************************************************
	상단
**************************************************/
#header{position: relative; width: 100%;}
.logo{float: left; padding: 15px 0;}
.nav{float: right;}
.nav > li{display: inline-block; position: relative; line-height: 87px;}
.nav > li > a{font-size: 20px; color: #333; font-weight: bold; padding: 0 34px; }
.nav > li:hover > a{color: #b92a22;}
.nav > li:hover .navList{display: block;}
.nav > li > .navList{display: none; border-top: 2px solid #b92a22; position: absolute; left: 0; top: 89px; box-sizing: border-box; background-color: #fff; width: 100%; z-index: 99;}
.nav > li > .navList > li{border-bottom: 1px solid #f1f1f1;}
.nav > li > .navList > li > a{display: block; color: #444; font-size: 17px; font-weight: bold; text-align: center; line-height: 28px; padding: 10px;}
.nav > li > .navList > li > a:hover{background: #b92a22; color: #fff;}

.mbNavBtn{display: none; padding: 5px 10px; border: 1px solid #333; float: right; margin: 25px 10px; font-size: 20px; cursor: pointer;}
.mbNavClose{display: none; position: fixed; top: 0; right: 0; padding: 5px 10px; border: 1px solid #fff; color: #fff; float: right; margin: 25px 10px; font-size: 20px; cursor: pointer; z-index: 9999;}
/* 넷북 1024 */
@media (max-width: 1024px){
	.logo{float: left; padding: 15px;}
	.mbNavBtn{display: block;}
	.nav{position: fixed; top: 0; right: -200px; width: 200px; height: 100%; padding-top: 60px; z-index: 999; display: block; background: #333;}
	.nav > li{line-height: 30px; display: block; }
	.nav > li > a{color: #fff !important; font-size: 16px; padding: 0 15px;}
	.nav > li > .navList{display: block; float: left;border-top: 1px solid #cdcdcd; position: relative; left: 0; top: 0px; box-sizing: border-box; background-color: #444; width: 100%; z-index: 99; margin-bottom: 6px;}
	.nav > li > .navList li{border: 0;width: 50%; display: inline-block; float: left;}
	.nav > li > .navList > li > a{display: block; font-size: 14px; font-weight: bold; text-align: center; line-height: 20px; padding: 5px 0; color: #fff;}


}
/**************************************************
	#Section
**************************************************/
#section{width: 100%; position: relative;}



/**************************************************
	하단
**************************************************/
#footer{background-color: #fff; padding: 30px 0;}
#footer p, #footer a{color: #333; font-size: 14px; line-height: 22px;}

/* 태블릿 1024 */
@media (max-width: 1024px){
	#footer{padding: 15px;}
}

/* 태블릿 768 */
@media (max-width: 768px){
	#footer{padding: 15px 0; text-align: center;}
	#footer p, #footer a{ font-size: 13px; line-height: 20px;}



}