@import url("../../../../skin/board/matching/card-style.css?ver=20261030_compact2");

/* 모바일은 PC와 다른 표현 규칙을 사용한다. */
.vt-card-board-page #rig,
.vt-card-board-page #tit,
.vt-card-board-page #content { background-color: #fff; }

#vt-matching-board { padding: 14px; background: #fff; }
#vt-matching-board .vt-match-card {
    grid-template-columns: 78px minmax(0, 1fr);
    min-height: 168px;
    padding: 12.24px;
    border-color: transparent;
    box-shadow: 0 7px 22px rgba(35, 38, 43, .13);
}
#vt-matching-board .vt-card-matching.is-urgent { box-shadow: 0 7px 22px rgba(216, 69, 56, .12); }
#vt-matching-board .vt-card-meeting { box-shadow: 0 7px 22px rgba(40, 117, 186, .12); }
#vt-matching-board .vt-place strong,
#vt-matching-board .vt-summary,
#vt-matching-board .vt-summary > strong { font-size: 17.34px; }
#vt-matching-board .vt-place span { font-size: 12.24px; }
#vt-matching-board .vt-badges span {
    min-height: 24.16px;
    padding: 3.15px 8.4px;
    font-size: 10.51px;
}
#vt-matching-board .vt-badges .vt-new-badge {
    min-height: 19px;
    padding: 2.5px 6.12px;
    font-size: 9.18px;
}
#vt-matching-board .vt-frequency { color: #545a61; font-weight: 700; }
#vt-matching-board .vt-time-text,
#vt-matching-board .vt-schedule-separator { font-size: 11.33px; }

@media (max-width: 380px) {
    #vt-matching-board { padding: 10px; }
    #vt-matching-board .vt-match-card { grid-template-columns: 70px minmax(0, 1fr); padding: 10px; }
    #vt-matching-board .vt-place strong,
    #vt-matching-board .vt-summary,
    #vt-matching-board .vt-summary > strong { font-size: 16.32px; }
}