.aside-container {width: 340px; position: sticky; top: calc(var(--headerHeight) + var(--snbHeight, 0px) + 24px); max-height: calc(100vh - 320px); overflow-y: auto; margin : 0 0 0 32px;}
.aside-container::-webkit-scrollbar {width : 6px;}
.aside-container::-webkit-scrollbar-thumb {background-color: #ccc; border-radius: 3px;}
.aside-container aside {margin-top: 12px; display: flex; flex-direction: column;}
.aside-container aside h6 {font-weight: 600; font-size: 15px; letter-spacing: -0.03em; color: #121212; flex: 0 0 32px; display: flex; align-items: center;}
.aside-container aside ul {display: flex; flex-direction: column;}
.aside-container aside ul li {flex: 0 0 32px; display: flex; align-items: center;}
.aside-container aside ul li a {font-size: 13px; letter-spacing: -0.03em; color: #707070;}
.aside-container aside ul li.subtitle {margin-left: 2px; flex: 0 0 23px; border-left: solid 2px transparent; padding-left: 16px; position: relative;}
.aside-container aside ul li.subtitle::before {content: ''; position: absolute; top: -2px; left: -2px; display: block; width: 2px; height: 27px; background: #E5E7EB; z-index: -1;}
.aside-container aside ul li.subtitle ~ li.subtitle {margin-top: 4px;}
.aside-container aside ul li:not(.subtitle) + li.subtitle {margin-top: 2px;} /* subTitle 중 첫번째 요소 */
.aside-container aside ul li:not(.subtitle) + li.subtitle::before {top: 0;}

.aside-container aside ul li.subtitle:has(+ li:not(.subtitle)) {margin-bottom: 4px;} /* subTitle 중 마지막 요소 */
.aside-container aside ul li.subtitle:has( + li:not(.subtitle))::before,
.aside-container aside ul li.subtitle:last-child::before {height: 25px;}

.aside-container aside ul li.active a {font-weight: 700; color: #444;}
.aside-container aside ul li.subtitle.active {border-left:  solid 2px #1955E9;}

@media (max-width: 1720px) {
    .aside-container {width : 15vw; min-width: 260px;}
}
@media (max-width:1480px) {
    .aside-container {display: none;}
}

@media print {
    .aside-container {display: none;}
}