.content-wrap { max-width: 1200px; margin: 0 auto; }

#header { background: #e0e0e0; padding: 10px 0 100px 0; }
#logo { float: left; padding: 15px 17px; }
#logo img { height: 30px; }
#navigation { float: right; padding: 22px 0; }
#navigation li { float: left; padding: 0 15px; }
#navigation li a { font-size: 16px; text-decoration: none; color: #222; }
#navigation li a img { height: 25px; position: relative; top: -2px; }
#navigation li a.contact { padding: 5px 15px; border-radius: 24px; color: #fff; background: #5f2e78; }

#body { margin-top: -100px; }

#footer {}
#footer .logo { float: left; padding: 15px 15px 0 17px; }
#footer .logo img { height: 17px; }
#footer .lnb { float: left; }
#footer .lnb li { float: left; padding: 23px 10px 0 10px; }
#footer .lnb a { font-size: 13px; text-decoration: none; color: #bbb; }
#footer address { clear: both; font-size: 13px; font-style: normal; color: #999; border-bottom: 2px solid #5f2e78; margin: 0 15px; padding: 10px 0 15px 0; }
#footer .brand { padding: 15px; }
#footer .brand h5 { float: left; font-size: 11px; background: #eee; color: #999; padding: 3px 7px; border-radius: 10px; font-weight: normal; margin: 2px 10px 0 0; }
#footer .brand ul { float: left; }
#footer .brand li { float: left; padding: 0 10px }
#footer .brand li img { height: 20px; }
		
@media only screen and (max-width:600px){
	#logo { float: none; border-bottom: 2px solid #bbb; clear: both; padding-bottom: 5px; padding: 15px 2px; margin: 0 15px; }
	#navigation { clear: both; padding: 20px 5px 10px 2px; }
	#navigation li { float: left; padding: 0 10px; height: 22px; }
	#navigation li a { font-size: 14px; }
	#navigation li a img { height: 22px; }
}
		
@media only screen and (max-width:370px){
	#navigation li.brand { display: none; }
}