*{padding: 0; margin: 0; }

.snav_container {width: 100%;max-width: 280px;position: relative;  margin:50px}
.snav_container:hover.snav_container:before {box-shadow: 0px 40px 90px #52616b;}
.left_snav_accordion {list-style: none;margin: 0;padding: 0;background-color: white;border-radius: 3px;}

.accordionTitle{padding: 18px;position: relative;margin: 0;font-size: 20px;font-weight: 500; cursor: pointer; background: url(/images/egovframework/scourt/chi/sub/select.png)no-repeat right 20px center; color: #333;}
.accordionTitle:active, .accordionTitle:hover{background-color: #f0f3f8;}
.hamburger_page_wrap_mob .accordionTitle{border-left: none; border-right: none;}
.accordionTitle:before, .accordionTitle:after {content: '';position: absolute;height: 1px;border-radius: 50px;bottom: 0;left: 0;display: flex;justify-content: center;align-items: center; }
.accordionTitle:before {width: 100%;background-color: #f0f3f8;}

/* Text Content */
.left_snav_accordion .left_snav_item .text {opacity: 0;height: 0;padding: 0px 10px;position: relative;line-height: 24px;font-size: 16px;font-weight: 200; overflow: hidden; letter-spacing: 0.5px; background: #f9f9f9;}

/*서브2뎁스*/
.left_snav_accordion .left_snav_item .text> ul> li{list-style:none; width: 100%; font-size: 14px; border-bottom: 1px dashed #ddd;}
.left_snav_accordion .left_snav_item .text> ul> li:last-child{border-bottom: none;}
.left_snav_accordion .left_snav_item .text> ul> li.active{font-weight: bold; }
.left_snav_accordion .left_snav_item .text> ul> li> a{color: #111; text-decoration: none; display: block; padding: 5px 8px;  box-sizing: border-box; font-size: 17px;}
.left_snav_accordion .left_snav_item .text> ul> li:hover> a{font-weight: bold; }
.left_snav_accordion> li.active h2{background-color: #f0f3f8;}

/* Text Content - Class for JS to hide and show */
.left_snav_accordion .left_snav_item .text.show {opacity: 1;height: auto; position: relative;z-index: 0;border-radius: 0px 0px 3px 3px; width: 100%; border-bottom: 1px solid #f0f3f8;}
.left_snav_accordion .left_snav_item .text ul{margin: 5px 0;}

.left_snav_accordion .left_snav_item.active h2{background-color: #f0f3f8 ;}

/*햄버거*/
.hamburger_page .left_snav_accordion .left_snav_item .text> ul> li.active{font-weight: normal;}
.hamburger_page .left_snav_accordion .left_snav_item .text> ul> li.active> a, .hamburger_page .left_snav_accordion .left_snav_item .text> ul> li:hover> a{font-weight: bold; color: #9a1262;}
.hamburger_page .left_snav_accordion .left_snav_item .text> ul> li> ul> li.active> a, .hamburger_page .left_snav_accordion .left_snav_item .text> ul> li> ul> li:hover> a{text-decoration: underline; }

/*****테블릿세로버전*****/
@media all and (min-width:701px) and (max-width:1220px) {
  .left_snav_accordion> li h2{font-size: 17px;}
  .left_snav_accordion .left_snav_item .text> ul> li> a{font-size: 14px;}
  .left_snav_accordion .left_snav_item .text> ul> li> ul> li{padding: 0 10px; box-sizing: border-box;}
  .left_snav_accordion .left_snav_item .text> ul> li> ul> li:hover, .left_snav_accordion .left_snav_item .text> ul> li> ul> li.active{text-decoration: underline; }

} 

/*****모바일*****/
@media all and (max-width:700px) { 
  .left_snav_accordion> li h2{font-size: 14px;}
  .left_snav_accordion .left_snav_item .text> ul> li> a{font-size: 14px;}
  .left_snav_accordion .left_snav_item .text> ul> li> ul> li{padding: 0 10px; box-sizing: border-box;}
  .left_snav_accordion .left_snav_item .text> ul> li> ul> li:hover, .left_snav_accordion .left_snav_item .text> ul> li> ul> li.active{text-decoration: underline; }
  }