/* PE-Class v1.15.66 — 홈 A안과 조화를 이루는 단계형 좌측 아코디언 */
@media (min-width:921px){
  .pe87Side .sideTabs{
    gap:9px!important;
  }
  .pe87Side .sideTabs>.tab{
    position:relative;
    height:50px!important;
    gap:10px!important;
    padding:0 13px!important;
    overflow:hidden;
    border:1px solid #d5e3f0!important;
    border-radius:12px!important;
    background:#fff!important;
    color:#17324d!important;
    box-shadow:none!important;
    white-space:nowrap;
  }
  .pe87Side .sideTabs>.tab:hover{
    border-color:#b9d7f2!important;
    background:#f6fbff!important;
  }
  .pe87Side .sideTabs>.tab.active{
    border-color:#c8def3!important;
    background:#edf6ff!important;
    color:#17324d!important;
    box-shadow:0 5px 14px rgba(23,115,230,.08)!important;
  }
  .pe87Side .sideTabs>.tab.active::before{
    content:"";
    position:absolute;
    left:0;
    top:8px;
    bottom:8px;
    width:4px;
    border-radius:0 4px 4px 0;
    background:#1473e6;
  }
  .pe87Side .sideTabIcon{
    display:grid;
    place-items:center;
    width:30px;
    height:30px;
    flex:0 0 30px;
    border-radius:9px;
    background:#f1f7fd;
    font-size:17px;
    line-height:1;
  }
  .pe87Side .tab.active .sideTabIcon{
    background:#dcecff;
  }
  .pe87Side .sideTabLabel{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .pe87Side .sideTree{
    display:flex!important;
    flex-direction:column;
    gap:6px;
    margin:-2px 0 7px 14px!important;
    padding:3px 0 3px 12px;
    border-left:1px solid #d4e2ef;
  }
  .pe87Side .treeIndent{
    display:flex;
    flex-direction:column;
    gap:5px;
    margin-left:13px!important;
    padding-left:10px;
    border-left:1px solid #d9e6f1;
  }
  .pe87Side .treeYear,
  .pe87Side .treeSemester,
  .pe87Side .treeItem{
    display:flex!important;
    align-items:center;
    gap:7px;
    width:100%;
    min-width:0;
    height:36px!important;
    padding:0 9px!important;
    border:1px solid transparent!important;
    border-radius:9px!important;
    background:transparent!important;
    color:#314860!important;
    font-size:13px!important;
    font-weight:800!important;
    line-height:1.2;
    text-align:left;
  }
  .pe87Side .treeYear{
    background:#f3f8fc!important;
    color:#243b53!important;
  }
  .pe87Side .treeYear.current{
    border-color:#d9e8f6!important;
    background:#edf6ff!important;
  }
  .pe87Side .treeYear.active{
    border-color:#bdd9f2!important;
    background:#e7f3fe!important;
  }
  .pe87Side .treeSemester{
    background:#f7fbff!important;
  }
  .pe87Side .treeSemester.current{
    border-color:#d2e6fa!important;
    background:#eef7ff!important;
    color:#176bd1!important;
  }
  .pe87Side .treeSemester.active{
    border-color:#9fc9ef!important;
    background:#dfefff!important;
    color:#135fb8!important;
  }
  .pe87Side .treeItem{
    height:34px!important;
    padding-left:11px!important;
    color:#425970!important;
  }
  .pe87Side .treeItem:hover{
    background:#f2f8fd!important;
  }
  .pe87Side .treeItem.active,
  .pe87Side .treeItem.active:hover{
    border-color:#c5def6!important;
    background:#e5f2ff!important;
    color:#126bd1!important;
    filter:none!important;
  }
  .pe87Side .treeDisclosure{
    width:12px;
    flex:0 0 12px;
    color:#48627c;
    font-size:10px;
    text-align:center;
  }
  .pe87Side .treeGlyph{
    width:18px;
    flex:0 0 18px;
    text-align:center;
  }
  .pe87Side .treeCurrentBadge{
    margin-left:auto;
    flex:0 0 auto;
    padding:3px 7px;
    border-radius:999px;
    background:#1473e6;
    color:#fff;
    font-size:10px;
    font-weight:900;
    line-height:1;
  }
  .pe87Side .treeItemDot{
    width:7px;
    height:7px;
    flex:0 0 7px;
    border-radius:50%;
    background:#b5c6d7;
  }
  .pe87Side .treeItem.active .treeItemDot{
    background:#1473e6;
  }
}