@charset "utf-8";
/* ==========================================================================
 * book-startup2.css
 * ----------------------------------------------------------------------------
 * Version : v32-r18
 * Updated : 2026-04-12 KST
 * Purpose : 스타트업 시리즈 소개 페이지 최종 통합본 / quick nav 밝은톤 정리본
 *
 * [r18]
 * - startup-quick-nav__link 기본톤을 startup-quick-nav__current 계열의 밝은 블루 톤으로 조정
 * - quick nav 숫자 배지를 진한 블루 원형으로 강화
 * - .startup-quick-nav__link.is-passed 를 기본 링크 스타일과 동일하게 유지
 * - .startup-quick-nav__link.is-active 를 기본 링크 스타일과 동일하게 유지
 * - .startup-quick-nav__link.is-active::after 삭제 유지
 * - hover 반응만 공통으로 유지
 *
 * [r17]
 * - quick nav 중복 선언 제거 후 단일 규칙으로 재정리
 * - .startup-quick-nav__link.is-active::after 삭제
 * - .startup-quick-nav__link.is-passed 를 기본 링크 스타일과 동일하게 단순화
 * - .startup-quick-nav__link.is-active 도 기본 링크 스타일과 동일하게 단순화
 * - hover만 공통 반응으로 유지
 * - 모바일에서 스타일 섞임 현상 방지
 * ========================================================================== */


/* ==========================================================================
 * page base
 * ========================================================================== */
.book-startup-page{
	flex:1;
	display:inline-block;
	min-width:0;
	padding:4px 4px 0 4px;
	position:relative;
	box-sizing:border-box;
}

.book-startup-content{
	display:block;
}

.book-startup-content .startup-section[id]{
	scroll-margin-top:148px;
}


/* ==========================================================================
 * section common
 * ========================================================================== */
.book-startup-content .startup-section{
	position:relative;
	margin:0 0 34px;
	padding:28px 26px;
	border:1px solid #e3e8f2;
	border-radius:3px;
	background:#fff;
	box-sizing:border-box;
}

.book-startup-content .startup-section--image{
	padding:0;
	border:0;
	background:transparent;
}

.book-startup-content .startup-section--intro{
	background:#fbfcfe;
}

.book-startup-content .startup-section--audience{
	background:#fcfcff;
}

.book-startup-content .startup-section--school{
	background:#fafcff;
}

.book-startup-content .startup-section--roadmap{
	background:#fbfcff;
}

.book-startup-content .startup-section--books{
	background:#ffffff;
}

.book-startup-content .startup-section--gallery{
	background:#fbfcff;
}

.book-startup-content .startup-section--teacher{
	background:#fbfcff;
}

.book-startup-content .startup-section--mindmap{
	background:#fafcff;
}

.book-startup-content .startup-section--tip{
	background:linear-gradient(180deg, #fffdf7 0%, #ffffff 100%);
	border-color:#f0e3ba;
}

.book-startup-content .startup-image{
	margin:0;
	padding:0;
	line-height:0;
}

.book-startup-content .startup-image img,
.book-startup-content .startup-gallery__item img{
	display:block;
	width:100%;
	max-width:100%;
	height:auto;
	border-radius:3px;
}


/* ==========================================================================
 * title / head common
 * ========================================================================== */
.book-startup-content .startup-title{
	position:relative;
	margin:0 0 18px;
	padding-top:4px;
	padding-left:18px;
	font-size:30px;
	line-height:1.42;
	font-weight:800;
	color:#16254d;
	letter-spacing:-0.03em;
	word-break:keep-all;
}

.book-startup-content .startup-title::before{
	content:"";
	position:absolute;
	top:10px;
	left:0;
	width:8px;
	height:22px;
	border-radius:2px;
	background:#2b5bd7;
}

.book-startup-content .startup-title span{
	display:inline-block;
}

.book-startup-content .startup-title--hero{
	padding-left:0;
	margin:0 0 16px;
	font-size:34px;
	line-height:1.12;
	font-weight:900;
	letter-spacing:-0.05em;
	color:#f8fbff;
	text-shadow:
		0 4px 18px rgba(0,0,0,.26),
		0 0 22px rgba(59,130,246,.08);
}

.book-startup-content .startup-title--hero::before{
	content:none;
}

.book-startup-content .startup-title--hero.main__copy,
.book-startup-content .startup-title.startup-title--hero.main__copy{
	font-size:54px;
	line-height:1.08;
	letter-spacing:-0.05em;
}

.book-startup-content .startup-section-head{
	margin:0 0 22px;
	padding-bottom:16px;
	border-bottom:1px solid #e9edf5;
}

.book-startup-content .startup-section-desc{
	margin:10px 0 0;
	font-size:16px;
	line-height:1.8;
	color:#555;
	word-break:keep-all;
}


/* ==========================================================================
 * hero final
 * ========================================================================== */
.book-startup-content .startup-section--hero,
.book-startup-content .startup-section--hero-visual{
	position:relative;
	margin:0 0 22px;
	padding:42px 40px 36px;
	border:1px solid rgba(86,145,255,.18);
	border-radius:3px;
	background:#020817;
	box-shadow:
		0 24px 64px rgba(2,8,23,.42),
		inset 0 1px 0 rgba(255,255,255,.04);
	overflow:hidden;
}

.book-startup-content .startup-section--hero-visual::before{
	content:"";
	position:absolute;
	inset:0;
	background:
		linear-gradient(
			90deg,
			rgba(1,5,16,.92) 0%,
			rgba(1,5,16,.84) 28%,
			rgba(1,5,16,.54) 56%,
			rgba(1,5,16,.20) 76%,
			rgba(1,5,16,.10) 100%
		),
		linear-gradient(
			180deg,
			rgba(0,0,0,.10) 0%,
			rgba(0,0,0,.22) 100%
		),
		url('/book/hg/Starting-Math-Startup/hero-shiny-blue.jpg');
	background-repeat:no-repeat;
	background-position:center center, center center, right bottom;
	background-size:cover, cover, cover;
	z-index:0;
}

.book-startup-content .startup-section--hero-visual::after{
	content:"";
	position:absolute;
	inset:0;
	background:
		radial-gradient(circle at 73% 80%, rgba(56,189,248,.15) 0%, rgba(56,189,248,0) 24%),
		radial-gradient(circle at 78% 84%, rgba(59,130,246,.18) 0%, rgba(59,130,246,0) 22%);
	z-index:1;
	pointer-events:none;
}

.book-startup-content .startup-section--hero > *,
.book-startup-content .startup-section--hero-visual > *{
	position:relative;
	z-index:2;
}

.book-startup-content .startup-hero-head{
	max-width:860px;
	margin:0 0 30px;
}

.book-startup-content .startup-hero-copy{
	max-width:none;
}

.book-startup-content .startup-hero-copy--strong{
	padding:28px 26px;
	border:1px solid rgba(125,211,252,.12);
	border-radius:3px;
	background:linear-gradient(180deg, rgba(255,255,255,.09) 0%, rgba(255,255,255,.05) 100%);
	backdrop-filter:blur(14px);
	-webkit-backdrop-filter:blur(14px);
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.08),
		0 16px 36px rgba(0,0,0,.18);
}

.book-startup-content .startup-hero-eyebrow{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:34px;
	margin:0 0 18px;
	padding:4px 13px;
	border:1px solid rgba(125,211,252,.18);
	border-radius:999px;
	background:rgba(8,20,40,.72);
	backdrop-filter:blur(10px);
	-webkit-backdrop-filter:blur(10px);
	color:#7dd3fc;
	font-size:12px;
	line-height:1.2;
	font-weight:800;
	letter-spacing:.12em;
	box-shadow:0 10px 24px rgba(2,8,23,.24);
}

.book-startup-content .startup-hero-lead{
	margin:0;
	font-size:25px;
	line-height:1.42;
	font-weight:800;
	letter-spacing:-0.03em;
	color:#67e8f9;
	text-shadow:0 0 18px rgba(34,211,238,.16);
	word-break:keep-all;
}

.book-startup-content .startup-hero-body{
	display:grid;
	grid-template-columns:minmax(0, 1fr) 360px;
	gap:28px;
	align-items:center;
	margin:0 0 24px;
}

.book-startup-content .startup-hero-desc{
	max-width:none;
	margin:0;
	font-size:17px;
	line-height:1.9;
	color:rgba(232,241,255,.82);
	word-break:keep-all;
}

.book-startup-content .startup-hero-stage{
	position:relative;
	display:flex;
	align-items:flex-end;
	justify-content:center;
	min-height:350px;
	padding:12px 0 8px;
}

.book-startup-content .startup-hero-stage__glow{
	position:absolute;
	left:50%;
	bottom:24px;
	width:260px;
	height:260px;
	transform:translateX(-50%);
	border-radius:50%;
	background:radial-gradient(circle, rgba(56,189,248,.22) 0%, rgba(56,189,248,0) 64%);
	filter:blur(12px);
	pointer-events:none;
}

.book-startup-content .startup-hero-stage__book{
	position:relative;
	z-index:2;
}

.book-startup-content .startup-hero-stage__book--front{
	width:286px;
	transform:rotate(4deg);
	transition:transform .24s ease;
}

.book-startup-content .startup-hero-stage__book--front img{
	display:block;
	width:100%;
	height:auto;
	border-radius:3px;
	border:1px solid rgba(255,255,255,.16);
	box-shadow:
		0 30px 56px rgba(0,0,0,.46),
		0 0 12px rgba(255,255,255,.10),
		0 0 28px rgba(125,211,252,.18),
		0 0 54px rgba(37,99,235,.10);
	backface-visibility:hidden;
	-webkit-backface-visibility:hidden;
	transform:translateZ(0);
	-webkit-transform:translateZ(0);
	image-rendering:-webkit-optimize-contrast;
	image-rendering:auto;
	filter:contrast(1.08) saturate(1.08) brightness(1.03) drop-shadow(0 2px 4px rgba(255,255,255,.04));
}

.book-startup-content .startup-hero-stage:hover .startup-hero-stage__book--front{
	transform:rotate(3deg) translateY(-4px);
}

.book-startup-content .startup-hero-chip-list{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	gap:10px;
	margin:0 0 22px;
	padding:0;
	list-style:none;
}

.book-startup-content .startup-hero-chip{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:34px;
	padding:0 14px;
	border:1px solid rgba(125,211,252,.14);
	border-radius:999px;
	background:rgba(8,20,40,.58);
	backdrop-filter:blur(10px);
	-webkit-backdrop-filter:blur(10px);
	color:#dbeafe;
	font-size:13px;
	line-height:1;
	font-weight:700;
	box-sizing:border-box;
	transition:
		transform .18s ease,
		background-color .18s ease,
		border-color .18s ease,
		box-shadow .18s ease,
		color .18s ease;
}

.book-startup-content .startup-hero-chip:hover,
.book-startup-content .startup-hero-chip:focus{
	transform:translateY(-2px);
	border-color:rgba(125,211,252,.28);
	background:rgba(52,120,255,.18);
	color:#ffffff;
	box-shadow:
		0 8px 18px rgba(37,99,235,.16),
		0 0 18px rgba(56,189,248,.10);
}

.book-startup-content .startup-hero-actions{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	gap:12px;
	margin:0;
}

.book-startup-content .startup-hero-link{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:50px;
	padding:0 20px;
	border:1px solid transparent;
	border-radius:14px;
	background:linear-gradient(135deg, #38bdf8 0%, #2563eb 100%);
	color:#ffffff;
	font-size:14px;
	line-height:1;
	font-weight:800;
	text-decoration:none;
	box-shadow:
		0 14px 28px rgba(37,99,235,.28),
		0 0 28px rgba(56,189,248,.14);
	box-sizing:border-box;
	min-width:180px;
}

.book-startup-content .startup-hero-link:hover,
.book-startup-content .startup-hero-link:focus{
	background:linear-gradient(135deg, #4fd2ff 0%, #2d74ff 100%);
	color:#fff;
	text-decoration:none;
}

.book-startup-content .startup-hero-link--ghost{
	border-color:rgba(219,234,254,.16);
	background:rgba(255,255,255,.06);
	color:#e5f0ff;
	box-shadow:none;
	backdrop-filter:blur(10px);
	-webkit-backdrop-filter:blur(10px);
}

.book-startup-content .startup-hero-link--ghost:hover,
.book-startup-content .startup-hero-link--ghost:focus{
	border-color:rgba(219,234,254,.26);
	background:rgba(255,255,255,.10);
	color:#ffffff;
}


/* ==========================================================================
 * quick nav unified
 * ========================================================================== */
.book-startup-content .startup-quick-nav{
	position:sticky;
	top:12px;
	z-index:40;
	margin:0 0 22px;
	padding:0;
	background:transparent;
}

.book-startup-content .startup-quick-nav__toggle{
	display:flex;
	align-items:center;
	justify-content:flex-start;
	gap:8px;
	width:100%;
	min-height:48px;
	padding:10px 16px;
	border:1px solid rgba(9,25,71,.16);
	border-radius:16px;
	background:rgba(255,255,255,.92);
	color:#081227;
	font-size:14px;
	font-weight:800;
	line-height:1;
	cursor:pointer;
	box-shadow:
		0 12px 28px rgba(9,25,71,.08),
		0 1px 0 rgba(255,255,255,.86) inset;
	backdrop-filter:blur(12px);
	-webkit-backdrop-filter:blur(12px);
	appearance:none;
	-webkit-appearance:none;
	outline:none;
	box-sizing:border-box;
	transition:
		border-color .2s ease,
		box-shadow .2s ease,
		background-color .2s ease;
}

.book-startup-content .startup-quick-nav__toggle:hover,
.book-startup-content .startup-quick-nav__toggle:focus{
	border-color:rgba(37,99,235,.32);
	background:rgba(255,255,255,.98);
	box-shadow:
		0 14px 32px rgba(9,25,71,.10),
		0 0 0 2px rgba(37,99,235,.06);
}

.book-startup-content .startup-quick-nav__toggle:focus-visible{
	outline:none;
}

.book-startup-content .startup-quick-nav__toggle-icon--opened,
.book-startup-content .startup-quick-nav__toggle-text--close{
	display:none;
}

.book-startup-content .startup-quick-nav__toggle-label{
	display:inline-flex;
	align-items:center;
	color:#2f4d8c;
	font-size:13px;
	font-weight:800;
	letter-spacing:-0.02em;
	white-space:nowrap;
	flex:0 0 auto;
}

.book-startup-content .startup-quick-nav__toggle-divider{
	display:block;
	width:1px;
	height:16px;
	background:rgba(8,18,39,.12);
	flex:0 0 auto;
}

.book-startup-content .startup-quick-nav__current{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:28px;
	padding:0 10px;
	border-radius:999px;
	background:linear-gradient(135deg, #eff5ff 0%, #dfeaff 100%);
	color:#15316e;
	font-size:13px;
	font-weight:900;
	line-height:1;
	box-shadow:inset 0 0 0 1px rgba(37,99,235,.10);
	white-space:nowrap;
	flex:0 1 auto;
	max-width:calc(100% - 160px);
	overflow:hidden;
	text-overflow:ellipsis;
}

.book-startup-content .startup-quick-nav__toggle-text{
	margin-left:auto;
	color:#5d6b8d;
	font-size:12px;
	font-weight:800;
	white-space:nowrap;
	flex:0 0 auto;
}

.book-startup-content .startup-quick-nav__panel{
	margin-top:10px;
	border:1px solid rgba(9,25,71,.10);
	border-radius:18px;
	background:rgba(244,247,255,.90);
	box-shadow:
		0 18px 36px rgba(9,25,71,.07),
		inset 0 1px 0 rgba(255,255,255,.72);
	backdrop-filter:blur(14px);
	-webkit-backdrop-filter:blur(14px);
	overflow:hidden;
	max-height:460px;
	opacity:1;
	transition:
		max-height .26s ease,
		opacity .2s ease,
		margin-top .2s ease,
		border-width .2s ease;
}

.book-startup-content .startup-quick-nav__inner{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	gap:10px;
	padding:14px;
	background:transparent;
	box-sizing:border-box;
}

.book-startup-content .startup-quick-nav__link,
.book-startup-content .startup-quick-nav__link.is-passed,
.book-startup-content .startup-quick-nav__link.is-active{
	position:relative;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	min-height:42px;
	padding:9px 16px;
	border:1px solid #bfd2ff;
	border-radius:999px;
	background:linear-gradient(135deg, #f3f7ff 0%, #deebff 100%);
	color:#173a7a;
	font-size:13px;
	line-height:1.2;
	font-weight:800;
	text-decoration:none;
	box-sizing:border-box;
	opacity:1;
	outline:none;
	background-clip:padding-box;
	-webkit-tap-highlight-color:transparent;
	transform:translateY(0);
	box-shadow:inset 0 0 0 1px rgba(255,255,255,.55);
	filter:none;
	transition:
		background-color .2s ease,
		border-color .2s ease,
		color .2s ease,
		box-shadow .2s ease,
		transform .2s ease,
		filter .2s ease;
}

.book-startup-content .startup-quick-nav__link:focus,
.book-startup-content .startup-quick-nav__link:focus-visible,
.book-startup-content .startup-quick-nav__link.is-passed:focus,
.book-startup-content .startup-quick-nav__link.is-passed:focus-visible,
.book-startup-content .startup-quick-nav__link.is-active:focus,
.book-startup-content .startup-quick-nav__link.is-active:focus-visible{
	outline:none;
}

.book-startup-content .startup-quick-nav__index{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:22px;
	height:22px;
	border-radius:999px;
	background:#2f63df;
	color:#ffffff;
	font-size:11px;
	line-height:1;
	font-weight:900;
	letter-spacing:0;
	box-shadow:
		0 4px 10px rgba(47,99,223,.22),
		inset 0 1px 0 rgba(255,255,255,.20);
	flex:0 0 auto;
}

.book-startup-content .startup-quick-nav__text{
	display:inline-block;
	white-space:nowrap;
}

.book-startup-content .startup-quick-nav__link:hover,
.book-startup-content .startup-quick-nav__link:focus,
.book-startup-content .startup-quick-nav__link.is-passed:hover,
.book-startup-content .startup-quick-nav__link.is-passed:focus,
.book-startup-content .startup-quick-nav__link.is-active:hover,
.book-startup-content .startup-quick-nav__link.is-active:focus{
	border-color:#8eb0ff;
	background:linear-gradient(135deg, #eaf2ff 0%, #d3e4ff 100%);
	color:#0f2f69;
	box-shadow:
		0 8px 18px rgba(37,99,235,.10),
		inset 0 0 0 1px rgba(255,255,255,.62);
	transform:translateY(-1px);
	text-decoration:none;
	filter:saturate(1.04);
}

.book-startup-content .startup-quick-nav__link.is-active::after,
.book-startup-content .startup-quick-nav__link.is-passed::after{
	content:none;
}

.book-startup-content .startup-quick-nav.is-collapsed .startup-quick-nav__panel{
	max-height:0;
	opacity:0;
	margin-top:0;
	border-width:0;
	pointer-events:none;
}

.book-startup-content .startup-quick-nav.is-expanded .startup-quick-nav__toggle-icon--closed,
.book-startup-content .startup-quick-nav.is-expanded .startup-quick-nav__toggle-text--open{
	display:none;
}

.book-startup-content .startup-quick-nav.is-expanded .startup-quick-nav__toggle-icon--opened,
.book-startup-content .startup-quick-nav.is-expanded .startup-quick-nav__toggle-text--close{
	display:inline;
}


/* ==========================================================================
 * core feature
 * ========================================================================== */
.book-startup-content .startup-feature-list{
	margin:0;
	padding:0;
	list-style:none;
	display:grid;
	grid-template-columns:repeat(2, minmax(0, 1fr));
	gap:14px;
}

.book-startup-content .startup-feature-item{
	padding:20px 20px 18px;
	border:1px solid #e3e8f2;
	border-radius:3px;
	background:#fff;
	box-sizing:border-box;
}

.book-startup-content .startup-feature-title{
	position:relative;
	margin:0 0 10px;
	padding-left:13px;
	font-size:19px;
	line-height:1.55;
	font-weight:800;
	color:#1d2a57;
	letter-spacing:-0.02em;
	word-break:keep-all;
}

.book-startup-content .startup-feature-title::before{
	content:"";
	position:absolute;
	top:11px;
	left:0;
	width:5px;
	height:5px;
	border-radius:50%;
	background:#2b5bd7;
}

.book-startup-content .startup-feature-desc{
	margin:0;
	font-size:15px;
	line-height:1.75;
	color:#555;
	word-break:keep-all;
}


/* ==========================================================================
 * audience
 * ========================================================================== */
.book-startup-content .startup-point-list{
	margin:0;
	padding:0;
	list-style:none;
	display:flex;
	flex-direction:column;
	gap:10px;
}

.book-startup-content .startup-point-item{
	position:relative;
	padding:15px 16px 15px 40px;
	border:1px solid #e4e8f0;
	border-radius:3px;
	background:#fff;
	font-size:16px;
	line-height:1.72;
	color:#333;
	word-break:keep-all;
	box-sizing:border-box;
}

.book-startup-content .startup-point-item::before{
	content:"";
	position:absolute;
	top:21px;
	left:16px;
	width:9px;
	height:9px;
	border-radius:50%;
	background:#2b5bd7;
	box-shadow:0 0 0 3px rgba(43,91,215,.12);
}


/* ==========================================================================
 * school grid
 * ========================================================================== */
.book-startup-content .startup-school-grid{
	display:grid;
	grid-template-columns:repeat(2, minmax(0, 1fr));
	gap:16px;
}

.book-startup-content .startup-school-card{
	padding:24px 22px 22px;
	border:1px solid #dfe5f1;
	border-radius:3px;
	background:#fff;
	box-sizing:border-box;
}

.book-startup-content .startup-school-card--middle{
	background:linear-gradient(180deg, #fbfdff 0%, #ffffff 100%);
}

.book-startup-content .startup-school-card--high{
	background:linear-gradient(180deg, #f7faff 0%, #ffffff 100%);
}

.book-startup-content .startup-school-title{
	margin:0 0 10px;
	font-size:23px;
	line-height:1.45;
	font-weight:800;
	color:#1d2a57;
	word-break:keep-all;
}

.book-startup-content .startup-school-copy{
	margin:0 0 16px;
	font-size:16px;
	line-height:1.8;
	font-weight:700;
	color:#2f3b60;
	word-break:keep-all;
}

.book-startup-content .startup-school-list{
	margin:0;
	padding:0;
	list-style:none;
	display:flex;
	flex-direction:column;
	gap:8px;
}

.book-startup-content .startup-school-list li{
	position:relative;
	padding-left:14px;
	font-size:15px;
	line-height:1.75;
	color:#555;
	word-break:keep-all;
}

.book-startup-content .startup-school-list li::before{
	content:"";
	position:absolute;
	top:10px;
	left:0;
	width:5px;
	height:5px;
	border-radius:50%;
	background:#5f78c7;
}


/* ==========================================================================
 * roadmap
 * ========================================================================== */
.book-startup-content .startup-roadmap{
	display:grid;
	grid-template-columns:repeat(2, minmax(0, 1fr));
	gap:16px;
}

.book-startup-content .startup-roadmap-step{
	padding:22px 20px 20px;
	border:1px solid #e4e8f0;
	border-radius:3px;
	background:#fff;
	box-sizing:border-box;
}

.book-startup-content .startup-roadmap-badge{
	display:inline-block;
	margin:0 0 10px;
	padding:5px 10px;
	border-radius:3px;
	background:#1d2a57;
	color:#fff;
	font-size:13px;
	line-height:1.2;
	font-weight:700;
	letter-spacing:.02em;
}

.book-startup-content .startup-roadmap-title{
	margin:0 0 12px;
	font-size:20px;
	line-height:1.45;
	font-weight:700;
	color:#1d2a57;
	letter-spacing:-0.02em;
	word-break:keep-all;
}

.book-startup-content .startup-roadmap-list{
	margin:0;
	padding:0;
	list-style:none;
	display:flex;
	flex-direction:column;
	gap:8px;
}

.book-startup-content .startup-roadmap-list li{
	position:relative;
	padding-left:14px;
	font-size:15px;
	line-height:1.75;
	color:#555;
	word-break:keep-all;
}

.book-startup-content .startup-roadmap-list li::before{
	content:"";
	position:absolute;
	top:10px;
	left:0;
	width:5px;
	height:5px;
	border-radius:50%;
	background:#2b5bd7;
}

.book-startup-content .startup-roadmap-note{
	margin:16px 0 0;
	font-size:15px;
	line-height:1.8;
	color:#444;
	word-break:keep-all;
}


/* ==========================================================================
 * books intro copy
 * ========================================================================== */
.book-startup-content .startup-books-head{
	margin:0 0 18px;
}

.book-startup-content .startup-books-desc{
	margin:8px 0 0;
	font-size:15px;
	line-height:1.7;
	color:#666;
	word-break:keep-all;
}

.book-startup-content .startup-books-intro{
	display:grid;
	grid-template-columns:1.3fr 1fr;
	gap:14px;
	margin:0 0 16px;
}

.book-startup-content .startup-books-copy{
	padding:18px 18px 16px;
	border:1px solid #e3e8f2;
	border-radius:3px;
	background:linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
	box-sizing:border-box;
}

.book-startup-content .startup-books-copy__eyebrow{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:24px;
	margin:0 0 10px;
	padding:2px 8px;
	border-radius:3px;
	background:#1d2a57;
	color:#fff;
	font-size:11px;
	line-height:1.2;
	font-weight:800;
	letter-spacing:.06em;
}

.book-startup-content .startup-books-copy__title{
	margin:0 0 8px;
	font-size:20px;
	line-height:1.45;
	font-weight:800;
	color:#16254d;
	letter-spacing:-0.02em;
	word-break:keep-all;
}

.book-startup-content .startup-books-copy__desc{
	margin:0;
	font-size:14px;
	line-height:1.75;
	color:#556178;
	word-break:keep-all;
}


/* ==========================================================================
 * tag tree
 * ========================================================================== */
.book-startup-content .startup-tag-tree{
	position:relative;
	margin:0 0 22px;
	padding:18px 18px 16px;
	border:1px solid #e6ebf4;
	border-radius:3px;
	background:linear-gradient(180deg, #fbfcff 0%, #ffffff 100%);
	box-sizing:border-box;
	overflow:hidden;
}

.book-startup-content .startup-tag-tree::before{
	content:"";
	position:absolute;
	top:70px;
	left:38px;
	bottom:22px;
	width:2px;
	background:linear-gradient(180deg, #d7dfef 0%, #edf2fa 100%);
}

.book-startup-content .startup-tag-tree__root{
	position:relative;
	margin:0 0 18px;
	padding:0;
}

.book-startup-content .startup-tag-tree__root-label{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:28px;
	margin:0 0 10px;
	padding:4px 10px;
	border-radius:3px;
	background:#1d2a57;
	color:#fff;
	font-size:12px;
	line-height:1.2;
	font-weight:800;
	letter-spacing:.05em;
}

.book-startup-content .startup-tag-tree__root-tags{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
}

.book-startup-content .startup-tag-tree__branches{
	display:flex;
	flex-direction:column;
	gap:14px;
}

.book-startup-content .startup-tag-branch{
	position:relative;
	padding-left:34px;
}

.book-startup-content .startup-tag-branch::before{
	content:"";
	position:absolute;
	top:16px;
	left:18px;
	width:16px;
	height:2px;
	background:#d7dfef;
}

.book-startup-content .startup-tag-branch__head{
	position:relative;
	margin:0 0 8px;
}

.book-startup-content .startup-tag-branch__title{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:26px;
	padding:4px 10px;
	border:1px solid #d8e1f1;
	border-radius:999px;
	background:#f4f7fd;
	color:#34508b;
	font-size:12px;
	line-height:1.2;
	font-weight:800;
	box-sizing:border-box;
}

.book-startup-content .startup-tag-branch__tags{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
}

.book-startup-content .startup-tag{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:30px;
	padding:4px 11px;
	border:1px solid #d7dfef;
	border-radius:999px;
	background:#fff;
	color:#45536f;
	font-size:13px;
	line-height:1.2;
	font-weight:700;
	word-break:keep-all;
	box-sizing:border-box;
}

.book-startup-content .startup-tag--root{
	border-color:#cfdaf3;
	background:#f5f8ff;
	color:#1d2a57;
	font-weight:800;
}

.book-startup-content .startup-tag:hover{
	border-color:#2b5bd7;
	color:#1f49be;
}

.book-startup-content .startup-tag-branch:nth-child(1) .startup-tag-branch__title{
	background:#f8f4ff;
	color:#6a45a8;
	border-color:#e2d7f6;
}

.book-startup-content .startup-tag-branch:nth-child(2) .startup-tag-branch__title{
	background:#f3f9ff;
	color:#2f5f96;
	border-color:#d8e7f7;
}

.book-startup-content .startup-tag-branch:nth-child(3) .startup-tag-branch__title{
	background:#f5fbf7;
	color:#2f7a4f;
	border-color:#d8eedf;
}

.book-startup-content .startup-tag-branch:nth-child(4) .startup-tag-branch__title{
	background:#fff8f2;
	color:#9a5a1d;
	border-color:#f2dfca;
}

.book-startup-content .startup-tag-branch:nth-child(5) .startup-tag-branch__title{
	background:#fff4f7;
	color:#a33b62;
	border-color:#f1d8e2;
}


/* ==========================================================================
 * books tabs
 * ========================================================================== */
.book-startup-content .startup-book-tabs{
	margin-top:10px;
}

.book-startup-content .startup-book-tabs__nav{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	margin:0 0 18px;
	padding:0;
}

.book-startup-content .startup-book-tabs__btn{
	appearance:none;
	border:1px solid #d7ddea;
	background:#fff;
	color:#2a3553;
	border-radius:3px;
	padding:10px 16px;
	font-size:15px;
	line-height:1.4;
	font-weight:600;
	cursor:pointer;
	transition:background-color .2s ease, border-color .2s ease, color .2s ease;
}

.book-startup-content .startup-book-tabs__btn.is-active{
	background:#1d2a57;
	border-color:#1d2a57;
	color:#fff;
}

.book-startup-content .startup-book-tabs__panel{
	display:none;
}

.book-startup-content .startup-book-tabs__panel.is-active{
	display:block;
}

.book-startup-content .startup-book-tabs__panel-head{
	margin:0 0 16px;
}

.book-startup-content .startup-book-tabs__title{
	margin:0 0 6px;
	font-size:20px;
	line-height:1.45;
	font-weight:700;
	color:#1d2a57;
	letter-spacing:-0.02em;
	word-break:keep-all;
}

.book-startup-content .startup-book-tabs__desc{
	margin:0;
	font-size:15px;
	line-height:1.7;
	color:#666;
	word-break:keep-all;
}


/* ==========================================================================
 * books list
 * ========================================================================== */
.book-startup-content .startup-book-tabs__panel .startup-books-wrap{
	display:block;
}

.book-startup-content .startup-book-tabs__panel .startup-books-wrap .book-list-cate{
	margin:0 0 16px;
	padding:0;
}

.book-startup-content .startup-book-tabs__panel .startup-books-wrap .cate_item{
	margin:0;
}

.book-startup-content .startup-book-tabs__panel .startup-books-wrap .cate_item a{
	display:inline-flex;
	align-items:center;
	gap:4px;
	min-height:40px;
	padding:8px 14px;
	border:1px solid #d9e1ef;
	border-radius:3px;
	background:#fff;
	color:#22345f;
	font-size:14px;
	line-height:1.35;
	font-weight:700;
	text-decoration:none;
	box-sizing:border-box;
}

.book-startup-content .startup-book-tabs__panel .startup-books-wrap .cate_item.cate_sel a{
	background:#f5f8ff;
	border-color:#cfdaf3;
	color:#1d2a57;
}

.book-startup-content .startup-bookTabs__panel .startup-books-wrap .cate_name,
.book-startup-content .startup-book-tabs__panel .startup-books-wrap .cate_name{
	display:inline-flex;
	align-items:center;
	gap:4px;
}

.book-startup-content .startup-book-tabs__panel .startup-books-wrap .cate_num{
	color:#5d6b8d;
	font-weight:700;
}

.book-startup-content .startup-book-tabs__panel .startup-books-wrap .book-tab-content-data{
	display:block;
}

.book-startup-content .startup-book-tabs__panel .startup-books-wrap .book-list-grid{
	margin:0;
	padding:0;
	list-style:none;
	display:grid;
	grid-template-columns:1fr;
	gap:16px;
}

.book-startup-content .startup-book-tabs__panel .startup-books-wrap .book-list-entry{
	margin:0;
	padding:0;
	list-style:none;
}

.book-startup-content .startup-book-tabs__panel .startup-books-wrap .book-list-item{
	display:grid;
	grid-template-columns:140px minmax(0, 1fr);
	grid-template-areas:
		"media header"
		"media summary"
		"option option"
		"review review";
	column-gap:20px;
	row-gap:12px;
	align-items:start;
	height:100%;
	padding:20px 18px;
	border:1px solid #e3e8f2;
	border-radius:3px;
	background:#fff;
	box-sizing:border-box;
}

.book-startup-content .startup-book-tabs__panel .startup-books-wrap .book-cover-wrap{
	grid-area:media;
	flex:none;
	display:block;
	width:140px;
	text-decoration:none;
}

.book-startup-content .startup-book-tabs__panel .startup-books-wrap .book-cover-wrap img{
	display:block;
	width:140px;
	max-width:100%;
	height:auto;
	margin:0;
	border-radius:3px;
	box-shadow:0 6px 14px rgba(24,40,84,.08);
}

.book-startup-content .startup-book-tabs__panel .startup-books-wrap .book-desc-wrap{
	display:contents;
	min-width:0;
}

.book-startup-content .startup-book-tabs__panel .startup-books-wrap .book-title-wrap{
	grid-area:header;
	margin:0;
}

.book-startup-content .startup-book-tabs__panel .startup-books-wrap .book-bullet-row{
	display:flex;
	flex-wrap:wrap;
	gap:6px;
	margin:0 0 8px;
}

.book-startup-content .startup-book-tabs__panel .startup-books-wrap .book-title-lead{
	margin:0 0 6px;
	font-size:14px;
	line-height:1.6;
	font-weight:700;
	color:#46609c;
	word-break:keep-all;
}

.book-startup-content .startup-book-tabs__panel .startup-books-wrap .book-title{
	margin:0;
	font-size:24px;
	line-height:1.42;
	font-weight:800;
	letter-spacing:-0.02em;
	word-break:keep-all;
}

.book-startup-content .startup-book-tabs__panel .startup-books-wrap .book-title a{
	color:#16254d;
	text-decoration:none;
}

.book-startup-content .startup-book-tabs__panel .startup-books-wrap .book-title a:hover,
.book-startup-content .startup-book-tabs__panel .startup-books-wrap .book-title a:focus{
	color:#1f49be;
	text-decoration:underline;
}

.book-startup-content .startup-book-tabs__panel .startup-books-wrap .book-desc-summerize{
	grid-area:summary;
	margin:0;
}

.book-startup-content .startup-book-tabs__panel .startup-books-wrap .book-desc-summerize-list{
	margin:0;
	padding:0;
	list-style:none;
	display:flex;
	flex-direction:column;
	gap:0;
}

.book-startup-content .startup-book-tabs__panel .startup-books-wrap .book-desc-summerize-item{
	position:relative;
	margin:0;
	padding:0 0 0 12px;
}

.book-startup-content .startup-book-tabs__panel .startup-books-wrap .book-desc-summerize-item::before{
	content:"";
	position:absolute;
	top:9px;
	left:0;
	width:4px;
	height:4px;
	border-radius:999px;
	background:#6d89a8;
}

.book-startup-content .startup-book-tabs__panel .startup-books-wrap .book-desc-summerize-text{
	display:block;
	font-size:14px;
	line-height:1.72;
	color:#4d5870;
	word-break:keep-all;
}

.book-startup-content .startup-book-tabs__panel .startup-books-wrap .book-desc-option{
	grid-area:option;
	margin:0;
	padding:14px 14px 12px;
	border:1px solid #e9edf5;
	border-radius:3px;
	background:#fbfcff;
	box-sizing:border-box;
}

.book-startup-content .startup-book-tabs__panel .startup-books-wrap .book-desc-option-row{
	display:flex;
	flex-wrap:wrap;
	gap:8px 14px;
	margin:0 0 8px;
}

.book-startup-content .startup-book-tabs__panel .startup-books-wrap .book-desc-option-row:last-child{
	margin-bottom:0;
}

.book-startup-content .startup-book-tabs__panel .startup-books-wrap .book-desc-option-row > span{
	display:inline-flex;
	flex-wrap:wrap;
	align-items:center;
	gap:6px;
	min-width:0;
}

.book-startup-content .startup-book-tabs__panel .startup-books-wrap .book-desc-option-gubun{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:22px;
	padding:2px 8px;
	border-radius:3px;
	background:#edf2fb;
	color:#35518f;
	font-size:12px;
	line-height:1.2;
	font-weight:800;
	box-sizing:border-box;
}

.book-startup-content .startup-book-tabs__panel .startup-books-wrap .book-desc-option-gubun-txt{
	font-size:13px;
	line-height:1.65;
	color:#505b72;
	word-break:keep-all;
}

.book-startup-content .startup-book-tabs__panel .startup-books-wrap .book-rv-wrap{
	grid-area:review;
	margin:0;
	padding:12px 14px;
	border:1px solid #eef2f8;
	border-radius:3px;
	background:#fff;
	box-sizing:border-box;
}

.book-startup-content .startup-book-tabs__panel .startup-books-wrap .book-rv-list{
	margin:0;
	padding:0;
	list-style:none;
	display:flex;
	flex-direction:column;
	gap:6px;
}

.book-startup-content .startup-book-tabs__panel .startup-books-wrap .book-rv-line{
	margin:0;
	padding:0;
}

.book-startup-content .startup-bookTabs__panel .startup-books-wrap .book-rv-rate,
.book-startup-content .startup-book-tabs__panel .startup-books-wrap .book-rv-rate{
	display:inline-block;
	margin-right:6px;
	font-size:13px;
	line-height:1.5;
	font-weight:800;
	color:#ef8b00;
	vertical-align:top;
}

.book-startup-content .startup-book-tabs__panel .startup-books-wrap .book-rv-content{
	font-size:13px;
	line-height:1.65;
	color:#5a657d;
	word-break:keep-all;
}


/* ==========================================================================
 * startup books badges
 * ========================================================================== */
.book-startup-content .startup-book-tabs__panel .startup-books-wrap .book-bullet-row .icon-book-bullet,
.book-startup-content .startup-book-tabs__panel .startup-books-wrap .book-bullet-row .bullet.icon-book-bullet,
.book-startup-content .startup-book-tabs__panel .startup-books-wrap .book-bullet-row a.icon-book-bullet,
.book-startup-content .startup-book-tabs__panel .startup-books-wrap .book-bullet-row a .icon-book-bullet,
.book-startup-content .startup-book-tabs__panel .startup-books-wrap .book-bullet-row .bullet{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	vertical-align:middle;
	gap:0;
	min-width:0;
	min-height:22px;
	padding:1px 7px;
	border:1px solid transparent;
	border-radius:3px;
	box-sizing:border-box;
	font-size:11px;
	line-height:1.45;
	font-weight:700;
	letter-spacing:-0.02em;
	white-space:nowrap;
	text-decoration:none;
}

.book-startup-content .startup-book-tabs__panel .startup-books-wrap .book-bullet-row .bullet::before,
.book-startup-content .startup-book-tabs__panel .startup-books-wrap .book-bullet-row .icon-book-bullet::before{
	content:none !important;
	display:none !important;
}

.book-startup-content .startup-book-tabs__panel .startup-books-wrap .book-bullet-row .icon-book-new,
.book-startup-content .startup-book-tabs__panel .startup-books-wrap .book-bullet-row .bullet.icon-book-new{
	background:#cc0066;
	border-color:#cc0066;
	color:#fff;
}

.book-startup-content .startup-book-tabs__panel .startup-books-wrap .book-bullet-row .icon-book-hit,
.book-startup-content .startup-book-tabs__panel .startup-books-wrap .book-bullet-row .bullet.icon-book-hit{
	background:#990033;
	border-color:#990033;
	color:#fff;
}

.book-startup-content .startup-book-tabs__panel .startup-books-wrap .book-bullet-row .icon-book-ebs,
.book-startup-content .startup-book-tabs__panel .startup-books-wrap .book-bullet-row .bullet.icon-book-ebs{
	background:#996600;
	border-color:#996600;
	color:#fff;
}

.book-startup-content .startup-book-tabs__panel .startup-books-wrap .book-bullet-row .icon-book-revision,
.book-startup-content .startup-book-tabs__panel .startup-books-wrap .book-bullet-row .bullet.icon-book-revision{
	background:#0033cc;
	border-color:#0033cc;
	color:#fff;
}

.book-startup-content .startup-book-tabs__panel .startup-books-wrap .book-bullet-row .icon-book-new-pub,
.book-startup-content .startup-book-tabs__panel .startup-books-wrap .book-bullet-row .bullet.icon-book-new-pub{
	background:#d200d2;
	border-color:#d200d2;
	color:#fff;
}

.book-startup-content .startup-book-tabs__panel .startup-books-wrap .book-bullet-row .icon-book-update,
.book-startup-content .startup-book-tabs__panel .startup-books-wrap .book-bullet-row .bullet.icon-book-update{
	background:#0033cc;
	border-color:#0033cc;
	color:#fff;
}

.book-startup-content .startup-book-tabs__panel .startup-books-wrap .book-bullet-row .icon-book-recommend,
.book-startup-content .startup-book-tabs__panel .startup-books-wrap .book-bullet-row .bullet.icon-book-recommend{
	background:#6600cc;
	border-color:#6600cc;
	color:#fff;
}

.book-startup-content .startup-book-tabs__panel .startup-books-wrap .book-bullet-row .icon-book-mbest,
.book-startup-content .startup-book-tabs__panel .startup-books-wrap .book-bullet-row .bullet.icon-book-mbest{
	background:#269b26;
	border-color:#269b26;
	color:#fff;
}

.book-startup-content .startup-book-tabs__panel .startup-books-wrap .book-bullet-row .icon-book-work,
.book-startup-content .startup-book-tabs__panel .startup-books-wrap .book-bullet-row .bullet.icon-book-work{
	background:#cc00ff;
	border-color:#cc00ff;
	color:#fff;
}

.book-startup-content .startup-book-tabs__panel .startup-books-wrap .book-bullet-row .icon-book-speed,
.book-startup-content .startup-book-tabs__panel .startup-books-wrap .book-bullet-row .bullet.icon-book-speed{
	background:#cc0066;
	border-color:#cc0066;
	color:#fff;
}

.book-startup-content .startup-book-tabs__panel .startup-books-wrap .book-bullet-row .icon-book-basic,
.book-startup-content .startup-book-tabs__panel .startup-books-wrap .book-bullet-row .bullet.icon-book-basic{
	background:#0033ff;
	border-color:#0033ff;
	color:#fff;
}


/* ==========================================================================
 * teacher
 * ========================================================================== */
.book-startup-content .startup-teacher-grid{
	display:grid;
	grid-template-columns:repeat(2, minmax(0, 1fr));
	gap:16px;
}

.book-startup-content .startup-teacher-card{
	padding:22px 20px 18px;
	border:1px solid #e2e8f3;
	border-radius:3px;
	background:#fff;
	box-sizing:border-box;
}

.book-startup-content .startup-teacher-card--wide{
	grid-column:1 / -1;
}

.book-startup-content .startup-teacher-title{
	margin:0 0 10px;
	font-size:20px;
	line-height:1.5;
	font-weight:800;
	color:#16254d;
	word-break:keep-all;
}

.book-startup-content .startup-teacher-desc{
	margin:0 0 12px;
	font-size:15px;
	line-height:1.78;
	color:#556178;
	word-break:keep-all;
}

.book-startup-content .startup-teacher-list{
	margin:0;
	padding:0;
	list-style:none;
	display:flex;
	flex-direction:column;
	gap:7px;
}

.book-startup-content .startup-teacher-list li{
	position:relative;
	padding-left:14px;
	font-size:14px;
	line-height:1.72;
	color:#505b72;
	word-break:keep-all;
}

.book-startup-content .startup-teacher-list li::before{
	content:"";
	position:absolute;
	top:10px;
	left:0;
	width:5px;
	height:5px;
	border-radius:50%;
	background:#2b5bd7;
}

.book-startup-content .startup-consult-box{
	display:grid;
	grid-template-columns:repeat(2, minmax(0, 1fr));
	gap:10px;
}

.book-startup-content .startup-consult-item{
	margin:0;
	padding:12px 12px 10px;
	border:1px solid #e8edf6;
	border-radius:3px;
	background:#f8fbff;
	font-size:14px;
	line-height:1.7;
	color:#4f5d79;
	word-break:keep-all;
	box-sizing:border-box;
}


/* ==========================================================================
 * tip
 * ========================================================================== */
.book-startup-content .startup-tip-highlight{
	display:grid;
	grid-template-columns:repeat(2, minmax(0, 1fr));
	gap:16px;
}

.book-startup-content .startup-tip-box{
	padding:20px 18px 16px;
	border:1px solid #efe3bf;
	border-radius:3px;
	background:#fff;
	box-sizing:border-box;
}

.book-startup-content .startup-tip-title{
	margin:0 0 10px;
	font-size:19px;
	line-height:1.5;
	font-weight:800;
	color:#7b5a16;
	word-break:keep-all;
}

.book-startup-content .startup-tip-list{
	margin:0;
	padding:0;
	list-style:none;
	display:flex;
	flex-direction:column;
	gap:7px;
}

.book-startup-content .startup-tip-list li{
	position:relative;
	padding-left:14px;
	font-size:14px;
	line-height:1.72;
	color:#6a5d40;
	word-break:keep-all;
}

.book-startup-content .startup-tip-list li::before{
	content:"";
	position:absolute;
	top:10px;
	left:0;
	width:5px;
	height:5px;
	border-radius:50%;
	background:#d2a23d;
}

.book-startup-content .startup-tip-note{
	margin:16px 0 0;
	padding:14px 16px;
	border-radius:3px;
	background:#fff8df;
	font-size:14px;
	line-height:1.75;
	font-weight:700;
	color:#6a571d;
	word-break:keep-all;
}


/* ==========================================================================
 * mindmap
 * ========================================================================== */
.book-startup-content .startup-mindmap{
	padding:10px 0 0;
}

.book-startup-content .startup-mindmap__center{
	display:flex;
	justify-content:center;
	margin:0 0 18px;
}

.book-startup-content .startup-mindmap__core{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:140px;
	min-height:54px;
	padding:8px 18px;
	border-radius:999px;
	background:#1d2a57;
	color:#fff;
	font-size:18px;
	line-height:1;
	font-weight:900;
	letter-spacing:.04em;
	box-sizing:border-box;
	animation:startUpMindmapCorePulse 2.4s ease-in-out infinite;
	transform-origin:center center;
}

.book-startup-content .startup-mindmap__branches{
	display:grid;
	grid-template-columns:repeat(3, minmax(0, 1fr));
	gap:16px;
}

.book-startup-content .startup-mindmap__branch{
	padding:18px 16px 14px;
	border:1px solid #e3e8f2;
	border-radius:3px;
	background:#fff;
	box-sizing:border-box;
}

.book-startup-content .startup-mindmap__title{
	margin:0 0 10px;
	font-size:17px;
	line-height:1.45;
	font-weight:800;
	color:#1d2a57;
	word-break:keep-all;
}

.book-startup-content .startup-mindmap__list{
	margin:0;
	padding:0;
	list-style:none;
	display:flex;
	flex-direction:column;
	gap:7px;
}

.book-startup-content .startup-mindmap__list li{
	position:relative;
	padding-left:14px;
	font-size:14px;
	line-height:1.7;
	color:#566176;
	word-break:keep-all;
}

.book-startup-content .startup-mindmap__list li::before{
	content:"";
	position:absolute;
	top:10px;
	left:0;
	width:5px;
	height:5px;
	border-radius:50%;
	background:#5f78c7;
}

@keyframes startUpMindmapCorePulse{
	0%{transform:scale(1);}
	20%{transform:scale(1.08);}
	40%{transform:scale(1);}
	100%{transform:scale(1);}
}

@media (prefers-reduced-motion: reduce){
	.book-startup-content .startup-mindmap__core{
		animation:none;
	}
}


/* ==========================================================================
 * review slider
 * ========================================================================== */
.book-startup-content .startup-section--review-banner{
	padding:22px 0 10px;
	border:0;
	background:transparent;
}

.book-startup-content .startup-section--review-banner .startup-section-head{
	padding:0 26px 12px;
	margin:0 0 8px;
	border-bottom:0;
}

.book-startup-content .startup-review-slider{
	position:relative;
}

.book-startup-content .startup-review-slider__head{
	display:flex;
	justify-content:flex-end;
	align-items:center;
	padding:0 26px 12px;
}

.book-startup-content .startup-review-slider__tools{
	display:flex;
	gap:8px;
}

.book-startup-content .startup-review-slider__btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:38px;
	height:38px;
	border:1px solid #d7ddea;
	border-radius:3px;
	background:#fff;
	color:#1d2a57;
	font-size:24px;
	line-height:1;
	font-weight:700;
	cursor:pointer;
	box-sizing:border-box;
}

.book-startup-content .startup-review-slider__btn:hover,
.book-startup-content .startup-review-slider__btn:focus{
	border-color:#2b5bd7;
	color:#1f49be;
}

.book-startup-content .startup-review-slider__btn[disabled]{
	opacity:.35;
	cursor:default;
}

.book-startup-content .startup-review-slider__viewport{
	overflow:hidden;
	padding:0 26px;
}

.book-startup-content .startup-review-slider__track{
	display:flex;
	gap:16px;
	transition:transform .35s ease;
	will-change:transform;
}

.book-startup-content .startup-review-card{
	flex:0 0 calc((100% - 16px) / 2);
	padding:18px 18px 16px;
	border:1px solid #e4e9f3;
	border-radius:3px;
	background:linear-gradient(180deg, #ffffff 0%, #fbfcff 100%);
	box-shadow:0 8px 20px rgba(23,39,84,.05);
	box-sizing:border-box;
}

.book-startup-content .startup-review-card__top{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	gap:10px;
	margin:0 0 12px;
}

.book-startup-content .startup-review-card__meta{
	display:flex;
	flex-wrap:wrap;
	gap:6px;
}

.book-startup-content .startup-review-card__series{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:24px;
	padding:2px 8px;
	border-radius:999px;
	background:#edf3ff;
	color:#2850b8;
	font-size:11px;
	line-height:1.2;
	font-weight:800;
}

.book-startup-content .startup-review-card__book{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:24px;
	padding:2px 8px;
	border-radius:999px;
	background:#f5f7fb;
	color:#43506a;
	font-size:11px;
	line-height:1.2;
	font-weight:700;
}

.book-startup-content .startup-review-card__rating{
	display:inline-flex;
	align-items:center;
	gap:2px;
	white-space:nowrap;
}

.book-startup-content .startup-review-card__star{
	font-size:17px;
	line-height:1;
	color:#d9deea;
}

.book-startup-content .startup-review-card__star.is-on{
	text-shadow:0 0 10px rgba(255,180,0,.18);
}

.book-startup-content .startup-review-card__star.is-on.rating-1{color:#ffb400;}
.book-startup-content .startup-review-card__star.is-on.rating-2{color:#ffb400;}
.book-startup-content .startup-review-card__star.is-on.rating-3{color:#ffb400;}
.book-startup-content .startup-review-card__star.is-on.rating-4{color:#ff9800;}
.book-startup-content .startup-review-card__star.is-on.rating-5{color:#ff7a00;}

.book-startup-content .startup-review-card__content{
	display:-webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	overflow:hidden;
	margin:0 0 14px;
	min-height:72px;
	font-size:15px;
	line-height:1.7;
	font-weight:600;
	color:#24324f;
	word-break:keep-all;
}

.book-startup-content .startup-review-card__bottom{
	display:flex;
	flex-direction:column;
	gap:6px;
}

.book-startup-content .startup-review-card__author{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	gap:4px;
}

.book-startup-content .startup-review-card__nick{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:28px;
	padding:4px 10px;
	border-radius:999px;
	background:#1d2a57;
	color:#fff;
	font-size:13px;
	line-height:1.2;
	font-weight:900;
	letter-spacing:.01em;
	box-shadow:0 6px 14px rgba(29,42,87,.12);
}

.book-startup-content .startup-review-card__suffix{
	font-size:12px;
	line-height:1.4;
	font-weight:700;
	color:#6a7489;
}

.book-startup-content .startup-review-card__link{
	font-size:13px;
	line-height:1.5;
	font-weight:700;
	color:#4562a3;
	text-decoration:none;
	word-break:keep-all;
}

.book-startup-content .startup-review-card__link:hover,
.book-startup-content .startup-review-card__link:focus{
	color:#1f49be;
	text-decoration:underline;
}


/* ==========================================================================
 * gallery
 * ========================================================================== */
.book-startup-content .startup-gallery{
	margin:0;
	padding:0;
	list-style:none;
	display:flex;
	flex-direction:column;
	gap:14px;
}

.book-startup-content .startup-gallery__item{
	margin:0;
	padding:0;
}


/* ==========================================================================
 * floating links
 * ========================================================================== */
.startup-floating-links{
	position:fixed;
	left:50%;
	bottom:0;
	z-index:50;
	width:min(calc(100vw - 32px), 900px);
	transform:translateX(-50%);
	padding:0 0 14px;
	pointer-events:none;
	box-sizing:border-box;
}

.startup-floating-links.is-hidden{
	display:none;
}

.startup-floating-links__inner{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:12px;
	width:100%;
	margin:0 auto;
	padding:10px 12px;
	border:1px solid #dfe5f1;
	border-radius:18px;
	background:#fff;
	box-shadow:0 10px 24px rgba(20,32,70,.12);
	pointer-events:auto;
	box-sizing:border-box;
}

.startup-floating-links__item{
	flex:1 1 0;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:0;
	min-height:46px;
	padding:0 18px;
	border-radius:999px;
	font-size:14px;
	line-height:1.2;
	font-weight:800;
	text-decoration:none;
	box-sizing:border-box;
	white-space:nowrap;
}

.startup-floating-links__item--pick{
	background:#5a3e1b;
	color:#fff !important;
	border:1px solid #59391c;
}

.startup-floating-links__item--review{
	background:#fff;
	color:#1d2a57;
	border:1px solid #d7dfef;
}


/* ==========================================================================
 * responsive
 * ========================================================================== */
@media all and (min-width:1280px){
	.book-startup-content .startup-title--hero{
		font-size:34px;
	}

	.book-startup-content .startup-title--hero.main__copy,
	.book-startup-content .startup-title.startup-title--hero.main__copy{
		font-size:54px;
	}

	.book-startup-content .startup-hero-stage__book--front{
		width:308px;
	}
}

@media all and (min-width:992px) and (max-width:1279px){
	.book-startup-content .startup-title{
		font-size:27px;
	}

	.book-startup-content .startup-title--hero{
		font-size:34px;
	}

	.book-startup-content .startup-title--hero.main__copy,
	.book-startup-content .startup-title.startup-title--hero.main__copy{
		font-size:54px;
	}
}

@media all and (max-width:991px){
	.book-startup-content .startup-section[id]{
		scroll-margin-top:136px;
	}

	.book-startup-content .startup-section{
		padding:24px 18px;
		margin-bottom:28px;
	}

	.book-startup-content .startup-title{
		font-size:26px;
		padding-left:16px;
	}

	.book-startup-content .startup-title::before{
		height:20px;
	}

	.book-startup-content .startup-title--hero{
		font-size:34px;
		padding-left:0;
	}

	.book-startup-content .startup-title--hero.main__copy,
	.book-startup-content .startup-title.startup-title--hero.main__copy{
		font-size:49px;
	}

	.book-startup-content .startup-section-desc,
	.book-startup-content .startup-hero-desc{
		font-size:15px;
		line-height:1.8;
	}

	.book-startup-content .startup-feature-list,
	.book-startup-content .startup-school-grid,
	.book-startup-content .startup-roadmap,
	.book-startup-content .startup-books-intro,
	.book-startup-content .startup-teacher-grid,
	.book-startup-content .startup-tip-highlight,
	.book-startup-content .startup-consult-box,
	.book-startup-content .startup-mindmap__branches{
		grid-template-columns:1fr;
	}

	.book-startup-content .startup-section--hero,
	.book-startup-content .startup-section--hero-visual{
		padding:34px 24px 30px;
		border-radius:3px;
	}

	.book-startup-content .startup-section--hero-visual::before{
		background-position:center center, center center, 72% bottom;
	}

	.book-startup-content .startup-hero-lead{
		font-size:20px;
	}

	.book-startup-content .startup-hero-body{
		grid-template-columns:1fr;
		gap:20px;
	}

	.book-startup-content .startup-hero-copy--strong{
		padding:24px 22px;
	}

	.book-startup-content .startup-hero-stage{
		min-height:280px;
	}

	.book-startup-content .startup-hero-stage__book--front{
		width:220px;
	}

	.book-startup-content .startup-book-tabs__panel .startup-books-wrap .book-list-item{
		grid-template-columns:122px minmax(0, 1fr);
	}

	.book-startup-content .startup-book-tabs__panel .startup-books-wrap .book-cover-wrap{
		width:122px;
	}

	.book-startup-content .startup-book-tabs__panel .startup-books-wrap .book-cover-wrap img{
		width:122px;
	}

	.book-startup-content .startup-quick-nav{
		top:10px;
	}

	.book-startup-content .startup-quick-nav__toggle{
		min-height:44px;
		padding:9px 14px;
		border-radius:14px;
	}

	.book-startup-content .startup-quick-nav__panel{
		border-radius:16px;
	}

	.book-startup-content .startup-quick-nav__inner{
		gap:8px;
		padding:12px;
	}

	.book-startup-content .startup-quick-nav__link,
	.book-startup-content .startup-quick-nav__link.is-passed,
	.book-startup-content .startup-quick-nav__link.is-active{
		min-height:38px;
		padding:8px 13px;
		font-size:12px;
		flex:1 1 calc(50% - 4px);
	}

	.book-startup-content .startup-quick-nav__index{
		width:21px;
		height:21px;
	}
}

@media all and (max-width:767px){
	.book-startup-content .startup-section{
		padding:20px 14px;
		margin-bottom:22px;
	}

	.book-startup-content .startup-title{
		margin-bottom:14px;
		padding-left:14px;
		font-size:21px;
		line-height:1.48;
	}

	.book-startup-content .startup-title::before{
		top:8px;
		width:6px;
		height:18px;
	}

	.book-startup-content .startup-title--hero{
		font-size:28px;
		padding-left:0;
		margin-bottom:12px;
		line-height:1.14;
	}

	.book-startup-content .startup-title--hero.main__copy,
	.book-startup-content .startup-title.startup-title--hero.main__copy{
		font-size:46px;
	}

	.book-startup-content .startup-section-head{
		margin-bottom:16px;
		padding-bottom:12px;
	}

	.book-startup-content .startup-section-desc,
	.book-startup-content .startup-hero-desc{
		font-size:14px;
		line-height:1.75;
	}

	.book-startup-content .startup-section--hero,
	.book-startup-content .startup-section--hero-visual{
		padding:30px 18px 26px;
		border-radius:20px;
	}

	.book-startup-content .startup-section--hero-visual::before{
		background-position:center center, center center, 76% bottom;
	}

	.book-startup-content .startup-hero-head{
		margin-bottom:22px;
	}

	.book-startup-content .startup-hero-lead{
		font-size:18px;
		line-height:1.55;
		margin-bottom:0;
	}

	.book-startup-content .startup-hero-body{
		grid-template-columns:1fr;
		gap:18px;
		margin-bottom:18px;
	}

	.book-startup-content .startup-hero-copy--strong{
		padding:20px 18px;
		border-radius:18px;
	}

	.book-startup-content .startup-hero-stage{
		min-height:240px;
		padding-bottom:0;
	}

	.book-startup-content .startup-hero-stage__book--front{
		width:184px;
	}

	.book-startup-content .startup-hero-chip-list{
		gap:8px;
		margin-bottom:18px;
	}

	.book-startup-content .startup-hero-chip{
		min-height:31px;
		padding:0 12px;
		font-size:12px;
	}

	.book-startup-content .startup-hero-actions{
		gap:10px;
	}

	.book-startup-content .startup-hero-link{
		flex:1 1 100%;
		min-height:44px;
	}

	.book-startup-content .startup-feature-title{
		font-size:16px;
	}

	.book-startup-content .startup-feature-desc,
	.book-startup-content .startup-school-list li,
	.book-startup-content .startup-roadmap-list li{
		font-size:14px;
		line-height:1.7;
	}

	.book-startup-content .startup-point-item{
		padding:13px 12px 13px 34px;
		font-size:14px;
	}

	.book-startup-content .startup-point-item::before{
		top:18px;
		left:12px;
		width:8px;
		height:8px;
	}

	.book-startup-content .startup-school-title,
	.book-startup-content .startup-roadmap-title,
	.book-startup-content .startup-book-tabs__title{
		font-size:18px;
	}

	.book-startup-content .startup-school-copy,
	.book-startup-content .startup-roadmap-note,
	.book-startup-content .startup-books-desc,
	.book-startup-content .startup-book-tabs__desc{
		font-size:14px;
		line-height:1.7;
	}

	.book-startup-content .startup-books-copy{
		padding:16px 14px 14px;
	}

	.book-startup-content .startup-books-copy__title{
		font-size:17px;
	}

	.book-startup-content .startup-books-copy__desc{
		font-size:13px;
		line-height:1.7;
	}

	.book-startup-content .startup-tag-tree{
		padding:14px 12px 12px;
		margin-bottom:18px;
	}

	.book-startup-content .startup-tag-tree::before{
		left:24px;
		top:64px;
	}

	.book-startup-content .startup-tag-branch{
		padding-left:24px;
	}

	.book-startup-content .startup-tag-branch::before{
		left:10px;
		width:12px;
	}

	.book-startup-content .startup-tag-tree__root-tags,
	.book-startup-content .startup-tag-branch__tags{
		gap:6px;
	}

	.book-startup-content .startup-tag{
		min-height:28px;
		padding:4px 9px;
		font-size:12px;
	}

	.book-startup-content .startup-tag-tree__root-label,
	.book-startup-content .startup-tag-branch__title{
		font-size:11px;
	}

	.book-startup-content .startup-book-tabs__nav{
		gap:6px;
		margin-bottom:14px;
	}

	.book-startup-content .startup-book-tabs__btn{
		flex:1 1 calc(50% - 3px);
		padding:10px 12px;
		font-size:14px;
	}

	.book-startup-content .startup-book-tabs__panel .startup-books-wrap .book-list-cate{
		margin-bottom:12px;
	}

	.book-startup-content .startup-book-tabs__panel .startup-books-wrap .cate_item a{
		width:100%;
		justify-content:space-between;
		padding:8px 12px;
		font-size:13px;
	}

	.book-startup-content .startup-book-tabs__panel .startup-books-wrap .book-list-item{
		display:flex;
		flex-direction:column;
		align-items:center;
		gap:14px;
		padding:16px 14px;
	}

	.book-startup-content .startup-bookTabs__panel .startup-books-wrap .book-cover-wrap,
	.book-startup-content .startup-book-tabs__panel .startup-books-wrap .book-cover-wrap{
		display:block;
		width:100%;
		max-width:none;
		text-align:center;
	}

	.book-startup-content .startup-book-tabs__panel .startup-books-wrap .book-cover-wrap img{
		width:251px;
		margin:0 auto;
	}

	.book-startup-content .startup-book-tabs__panel .startup-books-wrap .book-desc-wrap{
		display:block;
		width:100%;
	}

	.book-startup-content .startup-book-tabs__panel .startup-books-wrap .book-title{
		font-size:19px;
		line-height:1.42;
	}

	.book-startup-content .startup-book-tabs__panel .startup-books-wrap .book-title-lead,
	.book-startup-content .startup-book-tabs__panel .startup-books-wrap .book-desc-summerize-text{
		font-size:13px;
		line-height:1.68;
	}

	.book-startup-content .startup-book-tabs__panel .startup-books-wrap .book-desc-option{
		padding:12px 12px 10px;
	}

	.book-startup-content .startup-book-tabs__panel .startup-books-wrap .book-desc-option-row{
		flex-direction:column;
		gap:6px;
	}

	.book-startup-content .startup-book-tabs__panel .startup-books-wrap .book-desc-option-row > span{
		display:flex;
	}

	.book-startup-content .startup-book-tabs__panel .startup-books-wrap .book-desc-option-gubun-txt,
	.book-startup-content .startup-book-tabs__panel .startup-books-wrap .book-rv-content,
	.book-startup-content .startup-teacher-desc,
	.book-startup-content .startup-teacher-list li,
	.book-startup-content .startup-tip-list li,
	.book-startup-content .startup-tip-note,
	.book-startup-content .startup-mindmap__list li,
	.book-startup-content .startup-consult-item{
		font-size:12px;
		line-height:1.62;
	}

	.book-startup-content .startup-teacher-card,
	.book-startup-content .startup-tip-box,
	.book-startup-content .startup-mindmap__branch{
		padding:16px 14px 14px;
	}

	.book-startup-content .startup-teacher-title,
	.book-startup-content .startup-tip-title{
		font-size:17px;
	}

	.book-startup-content .startup-mindmap__core{
		min-width:120px;
		min-height:48px;
		font-size:16px;
	}

	.book-startup-content .startup-section--review-banner .startup-section-head{
		padding:0 14px 10px;
	}

	.book-startup-content .startup-review-slider__head{
		padding:0 14px 10px;
	}

	.book-startup-content .startup-review-slider__viewport{
		padding:0 14px;
	}

	.book-startup-content .startup-review-card{
		flex:0 0 100%;
	}

	.book-startup-content .startup-quick-nav{
		top:8px;
		margin:0 0 16px;
	}

	.book-startup-content .startup-quick-nav__toggle{
		min-height:42px;
		padding:9px 12px;
		border-radius:14px;
		gap:6px;
		flex-wrap:nowrap;
	}

	.book-startup-content .startup-quick-nav__toggle-label{
		font-size:12px;
	}

	.book-startup-content .startup-quick-nav__current{
		font-size:12px;
		max-width:calc(100% - 120px);
	}

	.book-startup-content .startup-quick-nav__toggle-text{
		font-size:11px;
	}

	.book-startup-content .startup-quick-nav__inner{
		padding:10px;
		gap:8px;
	}

	.book-startup-content .startup-quick-nav__link,
	.book-startup-content .startup-quick-nav__link.is-passed,
	.book-startup-content .startup-quick-nav__link.is-active{
		flex:1 1 calc(50% - 4px);
		min-height:34px;
		padding:8px 12px;
		font-size:12px;
	}

	.book-startup-content .startup-quick-nav__index{
		width:20px;
		height:20px;
		font-size:10px;
	}

	.startup-floating-links{
		width:min(calc(100vw - 20px), 900px);
		padding:0 0 10px;
	}

	.startup-floating-links__inner{
		flex-direction:column;
		gap:8px;
		padding:10px;
		border-radius:14px;
	}

	.startup-floating-links__item{
		width:100%;
		min-height:42px;
		font-size:13px;
	}
}

@media all and (max-width:412px){
	.book-startup-content .startup-section--hero,
	.book-startup-content .startup-section--hero-visual{
		padding:28px 14px 24px;
		border-radius:18px;
	}

	.book-startup-content .startup-section--hero-visual::before{
		background-position:center center, center center, 80% bottom;
	}

	.book-startup-content .startup-title{
		font-size:19px;
	}

	.book-startup-content .startup-title--hero{
		font-size:24px;
		line-height:1.18;
	}

	.book-startup-content .startup-title--hero.main__copy,
	.book-startup-content .startup-title.startup-title--hero.main__copy{
		font-size:37px;
		line-height:1.18;
	}

	.book-startup-content .startup-hero-head{
		margin-bottom:20px;
	}

	.book-startup-content .startup-hero-lead{
		font-size:16px;
		line-height:1.5;
	}

	.book-startup-content .startup-hero-body{
		grid-template-columns:1fr;
		gap:16px;
		margin-bottom:16px;
	}

	.book-startup-content .startup-hero-copy--strong{
		padding:18px 16px;
		border-radius:16px;
	}

	.book-startup-content .startup-hero-desc{
		font-size:13px;
		line-height:1.72;
	}

	.book-startup-content .startup-hero-stage{
		min-height:210px;
	}

	.book-startup-content .startup-hero-stage__book--front{
		width:162px;
	}

	.book-startup-content .startup-hero-chip-list{
		gap:7px;
		margin-bottom:16px;
	}

	.book-startup-content .startup-hero-chip{
		min-height:29px;
		padding:0 10px;
		font-size:11px;
	}

	.book-startup-content .startup-hero-actions{
		gap:8px;
	}

	.book-startup-content .startup-hero-link{
		width:100%;
		min-height:42px;
		padding:0 16px;
		border-radius:12px;
	}

	.book-startup-content .startup-quick-nav__toggle{
		flex-wrap:wrap;
		align-items:center;
	}

	.book-startup-content .startup-quick-nav__toggle-text{
		margin-left:0;
	}

	.book-startup-content .startup-quick-nav__current{
		max-width:100%;
	}

	.book-startup-content .startup-quick-nav__link,
	.book-startup-content .startup-quick-nav__link.is-passed,
	.book-startup-content .startup-quick-nav__link.is-active,
	.book-startup-content .startup-book-tabs__btn{
		flex:1 1 100%;
	}
}