@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css); 
@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,700);
.roboto{font-family: Roboto;}
.slidelm {text-shadow:none;width:100vw;height:100%; position:fixed; right:-100vw; top:0; background:#fff; border-top:1px solid #e3e3e3; z-index:500;margin-top: 59px;}
/* Vertical Navigation */
.cateist{ position:relative; font-size:14px; font-family:'Noto Sans KR', Roboto; line-height:normal;}
.cateist ul{ margin:0; padding:0; list-style:none;}
.cateist li{ position:relative; margin:0 0 -1px 0; vertical-align:top; *zoom:1;}
.cateist li a{ display:block;position:relative; padding:12px 10px; text-decoration:none; color:#666; font-weight:bold; background:#fafafa; border:1px solid #eee; *zoom:1;}
.cateist li a .i{ position:absolute; top:50%; left:100%; margin:-4px 0 0 -16px; width:8px; height:8px; color:#ccc; background:url(./img/categoryarrow.gif) no-repeat left top;}
.cateist li ul{ padding:5px 0; background:#fff;}
.cateist li li{ margin:0;}
.cateist li li a{ display:block; font-weight:normal; background:#fff; padding:12px 10px; border:0;}
.cateist li li a span{ color:#666;}
.cateist li.active{ border:1px solid #ccc; z-index:999999;}
.cateist li li.active{ border:0;}
.cateist li.active a{ color:#000; border:0;}
.cateist li.active .i{ background-position:0 -44px;}
.cateist li.active li a{ border:0;}
.cateist li.active ul{ display:block; border-top:1px solid #eee;}
.cateist li.active li.active a span{ color:#13b200; font-weight:bold; letter-spacing:-1px;}