/* ============================================================
   rnd.css — 국가신약개발사업(R&D) 서브페이지 모던 디자인
   공지사항 / 파이프라인 리뉴얼과 톤 통일.
   모든 규칙은 .rnd-modern 스코프 → 타 페이지 영향 없음.
   new_sub.css(전역) 위에 후순위 로드되어 덮어씀.
============================================================ */

/* ── 2차 탭 (지원사업안내 / 성과 / 일정 / 게시판) ── */
.rnd-modern .sub_con_tab {
    margin-bottom: 48px;
    border-bottom: 1px solid var(--gray-200);
}
.rnd-modern .rnd-anchor {
    scroll-margin-top: 90px;
}
.rnd-modern .sub_con_tab ul li {
    height: 60px;
    border-bottom: 0;
    position: relative;
}
.rnd-modern .sub_con_tab ul li a {
    font-size: 1.125rem;
    font-weight: 500;
    color: var(--gray-500);
    transition: color var(--transition);
}
.rnd-modern .sub_con_tab ul li a:hover {
    color: var(--primary);
}
.rnd-modern .sub_con_tab ul li.active a {
    color: var(--primary);
    font-weight: 700;
}
.rnd-modern .sub_con_tab ul li.active::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 3px;
    background: var(--primary);
    border-radius: 3px 3px 0 0;
}

/* ── 카테고리 아이콘 탭 (컨설팅 / 교육 / 기술사업화 / 파트너링 [/ 기술이전]) ──
   카테고리별 고유 색상으로 구분 강조 */
.rnd-modern .sub_con_tab_02 {
    margin-bottom: 56px;
}
.rnd-modern .sub_con_tab_02 ul {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    align-items: start;
    gap: 24px;
}
.rnd-modern .sub_con_tab_02 ul li {
    --cat-color: var(--primary, #0066CC);
    --cat-bg: rgba(0,102,204,0.06);
    --cat-hue: 0deg;
    justify-content: center;
    align-items: flex-start;
    min-width: 0;
    filter: grayscale(100%);
    transition: transform var(--transition), opacity var(--transition), filter var(--transition);
    opacity: 0.6;
}
.rnd-modern .sub_con_tab_02 ul li a {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    min-width: 0;
}
.rnd-modern .sub_con_tab_02 ul li:nth-child(1) { --cat-color: #0066CC; --cat-bg: rgba(0,102,204,0.07);  --cat-hue: 0deg; }
.rnd-modern .sub_con_tab_02 ul li:nth-child(2) { --cat-color: #0E9F6E; --cat-bg: rgba(14,159,110,0.08); --cat-hue: 300deg; }
.rnd-modern .sub_con_tab_02 ul li:nth-child(3) { --cat-color: #7C3AED; --cat-bg: rgba(124,58,237,0.07); --cat-hue: 55deg; }
.rnd-modern .sub_con_tab_02 ul li:nth-child(4) { --cat-color: #EA580C; --cat-bg: rgba(234,88,12,0.08);  --cat-hue: 175deg; }
.rnd-modern .sub_con_tab_02 ul li:nth-child(5) { --cat-color: #E11D48; --cat-bg: rgba(225,29,72,0.07);  --cat-hue: 135deg; }
.rnd-modern .sub_con_tab_02 ul li:hover {
    filter: none;
    transform: translateY(-3px);
    opacity: 1;
}
.rnd-modern .sub_con_tab_02 ul li .icon {
    background-image: none;
    border-radius: 50%;
    border: 2px solid var(--cat-color);
    background-color: var(--cat-bg);
    transition: box-shadow var(--transition), background-color var(--transition);
}
/* 아이콘 이미지는 원본 색상 유지 (hue-rotate 변형 제거) */
.rnd-modern .sub_con_tab_02 ul li .icon img {
    filter: none;
}
.rnd-modern .sub_con_tab_02 ul li .txt {
    color: var(--cat-color);
    font-weight: 600;
    line-height: 1.35;
    min-height: 2.7em;
    max-width: 100%;
    word-break: keep-all;
}
.rnd-modern .sub_con_tab_02 ul li.active {
    opacity: 1;
    filter: none;
}
.rnd-modern .sub_con_tab_02 ul li.active .icon {
    background-image: none;
    box-shadow: 0 0 0 3px var(--cat-bg), 0 6px 18px var(--cat-bg);
    border-width: 3px;
}
.rnd-modern .sub_con_tab_02 ul li.active .txt {
    color: var(--cat-color);
    font-weight: 700;
}

/* ── 공통 콘텐츠 카드 ── */
.rnd-modern .pipline2_con,
.rnd-modern .sub_con_container .sub_ct_content {
    background: var(--white);
    border: 1px solid var(--gray-200);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
    padding: 2.5rem 2.5rem 2rem;
}

/* ── 섹션 제목 ── */
.rnd-modern .sub_con_container .pipline_title,
.rnd-modern .sub_hd_tit {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--gray-900);
    margin-bottom: 0;
    letter-spacing: -0.02em;
}
.rnd-modern .sub_con_container .pipline_title {
    margin-bottom: 4px;
}
.rnd-modern .pipline_legend {
    color: var(--gray-500);
    font-size: var(--font-size-sm);
    margin-bottom: 28px;
}
/* 제목 + 집계값을 한 줄에 (result) */
.rnd-modern .pipline_head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 4px 16px;
    margin-bottom: 18px;
}
.rnd-modern .pipline_head .pipline_title,
.rnd-modern .sub_con_container .pipline_head .pipline_title,
.rnd-modern .pipline_head .pipline_legend {
    margin-bottom: 0;
}
.rnd-modern .sub_ct_head {
    align-items: center;
    margin-bottom: 24px;
    padding-bottom: 18px;
    border-bottom: 1px solid var(--gray-200);
}
.rnd-modern .sub_ct_head select {
    border: 1px solid var(--gray-300);
    border-radius: var(--radius);
    padding: 0.5rem 0.85rem;
    font-size: var(--font-size-sm);
    color: var(--gray-700);
    outline: none;
}

/* ============================================================
   지원사업안내 (info) — 사이드바 + 상세 테이블
============================================================ */
.rnd-modern .sub_aside {
    width: 250px;
}
.rnd-modern .sub_aside .sticky {
    top: 20px;
}
.rnd-modern .sub_aside_tit {
    background: linear-gradient(135deg, #003D80, #0082D1);
    border-radius: 12px 12px 0 0;
    font-size: 1.125rem;
    font-weight: 700;
    padding: 16px 20px;
    letter-spacing: -0.01em;
}
.rnd-modern .sub_aside_ul {
    border: 1px solid var(--gray-200);
    border-top: 0;
    border-radius: 0 0 12px 12px;
    overflow: hidden;
    background: var(--white);
    box-shadow: var(--shadow-md);
    padding: 8px;
}
.rnd-modern .sub_aside_ul li + li {
    border-top: 0;
    margin-top: 2px;
}
.rnd-modern .sub_aside_ul li a {
    font-size: var(--font-size-sm);
    color: var(--gray-600);
    border-radius: 8px;
    padding: 13px 14px;
    line-height: 1.45;
    transition: background var(--transition), color var(--transition);
}
.rnd-modern .sub_aside_ul li a:hover {
    background: var(--gray-50);
    color: var(--primary);
}
.rnd-modern .sub_aside_ul li.active a {
    background: rgba(0,102,204,0.08);
    color: var(--primary);
    font-weight: 700;
    box-shadow: inset 3px 0 0 var(--primary);
}

/* ============================================================
   좌측 탭 디자인 시안 (V1=기본 카드 / V2=스파인 / V3=알약)
   .aside-vN 클래스는 Info.php의 토글 스크립트가 부여.
   stage 컨펌용 — 확정 후 한 가지만 남기고 정리.
============================================================ */

/* ── V2 : 미니멀 스파인 리스트 (카드 제거 + 좌측 라인 + 노드) ── */
.rnd-modern .sub_aside.aside-v2 .sub_aside_tit {
    background: none;
    color: var(--gray-900);
    border-radius: 0;
    padding: 0 0 12px;
    border-bottom: 2px solid var(--primary);
    font-size: 1.05rem;
}
.rnd-modern .sub_aside.aside-v2 .sub_aside_ul {
    position: relative;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background: none;
    padding: 14px 0 4px;
}
.rnd-modern .sub_aside.aside-v2 .sub_aside_ul::before {
    content: "";
    position: absolute;
    left: 7px;
    top: 20px;
    bottom: 12px;
    width: 2px;
    background: var(--gray-200);
}
.rnd-modern .sub_aside.aside-v2 .sub_aside_ul li { position: relative; }
.rnd-modern .sub_aside.aside-v2 .sub_aside_ul li + li { margin-top: 4px; }
.rnd-modern .sub_aside.aside-v2 .sub_aside_ul li a {
    border-radius: 0;
    padding: 11px 12px 11px 28px;
    color: var(--gray-600);
}
.rnd-modern .sub_aside.aside-v2 .sub_aside_ul li a::before {
    content: "";
    position: absolute;
    left: 3px;
    top: 21px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--white);
    border: 2px solid var(--gray-300);
    transition: all var(--transition);
}
.rnd-modern .sub_aside.aside-v2 .sub_aside_ul li a:hover {
    background: none;
    color: var(--primary);
}
.rnd-modern .sub_aside.aside-v2 .sub_aside_ul li.active a {
    background: none;
    box-shadow: none;
    color: var(--primary);
    font-weight: 700;
}
.rnd-modern .sub_aside.aside-v2 .sub_aside_ul li.active a::before {
    border-color: var(--primary);
    background: var(--primary);
    box-shadow: 0 0 0 4px rgba(0,102,204,0.16);
}

/* ── V3 : 알약/세그먼트 (카드형 항목 + 활성 채움 그라데이션) ── */
.rnd-modern .sub_aside.aside-v3 .sub_aside_tit {
    display: inline-block;
    background: rgba(0,102,204,0.10);
    color: var(--primary);
    border-radius: 999px;
    padding: 8px 18px;
    margin-bottom: 14px;
    font-size: 0.95rem;
}
.rnd-modern .sub_aside.aside-v3 .sub_aside_ul {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background: none;
    overflow: visible;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.rnd-modern .sub_aside.aside-v3 .sub_aside_ul li + li { margin-top: 0; }
.rnd-modern .sub_aside.aside-v3 .sub_aside_ul li a {
    border: 1px solid var(--gray-200);
    border-radius: 12px;
    padding: 13px 16px;
    background: var(--white);
    color: var(--gray-700);
    box-shadow: 0 1px 2px rgba(15,30,60,.05);
    transition: all var(--transition);
}
.rnd-modern .sub_aside.aside-v3 .sub_aside_ul li a:hover {
    background: var(--white);
    border-color: var(--primary);
    color: var(--primary);
    transform: translateX(3px);
}
.rnd-modern .sub_aside.aside-v3 .sub_aside_ul li.active a {
    background: linear-gradient(135deg, #003D80, #0082D1);
    border-color: transparent;
    color: #fff;
    font-weight: 700;
    box-shadow: 0 2px 6px rgba(0,61,128,.22);
    transform: none;
}

/* ── V4 : 번호 인덱스 (넘버 뱃지 리스트) ── */
.rnd-modern .sub_aside.aside-v4 .sub_aside_tit {
    background: #0b2e57;
    color: #fff;
    border-radius: 10px;
    padding: 14px 18px;
    margin-bottom: 12px;
    font-size: 1rem;
}
.rnd-modern .sub_aside.aside-v4 .sub_aside_ul {
    counter-reset: rndidx;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background: none;
    padding: 0;
}
.rnd-modern .sub_aside.aside-v4 .sub_aside_ul li + li { margin-top: 6px; }
.rnd-modern .sub_aside.aside-v4 .sub_aside_ul li a {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 11px 14px;
    border-radius: 10px;
    color: var(--gray-700);
    background: var(--gray-50);
}
.rnd-modern .sub_aside.aside-v4 .sub_aside_ul li a::before {
    counter-increment: rndidx;
    content: counter(rndidx, decimal-leading-zero);
    flex: 0 0 auto;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: var(--white);
    border: 1px solid var(--gray-300);
    color: var(--gray-500);
    font-size: 12px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all var(--transition);
}
.rnd-modern .sub_aside.aside-v4 .sub_aside_ul li a:hover {
    background: rgba(0,102,204,0.06);
    color: var(--primary);
}
.rnd-modern .sub_aside.aside-v4 .sub_aside_ul li.active a {
    background: rgba(0,102,204,0.10);
    color: var(--primary);
    font-weight: 700;
    box-shadow: none;
}
.rnd-modern .sub_aside.aside-v4 .sub_aside_ul li.active a::before {
    background: var(--primary);
    border-color: var(--primary);
    color: #fff;
}

/* ── V5 : 세로 탭바 (솔리드 활성 + 우측 화살표) ── */
.rnd-modern .sub_aside.aside-v5 .sub_aside_tit {
    background: none;
    color: var(--primary);
    border-radius: 0;
    border-left: 4px solid var(--primary);
    padding: 0 0 0 12px;
    margin-bottom: 14px;
    font-size: 0.95rem;
    line-height: 1.2;
}
.rnd-modern .sub_aside.aside-v5 .sub_aside_ul {
    border: 1px solid var(--gray-200);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: none;
    background: var(--white);
    padding: 0;
}
.rnd-modern .sub_aside.aside-v5 .sub_aside_ul li + li {
    margin-top: 0;
    border-top: 1px solid var(--gray-200);
}
.rnd-modern .sub_aside.aside-v5 .sub_aside_ul li a {
    position: relative;
    border-radius: 0;
    padding: 13px 30px 13px 16px;
    color: var(--gray-700);
}
.rnd-modern .sub_aside.aside-v5 .sub_aside_ul li a:hover {
    background: var(--gray-50);
    color: var(--primary);
}
.rnd-modern .sub_aside.aside-v5 .sub_aside_ul li.active a {
    background: var(--primary);
    color: #fff;
    font-weight: 700;
    box-shadow: none;
}
.rnd-modern .sub_aside.aside-v5 .sub_aside_ul li.active a::after {
    content: "\203A";
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
}

/* ── 시안 전환 버튼 (좌하단, 평소엔 흐릿) ── */
.rnd-aside-switch {
    position: fixed;
    left: 14px;
    bottom: 14px;
    z-index: 9999;
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 5px 7px;
    background: rgba(20,36,58,.55);
    border-radius: 999px;
    opacity: 0.22;
    transition: opacity var(--transition);
    backdrop-filter: blur(2px);
}
.rnd-aside-switch:hover { opacity: 1; }
.rnd-aside-switch > span {
    font-size: 11px;
    color: #fff;
    padding: 0 4px;
    letter-spacing: .02em;
}
.rnd-aside-switch button {
    width: 24px;
    height: 24px;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    background: rgba(255,255,255,.25);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 24px;
    padding: 0;
}
.rnd-aside-switch button.on { background: #fff; color: #0b2e57; }

.rnd-modern .sub_ct_tit {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--gray-900);
    letter-spacing: -0.02em;
}
.rnd-modern .sub_ct_desc {
    color: var(--gray-500);
    font-size: var(--font-size-base);
}
.rnd-modern .sub_ct_table {
    border-top: 2px solid var(--primary);
    border-bottom: 1px solid var(--gray-200);
    border-radius: 0 0 var(--radius) var(--radius);
    overflow: hidden;
}
.rnd-modern .sub_ct_table dl + dl {
    border-top: 1px solid var(--gray-200);
}
.rnd-modern .sub_ct_table dl dt {
    border-right: 1px solid var(--gray-200);
    width: 160px;
    background: var(--gray-50);
    color: var(--gray-800);
    font-weight: 600;
    font-size: var(--font-size-base);
    padding-left: 28px;
}
.rnd-modern .sub_ct_table dl dd {
    padding: 18px 24px;
    color: var(--gray-700);
    line-height: 1.7;
}

/* ============================================================
   지원사업성과 (result) — 가로 막대 차트
============================================================ */
/* 내부 이중 테두리 제거 — 바깥 카드가 프레임 역할 */
.rnd-modern .pipline2_cont {
    border: 0 !important;
    padding: 0;   /* 첫 행(72px) 안에 막대 위 여백이 이미 21px 있다 */
}
/* 가로 스크롤바 자리로 잡아둔 44px — 스크롤은 안쪽 목록에 걸리므로 불필요 */
.rnd-modern .pipline2_gt_con {
    padding-bottom: 0;
}
.rnd-modern .pipline2_name_box > li .pip_name h2 {
    font-size: var(--font-size-base);
    font-weight: 600;
    color: var(--gray-800);
}
.rnd-modern .pipline2_name_box > li .assets_num p {
    color: var(--gray-400);
    font-size: var(--font-size-sm);
    font-weight: 600;
}
/* 행 피치 50→72px — 라벨이 2~3줄로 줄바꿈될 때 겹침 방지 + 프로그램 간 간격 확보
   (좌측 라벨 리스트와 우측 차트 리스트가 같은 높이로 정렬되므로 둘 다 함께 키운다) */
.rnd-modern .pipline2_name_box > li,
.rnd-modern .chartbar_item {
    height: 72px;
}
.rnd-modern .pipline2_name_box > li .pip_name h2 {
    line-height: 1.35;
}
.rnd-modern .chartbar_item {
    display: flex;
    align-items: center;
}
/* 트랙 높이를 막대 높이(30px)에 맞춘다 — 행 높이(72px)를 그대로 쓰면
   막대 위아래로 회색 트랙이 드러나 그래프 사이에 띠처럼 보인다 */
.rnd-modern .pipline_bar_box {
    width: 100%;
    height: 30px;
    border-radius: var(--radius-full);
    overflow: hidden;
    background: var(--gray-100);
}
.rnd-modern .pipline_bar_box > li {
    transition: filter var(--transition);
}
.rnd-modern .pipline_bar_box > li + li {
    box-shadow: inset 2px 0 0 #fff;   /* 세그먼트 사이 흰 구분선 */
}
.rnd-modern .pipline_bar_box > li:hover {
    filter: brightness(1.08);
}
.rnd-modern .pipline_bar_box > li span {
    font-weight: 700;
    font-size: var(--font-size-sm);
    text-shadow: 0 1px 1px rgba(0,0,0,0.12);
}
/* 차트와 범례를 가르는 선 — 기본값이 검정 1px이라 너무 강하다 */
.rnd-modern .pipline2_table_con {
    border-bottom-color: var(--gray-200);
    padding-bottom: 8px;   /* 마지막 행(72px)에 막대(30px) 아래 여백이 이미 21px 남는다 */
    margin-bottom: 20px;
}
/* 연도 범례 — 막대와 같은 모양의 스와치 + 라벨 (칩 박스 없이) */
.rnd-modern .pipline_case_con .pipline_case_box {
    gap: 10px 30px;
}
.rnd-modern .pipline_case_con .pipline_case_box .case_item {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
    padding-right: 0;
}
.rnd-modern .pipline_case_con .pipline_case_box .case_item > a {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 0;
    background: none;
    border: 0;
}
.rnd-modern .pipline_case_con .pipline_case_box .case_item > a .case_ob {
    width: 24px;
    height: 10px;
    border-radius: var(--radius-full);
    flex-shrink: 0;
}
.rnd-modern .pipline_case_con .pipline_case_box .case_item > a > p {
    font-size: var(--font-size-sm);
    color: var(--gray-600);
    font-weight: 500;
    letter-spacing: -0.01em;
    transition: color var(--transition);
}
.rnd-modern .pipline_case_con .pipline_case_box .case_item > a:hover > p {
    color: var(--gray-800);
}

/* ============================================================
   성공사례 카드 (result 하단)
============================================================ */
.rnd-modern .fx_card_list {
    border: 0;
    padding: 0;
}
.rnd-modern .fx_card_ul li {
    margin-top: 0 !important;
    margin-bottom: 0;
    transition: transform var(--transition), box-shadow var(--transition);
    border-radius: var(--radius-md);
}
.rnd-modern .fx_card_ul li:hover {
    transform: translateY(-4px);
}
.rnd-modern .fx_card_list .cd_thumb {
    height: 180px;
    border: 1px solid var(--gray-200);
    border-radius: var(--radius-md);
    overflow: hidden;
    margin-bottom: 16px;
    box-shadow: var(--shadow-sm);
    transition: box-shadow var(--transition);
}
.rnd-modern .fx_card_ul li:hover .cd_thumb {
    box-shadow: var(--shadow-lg);
}
.rnd-modern .fx_card_list .cd_subjec {
    font-size: 1.0625rem;
    font-weight: 600;
    color: var(--gray-900);
    margin-bottom: 8px;
}
.rnd-modern .fx_card_list .cd_subjec a { color: inherit; }
.rnd-modern .fx_card_list .cd_desc {
    font-size: var(--font-size-sm);
    color: var(--gray-500);
    line-height: 1.6;
}

/* ============================================================
   지원사업일정 (plan) — 연간 간트 차트
============================================================ */
/* 연도 네비게이션 */
.rnd-modern .schedule-head {
    border-top: 0;
    border-bottom: 0;
    background: var(--gray-50);
    border: 1px solid var(--gray-200);
    border-radius: var(--radius);
    padding: 14px 20px;
    margin-bottom: 8px;
}
.rnd-modern .schedule-head .month-prev a,
.rnd-modern .schedule-head .month-next a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    font-size: 20px !important;
    color: var(--gray-500);
    border-radius: 50%;
    transition: background var(--transition), color var(--transition);
}
.rnd-modern .schedule-head .month-prev a:hover,
.rnd-modern .schedule-head .month-next a:hover {
    background: var(--white);
    color: var(--primary);
    box-shadow: var(--shadow-sm);
}
.rnd-modern .schedule-select-date .year {
    font-size: 1.375rem;
    font-weight: 700;
    color: var(--gray-900);
}

/* 범례 — 알약형 칩 */
.rnd-modern .schedule-year-legend {
    gap: 10px;
    margin-bottom: 24px;
}
.rnd-modern .schedule-year-legend .legend {
    margin-left: 0;
    padding: 5px 14px 5px 12px;
    background: var(--gray-50);
    border: 1px solid var(--gray-200);
    border-radius: var(--radius-full);
    font-size: var(--font-size-sm);
    font-weight: 500;
    color: var(--gray-600);
}
.rnd-modern .schedule-year-legend .legend:before {
    width: 14px;
    height: 14px;
    border-radius: 4px;
}

/* 좌측 카테고리 라벨 */
.rnd-modern .year-scale .subject {
    border: 0;
    border-radius: var(--radius-sm);
    letter-spacing: -0.05em;
}
.rnd-modern .year-scale .depth li {
    color: var(--gray-700);
    border: 1px solid var(--gray-200);
    border-radius: var(--radius-sm);
    background: var(--white) !important;
    font-weight: 500;
}

/* 차트 격자 — 검정 테두리 → 회색 */
.rnd-modern .year-chart-table {
    border-top: 1px solid var(--gray-300);
    border-bottom: 1px solid var(--gray-300);
}
.rnd-modern .year-chart-table th {
    background: var(--gray-50);
    border-color: var(--gray-300) var(--gray-200);
    color: var(--gray-600);
    font-weight: 600;
}
.rnd-modern .year-chart-table th a { color: inherit; }
.rnd-modern .year-chart-table td {
    border-right-color: var(--gray-100);
}
.rnd-modern .year-chart-table td:first-child { border-left-color: var(--gray-200); }
.rnd-modern .year-chart-table td:nth-child(4n) { border-color: var(--gray-200); }
.rnd-modern .year-chart-table tr:nth-child(even) td { background: var(--gray-50); }
.rnd-modern .year-chart-grahp .bar {
    height: 13px;
    border-radius: var(--radius-full);
}

/* 안내 문구 */
.rnd-modern .sub_ct_content > div[style*="margin-bottom"] {
    color: var(--gray-500);
    font-size: var(--font-size-sm);
    line-height: 1.7;
}

/* ── 게시판 안내 박스 (rnd_notice) 톤 통일 ── */
.rnd-modern .board-guide-box {
    border: 1px solid var(--gray-200) !important;
    background: var(--gray-50) !important;
    border-radius: var(--radius-md) !important;
}

/* ── 반응형 ── */
@media (max-width: 768px) {
    .rnd-modern .pipline2_con,
    .rnd-modern .sub_con_container .sub_ct_content {
        padding: 1.5rem 1.25rem;
    }
    .rnd-modern .sub_con_tab_02 ul {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px 8px;
    }
    .rnd-modern .sub_con_tab_02 ul li {
        max-width: none;
        padding: 0;
    }
    .rnd-modern .sub_con_tab_02 ul li .txt {
        min-height: auto;
    }
    .rnd-modern .sub_con_tab ul li a { font-size: 0.95rem; }
    .rnd-modern .sub_ct_table dl dt { width: 100%; border-right: 0; }
}

/* ============================================================
   EN Program Guide (rnd-en): nested detail lists from DOCX copy
   ============================================================ */
.rnd-en .sub_ct_table dd ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.rnd-en .sub_ct_table dd ul li {
    position: relative;
    padding-left: 14px;
    margin-bottom: 6px;
}
.rnd-en .sub_ct_table dd ul li:last-child {
    margin-bottom: 0;
}
.rnd-en .sub_ct_table dd ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.68em;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--primary, #0066CC);
}
.rnd-en .sub_ct_table dd ul ul {
    margin-top: 6px;
}
.rnd-en .sub_ct_table dd ul ul li {
    padding-left: 13px;
    margin-bottom: 4px;
}
.rnd-en .sub_ct_table dd ul ul li::before {
    top: 0.75em;
    width: 7px;
    height: 1px;
    border-radius: 0;
    background: var(--gray-400, #9ca3af);
}