@charset "utf-8";

.boardWrap { position: relative; padding: 40px; height: 100%; background-color: #f9f9f9; }
.boardWrap .top { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #e4e4e4; position: relative; display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between;  font-weight: 700; font-size: 33px; color: #010101; }
.boardWrap .top * { font-weight: inherit; font-size: inherit; color: inherit; }
.boardWrap .top img { display: inline-block; width: 24px; }
.boardWrap .bottom { font-size: 18px; color: #636363; }
.boardWrap .bottom * { font-size: inherit; color: inherit; }
.boardWrap .bottom .boardA { display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; }
.boardWrap .bottom .boardA:nth-of-type(n + 2) { margin-top: 15px; }
.boardWrap .bottom .boardA span { display: inline-block; }
.boardWrap .bottom .boardA span:first-of-type { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.boardWrap .bottom .boardA span:last-of-type { min-width: max-content; margin-left: 10px; }
@media (max-width: 1535px) {
    .boardWrap .top { padding-bottom: 15px; margin-bottom: 15px; }
    .boardWrap .top img { width: 22px; }
}
@media (max-width: 1279px) {
    .boardWrap .top img { width: 20px; }
}
@media (max-width: 1023px) {
    .boardWrap .top img { width: 18px; }
}
@media (max-width: 767px) {
    .boardWrap { height: initial; }
    .boardWrap .top img { width: 16px; }
}