#main{display:flex;padding:0 20px 0;min-height:100%}#sidebar{width:359px;height:100vh;position:sticky;top:20px;left:0;border:1px solid var(--black);display:flex;margin-top:20px}#sidebar .sidebar-list{width:75px;background:#000;color:#fff;font-size:10px;font-weight:bold;text-align:center;padding:10px 0 10px;height:100%}#sidebar .sidebar-list li{padding:0 5px 0;position:relative}#sidebar .sidebar-list li a{display:block;padding:15px 0 15px;position:relative}#sidebar .sidebar-list li.active,#sidebar .sidebar-list li:hover{color:var(--yellow-1)}#sidebar .sidebar-list li.active .nav-icon .on,#sidebar .sidebar-list li:hover .nav-icon .on{opacity:1}#sidebar .sidebar-list li.active .nav-icon .off,#sidebar .sidebar-list li:hover .nav-icon .off{opacity:0}#sidebar .sidebar-list li.active{position:relative}#sidebar .sidebar-list li.active::after{content:"";position:absolute;top:50%;transform:translateY(-50%);width:10px;height:15px;right:0;background:var(--white);-webkit-clip-path:polygon(100% 0, 0 50%, 100% 100%);clip-path:polygon(100% 0, 0 50%, 100% 100%)}#sidebar .sidebar-list li+li{position:relative}#sidebar .sidebar-list li+li::before{content:"";position:absolute;left:50%;transform:translateX(-50%);top:0;width:calc(100% - 20px);height:1px;background:var(--gray-1)}#sidebar .sidebar-list .nav-icon{max-width:30px;height:auto;display:block;position:relative;display:inline-block}#sidebar .sidebar-list .nav-icon img{transition:.3s;line-height:1}#sidebar .sidebar-list .nav-icon .on{position:absolute;top:0;left:0;opacity:0}#sidebar .sidebar-list .nav-txt{margin-top:5px;display:block}#sidebar .sidebar-sub{font-size:18px;font-weight:500;padding:30px 20px 30px}#sidebar .sidebar-sub .sidebar-sub-ttl{font-size:20px}#sidebar .sidebar-sub .sidebar-sub-list{margin-top:10px}#sidebar .sidebar-sub .sidebar-sub-list li{padding:8px 5px 8px 15px}#sidebar .sidebar-sub .sidebar-sub-list li a{position:relative}#sidebar .sidebar-sub .sidebar-sub-list li a::before{content:"";position:absolute;top:3px;left:-17px;width:10px;height:21px;transition:.3s;background:var(--red-1);opacity:0}#sidebar .sidebar-sub .sidebar-sub-list li a.active::before,#sidebar .sidebar-sub .sidebar-sub-list li a:hover::before{opacity:1}#sidebar .sidebar-sub .sidebar-sub-list li li{padding-left:25px}#content{width:calc(100% - 359px);padding:0 30px 100px}#content #content-top{padding-top:20px}