/* BASIC css start */
.menu_on {overflow:hidden}
.menu_off {height:auto;overflow:initial}

#mask { display:none; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background:#fff; z-index:1000; opacity:0.7 }
#wrap { position:relative; width:100%; min-width:320px; overflow:hidden }

#header { position:relative; width:100%; z-index:101 }
#header.act { position:fixed; top:0; left:0; right:0; z-index:102; -webkit-transition:all 0.3s ease;transition:all 0.3s ease }

#gnb { position: relative; width:100%; height:51px; background:#2f2f2f }
#gnb .logo { margin-left:-38px; position:absolute; top:14px; left:40%; -webkit-transition:all 0.3s ease;transition:all 0.3s ease }
#gnb .logo a { display:block; font-size:30px; color:#fff; font-weight:bold }
#gnb .logo { display:block; font-size:30px; color:#fff; font-weight:bold }

#gnb p.asideOpen { position:absolute; top:12px; left:6px; width:25px; height:25px; color:#fff; line-height:25px; text-align:center; font-size:20px; z-index:999 }
#gnb .btnCart { position:absolute; top:17px; right:10px }
#gnb .btnCart a { font-size:18px; color:#fff }

#header .searchBox { padding:6px 10px; background:#2f2f2f }
#header .searchBox .search { padding-right:28px; position:relative; height:28px; border:1px solid #f4f4f4; background:#fff }
#header .searchBox .search input { width:100%; height:28px; border:none }
#header .searchBox .search a { position:absolute; top:0; right:0; width:28px; height:28px; font-size:18px; line-height:27px; text-align:center; }
  
/* 사이드 메뉴 */
.asideClose { position:fixed; top:30px; left:-75%; width:29px; height:29px; color:#fff; text-align:center; line-height:27px; background:#404040; z-index:1001 }
.asideClose i {line-height: 32px; font-size: 20px; }
aside { position:fixed; top:0; left:-75%; right:0; width:75%; height:100%; background:#fff; overflow-y:auto; -webkit-overflow-scrolling:touch; z-index:1001 }
aside .asideTop { padding:30px 10px 0; position:relative }
aside .asideTop ul { border:1px solid #404040; *zoom:1 }
aside .asideTop ul:after { display:block; clear:both; content:'' }
aside .asideTop ul li { float:left; width:50%; height:28px }
aside .asideTop ul li a { display:block; height:28px; font-weight:bold; text-align:center; line-height:28px }
aside .asideTop ul li.black a { color:#fff; background:#404040 }

aside .asideQuick { padding:20px 10px }
aside .asideQuick ul { *zoom:1 }
aside .asideQuick ul:after { display:block; clear:both; content:'' }
aside .asideQuick ul li { float:left; width:25% }
aside .asideQuick ul li a { display:block; text-align:center }
aside .asideQuick ul li a i { font-size:20px }
aside .asideQuick ul li a .tx { display:block }

aside .asideNav { padding:0 10px; *zoom:1 }
aside .asideNav:after { display:block; clear:both; content:'' } 
aside .asideNav .navList { float:left; width:45% }
aside .asideNav .navList h3 { padding-bottom:7px; font-size:13px; font-weight:bold; text-align:center; border-bottom:1px solid #000 }
aside .asideNav .navList ul { padding-top:10px }
aside .asideNav .navList ul li { height:30px; line-height:30px }
aside .asideNav .navCommunity { float:left; }

aside .asideTop .navCategory { padding-top:10px; overflow:hidden }
aside .asideTop .navCategory ul { *zoom:1; border-top:1px solid #e7e7e7 }
aside .asideTop .navCategory ul:after { display:block; clear:both; content:'' }
aside .asideTop .navCategory ul li { margin-left:-1px; float:left; width:25%; border-left:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7 }
aside .asideTop .navCategory ul li a { display:block; height:30px; text-align:center; line-height:30px }

/* BASIC css end */

