@charset "utf-8";

.boardWrap { position: relative; }
.boardWrap .top { display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; font-weight: 700; font-size: 32px; color: #000; }
.boardWrap .top * { font-weight: inherit; font-size: inherit; color: inherit; }
.boardWrap .top a { display: inline-block; }
.boardWrap .top a img { display: inline-block; width: 21px; }
.boardWrap .bottom { margin-top: 15px; border-top: 2px solid #2d74bb; font-size: 18px; color: #575757; line-height: 1.7; }
.boardWrap .bottom * { font-size: inherit; color: inherit; line-height: inherit; }
.boardWrap .bottom .boardUl { position: relative; }
.boardWrap .bottom .boardUl .boardLi:first-of-type { display: none; }
.boardWrap .bottom .boardUl .boardLi:nth-of-type(n + 2) { margin-top: 5px; }
.boardWrap .bottom .boardUl .boardLi .boardA { display: flex; flex-wrap: nowrap; align-items: center; }
.boardWrap .bottom .boardUl .boardLi .boardA span { display: inline-block; }
.boardWrap .bottom .boardUl .boardLi .boardA span:first-of-type { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.boardWrap .bottom .boardUl .boardLi .boardA span:last-of-type { min-width: max-content; margin-left: 10px; color: #989898; }

.boardWrap .bottom .firstwrap { margin-bottom: 20px; padding: 10px 0; border-bottom: 1px solid #eaeaea; display: flex; flex-wrap: nowrap; align-items: center; }
.boardWrap .bottom .date { display: block; min-width: max-content; margin-right: 20px; }
.boardWrap .bottom .date .datecont { position: relative; text-align: center; width: 85px; height: 85px; background-color: #f4f4f4; border-radius: 10px; }
.boardWrap .bottom .date .datecont .descbox { position: relative; top: 55%; transform: translateY(-50%); text-align: center; }
.boardWrap .bottom .date .datecont .descbox .desc1 { font-family: "GmarketSans", sans-serif; font-weight: 500; font-size: 14px; color: #434343; line-height: 1.42; }
.boardWrap .bottom .date .datecont .descbox .desc2 { font-family: "GmarketSans", sans-serif; font-weight: 700; font-size: 28px; color: #434343; line-height: 1.42; }
.boardWrap .bottom .info { display: block;  width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.boardWrap .bottom .info .info1 { font-weight: 600; font-size: 18px; color: #000; line-height: 1.65; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.boardWrap .bottom .info .info2 { font-size: 18px; color: #565656; line-height: 1.65; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

@media (max-width: 1535px) {
    .boardWrap .top a img { width: 19px; }

    .boardWrap .bottom .date { margin-right: 17px; }
    .boardWrap .bottom .date .datecont { width: 80px; height: 80px; border-radius: 9px; }

    .boardWrap .bottom .firstwrap { margin-bottom: 15px; }
}
@media (max-width: 1279px) {
    .boardWrap .top a img { width: 17px; }

    .boardWrap .bottom .date { margin-right: 15px; }
    .boardWrap .bottom .date .datecont { width: 75px; height: 75px; border-radius: 8px; }
}
@media (max-width: 1023px) {
    .boardWrap .top a img { width: 15px; }

    .boardWrap .bottom .date { margin-right: 13px; }
    .boardWrap .bottom .date .datecont { width: 70px; height: 70px; border-radius: 7px; }
}