/* BASIC css start */
#l_menu {position:sticky;position:-webkit-sticky;float:left;top:80px;left:0;display:inline-block;flex-basis:310px;width:310px; }
#l_menu > .inner {display:block;position:relative;overflow:auto;height:100vh;min-height:100vh;padding:0rem 0 2.8rem;overflow-x : hidden}

#l_menu *::-webkit-scrollbar {width:0;}

#l_menu > .inner .tt { height:54px; line-height:54px; border-bottom:1px solid #ededed; padding-left:40px; font-family:'notokr-medium'; font-size:13px; color:#000 }
#l_menu > .inner .lm { height:44px; line-height:44px; border-bottom:1px solid #ededed; }
#l_menu > .inner .lm a { font-family:'notokr-medium'; font-size:16px; color:#000; display:block; width:100%; height:44px; line-height:44px; padding-left:40px; cursor:pointer }
#l_menu > .inner .lm a:hover { color:#555; }

#l_menu > .inner .on { background:url(/design/zooyork77/deetong/arr.png) no-repeat 93% 50% }
#l_menu > .inner .on:hover { background:#f5f5f5 url(/design/zooyork77/deetong/arr.png) no-repeat 93% 50% }
#l_menu > .inner .on a:hover { color:#555; }

#l_menu > .inner .red a { color:#ff0000 }

#l_menu .left_on { border-bottom:1px solid #ededed; padding-bottom:10px }
#l_menu .left_on .lm { height:44px; line-height:44px; border-bottom:0px solid #ededed; background:url(/design/zooyork77/deetong/arr_x.png) no-repeat 93% 50% }
#l_menu .left_on .sub_m { height:22px; padding-left:50px; padding-top:2px; padding-bottom:2px}
#l_menu .left_on .sub_m a { display:block; width:100%; height:22px; line-height:22px; font-family:'notokr-regular'; font-size:14px; color:#000 }
#l_menu .left_on .sub_m a:hover { color:#555 }
/* BASIC css end */