/*
 * gisuk_gate styles
 *
 * Breakpoints
 * - PC: 1200px and up
 * - TA: 768px to 1199px
 * - MO: 767px and below
 *
 * Cascade map
 * 1. Base tokens, resets, and shared layout helpers
 * 2. Section base styles in page order
 * 3. Figma parity patches and component-specific responsive rules
 * 4. Final responsive content containers at the end of the file
 *
 * Keep the final container block last. It intentionally normalizes
 * content width by breakpoint after older section-level width rules.
 */

#wrapper .gate-page {
	--gate-red: #c40000;
	--gate-deep-red: #6e0505;
	--gate-text: #333;
	--gate-sub: #777;
	--gate-mid: #555;
	--gate-line: #dbdbdb;
	--gate-light-line: #e5e5e5;
	--gate-bg: #f8f8f8;
	color: var(--gate-text);
	font-family: "Pretendard Variable", Pretendard, "Noto Sans KR", sans-serif;
	overflow: hidden;
}

#wrapper .gate-page * {
	box-sizing: border-box;
	letter-spacing: 0;
}

#wrapper .gate-page h1,
#wrapper .gate-page h2,
#wrapper .gate-page h3,
#wrapper .gate-page p,
#wrapper .gate-page ul,
#wrapper .gate-page ol {
	margin: 0;
	padding: 0;
}

#wrapper .gate-page ul,
#wrapper .gate-page ol {
	list-style: none;
}

#wrapper .gate-page img {
	display: block;
	max-width: 100%;
}

#wrapper .gate-page a {
	color: inherit;
	text-decoration: none;
}

/* Shared content containers: concrete breakpoint widths are finalized at the end. */
#wrapper .gate-inner {
	width: 100%;
	max-width: none;
	margin: 0 auto;
}

#wrapper .gate-wide {
	width: 100%;
	max-width: none;
	margin: 0 auto;
}

@media (min-width: 1200px) {

	/* PC default content widths for rules declared before the final override block. */
	#wrapper .gate-inner {
		width: 1024px;
		max-width: 100%;
		padding-right: 0;
		padding-left: 0;
	}

	#wrapper .gate-wide {
		width: 1232px;
		max-width: 100%;
		padding-right: 0;
		padding-left: 0;
	}

	#wrapper .gate-title--facility,
	#wrapper .gate-system--dorm>.gate-inner,
	#wrapper .gate-system--curriculum>.gate-inner,
	#wrapper .gate-system--study>.gate-inner,
	#wrapper .gate-system--content>.gate-inner,
	#wrapper .gate-link-section>.gate-inner,
	#wrapper .gate-system--facility .gate-title--facility {
		width: 1024px;
		max-width: 100%;
		padding-right: 0;
		padding-left: 0;
	}
}

#wrapper .gate-hero {
	position: relative;
	padding: 90px 0 60px;
	background: #fff;
	text-align: center;
}

#wrapper .gate-hero::before {
	content: "";
	position: absolute;
	top: -25px;
	left: 50%;
	width: 1920px;
	height: 1324px;
	transform: translateX(-50%);
	background: url("https://russeldata.megastudy.net/campus/images/russel/intro/2026/gisuk_gate/top-bg.svg") center top / 1920px 1324px no-repeat;
	pointer-events: none;
}

#wrapper .gate-hero__copy {
	position: relative;
	z-index: 1;
	margin: 0 auto 60px;
}

#wrapper .gate-hero h1 {
	font-size: 84px;
	font-weight: 800;
	line-height: 1.2;
}

#wrapper .gate-hero h1 span,
#wrapper .gate-hero h1 em {
	background: linear-gradient(90deg, #ad0505 0%, #470202 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	font-style: normal;
}

#wrapper .gate-hero h1 em {
	font-size: 55px;
	font-weight: 700;
}

#wrapper .gate-meaning {
	margin-top: 26px;
	color: var(--gate-sub);
	font-size: 13px;
	line-height: 1.5;
}

#wrapper .gate-meaning span {
	display: block;
}

#wrapper .gate-lead {
	margin-top: 50px;
	color: var(--gate-mid);
	font-size: 22px;
	font-weight: 600;
	line-height: 1.4;
}

#wrapper .gate-lead span {
	display: block;
	white-space: nowrap;
}

#wrapper .gate-mo-break {
	display: none;
}

#wrapper .gate-intro {
	position: relative;
	z-index: 1;
}

#wrapper .gate-title {
	text-align: center;
}

#wrapper .gate-title__eyebrow {
	text-align: center;
	font-family: var(--preten, "Pretendard Variable");
	font-size: var(--Type-Subheding1, 28px);
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	/* 42px */
	letter-spacing: -0.56px;
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-skip-ink: auto;
	text-decoration-thickness: 14%;
	/* 3.92px */
	text-underline-offset: 25%;
	/* 7px */
	/* text-underline-position: from-font; */

	background: linear-gradient(90deg, #AD0505 28.41%, #470202 72.57%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

/* #wrapper .gate-title__eyebrow::after {
	content: "";
	display: block;
	width: 1px;
	height: 55px;
	margin: 16px auto 0;
	background: #c7c7c7;
} */

#wrapper .gate-title h2 {
	color: var(--gate-text);
	font-size: 32px;
	font-weight: 700;
	line-height: 1.3;
}

#wrapper .gate-title h2 span {
	display: block;
	color: var(--gate-mid);
	font-size: 28px;
	font-weight: 400;
	line-height: 1.4;
}

#wrapper .gate-title sup {
	font-size: 64%;
	line-height: 0;
}

#wrapper .gate-title>p:not(.gate-title__eyebrow):not(.gate-system__no) {
	margin-top: 16px;
	color: var(--gate-sub);
	font-size: 20px;
	line-height: 1.4;
}

#wrapper .gate-primary-card {
	position: relative;
	width: 100%;
	margin-top: 30px;
	padding: 30px;
	border-radius: 20px;
	background: var(--gate-bg);
	gap: 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

#wrapper .gate-primary-card__tit {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0;
	width: 100%;
	text-align: center;
}

#wrapper .gate-primary-card__tit-main {
	color: var(--gate-text);
	font-size: 28px;
	font-weight: 600;
	line-height: 1.4;
}

#wrapper .gate-primary-card__tit-sub {
	color: var(--gate-mid);
	font-size: 22px;
	font-weight: 400;
	line-height: 1.4;
	white-space: nowrap;
}



#wrapper .gate-primary-card__body {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px 12px;
	padding: 25px 40px;
	background: #fff;
	width: 100%;
	position: relative;
	color: var(--gate-sub);
	font-size: 18px;
	line-height: 1.4;
}

#wrapper .gate-primary-card__body p {
	width: 100%;
	color: var(--gate-mid);
	font-size: 22px;
	font-weight: 600;
}

#wrapper .gate-primary-card__body strong {
	color: var(--gate-text);
	font-size: 28px;
	font-weight: 700;
}

#wrapper .gate-primary-card__body i {
	width: 1px;
	height: 18px;
	background: var(--gate-line);
}

#wrapper .gate-flag,
#wrapper .gate-special em,
#wrapper .gate-scholarship__list em {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: linear-gradient(148deg, #e9b373 14%, #ae8259 92%);
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.1;
	text-align: center;
}

#wrapper .gate-flag--red {
	background: linear-gradient(148deg, #d43f3f 14%, #6e0505 92%);
}

#wrapper .gate-primary-card__body .gate-flag,
#wrapper .gate-primary-card>.gate-flag {
	position: absolute;
	top: 14px;
	right: 14px;
}


#wrapper .gate-special {
	margin-top: 30px;
	padding: 30px;
	border-radius: 20px;
	background: var(--gate-bg);
}

#wrapper .gate-special h3 {
	color: var(--gate-text);
	font-size: 28px;
	font-weight: 600;
	line-height: 1.4;
	text-align: center;
}

#wrapper .gate-special h3 span {
	display: block;
	color: var(--gate-mid);
	font-size: 22px;
	font-weight: 400;
}

#wrapper .gate-special__grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	margin-top: 20px;
	border-radius: 10px;
	overflow: hidden;
}

#wrapper .gate-special__grid li {
	position: relative;
	min-height: 137px;
	padding: 25px 74px 25px 40px;
	border-right: 1px solid var(--gate-light-line);
	border-bottom: 1px solid var(--gate-light-line);
	background: #fff;
	text-align: center;
}

#wrapper .gate-special__grid li:nth-child(2n) {
	border-right: 0;
}

#wrapper .gate-special__grid li:nth-child(n+3) {
	border-bottom: 0;
}

#wrapper .gate-special__grid span {
	display: block;
	color: var(--gate-mid);
	font-size: 16px;
	line-height: 1.4;
}

#wrapper .gate-special__grid strong {
	display: block;
	margin-top: 12px;
	color: var(--gate-text);
	font-size: 22px;
	font-weight: 400;
	line-height: 1.4;
}

#wrapper .gate-special__grid strong b {
	font-weight: 700;
}

#wrapper .gate-special__grid small {
	display: block;
	margin-top: 12px;
	color: #b1b1b1;
	font-size: 13px;
	line-height: 1.5;
}

#wrapper .gate-special em {
	position: absolute;
	top: 14px;
	right: 14px;
	font-style: normal;
}

#wrapper .gate-section {
	padding: 0 0 60px;
	background: #fff;
}

#wrapper .gate-counts {
	display: flex;
	justify-content: center;
	gap: 16px;
	margin-top: 30px;
}

#wrapper .gate-counts li {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 172px;
	height: 172px;
	padding: 40px;
	border: 1px solid var(--gate-line);
	border-radius: 50%;
	text-align: center;
}

#wrapper .gate-counts span {
	display: block;
	color: var(--gate-mid);
	font-size: 16px;
	line-height: 1.4;
}

#wrapper .gate-counts li>div {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
}

#wrapper .gate-counts strong {
	color: var(--gate-red);
	font-size: 32px;
	line-height: 1.3;
}

#wrapper .gate-counts em {
	color: var(--gate-text);
	font-size: 18px;
	font-style: normal;
}

#wrapper .gate-result__message {
	margin-top: 0;
	color: var(--gate-mid);
	font-size: 24px;
	font-weight: 600;
	line-height: 1.4;
	text-align: center;
}

#wrapper .gate-note {
	margin-top: 16px;
	color: #b1b1b1;
	font-size: 13px;
	line-height: 1.5;
	text-align: center;
}

#wrapper .gate-title--compact {
	margin-top: 60px;
}

#wrapper .gate-graph-card {
	margin-top: 30px;
	padding: 30px 50px;
	border: 1px solid var(--gate-line);
	border-radius: 20px;
	background: #fff;
}

#wrapper .gate-chip {
	display: table;
	margin: 0 auto 30px;
	padding: 4px 20px;
	border-radius: 999px;
	background: var(--gate-mid);
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.4;
}

#wrapper .gate-graph-card__body {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 32px;
}

#wrapper .gate-graph {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 24px;
	min-width: 0;
}

#wrapper .gate-graph+.gate-graph {
	padding-left: 32px;
	border-left: 1px solid var(--gate-line);
}

#wrapper .gate-graph__text {
	width: 154px;
	color: var(--gate-mid);
	font-size: 20px;
	font-weight: 400;
	line-height: 1.4;
}

#wrapper .gate-graph__text p {
	font-weight: 400;
}

#wrapper .gate-graph__text p strong {
	font-weight: 700;
}

#wrapper .gate-graph__text b {
	display: block;
	margin-top: 4px;
	color: var(--gate-red);
	font-size: 32px;
	font-weight: 700;
	line-height: 1.3;
}

#wrapper .gate-graph__text b span {
	display: block;
	font-weight: 400;
}

#wrapper .gate-graph__text sup {
	font-size: 20.64px;
	font-weight: 400;
	line-height: 1.3;
}

#wrapper .gate-graph__text small {
	display: block;
	margin-top: 16px;
	color: var(--gate-sub);
	font-size: 13px;
	line-height: 1.5;
}

#wrapper .gate-graph img {
	width: 238px;
	height: 210px;
	object-fit: contain;
}

#wrapper .gate-result {
	padding: 0 0 60px;
}

#wrapper .gate-result>.gate-inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 60px;
}

#wrapper .gate-result__con {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 30px;
	width: 100%;
}

#wrapper .gate-result .gate-title {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
	width: 100%;
}

/* #wrapper .gate-result .gate-title__eyebrow::after {
	content: none;
} */

#wrapper .gate-result .gate-title-line {
	display: block;
	width: 1px;
	height: 55px;
	background: #c7c7c7;
	height: 56px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='56' viewBox='0 0 1 56' fill='none'%3E%3Cpath d='M0.5 55.5L0.500002 0.5' stroke='url(%23paint0_linear_86_176)' stroke-linecap='round'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_86_176' x1='1' y1='0.5' x2='1' y2='55.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23555555' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23555555'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E") no-repeat center / 100% 100%;
}

#wrapper .gate-result__summary {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 30px;
	width: 100%;
	text-align: center;
}

#wrapper .gate-result .gate-counts {
	margin-top: 0;
}

#wrapper .gate-result .gate-counts li {
	padding: 40px;
}

#wrapper .gate-result .gate-title--compact {
	gap: 0;
	width: 371px;
	max-width: 100%;
	margin-top: 0;
}

#wrapper .gate-result .gate-title--compact>p {
	white-space: nowrap;
}

#wrapper .gate-result .gate-graph-card {
	width: 100%;
	margin-top: 0;
}

#wrapper .gate-result .gate-graph-card>.gate-note {
	margin-top: 30px;
	text-align: right;
}

#wrapper .gate-result__summary>.gate-note {
	margin-top: -14px;
}

#wrapper .gate-story {
	padding: 60px 0;
	background: var(--gate-bg);
}

#wrapper .gate-story h2 {
	color: var(--gate-text);
	font-size: 32px;
	font-weight: 700;
	line-height: 1.3;
	text-align: center;
}

#wrapper .gate-review-wrap {
	position: relative;
	margin-top: 30px;
	padding: 0 41px;
}

#wrapper .gate-story-arrow {
	position: absolute;
	top: 50%;
	width: 25px;
	height: 41px;
	margin-top: -20px;
	border: 0;
	background: url("https://russeldata.megastudy.net/campus/images/russel/intro/2026/gisuk_gate/arrow-story.svg") center / 18px 36px no-repeat;
	font-size: 0;
	cursor: pointer;
	opacity: 0.5;
}

#wrapper .gate-story-arrow--prev {
	left: 0;
	transform: rotate(180deg);
}

#wrapper .gate-story-arrow--next {
	right: 0;
}

#wrapper .gate-review {
	display: none;
	grid-template-columns: 271px 1fr;
	gap: 40px;
	padding: 50px;
	border-radius: 20px;
	background: #fff;
}

#wrapper .gate-review.is-active {
	display: grid;
}

#wrapper .gate-review--center {
	align-items: center;
}

#wrapper .gate-review__photo {
	position: relative;
	height: 196px;
	overflow: hidden;
}

#wrapper .gate-review__logo {
	position: absolute;
	left: 0;
	top: 0;
	width: 271px;
	height: 155px;
	object-fit: contain;
}

#wrapper .gate-review__person {
	position: absolute;
	left: 30px;
	top: 0;
	width: 229px;
	height: 196px;
	object-fit: contain;
}

#wrapper .gate-review__logo--seoul {
	left: auto;
	right: -3px;
	width: 131px;
	height: 115px;
}

#wrapper .gate-review__person--kdu {
	left: 11px;
	top: 0;
	width: 237px;
	height: 201px;
}

#wrapper .gate-review__person--sjw {
	left: 15px;
	top: 8px;
	width: 219px;
	height: 188px;
	object-fit: cover;
}

#wrapper .gate-review__student strong,
#wrapper .gate-review__student span {
	display: block;
	margin-top: 20px;
	text-align: center;
	line-height: 1.4;
}

#wrapper .gate-review__student strong {
	color: #a67b4a;
	font-size: 18px;
	font-weight: 600;
	text-align: left;
}

#wrapper .gate-review__student strong b {
	color: var(--gate-text);
	font-weight: 700;
}

#wrapper .gate-review__student span {
	color: var(--gate-sub);
	font-size: 16px;
	font-weight: 500;
	text-align: left;
}

#wrapper .gate-score {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
	min-height: 110px;
	padding: 18px 40px;
	border: 1px solid var(--gate-light-line);
	border-radius: 10px;
	color: var(--gate-text);
	font-size: 20px;
	font-weight: 700;
	line-height: 1.4;
	text-align: right;
}

#wrapper .gate-score span {
	width: 313px;
	color: var(--gate-sub);
	font-weight: 400;
}

#wrapper .gate-score span b {
	color: var(--gate-text);
	font-weight: 700;
}

#wrapper .gate-score img {
	width: 34px;
	height: 65px;
}

#wrapper .gate-score strong {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 74px;
	height: 74px;
	border-radius: 50%;
	background: var(--gate-red);
	color: #fff;
	font-size: 15px;
	text-align: center;
}

#wrapper .gate-review__copy p {
	color: var(--gate-mid);
	font-size: 16px;
	line-height: 1.4;
}

#wrapper .gate-review__copy p b {
	font-weight: 700;
}

#wrapper .gate-admit-list {
	display: grid;
	grid-template-columns: repeat(4, 270px);
	gap: 22px;
	justify-content: center;
	width: 1150px;
	max-width: 100%;
	margin: 30px auto 0;
}

#wrapper .gate-admit-list li {
	position: relative;
	width: 270px;
	height: 210px;
	padding: 0;
	border-radius: 10px;
	background: #fff;
	overflow: hidden;
}

/* #wrapper .gate-admit-list img {
	position: absolute;
	left: 35px;
	top: 35px;
	width: 60px;
	height: 60px;
	object-fit: contain;
} */

#wrapper .gate-admit-list b,
#wrapper .gate-admit-list span,
#wrapper .gate-admit-list em,
#wrapper .gate-admit-list p {
	display: block;
	line-height: 1.4;
}

#wrapper .gate-admit-list b {
	position: absolute;
	left: 108px;
	top: 35px;
	color: #010101;
	font-size: 16px;
	font-weight: 500;
}

#wrapper .gate-admit-list span {
	position: absolute;
	left: 108px;
	top: 81px;
	margin-top: 0;
	font-size: 16px;
}

#wrapper .gate-admit-list span.gate-admit-rise {
	color: #111;
}

#wrapper .gate-admit-list p {
	position: absolute;
	left: 39px;
	top: 137px;
	bottom: auto;
	color: #010101;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: -1px;
}

#wrapper .gate-admit-list p small {
	color: var(--gate-sub);
	font-size: 16px;
}

#wrapper .gate-admit-list i {
	/* position: absolute;
	left: 155px;
	top: 143px; */
	width: 16px;
	height: 31px;
	background: url("https://russeldata.megastudy.net/campus/images/russel/intro/2026/gisuk_gate/score-arrow-small.png") center / contain no-repeat;
}

#wrapper .gate-admit-list em {
	position: absolute;
	right: 33px;
	top: 130px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 54px;
	height: 54px;
	border-radius: 50%;
	background: rgba(238, 76, 76, 0.2);
	color: #cd0006;
	font-size: 13px;
	font-style: normal;
	font-weight: 500;
	line-height: 1.1;
	text-align: center;
}

#wrapper .gate-system {
	padding: 60px 0;
	background: #fff;
}



#wrapper .gate-system__no {
	color: var(--gate-sub);
	font-size: 20px;
	line-height: 1.4;
}

#wrapper .gate-system__no::after {
	content: "";
	display: block;
	width: 36px;
	height: 2px;
	margin: 8px auto;
	background: #d9d9d9;
}

#wrapper .gate-system-card {
	position: relative;
	margin-top: 30px;
	padding: 30px 40px;
	border-radius: 20px;
	background: #fff;
	box-shadow: inset 0 0 0 1px var(--gate-light-line);
}

#wrapper .gate-system-card li {
	display: grid;
	grid-template-columns: 40px 1fr;
	gap: 20px;
	align-items: center;
	padding: 20px 0;
	border-bottom: 1px solid #eee;
}

#wrapper .gate-system-card li:last-child {
	border-bottom: 0;
}

#wrapper .gate-system-card li::before {
	counter-increment: system;
	content: counter(system);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #c40000;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
}

#wrapper .gate-system-card ol {
	counter-reset: system;
}

#wrapper .gate-system-card strong {
	color: var(--gate-text);
	font-size: 22px;
	line-height: 1.4;
}

#wrapper .gate-system-card span {
	display: block;
	color: var(--gate-sub);
	font-size: 16px;
	line-height: 1.4;
}

#wrapper .gate-system-card .gate-flag {
	position: absolute;
	top: 18px;
	right: 26px;
}

#wrapper .gate-title--facility {
	width: 100%;
	max-width: none;
	margin: 0 auto 30px;
}

#wrapper .gate-title--facility h2 span {
	display: inline;
}

#wrapper .gate-scholarship .gate-title h2 span {
	display: inline;
	color: inherit;
	font-size: inherit;
	font-weight: 400;
	line-height: inherit;
}

#wrapper .gate-ask {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 24px;
	width: max-content;
	max-width: 100%;
	margin: 24px auto 0;
	padding: 24px 32px;
	border: 1px solid var(--gate-light-line);
	border-radius: 10px;
	background: #fff;
	text-align: left;
}

#wrapper .gate-ask__avatar {
	position: relative;
	flex: 0 0 60px;
	width: 60px;
	height: 60px;
	overflow: hidden;
	border-radius: 50%;
	background: var(--gate-bg);
}

#wrapper .gate-ask__avatar img {
	position: absolute;
	left: 50%;
	top: calc(50% + 8.43px);
	width: 48px;
	height: 53.333px;
	max-width: none;
	object-fit: cover;
	transform: translate(-50%, -50%);
}

#wrapper .gate-ask>img {
	width: 60px;
	height: 60px;
}

#wrapper .gate-ask b {
	display: table;
	margin-bottom: 5px;
	padding: 4px 12px;
	border-radius: 999px;
	background: var(--gate-sub);
	color: #fff;
	font-size: 13px;
	line-height: 1.4;
}

#wrapper .gate-ask strong {
	display: block;
	color: var(--gate-mid);
	font-size: 18px;
	line-height: 1.4;
}

#wrapper .gate-ask p {
	margin-top: 5px;
	color: var(--gate-sub);
	font-size: 16px;
	line-height: 1.4;
}

#wrapper .gate-facility {
	position: relative;
	width: 1920px;
	max-width: 100%;
	height: 780px;
	margin: 0 auto;
	overflow: hidden;
}

#wrapper .gate-facility__slides {
	position: absolute;
	inset: 0;
	overflow: hidden;
}

#wrapper .gate-facility__slides picture {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: opacity 0.7s ease;
}

#wrapper .gate-facility__slides picture.is-active {
	opacity: 1;
	z-index: 1;
}

#wrapper .gate-facility__slides img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#wrapper .gate-facility__dots {
	position: absolute;
	left: 50%;
	bottom: 24px;
	z-index: 2;
	display: flex;
	gap: 8px;
	transform: translateX(-50%);
}

#wrapper .gate-facility__dots button {
	width: 10px;
	height: 10px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.6);
	cursor: pointer;
}

#wrapper .gate-facility__dots button.is-active {
	background: #c40000;
}

#wrapper .gate-facility ul {
	position: absolute;
	top: 68px;
	left: calc(50% - 583px);
	z-index: 2;
	width: 490px;
	padding: 60px;
	border-radius: 0 0 40px 0;
	background: #fff;
	box-shadow: 15px 15px 25px rgba(0, 0, 0, 0.1);
}


#wrapper .gate-facility li {
	position: relative;
	padding: 16px 0 16px 28px;
	border-bottom: 1px solid #e9e9e9;
}

#wrapper .gate-facility li:first-child {
	padding-top: 0;
}

#wrapper .gate-facility li:last-child {
	padding-bottom: 0;
	border-bottom: 0;
}

#wrapper .gate-facility li::before {
	content: "";
	position: absolute;
	top: 20px;
	left: 0;
	width: 14px;
	height: 14px;
	background: url("https://russeldata.megastudy.net/campus/images/russel/intro/2026/gisuk_gate/check.svg") center / contain no-repeat;
}

#wrapper .gate-facility strong {
	display: block;
	color: var(--gate-text);
	font-size: 20px;
	line-height: 1.4;
}

#wrapper .gate-facility span {
	display: block;
	margin-top: 8px;
	color: var(--gate-sub);
	font-size: 16px;
	line-height: 1.4;
}

#wrapper .gate-scholarship h3 {
	margin-top: 30px;
	color: var(--gate-text);
	font-size: 24px;
	font-weight: 600;
	line-height: 1.4;
	text-align: center;
}

#wrapper .gate-scholarship h3 span {
	display: block;
	color: var(--gate-sub);
	font-size: 18px;
	font-weight: 400;
}

#wrapper .gate-scholarship__list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
	margin-top: 24px;
}

#wrapper .gate-scholarship__list li {
	position: relative;
	min-height: 356px;
	padding: 24px;
	border: 1px solid #dbdbdb;
	border-radius: 10px;
	background: #fff;
	box-shadow: none;
}

#wrapper .gate-scholarship__list li:first-child {
	border-color: #f8c6cb;
}

#wrapper .gate-scholarship__list strong {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 108px;
	border-radius: 5px;
	background: #f8f8f8;
	color: #333;
	font-size: 20px;
	font-weight: 400;
	line-height: 1.4;
	text-align: center;
	letter-spacing: -0.2px;
}

#wrapper .gate-scholarship__list li:first-child strong {
	background: #fdf2f5;
}

#wrapper .gate-scholarship__list strong b {
	font-weight: 600;
}

#wrapper .gate-scholarship__list p {
	margin-top: 24px;
	color: #777;
	font-size: 16px;
	line-height: 1.4;
	letter-spacing: -0.16px;
}

#wrapper .gate-scholarship__list small {
	position: absolute;
	left: 24px;
	right: 24px;
	bottom: 24px;
	color: #b1b1b1;
	font-size: 13px;
	line-height: 1.5;
	text-align: right;
	letter-spacing: -0.13px;
}

#wrapper .gate-scholarship__list em {
	position: absolute;
	top: 8px;
	right: 8px;
	background: linear-gradient(147.894deg, #d43f3f 14.436%, #6e0505 92.427%);
	font-style: normal;
}

#wrapper .gate-link-section {
	padding: 60px 0;
	background: #f5f5f5;
}

#wrapper .gate-link-section h2 {
	color: var(--gate-text);
	font-size: 32px;
	font-weight: 700;
	line-height: 1.3;
	text-align: center;
}

#wrapper .gate-link-section h2 span {
	display: block;
	color: var(--gate-mid);
	font-size: 24px;
	font-weight: 400;
}

#wrapper .gate-link-list {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
	margin-top: 30px;
}

#wrapper .gate-link-list li {
	display: grid;
	grid-template-columns: 212px 1fr;
	gap: 30px;
	align-items: center;
	min-height: 245px;
	padding: 32px;
	border-radius: 20px;
	background: #fff;
}

#wrapper .gate-link-list .is-wide {
	grid-column: 1 / -1;
	min-height: 214px;
}

#wrapper .gate-link-list b {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 212px;
	height: 66px;
	color: var(--gate-red);
	font-size: 28px;
	font-weight: 600;
}

#wrapper .gate-link-list b::before,
#wrapper .gate-link-list b::after {
	content: "";
	position: absolute;
	top: 0;
	width: 41px;
	height: 66px;
	background: url("https://russeldata.megastudy.net/campus/images/russel/intro/2026/gisuk_gate/laurel-left.svg") center / contain no-repeat;
}

#wrapper .gate-link-list b::before {
	left: 0;
}

#wrapper .gate-link-list b::after {
	right: 0;
	transform: scaleX(-1);
}

#wrapper .gate-link-list strong {
	display: block;
	color: var(--gate-sub);
	font-size: 22px;
	font-weight: 600;
	line-height: 1.4;
}

#wrapper .gate-link-list strong em {
	display: block;
	color: var(--gate-text);
	font-size: 28px;
	font-style: normal;
}

#wrapper .gate-link-list .is-wide strong em {
	display: inline;
	margin-left: 6px;
}

#wrapper .gate-link-list p {
	margin-top: 5px;
	color: var(--gate-sub);
	font-size: 16px;
	line-height: 1.4;
}

#wrapper .gate-link-list a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 160px;
	height: 38px;
	margin-top: 24px;
	border-radius: 6px;
	background: #8c8c8c;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
}

#wrapper .gate-bottom {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 158px;
	padding: 40px 24px;
	background: #fff;
	text-align: center;
}

#wrapper .gate-bottom p {
	max-width: 677px;
	color: var(--gate-text);
	font-size: 32px;
	font-weight: 700;
	line-height: 1.3;
}

@media (max-width: 1199px) {

	#wrapper .gate-inner,
	#wrapper .gate-wide {
		max-width: calc(100% - 40px);
	}

	#wrapper .gate-review {
		grid-template-columns: 240px 1fr;
		padding: 36px;
	}

	#wrapper .gate-admit-list {
		grid-template-columns: repeat(2, 1fr);
	}



	#wrapper .gate-link-list li {
		grid-template-columns: 170px 1fr;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {

	#wrapper .gate-inner,
	#wrapper .gate-wide,
	#wrapper .gate-title--facility {
		max-width: 100%;
		padding: 0 24px;
	}

	#wrapper .gate-hero {
		padding-top: 90px;
	}

	#wrapper .gate-hero__copy {
		margin-bottom: 60px;
	}

	#wrapper .gate-primary-card {
		padding: 30px 32px;
	}

	#wrapper .gate-special {
		padding: 30px;
	}

	#wrapper .gate-special__grid {
		grid-template-columns: repeat(2, 1fr);
	}

	#wrapper .gate-special__grid li {
		min-height: 137px;
		padding: 25px 74px 25px 40px;
	}

	#wrapper .gate-counts {
		gap: 16px;
	}

	#wrapper .gate-graph-card {
		width: 720px;
		max-width: 100%;
		padding: 30px 50px;
	}

	#wrapper .gate-graph-card__body {
		gap: 32px;
	}

	#wrapper .gate-graph {
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
	}

	#wrapper .gate-graph+.gate-graph {
		padding: 0 0 0 32px;
		border-top: 0;
		border-left: 1px solid var(--gate-line);
	}

	#wrapper .gate-graph__text {
		width: 278px;
	}

	#wrapper .gate-graph img {
		align-self: center;
		margin-top: 0;
	}

	#wrapper .gate-review-wrap {
		padding: 0;
	}

	#wrapper .gate-review-wrap::after {
		content: none;
		display: none;
	}

	#wrapper .gate-review-dots {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 6px;
		width: 57px;
		height: 8px;
		margin: 16px auto 0;
	}

	#wrapper .gate-review-dots button {
		width: 8px;
		height: 8px;
		padding: 0;
		border: 0;
		border-radius: 999px;
		background: #d9d9d9;
		font-size: 0;
		cursor: pointer;
	}

	#wrapper .gate-review-dots button.is-active {
		width: 29px;
		background: var(--gate-red);
	}

	#wrapper .gate-story-arrow {
		display: none;
	}

	#wrapper .gate-review {
		width: 720px;
		grid-template-columns: 1fr;
		gap: 40px;
		padding: 50px;
	}

	#wrapper .gate-review__student {
		display: grid;
		grid-template-columns: 271px 196px;
		column-gap: 20px;
		justify-content: center;
		align-items: center;
	}

	#wrapper .gate-review__photo {
		grid-row: 1 / span 2;
	}

	#wrapper .gate-review__student strong,
	#wrapper .gate-review__student span {
		margin-top: 0;
		text-align: left;
	}

	#wrapper .gate-review__student strong {
		align-self: end;
	}

	#wrapper .gate-review__student span {
		align-self: start;
		margin-top: 20px;
	}

	#wrapper .gate-review__copy {
		width: 620px;
		max-width: 100%;
		margin: 0 auto;
	}

	#wrapper .gate-score {
		width: 620px;
		max-width: 100%;
		padding: 18px 83px;
		justify-content: flex-start;
	}

	#wrapper .gate-score span {
		width: 313px;
	}

	#wrapper .gate-admit-list {
		grid-template-columns: repeat(3, 225px);
		gap: 22px;
		width: 720px;
	}

	#wrapper .gate-admit-list li {
		width: 225px;
		height: 175px;
	}

	#wrapper .gate-admit-list img {
		left: 29px;
		top: 29px;
		width: 50px;
		height: 50px;
	}

	#wrapper .gate-admit-list b {
		left: 90px;
		top: 29px;
		font-size: 16px;
		line-height: 1.2;
	}

	#wrapper .gate-admit-list span {
		left: 90px;
		top: 68px;
		font-size: 16px;
		line-height: 1.2;
	}

	#wrapper .gate-admit-list p {
		left: 33px;
		top: 115px;
		font-size: 16px;
		line-height: 1.2;
	}

	#wrapper .gate-admit-list p small {
		font-size: 16px;
	}

	#wrapper .gate-admit-list i {
		left: 129px;
		top: 119px;
		width: 13px;
		height: 26px;
	}

	#wrapper .gate-admit-list em {
		right: 28px;
		top: 108px;
		width: 45px;
		height: 45px;
		font-size: 13px;
	}

	#wrapper .gate-system-card {
		padding: 30px 40px;
	}

	#wrapper .gate-ask {
		width: 537px;
		min-height: 153px;
		padding: 24px 32px;
	}

	#wrapper .gate-system--facility {
		overflow: hidden;
	}

	#wrapper .gate-facility {
		height: auto;
	}

	#wrapper .gate-facility ul {
		position: relative;
		top: auto;
		left: auto;
		z-index: 2;
		width: 720px;
		margin: 0 auto;
		padding: 0;

		display: flex;
		flex-direction: column;
		align-items: center;
		align-self: stretch;
		border-radius: 10px;
		background: var(--Gray-Bg1, #F8F8F8);
	}


	#wrapper .gate-facility li {
		width: 100%;
		position: relative;
		padding: 16px 48px;
		border-bottom: 1px solid #e9e9e9;
	}

	#wrapper .gate-facility li:first-child {
		padding-top: 0;
	}

	#wrapper .gate-facility li:last-child {
		padding-bottom: 0;
		border-bottom: 0;
	}

	#wrapper .gate-facility li::before {
		content: "";
		position: absolute;
		top: 6px;
		left: 24px;
		width: 14px;
		height: 14px;
		background: url("https://russeldata.megastudy.net/campus/images/russel/intro/2026/gisuk_gate/check.svg") center / contain no-repeat;
	}

	#wrapper .gate-facility strong {
		display: block;
		color: var(--gate-text);
		font-size: 20px;
		line-height: 1.4;
	}

	#wrapper .gate-facility span {
		display: block;
		margin-top: 8px;
		color: var(--gate-sub);
		font-size: 16px;
		line-height: 1.4;
	}




	#wrapper .gate-scholarship__list {
		grid-template-columns: 1fr;
		/* width: 720px; */
		max-width: 100%;
		margin-right: auto;
		margin-left: auto;
	}

	#wrapper .gate-scholarship__list li {
		min-height: 0;
		padding: 24px;
	}

	#wrapper .gate-scholarship__list li:first-child {
		min-height: 306px;
	}

	#wrapper .gate-scholarship__list li:nth-child(2) {
		min-height: 250px;
	}

	#wrapper .gate-scholarship__list li:nth-child(3) {
		min-height: 228px;
	}

	#wrapper .gate-link-list {
		grid-template-columns: 1fr;
		width: 100%;
		max-width: none;
	}

	#wrapper .gate-link-list li,
	#wrapper .gate-link-list .is-wide {
		grid-template-columns: 212px 1fr;
		gap: 30px;
		min-height: 192px;
		padding: 32px;
	}

	#wrapper .gate-link-list .is-wide {
		grid-column: auto;
		min-height: 214px;
	}

	#wrapper .gate-link-list .is-wide strong em {
		display: inline;
	}

	#wrapper .gate-bottom {
		background: #fdf2f5;
	}
}

@media (max-width: 767px) {

	#wrapper .gate-inner,
	#wrapper .gate-wide {
		max-width: calc(100% - 32px);
	}

	#wrapper .gate-hero {
		padding: 58px 0 40px;
	}

	#wrapper .gate-hero h1 {
		font-size: 48px;
	}

	#wrapper .gate-hero h1 em {
		font-size: 30px;
	}

	#wrapper .gate-lead {
		margin-top: 34px;
		font-size: 18px;
	}

	#wrapper .gate-title__eyebrow {
		font-size: 20px;
	}

	#wrapper .gate-title h2,
	#wrapper .gate-story h2,
	#wrapper .gate-link-section h2,
	#wrapper .gate-bottom p {
		font-size: 26px;
	}

	#wrapper .gate-title h2 span,
	#wrapper .gate-special h3,
	#wrapper .gate-link-list strong em {
		font-size: 22px;
	}

	#wrapper .gate-title>p:not(.gate-title__eyebrow):not(.gate-system__no),
	#wrapper .gate-special h3 span {
		font-size: 17px;
	}

	#wrapper .gate-primary-card {
		padding: 20px;
		border-radius: 10px;
	}

	#wrapper .gate-primary-card__body .gate-flag,
	#wrapper .gate-primary-card>.gate-flag {
		top: 8px;
		right: 8px;
	}


	#wrapper .gate-primary-card__body strong {
		font-size: 22px;
	}


	#wrapper .gate-special {
		padding: 24px 16px;
	}

	#wrapper .gate-special__grid,
	#wrapper .gate-graph-card__body,
	#wrapper .gate-review,
	#wrapper .gate-admit-list,
	#wrapper .gate-scholarship__list,
	#wrapper .gate-link-list {
		grid-template-columns: 1fr;
	}

	#wrapper .gate-admit-list li {
		width: 270px;
		max-width: 100%;
		justify-self: center;
	}

	#wrapper .gate-special__grid li {
		border-right: 0;
		border-bottom: 1px solid var(--gate-light-line);
	}

	#wrapper .gate-special__grid li:last-child {
		border-bottom: 0;
	}

	#wrapper .gate-counts {
		flex-direction: column;
		align-items: center;
	}

	#wrapper .gate-graph-card {
		padding: 24px 18px;
	}

	#wrapper .gate-graph {
		flex-direction: column;
		align-items: center;
		text-align: center;
	}

	#wrapper .gate-graph+.gate-graph {
		padding: 28px 0 0;
		border-left: 0;
		border-top: 1px solid var(--gate-line);
	}

	#wrapper .gate-review {
		padding: 24px;
	}

	#wrapper .gate-system-card li {
		grid-template-columns: 1fr;
		text-align: center;
	}

	#wrapper .gate-system-card li::before {
		margin: 0 auto;
	}

	#wrapper .gate-ask {
		flex-direction: column;
		align-items: flex-start;
		padding: 20px;
	}

	#wrapper .gate-facility {
		height: auto;
		padding-top: 320px;
	}

	#wrapper .gate-facility>picture,
	#wrapper .gate-facility>img {
		position: absolute;
		top: 0;
		left: 0;
		height: 420px;
	}

	#wrapper .gate-facility>picture>img {
		width: 100%;
		height: 420px;
		object-fit: cover;
	}


	#wrapper .gate-scholarship__list li {
		min-height: auto;
		padding-bottom: 72px;
	}

	#wrapper .gate-link-list li,
	#wrapper .gate-link-list .is-wide {
		grid-template-columns: 1fr;
		min-height: 0;
	}

	#wrapper .gate-link-list .is-wide {
		grid-column: auto;
	}
}

@media (max-width: 767px) {

	#wrapper .gate-inner,
	#wrapper .gate-wide,
	#wrapper .gate-title--facility {
		width: 100%;
		max-width: none;
		padding: 0 16px;
	}

	#wrapper .gate-section,
	#wrapper .gate-system,
	#wrapper .gate-story,
	#wrapper .gate-link-section {
		padding: 40px 0;
	}

	#wrapper .gate-hero {
		padding: 50px 0 40px;
	}

	#wrapper .gate-hero::before {
		top: 0;
		width: 834px;
		height: 520px;
		background-size: 834px auto;
	}

	#wrapper .gate-hero__copy {
		width: 100%;
		max-width: none;
		padding: 0 16px;
		margin-bottom: 40px;
	}

	#wrapper .gate-hero h1 {
		font-size: 46px;
		line-height: 1.2;
	}

	#wrapper .gate-hero h1 em {
		font-size: 30px;
	}

	#wrapper .gate-meaning {
		margin-top: 14px;
		font-size: 12px;
	}

	#wrapper .gate-lead {
		margin-top: 20px;
		font-size: 18px;
		line-height: 1.35;
	}

	/* #wrapper .gate-title__eyebrow {
		font-size: 20px;
		line-height: 1.5;
	}

	#wrapper .gate-title__eyebrow::after {
		height: 30px;
		margin-top: 6px;
	} */

	#wrapper .gate-title h2,
	#wrapper .gate-story h2,
	#wrapper .gate-link-section h2,
	#wrapper .gate-bottom p {
		font-size: 24px;
		line-height: 1.3;
	}

	#wrapper .gate-title h2 span {
		font-size: 22px;
	}

	#wrapper .gate-title>p:not(.gate-title__eyebrow):not(.gate-system__no) {
		margin-top: 6px;
		font-size: 16px;
	}

	#wrapper .gate-primary-card {
		margin-top: 20px;
		padding: 24px;
		border-radius: 10px;
	}

	#wrapper .gate-primary-card__body .gate-flag,
	#wrapper .gate-primary-card>.gate-flag,
	#wrapper .gate-special em,
	#wrapper .gate-scholarship__list em {
		width: 48px;
		height: 48px;
		font-size: 12px;
	}


	#wrapper .gate-primary-card__tit-main {
		font-size: 22px;
	}

	#wrapper .gate-primary-card__tit-sub {
		font-size: 17px;
		white-space: normal;
		text-align: center;
	}

	#wrapper .gate-primary-card__body {
		padding: 16px 24px;
		font-size: 14px;
	}

	#wrapper .gate-primary-card__body p {
		font-size: 22px;
	}

	#wrapper .gate-primary-card__body strong {
		font-size: 16px;
	}

	#wrapper .gate-special {
		margin-top: 20px;
		padding: 16px;
		border-radius: 10px;
	}

	#wrapper .gate-special h3 {
		font-size: 18px;
	}

	#wrapper .gate-special h3 span {
		font-size: 22px;
	}

	#wrapper .gate-special__grid {
		margin-top: 16px;
	}

	#wrapper .gate-special__grid li {
		/* min-height: 103px; */
		padding: 16px 62px 16px 24px;
	}

	#wrapper .gate-special__grid span {
		font-size: 14px;
	}

	#wrapper .gate-special__grid strong {
		margin-top: 6px;
		font-size: 18px;
	}

	#wrapper .gate-special__grid small {
		margin-top: 4px;
		font-size: 12px;
	}

	#wrapper .gate-counts {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 9px;
		margin-top: 20px;
	}

	#wrapper .gate-counts li {
		width: 100%;
		aspect-ratio: 1 / 1;
		height: auto;
		padding: 25px 6px;
	}

	#wrapper .gate-counts span {
		font-size: 14px;
	}

	#wrapper .gate-counts strong {
		font-size: 24px;
	}

	#wrapper .gate-counts em {
		font-size: 14px;
	}

	#wrapper .gate-result__message {
		margin-top: 20px;
		font-size: 20px;
	}

	#wrapper .gate-note {
		font-size: 12px;
	}

	#wrapper .gate-title--compact {
		margin-top: 40px;
	}

	#wrapper .gate-graph-card {
		width: 100%;
		margin-top: 20px;
		padding: 24px;
		border-radius: 10px;
	}

	#wrapper .gate-chip {
		margin-bottom: 16px;
		font-size: 16px;
	}

	#wrapper .gate-graph-card__body {
		gap: 16px;
	}

	#wrapper .gate-graph {
		display: grid;
		grid-template-columns: 134px 138px;
		gap: 8px;
		align-items: start;
		text-align: left;
	}

	#wrapper .gate-graph+.gate-graph {
		padding-top: 16px;
	}

	#wrapper .gate-graph__text {
		font-size: 16px;
	}

	#wrapper .gate-graph__text b {
		font-size: 24px;
	}

	#wrapper .gate-graph__text small {
		margin-top: 8px;
		font-size: 12px;
	}

	#wrapper .gate-graph img {
		width: 138px;
		height: 122px;
	}

	#wrapper .gate-review-wrap {
		margin-top: 20px;
		padding: 0;
	}

	#wrapper .gate-review-wrap::after {
		content: "";
		display: block;
		width: 57px;
		height: 8px;
		margin: 16px auto 0;
		border-radius: 999px;
		background: linear-gradient(90deg, var(--gate-red) 0 15px, #d9d9d9 15px 36px, #d9d9d9 42px 57px);
	}

	#wrapper .gate-story-arrow {
		display: none;
	}

	#wrapper .gate-review {
		width: 100%;
		gap: 16px;
		padding: 16px;
		border-radius: 10px;
	}

	#wrapper .gate-review__student {
		display: grid;
		grid-template-columns: 105px 1fr;
		gap: 10px;
		align-items: center;
	}

	#wrapper .gate-review__photo {
		width: 105px;
		height: 76px;
	}

	#wrapper .gate-review__logo {
		width: 105px;
		height: 60px;
	}

	#wrapper .gate-review__person {
		left: 11px;
		width: 89px;
		height: 76px;
	}

	#wrapper .gate-review__logo--seoul {
		right: 0;
		width: 58px;
		height: 51px;
	}

	#wrapper .gate-review__person--kdu {
		left: 5px;
		width: 96px;
		height: 82px;
	}

	#wrapper .gate-review__person--sjw {
		left: 8px;
		top: 3px;
		width: 90px;
		height: 77px;
	}

	#wrapper .gate-review__student strong,
	#wrapper .gate-review__student span {
		margin-top: 0;
		text-align: left;
	}

	#wrapper .gate-review__student strong {
		font-size: 16px;
	}

	#wrapper .gate-review__student span {
		margin-top: 10px;
		font-size: 14px;
	}

	#wrapper .gate-score {
		min-height: 108px;
		gap: 14px;
		padding: 18px 24px;
		justify-content: space-between;
		font-size: 17px;
		text-align: right;
	}

	#wrapper .gate-score span {
		width: 170px;
	}

	#wrapper .gate-score img {
		display: none;
	}

	#wrapper .gate-score strong {
		width: 64px;
		height: 64px;
		font-size: 13px;
	}

	#wrapper .gate-review__copy p {
		margin-top: 20px;
		font-size: 14px;
		line-height: 1.5;
	}

	#wrapper .gate-admit-list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 16px;
		width: 100%;
		margin-top: 20px;
	}

	#wrapper .gate-admit-list li {
		width: 100%;
		height: 122px;
		justify-self: auto;
		border-radius: 5px;
	}

	#wrapper .gate-admit-list img {
		left: 10px;
		top: 14px;
		width: 35px;
		height: 35px;
	}

	#wrapper .gate-admit-list b {
		left: 56px;
		top: 14px;
		width: 90px;
		font-size: 12px;
		line-height: 1.15;
	}

	#wrapper .gate-admit-list span {
		left: 56px;
		top: 41px;
		width: 90px;
		font-size: 12px;
		line-height: 1.15;
	}

	#wrapper .gate-admit-list p {
		left: 10px;
		top: 79px;
		font-size: 12px;
		line-height: 1.15;
	}

	#wrapper .gate-admit-list p small {
		font-size: 12px;
	}

	#wrapper .gate-admit-list i {
		left: 96px;
		top: 85px;
		width: 10px;
		height: 19px;
	}

	#wrapper .gate-admit-list em {
		right: 10px;
		top: 75px;
		width: 32px;
		height: 32px;
		font-size: 10px;
	}

	#wrapper .gate-system__no {
		font-size: 17px;
	}

	#wrapper .gate-system-card {
		padding: 16px;
		border-radius: 10px;
	}

	#wrapper .gate-system-card li {
		gap: 10px;
		padding: 14px 0;
		text-align: left;
	}

	#wrapper .gate-system-card li::before {
		width: 32px;
		height: 32px;
		margin: 0;
		font-size: 16px;
	}

	#wrapper .gate-system-card strong {
		font-size: 20px;
	}

	#wrapper .gate-system-card span {
		font-size: 14px;
	}

	#wrapper .gate-ask {
		flex-direction: row;
		gap: 10px;
		width: 100%;
		padding: 16px;
		border-radius: 10px;
	}

	#wrapper .gate-ask__avatar {
		flex-basis: 36px;
		width: 36px;
		height: 36px;
	}

	#wrapper .gate-ask__avatar img {
		top: calc(50% + 5.058px);
		width: 28.8px;
		height: 32px;
	}

	#wrapper .gate-ask b {
		font-size: 12px;
	}

	#wrapper .gate-ask strong {
		font-size: 16px;
	}

	#wrapper .gate-ask p {
		font-size: 14px;
	}

	#wrapper .gate-facility {
		width: 100%;
		max-width: none;
		height: auto;
		padding-top: 0;
		overflow: visible;
	}

	#wrapper .gate-facility__slides {
		position: static;
		width: 100vw;
		margin-left: calc(50% - 50vw);
		height: 270px;
	}

	#wrapper .gate-facility__slides picture {
		width: 100%;
		height: 100%;
	}

	#wrapper .gate-facility__dots {
		bottom: 16px;
	}



	#wrapper .gate-scholarship h3 {
		margin-top: 20px;
		font-size: 20px;
	}

	#wrapper .gate-scholarship h3 span {
		font-size: 16px;
	}

	#wrapper .gate-scholarship__list {
		gap: 16px;
		margin-top: 16px;
	}

	#wrapper .gate-scholarship__list li {
		min-height: 0;
		padding: 16px;
		padding-bottom: 16px;
		border-radius: 10px;
	}

	#wrapper .gate-scholarship__list li:first-child {
		min-height: 260px;
	}

	#wrapper .gate-scholarship__list li:nth-child(2) {
		min-height: 210px;
	}

	#wrapper .gate-scholarship__list li:nth-child(3) {
		min-height: 234px;
	}

	#wrapper .gate-scholarship__list strong {
		border-radius: 8px;
		font-size: 18px;
	}

	#wrapper .gate-scholarship__list p {
		margin-top: 16px;
		font-size: 14px;
	}

	#wrapper .gate-scholarship__list small {
		position: static;
		display: block;
		margin-top: 8px;
		font-size: 12px;
	}

	#wrapper .gate-link-section h2 {
		width: 100%;
		margin: 0 auto;
		font-size: 23px;
	}

	#wrapper .gate-link-list {
		width: 100%;
		gap: 16px;
		margin-top: 20px;
	}

	#wrapper .gate-link-list li,
	#wrapper .gate-link-list .is-wide {
		display: block;
		min-height: 206px;
		padding: 24px 16px;
		border-radius: 10px;
		text-align: center;
	}

	#wrapper .gate-link-list .is-wide {
		min-height: 246px;
	}

	#wrapper .gate-link-list b {
		width: 212px;
		height: 47px;
		margin: 0 auto 12px;
		font-size: 24px;
	}

	#wrapper .gate-link-list b::before,
	#wrapper .gate-link-list b::after {
		width: 29px;
		height: 47px;
	}

	#wrapper .gate-link-list strong {
		font-size: 18px;
	}

	#wrapper .gate-link-list strong em,
	#wrapper .gate-link-list .is-wide strong em {
		display: inline;
		font-size: 24px;
	}

	#wrapper .gate-link-list p {
		font-size: 14px;
	}

	#wrapper .gate-link-list a {
		width: 114px;
		height: 36px;
		margin: 12px auto 0;
		font-size: 14px;
	}

	#wrapper .gate-bottom {
		min-height: 153px;
		padding: 30px 0px;
		background: #fdf2f5;
	}
}

/* TOP section: Figma parity by breakpoint */
#wrapper .gate-hero {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	gap: 60px;
	height: auto;
	min-height: 0;
	padding: 90px 0 60px;
	overflow: hidden;
}

#wrapper .gate-hero__copy {
	width: 589px;
	height: auto;
	flex: 0 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	gap: 0;
	margin: 0 auto;
}


#wrapper .gate-hero .gate-meaning {
	margin-top: 26px;
}

#wrapper .gate-hero .gate-lead {
	margin-top: 50px;
}

#wrapper .gate-intro {
	display: flex;
	flex-direction: column;
	flex: 0 0 auto;
	align-items: center;
	gap: 30px;
	height: auto;
}

#wrapper .gate-intro .gate-title {
	height: 243px;
	min-height: 0;
}

#wrapper .gate-top-title {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
	min-height: 0;
	height: 243px;
}

#wrapper .gate-top-title .gate-title-line {
	display: block;
	height: 55px;
	height: 56px;
	width: 1px;
	background: #c7c7c7;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='56' viewBox='0 0 1 56' fill='none'%3E%3Cpath d='M0.5 55.5L0.500002 0.5' stroke='url(%23paint0_linear_86_176)' stroke-linecap='round'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_86_176' x1='1' y1='0.5' x2='1' y2='55.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23555555' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23555555'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E") no-repeat center / 100% 100%;
}

#wrapper .gate-top-title h2 {
	margin-top: 0;
	font-size: 32px;
	line-height: 42px;
}

#wrapper .gate-top-title>p:not(.gate-title__eyebrow):not(.gate-system__no) {
	margin-top: 0;
	font-size: 20px;
	line-height: 28px;
}

#wrapper .gate-primary-card {
	height: auto;
	margin-top: 0;
	padding: 30px 32px;
}

#wrapper .gate-special {
	display: flex;
	flex-direction: column;
	align-items: center;
	align-self: stretch;
	width: 100%;
	gap: 20px;
	margin-top: 0;
	padding: 30px;
	border-radius: 20px;
}

#wrapper .gate-special h3 {
	height: 70px;
	font-size: 28px;
	line-height: 39px;
}

#wrapper .gate-special h3 span {
	height: 31px;
	font-size: 22px;
	line-height: 31px;
}

#wrapper .gate-special__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	grid-template-rows: 169px 137px;
	width: 964px;
	max-width: 100%;
	height: 306px;
	margin: 0 auto;
	gap: 0;
	row-gap: 0;
	column-gap: 0;
}

#wrapper .gate-special__grid li {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 0;
	padding: 25px 74px 25px 40px;
}

#wrapper .academy-list {
	display: flex;
	flex-direction: column;
	gap: 20px;
	align-self: stretch;
	width: 100%;
}

#wrapper .academy-list .big-box,
#wrapper .academy-list .small-box {
	position: relative;
	overflow: hidden;
	border: 1px solid var(--gate-light-line);
	background: #fff;
	box-shadow: 0 16px 38px rgba(51, 51, 51, 0.08);
}

#wrapper .academy-list .big-box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 250px;
	padding: 46px 56px;
	border-radius: 20px;
	background:
		linear-gradient(135deg, rgba(110, 5, 5, 0.95), rgba(196, 0, 0, 0.78)),
		#7f0707;
	color: #fff;
}

#wrapper .academy-list .big-box::after {
	content: "";
	position: absolute;
	right: -72px;
	bottom: -120px;
	width: 360px;
	height: 360px;
	border-radius: 50%;
	border: 52px solid rgba(255, 255, 255, 0.08);
}

#wrapper .academy-list .big-box .skillful {
	position: relative;
	z-index: 1;
	font-size: 76px;
	font-weight: 800;
	line-height: 1;
	color: rgba(255, 255, 255, 0.22);
}

#wrapper .academy-list .txt-box {
	position: relative;
	z-index: 1;
}

#wrapper .academy-list .big-box .txt-box {
	width: 520px;
	max-width: 58%;
	text-align: right;
}

#wrapper .academy-list .title {
	color: var(--gate-text);
	font-size: 23px;
	font-weight: 500;
	line-height: 1.35;
}

#wrapper .academy-list .title strong {
	display: inline-block;
	color: var(--gate-deep-red);
	font-size: 30px;
	font-weight: 800;
}

#wrapper .academy-list .big-box .title {
	color: #fff;
	font-size: 27px;
}

#wrapper .academy-list .big-box .title strong {
	color: #fff;
	font-size: 38px;
}

#wrapper .academy-list .dec-txt {
	margin-top: 18px;
	color: var(--gate-mid);
	font-size: 18px;
	font-weight: 500;
	line-height: 1.5;
}

#wrapper .academy-list .big-box .dec-txt {
	color: rgba(255, 255, 255, 0.9);
	font-size: 20px;
}

#wrapper .academy-btn {
	margin-top: 26px;
}

#wrapper .academy-btn a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 122px;
	height: 42px;
	padding: 0 24px;
	border-radius: 999px;
	background: var(--gate-deep-red);
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
}

#wrapper .academy-list .big-box .academy-btn a {
	background: #fff;
	color: var(--gate-deep-red);
}

#wrapper .academy-box {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 14px;
}

#wrapper .academy-list .small-box {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 260px;
	padding: 28px 24px;
	border-radius: 16px;
	text-align: left;
}

#wrapper .academy-list .small-box .skillful {
	margin-top: 14px;
	color: #d7b18c;
	font-size: 24px;
	font-weight: 800;
	line-height: 1.1;
}

#wrapper .academy-list .small-box .dec-txt {
	min-height: 54px;
	margin-top: 22px;
	font-size: 16px;
}

#wrapper .academy-list .small-box .academy-btn {
	margin-top: 24px;
}

@media (min-width: 768px) and (max-width: 1199px) {

	#wrapper .gate-top-title {
		gap: 16px;
		height: 243px;
	}

	#wrapper .gate-top-title .gate-title__eyebrow {
		font-size: 28px;
		line-height: 42px;
	}

	#wrapper .gate-top-title .gate-title__eyebrow::after {
		content: none;
	}

	#wrapper .gate-top-title .gate-title-line {
		height: 55px;
	}

	#wrapper .gate-top-title h2 {
		margin-top: 0;
		font-size: 32px;
		line-height: 42px;
	}

	#wrapper .gate-top-title>p:not(.gate-title__eyebrow):not(.gate-system__no) {
		margin-top: 0;
		font-size: 20px;
		line-height: 28px;
	}

	#wrapper .gate-primary-card {
		height: auto;
		padding: 30px 32px;
	}

	#wrapper .gate-special {
		gap: 20px;
		padding: 30px;
	}

	#wrapper .gate-special h3 {
		height: auto;
		font-size: 28px;
		line-height: 39px;
	}

	#wrapper .gate-special h3 span {
		height: auto;
		font-size: 22px;
		line-height: 31px;
	}

	#wrapper .gate-special__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-template-rows: repeat(2, fit-content(100%));
		width: 100%;
		height: auto;
		margin-top: 0;
		margin-right: auto;
		margin-left: auto;
		gap: 0;
		row-gap: 0;
		column-gap: 0;
	}

	#wrapper .gate-special__grid li {
		gap: 0;
		min-height: 0;
		padding: 25px 0;
	}

	#wrapper .academy-list .big-box {
		min-height: 230px;
		padding: 40px;
	}

	#wrapper .academy-list .big-box .skillful {
		font-size: 62px;
	}

	#wrapper .academy-list .big-box .txt-box {
		width: 440px;
		max-width: 60%;
	}

	#wrapper .academy-box {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	#wrapper .academy-list .small-box {
		min-height: 220px;
	}
}

@media (max-width: 767px) {
	#wrapper .gate-hero {
		gap: 40px;
		height: auto;
		min-height: 0;
		padding: 50px 0 40px;
	}

	#wrapper .gate-hero::before {
		top: 0;
		left: 50%;
		width: 834px;
		height: 520px;
		background-size: 834px 520px;
	}

	#wrapper .gate-hero__copy {
		width: 100%;
		height: auto;
		gap: 0;
		margin: 0;
		padding: 0 16px;
	}

	#wrapper .gate-hero h1 {
		font-size: 46px;
		line-height: 1.2;
	}

	#wrapper .gate-hero h1 em {
		font-size: 32px;
	}

	#wrapper .gate-hero .gate-meaning {
		margin-top: 14px;
		height: 36px;
		font-size: 12px;
		line-height: 1.5;
	}

	#wrapper .gate-hero .gate-lead {
		margin-top: 20px;
		font-size: 17px;
		line-height: 1.4;
	}

	#wrapper .gate-lead span {
		white-space: normal;
	}

	#wrapper .gate-mo-break {
		display: block;
	}

	#wrapper .gate-intro {
		gap: 20px;
		height: auto;
		width: 100%;
		padding: 0 16px;
	}

	#wrapper .gate-intro .gate-title {
		height: 211px;
		min-height: 0;
	}

	#wrapper .gate-top-title {
		gap: 6px;
		height: 211px;
		min-height: 0;
	}

	#wrapper .gate-top-title .gate-title__eyebrow {
		display: block;
		width: 100%;
		border-bottom: 0;
		font-size: 20px;
		line-height: 30px;
		text-decoration: underline;
		text-decoration-thickness: 14%;
		text-decoration-skip-ink: none;
		text-underline-offset: auto;
	}

	#wrapper .gate-top-title .gate-title__eyebrow::after {
		content: none;
	}

	#wrapper .gate-top-title .gate-title-line {
		height: 30px;
	}

	#wrapper .gate-top-title h2 {
		margin-top: 0;
		font-size: 24px;
		line-height: 31px;
		letter-spacing: -0.48px;
	}

	#wrapper .gate-top-title>p:not(.gate-title__eyebrow):not(.gate-system__no) {
		margin-top: 0;
		font-size: 17px;
		line-height: 24px;
		letter-spacing: -0.17px;
	}

	#wrapper .gate-primary-card {
		height: auto;
		gap: 16px;
		padding: 16px;
		border-radius: 10px;
	}

	#wrapper .gate-primary-card__tit {
		gap: 0;
		min-height: 81px;
		justify-content: flex-start;
	}

	#wrapper .gate-primary-card__tit-main {
		color: #333;
		font-size: 22px;
		font-weight: 600;
		line-height: 1.4;
		letter-spacing: -0.22px;
	}

	#wrapper .gate-primary-card__tit-sub {
		color: #555;
		font-size: 18px;
		font-weight: 400;
		line-height: 1.4;
		letter-spacing: -0.18px;
		white-space: normal;
	}

	#wrapper .gate-primary-card .gate-flag {
		top: 7px;
		right: 7px;
		width: 44px;
		height: 44px;
		font-size: 11px;
		line-height: 1.1;
		letter-spacing: -0.11px;
	}

	#wrapper .gate-quote {
		width: 239px;
	}

	#wrapper .gate-quote img {
		width: 16px;
		height: 16px;
	}

	#wrapper .gate-quote p {
		margin-top: 6px;
		font-size: 18px;
		line-height: 1.4;
	}

	#wrapper .gate-quote strong {
		font-size: 17px;
	}

	#wrapper .gate-primary-card__body {
		min-height: 118px;
		margin-top: 0;
		padding: 16px 0;
		gap: 6px 8px;
		border-radius: 10px;
		font-size: 18px;
		line-height: 1.4;
	}

	#wrapper .gate-primary-card__body p {
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 100%;
		color: #555;
		font-size: 18px;
		font-weight: 600;
		line-height: 1.4;
		letter-spacing: -0.18px;
	}

	#wrapper .gate-primary-card__body strong {
		color: #333;
		font-size: 22px;
		font-weight: 600;
		line-height: 1.4;
		letter-spacing: -0.22px;
	}

	#wrapper .gate-primary-card__body span {
		font-size: 16px;
		font-weight: 400;
		line-height: 1.4;
		letter-spacing: -0.16px;
		white-space: nowrap;
	}

	#wrapper .gate-primary-card__body i {
		width: 1px;
		height: 18px;
	}

	#wrapper .gate-special {
		gap: 16px;
		padding: 16px;
		border-radius: 10px;
	}

	#wrapper .gate-special h3 {
		height: 56px;
		font-size: 22px;
		line-height: 31px;
	}

	#wrapper .gate-special h3 span {
		height: 25px;
		font-size: 18px;
		line-height: 25px;
	}

	#wrapper .gate-special__grid {
		display: flex;
		flex-direction: column;
		width: 100%;
		height: 454px;
		margin-top: 0;
		gap: 0;
		row-gap: 0;
		column-gap: 0;
	}

	#wrapper .gate-special__grid li {
		height: 103px;
		min-height: 0;
		padding: 16px 0;
		border-right: 0;
		border-bottom: 1px solid var(--gate-light-line);
	}

	#wrapper .gate-special__grid li:first-child {
		height: 145px;
	}

	#wrapper .gate-special__grid li:nth-child(n+3) {
		border-bottom: 1px solid var(--gate-light-line);
	}

	#wrapper .gate-special__grid li:last-child {
		border-bottom: 0;
	}

	#wrapper .gate-special__grid span {
		font-size: 14px;
	}

	#wrapper .gate-special__grid strong {
		margin-top: 6px;
		font-size: 18px;
	}

	#wrapper .gate-special__grid small {
		margin-top: 6px;
	}

	#wrapper .gate-special em {
		top: 8px;
		right: 8px;
		width: 44px;
		height: 44px;
		font-size: 11px;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	#wrapper .gate-result {
		padding: 0 0 60px;
	}

	#wrapper .gate-result>.gate-inner {
		gap: 60px;
	}

	#wrapper .gate-result__con {
		gap: 30px;
	}

	#wrapper .gate-result .gate-counts {
		display: flex;
		gap: 16px;
		justify-content: center;
	}

	#wrapper .gate-result .gate-counts li {
		width: 172px;
		height: 172px;
		padding: 40px;
	}

	#wrapper .gate-result .gate-graph-card {
		width: 100%;
		/* max-width: 720px; */
		padding: 30px 50px;
	}
}

@media (max-width: 767px) {
	#wrapper .gate-result {
		padding: 0 0 40px;
	}

	#wrapper .gate-result>.gate-inner {
		gap: 40px;
	}

	#wrapper .gate-result__con {
		gap: 20px;
	}

	#wrapper .gate-result__summary {
		gap: 20px;
	}


	#wrapper .gate-result .gate-title-line {
		height: 30px;
	}

	#wrapper .gate-result .gate-title h2 {
		font-size: 24px;
		line-height: 1.3;
	}

	#wrapper .gate-result .gate-title h2 span {
		font-size: 22px;
		line-height: 1.4;
	}

	#wrapper .gate-result .gate-title>p:not(.gate-title__eyebrow):not(.gate-system__no) {
		margin-top: 6px;
		font-size: 16px;
		line-height: 1.4;
	}

	#wrapper .gate-result .gate-counts {
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: 9px;
		justify-content: center;
		width: 100%;
	}

	#wrapper .gate-result .gate-counts li {
		flex: 0 0 102px;
		width: 102px;
		height: 102px;
		aspect-ratio: auto;
		padding: 0;
	}

	#wrapper .gate-result .gate-result__message {
		margin-top: 0;
		font-size: 24px;
		line-height: 1.4;
	}

	#wrapper .gate-result .gate-note {
		margin-top: 16px;
		font-size: 12px;
		line-height: 1.5;
	}

	#wrapper .gate-result__summary>.gate-note {
		margin-top: -4px;
	}

	#wrapper .gate-result .gate-title--compact>p {
		margin-top: 6px;
		white-space: normal;
	}

	#wrapper .gate-result .gate-graph-card {
		margin-top: 0;
		padding: 24px;
		border-radius: 20px;
	}

	#wrapper .gate-result .gate-chip {
		margin-bottom: 16px;
		font-size: 17px;
		font-weight: 600;
	}

	#wrapper .gate-result .gate-graph__text {
		font-weight: 400;
	}

	#wrapper .gate-result .gate-graph__text p {
		font-weight: 400;
	}

	#wrapper .gate-result .gate-graph__text p strong,
	#wrapper .gate-result .gate-graph__text b {
		font-weight: 700;
	}

	#wrapper .gate-result .gate-graph__text b span,
	#wrapper .gate-result .gate-graph__text sup,
	#wrapper .gate-result .gate-graph__text small {
		font-weight: 400;
	}

	#wrapper .gate-result .gate-graph-card__body {
		gap: 16px;
	}

	#wrapper .gate-result .gate-graph-card>.gate-note {
		margin-top: 16px;
		text-align: right;
	}
}

/* #02 story section: Figma alignment */
#wrapper .gate-story {
	padding: 60px 0;
	background: #f8f8f8;
}

#wrapper .gate-story>.gate-wide {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 30px;
}

#wrapper .gate-story h2 {
	max-width: 100%;
	margin: 0;
	color: #333;
	font-size: 32px;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: 0;
	text-align: center;
}

#wrapper .gate-review-wrap {
	position: relative;
	width: 100%;
	margin-top: 0;
	padding: 0 41px;
}

#wrapper .gate-story-arrow {
	top: 50%;
	width: 25px;
	height: 41px;
	margin-top: -20.5px;
	background-size: 18px 36px;
}

#wrapper .gate-review {
	display: none;
	width: 100%;
	max-width: 1150px;
	margin: 0 auto;
	grid-template-columns: none;
	gap: 40px;
	padding: 50px;
	border-radius: 20px;
	background: #fff;
}

#wrapper .gate-review.is-active {
	display: flex;
	align-items: flex-start;
}

#wrapper .gate-review--center.is-active {
	align-items: center;
}

#wrapper .gate-review__student {
	display: flex;
	flex: 0 0 271px;
	flex-direction: column;
	align-items: flex-start;
	gap: 20px;
}

#wrapper .gate-review__photo {
	width: 271px;
	height: 196px;
}

#wrapper .gate-review__student strong,
#wrapper .gate-review__student span {
	margin-top: 0;
	text-align: left;
	line-height: 1.4;
}

#wrapper .gate-review__student strong {
	color: #a67b4a;
	font-size: 18px;
	font-weight: 600;
}

#wrapper .gate-review__student span {
	color: #555;
	font-size: 16px;
	font-weight: 500;
}

#wrapper .gate-review__copy {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	gap: 20px;
	min-width: 0;
}

#wrapper .gate-score {
	width: 100%;
	min-height: 110px;
	padding: 18px 40px;
	gap: 16px;
	justify-content: center;
	border-color: #e5e5e5;
	border-radius: 10px;
	font-size: 20px;
	line-height: 1.4;
	text-align: right;
}

#wrapper .gate-score span {
	width: 313px;
	color: #555;
	font-weight: 400;
}

#wrapper .gate-score span b {
	color: #333;
	font-weight: 700;
}

#wrapper .gate-score__point {
	color: var(--gate-red);
	font-style: normal;
}

#wrapper .gate-score strong {
	flex: 0 0 74px;
	width: 74px;
	height: 74px;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.2;
}

#wrapper .gate-review__copy p {
	margin: 0;
	color: #555;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: 0;
}

#wrapper .gate-review__copy p b {
	color: #555;
	font-weight: 700;
}

#wrapper .gate-admit-list {
	width: 1150px;
	max-width: 100%;
	margin: 0 auto;
	grid-template-columns: repeat(4, 270px);
	gap: 22px;
}

#wrapper .gate-admit-list li {
	box-sizing: border-box;
	display: grid;
	grid-template-columns: 68px minmax(0, 1fr) 18px 60px;
	grid-template-rows: auto auto 1fr 54px;
	column-gap: 6px;
	row-gap: 0;
	align-items: start;
	padding: 35px 24px;
	width: 270px;
	height: 210px;
	border-radius: 10px;
}

#wrapper .gate-admit-list img {
	position: static;
	grid-column: 1;
	grid-row: 1 / 3;
	align-self: start;
	justify-self: start;
	width: 60px;
	height: 60px;
}

#wrapper .gate-admit-list b {
	position: static;
	grid-column: 2 / 5;
	grid-row: 1;
	align-self: start;
	width: auto;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: 0;
	word-break: keep-all;
	white-space: nowrap;
}

#wrapper .gate-admit-list span {
	position: static;
	grid-column: 2 / 5;
	grid-row: 2;
	/* align-self: start; */
	width: auto;
	margin-top: 8px;
	font-size: 16px;
	line-height: 1;
	letter-spacing: 0;
	word-break: keep-all;
	white-space: nowrap;
}
#wrapper .gate-admit-list em span {
	margin-top: 0;
}
#wrapper .gate-admit-list p {
	position: static;
	grid-column: 1 / 3;
	grid-row: 4;
	align-self: center;
	width: auto;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: 0;
	white-space: nowrap;
}

#wrapper .gate-admit-list p small {
	font-size: 16px;
}

#wrapper .gate-admit-list i {
	position: static;
	grid-column: 3;
	grid-row: 4;
	align-self: center;
	justify-self: center;
	/* width: 14px;
	height: 28px; */
}

#wrapper .gate-admit-list em {
	position: static;
	grid-column: 4;
	grid-row: 4;
	align-self: center;
	justify-self: end;
	width: 54px;
	height: 54px;
	font-size: 13px;
	line-height: 1.1;
}

#wrapper .gate-review-dots {
	display: none;
}

#wrapper .gate-result .gate-title,
#wrapper .gate-result__summary,
#wrapper .gate-result .gate-counts li {
	box-sizing: border-box;
}

#wrapper .gate-result .gate-title {
	text-align: center;
}

#wrapper .gate-result .gate-counts li {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

@media (min-width: 768px) and (max-width: 1199px) {
	#wrapper .gate-story {
		padding: 60px 0;
	}

	#wrapper .gate-story>.gate-wide {
		/* width: 768px; */
		max-width: 100%;
		padding: 0 24px;
		gap: 30px;
	}

	#wrapper .gate-story h2 {
		font-size: 32px;
		line-height: 1.3;
	}

	#wrapper .gate-review-wrap {
		padding: 0;
	}

	#wrapper .gate-review-wrap::after {
		content: none;
		display: none;
	}

	#wrapper .gate-review-dots {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 6px;
		width: 57px;
		height: 8px;
		margin: 16px auto 0;
	}

	#wrapper .gate-review-dots button {
		width: 8px;
		height: 8px;
		padding: 0;
		border: 0;
		border-radius: 999px;
		background: #d9d9d9;
		font-size: 0;
		cursor: pointer;
	}

	#wrapper .gate-review-dots button.is-active {
		width: 29px;
		background: var(--gate-red);
	}

	#wrapper .gate-story-arrow {
		display: none;
	}

	#wrapper .gate-review {
		width: 100%;
		max-width: none;
		gap: 40px;
		padding: 50px;
	}

	#wrapper .gate-review.is-active {
		display: flex;
		flex-direction: column;
		align-items: stretch;
	}

	#wrapper .gate-review__student {
		display: grid;
		flex: none;
		grid-template-columns: 271px 196px;
		grid-template-rows: auto auto;
		column-gap: 20px;
		row-gap: 0;
		justify-content: center;
		align-items: center;
		width: 562px;
		max-width: 100%;
		margin: 0 auto;
	}

	#wrapper .gate-review__photo {
		grid-row: 1 / span 2;
	}

	#wrapper .gate-review__student strong {
		align-self: end;
	}

	#wrapper .gate-review__student span {
		align-self: start;
		margin-top: 20px;
	}

	#wrapper .gate-review__copy {
		width: 100%;
		gap: 20px;
	}

	#wrapper .gate-score {
		width: 100%;
		padding: 18px 40px;
		justify-content: center;
	}

	#wrapper .gate-score span {
		width: 313px;
	}

	#wrapper .gate-admit-list {
		width: 100%;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 16px;
		justify-content: stretch;
	}

	#wrapper .gate-admit-list li {
		grid-template-columns: 57px minmax(0, 1fr) 15px 45px;
		grid-template-rows: auto auto 1fr 45px;
		column-gap: 7px;
		padding: 20px;
		width: 100%;
		height: 175px;
		border-radius: 8.34px;
	}

	#wrapper .gate-admit-list img {
		width: 50px;
		height: 50px;
	}

	#wrapper .gate-admit-list b {
		width: auto;
		font-size: 13.34px;
		line-height: 1.2;
	}

	#wrapper .gate-admit-list span {
		width: auto;
		font-size: 13.34px;
		line-height: 1.2;
	}

	#wrapper .gate-admit-list p {
		width: auto;
		font-size: 13.34px;
		line-height: 1.2;
	}

	#wrapper .gate-admit-list p small {
		font-size: 13.34px;
	}

	#wrapper .gate-admit-list i {
		width: 12px;
		height: 23px;
	}

	#wrapper .gate-admit-list em {
		width: 45px;
		height: 45px;
		font-size: 10.84px;
	}
}

@media (max-width: 767px) {
	#wrapper .gate-story {
		padding: 40px 0;
	}

	#wrapper .gate-story>.gate-wide {
		width: 100%;
		max-width: none;
		padding: 0 16px;
		gap: 20px;
	}

	#wrapper .gate-story h2 {
		font-size: 24px;
		line-height: 1.3;
	}

	#wrapper .gate-review-wrap {
		margin-top: 0;
		padding: 0;
	}

	#wrapper .gate-review-wrap::after {
		content: none;
		display: none;
	}

	#wrapper .gate-review-dots {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 6px;
		width: 57px;
		height: 8px;
		margin: 16px auto 0;
	}

	#wrapper .gate-review-dots button {
		width: 8px;
		height: 8px;
		padding: 0;
		border: 0;
		border-radius: 999px;
		background: #d9d9d9;
		font-size: 0;
		cursor: pointer;
	}

	#wrapper .gate-review-dots button.is-active {
		width: 29px;
		background: var(--gate-red);
	}

	#wrapper .gate-story-arrow {
		display: none;
	}

	#wrapper .gate-review {
		width: 100%;
		max-width: none;
		gap: 16px;
		padding: 16px;
		border-radius: 10px;
	}

	#wrapper .gate-review.is-active {
		display: flex;
		flex-direction: column;
		align-items: stretch;
	}

	/* #wrapper .gate-review__student {
		display: grid;
		flex: none;
		grid-template-columns: 105px 1fr;
		gap: 10px;
		width: 100%;
		margin: 0;
		align-items: center;
	}

	#wrapper .gate-review__photo {
		width: 105px;
		height: 76px;
	}

	#wrapper .gate-review__student strong {
		font-size: 16px;
		line-height: 1.4;
	}

	#wrapper .gate-review__student span {
		margin-top: 10px;
		font-size: 14px;
		line-height: 1.4;
	} */

	#wrapper .gate-review__student {
		display: grid;
		flex: none;
		grid-template-columns: 105px 1fr;
		grid-template-rows: auto auto;
		column-gap: 20px;
		row-gap: 0;
		justify-content: center;
		align-items: center;
		width: 562px;
		max-width: 100%;
		margin: 0 auto;
	}

	#wrapper .gate-review__photo {
		grid-row: 1 / span 2;
		width: 105px;
		height: 76px;
	}

	#wrapper .gate-review__student strong {
		align-self: end;
		font-size: 16px;
	}

	#wrapper .gate-review__student span {
		align-self: start;
		margin-top: 20px;
		font-size: 14px;
	}

	#wrapper .gate-review__copy {
		width: 100%;
		gap: 20px;
	}

	#wrapper .gate-score {
		min-height: 0;
		gap: 14px;
		padding: 18px 24px;
		justify-content: space-between;
		font-size: 17px;
		line-height: 1.4;
		text-align: right;
	}

	#wrapper .gate-score span {
		width: auto;
		flex: 1 1 auto;
	}

	#wrapper .gate-score img {
		display: none;
	}

	#wrapper .gate-score strong {
		flex: 0 0 64px;
		width: 64px;
		height: 64px;
		font-size: 14px;
	}

	#wrapper .gate-review__copy p {
		margin-top: 0;
		font-size: 14px;
		line-height: 1.4;
	}

	#wrapper .gate-admit-list {
		width: 100%;
		margin-top: 0;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 16px;
		justify-content: stretch;
	}

	#wrapper .gate-admit-list li {
		grid-template-columns: 40px minmax(0, 1fr) 10px 24px;
		grid-template-rows: auto auto 1fr 32px;
		column-gap: 6px;
		padding: 14px 8px 14px;
		width: 100%;
		min-width: 0;
		height: 122px;
		border-radius: 5.96px;
	}

	#wrapper .gate-admit-list img {
		width: 35px;
		height: 35px;
	}

	#wrapper .gate-admit-list b {
		width: auto;
		font-size: 12px;
		line-height: 1.15;
	}

	#wrapper .gate-admit-list span {
		width: auto;
		font-size: 10px;
		line-height: 1.15;
	}

	#wrapper .gate-admit-list p {
		width: auto;
		font-size: 12px;
		line-height: 1.15;
	}

	#wrapper .gate-admit-list p small {
		font-size: 12px;
	}

	#wrapper .gate-admit-list i {
		margin-right: 10px;
	}

	#wrapper .gate-admit-list em {
		width: 32px;
		height: 32px;
		font-size: 10px;
	}
}

/* #03 grade-up section */
#wrapper .gate-gradeup {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 4px;
	padding: 40px 0;
	background: #fdf2f5;
	text-align: center;
}

#wrapper .gate-gradeup p,
#wrapper .gate-gradeup h2 {
	margin: 0;
	letter-spacing: 0;
	white-space: nowrap;
}

#wrapper .gate-gradeup p {
	color: #333;
	font-size: 22px;
	font-weight: 400;
	line-height: 1.4;
}

#wrapper .gate-gradeup p strong {
	font-weight: 600;
}

#wrapper .gate-gradeup h2 {
	color: transparent;
	background: linear-gradient(92deg, #ad0505 28%, #470202 73%);
	-webkit-background-clip: text;
	background-clip: text;
	font-size: 32px;
	font-weight: 700;
	line-height: 1.3;
}

#wrapper .gate-gradeup__mo-break {
	display: none;
}

@media (min-width: 768px) and (max-width: 1199px) {
	#wrapper .gate-gradeup {
		padding: 40px 0;
		gap: 4px;
	}
}

@media (max-width: 767px) {
	#wrapper .gate-gradeup {
		gap: 6px;
		padding: 30px 0;
	}

	#wrapper .gate-gradeup p {
		display: flex;
		flex-direction: column;
		align-items: center;
		font-size: 18px;
		line-height: 1.4;
	}

	#wrapper .gate-gradeup h2 {
		width: 100%;
		font-size: 22px;
		line-height: 1.3;
		white-space: nowrap;
	}

	#wrapper .gate-gradeup__mo-break {
		display: block;
	}
}

/* #04 system section: SYSTEM #1 dorm */
#wrapper .gate-system--dorm {
	padding: 60px 0;
	background: #fff;
}

#wrapper .gate-system--dorm>.gate-inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 40px;
	width: 100%;
	max-width: none;
}

#wrapper .gate-system--dorm .gate-title {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 24px;
	width: 100%;
	text-align: center;
}

#wrapper .gate-system--dorm .gate-system__no {
	margin: 0;
	color: #777;
	font-size: 20px;
	font-weight: 400;
	line-height: 1.4;
}

#wrapper .gate-system--dorm .gate-system__no::after {
	width: 36px;
	height: 2px;
	margin: 8px auto;
	background: #d9d9d9;
}

#wrapper .gate-system--dorm .gate-title h2 {
	margin: 0;
	color: #333;
	font-size: 32px;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: 0;
}

#wrapper .gate-system--dorm .gate-title h2 span {
	display: inline;
	color: #333;
	font-size: inherit;
	font-weight: 400;
	line-height: inherit;
}

#wrapper .gate-system--dorm .gate-ask {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 24px;
	width: auto;
	min-height: 0;
	margin: 0;
	padding: 24px 32px;
	border: 1px solid #e5e5e5;
	border-radius: 10px;
	background: #fff;
	text-align: left;
}

#wrapper .gate-system--dorm .gate-ask__avatar {
	width: 60px;
	height: 60px;
	flex-basis: 60px;
	border-radius: 999px;
	background: #f8f8f8;
}

#wrapper .gate-system--dorm .gate-ask b {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin: 0 0 5px;
	padding: 4px 12px;
	border-radius: 999px;
	background: #777;
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.4;
}

#wrapper .gate-system--dorm .gate-ask strong {
	display: block;
	color: #555;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.4;
}

#wrapper .gate-system--dorm .gate-ask strong em {
	font-style: normal;
	font-weight: 600;
}

#wrapper .gate-dorm-gallery {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 30px;
	width: 100%;
}

#wrapper .gate-dorm-gallery>p {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	margin: 0;
	color: #333;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.4;
	text-align: center;
}

#wrapper .gate-dorm-gallery__media {
	position: relative;
	width: 100%;
	height: 502px;
	overflow: hidden;
	border-radius: 20px;
	background: #fff;
}

#wrapper .gate-dorm-gallery__main {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#wrapper .gate-dorm-gallery__label {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 148px;
	height: 52px;
	border-radius: 0 0 10px 0;
	background: #333;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.2;
	text-align: center;
	white-space: nowrap;
}

#wrapper .gate-dorm-gallery__note {
	position: absolute;
	top: 8px;
	left: 164px;
	display: none;
	max-width: calc(100% - 188px);
	color: #555;
	font-size: 14px;
	font-weight: 500;
	line-height: 140%;
	/* 19.6px */
	text-shadow: 0 0 2px rgba(255, 255, 255, 0.8);
	/* white-space: nowrap; */
}

#wrapper .gate-dorm-gallery__note.is-visible {
	display: block;
}

#wrapper .gate-dorm-gallery__thumbs {
	position: absolute;
	left: 50%;
	bottom: 24px;
	display: flex;
	gap: 15px;
	transform: translateX(-50%);
}

#wrapper .gate-dorm-gallery__thumbs button {
	position: relative;
	width: 135px;
	height: 90px;
	padding: 0;
	border: 0;
	background: none;
	cursor: pointer;
}

#wrapper .gate-dorm-gallery__thumbs button::after {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(51, 51, 51, 0.4);
}

#wrapper .gate-dorm-gallery__thumbs button.is-active::after {
	border: 1px solid #333;
	background: transparent;
}

#wrapper .gate-dorm-gallery__thumbs img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media (min-width: 768px) and (max-width: 1199px) {
	#wrapper .gate-system--dorm {
		padding: 60px 0;
	}

	#wrapper .gate-system--dorm>.gate-inner {
		/* width: 768px; */
		max-width: 100%;
		padding: 0 24px;
	}

	#wrapper .gate-dorm-gallery__media {
		height: 500px;
	}
}

@media (max-width: 767px) {
	#wrapper .gate-system--dorm {
		padding: 40px 0;
	}

	#wrapper .gate-system--dorm>.gate-inner {
		width: 100%;
		max-width: none;
		padding: 0 16px;
		gap: 20px;
	}

	#wrapper .gate-system--dorm .gate-title {
		gap: 20px;
	}

	#wrapper .gate-system--dorm .gate-system__no {
		font-size: 20px;
	}

	#wrapper .gate-system--dorm .gate-title h2 {
		font-size: 24px;
		line-height: 1.3;
	}

	#wrapper .gate-system--dorm .gate-ask {
		justify-content: flex-start;
		gap: 14px;
		width: 100%;
		padding: 16px;
	}

	#wrapper .gate-system--dorm .gate-ask__avatar {
		flex-basis: 36px;
		width: 36px;
		height: 36px;
	}

	#wrapper .gate-system--dorm .gate-ask__avatar img {
		top: calc(50% + 5.058px);
		width: 28.8px;
		height: 32px;
	}

	#wrapper .gate-system--dorm .gate-ask b {
		padding: 2px 10px;
		font-size: 12px;
	}

	#wrapper .gate-system--dorm .gate-ask strong {
		font-size: 16px;
	}

	#wrapper .gate-dorm-gallery {
		gap: 20px;
	}

	#wrapper .gate-dorm-gallery>p {
		min-height: 42px;
		font-size: 17px;
	}

	#wrapper .gate-dorm-gallery__media {
		width: calc(100% + 32px);
		height: 250px;
		border-radius: 0;
	}

	#wrapper .gate-dorm-gallery__label {
		width: 74px;
		height: 40px;
		background: #111;
		font-size: 12px;
	}

	#wrapper .gate-dorm-gallery__note {
		top: 6px;
		left: 84px;
		max-width: calc(100% - 96px);
		font-size: 10px;
		line-height: 1.3;
		white-space: normal;
	}

	#wrapper .gate-dorm-gallery__thumbs {
		bottom: 25px;
		gap: 7px;
	}

	#wrapper .gate-dorm-gallery__thumbs button {
		width: 65px;
		height: 45px;
	}
}

/* #04 system section: SYSTEM #2-#4 shared programs */
#wrapper .gate-system--curriculum,
#wrapper .gate-system--study,
#wrapper .gate-system--content {
	padding: 30px 0;
	background: #fff;
}

#wrapper .gate-system--curriculum>.gate-inner,
#wrapper .gate-system--study>.gate-inner,
#wrapper .gate-system--content>.gate-inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 40px;
	width: 100%;
	max-width: none;
}

#wrapper .gate-system--study>.gate-inner,
#wrapper .gate-system--content>.gate-inner {
	gap: 30px;
}

#wrapper .gate-system--curriculum .gate-title,
#wrapper .gate-system--study .gate-title,
#wrapper .gate-system--content .gate-title {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 24px;
	width: 100%;
	text-align: center;
}

#wrapper .gate-system--curriculum .gate-title h2,
#wrapper .gate-system--study .gate-title h2,
#wrapper .gate-system--content .gate-title h2 {
	margin: 0;
	color: #333;
	font-size: 32px;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: -0.32px;
}

#wrapper .gate-system--curriculum .gate-title h2 span,
#wrapper .gate-system--study .gate-title h2 span,
#wrapper .gate-system--content .gate-title h2 span {
	display: inline;
	color: inherit;
	font-size: inherit;
	font-weight: 400;
	line-height: inherit;
}

#wrapper .gate-system--curriculum .gate-ask,
#wrapper .gate-system--study .gate-ask,
#wrapper .gate-system--content .gate-ask {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 24px;
	width: auto;
	max-width: 100%;
	min-height: 0;
	margin: 0;
	padding: 24px 32px;
	border: 1px solid #e5e5e5;
	border-radius: 10px;
	background: #fff;
	text-align: left;
}

#wrapper .gate-system--curriculum .gate-ask p,
#wrapper .gate-system--study .gate-ask p,
#wrapper .gate-system--content .gate-ask p {
	margin: 0;
	color: #777;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: -0.16px;
}

#wrapper .gate-system--curriculum .gate-ask strong,
#wrapper .gate-system--study .gate-ask strong,
#wrapper .gate-system--content .gate-ask strong {
	margin-bottom: 5px;
	font-weight: 600;
}

#wrapper .gate-program-list {
	display: flex;
	flex-direction: column;
	gap: 24px;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}

#wrapper .gate-program-card {
	position: relative;
	display: grid;
	grid-template-columns: 256px minmax(0, 1fr);
	grid-template-areas:
		"head title"
		"head list"
		"head copy";
	align-items: center;
	justify-content: center;
	gap: 16px 30px;
	width: 100%;
	padding: 32px 50px;
	overflow: hidden;
	border-radius: 20px;
	background: #f9f3ee;
}

#wrapper .gate-program-card--perfect {
	background: #fdf2f5;
}

#wrapper .gate-program-card>i {
	position: absolute;
	top: 0;
	right: 24px;
	/* display: flex; */
	/* align-items: center; */
	/* justify-content: center; */
	/* flex-direction: column; */
	min-width: 168px;
	min-height: 52px;
	padding: 8px 16px;
	border-radius: 0 0 10px 10px;
	background: #a69fa1;
	color: #fff;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 1.3;
	text-align: center;
	letter-spacing: -0.14px;
}

#wrapper .gate-program-card>i sup {
	display: inline-block;
	position: relative;
	top: -0.35em;
	margin-left: 1px;
	font-size: 9px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: -0.09px;
	vertical-align: baseline;
}

#wrapper .gate-program-card__head {
	grid-area: head;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	width: 256px;
}

#wrapper .gate-program-card__head span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 256px;
	height: 25px;
}

#wrapper .gate-program-card__logo {
	display: block;
	width: auto;
	max-width: 224px;
	height: auto;
	max-height: 25px;
	object-fit: contain;
}

#wrapper .gate-program-card__head strong {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #b4875c;
	font-size: 36px;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: -0.72px;
	white-space: nowrap;
}

#wrapper .gate-program-card--perfect .gate-program-card__head strong {
	color: #c40000;
}

#wrapper .gate-program-card__head strong img {
	display: block;
	flex: 0 0 41px;
	width: 41px;
	height: 66px;
	object-fit: contain;
}

#wrapper .gate-program-card__head strong img:last-child {
	transform: scaleX(-1);
}

#wrapper .gate-program-card h3 {
	grid-area: title;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 6px;
	margin: 0;
	color: #333;
	font-size: 24px;
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: -0.24px;
}

#wrapper .gate-program-card h3 span {
	color: #777;
	font-size: 20px;
	font-weight: 400;
	letter-spacing: -0.2px;
}

#wrapper .gate-program-card__grid {
	grid-area: list;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	width: 100%;
	overflow: hidden;
	border: 1px solid #dec8b6;
	border-radius: 10px;
	background: #fff;
}

#wrapper .gate-program-card--perfect .gate-program-card__grid {
	border-color: #f8c6cb;
}

#wrapper .gate-program-card__grid p {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 66px;
	margin: 0;
	padding: 0 16px;
	border-right: 1px solid #dec8b6;
	color: #777;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.4;
	text-align: center;
	letter-spacing: -0.16px;
}

#wrapper .gate-program-card--perfect .gate-program-card__grid p {
	border-right-color: #f8c6cb;
}

#wrapper .gate-program-card__grid p:last-child {
	border-right: 0;
}

#wrapper .gate-program-card__grid--rows {
	grid-template-columns: repeat(6, minmax(0, 1fr));
}

#wrapper .gate-program-card__grid--rows p {
	grid-column: span 2;
}

#wrapper .gate-program-card__grid--rows p:nth-child(n + 4) {
	grid-column: span 3;
	border-top: 1px solid #dec8b6;
}

#wrapper .gate-program-card__grid--rows p:nth-child(3),
#wrapper .gate-program-card__grid--rows p:nth-child(5) {
	border-right: 0;
}

#wrapper .gate-program-card__grid--two {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

#wrapper .gate-program-card__grid b {
	display: block;
	margin-bottom: 6px;
	color: #555;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.4;
}

#wrapper .gate-program-card em {
	grid-area: copy;
	justify-self: start;
	color: #555;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 1.4;
	text-align: left;
	letter-spacing: -0.18px;
}

#wrapper .gate-program-card--perfect em {
	color: #333;
}

#wrapper .gate-program-card small {
	grid-column: 2;
	display: block;
	width: 100%;
	margin-top: -10px;
	color: #777;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.5;
	text-align: right;
	letter-spacing: -0.13px;
}

#wrapper .gate-study-gallery {
	display: flex;
	flex-direction: column;
	gap: 40px;
	width: 100%;
	overflow: hidden;
}

#wrapper .gate-study-gallery__group {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
	width: 100%;
}

#wrapper .gate-study-gallery__images {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
	width: 100%;
}

#wrapper .gate-study-gallery__images img {
	display: block;
	width: 100%;
	height: 198px;
	border-radius: 10px;
	object-fit: cover;
}

#wrapper .gate-study-gallery__caption {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
	text-align: center;
}

#wrapper .gate-study-gallery__caption strong {
	color: #333;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: -0.2px;
}

#wrapper .gate-study-gallery__caption p {
	margin: 0;
	color: #555;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: -0.18px;
}

#wrapper .gate-content-box {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 24px;
	width: 100%;
	padding: 32px;
	border-radius: 20px;
	background: #f8f8f8;
}

#wrapper .gate-content-box h3 {
	margin: 0;
	color: #333;
	font-size: 22px;
	font-weight: 600;
	line-height: 1.4;
	text-align: center;
	letter-spacing: -0.22px;
}

#wrapper .gate-content-box>span {
	position: absolute;
	top: 18px;
	right: 26px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 76px;
	height: 76px;
	border-radius: 50%;
	background: linear-gradient(148deg, #d43f3f 14.44%, #6e0505 92.43%);
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.1;
	text-align: center;
	letter-spacing: -0.14px;
}

#wrapper .gate-content-box ol {
	display: flex;
	flex-direction: column;
	width: 100%;
	margin: 0;
	padding: 0 40px;
	border-radius: 10px;
	background: #fff;
	counter-reset: content-list;
	list-style: none;
}

#wrapper .gate-content-box li {
	display: grid;
	grid-template-columns: 40px 170px 1fr;
	gap: 16px;
	align-items: center;
	padding: 20px 0;
	border-bottom: 1px solid #e9e9e9;
}

#wrapper .gate-content-box li:last-child {
	border-bottom: 0;
}

#wrapper .gate-content-box li::before {
	counter-increment: content-list;
	content: counter(content-list);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #fdf2f5;
	color: #c40000;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.4;
}

#wrapper .gate-content-box li>b {
	color: #333;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: -0.2px;
}

#wrapper .gate-content-box li p {
	display: flex;
	flex-direction: column;
	gap: 2px;
	margin: 0;
}

#wrapper .gate-content-box li strong {
	color: #555;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: -0.18px;
}

#wrapper .gate-content-box li em {
	color: #848484;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: -0.16px;
}

@media (min-width: 768px) and (max-width: 1199px) {

	#wrapper .gate-system--curriculum>.gate-inner,
	#wrapper .gate-system--study>.gate-inner,
	#wrapper .gate-system--content>.gate-inner {
		/* width: 768px; */
		max-width: 100%;
		padding: 0 24px;
	}

	#wrapper .gate-program-card {
		display: flex;
		flex-direction: column;
		gap: 30px;
		padding: 32px 50px;
	}

	#wrapper .gate-program-card__head {
		width: 256px;
	}

	#wrapper .gate-program-card h3 {
		justify-content: center;
		margin: -14px 0 0;
	}

	#wrapper .gate-program-card em {
		justify-self: auto;
		text-align: center;
	}

	#wrapper .gate-program-card small {
		grid-column: auto;
	}
}

@media (max-width: 767px) {

	#wrapper .gate-system--curriculum,
	#wrapper .gate-system--study,
	#wrapper .gate-system--content {
		padding: 20px 0;

	}

	#wrapper .gate-system--curriculum>.gate-inner,
	#wrapper .gate-system--study>.gate-inner,
	#wrapper .gate-system--content>.gate-inner {
		width: 100%;
		max-width: none;
		padding: 0 16px;
		gap: 20px;
	}

	#wrapper .gate-system--curriculum .gate-title,
	#wrapper .gate-system--study .gate-title,
	#wrapper .gate-system--content .gate-title {
		gap: 20px;
	}

	#wrapper .gate-system--curriculum .gate-title h2,
	#wrapper .gate-system--study .gate-title h2,
	#wrapper .gate-system--content .gate-title h2 {
		font-size: 24px;
		line-height: 1.3;
	}

	#wrapper .gate-system--curriculum .gate-ask,
	#wrapper .gate-system--study .gate-ask,
	#wrapper .gate-system--content .gate-ask {
		justify-content: flex-start;
		gap: 14px;
		width: 100%;
		padding: 16px;
	}

	#wrapper .gate-system--curriculum .gate-ask__avatar,
	#wrapper .gate-system--study .gate-ask__avatar,
	#wrapper .gate-system--content .gate-ask__avatar {
		flex-basis: 36px;
		width: 36px;
		height: 36px;
	}

	#wrapper .gate-system--curriculum .gate-ask__avatar img,
	#wrapper .gate-system--study .gate-ask__avatar img,
	#wrapper .gate-system--content .gate-ask__avatar img {
		top: calc(50% + 5.058px);
		width: 28.8px;
		height: 32px;
	}

	#wrapper .gate-system--curriculum .gate-ask b,
	#wrapper .gate-system--study .gate-ask b,
	#wrapper .gate-system--content .gate-ask b {
		padding: 2px 10px;
		font-size: 12px;
	}

	#wrapper .gate-system--curriculum .gate-ask strong,
	#wrapper .gate-system--study .gate-ask strong,
	#wrapper .gate-system--content .gate-ask strong {
		font-size: 16px;
	}

	#wrapper .gate-system--curriculum .gate-ask p,
	#wrapper .gate-system--study .gate-ask p,
	#wrapper .gate-system--content .gate-ask p {
		font-size: 14px;
	}

	#wrapper .gate-program-list {
		gap: 12px;
	}

	#wrapper .gate-program-card {
		display: flex;
		flex-direction: column;
		gap: 20px;
		padding: 28px 20px;
		border-radius: 10px;
	}

	#wrapper .gate-program-card>i {
		left: 50%;
		right: auto;
		min-width: 150px;
		min-height: 25px;
		padding: 4px 12px;
		font-size: 11px;
		transform: translateX(-50%);
	}

	#wrapper .gate-program-card__head {
		gap: 8px;
	}

	#wrapper .gate-program-card__head span {
		width: 256px;
		height: 20px;
	}

	#wrapper .gate-program-card__logo {
		max-width: 190px;
		max-height: 20px;
	}

	#wrapper .gate-program-card__head strong {
		font-size: 30px;
	}

	#wrapper .gate-program-card__head strong img {
		flex-basis: 29px;
		width: 29px;
		height: 46px;
	}

	#wrapper .gate-program-card h3 {
		flex-wrap: wrap;
		gap: 2px 6px;
		margin-top: -8px;
		font-size: 20px;
	}

	#wrapper .gate-program-card h3 span {
		font-size: 16px;
	}

	#wrapper .gate-program-card__grid,
	#wrapper .gate-program-card__grid--rows,
	#wrapper .gate-program-card__grid--two {
		grid-template-columns: 1fr;
	}

	#wrapper .gate-program-card__grid p,
	#wrapper .gate-program-card__grid--rows p,
	#wrapper .gate-program-card__grid--rows p:nth-child(n + 4) {
		grid-column: auto;
		min-height: 58px;
		padding: 14px 16px;
		border-right: 0;
		border-top: 1px solid #dec8b6;
		font-size: 14px;
	}

	#wrapper .gate-program-card--perfect .gate-program-card__grid p {
		border-top-color: #f8c6cb;
	}

	#wrapper .gate-program-card__grid p:first-child {
		border-top: 0;
		padding-top: 0;
	}

	#wrapper .gate-program-card em {
		font-size: 15px;
	}

	#wrapper .gate-program-card small {
		margin-top: -12px;
		font-size: 11px;
		text-align: center;
	}

	#wrapper .gate-study-gallery {
		gap: 32px;
	}

	#wrapper .gate-study-gallery__images {
		display: flex;
		gap: 16px;
		overflow-x: auto;
		overflow-y: hidden;
		/* padding-right: 16px; */
		scroll-snap-type: x mandatory;
		touch-action: pan-x;
		cursor: grab;
		user-select: none;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}

	#wrapper .gate-study-gallery__images:active {
		cursor: grabbing;
	}

	#wrapper .gate-study-gallery__images.is-dragging {
		cursor: grabbing;
		scroll-snap-type: none;
	}

	#wrapper .gate-study-gallery__images::-webkit-scrollbar {
		display: none;
	}

	#wrapper .gate-study-gallery__images img {
		flex: 0 0 min(229px, calc(100vw - 64px));
		width: min(229px, calc(100vw - 64px));
		height: 198px;
		border-radius: 10px;
		pointer-events: none;
		scroll-snap-align: start;
		-webkit-user-drag: none;
	}

	#wrapper .gate-study-gallery__caption strong {
		font-size: 17px;
	}

	#wrapper .gate-study-gallery__caption p {
		font-size: 16px;
	}

	#wrapper .gate-content-box {
		gap: 20px;
		width: 100%;
		padding: 24px 16px;
		border-radius: 20px;
	}

	#wrapper .gate-content-box h3 {
		font-size: 18px;
	}

	#wrapper .gate-content-box>span {
		top: 18px;
		right: 4px;
		width: 50px;
		height: 50px;
		font-size: 10px;
	}

	#wrapper .gate-content-box ol {
		padding: 0 20px;
	}

	#wrapper .gate-content-box li {
		grid-template-columns: 34px 1fr;
		gap: 10px;
		padding: 14px 0;
	}

	#wrapper .gate-content-box li::before {
		width: 32px;
		height: 32px;
		font-size: 16px;
	}

	#wrapper .gate-content-box li>b {
		font-size: 17px;
	}

	#wrapper .gate-content-box li p {
		grid-column: 2;
	}

	#wrapper .gate-content-box li strong {
		font-size: 16px;
	}

	#wrapper .gate-content-box li em {
		font-size: 14px;
	}
}

/* #05 link section */
#wrapper .gate-link-section {
	display: flex;
	justify-content: center;
	padding: 60px 0;
	background: #f5f5f5;
}

#wrapper .gate-link-section>.gate-inner {
	width: 100%;
	max-width: none;
	padding: 0;
}

#wrapper .gate-link-section h2 {
	width: 612px;
	max-width: 100%;
	margin: 0 auto;
	color: #333;
	font-size: 32px;
	font-weight: 700;
	line-height: 1.3;
	text-align: center;
	letter-spacing: -0.64px;
}

#wrapper .gate-link-section h2 span {
	display: block;
	color: #555;
	font-size: 24px;
	font-weight: 400;
	line-height: 1.3;
	letter-spacing: -0.48px;
}

#wrapper .gate-link-section__mo-break {
	display: none;
}

#wrapper .gate-link-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
	width: 100%;
	margin: 30px 0 0;
	padding: 0;
	list-style: none;
}

#wrapper .gate-link-list li {
	display: grid;
	grid-template-columns: 212px minmax(0, 1fr);
	gap: 30px;
	align-items: center;
	min-height: 214px;
	padding: 32px;
	border-radius: 20px;
	background: #fff;
}

#wrapper .gate-link-list .is-wide {
	grid-column: 1 / -1;
	min-height: 114px;
}

#wrapper .gate-link-list b {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 212px;
	height: 66px;
	margin: 0;
	color: #c40000;
	font-size: 28px;
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: -0.28px;
}

#wrapper .gate-link-list b::before,
#wrapper .gate-link-list b::after {
	content: "";
	position: absolute;
	top: 0;
	width: 41px;
	height: 66px;
	background: url("https://russeldata.megastudy.net/campus/images/russel/intro/2026/gisuk_gate/laurel-left.svg") center / contain no-repeat;
}

#wrapper .gate-link-list b::before {
	left: 0;
}

#wrapper .gate-link-list b::after {
	right: 0;
	transform: scaleX(-1);
}

#wrapper .gate-link-list li>div {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	gap: 24px;
	min-width: 0;
}

#wrapper .gate-link-list strong {
	display: block;
	color: #777;
	font-size: 22px;
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: -0.22px;
}

#wrapper .gate-link-list strong em {
	display: block;
	color: #333;
	font-size: 28px;
	font-style: normal;
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: -0.28px;
}

#wrapper .gate-link-list .is-wide strong em {
	display: inline;
	margin-left: 6px;
}

#wrapper .gate-link-list p {
	margin: -19px 0 0;
	color: #777;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: -0.16px;
}

#wrapper .gate-link-list a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 160px;
	padding: 8px 0;
	border-radius: 6px;
	background: #8c8c8c;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.4;
	text-decoration: none;
	letter-spacing: -0.16px;
}

@media (min-width: 768px) and (max-width: 1199px) {
	#wrapper .gate-link-section {
		padding: 60px 32px;
	}

	#wrapper .gate-link-section>.gate-inner {
		width: 100%;
		max-width: none;
	}

	#wrapper .gate-link-list {
		grid-template-columns: 1fr;
		width: 100%;
		max-width: none;
	}

	#wrapper .gate-link-list li,
	#wrapper .gate-link-list .is-wide {
		grid-column: auto;
		display: grid;
		grid-template-columns: 212px minmax(0, 1fr);
		gap: 30px;
		min-height: 192px;
		padding: 32px;
		border-radius: 20px;
	}

	#wrapper .gate-link-list .is-wide {
		min-height: 214px;
	}

	#wrapper .gate-link-list strong em,
	#wrapper .gate-link-list .is-wide strong em {
		display: inline;
		margin-left: 6px;
	}
}

@media (max-width: 767px) {
	#wrapper .gate-link-section {
		padding: 40px 16px;
	}

	#wrapper .gate-link-section>.gate-inner {
		width: 100%;
		max-width: none;
	}

	#wrapper .gate-link-section h2 {
		width: 100%;
		font-size: 24px;
		letter-spacing: -0.48px;
	}

	#wrapper .gate-link-section h2 span {
		font-size: 20px;
		letter-spacing: -0.4px;
	}

	#wrapper .gate-link-section__mo-break {
		display: block;
	}

	#wrapper .gate-link-list {
		grid-template-columns: 1fr;
		gap: 16px;
		margin-top: 20px;
	}

	#wrapper .gate-link-list li,
	#wrapper .gate-link-list .is-wide {
		grid-column: auto;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 12px;
		min-height: 206px;
		padding: 24px 16px;
		border-radius: 10px;
		text-align: center;
	}

	#wrapper .gate-link-list .is-wide {
		min-height: 246px;
	}

	#wrapper .gate-link-list b {
		width: 212px;
		height: 47px;
		margin: 0;
		font-size: 28px;
	}

	#wrapper .gate-link-list b::before,
	#wrapper .gate-link-list b::after {
		width: 29px;
		height: 47px;
	}

	#wrapper .gate-link-list li>div {
		align-items: center;
		gap: 12px;
		width: 100%;
	}

	#wrapper .gate-link-list strong {
		font-size: 18px;
		text-align: center;
	}

	#wrapper .gate-link-list strong em,
	#wrapper .gate-link-list .is-wide strong em {
		display: inline;
		margin-left: 6px;
		font-size: 18px;
	}

	#wrapper .gate-link-list p {
		margin: 0;
		font-size: 16px;
		text-align: center;
	}

	#wrapper .gate-link-list a {
		width: 114px;
		height: 36px;
		padding: 0;
		font-size: 14px;
		letter-spacing: -0.14px;
	}
}

/* #06 bottom */
#wrapper .gate-bottom {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 0;
	padding: 40px 0;
	background: #fdf2f5;
	text-align: center;
}

#wrapper .gate-bottom p {
	width: 677px;
	max-width: calc(100% - 48px);
	margin: 0;
	color: #333;
	font-size: 28px;
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: -0.28px;
}

#wrapper .gate-bottom p>span,
#wrapper .gate-bottom strong {
	display: block;
	line-height: 1.4;
	letter-spacing: -0.28px;
}

#wrapper .gate-bottom strong {
	color: #333;
	font-weight: 700;
}

#wrapper .gate-bottom em {
	background: linear-gradient(92deg, #ad0505 28.41%, #470202 72.57%), #c40000;
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
	font-style: normal;
	font-weight: 700;
	letter-spacing: -0.28px;
	line-height: 1.4;
}

#wrapper .gate-bottom__mo-break {
	display: none;
}

@media (max-width: 767px) {
	#wrapper .gate-bottom {
		min-height: 0;
		padding: 30px 16px;
	}

	#wrapper .gate-bottom p {
		width: 100%;
		max-width: none;
		font-size: 22px;
		letter-spacing: -0.22px;
	}

	#wrapper .gate-bottom em {
		background-image: linear-gradient(90.8245deg, #ad0505 28.41%, #470202 72.57%), linear-gradient(90deg, #c40000 0%, #c40000 100%);
	}

	#wrapper .gate-bottom p>span,
	#wrapper .gate-bottom strong,
	#wrapper .gate-bottom em {
		letter-spacing: -0.22px;
	}

	#wrapper .gate-bottom__mo-break {
		display: block;
	}
}

/* SYSTEM #2 curriculum late-stage parity patch */
#wrapper .gate-system--curriculum .gate-title h2,
#wrapper .gate-system--curriculum .gate-title h2 span,
#wrapper .gate-system--curriculum .gate-system__no,
#wrapper .gate-system--curriculum .gate-ask b,
#wrapper .gate-system--curriculum .gate-ask strong,
#wrapper .gate-system--curriculum .gate-ask p,
#wrapper .gate-program-card h3,
#wrapper .gate-program-card h3 span,
#wrapper .gate-program-card__grid p,
#wrapper .gate-program-card__grid b,
#wrapper .gate-program-card em,
#wrapper .gate-program-card small,
#wrapper .gate-program-card>i {
	letter-spacing: inherit;
}

#wrapper .gate-system--curriculum .gate-title h2 {
	font-size: 32px;
	line-height: 1.3;
	letter-spacing: -0.64px;
}

#wrapper .gate-system--curriculum .gate-title h2 span {
	display: inline;
	font-size: inherit;
	font-weight: 400;
	line-height: inherit;
	letter-spacing: inherit;
}

#wrapper .gate-system--curriculum .gate-system__no {
	letter-spacing: -0.2px;
}

#wrapper .gate-system--curriculum .gate-ask {
	padding: 24px 32px;
	gap: 24px;
	border-radius: 10px;
}

#wrapper .gate-system--curriculum .gate-ask b {
	letter-spacing: -0.13px;
}

#wrapper .gate-system--curriculum .gate-ask strong {
	letter-spacing: -0.18px;
}

#wrapper .gate-system--curriculum .gate-ask p {
	letter-spacing: -0.16px;
}

#wrapper .gate-program-card {
	gap: 16px 30px;
	padding: 32px 50px;
	border-radius: 20px;
}

#wrapper .gate-program-card__grid {
	align-items: stretch;
	padding: 16px 0;
}

#wrapper .gate-program-card__grid p {
	min-height: 0;
	padding: 0 16px;
	line-height: 1.4;
	letter-spacing: -0.16px;
}

#wrapper .gate-program-card__grid--rows {
	position: relative;
	padding: 0;
	column-gap: 0;
}

#wrapper .gate-program-card__grid--rows::before {
	content: "";
	position: absolute;
	top: 76px;
	left: 0;
	right: 0;
	z-index: 1;
	height: 1px;
	background: #dec8b6;
	pointer-events: none;
}

#wrapper .gate-program-card__grid--rows p {
	position: relative;
	min-height: 76px;
	padding-top: 16px;
	padding-bottom: 16px;
	border-right: 0;
}

#wrapper .gate-program-card__grid--rows p::after {
	content: "";
	position: absolute;
	top: 16px;
	right: 0;
	bottom: 16px;
	width: 1px;
	background: #dec8b6;
}

#wrapper .gate-program-card--perfect .gate-program-card__grid--rows p::after {
	background: #f8c6cb;
}

#wrapper .gate-program-card__grid--rows p:nth-child(3)::after,
#wrapper .gate-program-card__grid--rows p:nth-child(5)::after {
	content: none;
}

#wrapper .gate-program-card__grid--rows p:nth-child(n + 4) {
	min-height: 54px;
	border-top: 0;
}

#wrapper .gate-program-card__grid b {
	letter-spacing: -0.16px;
}

#wrapper .gate-program-card h3 {
	letter-spacing: -0.24px;
}

#wrapper .gate-program-card h3 span {
	letter-spacing: -0.2px;
}

#wrapper .gate-program-card>i {
	letter-spacing: -0.14px;
}

#wrapper .gate-program-card em {
	letter-spacing: -0.18px;
}

#wrapper .gate-program-card small {
	letter-spacing: -0.13px;
}

#wrapper .gate-program-card__head span {
	height: 25px;
}

#wrapper .gate-program-card:nth-child(1) .gate-program-card__logo {
	max-width: 211px;
}

#wrapper .gate-program-card:nth-child(2) .gate-program-card__logo {
	max-width: 197px;
}

#wrapper .gate-program-card:nth-child(3) .gate-program-card__logo {
	max-width: 197px;
}

#wrapper .gate-program-card:nth-child(4) .gate-program-card__logo {
	max-width: 224px;
}

#wrapper .gate-program-card:nth-child(5) .gate-program-card__logo {
	max-width: 201px;
}

@media (min-width: 768px) and (max-width: 1199px) {
	#wrapper .gate-system--curriculum>.gate-inner {
		/* width: 768px; */
		max-width: 100%;
		padding: 0 24px;
	}

	#wrapper .gate-system--curriculum .gate-ask {
		width: 642px;
		max-width: 100%;
		min-height: 153px;
	}

	#wrapper .gate-program-card {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 16px;
		padding: 32px 50px;
	}

	#wrapper .gate-program-card__head {
		margin-bottom: 14px;
	}

	#wrapper .gate-program-card h3 {
		justify-content: center;
		margin: 0;
	}

	#wrapper .gate-program-card__grid {
		width: 620px;
		max-width: 100%;
	}

	#wrapper .gate-program-card em {
		text-align: center;
	}

	#wrapper .gate-program-card small {
		width: 620px;
		max-width: 100%;
		margin-top: -10px;
		text-align: right;
	}
}

@media (max-width: 767px) {
	#wrapper .gate-system--curriculum>.gate-inner {
		gap: 20px;
		width: 100%;
		max-width: none;
		padding: 0 16px;
	}

	#wrapper .gate-system--curriculum .gate-title {
		gap: 20px;
	}

	#wrapper .gate-system--curriculum .gate-title h2 {
		width: 100%;
		font-size: 24px;
		line-height: 1.3;
		letter-spacing: -0.64px;
	}

	#wrapper .gate-system--curriculum .gate-title h2 span {
		display: block;
	}

	#wrapper .gate-system--curriculum .gate-ask {
		align-items: flex-start;
		gap: 10px;
		width: 100%;
		padding: 16px;
	}

	#wrapper .gate-system--curriculum .gate-ask b {
		padding: 2px 10px;
		font-size: 12px;
		letter-spacing: -0.12px;
	}

	#wrapper .gate-system--curriculum .gate-ask strong {
		font-size: 16px;
		line-height: 1.4;
		letter-spacing: -0.16px;
	}

	#wrapper .gate-system--curriculum .gate-ask p {
		font-size: 14px;
		line-height: 1.4;
		letter-spacing: -0.16px;
	}

	#wrapper .gate-program-list {
		gap: 16px;
	}

	#wrapper .gate-program-card {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 8px;
		padding: 24px 16px;
		border-radius: 10px;
	}

	#wrapper .gate-program-card:nth-child(2) {
		padding-top: 58px;
	}

	#wrapper .gate-program-card:nth-child(4),
	#wrapper .gate-program-card:nth-child(5) {
		padding-top: 41px;
	}

	#wrapper .gate-program-card>i {
		left: 50%;
		right: auto;
		min-width: 0;
		min-height: 0;
		padding: 4px 12px;
		font-size: 13px;
		line-height: 1.3;
		letter-spacing: -0.13px;
		white-space: nowrap;
		transform: translateX(-50%);
	}

	#wrapper .gate-program-card>i sup {
		top: -0.35em;
		font-size: 8.385px;
		letter-spacing: -0.08px;
	}

	#wrapper .gate-program-card__head {
		gap: 12px;
		width: 256px;
		margin-bottom: 0;
	}

	#wrapper .gate-program-card__head span {
		width: 256px;
		height: 20px;
	}

	#wrapper .gate-program-card:nth-child(1) .gate-program-card__logo {
		max-width: 180px;
	}

	#wrapper .gate-program-card:nth-child(2) .gate-program-card__logo,
	#wrapper .gate-program-card:nth-child(3) .gate-program-card__logo {
		max-width: 168px;
	}

	#wrapper .gate-program-card:nth-child(4) .gate-program-card__logo {
		max-width: 190px;
	}

	#wrapper .gate-program-card:nth-child(5) .gate-program-card__logo {
		max-width: 170px;
		max-height: 21px;
	}

	#wrapper .gate-program-card__head strong {
		font-size: 26px;
		line-height: 1.3;
		letter-spacing: -0.52px;
	}

	#wrapper .gate-program-card__head strong img {
		flex: 0 0 29px;
		width: 29px;
		height: 46px;
	}

	#wrapper .gate-program-card h3 {
		flex-wrap: nowrap;
		justify-content: center;
		gap: 6px;
		width: 100%;
		margin: 0;
		font-size: 20px;
		line-height: 1.4;
		letter-spacing: -0.24px;
		white-space: nowrap;
	}

	#wrapper .gate-program-card h3 span {
		font-size: 17px;
		letter-spacing: -0.2px;
	}

	#wrapper .gate-program-card__grid,
	#wrapper .gate-program-card__grid--rows,
	#wrapper .gate-program-card__grid--two {
		display: flex;
		flex-direction: column;
		width: 100%;
		padding: 16px 0;
		column-gap: 0;
	}

	#wrapper .gate-program-card__grid--rows::before {
		content: none;
	}

	#wrapper .gate-program-card__grid p,
	#wrapper .gate-program-card__grid--rows p,
	#wrapper .gate-program-card__grid--rows p:nth-child(n + 4) {
		width: 100%;
		min-height: 0;
		padding: 16px 16px;
		border-top: 0;
		border-right: 0;
		border-bottom: 1px solid #dec8b6;
		font-size: 16px;
		line-height: 1.4;
		letter-spacing: -0.16px;
	}

	#wrapper .gate-program-card__grid--rows p::after {
		content: none;
	}

	#wrapper .gate-program-card--perfect .gate-program-card__grid p,
	#wrapper .gate-program-card--perfect .gate-program-card__grid--rows p {
		border-bottom-color: #f8c6cb;
	}

	#wrapper .gate-program-card__grid p+p,
	#wrapper .gate-program-card__grid--rows p+p {
		padding-top: 16px;
	}

	#wrapper .gate-program-card__grid {
		margin-top: 8px;
	}

	#wrapper .gate-program-card em {
		margin-top: 8px;
	}

	#wrapper .gate-program-card__grid p:last-child,
	#wrapper .gate-program-card__grid--rows p:last-child {
		padding-bottom: 0;
		border-bottom: 0;
	}

	#wrapper .gate-program-card__grid--rows p:nth-child(3) {
		padding-bottom: 16px;
		border-bottom: 1px solid #dec8b6;
	}

	#wrapper .gate-program-card__grid b {
		margin-bottom: 6px;
		font-size: 14px;
		line-height: 1.4;
		letter-spacing: -0.14px;
	}

	#wrapper .gate-program-card em {
		width: 100%;
		font-size: 16px;
		line-height: 1.4;
		text-align: center;
		letter-spacing: -0.16px;
	}

	#wrapper .gate-program-card:nth-child(4)>i br,
	#wrapper .gate-program-card:nth-child(5)>i br {
		display: none;
	}

	#wrapper .gate-program-card small {
		width: 100%;
		margin-top: -2px;
		font-size: 13px;
		line-height: 1.5;
		text-align: center;
		letter-spacing: -0.13px;
	}
}

/* SYSTEM #6 scholarship spacing */
#wrapper .gate-scholarship h3+.gate-scholarship__list {
	margin-top: 24px;
}

@media (max-width: 767px) {
	#wrapper .gate-scholarship h3+.gate-scholarship__list {
		margin-top: 24px;
	}
}

/* #05 link section title spacing */
#wrapper .gate-link-section h2+.gate-link-list {
	margin-top: 30px;
}

@media (max-width: 767px) {
	#wrapper .gate-link-section h2+.gate-link-list {
		margin-top: 20px;
	}
}

/* SYSTEM #5 facility: Figma parity by breakpoint */
#wrapper .gate-system--facility {
	padding-bottom: 0;
	overflow: hidden;
	background: #fff;
}

#wrapper .gate-scholarship {
	padding-top: 60px;
}

@media (max-width: 767px) {
	#wrapper .gate-scholarship {
		padding-top: 40px;
	}
}

#wrapper .gate-system--facility .gate-title--facility {
	width: 100%;
	max-width: none;
	margin: 0 auto 30px;
	padding: 0;
}

#wrapper .gate-system--facility .gate-title--facility h2 span {
	display: inline;
}

#wrapper .gate-system--facility .gate-ask {
	flex-direction: row;
	align-items: center;
	gap: 24px;
	width: 537px;
	min-height: 153px;
	margin: 24px auto 0;
	padding: 24px 32px;
	border-radius: 10px;
}

#wrapper .gate-system--facility .gate-ask b {
	padding: 4px 12px;
	font-size: 13px;
	letter-spacing: -0.13px;
}

#wrapper .gate-system--facility .gate-ask strong {
	font-size: 18px;
	font-weight: 600;
	letter-spacing: -0.18px;
}

#wrapper .gate-system--facility .gate-ask p {
	margin-top: 5px;
	font-size: 16px;
	letter-spacing: -0.16px;
}

#wrapper .gate-system--facility .gate-facility {
	position: relative;
	display: block;
	width: 1920px;
	max-width: 100%;
	height: 780px;
	margin: 0 auto;
	overflow: hidden;
}

#wrapper .gate-system--facility .gate-facility__list {
	display: block;
	margin: 0;
}

#wrapper .gate-system--facility .gate-facility__list li {
	position: relative;
	width: 100%;
	padding: 16px 0 16px 28px;
	border-bottom: 1px solid #e9e9e9;
}

#wrapper .gate-system--facility .gate-facility__list li:first-child {
	padding-top: 0;
}

#wrapper .gate-system--facility .gate-facility__list li:last-child {
	padding-bottom: 0;
	border-bottom: 0;
}

#wrapper .gate-system--facility .gate-facility__list li::before {
	content: "";
	position: absolute;
	top: 20px;
	left: 0;
	width: 14px;
	height: 14px;
	background: url("https://russeldata.megastudy.net/campus/images/russel/intro/2026/gisuk_gate/check.svg") center / contain no-repeat;
}

#wrapper .gate-system--facility .gate-facility__list li:first-child::before {
	top: 4px;
}

#wrapper .gate-system--facility .gate-facility__list strong {
	display: block;
	color: #333;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: -0.2px;
}

#wrapper .gate-system--facility .gate-facility__list span {
	display: block;
	margin-top: 8px;
	color: #777;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: -0.16px;
}

#wrapper .gate-system--facility .gate-facility__list--ta {
	display: none;
}

@media (max-width: 1199px) {
	#wrapper .gate-system--facility .gate-facility__list--pc {
		display: none;
	}

	#wrapper .gate-system--facility .gate-facility__list--ta {
		position: static;
		order: 1;
		display: block;
		padding: 24px 16px;
		border-radius: 10px;
		background: #f8f8f8;
		box-shadow: none;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	#wrapper .gate-system--facility .gate-title--facility {
		/* width: 768px; */
		max-width: 100%;
		padding-right: 24px;
		padding-left: 24px;
	}

	#wrapper .gate-system--facility .gate-facility {
		display: flex;
		flex-direction: column;
		gap: 30px;
		/* width: 768px; */
		max-width: 100%;
		height: auto;
		padding-right: 0;
		padding-left: 0;
		overflow: visible;
	}

	#wrapper .gate-system--facility .gate-facility__list--ta {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		margin: 0 24px;
		width: auto;
	}

	#wrapper .gate-system--facility .gate-facility__list--ta li {
		padding: 16px 24px 16px 52px;
	}

	#wrapper .gate-system--facility .gate-facility__list--ta li:first-child {
		grid-column: 1 / -1;
		padding-top: 0;
	}

	#wrapper .gate-system--facility .gate-facility__list--ta li:nth-child(4),
	#wrapper .gate-system--facility .gate-facility__list--ta li:nth-child(5) {
		border-bottom: 0;
	}

	#wrapper .gate-system--facility .gate-facility__list--ta li::before {
		left: 24px;
	}

}

@media (max-width: 767px) {
	#wrapper .gate-system--facility {
		padding-top: 20px;
	}

	#wrapper .gate-system--facility .gate-title--facility {
		width: 100%;
		max-width: none;
		margin-bottom: 20px;
		padding-right: 16px;
		padding-left: 16px;
	}

	#wrapper .gate-system--facility .gate-title--facility h2 span {
		display: block;
	}

	#wrapper .gate-system--facility .gate-ask {
		align-items: flex-start;
		gap: 10px;
		width: 100%;
		min-height: 0;
		margin-top: 20px;
		padding: 16px;
	}

	#wrapper .gate-system--facility .gate-ask b {
		padding: 2px 10px;
		font-size: 12px;
		letter-spacing: -0.12px;
	}

	#wrapper .gate-system--facility .gate-ask strong {
		font-size: 16px;
	}

	#wrapper .gate-system--facility .gate-ask p {
		font-size: 14px;
	}

	#wrapper .gate-system--facility .gate-facility {
		display: flex;
		flex-direction: column;
		gap: 20px;
		width: 100%;
		max-width: none;
		height: auto;
		overflow: visible;
	}

	#wrapper .gate-system--facility .gate-facility__list--ta {
		width: calc(100% - 28px);
		margin: 0 auto;
	}

	#wrapper .gate-system--facility .gate-facility__list--ta li {
		padding: 16px 16px 16px 40px;
	}

	#wrapper .gate-system--facility .gate-facility__list--ta li::before {
		left: 16px;
	}

	#wrapper .gate-system--facility .gate-facility__list--ta strong {
		font-size: 17px;
		letter-spacing: -0.17px;
	}

	#wrapper .gate-system--facility .gate-facility__list span {
		font-size: 14px;
	}

}

/* SYSTEM #5 facility slider: PC overlay list, TA/MO stacked list */
#wrapper .gate-system--facility .gate-facility__slides {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	cursor: grab;
	touch-action: pan-y;
	user-select: none;
}

#wrapper .gate-system--facility .gate-facility__slides:active {
	cursor: grabbing;
}

#wrapper .gate-system--facility .gate-facility__slides picture {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.7s ease;
}

#wrapper .gate-system--facility .gate-facility__slides picture.is-active {
	z-index: 1;
	opacity: 1;
}

#wrapper .gate-system--facility .gate-facility__slides img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	pointer-events: none;
	-webkit-user-drag: none;
}

#wrapper .gate-system--facility .gate-facility__list--pc {
	position: absolute;
	top: 68px;
	left: calc(50% - 583px);
	z-index: 3;
	display: none;
	width: 510px;
	margin: 0;
	padding: 60px;
	border-radius: 0 0 40px 0;
	background: #fff;
	box-shadow: 15px 15px 25px rgba(0, 0, 0, 0.1);
}

@media (min-width: 1200px) {

	#wrapper .gate-system--facility .gate-facility,
	#wrapper .gate-system--facility .gate-facility__slides,
	#wrapper .gate-system--facility .gate-facility__slides.swiper {
		width: 100%;
	}

	#wrapper .gate-system--facility .gate-facility__list--pc {
		display: block;
	}
}

#wrapper .gate-system--facility .gate-facility__dots {
	position: absolute;
	left: 50%;
	bottom: 24px;
	z-index: 4;
	display: none;
	gap: 8px;
	transform: translateX(-50%);
}

#wrapper .gate-system--facility .gate-facility__dots button {
	width: 10px;
	height: 10px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.6);
	cursor: pointer;
}

#wrapper .gate-system--facility .gate-facility__dots button.is-active {
	background: #c40000;
}

@media (max-width: 1199px) {
	#wrapper .gate-system--facility .gate-facility__slides {
		position: relative;
		order: 2;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	#wrapper .gate-system--facility .gate-facility__slides {
		width: 100%;
		height: 576px;
	}

	#wrapper .gate-system--facility .gate-facility__dots {
		bottom: 24px;
	}
}

@media (max-width: 767px) {
	#wrapper .gate-system--facility .gate-facility__slides {
		width: 100vw;
		height: 270px;
		margin-left: calc(50% - 50vw);
	}

	#wrapper .gate-system--facility .gate-facility__dots {
		bottom: 16px;
	}

}

/* Figma eyebrow parity: shared PC/TA one-line, MO two-line */
#wrapper .gate-title__eyebrow,
#wrapper .gate-top-title .gate-title__eyebrow,
#wrapper .gate-result .gate-title__eyebrow {
	display: inline-block;
	width: auto;
	max-width: 100%;
	color: transparent;
	background: linear-gradient(94deg, #ad0505 28.407%, #470202 72.566%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family: var(--preten, "Pretendard Variable"), Pretendard, "Noto Sans KR", sans-serif;
	font-size: 28px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: -0.56px;
	text-align: center;
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-thickness: 4px;
	text-decoration-skip-ink: none;
	text-underline-offset: 0.16em;
	white-space: nowrap;
}

#wrapper .gate-title__eyebrow br {
	display: none;
}

@media (max-width: 767px) {

	#wrapper .gate-title__eyebrow,
	#wrapper .gate-top-title .gate-title__eyebrow,
	#wrapper .gate-result .gate-title__eyebrow {
		display: block;
		width: 100%;
		font-size: 20px;
		line-height: 1.5;
		letter-spacing: -0.4px;
		text-decoration-thickness: 3px;
		text-underline-offset: 0.16em;
		white-space: normal;
	}

	#wrapper .gate-title__eyebrow br {
		display: block;
	}
}

/* Swiper plugin wiring and slider final states */
#wrapper .gate-review-wrap.swiper {
	overflow: hidden;
	padding-right: 0;
	padding-left: 0;
}

#wrapper .gate-review-wrap {
	overflow: visible;
}

#wrapper .gate-review-track {
	width: 100%;
	align-items: flex-start;
}

#wrapper .gate-review-wrap.swiper-initialized .gate-review,
#wrapper .gate-review-wrap.swiper-initialized .gate-review.is-active,
#wrapper .gate-review-wrap.swiper-initialized .gate-review--center.is-active {
	display: flex;
	max-width: none;
	height: auto;
	min-height: 0;
	margin-right: 0;
	margin-left: 0;
	box-sizing: border-box;
	flex-shrink: 0;
	align-items: flex-start;
}

#wrapper .gate-review-wrap.swiper-initialized .gate-review.swiper-slide-active {
	height: auto;
	align-self: flex-start;
}

#wrapper .gate-review-wrap.swiper-initialized .gate-review--center {
	align-items: center;
}

#wrapper .gate-review-wrap.swiper-initialized .gate-story-arrow {
	z-index: 10;
	display: block;
	opacity: 0.5;
	pointer-events: auto;
}

#wrapper .gate-review-wrap.swiper-initialized .gate-story-arrow.swiper-button-disabled {
	opacity: 0.5;
	cursor: pointer;
	pointer-events: auto;
}

@media (min-width: 1200px) {
	#wrapper .gate-review-wrap.swiper {
		width: 1150px;
		max-width: 100%;
		margin-right: auto;
		margin-left: auto;
		overflow: visible;
	}

	#wrapper .gate-review-wrap.swiper-initialized .gate-story-arrow--prev {
		left: -50px;
	}

	#wrapper .gate-review-wrap.swiper-initialized .gate-story-arrow--next {
		right: -50px;
	}

	#wrapper .gate-review-wrap.swiper-initialized .gate-review:not(.swiper-slide-active):not(.swiper-slide-duplicate-active) {
		visibility: hidden;
	}
}

@media (min-width: 1200px) {

	#wrapper .gate-review,
	#wrapper .gate-review.is-active,
	#wrapper .gate-review-wrap.swiper-initialized .gate-review,
	#wrapper .gate-review-wrap.swiper-initialized .gate-review.is-active {
		align-items: flex-start;
		gap: 40px;
		width: 100%;
		padding: 50px;
		border-radius: 20px;
	}

	#wrapper .gate-review__student {
		flex: 0 0 271px;
		align-items: center;
		gap: 20px;
		width: 271px;
	}

	#wrapper .gate-review__photo {
		position: relative;
		width: 271px;
		height: 176px;
		overflow: hidden;
	}

	#wrapper .gate-review__logo--seoul {
		left: auto;
		right: 16px;
		top: 0;
		width: 131px;
		height: 115px;
		/* opacity: 0.08; */
	}

	#wrapper .gate-review__logo--yonsei {
		position: absolute;
		left: auto;
		right: 16px;
		top: 0;
		width: 115px;
		height: 115px;
		object-fit: contain;
		opacity: 0.08;
	}

	#wrapper .gate-review__person {
		position: absolute;
		max-width: none;
		object-fit: cover;
		object-position: top center;
	}

	#wrapper .gate-review__person--cheon {
		left: 57px;
		top: 5px;
		width: 157px;
		height: 191px;
	}

	#wrapper .gate-review__person--hwang-1 {
		left: 42px;
		top: 5px;
		width: 187px;
		height: 190px;
	}

	#wrapper .gate-review__person--kim {
		left: 57px;
		top: 5px;
		width: 157px;
		height: 171px;
	}

	#wrapper .gate-review__person--hwang-2 {
		left: 49px;
		top: 5px;
		width: 172px;
		height: 171px;
		transform: scaleX(-1);
	}

	#wrapper .gate-review__student strong,
	#wrapper .gate-review__student span {
		width: 196px;
		margin-top: 0;
		text-align: center;
		letter-spacing: -0.18px;
	}

	#wrapper .gate-review__student strong {
		color: #a67b4a;
		font-size: 18px;
		font-weight: 400;
		line-height: 1.4;
	}

	#wrapper .gate-review__student strong b {
		color: #a67b4a;
		font-weight: 700;
	}

	#wrapper .gate-review__student span {
		color: #333;
		font-size: 18px;
		font-weight: 700;
		line-height: 1.4;
	}

	#wrapper .gate-review__copy {
		gap: 20px;
	}

	#wrapper .gate-score {
		min-height: 110px;
		padding: 18px 40px;
		border-color: #e5e5e5;
		border-radius: 10px;
	}

	#wrapper .gate-score span {
		width: 313px;
		color: #777;
		font-size: 20px;
		font-weight: 400;
		line-height: 1.4;
		letter-spacing: -0.2px;
	}

	#wrapper .gate-score span b {
		color: #333;
		font-weight: 700;
	}

	#wrapper .gate-score__point {
		color: #c40000;
		font-style: normal;
	}

	#wrapper .gate-score img {
		width: 34px;
		height: 65px;
	}

	#wrapper .gate-score strong {
		flex: 0 0 74px;
		width: 74px;
		height: 74px;
		font-size: 16px;
		line-height: 1.2;
		letter-spacing: -0.16px;
	}

	#wrapper .gate-review__copy>p {
		color: #555;
		font-size: 16px;
		font-weight: 400;
		line-height: 1.4;
		letter-spacing: -0.16px;
	}
}

#wrapper .gate-review-dots .gate-swiper-dot {
	width: 8px;
	height: 8px;
	padding: 0;
	border: 0;
	border-radius: 999px;
	background: #d9d9d9;
	font-size: 0;
	cursor: pointer;
}

#wrapper .gate-review-dots .gate-swiper-dot.is-active {
	width: 29px;
	background: var(--gate-red);
}

#wrapper .gate-review-dots {
	width: auto;
}

@media (min-width: 768px) and (max-width: 1199px) {

	#wrapper .gate-review,
	#wrapper .gate-review.is-active,
	#wrapper .gate-review-wrap.swiper-initialized .gate-review,
	#wrapper .gate-review-wrap.swiper-initialized .gate-review.is-active {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		gap: 40px;
		width: 100%;
		max-width: none;
		padding: 50px;
		border-radius: 20px;
		background: #fff;
	}

	#wrapper .gate-review__student {
		display: grid;
		flex: none;
		grid-template-columns: 271px 196px;
		grid-template-rows: auto auto;
		column-gap: 20px;
		row-gap: 10px;
		justify-content: center;
		align-items: center;
		width: 100%;
		max-width: none;
		margin: 0 auto;
	}

	#wrapper .gate-review__photo {
		position: relative;
		grid-row: 1 / span 2;
		width: 271px;
		height: 176px;
		overflow: hidden;
	}

	#wrapper .gate-review__logo--seoul {
		left: auto;
		right: 16px;
		top: 0;
		width: 131px;
		height: 115px;
		/* opacity: 0.08; */
	}

	#wrapper .gate-review__logo--yonsei {
		position: absolute;
		left: auto;
		right: 16px;
		top: 0;
		width: 115px;
		height: 115px;
		object-fit: contain;
		opacity: 0.08;
	}

	#wrapper .gate-review__person {
		position: absolute;
		max-width: none;
		object-fit: cover;
		object-position: top center;
	}

	#wrapper .gate-review__person--cheon {
		left: 57px;
		top: 5px;
		width: 157px;
		height: 191px;
	}

	#wrapper .gate-review__person--hwang-1 {
		left: 42px;
		top: 5px;
		width: 187px;
		height: 190px;
	}

	#wrapper .gate-review__person--kim {
		left: 57px;
		top: 5px;
		width: 157px;
		height: 171px;
	}

	#wrapper .gate-review__person--hwang-2 {
		left: 49px;
		top: 5px;
		width: 172px;
		height: 171px;
		transform: scaleX(-1);
	}

	#wrapper .gate-review__student strong,
	#wrapper .gate-review__student span {
		width: 196px;
		margin-top: 0;
		text-align: center;
		letter-spacing: -0.18px;
	}

	#wrapper .gate-review__student strong {
		align-self: end;
		color: #a67b4a;
		font-size: 18px;
		font-weight: 400;
		line-height: 1.4;
	}

	#wrapper .gate-review__student strong b {
		color: #a67b4a;
		font-weight: 700;
	}

	#wrapper .gate-review__student span {
		align-self: start;
		color: #333;
		font-size: 18px;
		font-weight: 700;
		line-height: 1.4;
	}

	#wrapper .gate-review__copy {
		display: flex;
		flex-direction: column;
		gap: 20px;
		width: 100%;
	}

	#wrapper .gate-score {
		width: 100%;
		min-height: 110px;
		gap: 16px;
		padding: 18px 40px;
		justify-content: center;
		border-color: #e5e5e5;
		border-radius: 10px;
		text-align: right;
	}

	#wrapper .gate-score span {
		flex: 0 0 313px;
		width: 313px;
		color: #777;
		font-size: 20px;
		font-weight: 400;
		line-height: 1.4;
		letter-spacing: -0.2px;
	}

	#wrapper .gate-score span b {
		color: #333;
		font-weight: 700;
	}

	#wrapper .gate-score__point {
		color: #c40000;
		font-style: normal;
	}

	#wrapper .gate-score img {
		display: block;
		width: 34px;
		height: 65px;
	}

	#wrapper .gate-score strong {
		flex: 0 0 74px;
		width: 74px;
		height: 74px;
		font-size: 16px;
		font-weight: 700;
		line-height: 1.2;
		letter-spacing: -0.16px;
	}

	#wrapper .gate-review__copy>p {
		color: #555;
		font-size: 16px;
		font-weight: 400;
		line-height: 1.4;
		letter-spacing: -0.16px;
	}
}

#wrapper .gate-system--facility .gate-facility__slides.swiper {
	overflow: hidden;
}

#wrapper .gate-system--facility .gate-facility__track {
	height: 100%;
}

#wrapper .gate-system--facility .gate-facility__slides.swiper-initialized picture {
	position: relative;
	inset: auto;
	opacity: 1;
}

@media (max-width: 1199px) {

	#wrapper .gate-review-wrap.swiper-initialized .gate-review,
	#wrapper .gate-review-wrap.swiper-initialized .gate-review.is-active,
	#wrapper .gate-review-wrap.swiper-initialized .gate-review--center.is-active {
		flex-direction: column;
		align-items: stretch;
	}
}

#wrapper .gate-score__rise-mo {
	display: none;
}

#wrapper .gate-score__prev {
	display: block;
	color: #777;
	font-size: 20px;
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: -0.2px;
}

#wrapper .gate-score strong .gate-score__rise-default,
#wrapper .gate-score strong .gate-score__rise-mo {
	flex: none;
	width: auto;
	min-width: 0;
	color: #fff;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	letter-spacing: inherit;
	text-align: center;
	white-space: nowrap;
}

@media (max-width: 767px) {

	#wrapper .gate-review,
	#wrapper .gate-review.is-active,
	#wrapper .gate-review-wrap.swiper-initialized .gate-review,
	#wrapper .gate-review-wrap.swiper-initialized .gate-review.is-active,
	#wrapper .gate-review-wrap.swiper-initialized .gate-review--center.is-active {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		gap: 16px;
		width: 100%;
		max-width: none;
		padding: 16px;
		border-radius: 10px;
		background: #fff;
	}

	#wrapper .gate-review__student {
		display: grid;
		flex: none;
		grid-template-columns: minmax(0, 108.5px) minmax(0, 1fr);
		grid-template-rows: auto auto;
		column-gap: 10px;
		row-gap: 10px;
		align-items: center;
		justify-content: stretch;
		width: 100%;
		max-width: none;
		margin: 0;
	}

	#wrapper .gate-review[data-gate-review="2"] .gate-review__student {
		grid-template-columns: minmax(0, 120.83px) minmax(0, 1fr);
	}

	#wrapper .gate-review[data-gate-review="3"] .gate-review__student {
		grid-template-columns: minmax(0, 125.28px) minmax(0, 1fr);
	}

	#wrapper .gate-review__photo {
		position: relative;
		grid-row: 1 / span 2;
		width: 108.5px;
		height: 98px;
		overflow: hidden;
	}

	#wrapper .gate-review[data-gate-review="2"] .gate-review__photo {
		width: 120.83px;
	}

	#wrapper .gate-review[data-gate-review="3"] .gate-review__photo {
		width: 125.28px;
	}

	#wrapper .gate-review__logo--seoul {
		left: auto;
		right: 0;
		top: 0;
		width: 65.44px;
		height: 57.5px;
		/* opacity: 0.08; */
	}

	#wrapper .gate-review__logo--yonsei {
		position: absolute;
		left: auto;
		right: 0;
		top: 0;
		width: 72.88px;
		height: 64.03px;
		object-fit: contain;
		opacity: 0.08;
	}

	#wrapper .gate-review__person {
		position: absolute;
		max-width: none;
		object-fit: cover;
		object-position: top center;
	}

	#wrapper .gate-review__person--cheon {
		left: 0;
		top: 2.5px;
		width: 78.5px;
		height: 95.5px;
	}

	#wrapper .gate-review__person--hwang-1 {
		left: 0;
		top: 3px;
		width: 87px;
		height: 95px;
	}

	#wrapper .gate-review__person--kim {
		left: 0;
		top: 2.78px;
		width: 87.42px;
		height: 95.22px;
	}

	#wrapper .gate-review__person--hwang-2 {
		left: 0;
		top: 2.78px;
		width: 95.77px;
		height: 95.22px;
		transform: scaleX(-1);
	}

	#wrapper .gate-review__student strong,
	#wrapper .gate-review__student span {
		width: auto;
		margin-top: 0;
		text-align: left;
		letter-spacing: -0.16px;
		white-space: nowrap;
	}

	#wrapper .gate-review__student strong {
		align-self: end;
		color: #a67b4a;
		font-size: 16px;
		font-weight: 400;
		line-height: 1.4;
	}

	#wrapper .gate-review__student strong b {
		color: #a67b4a;
		font-weight: 700;
	}

	#wrapper .gate-review__student span {
		align-self: start;
		color: #333;
		font-size: 16px;
		font-weight: 600;
		line-height: 1.4;
	}

	#wrapper .gate-review__copy {
		display: flex;
		flex-direction: column;
		gap: 20px;
		width: 100%;
	}

	#wrapper .gate-score {
		width: 100%;
		min-height: 0;
		gap: 14px;
		padding: 18px 24px;
		justify-content: center;
		border: 1px solid #e5e5e5;
		border-radius: 10px;
		text-align: right;
	}

	#wrapper .gate-score span {
		flex: 1 1 auto;
		width: auto;
		/* min-width: 0; */
		color: #777;
		font-size: 17px;
		font-weight: 400;
		line-height: 1.4;
		letter-spacing: -0.2px;
		white-space: nowrap;
	}

	#wrapper .gate-score span b {
		display: block;
		color: #333;
		font-weight: 700;
		line-height: 1.2;
	}

	#wrapper .gate-score__point {
		display: block;
		color: #c40000;
		font-style: normal;
		line-height: 1.2;
	}

	#wrapper .gate-score__prev {
		font-size: 17px;
		line-height: 1.2;
		margin-top: 0;
	}

	#wrapper .gate-score img {
		display: none;
	}

	#wrapper .gate-score strong {
		flex: 0 0 64px;
		width: 64px;
		height: 64px;
		font-size: 14px;
		font-weight: 700;
		line-height: 1.2;
		letter-spacing: -0.14px;
	}

	#wrapper .gate-score__rise-default {
		display: inline;
	}

	#wrapper .gate-score__rise-mo {
		display: none;
	}

	#wrapper .gate-score__rise-switch .gate-score__rise-default {
		display: none;
	}

	#wrapper .gate-score__rise-switch .gate-score__rise-mo {
		display: inline;
	}

	#wrapper .gate-review__copy>p {
		color: #555;
		font-size: 14px;
		font-weight: 400;
		line-height: 1.4;
		letter-spacing: -0.16px;
	}
}

/* #01 result section: 2026 Figma update */
#wrapper .gate-result .only-pc {
	display: inline;
}

#wrapper .gate-result .gate-title h2 {
	color: #333;
	font-size: 32px;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: -0.64px;
}

#wrapper .gate-result .gate-counts {
	display: flex;
	flex-wrap: nowrap;
	gap: 16px;
	justify-content: center;
	width: 100%;
	margin-top: 0;
}

#wrapper .gate-result .gate-counts span {
	font-weight: 500;
	letter-spacing: -0.16px;
}

#wrapper .gate-result__message {
	font-size: 24px;
	letter-spacing: -0.24px;
}

#wrapper .gate-result__summary>.gate-note {
	width: 100%;
	margin-top: -14px;
	letter-spacing: -0.13px;
}

#wrapper .gate-result .gate-title--compact h2 span {
	color: #555;
	font-size: 28px;
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: -0.28px;
}

#wrapper .gate-result .gate-graph-card {
	overflow: hidden;
}

#wrapper .gate-result .gate-graph {
	align-items: flex-start;
}

#wrapper .gate-result .gate-graph__text b {
	letter-spacing: -0.64px;
}

#wrapper .gate-result .gate-graph__text b span {
	display: block;
}

#wrapper .gate-result .gate-graph img {
	width: auto;
	height: auto;
	object-fit: contain;
}

#wrapper .gate-result .gate-graph__visual {
	flex: 0 0 238px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 238px;
	height: 210px;
}

#wrapper .gate-result .gate-graph__visual--bar {
	justify-content: flex-start;
	padding-top: 0;
}

#wrapper .gate-result .gate-graph__visual--bar img {
	width: 174px;
	height: 162px;
}

#wrapper .gate-result .gate-graph__visual--pie img {
	width: 210px;
	height: 141px;
}

#wrapper .gate-result .gate-graph__labels {
	display: flex;
	gap: 41px;
	justify-content: center;
	margin-top: 10px;
	color: #555;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: -0.14px;
	white-space: nowrap;
}

#wrapper .gate-result .gate-graph__visual--pie {
	overflow: hidden;
}

#wrapper .gate-result .gate-graph__visual--pie img {
	object-fit: contain;
}

@media (min-width: 768px) and (max-width: 1199px) {
	#wrapper .gate-result>.gate-inner {
		max-width: 100%;
		padding-right: 24px;
		padding-left: 24px;
	}

	#wrapper .gate-result .gate-counts {
		flex-wrap: wrap;
		row-gap: 8px;
		max-width: 548px;
		margin-right: auto;
		margin-left: auto;
	}

	#wrapper .gate-result .gate-counts li {
		flex: 0 0 172px;
		width: 172px;
		height: 172px;
	}

	#wrapper .gate-result .gate-counts li:nth-child(4) {
		margin-left: 86px;
	}

	#wrapper .gate-result .gate-counts li:nth-child(5) {
		margin-right: 86px;
	}

	#wrapper .gate-result .gate-result__summary>.gate-note {
		max-width: 690px;
	}

	#wrapper .gate-result .gate-graph-card__body {
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
		align-items: start;
		gap: 32px;
	}

	#wrapper .gate-result .gate-graph {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 8px;
	}

	#wrapper .gate-result .gate-graph+.gate-graph {
		min-height: 390px;
		padding-left: 32px;
		border-top: 0;
		border-left: 1px solid var(--gate-line);
	}

	#wrapper .gate-result .gate-graph__text {
		width: 100%;
		min-height: 172px;
	}

	#wrapper .gate-result .gate-graph:first-child .gate-graph__text {
		min-height: auto;
	}
}

@media (max-width: 767px) {
	#wrapper .gate-result .only-pc {
		display: none;
	}

	#wrapper .gate-result .gate-title {
		gap: 6px;
	}

	#wrapper .gate-result .gate-title h2 {
		font-size: 24px;
	}

	#wrapper .gate-result .gate-title-line {
		height: 30px;
	}

	#wrapper .gate-result .gate-counts {
		flex-wrap: wrap;
		gap: 4px 9px;
	}

	#wrapper .gate-result .gate-counts li {
		flex: 0 0 102px;
		width: 102px;
		height: 102px;
		padding: 0;
	}

	#wrapper .gate-result .gate-counts li:nth-child(4) {
		margin-left: 55.5px;
	}

	#wrapper .gate-result .gate-counts li:nth-child(5) {
		margin-right: 55.5px;
	}

	#wrapper .gate-result .gate-counts span {
		font-size: 14px;
		letter-spacing: -0.14px;
	}

	#wrapper .gate-result .gate-counts strong {
		font-size: 24px;
		letter-spacing: -0.48px;
	}

	#wrapper .gate-result .gate-counts em {
		font-size: 14px;
	}

	#wrapper .gate-result .gate-result__message {
		font-size: 20px;
	}

	#wrapper .gate-result .gate-note {
		font-size: 12px;
	}

	#wrapper .gate-result .gate-title--compact h2 span {
		font-size: 22px;
	}

	#wrapper .gate-result .gate-graph-card {
		padding: 16px;
	}

	#wrapper .gate-result .gate-graph-card__body {
		display: grid;
		grid-template-columns: 1fr;
		gap: 16px;
	}

	#wrapper .gate-result .gate-graph {
		display: grid;
		grid-template-columns: minmax(0, 1fr) 138px;
		align-items: start;
		gap: 0;
		text-align: left;
	}

	#wrapper .gate-result .gate-graph+.gate-graph {
		padding-top: 16px;
		padding-left: 0;
		border-top: 1px solid var(--gate-line);
		border-left: 0;
	}

	#wrapper .gate-result .gate-graph__text {
		width: auto;
		font-size: 20px;
	}

	#wrapper .gate-result .gate-graph__text b {
		font-size: 24px;
		letter-spacing: -0.48px;
	}

	#wrapper .gate-result .gate-graph:first-child .gate-graph__text b span {
		display: inline;
	}

	#wrapper .gate-result .gate-graph__text b sup {
		font-size: 15.48px;
	}

	#wrapper .gate-result .gate-graph__text small {
		margin-top: 8px;
		font-size: 13px;
	}

	#wrapper .gate-result .gate-graph img {
		width: auto;
		height: auto;
	}

	#wrapper .gate-result .gate-graph__visual {
		flex-basis: 138px;
		width: 138px;
		height: 122px;
	}

	#wrapper .gate-result .gate-graph__visual--bar img {
		width: 100px;
		height: 93px;
	}

	#wrapper .gate-result .gate-graph__visual--pie img {
		width: 122px;
		height: 82px;
	}

	#wrapper .gate-result .gate-graph__labels {
		gap: 11px;
		margin-top: 10px;
		font-size: 11px;
		letter-spacing: -0.11px;
	}
}

@media (max-width: 767px) {
	#wrapper .gate-result .gate-counts {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		align-items: flex-start;
		gap: 4px 9px;
		width: 100%;
		max-width: 324px;
		margin-right: auto;
		margin-left: auto;
	}

	#wrapper .gate-result .gate-counts li {
		flex: 0 0 min(102px, calc((100% - 18px) / 3));
		width: min(102px, calc((100% - 18px) / 3));
		height: auto;
		aspect-ratio: 1 / 1;
		margin-right: 0;
		margin-left: 0;
		padding: 0;
	}

	#wrapper .gate-result .gate-counts li:nth-child(4),
	#wrapper .gate-result .gate-counts li:nth-child(5) {
		margin-right: 0;
		margin-left: 0;
	}
}

@media (max-width: 1199px) {

	#wrapper .gate-review-wrap .gate-story-arrow,
	#wrapper .gate-review-wrap.swiper-initialized .gate-story-arrow,
	#wrapper .gate-review-wrap.swiper-initialized .gate-story-arrow.swiper-button-disabled {
		display: none;
	}

	#wrapper .gate-review-dots {
		display: flex;
	}
}

@media (min-width: 1200px) {
	#wrapper .gate-review__student {
		gap: 0;
	}

	#wrapper .gate-review__photo {
		margin-bottom: 20px;
	}

	#wrapper .gate-review__student strong {
		margin-bottom: 10px;
	}

	#wrapper .gate-review__student span {
		margin-bottom: 0;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	#wrapper .gate-review__student {
		align-items: center;
		row-gap: 10px;
	}

	#wrapper .gate-review__photo {
		margin-bottom: 0;
	}

	#wrapper .gate-review__student strong,
	#wrapper .gate-review__student span {
		margin-top: 0;
		margin-bottom: 0;
	}
}

@media (max-width: 767px) {
	#wrapper .gate-review__student {
		align-items: center;
		row-gap: 10px;
	}

	#wrapper .gate-review__photo {
		margin-bottom: 0;
	}

	#wrapper .gate-review__student strong,
	#wrapper .gate-review__student span {
		margin-top: 0;
		margin-bottom: 0;
	}
}

/* Admit list slider */
#wrapper .gate-admit-slider {
	position: relative;
	width: 1150px;
	max-width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

#wrapper .gate-admit-arrow {
	position: absolute;
	top: 50%;
	z-index: 10;
	display: none;
	width: 25px;
	height: 41px;
	margin-top: -20.5px;
	padding: 0;
	border: 0;
	background: url("https://russeldata.megastudy.net/campus/images/russel/intro/2026/gisuk_gate/arrow-story.svg") center / 18px 36px no-repeat;
	font-size: 0;
	cursor: pointer;
	opacity: 0.5;
}

#wrapper .gate-admit-arrow--prev {
	left: 16px;
	transform: scaleX(-1);
}

#wrapper .gate-admit-arrow--next {
	right: 16px;
}

#wrapper .gate-admit-pages {
	align-items: flex-start;
}

#wrapper .gate-admit-page {
	width: 100%;
}

#wrapper .gate-admit-page .gate-admit-list {
	display: flex;
	flex-wrap: wrap;
	gap: 22px;
	justify-content: flex-start;
	width: 1150px;
	max-width: none;
	margin: 0;
}

#wrapper .gate-admit-page .gate-admit-list li {
	flex: 0 0 270px;
	justify-self: auto;
}

#wrapper .gate-admit-dots {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 6px;
	width: auto;
	height: 8px;
	margin: 20px auto 0;
}

#wrapper .gate-admit-dots .gate-swiper-dot {
	width: 8px;
	height: 8px;
	padding: 0;
	border: 0;
	border-radius: 999px;
	background: #d9d9d9;
	font-size: 0;
	cursor: pointer;
}

#wrapper .gate-admit-dots .gate-swiper-dot.is-active {
	width: 29px;
	background: var(--gate-red);
}

/* SYSTEM #4 content: 2027 Figma update */
@media (min-width: 1200px) {
	#wrapper .gate-admit-slider {
		overflow: visible;
	}

	#wrapper .gate-admit-slider .gate-admit-arrow {
		display: block;
	}

	#wrapper .gate-admit-arrow--prev {
		left: -50px;
	}

	#wrapper .gate-admit-arrow--next {
		right: -50px;
	}

	#wrapper .gate-admit-slider.swiper-initialized .gate-admit-page:not(.swiper-slide-active):not(.swiper-slide-duplicate-active) {
		visibility: hidden;
	}

	#wrapper .gate-admit-slider .gate-admit-dots {
		display: none;
	}

	#wrapper .gate-system--content {
		padding: 30px 0;
	}

	#wrapper .gate-content-box {
		padding: 32px;
	}

	#wrapper .gate-content-box>span {
		top: 20px;
		right: 20px;
		width: 76px;
		height: 76px;
		font-size: 14px;
		line-height: 1.08;
		letter-spacing: -0.14px;
	}

	#wrapper .gate-content-box ol {
		padding: 0 40px;
	}

	#wrapper .gate-content-box li {
		grid-template-columns: 40px 334px 1fr;
		gap: 20px;
		min-height: 92px;
		padding: 20px 0;
	}

	#wrapper .gate-content-box li>b {
		white-space: nowrap;
	}

	#wrapper .gate-content-box li p {
		padding-left: 20px;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	#wrapper .gate-admit-slider {
		width: 100%;
	}

	#wrapper .gate-admit-page .gate-admit-list {
		gap: 16px;
		width: 100%;
	}

	#wrapper .gate-admit-page .gate-admit-list li {
		flex-basis: calc((100% - 32px) / 3);
	}

	#wrapper .gate-content-box li>b {
		word-break: keep-all;
	}
}

@media (max-width: 767px) {
	#wrapper .gate-admit-slider {
		width: 100%;
	}

	#wrapper .gate-admit-page .gate-admit-list {
		gap: 12px;
		width: 100%;
	}

	#wrapper .gate-admit-page .gate-admit-list li {
		flex-basis: calc((100% - 12px) / 2);
	}

	#wrapper .gate-admit-dots {
		margin-top: 16px;
	}

	#wrapper .gate-content-box li>b {
		word-break: keep-all;
	}
}

/* SYSTEM #6 scholarship: 2027 Figma update */
@media (min-width: 1200px) {
	#wrapper .gate-scholarship {
		padding-top: 60px;
	}

	#wrapper .gate-scholarship>.gate-inner {
		width: 1024px;
		max-width: 100%;
	}

	#wrapper .gate-scholarship .gate-title {
		gap: 24px;
	}

	#wrapper .gate-scholarship .gate-ask {
		width: 625px;
		min-height: 153px;
		padding: 24px 32px;
	}

	#wrapper .gate-scholarship .gate-title h2 {
		font-size: 32px;
		font-weight: 700;
		line-height: 1.3;
		letter-spacing: -0.64px;
	}

	#wrapper .gate-scholarship .gate-title h2 span {
		display: inline;
		color: inherit;
		font-size: inherit;
		font-weight: 400;
		line-height: inherit;
	}

	#wrapper .gate-scholarship h3 {
		margin-top: 30px;
		font-size: 24px;
		line-height: 1.4;
		letter-spacing: -0.24px;
	}

	#wrapper .gate-scholarship h3 span {
		font-size: 18px;
		line-height: 1.4;
		letter-spacing: -0.18px;
	}

	#wrapper .gate-scholarship__list {
		grid-template-columns: repeat(3, 325px);
		gap: 24px;
		justify-content: center;
		margin-top: 24px;
	}

	#wrapper .gate-scholarship__list li {
		width: 325px;
		min-height: 356px;
		padding: 24px;
	}

	#wrapper .gate-scholarship__list strong {
		height: 108px;
	}

	#wrapper .gate-scholarship__list p {
		margin-top: 14px;
	}

	#wrapper .gate-scholarship__list small {
		left: 24px;
		right: 24px;
		bottom: 24px;
	}

	#wrapper .gate-scholarship__list em {
		top: 7px;
		right: 7px;
		width: 56px;
		height: 56px;
	}
}

/* #05 link section: 2027 Figma update */
@media (min-width: 1200px) {
	#wrapper .gate-link-section {
		padding: 60px 0;
	}

	#wrapper .gate-link-section>.gate-inner {
		width: 1024px;
		max-width: 100%;
	}

	#wrapper .gate-link-section h2 {
		width: 612px;
		font-size: 32px;
		line-height: 1.3;
		letter-spacing: -0.64px;
	}

	#wrapper .gate-link-section h2 span {
		font-size: 24px;
		line-height: 1.3;
		letter-spacing: -0.48px;
	}

	#wrapper .gate-link-list {
		gap: 16px;
		margin-top: 30px;
	}

	#wrapper .gate-link-list li {
		grid-template-columns: 212px minmax(0, 1fr);
		gap: 30px;
		height: 245px;
		min-height: 245px;
		padding: 32px;
		overflow: hidden;
	}

	#wrapper .gate-link-list .is-wide {
		height: 214px;
		min-height: 214px;
	}

	#wrapper .gate-link-list li>div {
		position: relative;
		height: 181px;
		gap: 24px;
		justify-content: flex-start;
	}

	#wrapper .gate-link-list p {
		min-height: 44px;
		margin: -19px 0 0;
	}

	#wrapper .gate-link-list .is-wide>div {
		height: 150px;
	}

	#wrapper .gate-link-list a {
		position: absolute;
		bottom: 0;
		left: 0;
	}
}

/*
 * Final responsive content containers
 *
 * This block is intentionally last because older section rules still contain
 * historical width values. Treat these selectors as the source of truth for
 * horizontal content width by breakpoint.
 */
@media (min-width: 1200px) {

	/* PC: fixed Figma content canvas */
	#wrapper .gate-inner,
	#wrapper .gate-title--facility,
	#wrapper .gate-system--dorm>.gate-inner,
	#wrapper .gate-system--curriculum>.gate-inner,
	#wrapper .gate-system--study>.gate-inner,
	#wrapper .gate-system--content>.gate-inner,
	#wrapper .gate-system--facility .gate-title--facility,
	#wrapper .gate-scholarship>.gate-inner,
	#wrapper .gate-link-section>.gate-inner {
		width: 1024px;
		max-width: 100%;
		padding-right: 0;
		padding-left: 0;
	}

	#wrapper .gate-wide {
		width: 1232px;
		max-width: 100%;
		padding-right: 0;
		padding-left: 0;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {

	/* TA: full viewport width minus 24px side padding */
	#wrapper .gate-inner,
	#wrapper .gate-wide,
	#wrapper .gate-title--facility,
	#wrapper .gate-system--dorm>.gate-inner,
	#wrapper .gate-system--curriculum>.gate-inner,
	#wrapper .gate-system--study>.gate-inner,
	#wrapper .gate-system--content>.gate-inner,
	#wrapper .gate-system--facility .gate-title--facility,
	#wrapper .gate-scholarship>.gate-inner {
		width: 100%;
		max-width: none;
		padding-right: 24px;
		padding-left: 24px;
	}

	#wrapper .gate-link-section>.gate-inner {
		width: 100%;
		max-width: none;
		padding-right: 0;
		padding-left: 0;
	}
}

@media (max-width: 767px) {

	/* MO: full viewport width minus 16px side padding */
	#wrapper .gate-inner,
	#wrapper .gate-wide,
	#wrapper .gate-title--facility,
	#wrapper .gate-system--dorm>.gate-inner,
	#wrapper .gate-system--curriculum>.gate-inner,
	#wrapper .gate-system--study>.gate-inner,
	#wrapper .gate-system--content>.gate-inner,
	#wrapper .gate-system--facility .gate-title--facility,
	#wrapper .gate-scholarship>.gate-inner {
		width: 100%;
		max-width: none;
		padding-right: 16px;
		padding-left: 16px;
	}

	#wrapper .gate-link-section>.gate-inner {
		width: 100%;
		max-width: none;
		padding-right: 0;
		padding-left: 0;
	}
}