@charset "utf-8";

/* boardWrap */
.boardWrap { position: relative; padding: 30px; background-color: transparent; border: 1px solid #fff; }
.boardWrap .top { display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; font-weight: 700; font-size: 30px; color: #fff; line-height: 1.25; }
.boardWrap .top * { font-weight: inherit; font-size: inherit; color: inherit; line-height: inherit; } 
.boardWrap .top a { display: inline-block; }
.boardWrap .top a img { display: inline-block; width: 25px; filter: invert(1); }
.boardWrap .mid { margin-top: 15px; border-top: 2px solid #cecece; font-size: 18px; color: #fff; line-height: 1; }
.boardWrap .mid * { font-size: inherit; color: inherit; line-height: inherit; }
.boardWrap .mid .boardUl .boardLi .boardA { display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; padding: 15px 0; border-bottom: 1px solid #cecece; }
.boardWrap .mid .boardUl .boardLi .boardA span { display: inline-block; }
.boardWrap .mid .boardUl .boardLi .boardA span:first-of-type { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.boardWrap .mid .boardUl .boardLi .boardA span:last-of-type { min-width: max-content; margin-left: 10px; }

@media (max-width: 1535px) {
    .boardWrap { padding: 25px; }
    .boardWrap .top a img { width: 22px; }
    .boardWrap .mid { margin-top: 13px; }
    .boardWrap .mid .boardUl .boardLi .boardA { padding: 13px 0; }
}
@media (max-width: 1279px) {
    .boardWrap { padding: 20px; }
    .boardWrap .top a img { width: 20px; }
    .boardWrap .mid { margin-top: 11px; }
    .boardWrap .mid .boardUl .boardLi .boardA { padding: 11px 0; }
}
@media (max-width: 1023px) {
    .boardWrap { padding: 15px; }
    .boardWrap .top a img { width: 18px; }
    .boardWrap .mid { margin-top: 10px; }
    .boardWrap .mid .boardUl .boardLi .boardA { padding: 10px 0; }
}