/* 섹션2 전용: 원본 반응형 크기와 카드 배치 보존 */
.planet-persona-reference{font:400 12px PlanetPretendard,sans-serif;word-break:keep-all;overflow-wrap:break-word;color:#191919;background:#f5f6f8;text-align:left;width:calc(100vw - 10px)}
.planet-persona-reference *{box-sizing:border-box;margin:0;padding:0;border:0}
.planet-persona-reference p{word-break:break-all}
.planet-persona-reference img{vertical-align:middle}
.planet-persona-reference{
			--f10px: 10px;
			--f11px: 11px;
			--f12px: 12px;
			--f13px: 13px;
			--f14px: 14px;
			--f15px: 15px;
			--f16px: 16px;
			--f17px: 17px;
			--f18px: 18px;
			--f19px: 19px;
			--f20px: 20px;
			--f21px: 21px;
			--f22px: 22px;
			--f23px: 23px;
			--f24px: 24px;
			--f25px: 25px;
			--f26px: 26px;
			--f27px: 27px;
			--f28px: 28px;
			--f29px: 29px;
			--f30px: 30px;
			--f32px: 32px;
			--f34px: 34px;
			--f36px: 36px;
			--f38px: 38px;
			--f40px: 40px;
			--f42px: 42px;
			--f44px: 44px;
			--f46px: 46px;
			--f48px: 48px;
			--f50px: 50px;
			--f60px: 60px;

			--color__basic: #020202;
			--color__hover: #575BDB;
			--color__white: #fff;
			--color__main: #575BDB;
			--color__sub01: #020202;

			--header__theight: 40px;
			--header__bheight: 90px;


			--bg__light: #F9FAFB;
			--text-dark: #1d1d1d;
			--shadow-default:0 4px 6px -1px rgba(0,0,0,.05),0 2px 4px -1px rgba(0,0,0,.03);
		}
@media  screen and (max-width:1600px){.planet-persona-reference{
				--f60px: 60px;
			}
}@media  screen and (max-width:1440px){.planet-persona-reference{
				--f60px: 55px;
			}
}@media  screen and (max-width:1280px){.planet-persona-reference{
				--f60px: 50px;
			}
}@media  screen and (max-width:1024px){.planet-persona-reference{
				--f60px: 45px;
			}
}@media  screen and (max-width:768px){.planet-persona-reference{
				--f60px: 40px;
			}
}@media  screen and (max-width:570px){.planet-persona-reference{
				--f60px: 35px;
			}
}@media  screen and (max-width:480px){.planet-persona-reference{
				--f60px: 14.2vw;
			}
}.planet-persona-reference .inner__cen1840{position:relative; width:90%; max-width:1840px; margin: 0 auto;}
@media  screen and (max-width:1840px){.planet-persona-reference .inner__cen1840{width:90%;}
}.planet-persona-reference{
	--f10px: 10px;
	--f11px: 11px;
	--f12px: 12px;
	--f13px: 13px;
	--f14px: 14px;
	--f15px: 15px;
	--f16px: 16px;
	--f17px: 17px;
	--f18px: 18px;
	--f19px: 19px;
	--f20px: 20px;
	--f21px: 21px;
	--f22px: 22px;
	--f23px: 23px;
	--f24px: 24px;
	--f25px: 25px;
	--f26px: 26px;
	--f27px: 27px;
	--f28px: 28px;
	--f29px: 29px;
	--f30px: 30px;
	--f32px: 32px;
	--f34px: 34px;
	--f36px: 36px;
	--f38px: 38px;
	--f40px: 40px;
	--f42px: 42px;
	--f44px: 44px;
	--f46px: 46px;
	--f48px: 48px;
	--f50px: 50px;
	--f60px: 60px;

	--color__basic: #191919;
	--color__hover: #034694;
	--color__white: #fff;
	--color__main: #034694;
	--color__sub01: #191919;

	--header__theight: 40px;
	--header__bheight: 90px;

	--mpx: 1px;
}
@media  screen and (max-width: 767px) {.planet-persona-reference{ --mpx: clamp(1px, calc(1px + (100vw - 375px) * 0.3 / 392), 1.3px); }
}.planet-persona-reference{ --mpy: var(--mpx); }
@media  screen and (max-width: 1600px) {.planet-persona-reference{ --f60px: 60px; }
}@media  screen and (max-width: 1440px) {.planet-persona-reference{ --f60px: 55px; }
}@media  screen and (max-width: 1280px) {.planet-persona-reference{ --f60px: 50px; }
}@media  screen and (max-width: 1024px) {.planet-persona-reference{ --f60px: 45px; }
}@media  screen and (max-width: 768px) {.planet-persona-reference{ --f60px: 40px; }
}@media  screen and (max-width: 570px) {.planet-persona-reference{ --f60px: 35px; }
}@media  screen and (max-width: 480px) {.planet-persona-reference{ --f60px: 14.2vw; }
}.planet-persona-reference .inner__cen1840{ position: relative; width: 95%; max-width: 1840px; margin: 0 auto; }
@media  screen and (max-width: 767px) {.planet-persona-reference [class*="inner__cen"]{ width: calc(100% - 40 * var(--mpx)); }
}.planet-persona-reference .main__contents__wr{
	padding: 160px 0;
}
.planet-persona-reference .main__persona__section.main__contents__wr{
	height: 100svh;
	min-height: 760px;
	overflow: hidden;
	background: #f5f6f8;
}
.planet-persona-reference .main__persona__inner{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: clamp(40px, 8vw, 160px);
	height: 100%;
	box-sizing: border-box;
	padding: 72px clamp(40px, calc((100vw - 1120px) * 0.36), 280px);
}
.planet-persona-reference .main__persona__copy{
	flex: 1 1 auto;
	max-width: 525px;
}
.planet-persona-reference .main__persona__copy h2{
	margin: 0;
	font-family: PlanetPretendard, sans-serif;
	font-size: clamp(40px, 3.333vw, 64px);
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: -0.025em;
	color: #000;
	word-break: keep-all;
}
.planet-persona-reference .main__persona__copy h2 em,.planet-persona-reference .main__persona__copy h2 span{
	display: block;
	font-style: normal;
}
.planet-persona-reference .main__persona__copy h2 em{
	color: #2b5fff;
}
.planet-persona-reference .main__persona__copy p{
	margin: 40px 0 0;
	font-family: PlanetPretendard, sans-serif;
	font-size: 24px;
	font-weight: 400;
	line-height: 1.3;
	letter-spacing: -0.025em;
	color: rgba(0, 0, 0, 0.8);
}
.planet-persona-reference .main__persona__stage{
	flex: 0 0 600px;
	width: 600px;
	height: 620px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.planet-persona-reference .main__persona__deck{
	position: relative;
	width: 469px;
	height: 600px;
	margin: 0;
	overflow: visible;
}
.planet-persona-reference .main__persona__card{
	position: absolute;
	inset: 0;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	padding: 0;
	overflow: hidden;
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 28px 64px rgba(40, 59, 104, 0.14);
	transform-origin: 50% 50%;
	will-change: transform, opacity;
	backface-visibility: hidden;
}
.planet-persona-reference .main__persona__card-head{
	position: relative;
	z-index: 2;
	padding: 40px;
}
.planet-persona-reference .main__persona__quote{
	display: block;
	width: 64px;
	height: auto;
	margin: 0 0 12px;
}
.planet-persona-reference .main__persona__card h3{
	margin: 0;
	font-family: PlanetPretendard, sans-serif;
	font-size: 40px;
	font-weight: 900;
	line-height: 1.3;
	letter-spacing: -1px;
	color: #000;
}
.planet-persona-reference .main__persona__card-visual{
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
}
.planet-persona-reference .main__persona__character{
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	width: 100%;
	height: auto;
}
.planet-persona-reference .main__persona__bubble{
	position: absolute;
	z-index: 2;
	display: grid;
	place-items: center;
	width: 210px;
}
.planet-persona-reference .main__persona__bubble > img{
	grid-area: 1 / 1;
	display: block;
	width: 100%;
	height: auto;
}
.planet-persona-reference .main__persona__bubble p{
	grid-area: 1 / 1;
	margin: 0 0 14px;
	font-family: PlanetPretendard, sans-serif;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: -0.025em;
	text-align: center;
	color: #2b5fff;
	white-space: nowrap;
}
.planet-persona-reference .main__persona__card--01 .main__persona__bubble,.planet-persona-reference .main__persona__card--05 .main__persona__bubble{
	right: 20px;
	top: 35%;
}
.planet-persona-reference .main__persona__card--02 .main__persona__bubble,.planet-persona-reference .main__persona__card--03 .main__persona__bubble,.planet-persona-reference .main__persona__card--04 .main__persona__bubble{
	left: 20px;
	top: 38%;
}
@media  screen and (max-width: 1200px) {.planet-persona-reference .main__persona__inner{
		gap: 32px;
		padding: 72px 0;
	}
.planet-persona-reference .main__persona__stage{
		flex-basis: 480px;
		width: 480px;
		height: 520px;
		justify-content: flex-end;
	}
.planet-persona-reference .main__persona__deck{
		transform: scale(0.84);
		transform-origin: right center;
	}
}@media  screen and (max-width: 767px) {.planet-persona-reference .main__persona__section.main__contents__wr{
		height: auto;
		min-height: 0;
		padding: calc(120 * var(--mpx)) 0 calc(60 * var(--mpx));
	}
.planet-persona-reference .main__persona__inner{
		flex-direction: column;
		align-items: stretch;
		gap: calc(40 * var(--mpx));
		height: auto;
		padding: 0;
	}
.planet-persona-reference .main__persona__copy{
		max-width: 100%;
	}
.planet-persona-reference .main__persona__copy h2{
		font-size: calc(32 * var(--mpx));
		line-height: 1.1;
	}
.planet-persona-reference .main__persona__copy p{
		margin-top: calc(24 * var(--mpx));
		font-size: calc(14 * var(--mpx));
	}
.planet-persona-reference .main__persona__stage{
		display: block;
		flex: none;
		width: calc(100% + 40 * var(--mpx));
		height: auto;
		margin-left: calc(-20 * var(--mpx));
		padding: 0 calc(20 * var(--mpx));
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		scroll-padding: 0 calc(20 * var(--mpx));
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
	}
.planet-persona-reference .main__persona__stage::-webkit-scrollbar{
		display: none;
	}
.planet-persona-reference .main__persona__deck{
		display: flex;
		gap: calc(8 * var(--mpx));
		width: max-content;
		height: auto;
		transform: none;
	}
.planet-persona-reference .main__persona__card{
		position: relative;
		inset: auto;
		flex: none;
		width: calc(300 * var(--mpx));
		height: calc(383 * var(--mpx));
		border-radius: calc(10.2 * var(--mpx));
		box-shadow: none;
		scroll-snap-align: start;
	}
.planet-persona-reference .main__persona__card-head{
		padding: calc(25.6 * var(--mpx));
	}
.planet-persona-reference .main__persona__quote{
		width: calc(41 * var(--mpx));
		margin-bottom: calc(7 * var(--mpx));
	}
.planet-persona-reference .main__persona__card h3{
		font-size: calc(24 * var(--mpx));
		letter-spacing: -0.6px;
	}
.planet-persona-reference .main__persona__bubble{
		width: calc(134.2 * var(--mpx));
	}
.planet-persona-reference .main__persona__bubble p{
		margin-bottom: calc(9 * var(--mpx));
		font-size: calc(10 * var(--mpx));
	}
.planet-persona-reference .main__persona__card--01 .main__persona__bubble{
		right: calc(12.3 * var(--mpx));
		top: calc(191.9 * var(--mpx));
	}
.planet-persona-reference .main__persona__card--02 .main__persona__bubble{
		left: calc(24.9 * var(--mpx));
		top: calc(158 * var(--mpx));
	}
.planet-persona-reference .main__persona__card--03 .main__persona__bubble{
		left: calc(24.3 * var(--mpx));
		top: calc(146.5 * var(--mpx));
	}
.planet-persona-reference .main__persona__card--04 .main__persona__bubble{
		left: calc(13 * var(--mpx));
		top: calc(146 * var(--mpx));
	}
.planet-persona-reference .main__persona__card--05 .main__persona__bubble{
		right: calc(12 * var(--mpx));
		top: calc(137 * var(--mpx));
		width: calc(147 * var(--mpx));
	}
}
.reference-section.planet-persona-host{padding:0;min-height:0;display:block;background:none;overflow-x:clip}
.reference-section.planet-persona-host>.section-content{width:100%;max-width:none;margin:0}