레이아웃, 이퀴어 테마 메뉴 CSS 수정 질문있습니다.

메뉴에 2차? 메뉴가 항상 펼쳐져있게하고싶은데 무었을 수정해야하는지 잘모르겠습니다. 코딩은 1도 몰라서 ..

js까지 수정해야하면 포기할려구하는데 CSS만 수정해서 가능한가요?

/* NAVIGATION */
.ac_menu {list-style: none; text-align:left; padding:30px 10% 20px 0}
.ac_menu ul {display: none}
.ac_menu li {-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; line-height:3; }
.ac_menu li.md-hide.active > a, .ac_menu li.md-hide.active label {color:#747cfd !important; font-weight:400}
.ac_menu li.active li.active a:before {content: ""; display:block; width:8px; position:absolute; height:11px; border:solid #fff; border-width:0 2px 2px 0; left:-4px; top:6px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg)}
.ac_menu li li {padding-left: 20px}
.ac_menu input[type=checkbox] {position: absolute; opacity: 0}

.ac_menu ul a {position: relative; text-transform:uppercase; display: block; padding: 8px 0; color: #333; font-size: 15px}
.ac_menu label, .ac_menu > li > a {cursor: pointer; display: block; font-size:16px; font-weight: 500; padding: 10px 0; color: #3d3d3d}
.ac_menu input[type=checkbox]:checked + label {color:#3d3d3d}
.ac_menu input[type=checkbox]:checked + label::before {-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%)}
.ac_menu input[type=checkbox]:checked + label + ul, .ac_menu input[type=checkbox]:checked + label:nth-of-type(n) + ul {list-style: none; margin:4px 0 16px; display: block}
.ac_menu > li:last-of-type > label, .ac_menu > li:last-of-type > a, .ac_menu > li > ul > li:last-of-type label, .ac_menu > li > ul > li:last-of-type a {box-shadow: none}
.ac_menu ul label, .ac_menu ul a {background: transparent; padding-left: 16px}