nav {position: sticky; top: 0; min-width: 300px; width: 300px; height: 100vh; padding: 60px 0; background: var(--wt); box-sizing: border-box;}
nav .logo {width: 170px; height: auto; margin: 0 auto 50px;}
nav .logo img {width: 100%; height: auto;}
nav .link-item {width: 100%; height: auto;}
nav .link-item ul {width: 100%; height: auto;}
nav .link-item ul li {width: 100%; height: auto; padding: 0 35px; box-sizing: border-box;}
nav .link-item ul li.active {background: var(--pr2);}
nav .link-item ul li a {display: flex; align-items: center; gap: 8px; height: 60px; border-bottom: 1px solid var(--gray_e6); font-size: 18px; font-weight: 400; line-height: 1.17; color: var(--gray_94); transition: all .5s;}
nav .link-item ul li a svg {width: 24px; height: auto;}
nav .link-item ul li a svg path {transition: all .5s;}

nav .link-item ul li:hover a {color: var(--pr0);}
nav .link-item ul li:hover a svg path {fill: var(--pr0);}
nav .link-item ul li.active a {border: none; color: var(--pr0);}
nav .link-item ul li.active a svg path {fill: var(--pr0) !important;}

/* sub_link */
nav .link-item ul li.active .link_tit {height: auto; padding-top: 19px; padding-bottom: 20px; padding-left: 24px; border-top: 1px solid var(--pr1); box-sizing: border-box;}
nav .link-item ul li.active .link_item {height: auto; padding-bottom: 15px; padding-left: 48px; box-sizing: border-box;}
nav .link-item ul li.active .link_item:last-of-type {padding-bottom: 25px;}