*{margin:0px; padding:0px;-webkit-box-sizing:border-box;
      -moz-box-sizing:border-box; box-sizing:border-box; word-wrap:break-word;list-style:none;}
    img{border: 0;}
    a {outline: none;}
    .hide{position:absolute; left:-9999em;}
    
	
	
	header{width:838px;height:58px;margin:0 auto;}
	nav{width:838px;margin:0 auto;}
	
	.mainmenu{width:838px;}
    .mainmenu li{display:block;}
    .mainmenu>li{position:relative;float:left;}
    .mainmenu>li>a{height:58px;display:inline-block;text-align:center;display:table-cell;vertical-align:middle;}
    
    .mainmenu>li>div{width:60px;position:absolute;top:58px;left:-16px;display:block;opacity:0;visibility:hidden;overflow:hidden}
    .mainmenu>li:hover>div{opacity:1;visibility:visible;overflow:visible;}
       
    .mainmenu>li>div ul{padding:10px 0 10px 0;}
    .mainmenu>li>div ul li{padding:3px;}
    
    .mainmenu>li>div{background: rgb(0, 0,0);
					 /* RGBa with 0.6 opacity */
					 background: rgba(0,0,0, 0.8);/*backgroud:검정.opacity0.8*/
					 /* For IE 5.5 - 7*/
					 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#000, endColorstr=#000);
					 /* For IE 8*/
					 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#000, endColorstr=#000)";}

	nav>ul{text-align:center;padding-left:108px;}
	nav>ul>li{float:left;display:inline;margin:0px 18px 0px 18px;}
	nav>ul>li>a{height:58px;
	            display:inline-block;text-align:center;display:table-cell;vertical-align:middle;}
	            
    .text{width:550px;height:350px;margin:0 auto;margin-top:170px;}  

   footer{width:100%;height:100px;clear:both;float:left;background:#000;margin-top:350px;}
   footer div{width:1300px;margin:0 auto;margin-top:20px;}
   footer img{float:left;}