.mb-notice-list{display:flex;flex-direction:column;gap:12px;width:98%;margin:0 auto 40px auto}.mb-notice-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;background:#fff;border:1px solid #e1e1e1;border-left:5px solid #868686;border-right:5px solid #868686;padding:20px 24px;transition:all 0.25s cubic-bezier(.4,0,.2,1);text-decoration:none!important;position:relative;overflow:hidden;min-height:80px;box-sizing:border-box}.mb-notice-item *,.mb-notice-item:hover,.mb-notice-item:focus,.mb-notice-item:active{text-decoration:none!important}.mb-notice-item:hover{border-color:#1a1a1a;background-color:#fcfcfc;transform:translateY(-2px);box-shadow:0 10px 20px rgb(0 0 0 / .08);z-index:2}.mb-notice-badge{grid-column:1;flex-shrink:0;background:#1a1a1a;color:#fff;padding:4px 12px;font-size:11px;font-weight:800;text-transform:uppercase;margin-right:20px;letter-spacing:.8px;display:inline-block}.mb-notice-content{grid-column:2;flex:1;min-width:0;display:flex;align-items:center;gap:12px;padding-right:20px}.mb-notice-title{font-size:17px;font-weight:600;color:#222;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;line-height:1.4}.mb-notice-item.is-notice .mb-notice-title{font-weight:800;color:#000}.mb-notice-comm{flex-shrink:0;font-size:14px;color:#940a0a;font-weight:600;padding:0 4px}.mb-notice-meta{grid-column:3;flex-shrink:0;display:flex;align-items:center;gap:20px;font-size:13px;color:#888;text-align:right;justify-self:end}.mb-notice-author{color:#444;font-weight:500}.mb-notice-date{font-weight:500;opacity:.8}.mb-notice-placeholder{grid-column:1;width:0;margin-right:0}@media screen and (max-width:992px){.mb-notice-meta{gap:12px}}@media screen and (max-width:768px){.mb-notice-item{padding:16px 18px;grid-template-columns:auto 1fr;min-height:60px;align-items:center!important;text-align:left!important}.mb-notice-content{display:flex;flex-direction:row;align-items:center;gap:6px;padding-right:0;text-align:left!important;width:100%;overflow:hidden}.mb-notice-title{font-size:16px;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;display:block;flex:0 1 auto;min-width:0}.mb-notice-comm{flex:0 0 auto}.mb-notice-meta{display:flex;margin-top:2px;font-size:11px;opacity:.7;gap:10px;justify-content:flex-start;align-items:center;text-align:left}.mb-notice-badge{margin-right:12px;padding:3px 8px;align-self:center}}