/* Imported from the practical delivery source; preserve its geometry and media overrides. */
#entrance-highschool .pr-strategy-stage { --pr-accent:#07d0bd; --pr-muted:#60717b; color:#142430; font-family:"NanumSquareNeo-Variable","Pretendard Variable","Apple SD Gothic Neo",sans-serif; font-size:16px; line-height:1.55; }
#entrance-highschool .pr-strategy-stage h2,#entrance-highschool .pr-strategy-stage h3,#entrance-highschool .pr-strategy-stage p { margin:0; padding:0; }
#entrance-highschool .pr-container {
	width: min(1200px,calc(100% - 48px));
	margin: 0 auto
}

#entrance-highschool .pr-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	color: var(--pr-accent);
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 0;
	text-transform: uppercase
}

#entrance-highschool .pr-eyebrow:before {
	content: "";
	flex: 0 0 4px;
	width: 4px;
	height: 20px;
	border-radius: 2px;
	background: #07d0bd
}

#entrance-highschool .pr-heading {
	margin-top: 20px;
	font-family: "SEBANG Gothic Bold","Pretendard Variable",sans-serif;
	font-size: 48px;
	line-height: 1.25;
	letter-spacing: -.045em
}

#entrance-highschool .pr-heading strong {
	color: var(--pr-accent);
	font-weight: inherit
}

#entrance-highschool .pr-lead {
	margin-top: 20px;
	color: var(--pr-muted);
	font-size: 18px;
	line-height: 1.75;
	word-break: keep-all
}

#entrance-highschool .pr-section {
	padding: 120px 0
}

#entrance-highschool .pr-strategy-stage {
	position: relative;
	background-color: #ffffff;
}

#entrance-highschool .pr-strategy-stage.is-scroll-linked .pr-strategy {
	position: sticky;
	top: var(--pr-strategy-sticky-top)
}

#entrance-highschool .pr-strategy-stage.is-scroll-linked .pr-step-scroll {
	scroll-snap-type: none
}

#entrance-highschool .pr-strategy {
	position: relative;
	overflow: hidden;
	padding: 15px 0 100px;
	background-color: #fdfdfd;
	background-image: linear-gradient(180deg,rgba(253,253,253,0) 72%,#fdfdfd 100%),url("../img/entrance-highschool/strategy-background.png");
	background-position: center center,center center;
	background-size: 100% 100%,cover;
	background-repeat: no-repeat,no-repeat
}

#entrance-highschool .pr-strategy .pr-container {
	width: min(1123px,calc(100% - 48px))
}

#entrance-highschool .pr-strategy-head {
	position: relative;
	z-index: 1;
	width: 100%;
	max-width: none
}

#entrance-highschool .pr-strategy .pr-eyebrow {
	gap: 12px;
	color: #00b3a9;
	font-size: 13px;
	letter-spacing: 0
}

#entrance-highschool .pr-strategy .pr-eyebrow:before {
	width: 4px;
	height: 20px;
	border-radius: 2px;
	background: #07d0bd
}

#entrance-highschool .pr-strategy .pr-heading {
	margin-top: 16px;
	color: #13202c;
	font-size: 50px;
	line-height: 1.35;
	letter-spacing: -.045em
}

#entrance-highschool .pr-strategy .pr-heading strong {
	color: #13202c;
	font-weight: inherit
}

#entrance-highschool .pr-strategy .pr-lead {
	margin-top: 16px;
	color: #465463;
	font-size: 17px;
	line-height: 1.6
}

#entrance-highschool .pr-step-scroll {
	position: relative;
	left: 50%;
	z-index: 1;
	width: 100vw;
	margin: 56px 0 0;
	transform: translateX(-50%);
	overflow-x: auto;
	overflow-y: hidden;
	scroll-padding-inline: max(24px,calc((100vw - 1123px)/2));
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
	cursor: grab;
	-webkit-user-select: none;
	user-select: none
}

#entrance-highschool .pr-step-scroll::-webkit-scrollbar {
	display: none
}

#entrance-highschool .pr-step-scroll.is-dragging {
	cursor: grabbing;
	scroll-snap-type: none;
	user-select: none
}

#entrance-highschool .pr-step-track {
	display: flex;
	align-items: center;
	gap: 16px;
	width: max-content;
	padding: 0 max(24px,calc((100vw - 1123px)/2))
}

#entrance-highschool .pr-step-card {
	position: relative;
	flex: 0 0 561px;
	width: 561px;
	height: 273px;
	overflow: hidden;
	border: 1px solid rgba(220,230,234,.9);
	border-radius: 999px;
	background: #fff;
	box-shadow: 0 0 16px rgba(180,180,180,.25);
	scroll-snap-align: start;
	scroll-snap-stop: always
}

#entrance-highschool .pr-step-card:last-of-type {
	scroll-snap-align: end
}

#entrance-highschool .pr-step-copy {
	position: absolute;
	z-index: 2;
	top: 58px;
	left: 67px;
	width: 245px
}

#entrance-highschool .pr-step-card[data-step="1"] .pr-step-copy,
#entrance-highschool .pr-step-card[data-step="2"] .pr-step-copy {
	top: 70px
}

#entrance-highschool .pr-step-copy b {
	display: block;
	color: #00b3a9;
	font-size: 17px;
	font-weight: 700;
	line-height: 1.6
}

#entrance-highschool .pr-step-copy h3 {
	margin-top: 7px;
	color: #13202c;
	font-size: 26px;
	font-weight: 800;
	line-height: 1.39;
	letter-spacing: -.035em;
	word-break: keep-all
}

#entrance-highschool .pr-step-copy p {
	margin-top: 13px;
	color: #465463;
	font-size: 15px;
	line-height: 1.6;
	word-break: keep-all;
	letter-spacing: -.015em;
}

#entrance-highschool .pr-step-illustration {
	position: absolute;
	top: 16px;
	right: 16px;
	display: flex;
	width: 238px;
	height: 238px;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	border-radius: 50%;
	background: #f2f9fd
}

#entrance-highschool .pr-step-illustration img {
	width: 86%;
	height: 86%;
	object-fit: contain;
	pointer-events: none;
	-webkit-user-drag: none;
	user-select: none
}

#entrance-highschool .pr-step-arrow {
	display: flex;
	flex: 0 0 49px;
	width: 49px;
	height: 49px;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(220,230,234,.9);
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 0 16px rgba(180,180,180,.25);
	color: #00b3a9;
	font-size: 20px
}

@media (max-width:720px) {
#entrance-highschool .pr-container {
		width: min(calc(100% - 32px),540px)
	}

#entrance-highschool .pr-section {
		padding: 76px 0
	}

#entrance-highschool .pr-eyebrow {
		font-size: 13px;
		letter-spacing: 0
	}

#entrance-highschool .pr-heading {
		margin-top: 15px;
		font-size: 32px;
		line-height: 1.3
	}

#entrance-highschool .pr-lead {
		margin-top: 14px;
		font-size: 15px;
		line-height: 1.65
	}
}

@media (max-width:1024px) {
#entrance-highschool .pr-step-card {
		flex-basis: 520px;
		width: 520px
	}
}

@media (max-width:720px) {
#entrance-highschool .pr-strategy {
		padding: 15px 0 70px
	}

#entrance-highschool .pr-strategy .pr-container {
		width: calc(100% - 32px)
	}

#entrance-highschool .pr-strategy .pr-heading {
		font-size: 32px;
		line-height: 1.35
	}

#entrance-highschool .pr-strategy .pr-lead {
		font-size: 14px
	}

#entrance-highschool .pr-strategy {
		background-position: center bottom,center bottom
	}

#entrance-highschool .pr-step-scroll {
		left: 50%;
		width: 100vw;
		margin: 36px 0 0;
		transform: translateX(-50%);
		scroll-padding-inline: 16px
	}

#entrance-highschool .pr-step-track {
		gap: 10px;
		padding: 0 16px
	}

#entrance-highschool .pr-step-card {
		flex-basis: min(420px,calc(100vw - 48px));
		width: min(420px,calc(100vw - 48px));
		height: 220px
	}

#entrance-highschool .pr-step-copy {
		top: 48px;
		left: 26px;
		width: calc(100% - 145px)
	}

#entrance-highschool .pr-step-card[data-step="1"] .pr-step-copy,
#entrance-highschool .pr-step-card[data-step="2"] .pr-step-copy {
		top: 48px
	}

#entrance-highschool .pr-step-copy b {
		font-size: 14px
	}

#entrance-highschool .pr-step-copy h3 {
		margin-top: 7px;
		font-size: 21px
	}

#entrance-highschool .pr-step-copy p {
		margin-top: 9px;
		font-size: 14px
	}

#entrance-highschool .pr-step-illustration {
		top: 44px;
		right: 10px;
		width: 112px;
		height: 112px
	}

#entrance-highschool .pr-step-arrow {
		flex-basis: 38px;
		width: 38px;
		height: 38px;
		font-size: 16px
	}
}

@media (min-width:721px) {
#entrance-highschool .pr-step-scroll {
		scroll-padding-inline: max(24px,calc((100vw - 1123px)/2))
	}

#entrance-highschool .pr-step-track {
		padding-inline: max(24px,calc((100vw - 1123px)/2))
	}
}

@media(max-width:720px) {
#entrance-highschool .pr-step-scroll {
		left: auto;
		width: 100%;
		transform: none;
		overflow: visible;
		scroll-snap-type: none;
		cursor: auto;
		user-select: auto
	}

#entrance-highschool .pr-step-track {
		flex-direction: column;
		align-items: stretch;
		width: 100%;
		padding: 0;
		gap: 18px
	}

#entrance-highschool .pr-step-card {
		flex: none;
		width: 100%;
		height: 220px;
		border-radius: 60px;
		scroll-snap-align: none
	}

#entrance-highschool .pr-step-arrow {
		display: none
	}
}

@media (min-width:721px) and (max-width:1366px) {
#entrance-highschool .pr-step-scroll {
		left: 0;
		width: 100%;
		transform: none;
		scroll-padding-inline: 24px;
	}
}

/* Strengths cards — Figma 1185:62. */
#entrance-highschool .pr-step-card{border-radius:63px}
#entrance-highschool .pr-step-copy{left:51.5px;top:59px}
#entrance-highschool .pr-step-card[data-step="1"] .pr-step-copy,#entrance-highschool .pr-step-card[data-step="2"] .pr-step-copy{top:71px}
#entrance-highschool .pr-step-card[data-step="4"] .pr-step-copy{left:51.5px}
#entrance-highschool .pr-step-copy b{font-weight:800}
#entrance-highschool .hs-strength-art{position:absolute;pointer-events:none}
#entrance-highschool .hs-strength-art img{position:absolute;max-width:none;pointer-events:none;user-select:none}
#entrance-highschool .hs-strength-art--1{left:301.5px;top:40px;width:248px;height:350px}
#entrance-highschool .hs-strength-art--1 img{width:248px;height:350px;object-fit:cover;border-radius:2px;box-shadow:0 1px 36px #dae2e3;transform:rotate(-4.62deg)}
#entrance-highschool .hs-strength-art--1 img+img{left:16px;transform:rotate(-1.73deg);box-shadow:-1px 10px 16px #d3d3d3}
#entrance-highschool .hs-strength-art--2{left:295.5px;top:33px;width:456px;height:268px;overflow:hidden;border-radius:6px;box-shadow:0 1px 36px #dae2e3}
#entrance-highschool .hs-strength-art--2 img{width:100%;height:100%;top:0;object-fit:fill}
#entrance-highschool .hs-strength-art--3{left:258.5px;top:-8px;width:302px;height:350px}
#entrance-highschool .hs-strength-art--3 img{width:99.82%;height:87.12%;top:6.87%;object-fit:fill}
#entrance-highschool .hs-strength-art--4{left:289px;top:35px;width:384px;height:251px;background:#fff;border-radius:6px;box-shadow:0 1px 36px #dae2e3}
#entrance-highschool .hs-strength-art--4 img{width:70.83%;height:93.13%;top:1.42%;object-fit:fill}
@media(max-width:720px){
#entrance-highschool .pr-step-card{height:240px;border-radius:36px}
#entrance-highschool .pr-step-copy,#entrance-highschool .pr-step-card[data-step="1"] .pr-step-copy,#entrance-highschool .pr-step-card[data-step="2"] .pr-step-copy,#entrance-highschool .pr-step-card[data-step="4"] .pr-step-copy{left:24px;top:45px;width:52%}
#entrance-highschool .pr-step-copy b{font-size:14px}
#entrance-highschool .pr-step-copy h3{font-size:20px}
#entrance-highschool .pr-step-copy p{font-size:13px;line-height:1.6}
#entrance-highschool .hs-strength-art{transform:scale(.7);transform-origin:top left}
#entrance-highschool .hs-strength-art--1{left:62%;top:35px}
#entrance-highschool .hs-strength-art--2{left:62%;top:35px}
#entrance-highschool .hs-strength-art--3{left:56%;top:10px}
#entrance-highschool .hs-strength-art--4{left:62%;top:35px}
}

@media(min-width:721px){
#entrance-highschool .pr-step-card{flex-basis:561px;width:561px;height:273px}
#entrance-highschool .pr-step-copy{width:245px}
#entrance-highschool .pr-step-copy b{font-size:17px}
#entrance-highschool .pr-step-copy h3{font-size:26px}
#entrance-highschool .pr-step-copy p{font-size:15px}
}