*{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: 17px;font-weight: 500; cursor: pointer; background: url(/images/egovframework/scourt/eng/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: 14px;}
.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 ;}

/*햄버거*/
.hamburgerBox .left_snav_accordion .left_snav_item .text> ul> li.active{font-weight: normal;}
.hamburgerBox .left_snav_accordion .left_snav_item .text> ul> li.active> a, .hamburgerBox .left_snav_accordion .left_snav_item .text> ul> li:hover> a{font-weight: bold; color: #095a61;}
.hamburgerBox .left_snav_accordion .left_snav_item .text> ul> li> ul> li.active> a, .hamburgerBox .left_snav_accordion .left_snav_item .text> ul> li> ul> li:hover> a{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; padding: 10px; line-height: 1.2em;}
.left_snav_accordion .left_snav_item .text> ul> li> ul> li{padding: 5px 10px 5px 20px; box-sizing: border-box; text-indent: -10px; line-height: 1.2em;}
}