._notice{ width: 100%; position: relative; overflow: hidden; }

._notice .searchbx .inn{ border-color: rgba(13,13,35,0.2); }


._notice .tablecon{ margin-top: 35px; padding-bottom: 150px; }
._notice .tablecon .topflx{ display: flex; justify-content: space-between; align-items: flex-end; }
._notice .tablecon .topflx .total{ font-size: 18px; letter-spacing: -0.03em; }
._notice .tablecon .topflx .total em{ color: #0d0d23; }
._notice .tablecon .tablelist{ margin-top: 20px; border-top: 1px solid #0d0d23; width: 100%; }
._notice .tablecon .tablelist .row{ width: 100%; display: flex; font-size: 18px; letter-spacing: -0.03em; height: 65px; border-bottom: 1px solid rgba(13,13,35,0.2); }
._notice .tablecon .tablelist .row.th{ font-weight: 600; }
._notice .tablecon .tablelist .row.th .title{ justify-content: center; }

._notice .tablecon .tablelist .row > div{ display: flex; align-items: center; justify-content: center; }

._notice .tablecon .tablelist .row .num{ width: 140px; flex-shrink: 0; }
._notice .tablecon .tablelist .row .num span{ display: flex; width: 60px; height: 34px; align-items: center; justify-content: center; color: #fff; font-size: 16px; letter-spacing: -0.03em; font-weight: 500; border-radius: 50px; background-color: #0d55a6; }
._notice .tablecon .tablelist .row .title{ width: 100%; justify-content: flex-start; padding-right: 10px; box-sizing: border-box; }
._notice .tablecon .tablelist .row .title p{ display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
._notice .tablecon .tablelist .row .date{ width: 190px; flex-shrink: 0; }


._notice .pagination{ margin-top: 55px; }

@media screen and (min-width: 821px){
    ._notice .tablecon .tablelist .row:hover{ background-color: rgba(13,13,35,0.01); }
}

@media screen and (max-width: 1280px){
    ._notice .tablecon .tablelist .row{ height: 52px; font-size: 16px; }
    ._notice .tablecon .tablelist .row .num span{ font-size: 14px; width: 50px; height: 25px; }

    ._notice .tablecon .tablelist .row .num{ width: 100px; }
    ._notice .tablecon .tablelist .row .date{ width: 150px; }

    ._notice .tablecon .topflx .total{ font-size: 16px; }
}

@media screen and (max-width: 820px){
    ._notice .tablecon{ padding-bottom: 100px; }
    ._notice .tablecon .tablelist .row{ height: 45px; font-size: 14px; }
    ._notice .tablecon .tablelist .row .num span{ font-size: 13px; }

    ._notice .tablecon .tablelist .row .num{ width: 80px; }
    ._notice .tablecon .tablelist .row .date{ width: 120px; }

    ._notice .tablecon .topflx .total{ font-size: 14px; }
}

@media screen and (max-width: 500px){
    ._notice .tablecon .topflx{ flex-direction: column-reverse; gap: 15px 0; }
    ._notice .tablecon .tablelist .row{ height: 42px; font-size: 13px; }

    ._notice .tablecon .tablelist .row .num{ width: 70px; }
    ._notice .tablecon .tablelist .row .date{ display: none; }
}




._notice .noticeview{ padding: 200px 0; }
._notice .noticeview .titlebar{ text-align: center;  }
._notice .noticeview .titlebar span{ font-size: 18px; letter-spacing: -0.03em; color: rgba(13,13,35,0.3); }
._notice .noticeview .titlebar h1{ font-size: 40px; line-height: 1.4; letter-spacing: -0.03em; color: #0d0d23; font-weight: 600; margin-top: 30px; }
._notice .noticeview .gradBtn{ margin-top: 53px; }

@media screen and (max-width: 1280px){
    ._notice .noticeview{ padding: 150px 0; }
    ._notice .noticeview .titlebar span{ font-size: 16px; }
    ._notice .noticeview .titlebar h1{ font-size: 30px; margin-top: 15px; }
}

@media screen and (max-width: 820px){
    ._notice .noticeview{ padding: 100px 0; }
    ._notice .noticeview .titlebar span{ font-size: 14px; }
    ._notice .noticeview .titlebar h1{ font-size: 24px; margin-top: 10px; }
}

@media screen and (max-width: 500px){
    ._notice .noticeview .titlebar span{ font-size: 13px; }
    ._notice .noticeview .titlebar h1{ font-size: 22px; margin-top: 10px; }
}