@charset "utf-8";

.boardwrap { position: relative; }
.boardwrap .top { padding-bottom: 18px; display: flex; flex: none; align-items: center; font-weight: 600; font-size: 30px; color: #010101; justify-content: space-between; }
.boardwrap .top * { font-weight: inherit; font-size: inherit; color: inherit; }
.boardwrap .top img { width: 21px; }
.boardwrap .mid { border: 1px solid #dedede; border-top: 3px solid #ffca00; padding: 23px; font-size: 18px; color: #656565; line-height: 1.65; }
.boardwrap .mid * { font-size: inherit; color: inherit; line-height: inherit; }
.boardwrap .mid .boardUl .boardLi .boardA { display: block; }
.boardwrap .mid .boardUl .boardLi .boardA dl { display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; padding: 7px 0; }
.boardwrap .mid .boardUl .boardLi .boardA dl dt { width: 100%; margin-right: 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.boardwrap .mid .boardUl .boardLi .boardA dl dt span { display: inline-block; margin-right: 8px; width: 10px; height: 10px; border-radius: 50%; background-color: #e6e7eb; }
.boardwrap .mid .boardUl .boardLi .boardA dl dd { min-width: max-content; margin-left: 5px; }

@media (max-width: 1535px) {
    .boardwrap .top { padding-bottom: 15px; }
    .boardwrap .top img { width: 19px; }
    .boardwrap .mid { padding: 20px; }
}
@media (max-width: 1023px) {
    .boardwrap .top { padding-bottom: 13px; }
    .boardwrap .top img { width: 17px; }
    .boardwrap .mid { padding: 17px; }
    .boardwrap .mid .boardUl .boardLi .boardA dl { padding: 5px 0; }
}
@media (max-width: 767px) {
    .boardwrap .top img { width: 15px; }
    .boardwrap .mid { padding: 15px; }
    .boardwrap .mid .boardUl .boardLi .boardA dl { padding: 3px 0; }
}