@charset "utf-8";

.boardWrap { display: flex; flex-wrap: nowrap; }
.boardWrap .left { width: 230px; min-width: 230px; display: flex; flex-direction: column; justify-content: space-between; }
.boardWrap .left .top .text1 { display: block; font-weight: 600; font-size: 28px; color: #000; line-height: 1.42; }
.boardWrap .left .top .text2 { font-weight: 500; font-size: 20px; color: #000; line-height: 1.42; }
.boardWrap .left .bottom { margin-top: 10px; }
.boardWrap .left .bottom a { font-size: 16px; color: #8f8f8f; }
.boardWrap .right { width: 100%; font-size: 18px; color: #676767; }
.boardWrap .right * { font-size: inherit; color: inherit; }
.boardWrap .right ul { border-top: 2px solid #000; border-bottom: 2px solid #000; }
.boardWrap .right ul li { width: 100%; }
.boardWrap .right ul li a { padding: 13px 10px; width: 100%; display: flex; flex-wrap: nowrap; justify-content: space-between; border-top: 1px solid #e6e6e6; background-color: #fafafa; }
.boardWrap .right ul li:first-of-type a { border-top: none; }
.boardWrap .right ul li a span { display: inline-block; }
.boardWrap .right ul li a span b { display: inline-block; font-weight: normal; color: #00a8ff; }
.boardWrap .right ul li a span:first-of-type { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.boardWrap .right ul li a span:last-of-type { min-width: max-content; margin-left: 5px; }
@media (max-width: 1535px) {
    .boardWrap .left { width: 220px; min-width: 220px; }
}
@media (max-width: 1279px) {
    .boardWrap .left { width: initial; min-width: max-content; margin-right: 30px; }
}
@media (max-width: 1023px) {
    .boardWrap .left { width: 190px; min-width: 190px; margin-right: initial; }
}
@media (max-width: 767px) {
    .boardWrap .left { width: 160px; min-width: 160px; }
}
@media (max-width: 524px) {
    .boardWrap { display: block; }
    .boardWrap .left { width: 100%; min-width: initial; justify-content: initial; }
    .boardWrap .left .top { text-align: center; }
    .boardWrap .right { margin-top: 10px; }
}