/* default */
#rnb { margin-left: 0px; }
#rnb ul {}
#rnb li { margin-left: 0px; }
#rnb > li > ul a > span { line-height: 1.9rem; }
#rnb > li > ul a > span:hover { font-weight: bold; }

#rnb > li > ul > li > a.active,
#rnb > li > ul > li:hover > a{ color: #37c1da; background: url(../img/representaion/rnb_arrow.png) no-repeat right 1px center; font-size: 1.3rem; font-weight: bold; }

/* title */
#rnb > li > a { border-bottom: 1px solid #000; padding-bottom: 17px; font-weight: 400; font-size: 1.8rem; line-height: 2.4rem; }

/* 2depth */
#rnb > li > ul { margin-left: 0px; }
#rnb > li > ul > li > a { border-top: 1px solid #e6e6e6; box-sizing: border-box; }
#rnb > li > ul > li:hover > a { border-bottom: 1px solid #e6e6e6; }
#rnb > li > ul > li > a { padding-bottom: 14px; padding-top: 15px; }
#rnb > li > ul > li.open > ul {}
#rnb > li > ul > li.open > a { border-bottom: 1px solid #e6e6e6; }
#rnb > li > ul > li.close > ul { padding-top: 0px; padding-bottom: 0px; }

/* 3depth */
#rnb > li > ul > li > ul { padding-left: 25px; padding-bottom: 22px; padding-top: 21px; }
#rnb > li > ul > li > ul span { background: url(../img/representaion/rnb_2depth_dot.png) no-repeat left center; padding-left: 10px; padding-bottom: 5px; padding-top: 5px; }

/* next depth */
#rnb > li > ul > li > ul > li ul { padding-left: 20px }