@charset "utf-8";

.boardwrap { position: relative; }
.boardwrap .top { padding-bottom: 20px; display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; font-weight: 600; font-size: 35px; color: #010101; }
.boardwrap .top * { font-weight: inherit; font-size: inherit; color: inherit; }
.boardwrap .top img { width: 21px; }
.boardwrap .mid { padding: 20px 30px; border: 1px solid #dedede; border-top: 2px solid #c71b22; }
.boardwrap .mid .boardul .boardli .boarda { padding: 10px 0; display: flex; flex-wrap: nowrap; justify-content: space-between; font-size: 18px; color: #656565; line-height: 1; }
.boardwrap .mid .boardul .boardli .boarda * { font-size: inherit; color: inherit; line-height: inherit; }
.boardwrap .mid .boardul .boardli .boarda p:first-of-type { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.boardwrap .mid .boardul .boardli .boarda p:last-of-type { min-width: max-content; margin-left: 5px; }

.boardwrap .mid .boardul .boardli .boarda p:first-of-type span { display: inline-block; margin-right: 10px; width: 10px; height: 10px; background-color: #e6e7eb; border-radius: 50%; }

@media (max-width: 1535px) {
    .boardwrap .top { padding-bottom: 17px; }
    .boardwrap .top img { width: 19px; }
    .boardwrap .mid { padding: 15px 25px; }
    .boardwrap .mid .boardul .boardli .boarda { padding: 8px 0; }

    .boardwrap .mid .boardul .boardli .boarda p:first-of-type span  { margin-right: 8px; width: 9px; height: 9px; }
}
@media (max-width: 1279px) {
    .boardwrap .top { padding-bottom: 15px; }
    .boardwrap .top img { width: 17px; }
    .boardwrap .mid { padding: 13px 20px; }
    .boardwrap .mid .boardul .boardli .boarda { padding: 7px 0; }

    .boardwrap .mid .boardul .boardli .boarda p:first-of-type span  { margin-right: 7px; width: 8px; height: 8px; }
}
@media (max-width: 1023px) {
    .boardwrap .top { padding-bottom: 13px; }
    .boardwrap .top img { width: 15px; }
    .boardwrap .mid { padding: 11px 15px; }
    .boardwrap .mid .boardul .boardli .boarda { padding: 6px 0; }

    .boardwrap .mid .boardul .boardli .boarda p:first-of-type span  { margin-right: 6px; width: 7px; height: 7px; }
}