@charset "utf-8";

.noticeWrap { position: relative; }
.noticeWrap .top { margin-bottom: 17px; display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; font-weight: 600; font-size: 35px; color: #2a2a2a; }
.noticeWrap .top * { font-weight: inherit; font-size: inherit; color: inherit; }
.noticeWrap .top a { display: inline-block; }
.noticeWrap .top img {  display: inline-block; width: 25px; }

.noticeWrap .mid { border-top: 1px solid #545454; font-size: 18px; color: #636363; line-height: 1; }
.noticeWrap .mid * { font-size: inherit; color: inherit; line-height: inherit; }
.noticeWrap .mid .noticeLi .noticeA { position: relative; display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; padding: 15px 0; border-bottom: 1px solid #eaeaea; }
.noticeWrap .mid .noticeLi .noticeA span { display: block; }
.noticeWrap .mid .noticeLi .noticeA span:first-of-type { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.noticeWrap .mid .noticeLi .noticeA span:last-of-type { min-width: max-content; margin-left: 10px; }

@media (max-width: 1535px) {
    .noticeWrap .top img {  width: 23px; }

    .noticeWrap .mid .noticeLi .noticeA { padding: 13px 0; }
}
@media (max-width: 1279px) {
    .noticeWrap .top img {  width: 21px; }

    .noticeWrap .mid .noticeLi .noticeA { padding: 12px 0; }
}
@media (max-width: 1023px) {
    .noticeWrap .top img {  width: 19px; }

    .noticeWrap .mid .noticeLi .noticeA { padding: 11px 0; }
}