/* BASIC css start */
#category_wrap #cate{z-index:100;position:relative;margin:0 auto;padding:0;top:0px;width:100%;border-bottom:2px solid #000;border-top:1px solid #e2e2e2;background-color:#fff;}
#cate .category{text-align:center;width:100%; position:relative;height:40px;}
#cate .category #nav{margin:0 auto; text-align:center; width:1236px; }

#nav .subwrap{background-color:#eee;border-top:2px solid #000;border-bottom:1px solid #d5d5d5;display: none;left:0;position:absolute;top:40px;width:99.9%; padding-bottom:30px;padding-top:20px;}
#nav .subwrap ul.subs{margin:0 auto;width:1190px;}
#nav > li{float: left;text-align:left;}
#nav li a{display:block;text-decoration: none;white-space: normal;text-indent:-2px;padding-top:10px;}
#nav > li > a{font-family:'Nanum Gothic',³ª´®°íµñ,'arial','Verdana', AppleGothic,sans-serif;font-size:11px;color:#000;display:block;line-height:40px;padding:0 15px;text-transform: uppercase;text-align: center;font-weight:600;}
#nav > li > a.event{background-color:#ff6a6a; color:#fff;display:block;font-size:11px;line-height:40px;padding:0 15px;text-transform: uppercase;font-weight:600;}
#nav > li > a:hover.event{background-color:#ff6a6a;color:#fff;display:block;font-size:11px;line-height:40px;padding:0 15px;text-transform: uppercase;font-weight:600;}
#nav > li > a.hot{background-color:#fff;color:#ff6a6a;display:block;font-size:11px;line-height:40px;padding:0 15px;text-transform: uppercase;font-weight:600;}
#nav > li > a:hover.hot{background-color:#ff6a6a;color:#fff;display:block;font-size:11px;line-height:40px;padding:0 15px;text-transform: uppercase;font-weight:600;}

#nav > li > a.hot2{background-color:#fff;color:#d5a115;display:block;font-size:11px;line-height:40px;padding:0 15px;text-transform: uppercase;font-weight:600;}
#nav > li > a:hover.hot2{background-color:#d5a115;color:#fff;display:block;font-size:11px;line-height:40px;padding:0 15px;text-transform: uppercase;font-
weight:600;}

#nav > li > a.gift{background-color:#fff;color:#00c59e;display:block;font-size:11px;line-height:40px;padding:0 15px;text-transform: uppercase;font-weight:600;}
#nav > li > a:hover.gift{background-color:#fff;color:#00c59e;display:block;font-size:11px;line-height:40px;padding:0 15px;text-transform: uppercase;font-weight:600;}
#nav > li:hover > a,#nav > a:hover{background-color:#000;color:#fff;font-weight:600;}
#nav li.active > a{background-color:#333333;color:#FFFFFF;}
#nav li:hover .subwrap{display:block;}
#nav .subwrap ul.subs > li{display: inline-block;float:left; padding-left:10px; vertical-align: top;width:24%;}
#nav .subwrap ul.subs > li.last{width:auto;}
#nav .subwrap ul.subs > li a{color:#000;font-family:'Nanum Gothic',³ª´®°íµñ,'arial','Verdana', AppleGothic,sans-serif;font-size:12px;}
#nav ul li a:hover{color:#00c59e;}
#nav .subwrap ul.subs > li > a{text-align:left;text-transform: uppercase;}
#nav .subwrap ul.subs > li > a > p{color:#000;font-family:'Nanum Gothic',³ª´®°íµñ,'arial','Verdana', AppleGothic,sans-serif;font-size:12px;}
#nav .subwrap ul.subs > li > a:hover > p{font-style:normal;text-decoration:underline;color:#000;}
#nav .subwrap ul.subs > li > a.subTitle{margin-bottom:20px;}
#nav .subwrap ul.subs > li.last > a img{width:260px; margin-bottom:10px;}
#nav .subwrap ul.subs > li li span.subStyle{color:#ff6a6a;/*color:#00c59e;*/ font-weight:600;padding-left:5px;letter-spacing:0.5px;}
#nav .subwrap ul.subs > li li span.subStyle2{color:#1da6a1;font-weight:600;}
#nav .subwrap ul.subs > li li{float: none; line-height:10px;}
#nav .subwrap ul.subs > li li:hover{text-decoration:underline ;line-height:10px;}
@media all and (max-width :0px){#nav > li{float: none;border-bottom:0;margin-bottom:0;}
#nav .subwrap ul.subs{position: relative;top:0;}
#nav li:hover ul.subs{display: none;}
#nav li #s1:target + .subwrap ul.subs,#nav li #s2:target + .subwrap ul.subs{display:block;}
#nav .subwrap ul.subs > li{display:block;width:auto;}
}
.menuWrap   {  }
.float-menu { top:0; width:99%; position:fixed; z-index:150; /*opacity:0.9;*/ }

/* BASIC css end */

