.sub.notice .sv .top .path .item.lastdepth{ pointer-events: none; }
.sub.notice .sv .top .path .item.lastdepth .selectBox > i{ display: none; }
.sub.notice .sv .bottom > .btnWrap{ display: none; }


/* notice list */

.tablelist{ width: 100%; border-top: 2px solid #000; margin-top: 25px; }
.tablelist .table{ width: 100%; }
.tablelist .table li{ border-bottom: 1px solid #b5b5b5; box-sizing: border-box; }
.tablelist .table li > a{ display: flex; padding: 20px 0; align-items: center; }
.tablelist .table li > a .num{ width: 125px; flex-shrink: 0; font-size: 20px; letter-spacing: -0.05em; color: #9c9c9c; font-weight: 600; text-align: center; }
.tablelist .table li > a .title{ font-size: 20px; letter-spacing: -0.05em; font-weight: 600; color: #010101; padding: 0 60px; box-sizing: border-box; width: 100%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; }
.tablelist .table li > a .date{ width: 155px; flex-shrink: 0; font-size: 17px; letter-spacing: -0.05em; color: #a0a0a0; text-align: center; }
.tablelist .table li > a .more{ width: 160px; flex-shrink: 0; display: flex; justify-content: center; }
.tablelist .table li > a .more span{ display: flex; width: 48px; height: 48px; align-items: center; justify-content: center; font-size: 22px; color: #fff; background-color: #919191; transition-duration: 0.2s; border-radius: 50%; }

@media screen and (min-width: 821px){
    .tablelist .table li > a:hover{ background-color: rgba(0,0,0,0.01); }
    .tablelist .table li > a:hover .more span{ background-color: #f36e3b; }
}

@media screen and (max-width: 1280px){
    .tablelist .table li > a{ padding: 15px 0; }
    .tablelist .table li > a .title{ padding: 0 30px; font-size: 18px; }
    .tablelist .table li > a .num{ width: 75px; font-size: 18px; }
    .tablelist .table li > a .date{ width: 115px; font-size: 15px; }
    .tablelist .table li > a .more{ width: 100px; }
    .tablelist .table li > a .more span{ width: 40px; height: 40px; font-size: 20px; }
}

@media screen and (max-width: 820px) {
    .tablelist .table li > a{ padding: 10px 0; }
    .tablelist .table li > a .title{ padding: 0 15px; font-size: 16px; }
    .tablelist .table li > a .num{ width: 55px; font-size: 16px; }
    .tablelist .table li > a .date{ width: 90px; font-size: 14px; }
    .tablelist .table li > a .more{ width: 70px; }
    .tablelist .table li > a .more span{ width: 35px; height: 35px; font-size: 16px; }
}

@media screen and (max-width: 500px){
    .tablelist .table li > a{ padding: 15px 0; }
    .tablelist .table li > a .more{ display: none; }
    .tablelist .table li > a .num{ font-size: 14px; width: 35px; }
    .tablelist .table li > a .title{ padding: 0 5px; font-size: 14px; }
    .tablelist .table li > a .date{ font-size: 13px; width: 70px; }
}