@charset "utf-8";

/* mobile style */
*{-webkit-text-size-adjust:none}		
        
        /*  카테고리 메뉴 */
#button { float:left; position:relative; }
#menuDiv { width: 95%;height: 100%;  z-index: 200; left:-100%; top:0; position: fixed;    }
#menuDiv .menu {width:95%; height: 100%; float:left;}


#menuCategory {width:100%; height:100%;  margin:0 auto; }

#menuCategory .top_logo { width:100%;  height:55px;  padding-top:20px;  border-bottom:2px solid #416289;background:#132c4f;  }
#menuCategory .top_logo .menu01 {float: left; width:25px;  padding-left:15px;padding-top:10px;}
#menuCategory .top_logo .menu01 img.closeImg {width:25px;}
#menuCategory .top_logo .menu02 {text-align:center; width:90%;  text-align: center;}
#menuCategory .top_logo .menu02 img.logoImg {width:107px;}


#menuCategory ul {width: 100%; height:100%; z-index: 400; position: absolute;}
#menuCategory ul li {border-bottom:1px solid #394f67; text-align: left; padding-left:5px; line-height:60px; color:#98a8c7; background: #132c4f; opacity:0.95;}
#menuCategory ul li a{color:#98a8c7;}
#menuCategory ul li a:hover{ color:#ffffff;}
#menuCategory ul li:hover{background: #132c4f;opacity:1; cursor:pointer; color:#ffffff;}
#menuCategory ul li img.Mimg { vertical-align: middle; margin-left:10px; margin-right:5px;}
#menuCategory ul li.etc {width: 100%; height:100%}

#menuCategory .etc{width:100%; height:100%;  background: #132c4f;opacity:0.95; }