/* =========================================================
   사업추진 로드맵 (business?v=2) — 2026-06-15
   .biz2-* 네임스페이스 (코드 기반 간트, 이미지 없음)
   상단 구간 = 신약개발 전주기 / 하단 구간 = KDDF 지원체계
   ========================================================= */
/* margin-top 음수 = 글로벌 .sub_title(mb:80px) 상쇄 → "사업추진 로드맵" title↔간트 간격 절반 */
.biz2 { --lblw: 132px; --cols: 24; box-sizing: border-box; color: #1f2a37; margin-top: 0; margin-bottom: 80px; }
.biz2 *, .biz2 *::before, .biz2 *::after { box-sizing: border-box; }

.biz2-section { margin-bottom: 72px; }
.biz2-section:last-child { margin-bottom: 0; }
/* 로드맵(첫 섹션)은 노란 밴드 하단 확장분을 감안해 다음 섹션과 간격을 더 띄운다 */
.biz2 > .biz2-section:first-child { margin-bottom: 132px; }

.biz2-h {
	display: flex; align-items: center; gap: 10px;
	font-size: 22px; font-weight: 800; color: #102a4c;
	letter-spacing: -.4px; margin: 0 0 6px;
}
.biz2-h::before {
	content: ''; width: 6px; height: 22px; border-radius: 3px;
	background: linear-gradient(#0b2e57, #2f86c5);
}
.biz2-sub { font-size: 16px; color: #6b7480; margin: 0 0 16px; letter-spacing: .1px; }
.biz2-sub b { color: #102a4c; font-weight: 800; }
.biz2-sub-fund { color: #a9822a; font-weight: 800; }

/* 범례 */
.biz2-legend { display: flex; flex-wrap: wrap; gap: 8px 18px; margin: 0 0 14px; }
.biz2-legend span { display: flex; align-items: center; gap: 7px; font-size: 12.5px; color: #4b5563; }
.biz2-legend i { width: 14px; height: 14px; border-radius: 3px; display: inline-block; }

/* ── 가로 스크롤 래퍼 ── */
.biz2-scroll {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	scroll-behavior: smooth;
	scrollbar-width: thin;
	scrollbar-color: #bcd6ea #eef3f8;
	padding: 2px 2px 10px;
}
.biz2-scroll::-webkit-scrollbar { height: 10px; }
.biz2-scroll::-webkit-scrollbar-track { background: #eef3f8; border-radius: 999px; }
.biz2-scroll::-webkit-scrollbar-thumb { background: #bcd6ea; border-radius: 999px; border: 2px solid #eef3f8; }
.biz2-scroll::-webkit-scrollbar-thumb:hover { background: #0080cb; }
.biz2-canvas { min-width: 1000px; }

/* ── 단계 헤더(셰브론) — 보드와 동일 컬럼 정렬 ── */
.biz2-phasebar {
	position: relative; z-index: 2;
	display: grid;
	grid-template-columns: var(--lblw) repeat(var(--cols), 1fr);
	column-gap: 5px; padding: 0 14px; margin-bottom: 8px;
	/* 보드 border:0 → 투명 보더 없음(있으면 셰브론·캡이 바·흰박스보다 1px 오른쪽으로 밀림) */
	border: 0;
}
/* 좌측 흰 박스(신약개발 전주기)의 상단 캡 — 아래 .is-cycle 박스와 이어져 하나의 박스로 보이게 */
.biz2-phase-lead {
	position: relative; z-index: 2;
	display: flex; align-items: center; justify-content: center; text-align: center;
	color: #15315a; font-weight: 800; font-size: 12.5px; line-height: 1.25;
	letter-spacing: -.2px; min-height: 36px;
	background: rgba(255,255,255,.72);
	border: 1px solid #cbd6e6; border-bottom: 0;
	border-radius: 10px 10px 0 0;
}
/* 캡 하단 → 보드 상단 여백(8px margin + 14px padding)을 흰색으로 연결 */
.biz2-phase-lead::after {
	content: ''; position: absolute; left: -1px; right: -1px; top: 100%;
	height: 24px;
	background: rgba(255,255,255,.72);
	border-left: 1px solid #cbd6e6; border-right: 1px solid #cbd6e6;
}
.biz2-phase {
	background: linear-gradient(135deg, #0b2e57 0%, #1c4f86 100%);
	color: #fff; font-weight: 700; font-size: 13px;
	text-align: center; padding: 10px 7px; white-space: nowrap;
	box-shadow: 0 2px 5px rgba(11, 46, 87, .2);
	border-radius: 8px 0 0 8px;
	/* 좌측 평평 + 우측 화살표 (모든 단계 동일 모양) */
	clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, 0 100%);
}
.biz2-phase.is-last  { background: linear-gradient(135deg, #1f6fb0 0%, #36a0db 100%); }

/* ── 통합 보드 (라벨 1열 + 24 트랙열 · 상/하 구간을 한 카드로) ── */
.biz2-board {
	display: grid;
	grid-template-columns: var(--lblw) repeat(var(--cols), 1fr);
	grid-template-rows: repeat(9, minmax(26px, auto)) 0 repeat(7, minmax(31px, auto));
	column-gap: 5px; row-gap: 3px;
	position: relative; padding: 14px 14px 78px;
	background: transparent;
	border: 0; border-radius: 14px;
	box-shadow: none;
	overflow: hidden;
}

/* 후보물질 발굴~임상 2상 배경 (시안과 동일하게 각진 모서리) */
.biz2-stage-bg {
	grid-column: 2 / 17; grid-row: 1 / -1;
	/* 우측 -6px: 노란 밴드와의 column-gap(5px)을 덮어 흰 세로줄 제거
	   좌측 0: 좌측 라벨과의 간격을 헤더(셰브론↔캡)와 동일한 column-gap 5px로 맞춤 */
	margin: -6px -6px -6px 0;
	background: #e7e6e6;
	border-radius: 0;
	z-index: 0; pointer-events: none;
}

/* 오른쪽 노란 밴드(공동개발 / 임상 3상 지원펀드) — 상·하 구간을 끊김없이 관통 */
.biz2-fund {
	grid-column: 17 / 26; grid-row: 1 / -1;
	margin: -6px -6px -6px 0;
	background: #fdf6e3;
	border: 0; border-radius: 0;
	box-shadow: none;
	z-index: 0; pointer-events: none;
}

/* 노란 밴드 하단 확장 — 지원단계(회색) 영역보다 아래로 내려와 좌측 일부가 겹치는 형태 */
.biz2-fund-foot {
	grid-column: 12 / 26; grid-row: 17; align-self: end;
	height: 64px; margin: 0 -6px -70px 0;
	background: #fdf6e3;
	z-index: 0; pointer-events: none;
}

/* 구간 구분 가로 점선 (페리윙클 구간만, 노란밴드는 안 끊음) */
.biz2-split {
	grid-column: 2 / 17; grid-row: 10; align-self: center;
	border-top: 1.5px dashed #aebbdd; z-index: 1;
}

/* 좌측 구간 라벨 */
.biz2-zlabel {
	grid-column: 1; z-index: 2;
	display: flex; flex-direction: column; align-items: center; justify-content: center;
	text-align: center; font-weight: 800; font-size: 13px; line-height: 1.3;
	border-radius: 10px; padding: 9px 7px; letter-spacing: -.3px;
}
.biz2-zlabel small { display: block; font-size: 11.5px; font-weight: 700; opacity: .9; margin-top: 3px; }
.biz2-zlabel.is-cycle {
	grid-row: 1 / 11;
	margin-bottom: -3px;
	background: rgba(255,255,255,.72);
	color: #29415f;
	border: 1px solid #cbd6e6; border-top: 0;
	border-radius: 0;
	box-shadow: 0 2px 7px rgba(20, 40, 80, .06);
	/* 캡(.biz2-phase-lead)까지가 하나의 흰박스로 보이므로, 캡 높이(41px)+phasebar
	   margin(8px)+board padding(14px)만큼 아래 패딩을 더해 텍스트를 시각적 중앙에 둔다 */
	padding-bottom: calc(9px + 63px);
}
.biz2-zlabel.is-support {
	grid-row: 11 / 18;
	/* 회색·노란 배경 하단과 같은 라인에서 끝나도록 */
	margin-bottom: -6px;
	background: linear-gradient(135deg, #0066d6, #00a0e9);
	color: #fff;
	border: 1px solid rgba(255,255,255,.35); border-top: 0;
	border-radius: 0 0 10px 10px;
	box-shadow: 0 5px 16px rgba(0, 105, 190, .28);
}

/* ── 바 ── */
.biz2-bar {
	position: relative; z-index: 1;
	display: flex; align-items: center; justify-content: center; text-align: center;
	font-size: 11.7px; font-weight: 700; line-height: 1.25;
	color: #fff; padding: 5px 9px; border-radius: 8px; min-height: 31px;
	letter-spacing: -.2px; word-break: keep-all;
	box-shadow: 0 2px 6px rgba(15, 30, 60, .16);
	transition: transform .12s ease, box-shadow .12s ease, filter .12s ease;
}
.biz2-bar:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(15, 30, 60, .26), inset 0 1px 0 rgba(255, 255, 255, .28); filter: saturate(1.06) brightness(1.03); z-index: 4; }
.biz2-bar span { font-weight: 500; opacity: .9; }
/* 신약개발 전주기 바 — 단색 심플(단일 슬레이트, de-emphasis) */
.biz2-bar.c-mono {
	background: linear-gradient(180deg, #9aa3b4 0%, #818b9e 100%);
	color: #fff; font-weight: 600;
	box-shadow: 0 1px 3px rgba(15, 30, 60, .10), inset 0 1px 0 rgba(255, 255, 255, .18);
}
.biz2-bar.c-mono span { font-weight: 500; opacity: .85; }
.biz2-linebar {
	position: relative; z-index: 2;
	display: flex; align-items: center; justify-content: center; text-align: center;
	gap: 6px; min-height: 26px; padding: 1px 8px;
	color: #46505d; font-size: 11.7px; line-height: 1.2;
	letter-spacing: -.2px; word-break: keep-all;
}
.biz2-linebar::before { content: none; }
.biz2-linebar .edge {
	position: relative; top: auto;
	flex: 1 1 0; min-width: 16px; height: 2px; margin: 0;
	border: 0; background: rgba(70, 80, 93, .72);
}
.biz2-linebar .edge::before {
	content: ''; position: absolute; top: 50%;
	width: 8px; height: 8px; margin-top: -4px;
	border-top: 2px solid #46505d;
	border-left: 2px solid #46505d;
}
.biz2-linebar .edge.left::before { left: 0; transform: rotate(-45deg); }
/* 후보물질 발굴 이전부터 이어진다는 의미 — 왼쪽 화살촉 없이 배경 밖으로 선만 빠짐 */
.biz2-linebar.is-open-left { margin-left: -14px; }
.biz2-linebar.is-open-left .edge.left::before { content: none; }
.biz2-linebar .edge.right::before { right: 0; transform: rotate(135deg); }
.biz2-linebar .label {
	position: relative; z-index: 1; flex: 0 1 auto; min-width: 0;
	display: inline-flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 2px 4px;
	padding: 0 2px;
	text-shadow: 0 1px 0 rgba(255,255,255,.9), 0 0 3px rgba(255,255,255,.85);
}
/* 2줄 라벨 — b/small을 세로로 쌓아 라벨이 내용폭에 딱 맞게(빈틈 제거) → 양옆 화살표 꼬리가 길어짐 */
.biz2-linebar .label.is-stack { flex-direction: column; flex-wrap: nowrap; gap: 1px; }
.biz2-linebar .label b { font-weight: 800; color: #3f4a57; }
.biz2-linebar .label small { font-size: 10.5px; font-weight: 700; color: #5d6878; }
/* KDDF 지원체계 바 — 컬러풀 강조(단계별 7색) */
.biz2-bar.c-s1 { background: #2072d0; }   /* 초기과제 지원 */
.biz2-bar.c-s2 { background: #1c9fa4; }   /* 비임상·임상 고도화 */
.biz2-bar.c-s3 { background: #5b9f28; }   /* 학계·바이오벤처 연계 */
.biz2-bar.c-s4 { background: #f2a41c; }   /* 인허가·RA 지원 */
.biz2-bar.c-s5 { background: #f5701a; }   /* CMC 지원 */
.biz2-bar.c-s6 { background: #6c27b3; }   /* BD·글로벌 진출 */
.biz2-bar.c-s7 { background: #2461d6; }   /* IP·약물가치평가 */

/* ── 노란 밴드 우측 하단 주석(공동개발 / 임상 3상 지원펀드) ── */
.biz2-sidegroup {
	position: relative; z-index: 2;
	display: flex; align-items: flex-end; justify-content: center;
	gap: 60px; padding: 0 0 26px 46px;
}
.biz2-side {
	position: relative;
	display: flex; align-items: center; justify-content: center; text-align: center;
}
.biz2-side span {
	display: inline-flex; flex-direction: column; align-items: center; gap: 10px;
	font-weight: 800; font-size: 19px; line-height: 1.25; letter-spacing: -.3px;
	text-shadow: none;
}
.biz2-side i { font-size: 58px; opacity: 1; color: #8fb1d7; }
/* 공동개발 = 아웃라인 악수 + 위쪽 골드 반짝임 버스트 */
.biz2-side .biz2-ic-stack { position: relative; display: inline-block; line-height: 1; }
.biz2-side .biz2-spk { position: absolute; left: 50%; top: -24px; transform: translateX(-50%); width: 56px; height: 28px; color: #ebc87e; }
/* 임상 3상 지원펀드 = 상승 막대 + 화살표 */
.biz2-side .biz2-ic-fund { width: 58px; height: 58px; color: #8fb1d7; }
.biz2-side.s-codev span { color: #1b3a6b; }
.biz2-side.s-fund  span { color: #1b3a6b; }

.biz2-hint {
	display: none;
	align-items: center;
	gap: 6px;
	font-size: 12.5px;
	color: #0080cb;
	font-weight: 600;
	margin: 10px 2px 0;
}
.biz2-hint .ic { font-size: 14px; line-height: 1; }

/* =========================================================
   추진전략2 — 프로그램 카드
   ========================================================= */
/* 약물개발단계 셰브론 */
.biz2-stagebar { display: flex; flex-wrap: wrap; gap: 4px; margin: 34px 0 42px; padding: 4px 0; }
.biz2-stagebar .lead {
	display: flex; align-items: center; font-weight: 800; font-size: 15px;
	color: #102a4c; padding-right: 8px; white-space: nowrap;
}
.biz2-stage {
	flex: 1 1 0; min-width: 110px;
	color: #fff; text-shadow: 0 1px 2px rgba(8, 20, 40, .25);
	font-weight: 700; font-size: 14px; text-align: center; padding: 12px 18px 12px 14px;
	clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 50%, calc(100% - 14px) 100%, 0 100%, 14px 50%);
}
.biz2-stage.is-first { clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 50%, calc(100% - 14px) 100%, 0 100%); border-radius: 7px 0 0 7px; }
/* 단계별 컬러 — 셰브론 & 카드 태그칩이 동일 팔레트 공유 */
.biz2-stage.s1 { background: linear-gradient(135deg, #2c6299, #1f4e89); }
.biz2-stage.s2 { background: linear-gradient(135deg, #3a78ac, #2c6299); }
.biz2-stage.s3 { background: linear-gradient(135deg, #4f93c4, #3a78ac); }
.biz2-stage.s4 { background: linear-gradient(135deg, #6aabd6, #4f93c4); }
.biz2-stage.s5 { background: linear-gradient(135deg, #8cc0e3, #6aabd6); }

/* 상단(2열: BRIDGE / ACT) · 가운데 축 · 하단(3열) */
.biz2-s2-top { display: grid; grid-template-columns: 2fr 3fr; gap: 16px; align-items: stretch; }
.biz2-s2-bot { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; align-items: stretch; }
.biz2-s2-col { display: flex; flex-direction: column; gap: 16px; }
.biz2-s2-col > .biz2-prog:last-child { flex: 1 1 auto; }
.biz2-prog {
	display: flex; flex-direction: column; overflow: hidden;
	background: #fff; border: 1px solid #e6ebf1; border-radius: 12px;
	box-shadow: 0 4px 16px rgba(15, 30, 60, .05);
}
.biz2-prog-head { padding: 16px 20px; color: #fff; font-weight: 800; font-size: 16px; line-height: 1.35; background: linear-gradient(135deg, #1c4f86 0%, #0b2e57 100%); }
.biz2-prog-head small { display: block; font-size: 11.5px; font-weight: 600; opacity: .85; margin-top: 3px; }
.biz2-prog-body { padding: 20px 22px; display: flex; flex-direction: column; gap: 14px; }
.biz2-prog.is-wide .biz2-prog-body { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }

.biz2-mini { background: #f6f8fb; border: none; border-radius: 9px; padding: 16px 18px; }
.biz2-mini h4 { margin: 0 0 9px; font-size: 15.5px; font-weight: 800; color: #15243a; letter-spacing: -.2px; }
.biz2-mini ul { margin: 0; padding-left: 16px; }
.biz2-mini li { font-size: 15px; line-height: 1.75; color: #46505d; margin-bottom: 6px; word-break: keep-all; }
.biz2-mini li:last-child { margin-bottom: 0; }
.biz2-mini li ul { margin-top: 4px; padding-left: 14px; }
.biz2-mini li li { font-size: 13px; color: #6b7480; }

.biz2-prog-stage { margin-top: auto; padding: 13px 20px; background: #f2f6fb; border-top: 1px solid #eef1f5; font-size: 14px; color: #5a6b80; display: flex; align-items: center; flex-wrap: wrap; gap: 6px 9px; }
.biz2-prog-stage b { color: #1f5f8e; font-weight: 700; }

/* 적용 단계 태그칩 (셰브론 색과 매칭) */
.biz2-tags { display: flex; flex-wrap: wrap; gap: 5px; }
.biz2-tag {
	display: inline-flex; align-items: center; font-size: 12.5px; font-weight: 700;
	color: #fff; padding: 3px 10px; border-radius: 999px; line-height: 1.45;
	white-space: nowrap; text-shadow: 0 1px 1px rgba(8, 20, 40, .22);
}
.biz2-tag.s1 { background: #1f4e89; }
.biz2-tag.s2 { background: #2c6299; }
.biz2-tag.s3 { background: #3a78ac; }
.biz2-tag.s4 { background: #4f93c4; }
.biz2-tag.s5 { background: #6aabd6; }
.biz2-tag.is-all { background: linear-gradient(90deg, #1f4e89, #6aabd6); }

/* 헤더 색상 — 간결화: 상단(집중 프로그램) 진네이비 / 하단(전주기 지원) 미드블루 2톤 */
.p-cidd .biz2-prog-head,
.p-seed .biz2-prog-head,
.p-ip   .biz2-prog-head,
.p-ra   .biz2-prog-head { background: linear-gradient(135deg, #2f86c5 0%, #1c5f9e 100%); }

/* ── 반응형 ── */
@media all and (max-width: 1000px) {
	.biz2-hint { display: inline-flex; }
}
@media all and (max-width: 900px) {
	.biz2-s2-top, .biz2-s2-bot { grid-template-columns: 1fr; }
	.biz2-prog.is-wide .biz2-prog-body { grid-template-columns: 1fr; }
}
@media all and (max-width: 600px) {
	.biz2-h { font-size: 20px; }
	.biz2-sub { line-height: 1.7; word-break: keep-all; }
	.biz2-legend {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 8px 10px;
	}
	.biz2-legend span {
		min-width: 0;
		font-size: 12px;
	}
}

/* =========================================================
   사업소개 (business?v=2) — 2026-06-24
   .biz-intro 네임스페이스 — 비전 / 목표 / 지원범위 라벨 테이블
   ========================================================= */
.biz-intro { color: #1f2a37; margin-bottom: 80px; }
.biz-intro *, .biz-intro *::before, .biz-intro *::after { box-sizing: border-box; }

.biz-intro-lead {
	font-size: 16px; line-height: 1.6; color: #46505d;
	word-break: keep-all; margin: 0 0 28px; letter-spacing: -.28px;
	white-space: nowrap;
}

/* 라벨 테이블 행 (좌: 라벨 / 우: 내용) */
.bi-row {
	display: grid; grid-template-columns: 104px 1fr;
	gap: 14px; align-items: stretch; margin-bottom: 16px;
}
.bi-label {
	display: flex; align-items: center; justify-content: center; text-align: center;
	background: linear-gradient(180deg, #eef2f9, #e3eaf5);
	border: 1px solid #d3ddec; border-radius: 10px;
	color: #15315a; font-weight: 800; font-size: 15px; letter-spacing: -.3px;
	padding: 14px 8px;
}
.bi-content { min-width: 0; }

/* 비전 배너 */
.bi-vision-banner {
	display: flex; align-items: center; justify-content: center; text-align: center;
	min-height: 62px; padding: 16px 26px; border-radius: 12px;
	background: linear-gradient(135deg, #0066d6 0%, #1f86c8 50%, #00a0e9 100%);
	color: #fff; font-weight: 800; font-size: 18px; letter-spacing: -.4px;
	line-height: 1.4; word-break: keep-all;
	box-shadow: 0 8px 22px rgba(0, 105, 190, .24);
}

/* 비전 → 목표 화살표 (위로 향하는 넓은 ▲) */
.bi-funnel-row { margin-top: 2px; margin-bottom: 8px; }
.bi-funnel { display: flex; justify-content: center; }
.bi-funnel::before {
	content: ''; width: 64%; height: 26px;
	background: linear-gradient(180deg, #cdd7e6 0%, #e9eef6 100%);
	clip-path: polygon(50% 0, 100% 100%, 0 100%);
}

/* 목표 3열 */
.bi-goals { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; align-items: stretch; }
.bi-goal {
	display: flex; flex-direction: column; gap: 10px;
	background: #f6f8fb; border: 1px solid #e6ebf1; border-radius: 12px; padding: 14px;
}
.bi-goal-head {
	background: linear-gradient(135deg, #1c4f86 0%, #0b2e57 100%);
	color: #fff; font-weight: 800; font-size: 15px; text-align: center;
	padding: 12px 10px; border-radius: 8px; letter-spacing: -.3px; line-height: 1.35;
	box-shadow: 0 2px 6px rgba(11, 46, 87, .18);
}
.bi-goal-item {
	flex: 0 0 auto;
	display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px;
	text-align: center; background: #fff; border: 1px solid #e6ebf1; border-radius: 8px;
	padding: 12px; min-height: 58px;
}
.bi-goal-item.is-center { flex: 1 1 auto; }
.bi-goal-item b { font-size: 15.5px; font-weight: 800; color: #15243a; letter-spacing: -.2px; line-height: 1.4; word-break: keep-all; }
.bi-goal-item span { font-size: 13px; color: #6b7480; line-height: 1.5; word-break: keep-all; }
.bi-goal.is-global .bi-goal-item b { color: #1f6fb0; }

/* 지원범위 */
.bi-stage-range {
	display: flex; align-items: center; gap: 10px;
	margin: 0 0 14px; padding: 16px 20px;
	border: 1px solid #d7e6f5; border-radius: 14px;
	background: linear-gradient(135deg, #eef6ff 0%, #f8fbff 100%);
	color: #304158; font-size: 15px; line-height: 1.55;
	box-shadow: 0 6px 18px rgba(31, 111, 176, .06);
}
.bi-stage-range strong {
	flex: none; color: #0b4f8a; font-size: 15.5px; font-weight: 800;
}
.bi-stage-range > span { flex: none; color: #86a9ca; font-weight: 800; }
.bi-stage-range p { margin: 0; word-break: keep-all; }
.bi-scope-scroll {
	overflow-x: auto; border: 1px solid #d8e3ef; border-radius: 16px;
	background: #fff; box-shadow: 0 12px 30px rgba(24, 64, 106, .08);
	-webkit-overflow-scrolling: touch;
}
.bi-scope-scroll:focus-visible { outline: 3px solid rgba(31, 111, 176, .3); outline-offset: 3px; }
.bi-scope-table {
	width: 100%; min-width: 820px; border-collapse: collapse; table-layout: fixed;
	color: #1f2a37; font-size: 15px; line-height: 1.45; text-align: center;
}
.bi-scope-table caption {
	position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
	overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}
.bi-scope-col-category { width: 23%; }
.bi-scope-col-type { width: 22%; }
.bi-scope-col-detail { width: 33%; }
.bi-scope-col-status { width: 22%; }
.bi-scope-table th,
.bi-scope-table td {
	padding: 14px 16px; border-bottom: 1px solid #e1e8f0; vertical-align: middle;
	word-break: keep-all;
}
.bi-scope-table thead th {
	padding-top: 15px; padding-bottom: 15px;
	background: linear-gradient(135deg, #164d7f 0%, #0b2e57 100%);
	color: #fff; font-size: 16px; font-weight: 800; border-bottom: 0;
	letter-spacing: -.2px;
}
.bi-scope-table tbody tr:last-child > * { border-bottom: 0; }
.bi-scope-table tbody tr { transition: background-color .16s ease; }
.bi-scope-table tbody tr:hover { background: #f8fbfe; }
.bi-scope-group {
	background: linear-gradient(145deg, #e9f2fb 0%, #f3f7fc 100%);
	color: #123c67; font-size: 16.5px; font-weight: 800;
	border-right: 1px solid #d8e3ef;
}
.bi-scope-subgroup {
	background: #f4f7fb; color: #244767; font-size: 15.5px; font-weight: 800;
	border-right: 1px solid #e1e8f0;
}
.bi-scope-table td strong { display: block; font-size: 15.5px; }
.bi-scope-table td small { display: block; margin-top: 3px; font-size: 13.5px; line-height: 1.45; }
.bi-scope-status { font-weight: 700; }
.bi-scope-status small { font-weight: 600; }
.bi-scope-mark {
	display: inline-flex; align-items: center; justify-content: center;
	width: 34px; height: 34px; border-radius: 50%;
	font-size: 17px; font-weight: 800; line-height: 1;
}
.bi-scope-status.is-supported .bi-scope-mark {
	background: #e7f3ff; color: #126fbe; box-shadow: inset 0 0 0 1px #c9e4fb;
}
.bi-scope-status.is-excluded .bi-scope-mark {
	background: #fff0f0; color: #c43d46; box-shadow: inset 0 0 0 1px #f6d3d5;
}
.bi-scope-note {
	margin: 14px 4px 0; padding-left: 12px; border-left: 3px solid #91b8dc;
	color: #465569; font-size: 13.5px; line-height: 1.65;
	word-break: keep-all;
}
.bi-scope-note sup,
.bi-scope-status sup { color: #ba3d3d; font-weight: 800; }
.bi-scope-hint { display: none; }
.bi-scope-sr {
	position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
	overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}

/* 반응형 */
@media all and (max-width: 900px) {
	.bi-goals { grid-template-columns: 1fr; }
	.biz-intro-lead { white-space: normal; }
	.bi-scope-hint {
		display: inline-flex; align-items: center; gap: 4px;
		margin: 0 0 8px; padding: 6px 10px; border-radius: 999px;
		background: #edf5fc; color: #3d6e99; font-size: 12.5px; text-align: left;
	}
}
@media all and (max-width: 600px) {
	.bi-row { grid-template-columns: 1fr; gap: 8px; }
	.bi-funnel-row > div:first-child { display: none; }
	.bi-label { padding: 10px; font-size: 14px; }
	.bi-vision-banner { font-size: 16px; padding: 14px 18px; }
	.biz-intro-lead { font-size: 14px; }
	.bi-stage-range { align-items: flex-start; flex-wrap: wrap; gap: 2px 7px; padding: 14px 16px; font-size: 14px; }
	.bi-stage-range p { flex-basis: 100%; }
	.bi-scope-table { min-width: 720px; font-size: 14px; }
	.bi-scope-table th, .bi-scope-table td { padding: 10px 12px; }
	.bi-scope-table thead th, .bi-scope-group { font-size: 15px; }
	.bi-scope-note { font-size: 12.5px; }
}

/* =========================================================
   추진전략 3 — 개방형 혁신 생태계 (3단계 플로우) — 2026-06-24
   ========================================================= */
.biz2-s3 { display: flex; flex-direction: column; gap: 16px; margin-top: 16px; }
.biz2-s3-top { display: flex; align-items: stretch; gap: 0; }
.biz2-s3-col {
	position: relative;
	flex: 1 1 0; min-width: 0;
	display: flex; flex-direction: column;
	background: #fff; border: 1px solid #e1e8f1; border-radius: 12px; overflow: hidden;
	box-shadow: 0 3px 12px rgba(15, 30, 60, .05);
}

/* 내역 번호 뱃지 */
.biz2-s3-badge {
	align-self: center; margin: 14px 0 -4px;
	background: #2e6fb0; color: #fff; font-weight: 800; font-size: 13.5px;
	padding: 5px 16px; border-radius: 999px; letter-spacing: -.2px;
}

.biz2-s3-head {
	background: linear-gradient(135deg, #1c4f86 0%, #0b2e57 100%);
	color: #fff; font-weight: 800; font-size: 16px; text-align: center;
	padding: 14px 12px; letter-spacing: -.3px; line-height: 1.35; word-break: keep-all;
	margin-top: 12px;
}
.biz2-s3-stage {
	align-self: center; margin: 14px 0 2px;
	background: #eaf2fb; color: #1f5f8e; font-weight: 800; font-size: 14.5px;
	padding: 6px 16px; border-radius: 999px; word-break: keep-all; text-align: center;
}
.biz2-s3-cards { display: flex; flex-direction: column; gap: 10px; padding: 12px 16px; }
.biz2-s3-box {
	background: #eef3fa; border: 1px solid #dce7f3; border-radius: 8px;
	text-align: center; font-size: 15.5px; font-weight: 700; color: #1d4e89;
	line-height: 1.5; padding: 16px 14px; word-break: keep-all;
}
.biz2-s3-box small { display: block; margin-top: 6px; font-size: 12.5px; font-weight: 600; color: #5a7ba3; line-height: 1.5; }

/* 목표 블록 */
.biz2-s3-goals { padding: 4px 16px 18px; flex: 1 1 auto; }
.biz2-s3-goal { position: relative; padding-left: 20px; margin-top: 12px; }
.biz2-s3-goal::before {
	content: '✓'; position: absolute; left: 0; top: 1px;
	color: #2e6fb0; font-weight: 900; font-size: 13px;
}
.biz2-s3-gk { font-weight: 800; color: #23364d; font-size: 14px; }
.biz2-s3-gv { color: #55606d; font-size: 13.5px; line-height: 1.6; word-break: keep-all; }
.biz2-s3-gk + .biz2-s3-gv::before { content: ' : '; color: #55606d; }
.biz2-s3-gl { list-style: none; margin: 4px 0 0; padding: 0; }
.biz2-s3-gl li {
	position: relative; padding-left: 12px; margin-top: 4px;
	font-size: 13px; line-height: 1.55; color: #55606d; word-break: keep-all;
}
.biz2-s3-gl li::before { content: '-'; position: absolute; left: 0; color: #8a95a3; }
.biz2-s3-note { margin: 14px 0 0; font-size: 12px; color: #8a95a3; text-align: right; }

/* 5내역 — 종료 표시 */
.biz2-s3-col.is-ended { background: #f6f7f9; border-color: #dfe3e9; }
.biz2-s3-col.is-ended .biz2-s3-badge { background: #8b97a5; }
.biz2-s3-col.is-ended .biz2-s3-head { background: linear-gradient(135deg, #6b7684 0%, #4c5563 100%); }
.biz2-s3-col.is-ended .biz2-s3-stage { background: #e9ebee; color: #5a6472; }
.biz2-s3-col.is-ended .biz2-s3-box { background: #eef0f3; border-color: #dfe3e9; color: #4c5563; }
.biz2-s3-col.is-ended .biz2-s3-box small { color: #7a828f; }
.biz2-s3-col.is-ended .biz2-s3-goal::before,
.biz2-s3-col.is-ended .biz2-s3-gk { color: #5a6472; }
.biz2-s3-ended {
	position: absolute; top: 12px; right: 12px; z-index: 2;
	background: #d64545; color: #fff; font-weight: 800; font-size: 11.5px;
	padding: 3px 10px; border-radius: 999px; letter-spacing: .2px;
}

/* 단계 연결 화살표 (주황, 오른쪽 향) */
.biz2-s3-arrow { flex: 0 0 30px; display: flex; align-items: center; justify-content: center; }
.biz2-s3-arrow::before {
	content: ''; width: 0; height: 0;
	border-top: 9px solid transparent; border-bottom: 9px solid transparent;
	border-left: 13px solid #e0892b;
}
.biz2-s3-arrow.is-spacer::before { display: none; }

/* 하단 4내역 지원 바 */
.biz2-s3-support { border: 1px solid #e1e8f1; border-radius: 12px; overflow: hidden; box-shadow: 0 3px 12px rgba(15, 30, 60, .05); }
.biz2-s3-support-head {
	background: linear-gradient(135deg, #1c4f86 0%, #0b2e57 100%);
	color: #fff; font-weight: 800; font-size: 17px; text-align: center;
	padding: 14px 12px; letter-spacing: -.3px;
}
.biz2-s3-support-head .biz2-s3-badge.is-light {
	display: inline-block; margin: 0 8px 0 0; background: rgba(255, 255, 255, .18);
	vertical-align: middle; padding: 4px 14px;
}
.biz2-s3-support-items { display: flex; gap: 14px; padding: 16px; background: #fff; }
.biz2-s3-support-box {
	flex: 1 1 0;
	background: #eef3fa; border: 1px solid #dce7f3; border-radius: 8px;
	text-align: center; font-size: 15.5px; font-weight: 700; color: #1d4e89;
	padding: 16px 14px; word-break: keep-all;
}

@media all and (max-width: 820px) {
	.biz2-s3-top { flex-direction: column; }
	.biz2-s3-col { flex: 0 0 auto; }
	.biz2-s3-arrow { flex: 0 0 30px; }
	.biz2-s3-arrow::before { transform: rotate(90deg); }
	.biz2-s3-support-items { flex-direction: column; }
}

/* =========================================================
   추진체계 — 조직도 + 역할 테이블 — 2026-06-24
   ========================================================= */
/* 추진체계 title 아래 여백 축소 (글로벌 .sub_title mb:80px 상쇄) — title↔조직도 더 붙게 */
.biz2-gov { color: #1f2a37; margin-top: -46px; }
.biz2-gov *, .biz2-gov *::before, .biz2-gov *::after { box-sizing: border-box; }

/* ── 조직도 ── */
.gov-chart { display: flex; flex-direction: column; align-items: center; padding: 4px 0 50px; }
.gov-line { width: 2px; height: 20px; background: #c5d0e0; }

/* ── 조직도 커넥터 라인 ── */
.gov-tri, .gov-tri-sub, .gov-divisions, .gov-div { position: relative; }
.gov-node, .gov-div-head, .gov-team { position: relative; z-index: 1; }
/* 운영위—사업단—전문기관 / 투심위—평가단 : 가로 연결선 (박스가 가려 사이 구간만 노출) */
.gov-tri::before, .gov-tri-sub::before {
	content: ''; position: absolute; top: 50%; left: 16.667%; right: 16.667%;
	height: 2px; margin-top: -1px; background: #c5d0e0; z-index: 0;
}
/* 사업단 → 본부 중앙 세로 줄기 (투심/평가 가로선과 교차) */
.gov-vstem::before {
	content: ''; position: absolute; left: 50%; top: -14px; bottom: -16px;
	width: 2px; margin-left: -1px; background: #c5d0e0; z-index: 0;
}
/* 본부 분배 가로선 + 각 본부 위 세로선 */
.gov-divisions { margin-top: 16px; }

/* 주무부처 묶음 */
.gov-ministries {
	display: flex; justify-content: center; align-items: center;
	padding: 12px 30px; border: 1px solid #d3ddec; border-radius: 999px;
	background: #fff; box-shadow: 0 3px 10px rgba(20, 40, 80, .05);
}
.gov-ministries img { display: block; height: 36px; width: auto; max-width: 100%; }
@media all and (max-width: 540px) {
	.gov-ministries { padding: 12px 16px; border-radius: 16px; }
	.gov-ministries img { height: auto; width: 100%; }
}

/* 이사회 */
.gov-board {
	min-width: 200px; text-align: center; padding: 13px 30px; border-radius: 10px;
	background: linear-gradient(135deg, #0066d6, #00a0e9); color: #fff;
	font-weight: 800; font-size: 15.5px; box-shadow: 0 6px 16px rgba(0, 105, 190, .25);
}

/* 위원회 행 (운영위 · 사업단 · 전문기관협의체) */
.gov-tri { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; width: 100%; max-width: 780px; }
.gov-node {
	text-align: center; padding: 12px 14px; border-radius: 999px;
	background: #fff; border: 1.5px solid #b9c9e0; color: #1f5f8e;
	font-weight: 700; font-size: 15px; word-break: keep-all;
}
.gov-node.is-main { border-color: #2f86c5; background: #eef6fc; color: #0b2e57; font-weight: 800; box-shadow: 0 3px 10px rgba(47, 134, 197, .15); }
.gov-tri-sub { margin-top: 14px; }
.gov-node.is-ghost { border-color: #cdd5e0; color: #5a6b80; font-weight: 600; background: #fafbfc; }

/* 3본부 */
.gov-divisions { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; width: 100%; max-width: 840px; }
.gov-div { display: flex; flex-direction: column; gap: 8px; }
.gov-div-head {
	text-align: center; padding: 12px; border-radius: 8px;
	background: linear-gradient(135deg, #2f9e94, #1f8077); color: #fff;
	font-weight: 800; font-size: 14.5px; box-shadow: 0 3px 9px rgba(31, 128, 119, .2);
}
.gov-team {
	text-align: center; padding: 10px; border-radius: 7px;
	background: #fff; border: 1px solid #cfe3dd; color: #246b62;
	font-weight: 600; font-size: 15px;
}

/* ── 역할 테이블 ── */
.gov-table { border-top: 2px solid #0b2e57; }
.gov-trow { display: grid; grid-template-columns: 150px 1fr; border-bottom: 1px solid #e6ebf1; }
.gov-th {
	display: flex; align-items: center; padding: 16px 18px;
	background: #f3f6fb; color: #15315a; font-weight: 800; font-size: 15px; letter-spacing: -.2px;
}
.gov-td { padding: 16px 20px; font-size: 15.5px; line-height: 1.7; color: #46505d; word-break: keep-all; }
.gov-paren { color: #6b7480; }

.gov-bunbu { margin: 0; padding: 0; list-style: none; }
.gov-bunbu li { margin-bottom: 12px; }
.gov-bunbu li:last-child { margin-bottom: 0; }
.gov-bunbu b { display: inline-block; position: relative; padding-left: 13px; color: #15315a; font-weight: 800; font-size: 15.5px; margin-bottom: 3px; }
.gov-bunbu b::before { content: ''; position: absolute; left: 0; top: 8px; width: 5px; height: 5px; border-radius: 50%; background: #2f9e94; }

/* 반응형 */
@media all and (max-width: 720px) {
	.gov-tri, .gov-divisions { max-width: 100%; }
	.gov-trow { grid-template-columns: 116px 1fr; }
	.gov-th { padding: 12px; font-size: 13px; }
	.gov-td { padding: 12px 14px; font-size: 13px; }
}
@media all and (max-width: 520px) {
	.gov-divisions { grid-template-columns: 1fr; gap: 18px; }
	.gov-tri { gap: 8px; }
	.gov-node { font-size: 12.5px; padding: 10px 8px; }
	.gov-trow { grid-template-columns: 1fr; }
	.gov-th { background: #eef3f9; }
	/* 1열 적층 시 커넥터 라인 숨김 */
	.gov-tri::before, .gov-tri-sub::before, .gov-vstem::before,
	.gov-divisions::before, .gov-div::before,
	.gov-team::before, .gov-team::after { display: none; }
	.gov-team { margin-left: 0; }
}

/* =========================================================
   추진전략 1 — 우수 후보물질의 지속적 공급 (아이콘 카드 3열) — 2026-06-24
   ========================================================= */
.biz2-s1 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.biz2-s1-card {
	display: flex; flex-direction: column; overflow: hidden;
	background: #fff; border: 1px solid #e6ebf1; border-radius: 14px;
	box-shadow: 0 3px 12px rgba(15, 30, 60, .05);
}
/* 상단 아이콘+타이틀 — 3카드 동일 높이 + 옅은 블루 배경 */
.biz2-s1-top {
	display: flex; flex-direction: column; align-items: center; justify-content: center;
	min-height: 158px; padding: 26px 22px 22px; text-align: center;
	background: linear-gradient(180deg, #f4f9fe 0%, #e9f2fb 100%);
	border-bottom: 1px solid #e1ebf5;
}
.biz2-s1-icon { display: flex; justify-content: center; margin-bottom: 12px; color: #2f86c5; }
.biz2-s1-icon svg { width: 44px; height: 44px; }
.biz2-s1-head { margin: 0; text-align: center; font-size: 17px; font-weight: 800; color: #1f5f8e; letter-spacing: -.3px; line-height: 1.4; }
.biz2-s1-head span { display: block; font-size: 12.5px; font-weight: 700; opacity: .85; margin-top: 3px; }
.biz2-s1-list { margin: 0; padding: 24px; list-style: none; }
.biz2-s1-list li { position: relative; padding-left: 15px; font-size: 15.5px; line-height: 1.7; color: #46505d; margin-bottom: 10px; word-break: keep-all; }
.biz2-s1-list li:last-child { margin-bottom: 0; }
.biz2-s1-list li::before { content: ''; position: absolute; left: 2px; top: 9px; width: 5px; height: 5px; border-radius: 50%; background: #2f86c5; }
.biz2-s1-list .ar { color: #1f5f8e; font-weight: 700; }
.biz2-s1-list .sub { color: #6b7480; font-size: 12.5px; }

@media all and (max-width: 820px) {
	.biz2-s1 { grid-template-columns: 1fr; gap: 14px; }
}

/* =========================================================
   추진전략2 · 병목구간 집중 지원 — 개발단계 클릭 필터 — 2026-06-27
   ========================================================= */
.biz2-stagebar.is-interactive .biz2-stage { cursor: pointer; transition: filter .15s ease, transform .15s ease, box-shadow .15s ease; }
.biz2-stagebar.is-interactive .biz2-stage:hover { filter: brightness(1.08) saturate(1.06); }
.biz2-stagebar.is-interactive .biz2-stage:focus-visible { outline: 2px solid #0b2e57; outline-offset: 2px; }
.biz2-stagebar.is-interactive .biz2-stage.is-active { transform: translateY(-1px); box-shadow: 0 5px 14px rgba(11, 46, 87, .35); filter: brightness(1.1) saturate(1.12); }
.biz2-s2[data-filter] .biz2-stagebar .biz2-stage:not(.is-active) { filter: grayscale(.55) brightness(.98); opacity: .7; }

.biz2-prog { transition: opacity .2s ease, filter .2s ease, box-shadow .2s ease, border-color .2s ease; }
.biz2-prog.is-dim { opacity: .4; filter: grayscale(.5); }
.biz2-prog.is-hit { border-color: #a8caea; box-shadow: 0 10px 30px rgba(15, 95, 158, .2); }

/* =========================================================
   추진전략2 · Image #2형 단계 선택 + 프로그램 카드 그리드
   business_v3.css의 .bzf 구조를 5개 약물개발단계에 맞춤
   ========================================================= */
.biz2-bzf {
	padding: 14px 0 0;
}
.biz2-bzf .biz2-drug-axis {
	grid-template-columns: 160px repeat(5, minmax(0, 1fr));
	gap: 0;
	margin: 18px 0 28px;
}
.biz2-bzf .bzf-stage,
.biz2-bzf .bzf-stage-label {
	min-height: 72px;
}
.biz2-bzf .bzf-stage {
	position: relative;
	border: none;
	border-radius: 0;
	margin-left: -1px;
	padding: 12px 20px 12px 24px;
	background: linear-gradient(135deg, #eef4fb, #fff);
	clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 50%, calc(100% - 18px) 100%, 0 100%, 18px 50%);
	box-shadow: inset 0 0 0 1px #dfe7f1;
}
.biz2-bzf .bzf-stage.is-first {
	margin-left: 8px;
	clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 50%, calc(100% - 18px) 100%, 0 100%);
	border-radius: 8px 0 0 8px;
}
.biz2-bzf .bzf-stage:hover,
.biz2-bzf .bzf-stage:focus-visible {
	transform: translateY(-2px);
	border-color: transparent;
	box-shadow: inset 0 0 0 1.5px #bcd2e6, 0 8px 18px rgba(31,111,178,.12);
	outline: none;
}
.biz2-bzf .bzf-stage.is-active {
	background: linear-gradient(135deg, #1f6fb2, #27406a);
	box-shadow: inset 0 0 0 1px #1f6fb2, 0 10px 22px rgba(31,111,178,.24);
}
.biz2-bzf .bzf-stage-label {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-family: 'Pretendard','Noto Sans KR',sans-serif;
	background: #27406a;
	border: 1.5px solid #27406a;
	border-radius: 10px;
	color: #fff;
	font-size: 18px;
	font-weight: 800;
	cursor: pointer;
	transition: transform .18s, box-shadow .18s, filter .18s;
	appearance: none;
	-webkit-appearance: none;
}
.biz2-bzf .bzf-stage-label:hover,
.biz2-bzf .bzf-stage-label:focus-visible {
	transform: translateY(-3px);
	box-shadow: 0 10px 22px rgba(31,111,178,.12);
	filter: brightness(1.04);
	outline: none;
}
.biz2-bzf .bzf-stage-label.is-active {
	box-shadow: 0 12px 26px rgba(31,111,178,.30);
}
.biz2-bzf .bzf-stage-label .num {
	font: 800 12px/1 'Pretendard', sans-serif;
	color: #27406a;
	background: rgba(255,255,255,.78);
	border-radius: 20px;
	padding: 5px 12px;
	letter-spacing: .04em;
}
.biz2-bzf .bzf-stage-label b {
	font-size: 18px;
	font-weight: 800;
	line-height: 1.25;
}
.biz2-bzf .bzf-head-plain {
	margin: 0 0 8px;
}
.biz2-bzf .bzf-head-plain h3 {
	font-size: 24px;
}
.biz2-bzf .bzf-grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
}
.biz2-bzf .bzf-card {
	border-radius: 12px;
	padding: 18px 18px 16px;
}
.biz2-bzf .bzf-card-title {
	display: flex;
	align-items: center;
	gap: 6px;
	min-width: 0;
	margin-bottom: 12px;
	white-space: nowrap;
}
.biz2-bzf .bzf-card-title .bzf-tag {
	flex: 0 0 auto;
	margin: 0;
	padding: 0;
	border-radius: 0;
	background: transparent;
	color: var(--c);
	font-size: 12.5px;
	font-weight: 800;
	line-height: 1.2;
	letter-spacing: -.1px;
}
.biz2-bzf .bzf-card h4 {
	min-width: 0;
	margin: 0;
	color: #1b2535;
	font-size: 16px;
	font-weight: 800;
	line-height: 1.2;
	letter-spacing: -.35px;
	transform: translateY(-1px);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.biz2-bzf .bzf-items {
	gap: 5px;
	margin: 0 0 14px;
}
.biz2-bzf .bzf-items li {
	font-size: 12.5px;
	line-height: 1.48;
}
.biz2-bzf .bzf-covlabel {
	font-size: 11.5px;
	line-height: 1.35;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.biz2-bzf .bzf-cov.is-five {
	grid-template-columns: repeat(5, 1fr);
}
.biz2-bzf .bzf-more-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 12px;
	margin-top: 48px;
}
.biz2-bzf .bzf-more {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 0 22px;
	border-radius: 8px;
	background: #27406a;
	color: #fff;
	font-size: 14px;
	font-weight: 800;
	text-decoration: none;
	box-shadow: 0 8px 20px rgba(39, 64, 106, .18);
}
.biz2-bzf .bzf-more:hover,
.biz2-bzf .bzf-more:focus-visible {
	background: #1f6fb2;
	color: #fff;
	text-decoration: none;
	outline: 2px solid rgba(31,111,178,.28);
	outline-offset: 3px;
}

@media (max-width: 1024px) {
	.biz2-bzf .biz2-drug-axis {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 8px;
	}
	.biz2-bzf .bzf-stage,
	.biz2-bzf .bzf-stage.is-first {
		margin-left: 0;
		clip-path: none;
		border-radius: 10px;
	}
	.biz2-bzf .bzf-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
@media (max-width: 680px) {
	.biz2-bzf .biz2-drug-axis {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.biz2-bzf .bzf-stage,
	.biz2-bzf .bzf-stage-label {
		min-height: 68px;
	}
	.biz2-bzf .bzf-grid {
		grid-template-columns: 1fr;
	}
}
