/* =======================================================================
   공지사항 상단고정 색상 (Mobile) — 2026-05-22
   - PC 와 동일 화이트리스트 7색, WCAG 2.1 AA 대비비 4.5:1 이상
   - inline style 금지, CSS 클래스 매핑만 사용
   - 적용처: web/jsp/mobile/intro/notice_list.jsp, web/jsp/mobile/main.jsp
   ======================================================================= */

:root {
    --notice-color-default: #212121;
    --notice-color-red:     #D32F2F;
    --notice-color-orange:  #E65100;
    --notice-color-green:   #2E7D32;
    --notice-color-blue:    #1565C0;
    --notice-color-purple:  #6A1B9A;
    --notice-color-gray:    #616161;
}

.text-color-default { color: var(--notice-color-default); }
.text-color-red     { color: var(--notice-color-red);     font-weight: bold; }
.text-color-orange  { color: var(--notice-color-orange);  font-weight: bold; }
.text-color-green   { color: var(--notice-color-green);   font-weight: bold; }
.text-color-blue    { color: var(--notice-color-blue);    font-weight: bold; }
.text-color-purple  { color: var(--notice-color-purple);  font-weight: bold; }
.text-color-gray    { color: var(--notice-color-gray);    font-weight: bold; }

.item_priority {
    background-color: #FFF8E1;
}

/* 메인 화면 상단고정 제목 — 볼드 제거 (색상만 유지, 2026-05-29).
   notice_title_priority 는 메인(main.jsp) 의 <a> 전용 적용이라 사용자 목록 <strong> 에는 영향 없음. */
a.notice_title_priority {
    font-weight: normal;
}

.color_dot {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    margin-right: 5px;
    vertical-align: middle;
}
.color_dot.color_default { background: var(--notice-color-default); }
.color_dot.color_red     { background: var(--notice-color-red); }
.color_dot.color_orange  { background: var(--notice-color-orange); }
.color_dot.color_green   { background: var(--notice-color-green); }
.color_dot.color_blue    { background: var(--notice-color-blue); }
.color_dot.color_purple  { background: var(--notice-color-purple); }
.color_dot.color_gray    { background: var(--notice-color-gray); }

.badge_priority {
    display: inline-block;
    padding: 1px 6px;
    font-size: 10px;
    font-weight: bold;
    color: #fff;
    border-radius: 3px;
    margin-right: 5px;
    vertical-align: middle;
    line-height: 1.4;
}
.badge_priority.color_default { background: var(--notice-color-default); }
.badge_priority.color_red     { background: var(--notice-color-red); }
.badge_priority.color_orange  { background: var(--notice-color-orange); }
.badge_priority.color_green   { background: var(--notice-color-green); }
.badge_priority.color_blue    { background: var(--notice-color-blue); }
.badge_priority.color_purple  { background: var(--notice-color-purple); }
.badge_priority.color_gray    { background: var(--notice-color-gray); }

/* 모바일 메인 공지 영역 — 좁은 화면에서 배지+제목 잘림 방지 */
.notice .board li a {
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
    width: 100%;
}
.notice .board li a .t {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}