@charset "utf-8";

.boardWrap { position: relative; }
.boardWrap .top { display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; font-weight: 600; font-size: 30px; color: #282828; }
.boardWrap .top * { font-weight: inherit; font-size: inherit; color: inherit; }
.boardWrap .top a { display: inline-block; }
.boardWrap .top a img { display: inline-block; width: 17px; }
.boardWrap .mid { margin-top: 25px; }
.boardWrap .mid ul li { margin-top: 10px; }
.boardWrap .mid ul li a { display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; font-size: 18px; color: #6c6c6c; }
.boardWrap .mid ul li a span { display: inline-block; }
.boardWrap .mid ul li a span:first-of-type { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.boardWrap .mid ul li a span:last-of-type { min-width: max-content; margin-left: 5px; }
@media (max-width: 1536px) {
    .boardWrap .top a img { width: 15px; }
}
@media (max-width: 1280px) {
    .boardWrap .top a img { width: 13px; }
    .boardWrap .mid { margin-top: 20px; }
}
@media (max-width: 1023px) {
    .boardWrap .top a img { width: 12px; }
    .boardWrap .mid { margin-top: 15px; }
    .boardWrap .mid ul li { margin-top: 7px; }
}