.boardList { margin: 0; padding: 0; border: 0; width: 100%; }
.boardList .boardListInner { width: 100%; background-color: #FFF; table-layout: fixed; }
.boardList .boardListInner tr { margin: 0; padding: 0; }
.boardList .boardListInner tr td { border-bottom: 1px solid #e0e0e0; }
.boardList .boardListInner tr td.ab_text .all_notice_box,
.boardList .boardListInner tr td.ab_text .notice_box { display: inline-block; margin: 0; margin-right: 3px; padding: 1px 7px 2px 7px; text-align: center; line-height: 18px; border-radius: 3px; font-size: 12px; font-weight: 700; color: #FFF; vertical-align: middle; }
.boardList .boardListInner tr td.ab_text .all_notice_box { background-color: #930; }
.boardList .boardListInner tr td.ab_text .notice_box { display: inline-block; background-color: #F65; }
.boardList .boardListInner tr td.ab_text .comcount { display: inline-block; font-size: 12px; font-weight: 700; color: #F60; }
.boardList .boardListInner tr td.ab_text .d_red, .boardList .boardListInner tr td.ab_text .d_black { vertical-align: 0; }
.boardList .boardListInner tr td.ab_text > span { margin-right: 3px; }
.boardList .boardListInner tr td.ab_text > span > img { width: 4px; height: 4px; vertical-align: middle; }
.boardList .boardListInner tr td.ab_author { width: 130px; padding: 0 10px; overflow: hidden; }
.boardList .boardListInner tr td.ab_author a { font-size: 13px; color: #111; font-weight: 400; }
.boardList .boardListInner tr td.ab_author a .licon { margin-right: 3px; vertical-align: -2px; }
.boardList .boardListInner tr td.ab_date, .boardList .boardListInner tr td.ab_count { padding: 0 10px; font-size: 13px; color: #111; font-weight: 400; text-align: center; }
.boardList .boardListInner tr td.ab_date { width: 90px; }
.boardList .boardListInner tr td.ab_count { width: 60px; }

.boardList .boardListInner tr.is_notice_a { background-color: #F5F5F3; }
.boardList .boardListInner tr.is_notice_a td.ab_text { padding: 10px 8px; }
.boardList .boardListInner tr.is_notice_a td.ab_text .ab_subject { display: inline; font-size: 14.5px; font-weight: 500; color: #000; vertical-align: middle; padding: 10px 0; text-underline-position: under; line-height: 170%; }
.boardList .boardListInner tr.is_notice_a td.ab_text .comcount { display: inline-block; margin-left: 3px; padding: 1px 5px 3px 4px; border: 1px solid #555; border-radius: 2px; background-color: #FFF; font-family: var(--fontfamily2); font-size: 12px; font-weight: 700; color: var(--jscolor); line-height: 12px; vertical-align: middle; }
.boardList .boardListInner tr.is_notice_a td.ab_text .comcount::before { content: ""; background-image: url("../img/comment_bar.png"); background-repeat: no-repeat; background-size: contain; background-position: 0 4px; display: inline-block; width: 4px; height: 12px; margin-left: -8px; margin-right: 4px; }

.boardList .boardListInner tr.is_subject_a td.ab_text { padding: 15px 8px; }
.boardList .boardListInner tr.is_subject_a td.ab_text .ab_grid { display: grid; justify-content: space-between; grid-template-columns: 90px 1fr; column-gap: 6px; }
.boardList .boardListInner tr.is_subject_a td.ab_text .ab_grid .grid_item01 { order: 2; }
.boardList .boardListInner tr.is_subject_a td.ab_text .ab_grid .grid_item01 .ab_subject_wrap { display: block; vertical-align: middle; }
.boardList .boardListInner tr.is_subject_a td.ab_text .ab_grid .grid_item01 .ab_subject_wrap .ab_subject { font-size: 15px; font-weight: 600; line-height: 150%; vertical-align: 0; }
.boardList .boardListInner tr.is_subject_a td.ab_text .ab_grid .grid_item01 .ab_subject_wrap .ab_subject span { font-size: 13px; font-weight: 700; color: #9c431d; margin: 0; margin-right: 5px; }
.boardList .boardListInner tr.is_subject_a td.ab_text .ab_grid .grid_item01 .ab_subject_wrap .ab_count { display: inline-block; margin-left: 3px; padding: 0px 5px 2px 4px; border: 1px solid #999; border-radius: 2px; background-color: #FFF; font-family: var(--fontfamily2); font-size: 11px; font-weight: 700; color: var(--jscolor); line-height: 11px; vertical-align: 1px; }
.boardList .boardListInner tr.is_subject_a td.ab_text .ab_grid .grid_item01 .ab_subject_wrap .ab_count::before { content: ""; background-image: url("../img/comment_bar.png"); background-repeat: no-repeat; background-size: contain; background-position: 0 4px; display: inline-block; width: 4px; height: 12px; margin-left: -8px; margin-right: 4px; }
.boardList .boardListInner tr.is_subject_a td.ab_text .ab_grid .grid_item01 .ab_summary_wrap { vertical-align: top; }
.boardList .boardListInner tr.is_subject_a td.ab_text .ab_grid .grid_item01 .ab_summary_wrap .ab_subject { font-size: 13px; font-weight: 300; color: #555; vertical-align: middle; margin: 4px 0; padding: 0; line-height: 155%; display: -webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.boardList .boardListInner tr.is_subject_a td.ab_text .ab_grid .grid_item01 .ab_other_wrap { display: block; vertical-align: top; }
.boardList .boardListInner tr.is_subject_a td.ab_text .ab_grid .grid_item01 .ab_other_wrap span { font-family: var(--fontfamily); font-size: 13px; line-height: 150%; margin-right: 8px; }
.boardList .boardListInner tr.is_subject_a td.ab_text .ab_grid .grid_item01 .ab_other_wrap span em { font-size: 13px; font-style: normal; font-weight: 400; }
.boardList .boardListInner tr.is_subject_a td.ab_text .ab_grid .grid_item01 .ab_author_wrap { display: block; text-align: right; }
.boardList .boardListInner tr.is_subject_a td.ab_text .ab_grid .grid_item01 .ab_author_wrap a { font-size: 13px; font-weight: 500; vertical-align: middle; }
.boardList .boardListInner tr.is_subject_a td.ab_text .ab_grid .grid_item01 .ab_author_wrap a img { width: 13px; height: 13px; vertical-align: -2px !important; }
.boardList .boardListInner tr.is_subject_a td.ab_text .ab_grid .grid_item01 .ab_subject { display: inline; font-size: 14px; font-weight: 400; color: #000; vertical-align: middle; padding: 10px 0; text-underline-position: under; line-height: 170%; }
.boardList .boardListInner tr.is_subject_a td.ab_text .ab_grid .grid_item02 { order: 1; position: relative; }
.boardList .boardListInner tr.is_subject_a td.ab_text .ab_grid .grid_item02 a { display: block; margin-top: 4px; width: 86px; height: 86px; overflow: hidden; border: 1px solid #EEE; border-radius: 6px; }
.boardList .boardListInner tr.is_subject_a td.ab_text .ab_grid .grid_item02 a img { width: 100%; height: auto; }
.boardList .boardListInner tr.is_subject_a td.ab_text .ab_grid .grid_item02 > div { position: absolute; top: 6px; right: 6px; }
.boardList .boardListInner tr.is_subject_a.select { background-color: #FBFBE9; }


@media all and (max-width: 767px) {
    .boardList .boardListInner tr.is_subject_a td.ab_text .ab_grid {
    column-gap: 15px; }
}