@font-face {
	font-family: 'SB Aggro';
	src: url('../font/SB Aggro B.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'SB Aggro';
	src: url('../font/SB Aggro M.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'SB Aggro';
	src: url('../font/SB Aggro L.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

:root {
	--blue: #1b5cf4;
	--blue-dark: #1235be;
	--blue-light: #eaf2ff;
	--blue-circle: rgba(27, 92, 244, 0.07);
	--text: #111111;
	--sub: #666666;
	--white: #ffffff;
	--header-h: 80px;
	--section-min: 700px;
	--gap-split: 0px;
}

*,
::before,
::after {
	box-sizing: border-box;
	margin: 0px;
	padding: 0px;
}

html {
	scroll-behavior: smooth;
}

body {
	font-family:
		Pretendard,
		-apple-system,
		BlinkMacSystemFont,
		sans-serif;
	color: var(--text);
	line-height: 1.6;
	overflow-x: hidden;
}

img {
	display: block;
	max-width: 100%;
	height: auto;
}

ul {
	list-style: none;
}

a {
	text-decoration: none;
	color: inherit;
}

button {
	cursor: pointer;
	background: none;
	border-width: medium;
	border-style: none;
	border-color: currentcolor;
	border-image: initial;
	outline: none;
}

.mo-only {
	display: none !important;
}

.pc-only-m {
	display: block;
}
.mo-only-m {
	display: none;
}

.ta-only {
	display: none;
}
.pc-only {
	display: block;
}

.mo-only {
	display: none;
}

a.btn-cta {
	display: flex;
}

.inner {
	width: 100%;
	max-width: 1280px;
	margin: 0px auto;
	padding: 0px 60px;
	position: relative;
	z-index: 1;
}

.main-wrapper {
	overflow: hidden;
	position: relative;
	z-index: 1;
	background: linear-gradient(to bottom, transparent 78%, #2563eb 78%);
}

.split {
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: center;
	min-height: var(--section-min);
	position: relative;
	z-index: 1;
}

.split__img {
	height: 100%;
	min-height: var(--section-min);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 60px 40px;
	overflow: hidden;
}

.split__img img {
	max-height: 600px;
	width: 100%;
	object-fit: contain;
}

.split__content {
	height: 100%;
	min-height: var(--section-min);
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 80px 80px 80px 60px;
}

.split > .split__content:first-child {
	justify-content: flex-end;
	padding: 80px 60px 80px 80px;
}

.content-box {
	width: 100%;
	max-width: 520px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.badge {
	display: inline-flex;
	align-items: center;
	padding: 6px 16px;
	background: var(--blue-light);
	color: var(--blue);
	border-radius: 100px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.02em;
	margin-bottom: 20px;
	white-space: nowrap;
}

.badge--light {
	background: rgba(255, 255, 255, 0.2);
	color: var(--white);
}

.sec-title {
	font-size: clamp(24px, 2.6vw, 42px);
	font-weight: 800;
	line-height: 1.3;
	letter-spacing: -0.025em;
	margin-bottom: 18px;
	word-break: keep-all;
}

.sec-title--wh {
	color: var(--white);
}

.sec-desc {
	font-size: clamp(14px, 1.1vw, 17px);
	color: var(--sub);
	line-height: 1.85;
	word-break: keep-all;
}

.sec-desc--wh {
	color: rgba(255, 255, 255, 0.8);
}

.sec-title-center {
	text-align: center;
	margin-bottom: 60px;
}

.sec-title-center .badge {
	margin-bottom: 16px;
}

.store-btns {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
}

.store-btn img {
	height: 48px;
	width: auto;
	transition:
		opacity 0.2s,
		transform 0.2s;
}

.store-btn:hover img {
	opacity: 0.85;
	transform: translateY(-2px);
}

.btn-primary {
	display: inline-flex;
	align-items: center;
	margin-top: 32px;
	padding: 14px 32px;
	background: var(--blue);
	color: var(--white);
	font-size: 15px;
	font-weight: 700;
	border-radius: 100px;
	transition:
		background 0.2s,
		transform 0.2s;
}

.btn-primary:hover {
	background: var(--blue-dark);
	transform: translateY(-2px);
}

.header {
	position: fixed;
	inset: 0px 0px auto;
	z-index: 200;
	height: var(--header-h);
	transition:
		box-shadow 0.3s,
		transform 0.35s;
}

.header--hidden {
	transform: translateY(-100%);
}

.header.scrolled {
	box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 20px;
	background: rgb(255, 255, 255);
}

.header-inner {
	max-width: 1200px;
	width: 100%;
	margin: 0px auto;
	padding: 0px 24px;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

@media (min-width: 1248px) {
	.header-inner {
		padding: 0px;
	}
}

.logo {
	display: flex;
	align-items: center;
	gap: 8px;
}

.logo-icon {
	height: auto;
	width: auto;
	max-height: 36px;
}

.logo-text {
	color: rgb(0, 0, 0);
	font-family: 'Pretendard Variable', Pretendard, sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.btn-cta {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 130.667px;
	height: 56px;
	background: rgb(37, 99, 235);
	color: rgb(255, 255, 255);
	font-family: 'Pretendard Variable', Pretendard, sans-serif;
	font-size: 20px;
	font-weight: 600;
	font-style: normal;
	line-height: normal;
	border-radius: 0px;
	clip-path: polygon(10px 0%, 100% 0%, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0% 100%, 0% 10px);
	flex-shrink: 0;
	transition: opacity 0.2s;
}

.btn-cta:hover {
	opacity: 0.88;
}

.btn-ham {
	display: none;
	flex-direction: column;
	gap: 5px;
}

.btn-ham span {
	display: block;
	width: 22px;
	height: 2px;
	background: var(--text);
	border-radius: 2px;
	transition:
		transform 0.3s,
		opacity 0.3s;
}

.btn-ham.is-open span:nth-child(1) {
	transform: translateY(7px) rotate(45deg);
}

.btn-ham.is-open span:nth-child(2) {
	opacity: 0;
}

.btn-ham.is-open span:nth-child(3) {
	transform: translateY(-7px) rotate(-45deg);
}

.mo-menu {
	position: fixed;
	top: 0px;
	right: -280px;
	width: 260px;
	height: 100%;
	background: var(--white);
	z-index: 300;
	padding: 100px 28px 40px;
	transition: right 0.35s cubic-bezier(0.4, 0, 0.2, 1);
	box-shadow: rgba(0, 0, 0, 0.1) -4px 0px 24px;
}

.mo-menu.is-open {
	right: 0px;
}

.mo-menu ul {
	display: flex;
	flex-direction: column;
	gap: 22px;
}

.mo-menu a {
	font-size: 17px;
	font-weight: 600;
}

.mo-menu-dl {
	margin-top: 32px;
	text-align: center;
	display: block !important;
}

.mo-menu-overlay {
	position: fixed;
	inset: 0px;
	background: rgba(0, 0, 0, 0.4);
	z-index: 250;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.35s;
}

.mo-menu-overlay.is-open {
	opacity: 1;
	pointer-events: auto;
}

.s-hero {
	position: relative;
	min-height: 100vh;
	overflow: visible;
}

.s-hero__bg {
	position: absolute;
	inset: 0;
	z-index: 0;
}

.s-hero__bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center top;
}

.s-hero__grad-anim {
	position: absolute;
	inset: 0px;
	z-index: 1;
	background: linear-gradient(-45deg, rgb(233, 240, 253) 0%, rgb(200, 217, 250) 25%, rgb(233, 240, 253) 50%, rgb(200, 217, 250) 75%, rgb(233, 240, 253) 100%) 0% 0% / 400% 400%;
	animation: 6s linear 0s infinite normal none running heroGrad;
}

@keyframes heroGrad {
	0% {
		background-position: 0% 0%;
	}

	100% {
		background-position: 100% 100%;
	}
}

.s-hero__pattern {
	position: absolute;
	inset: 0px;
	z-index: 2;
	background-image: url('../img/back.png');
	background-repeat: repeat;
	background-size: auto;
	pointer-events: none;
}

.s-hero__deco {
	position: absolute;
	z-index: 3;
	pointer-events: none;
}

.s-hero__deco--l {
	left: 0px;
	bottom: 0px;
	width: 260px;
}

.s-hero__deco--r {
	right: 0px;
	top: 68px;
	width: 240px;
}

.s-hero__bottom-fade {
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	height: 220px;
	background: linear-gradient(transparent, rgb(250, 252, 255));
	z-index: 3;
	pointer-events: none;
}

.s-hero__scene {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 5;
	/* transform: translateY(76%); */
	pointer-events: none;
}

.s-hero__scene img {
	width: 100%;
	height: auto;
	display: block;
}

.s-hero__wrap {
	position: relative;
	z-index: 4;
	max-width: 1200px;
	width: 100%;
	margin: 0px auto;
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: center;
	min-height: 100vh;
	padding-top: 80px;
}

.s-hero__left {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 60px 40px 60px 0px;
}

@keyframes hero-float-up {
	0% {
		opacity: 0;
		transform: translateY(36px);
	}

	100% {
		opacity: 1;
		transform: translateY(0px);
	}
}

.hero-pretitle,
.hero-brand,
.hero-desc,
.btn-contact {
	opacity: 0;
	animation: 1s cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal forwards running hero-float-up;
}

.hero-pretitle {
	animation-delay: 0.2s;
}

.hero-brand {
	animation-delay: 0.6s;
}

.hero-desc {
	animation-delay: 1s;
}

.btn-contact {
	animation-delay: 1.4s;
}

.hero-pretitle {
	color: rgb(18, 18, 18);
	font-family: 'Pretendard Variable', Pretendard, sans-serif;
	font-size: clamp(18px, 3.3vw, 36px);
	font-style: normal;
	font-weight: 800;
	line-height: normal;
	letter-spacing: -1.08px;
}

.hero-brand {
	color: rgb(37, 99, 235);
	font-family: Jost, sans-serif;
	font-size: clamp(80px, 10vw, 120px);
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: -2.4px;
}

.hero-desc {
	color: rgb(18, 18, 18);
	font-family: 'Pretendard Variable', Pretendard, sans-serif;
	font-size: clamp(16px, 2vw, 24px);
	font-style: normal;
	font-weight: 400;
	line-height: 160%;
	margin-bottom: 100px;
	word-break: keep-all;
}

.btn-contact {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 181px;
	height: 64px;
	cursor: pointer;
	transition: opacity 0.2s;
}

.btn-contact:hover {
	opacity: 0.85;
}

.btn-contact__bg {
	position: absolute;
	inset: 0px;
	width: 100%;
	height: 100%;
}

.btn-contact__text {
	position: relative;
	z-index: 1;
	color: rgb(255, 255, 255);
	font-family: 'Pretendard Variable', Pretendard, sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: 160%;
}

.s-hero__right {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin: -180px 0 0;
}

.hero-phone-img {
	width: clamp(330px, 37vw, 500px);
	object-fit: contain;
	animation: 4s ease-in-out 0s infinite normal none running phoneFloat;
}

@keyframes phoneFloat {
	0% {
		transform: translateY(0px);
	}

	50% {
		transform: translateY(-20px);
	}

	100% {
		transform: translateY(0px);
	}
}

.s-sec {
	position: relative;
	z-index: 10;
	overflow: hidden;
}

.s-sec02 {
	position: relative;
	z-index: 10;
	background: #2563eb;
	min-height: 100%;
	height: auto;
	background-color: rgb(37, 99, 235);
	background-image: linear-gradient(to top, rgba(37, 99, 235, 0) 0%, rgb(37, 99, 235) 60%);
	margin-top: -1px;
}

.s-sec02__bg-img {
	display: block;
	object-fit: contain;
	position: absolute;
	z-index: -1;
}

.sec02-right {
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.sec02-left {
	left: 0;
	bottom: 10%;
}

.s-sec02__inner {
	max-width: 1200px;
	margin: 0px auto;
	padding: 50px 0px 50px;
	display: grid;
	grid-template-columns: 480px 1fr;
	align-items: center;
	gap: 150px;
	width: 100%;
	height: 100%;
}

.s-sec02__left {
	display: flex;
	flex-direction: column;
	opacity: 0;
	transform: translateY(32px);
	transition:
		opacity 0.9s,
		transform 0.9s;
}

.s-sec02.is-visible .s-sec02__left {
	opacity: 1;
	transform: translateY(0px);
}

.s-sec02__heading {
	font-family: 'Pretendard Variable', Pretendard, sans-serif;
	font-size: clamp(32px, 3.7vw, 55px);
	font-style: normal;
	font-weight: 800;
	line-height: 160%;
}

.s-sec02__heading--white {
	color: rgb(255, 255, 255);
}

.s-sec02__heading--accent {
	color: rgb(134, 255, 231);
}

.s-sec02__desc {
	color: rgb(255, 255, 255);
	font-family: 'Pretendard Variable', Pretendard, sans-serif;
	font-size: clamp(16px, 2vw, 22px);
	font-style: normal;
	font-weight: 400;
	line-height: 160%;
	margin-top: 30px;
}

.s-sec02__tagline {
	color: rgb(255, 255, 255);
	font-family: 'Pretendard Variable', Pretendard, sans-serif;
	font-size: 36px;
	font-style: normal;
	font-weight: 600;
	line-height: 160%;
	margin-top: 80px;
}

.s-sec02__right {
	position: relative;
}

.s-sec02__cards {
	position: relative;
	height: 780px;
	overflow: visible;
}

.sec02-card {
	position: absolute;
	width: 275px;
	height: 357px;
	border-radius: 30px;
	/*background: rgb(255, 255, 255);
	box-shadow: rgba(0, 0, 0, 0.25) 8px 4px 11.6px 0px;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 24px 20px 20px;*/
}

.sec02-card__img {
	/*width: 193px;
	height: 187px;
	aspect-ratio: 161 / 156;*/
	object-fit: contain;
	flex-shrink: 0;
}

.sec02-card__title {
	color: rgb(0, 0, 0);
	font-family: 'SB Aggro', sans-serif;
	font-size: 22px;
	font-style: normal;
	font-weight: 500;
	line-height: 160%;
	margin-top: 10px;
}

.sec02-card__desc {
	color: rgb(0, 0, 0);
	text-align: center;
	font-family: 'Pretendard Variable', Pretendard, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 160%;
	letter-spacing: -0.48px;
	margin-top: 10px;
	word-break: keep-all;
}

.sec02-card--tr {
	top: 0px;
	right: 0px;
}

.sec02-card--ml {
	top: 130px;
	left: 0px;
}

.sec02-card--br {
	top: 390px;
	right: 0px;
}

@keyframes flipInY {
	0% {
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		animation-timing-function: ease-in;
		opacity: 0;
	}

	40% {
		transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		animation-timing-function: ease-in;
	}

	60% {
		transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		opacity: 1;
	}

	80% {
		transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
	}

	100% {
		transform: perspective(400px);
		opacity: 1;
	}
}

.sec02-card--tr,
.sec02-card--ml,
.sec02-card--br {
	opacity: 0;
}

.s-sec02.is-visible .sec02-card--tr {
	animation: 0.85s ease 0.15s 1 normal both running flipInY;
}

.s-sec02.is-visible .sec02-card--ml {
	animation: 0.85s ease 0.5s 1 normal both running flipInY;
}

.s-sec02.is-visible .sec02-card--br {
	animation: 0.85s ease 0.85s 1 normal both running flipInY;
}

.s-sec02 .badge {
	background: rgba(255, 255, 255, 0.18);
	color: rgb(255, 255, 255);
}

.s-sec02 .sec-title {
	color: rgb(255, 255, 255);
}

.s-sec02 .sec-desc {
	color: rgba(255, 255, 255, 0.82);
}

.s-sec02 .fmini {
	background: rgba(255, 255, 255, 0.1);
	border-color: rgba(255, 255, 255, 0.2);
}

.s-sec02 .fmini strong {
	color: rgb(255, 255, 255);
}

.s-sec02 .fmini p {
	color: rgba(255, 255, 255, 0.72);
}

.s-sec02__mobg {
	position: absolute;
	inset: 0px;
	z-index: 0;
}

.s-sec02__mobg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.fmini-list {
	display: flex;
	flex-direction: column;
	gap: 14px;
	margin-top: 32px;
	width: 100%;
}

.fmini {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 14px 18px;
	background: rgb(245, 248, 255);
	border: 1px solid rgb(224, 235, 255);
	border-radius: 14px;
	transition:
		transform 0.2s,
		box-shadow 0.2s;
}

.fmini:hover {
	transform: translateY(-2px);
	box-shadow: rgba(27, 92, 244, 0.08) 0px 6px 20px;
}

.fmini__icon {
	width: 40px;
	height: 40px;
	flex-shrink: 0;
	object-fit: contain;
}

.fmini strong {
	display: block;
	font-size: 14px;
	font-weight: 700;
	color: var(--text);
	margin-bottom: 2px;
}

.fmini p {
	font-size: 12px;
	color: var(--sub);
}

.s-grad-wrap {
	background-image: url('../img/gradient_05.png'), url('../img/gradient.png');
	background-size:
		auto 60%,
		cover;
	background-position:
		right bottom,
		center top;
	background-repeat: no-repeat, no-repeat;
}

.s-sec03 {
	position: relative;
	margin-top: 130px;
}

.s-sec03__bg-img {
	position: absolute;
	top: -19%;
	right: 0%;
	width: 448px;
	height: 427px;
	aspect-ratio: 64 / 61;
	object-fit: contain;
	z-index: 0;
	pointer-events: none;
}

.s-sec03__inner {
	position: relative;
	z-index: 1;
	max-width: 1200px;
	margin: 0px auto;
	padding: 0px 0px 100px;
	display: grid;
	grid-template-columns: 380px 1fr;
	column-gap: 20px;
	place-items: start end;
}

.s-sec03__left {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.s-sec03__label {
	display: flex;
	align-items: center;
	gap: 14px;
}

.s-sec03__label-ko {
	color: rgb(37, 99, 235);
	font-family: 'Pretendard Variable', Pretendard, sans-serif;
	font-size: 28px;
	font-style: normal;
	font-weight: 700;
	line-height: 160%;
	white-space: nowrap;
}

.s-sec03__label-en {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 195px;
	height: 34px;
	border-radius: 10px;
	background: rgb(237, 247, 255);
	color: rgb(37, 99, 235);
	font-family: 'Pretendard Variable', Pretendard, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 160%;
	white-space: nowrap;
}

.s-sec03__phone {
	margin-top: 100px;
	display: flex;
	justify-content: flex-start;
	width: 100%;
}

.s-sec03__phone img {
	width: 100%;
	max-width: 340px;
	height: auto;
	object-fit: contain;
	filter: drop-shadow(rgb(189, 206, 227) 0px 4px 6.4px);
}

.s-sec03__right {
	display: flex;
	flex-direction: column;
	margin: 50px 0px 0px;
	gap: 30px;
}

.s-sec03__heading {
	display: flex;
	flex-direction: column;
}

.s-sec03__heading--black {
	color: rgb(18, 18, 18);
	font-family: 'Pretendard Variable', Pretendard, sans-serif;
	font-size: clamp(32px, 3.7vw, 55px);
	font-style: normal;
	font-weight: 800;
	line-height: 1;
}

.s-sec03__heading--gradient {
	background: linear-gradient(93deg, rgb(96, 146, 255) 12.16%, rgb(37, 99, 235) 37.59%, rgb(21, 81, 211) 86.27%) text;
	-webkit-text-fill-color: transparent;
	font-family: 'Pretendard Variable', Pretendard, sans-serif;
	font-size: clamp(32px, 3.7vw, 55px);
	font-style: normal;
	font-weight: 800;
	line-height: 160%;
}

.s-sec03__rows {
	display: grid;
	grid-template-rows: auto auto;
	row-gap: 20px;
	overflow: visible;
}

.s-sec03__row-line {
	display: grid;
	grid-template-columns: 280px 280px;
	column-gap: 20px;
	align-items: end;
}

.s-sec03__row-line--shifted {
	transform: translateX(-70px);
	width: calc(100% + 70px);
	align-items: flex-start;
}

.s-sec03__row-img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 10px;
	max-width: 280px;
	filter: drop-shadow(rgb(189, 206, 227) 0px 4px 6.4px);
}

.s-sec03__content {
	display: grid;
	column-gap: 20px;
	align-items: start;
	overflow: visible;
}

.s-sec03__ann {
	margin-top: 0px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.s-sec03__ann-top {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.s-sec03__marker-wrap {
	position: relative;
	width: 15px;
	height: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.s-sec03__marker-ring {
	position: absolute;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: rgb(37, 99, 235);
	opacity: 0.24;
	animation: 2s ease-out 0s infinite normal none running sec03-pulse;
}

.s-sec03__marker-dot {
	position: relative;
	z-index: 1;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: rgb(37, 99, 235);
}

@keyframes sec03-pulse {
	0% {
		transform: scale(1);
		opacity: 0.24;
	}

	60% {
		transform: scale(2.6);
		opacity: 0;
	}

	100% {
		transform: scale(2.6);
		opacity: 0;
	}
}

.s-sec03__ann-line {
	display: block;
	flex-shrink: 0;
}

.s-sec03__ann-title {
	color: rgb(37, 99, 235);
	font-family: 'Pretendard Variable', Pretendard, sans-serif;
	font-size: 22px;
	font-style: normal;
	font-weight: 600;
	line-height: 160%;
}

.s-sec03__ann-desc {
	color: rgb(68, 73, 83);
	font-family: 'Pretendard Variable', Pretendard, sans-serif;
	font-size: clamp(16px, 2vw, 22px);
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	margin-top: 16px;
}

.s-sec03__hann {
	margin-top: 40px;
	position: relative;
	overflow: visible;
}

.s-sec03__hann-main {
	position: absolute;
	top: 50%;
	left: 0px;
	transform: translate(-384px, -50%);
	display: flex;
	align-items: center;
	overflow: visible;
}

.s-sec03__hann-line {
	display: block;
	flex-shrink: 0;
	overflow: visible;
}

.s-sec03__hann-marker {
	position: relative;
	width: 15px;
	height: 15px;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.s-sec03__hann-ring {
	position: absolute;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: rgb(37, 99, 235);
	opacity: 0.24;
	animation: 2s ease-out 0s infinite normal none running sec03-pulse;
}

.s-sec03__hann-dot {
	position: relative;
	z-index: 1;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: rgb(37, 99, 235);
}

.s-sec03__hann-text {
	color: rgb(68, 73, 83);
	font-family: 'Pretendard Variable', Pretendard, sans-serif;
	font-size: clamp(16px, 2vw, 22px);
	font-style: normal;
	font-weight: 400;
	line-height: 160%;
}

.s-sec03__label,
.s-sec03__phone,
.s-sec03__heading,
.s-sec03__row-img,
.s-sec03__marker-wrap,
.s-sec03__ann-title,
.s-sec03__ann-desc,
.s-sec03__hann {
	opacity: 0;
}

.s-sec03__ann-line {
	opacity: 0;
	transform: scaleY(0);
	transform-origin: center top;
}

@keyframes sec03-line-grow {
	0% {
		opacity: 1;
		transform: scaleY(0);
	}

	100% {
		opacity: 1;
		transform: scaleY(1);
	}
}

.s-sec03.is-visible .s-sec03__label {
	animation: 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.1s 1 normal both running hero-float-up;
}

.s-sec03.is-visible .s-sec03__phone {
	animation: 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.35s 1 normal both running hero-float-up;
}

.s-sec03.is-visible .s-sec03__heading {
	animation: 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.6s 1 normal both running hero-float-up;
}

.s-sec03.is-visible .s-sec03__row-line:first-child .s-sec03__row-img:nth-child(1) {
	animation: 0.7s cubic-bezier(0.22, 1, 0.36, 1) 0.9s 1 normal both running hero-float-up;
}

.s-sec03.is-visible .s-sec03__row-line:first-child .s-sec03__row-img:nth-child(2) {
	animation: 0.7s cubic-bezier(0.22, 1, 0.36, 1) 1.1s 1 normal both running hero-float-up;
}

.s-sec03.is-visible .s-sec03__row-line--shifted .s-sec03__row-img:nth-child(1) {
	animation: 0.7s cubic-bezier(0.22, 1, 0.36, 1) 1.3s 1 normal both running hero-float-up;
}

.s-sec03.is-visible .s-sec03__row-line--shifted .s-sec03__row-img:nth-child(2) {
	animation: 0.7s cubic-bezier(0.22, 1, 0.36, 1) 1.5s 1 normal both running hero-float-up;
}

.s-sec03.is-visible .s-sec03__marker-wrap {
	animation: 0.6s cubic-bezier(0.22, 1, 0.36, 1) 1.8s 1 normal both running hero-float-up;
}

.s-sec03.is-visible .s-sec03__ann-line {
	animation: 0.55s ease-out 2s 1 normal both running sec03-line-grow;
}

.s-sec03.is-visible .s-sec03__ann-title,
.s-sec03.is-visible .s-sec03__ann-desc {
	animation: 0.7s cubic-bezier(0.22, 1, 0.36, 1) 2.3s 1 normal both running hero-float-up;
}

.s-sec03.is-visible .s-sec03__hann {
	animation: 0.7s cubic-bezier(0.22, 1, 0.36, 1) 2.6s 1 normal both running hero-float-up;
}

.s-sec04__circle {
	position: absolute;
	border-radius: 50%;
	background: var(--blue-circle);
	pointer-events: none;
	z-index: 0;
}

.s-sec04 {
	position: relative;
	overflow: hidden;
}

.s-sec04__inner {
	max-width: 1200px;
	margin: 0px auto;
	padding: 80px 0px 0px;
	position: relative;
	z-index: 1;
}

.s-sec04__label {
	display: flex;
	align-items: center;
	gap: 10px;
}

.s-sec04__label-ko {
	color: rgb(37, 99, 235);
	font-family: 'Pretendard Variable', Pretendard, sans-serif;
	font-size: 28px;
	font-weight: 700;
	line-height: 160%;
}

.s-sec04__label-en {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 166px;
	height: 34px;
	border-radius: 10px;
	background: rgb(237, 247, 255);
	color: rgb(37, 99, 235);
	font-family: 'Pretendard Variable', Pretendard, sans-serif;
	font-size: 18px;
	font-weight: 500;
	line-height: 160%;
	white-space: nowrap;
}

.s-sec04__split {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 80px;
	margin-top: 60px;
	align-items: start;
}

.s-sec04__heading {
	display: flex;
	flex-direction: column;
}

.s-sec04__heading--black {
	color: rgb(18, 18, 18);
	font-family: 'Pretendard Variable', Pretendard, sans-serif;
	font-size: clamp(32px, 3.7vw, 55px);
	font-weight: 800;
	line-height: 160%;
	word-break: keep-all;
}

.s-sec04__heading--blue {
	color: rgb(37, 99, 235);
	font-family: 'Pretendard Variable', Pretendard, sans-serif;
	font-size: clamp(35px, 3.7vw, 55px);
	font-weight: 800;
	line-height: 1;
	word-break: keep-all;
}

.s-sec04__body {
	color: rgb(18, 18, 18);
	font-family: 'Pretendard Variable', Pretendard, sans-serif;
	font-size: clamp(16px, 2vw, 22px);
	font-weight: 400;
	line-height: 160%;
	word-break: keep-all;
}

.s-sec04__body + .s-sec04__body {
	margin-top: 24px;
}

.s-sec04__body--bold {
	font-weight: 600;
}

.mock-wrap {
	position: relative;
	width: 100%;
	max-width: 1200px;
	margin: 0px auto;
	height: 1080px;
	display: flex;
	align-items: center;
}

.s-sec04__mock {
	width: 100%;
	position: relative;
	z-index: 1;
}

.s-sec04__mock img {
	width: 100%;
	height: auto;
	display: block;
	margin: 0px auto;
}

.s-sec04__mock .pc-only-m {
	display: block;
}

.s-sec04__mock .ta-only {
	display: none;
}

.s-sec04__mock .mo-only-m {
	display: none;
}

.s-sec04__mock .ta-only {
	display: none;
}
.sec_bg_wrap {
	position: absolute;
	z-index: 2;
	border-radius: 50%;
	background: rgb(37, 99, 235);
}

.sec04_circle_01 {
	left: -548px;
	top: 63%;
	transform: translateY(-50%);
	width: 600px;
	height: 600px;
}

.sec04_circle_02 {
	right: -434px;
	top: 33%;
	transform: translateY(-50%);
	width: 500px;
	height: 500px;
}

.sec04-callout {
	position: absolute;
	right: 60px;
	bottom: 0px;
	z-index: 4;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	width: 40%;
	height: 330px;
}

.sec04-callout__wrap {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	width: 60%;
	margin-top: 90px;
}

.sec04-callout__card-wrap {
	width: 50%;
}

.sec04-callout__marker {
	display: flex;
	align-items: flex-start;
	justify-content: flex-end;
}

.sec04-callout__lines {
	display: block;
	transform: rotate(270deg);
}

.sec04-callout__marker-wrap {
	top: 112px;
	left: 127px;
	width: 15px;
	height: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: -8%;
}

.sec04-callout__ring {
	position: absolute;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: rgb(37, 99, 235);
	opacity: 0.24;
	animation: 2s ease-out 0s infinite normal none running sec03-pulse;
}

.sec04-callout__dot {
	position: relative;
	z-index: 1;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: rgb(37, 99, 235);
}

.sec04-callout__card {
	display: block;
	max-width: 220px;
	height: auto;
}

.sec04-callout__text {
	color: rgb(60, 121, 255);
	text-align: center;
	font-family: 'Pretendard Variable', Pretendard, sans-serif;
	font-size: clamp(14px, 9px + 0.74vw, 20px);
	font-weight: 500;
	line-height: 28px;
	margin-top: 30px;
	word-break: keep-all;
}

.s-sec04__label,
.s-sec04__split,
.s-sec04 .mock-wrap {
	opacity: 0;
}

.s-sec04.is-visible .s-sec04__label {
	animation: 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.1s 1 normal both running hero-float-up;
}

.s-sec04.is-visible .s-sec04__split {
	animation: 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.35s 1 normal both running hero-float-up;
}

.s-sec04.is-visible .mock-wrap {
	animation: 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.65s 1 normal both running hero-float-up;
}

.s-sec05 {
	width: 100%;
	padding: 280px 0px 120px;
}

.s-sec05__card {
	position: relative;
	width: min(1680px, 100% - 80px);
	height: 1200px;
	border-radius: 104px;
	background: linear-gradient(93deg, rgb(96, 146, 255) 12.16%, rgb(37, 99, 235) 37.59%, rgb(21, 81, 211) 86.27%);
	overflow: hidden;
	padding-top: 50px;
	margin: 0px auto;
}

.s-sec05__inner {
	position: relative;
	z-index: 2;
	max-width: 1200px;
	margin: 0px auto;
	padding: 0px;
}

.s-sec05__split {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	width: 100%;
}

.s-sec05__left {
	flex: 0 0 auto;
}

.s-sec05__label-row {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 40px;
}

.s-sec05__label-ko {
	color: rgb(237, 247, 255);
	font-size: 28px;
	font-weight: 700;
	line-height: 1;
}

.s-sec05__badge {
	display: inline-flex;
	align-items: center;
	background: rgb(237, 247, 255);
	border-radius: 10px;
	padding: 6px 16px;
	color: rgb(37, 99, 235);
	font-size: 18px;
	font-weight: 500;
	line-height: 1;
}

.s-sec05__heading {
	color: rgb(255, 255, 255);
	font-size: clamp(32px, 3.7vw, 55px);
	font-weight: 800;
	line-height: 160%;
	white-space: nowrap;
}

.s-sec05__right {
	display: flex;
	flex-direction: column;
	padding: 80px 0px 0px;
}

.s-sec05__quote {
	color: rgb(134, 255, 231);
	font-size: clamp(16px, 2vw, 22px);
	font-weight: 600;
	line-height: 160%;
	margin-bottom: 12px;
}

.s-sec05__body {
	color: rgb(237, 247, 255);
	font-size: clamp(16px, 2vw, 22px);
	font-weight: 400;
	line-height: 160%;
	margin-bottom: 40px;
}

.s-sec05__gps-row {
	display: flex;
	align-items: center;
	gap: 20px;
	margin-bottom: 25px;
}

.s-sec05__bar {
	display: block;
	width: 3px;
	height: 16px;
	background: rgb(237, 247, 255);
	flex-shrink: 0;
}

.s-sec05__gps-label {
	color: rgb(237, 247, 255);
	font-size: 22px;
	font-weight: 600;
	line-height: 32px;
}

.s-sec05__boxes {
	display: flex;
	gap: 12px;
	margin-bottom: 16px;
}

.s-sec05__box {
	width: 105px;
	aspect-ratio: 15 / 14;
	border-radius: 25px;
	border: 1.5px dashed rgb(237, 247, 255);
	background: rgb(37, 99, 235);
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: rgb(237, 247, 255);
	font-size: 15px;
	font-weight: 600;
	line-height: 1.4;
	padding: 8px 10px;
	word-break: keep-all;
}

.s-sec05__caption {
	color: rgb(205, 232, 255);
	font-size: 18px;
	font-weight: 500;
	line-height: 160%;
}

.s-sec05__mission-img {
	position: absolute;
	bottom: 0px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
	max-width: 1200px;
	width: 100%;
}

.s-sec05__mission-img img {
	display: block;
	width: 100%;
	height: auto;
}

@keyframes sec05-mission-up {
	0% {
		opacity: 0;
		transform: translateX(-50%) translateY(36px);
	}

	100% {
		opacity: 1;
		transform: translateX(-50%) translateY(0px);
	}
}

.s-sec05__split,
.s-sec05__mission-img {
	opacity: 0;
}

.s-sec05.is-visible .s-sec05__split {
	animation: 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.1s 1 normal both running hero-float-up;
}

.s-sec05.is-visible .s-sec05__mission-img {
	animation: 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.45s 1 normal both running sec05-mission-up;
}

.s-sec06 {
	padding: 250px 0px 120px;
	position: relative;
	overflow: hidden;
}

.s-sec06__bg-img {
	height: 314px;
	position: absolute;
	top: 0px;
}

.s-sec06__inner {
	max-width: 1200px;
	margin: 0px auto;
}

.s-sec06__split {
	display: flex;
	align-items: flex-start;
	gap: 95px;
}

.s-sec06__left {
	flex: 0 0 480px;
}

.s-sec06__label-row {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 60px;
}

.s-sec06__label-ko {
	color: rgb(37, 99, 235);
	font-family: 'Pretendard Variable', Pretendard, sans-serif;
	font-size: 28px;
	font-weight: 700;
	line-height: 160%;
}

.s-sec06__badge {
	display: inline-flex;
	align-items: center;
	background: rgb(255, 255, 255);
	border-radius: 10px;
	padding: 4px 14px;
	color: rgb(37, 99, 235);
	font-family: 'Pretendard Variable', Pretendard, sans-serif;
	font-size: 18px;
	font-weight: 500;
	line-height: 160%;
}

.s-sec06__heading {
	color: rgb(18, 18, 18);
	font-family: 'Pretendard Variable', Pretendard, sans-serif;
	font-size: clamp(32px, 3.7vw, 55px);
	font-weight: 800;
	line-height: 160%;
	margin-bottom: 30px;
	word-break: keep-all;
}

.s-sec06__body {
	display: flex;
	flex-direction: column;
	gap: 24px;
	word-break: keep-all;
}

.s-sec06__body p {
	color: rgb(18, 18, 18);
	font-family: 'Pretendard Variable', Pretendard, sans-serif;
	font-size: clamp(16px, 2vw, 22px);
	font-weight: 400;
	line-height: 160%;
	word-break: keep-all;
}

.s-sec06__right {
	flex: 1 1 0%;
	position: relative;
	margin: 100px auto 0;
}

.s-sec06__mock-wrap {
	position: relative;
	width: 100%;
	min-height: 600px;
}

.s-sec06__mock {
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	margin: 0px auto;
	width: 300px;
	z-index: 2;
}

.s-sec06__stamp {
	position: absolute;
	z-index: 3;
	box-shadow: rgb(182, 199, 210) 0px 4px 9.7px 0px;
	border-radius: 15px;
}

.s-sec06__stamp--01 {
	left: -40px;
	bottom: 40px;
	width: 220px;
}

.s-sec06__stamp--03 {
	right: -40px;
	top: 240px;
	width: 220px;
}

.s-sec06__stamp--04 {
	right: -280px;
	top: 20px;
	width: 220px;
}

.stamps-wrap {
	position: relative;
	display: inline-block;
}

.stamps-main {
	position: relative;
	z-index: 1;
	max-height: 560px;
	object-fit: contain;
}

.stamp {
	position: absolute;
	z-index: 2;
	width: 110px;
	filter: drop-shadow(rgba(0, 0, 0, 0.18) 0px 8px 20px);
}

.stamp-1 {
	top: -20px;
	left: -50px;
	transform: rotate(-12deg);
}

.stamp-2 {
	top: 50px;
	right: -50px;
	transform: rotate(8deg);
}

.stamp-3 {
	bottom: 130px;
	left: -60px;
	transform: rotate(5deg);
}

.stamp-4 {
	bottom: -10px;
	right: -30px;
	transform: rotate(-9deg);
}

@keyframes sec06-mock-up {
	0% {
		opacity: 0;
		transform: translateY(36px);
	}

	100% {
		opacity: 1;
		transform: translateY(0px);
	}
}

.s-sec06__label-row,
.s-sec06__heading,
.s-sec06__body,
.s-sec06__mock,
.s-sec06__stamp--01,
.s-sec06__stamp--03,
.s-sec06__stamp--04 {
	opacity: 0;
}

.s-sec06.is-visible .s-sec06__label-row {
	animation: 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.1s 1 normal both running hero-float-up;
}

.s-sec06.is-visible .s-sec06__heading {
	animation: 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.35s 1 normal both running hero-float-up;
}

.s-sec06.is-visible .s-sec06__body {
	animation: 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.6s 1 normal both running hero-float-up;
}

.s-sec06.is-visible .s-sec06__mock {
	animation: 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.6s 1 normal both running sec06-mock-up;
}

.s-sec06.is-visible .s-sec06__stamp--01 {
	animation: 0.7s cubic-bezier(0.22, 1, 0.36, 1) 0.9s 1 normal both running hero-float-up;
}

.s-sec06.is-visible .s-sec06__stamp--03 {
	animation: 0.7s cubic-bezier(0.22, 1, 0.36, 1) 1.1s 1 normal both running hero-float-up;
}

.s-sec06.is-visible .s-sec06__stamp--04 {
	animation: 0.7s cubic-bezier(0.22, 1, 0.36, 1) 1.3s 1 normal both running hero-float-up;
}

.s-sec07 {
	padding: 240px 0px 160px;
	position: relative;
}

.s-sec07__bg-img {
	height: 286px;
	position: absolute;
	right: 0px;
	top: 0px;
}

.s-sec07__inner {
	max-width: 1200px;
	margin: 0px auto;
}

.s-sec07__split {
	display: flex;
	align-items: flex-start;
	gap: 130px;
}

.s-sec07__left {
	flex: 0 0 460px;
}

.s-sec07__label-row {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 60px;
}

.s-sec07__label-ko {
	color: rgb(37, 99, 235);
	font-family: 'Pretendard Variable', Pretendard, sans-serif;
	font-size: 28px;
	font-weight: 700;
	line-height: 160%;
	word-break: keep-all;
}

.s-sec07__badge {
	display: inline-flex;
	align-items: center;
	background: rgb(255, 255, 255);
	border-radius: 10px;
	padding: 4px 14px;
	color: rgb(37, 99, 235);
	font-family: 'Pretendard Variable', Pretendard, sans-serif;
	font-size: 18px;
	font-weight: 500;
	line-height: 160%;
}

.s-sec07__heading {
	display: flex;
	flex-direction: column;
	font-family: 'Pretendard Variable', Pretendard, sans-serif;
	font-size: clamp(32px, 3.7vw, 55px);
	font-weight: 800;
	line-height: 160%;
	word-break: keep-all;
	margin-bottom: 30px;
}

.s-sec07__heading--gradient {
	background: linear-gradient(93deg, rgb(96, 146, 255) 12.16%, rgb(37, 99, 235) 37.59%, rgb(21, 81, 211) 86.27%) text;
	-webkit-text-fill-color: transparent;
}

.s-sec07__heading--black {
	color: rgb(18, 18, 18);
}

.s-sec07__body {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.s-sec07__body p {
	color: rgb(18, 18, 18);
	font-family: 'Pretendard Variable', Pretendard, sans-serif;
	font-size: clamp(16px, 2vw, 22px);
	font-weight: 400;
	line-height: 160%;
	word-break: keep-all;
}

.s-sec07__right {
	flex: 1 1 0%;
}

.s-sec07__tips {
	display: flex;
	gap: 20px;
	align-items: flex-start;
	justify-content: center;
}

.s-sec07__tip-left {
	position: relative;
	flex-shrink: 0;
}

.s-sec07__tip {
	display: block;
	width: 280px;
	height: auto;
}

.s-sec07__card {
	position: absolute;
	z-index: 2;
	width: 240px;
	filter: drop-shadow(rgb(182, 199, 210) 0px 4px 9.7px);
}

.s-sec07__card--01 {
	bottom: 100px;
	left: -60px;
}

.s-sec07__card--02 {
	bottom: 0px;
	left: -60px;
}

.reward-cards {
	display: flex;
	gap: 12px;
	margin-top: 28px;
	flex-wrap: wrap;
}

.reward-cards img {
	height: 68px;
	width: auto;
	object-fit: contain;
}

.s-sec07__label-row,
.s-sec07__heading,
.s-sec07__body,
.s-sec07__tips,
.s-sec07__card--01,
.s-sec07__card--02 {
	opacity: 0;
}

.s-sec07.is-visible .s-sec07__label-row {
	animation: 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.1s 1 normal both running hero-float-up;
}

.s-sec07.is-visible .s-sec07__heading {
	animation: 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.35s 1 normal both running hero-float-up;
}

.s-sec07.is-visible .s-sec07__body {
	animation: 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.6s 1 normal both running hero-float-up;
}

.s-sec07.is-visible .s-sec07__tips {
	animation: 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.9s 1 normal both running hero-float-up;
}

.s-sec07.is-visible .s-sec07__card--01 {
	animation: 0.85s ease 1.25s 1 normal both running flipInY;
}

.s-sec07.is-visible .s-sec07__card--02 {
	animation: 0.85s ease 1.6s 1 normal both running flipInY;
}

.s-sec08 {
	padding: 220px 0px;
	background-image: url('../img/grid.png');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.s-sec08__inner {
	max-width: 1200px;
	margin: 0px auto;
	text-align: center;
}

.s-sec08__heading {
	display: inline-flex;
	gap: 16px;
	align-items: baseline;
	font-family: 'Pretendard Variable', Pretendard, sans-serif;
	font-size: clamp(32px, 3.7vw, 55px);
	font-weight: 800;
	line-height: 160%;
	margin-bottom: 40px;
}

.s-sec08__heading--black {
	color: rgb(18, 18, 18);
}

.s-sec08__heading--gradient {
	background: linear-gradient(93deg, rgb(96, 146, 255) 12.16%, rgb(37, 99, 235) 37.59%, rgb(21, 81, 211) 86.27%) text;
	-webkit-text-fill-color: transparent;
}

.s-sec08__body {
	color: rgb(18, 18, 18);
	font-family: 'Pretendard Variable', Pretendard, sans-serif;
	font-size: clamp(16px, 2vw, 22px);
	font-weight: 400;
	line-height: 160%;
	margin-bottom: 100px;
}

.s-sec08__phones {
	display: flex;
	align-items: flex-end;
	gap: 48px;
	text-align: left;
}

.s-sec08__phone-main {
	flex-shrink: 0;
	width: 324px;
	aspect-ratio: 323 / 645;
	object-fit: contain;
}

.s-sec08__phone-group {
	flex: 1 1 0%;
	display: flex;
	flex-direction: column;
	height: 640px;
	justify-content: space-between;
}

.s-sec08__ann-row {
	display: flex;
	gap: 80px;
	margin-bottom: 36px;
	position: relative;
}

.s-sec08__ann-row::before {
	content: '';
	position: absolute;
	top: 13px;
	left: 108px;
	width: 594px;
	right: auto;
	height: 1px;
	background-image: repeating-linear-gradient(to right, rgb(37, 99, 235) 0px, rgb(37, 99, 235) 3px, transparent 3px, transparent 6px);
	z-index: 0;
}

.s-sec08__step {
	flex: 0 0 217px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	position: relative;
	z-index: 1;
}

.s-sec08__marker-wrap {
	position: relative;
	width: 26px;
	height: 26px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.s-sec08__marker-pulse {
	position: absolute;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background: rgb(37, 99, 235);
	opacity: 0.17;
	animation: 2s ease-out 0s infinite normal none running sec08-pulse;
}

.s-sec08__marker-dot {
	position: relative;
	z-index: 1;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: rgb(37, 99, 235);
}

@keyframes sec08-pulse {
	0% {
		transform: scale(1);
		opacity: 0.17;
	}

	60% {
		transform: scale(2.4);
		opacity: 0;
	}

	100% {
		transform: scale(2.4);
		opacity: 0;
	}
}

.s-sec08__step-label {
	width: 145px;
	height: 52px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 15px;
	background: rgb(237, 247, 255);
	color: rgb(37, 99, 235);
	font-family: 'Pretendard Variable', Pretendard, sans-serif;
	font-size: 18px;
	font-weight: 500;
	line-height: 160%;
	letter-spacing: -0.54px;
}

.s-sec08__phone-row {
	display: flex;
	gap: 80px;
	align-items: flex-start;
}

.s-sec08__phone-sub {
	flex: 0 0 217px;
	width: 217px;
	aspect-ratio: 32 / 69;
	object-fit: contain;
	filter: drop-shadow(rgb(182, 199, 210) 0px 4px 9.7px);
}

.s-sec08__heading,
.s-sec08__body,
.s-sec08__phone-main,
.s-sec08__ann-row .s-sec08__step:nth-child(1),
.s-sec08__ann-row .s-sec08__step:nth-child(2),
.s-sec08__ann-row .s-sec08__step:nth-child(3),
.s-sec08__phone-row .s-sec08__phone-sub:nth-child(1),
.s-sec08__phone-row .s-sec08__phone-sub:nth-child(2),
.s-sec08__phone-row .s-sec08__phone-sub:nth-child(3) {
	opacity: 0;
}

.s-sec08.is-visible .s-sec08__heading {
	animation: 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.1s 1 normal both running hero-float-up;
}

.s-sec08.is-visible .s-sec08__body {
	animation: 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.35s 1 normal both running hero-float-up;
}

.s-sec08.is-visible .s-sec08__phone-main {
	animation: 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.65s 1 normal both running hero-float-up;
}

.s-sec08.is-visible .s-sec08__ann-row .s-sec08__step:nth-child(1),
.s-sec08.is-visible .s-sec08__phone-row .s-sec08__phone-sub:nth-child(1) {
	animation: 0.7s cubic-bezier(0.22, 1, 0.36, 1) 0.95s 1 normal both running hero-float-up;
}

.s-sec08.is-visible .s-sec08__ann-row .s-sec08__step:nth-child(2),
.s-sec08.is-visible .s-sec08__phone-row .s-sec08__phone-sub:nth-child(2) {
	animation: 0.7s cubic-bezier(0.22, 1, 0.36, 1) 1.2s 1 normal both running hero-float-up;
}

.s-sec08.is-visible .s-sec08__ann-row .s-sec08__step:nth-child(3),
.s-sec08.is-visible .s-sec08__phone-row .s-sec08__phone-sub:nth-child(3) {
	animation: 0.7s cubic-bezier(0.22, 1, 0.36, 1) 1.45s 1 normal both running hero-float-up;
}

.s-sec09 {
	min-height: 960px;
	background: rgb(237, 247, 255);
	padding: 130px 0px 80px;
	position: relative;
}

.deco_wrapper {
	position: absolute;
	top: -118px;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	display: flex;
	justify-content: space-between;
	max-width: 1680px;
	z-index: 0;
	align-items: center;
	pointer-events: none;
}

.bg_deco01 {
	height: 324px;
}

.bg_deco02 {
	height: 214px;
}

.s-sec09__inner {
	max-width: 1280px;
	margin: 0px auto;
	padding: 0px 44px;
	text-align: center;
	position: relative;
	z-index: 1;
}

.s-sec09__heading {
	display: inline-flex;
	gap: 16px;
	align-items: baseline;
	font-family: 'Pretendard Variable', Pretendard, sans-serif;
	font-size: clamp(32px, 3.7vw, 55px);
	font-weight: 800;
	line-height: 160%;
	margin-bottom: 40px;
}

.s-sec09__heading--black {
	color: rgb(18, 18, 18);
}

.s-sec09__heading--gradient {
	background: linear-gradient(93deg, rgb(96, 146, 255) 12.16%, rgb(37, 99, 235) 37.59%, rgb(21, 81, 211) 86.27%) text;
	-webkit-text-fill-color: transparent;
}

.s-sec09__body {
	color: rgb(18, 18, 18);
	font-family: 'Pretendard Variable', Pretendard, sans-serif;
	font-size: clamp(16px, 2vw, 22px);
	font-weight: 400;
	line-height: 160%;
	margin-bottom: 130px;
}

.s-sec09__cards {
	display: flex;
	gap: 16px;
	justify-content: center;
}

.s-sec09__card {
	width: 289px;
	height: 390px;
	flex-shrink: 0;
	border-radius: 43px;
	border: 1px solid rgb(255, 255, 255);
	backdrop-filter: blur(35px);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	padding-bottom: 24px;
	overflow: hidden;
}

.s-sec09__card--1 {
	background: linear-gradient(179deg, rgb(131, 159, 255) -6.74%, rgb(196, 227, 255) 51.84%, rgb(180, 203, 255) 96.51%);
	box-shadow: rgba(198, 211, 232, 0.6) 0px 8px 27.5px 0px;
}

.s-sec09__card--2 {
	background: linear-gradient(0deg, rgb(174, 225, 225) -2.92%, rgb(210, 244, 254) 51.43%, rgb(140, 207, 240) 95.13%);
	box-shadow: rgba(198, 211, 232, 0.52) 0px 8px 30px 0px;
}

.s-sec09__card--3 {
	background: linear-gradient(rgb(199, 184, 234) 0%, rgb(201, 220, 255) 61.81%, rgb(146, 163, 255) 105.47%);
	box-shadow: rgba(198, 211, 232, 0.52) 0px 8px 30px 0px;
}

.s-sec09__card--4 {
	background: linear-gradient(rgb(194, 249, 255) 0%, rgb(232, 255, 232) 54.58%, rgb(160, 239, 226) 103.21%);
	box-shadow: rgba(198, 211, 232, 0.6) 0px 8px 26.8px 0px;
}

.s-sec09__card-img {
	width: 268px;
	height: 251px;
	aspect-ratio: 63 / 59;
	object-fit: contain;
	flex-shrink: 0;
}

.s-sec09__card-title {
	color: rgb(18, 18, 18);
	text-align: center;
	font-family: 'Pretendard Variable', Pretendard, sans-serif;
	font-size: 26px;
	font-weight: 800;
	line-height: 160%;
	margin-bottom: 4px;
}

.s-sec09__card-desc {
	color: rgb(18, 18, 18);
	text-align: center;
	font-family: 'Pretendard Variable', Pretendard, sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 160%;
	padding: 0px 16px;
	word-break: keep-all;
}

.s-sec09__heading,
.s-sec09__body,
.s-sec09__card--1,
.s-sec09__card--2,
.s-sec09__card--3,
.s-sec09__card--4 {
	opacity: 0;
}

.s-sec09.is-visible .s-sec09__heading {
	animation: 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.1s 1 normal both running hero-float-up;
}

.s-sec09.is-visible .s-sec09__body {
	animation: 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.35s 1 normal both running hero-float-up;
}

.s-sec09.is-visible .s-sec09__card--1 {
	animation: 0.7s cubic-bezier(0.22, 1, 0.36, 1) 0.6s 1 normal both running hero-float-up;
}

.s-sec09.is-visible .s-sec09__card--2 {
	animation: 0.7s cubic-bezier(0.22, 1, 0.36, 1) 0.8s 1 normal both running hero-float-up;
}

.s-sec09.is-visible .s-sec09__card--3 {
	animation: 0.7s cubic-bezier(0.22, 1, 0.36, 1) 1s 1 normal both running hero-float-up;
}

.s-sec09.is-visible .s-sec09__card--4 {
	animation: 0.7s cubic-bezier(0.22, 1, 0.36, 1) 1.2s 1 normal both running hero-float-up;
}

.s-sec10 {
	min-height: 800px;
	height: 100%;
}

.s-sec10__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.site-footer {
	background: rgb(7, 29, 50);
	width: 100%;
	height: 251px;
}

.site-footer__inner {
	max-width: 1200px;
	margin: 0px auto;
	padding: 33px 60px 0px;
}

.site-footer__logo-row {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 31px;
}

.site-footer__logo {
	width: 50px;
	height: 50px;
	aspect-ratio: 1 / 1;
	object-fit: contain;
	flex-shrink: 0;
}

.site-footer__brand {
	color: rgb(255, 255, 255);
	font-family: 'Pretendard Variable', Pretendard, sans-serif;
	font-size: 22px;
	font-weight: 700;
	line-height: normal;
}

.site-footer__address {
	color: rgb(255, 255, 255);
	font-family: 'Pretendard Variable', Pretendard, sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: normal;
	margin-bottom: 8px;
}

.site-footer__contact {
	display: flex;
	align-items: center;
	gap: 12px;
	color: rgb(255, 255, 255);
	font-family: 'Pretendard Variable', Pretendard, sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: normal;
	margin-bottom: 24px;
}

.site-footer__sep {
	display: inline-block;
	width: 1px;
	height: 12px;
	background: rgb(108, 134, 158);
	flex-shrink: 0;
}

.site-footer__copy {
	color: rgb(111, 123, 135);
	font-family: 'Pretendard Variable', Pretendard, sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: normal;
}

.usage-item img {
	width: 120px;
	height: 120px;
	object-fit: contain;
	margin: 0px auto;
}

.usage-item p {
	font-size: 15px;
	font-weight: 700;
	color: var(--text);
	word-break: keep-all;
}

.s-bottom {
	position: relative;
	overflow: hidden;
	background: var(--blue);
}

.s-bottom__bg {
	position: absolute;
	inset: 0px;
	z-index: 0;
}

.s-bottom__bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.s-bottom__content {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	padding: 120px 40px;
}

.bottom-sub {
	font-size: 16px;
	color: rgba(255, 255, 255, 0.75);
	font-weight: 500;
	margin-bottom: 10px;
}

.bottom-brand {
	font-family: Jost, sans-serif;
	font-size: clamp(60px, 9vw, 130px);
	font-weight: 800;
	color: var(--white);
	letter-spacing: -0.03em;
	line-height: 1;
	margin-bottom: 52px;
}

.s-bottom__content .store-btns {
	justify-content: center;
}

.footer {
	background: rgb(17, 17, 17);
	color: rgb(170, 170, 170);
	padding: 52px 0px 36px;
}

.footer-inner {
	display: flex;
	align-items: flex-start;
	gap: 48px;
	flex-wrap: wrap;
}

.footer-logo img {
	height: 24px;
	width: auto;
	filter: brightness(0) invert(1);
	opacity: 0.75;
}

.footer-info {
	flex: 1 1 0%;
}

.footer-info p {
	font-size: 13px;
	line-height: 1.9;
}

.footer-copy {
	margin-top: 8px;
	color: rgb(85, 85, 85);
	font-size: 12px;
}

.footer-links {
	display: flex;
	gap: 20px;
}

.footer-links a {
	font-size: 13px;
	color: rgb(170, 170, 170);
	transition: color 0.2s;
}

.footer-links a:hover {
	color: rgb(255, 255, 255);
}

.fade-up {
	opacity: 0;
	transform: translateY(32px);
	transition:
		opacity 0.65s,
		transform 0.65s;
}

.fade-up.visible {
	opacity: 1;
	transform: translateY(0px);
}

@media (max-width: 1400px) {
	.header-inner {
		padding: 0px 40px;
	}

	.s-hero__wrap {
		padding: 100px 40px 0px;
	}

	.hero-brand {
		/* font-size: 96px; */
	}

	.hero-pretitle {
		/* font-size: 28px; */
	}

	.hero-desc {
		/* font-size: 20px; */
	}

	.s-sec02 {
		z-index: 10;
		min-height: auto;
		height: auto;
	}

	.s-sec02 {
		background-image: linear-gradient(transparent 70%, rgb(37, 99, 235) 30%);
	}
	.s-sec02 {
		background-color: rgb(37, 99, 235);
		background-image: linear-gradient(to top, rgba(37, 99, 235, 0) 0%, rgb(37, 99, 235) 60%);
		background-position:
			center top,
			top;
		background-size: cover, cover;
		background-repeat: no-repeat, no-repeat;
		margin-top: -1px;
	}

	.sec02-card {
	}

	.s-sec02__inner {
		padding: 0 40px;
		grid-template-columns: 460px 1fr;
		gap: 80px;
		height: 100%;
	}

	.s-sec02__tagline {
		font-size: 28px;
		margin-top: 48px;
	}

	.s-sec03__bg-img {
		height: 160px;
		top: -10%;
	}

	.s-sec03__inner {
		padding: 0px 40px 100px;
	}

	.s-sec03__label-ko {
		font-size: 22px;
	}

	.s-sec04__inner {
		padding: 80px 40px 0px;
	}

	.s-sec04__label-ko {
		font-size: 22px;
	}

	.s-sec05__inner {
		padding: 0px 40px;
	}

	.s-sec05__card {
		border-radius: 72px;
	}

	.s-sec05__mission-img {
		max-width: 1000px;
	}

	.s-sec05__label-ko {
		font-size: 22px;
	}

	.s-sec06__inner {
		padding: 0px 40px;
	}

	.s-sec06__split {
		gap: 50px;
	}

	.s-sec06__left {
		flex: 0 0 430px;
	}

	.s-sec06__label-ko {
		font-size: 22px;
	}

	.s-sec06__stamp--04 {
		/* display: none; */
	}

	.s-sec06__mock {
		position: absolute;
		left: 0px;
		right: 0px;
		top: 0px;
		margin: 0px auto;
		width: 280px;
		z-index: 2;
	}

	.s-sec06__stamp {
		position: absolute;
		z-index: 3;
		box-shadow: rgb(182, 199, 210) 0px 4px 9.7px 0px;
		border-radius: 15px;
	}

	.s-sec06__stamp--01 {
		left: 5px;
		bottom: 40px;
		width: 200px;
	}

	.s-sec06__stamp--03 {
		right: 0;
		top: 240px;
		width: 200px;
	}

	.s-sec06__stamp--04 {
		right: -220px;
		top: 120px;
		width: 200px;
	}

	.s-sec07__inner {
		padding: 0px 40px;
	}

	.s-sec07__split {
		gap: 60px;
	}

	.s-sec07__left {
		flex: 0 0 420px;
	}

	.s-sec07__label-ko {
		font-size: 22px;
	}

	.s-sec08__inner {
		padding: 0px 40px;
	}

	.s-sec08__phones {
		gap: 32px;
	}

	.s-sec08__phone-main {
		width: 280px;
	}
	.s-sec08__phone-group {
		height: 580px;
	}
	.s-sec08__ann-row {
		gap: 60px;
	}

	.s-sec08__ann-row::before {
		left: 95px;
		width: 500px;
	}

	.s-sec08__phone-row {
		gap: 60px;
	}

	.s-sec08__step {
		flex: 0 0 190px;
	}

	.s-sec08__phone-sub {
		flex: 0 0 190px;
		width: 190px;
	}

	.s-sec09__inner {
		padding: 0px 40px;
	}

	.s-sec09__cards {
		gap: 12px;
	}

	.s-sec09__card {
		width: 260px;
		height: 360px;
	}

	.s-sec09__card-img {
		width: 242px;
		height: 226px;
	}

	.s-sec09__card-title {
		font-size: 22px;
	}

	.bg_deco01 {
		height: 200px;
	}

	.bg_deco02 {
		height: 180px;
	}

	.s-sec10 {
		height: auto;
		min-height: auto;
	}

	.s-sec10__img {
		object-fit: contain;
	}
}

@media (max-width: 1290px) {
	.inner {
		padding: 0px 40px;
	}

	.header-inner {
		padding: 0px 40px;
	}

	.s-hero__left {
		padding: 60px 32px 60px 0px;
	}

	.hero-brand {
		/* font-size: 88px; */
	}

	.split__img {
		padding: 48px 32px;
	}

	.split__content {
		padding: 60px 60px 60px 40px;
	}

	.split > .split__content:first-child {
		padding: 60px 40px 60px 60px;
	}

	.stamp {
		width: 90px;
	}

	.mock-wrap {
		max-width: 100%;
		padding: 0px 20px;
	}
}

@media (max-width: 1200px) {
	html,
	body {
		overflow-x: hidden;
	}

	.inner {
		padding: 0px 32px;
	}

	.header-inner {
		padding: 0px 32px;
	}

	.logo-text {
		font-size: 20px;
	}

	.logo-icon {
		max-height: 30px;
	}

	.s-sec04 {
		overflow: hidden;
	}

	.s-sec06 {
		overflow: hidden;
	}

	.s-sec07 {
		overflow: hidden;
	}

	.s-hero__wrap {
		padding: 100px 32px 0px;
	}

	.s-hero__left {
		padding: 40px 20px 40px 0px;
	}

	.hero-brand {
		/* font-size: 62px; */
	}

	.hero-pretitle {
		/* font-size: 20px; */
	}

	.hero-desc {
		/* font-size: 15px; */
		margin-bottom: 52px;
	}

	.s-sec02 {
		background-image: linear-gradient(transparent 10%, rgb(37, 99, 235) 61%);
	}

	.s-sec02__inner {
		padding: 0 32px 50px;
		grid-template-columns: 380px 575px;
		gap: 60px;
	}

	.s-sec02__bg-img {
		width: 50%;
	}

	.s-sec02__tagline {
		font-size: 20px;
		margin-top: 28px;
	}

	.s-sec03__row-line {
		grid-template-columns: 240px 240px;
	}
	.s-sec03__row-img {
		max-width: 240px;
	}

	.s-sec03__inner {
		padding: 0px 32px 80px;
		grid-template-columns: 320px 1fr;
	}

	.s-sec03__label-ko {
		font-size: 17px;
	}

	.s-sec03__ann-title {
		font-size: 15px;
	}

	.s-sec03__ann-desc {
		/* font-size: 14px; */
	}

	.s-sec03__hann-text {
		font-size: 14px;
	}

	.s-sec03__hann-main {
		width: 44%;
		left: 50%;
		overflow: hidden;
	}

	.s-sec04__inner {
		padding: 60px 32px 0px;
	}

	.s-sec04__label-ko {
		font-size: 17px;
	}

	.s-sec04__split {
		/* gap: 32px; */
		grid-template-columns: auto 1fr;
	}

	.s-sec05__mission-img {
		max-width: 636px;
		padding-top: 30px;
	}

	.s-sec05__card {
		border-radius: 48px;
		height: 1040px;
	}

	.s-sec05__inner {
		padding: 0px 32px;
	}

	.s-sec05__split {
		flex-direction: column;
		gap: 24px;
		align-items: center;
	}

	.s-sec05__left {
		flex: unset;
		width: 100%;
		text-align: center;
	}

	.s-sec05__right {
		padding-top: 0px;
		width: 100%;
		align-items: center;
		text-align: center;
	}

	.s-sec05__label-row {
		justify-content: center;
	}

	.s-sec05__heading {
		text-align: center;
	}

	.s-sec05__gps-row {
		justify-content: center;
	}

	.s-sec05__boxes {
		justify-content: center;
	}

	.s-sec05__label-ko {
		font-size: 17px;
	}

	.s-sec05__heading {
		white-space: normal;
	}
	.s-sec06__mock {
		position: absolute;
		left: 0px;
		right: 0px;
		top: 0px;
		margin: 0px auto;
		width: 220px;
		z-index: 2;
	}

	.s-sec06__stamp--01 {
		left: 34px;
		bottom: 170px;
		width: 150px;
	}

	.s-sec06__stamp--03 {
		right: 34px;
		top: 240px;
		width: 150px;
	}

	.s-sec06__stamp--04 {
		right: -130px;
		top: 120px;
		width: 150px;
	}

	.s-sec07__inner {
		padding: 0px 32px;
	}

	.s-sec07__split {
		gap: 100px;
	}

	.s-sec07__left {
		flex: 0 0 400px;
	}

	.s-sec07__label-ko {
		font-size: 17px;
	}

	.s-sec07__tip {
		width: 195px;
	}

	.s-sec07__card {
		width: 175px;
	}

	.s-sec07__card--01 {
		bottom: 70px;
	}

	.bg_deco01 {
		height: 180px;
	}

	.bg_deco02 {
		height: 155px;
	}

	.s-sec08__inner {
		padding: 0px 32px;
	}

	.s-sec08__phone-group {
		height: 505px;
	}

	.s-sec08__heading {
		gap: 10px;
	}

	.s-sec08__phones {
		gap: 24px;
	}

	.s-sec08__phone-main {
		width: 250px;
	}

	.s-sec08__ann-row {
		gap: 36px;
		justify-content: center;
	}

	.s-sec08__ann-row::before {
		left: 50%;
		width: 382px;
		transform: translateX(-50%);
	}

	.s-sec08__phone-row {
		gap: 36px;
		justify-content: center;
	}

	.s-sec08__step {
		flex: 0 0 155px;
	}

	.s-sec08__step-label {
		font-size: 14px;
	}

	.s-sec08__phone-sub {
		flex: 0 0 155px;
		width: 155px;
	}

	.s-sec09__inner {
		padding: 0px 32px;
	}

	.s-sec09__body {
		margin-bottom: 48px;
	}

	.s-sec09__cards {
		flex-wrap: wrap;
		justify-content: center;
		gap: 14px;
		display: grid;
		grid-template-columns: 260px 260px;
		justify-items: center;
	}

	.s-sec09__card {
		flex: 0 0 calc(50% - 7px);
		max-width: 300px;
		height: 300px;
		justify-content: center;
	}

	.s-sec09__card-img {
		width: 180px;
		height: 168px;
	}

	.s-sec09__card-title {
		font-size: 17px;
	}

	.s-sec09__card-desc {
		font-size: 14px;
	}

	.stamp {
		width: 72px;
	}

	.stamp-1 {
		top: -12px;
		left: -30px;
	}

	.stamp-2 {
		top: 36px;
		right: -28px;
	}

	.stamp-3 {
		bottom: 90px;
		left: -32px;
	}

	.stamp-4 {
		bottom: -8px;
		right: -18px;
	}
}

@media (max-width: 1100px) {
	/* sec02 카드 크기 */
	.sec02-card {
		width: clamp(230px, 75px + 13.9vw, 275px);
		/* height: clamp(260px, 98px + 17.96vw, 357px); */
		border-radius: clamp(20px, 3px + 1.85vw, 30px);
		padding: clamp(16px, 3px + 1.48vw, 24px) clamp(14px, 4px + 1.11vw, 20px) clamp(14px, 4px + 1.11vw, 20px);
	}

	.sec02-card__img {
		/* width: clamp(140px, 52px + 9.81vw, 193px); */
		/* height: clamp(136px, 51px + 9.44vw, 187px); */
	}

	.s-sec02__cards {
		height: clamp(565px, 207px + 39.81vw, 780px);
	}

	.sec02-card--ml {
		top: clamp(95px, 37px + 6.48vw, 130px);
	}

	.sec02-card--br {
		top: clamp(285px, 110px + 19.44vw, 390px);
	}

	/* sec02 */
	.s-sec02__tagline {
		font-size: clamp(22px, -1px + 2.59vw, 36px);
	}
	.sec02-card__title {
		font-size: clamp(16px, 6px + 1.11vw, 22px);
	}
	.sec02-card__desc {
		font-size: clamp(14px, 6px + 0.93vw, 14px);
	}

	.s-sec02__inner {
		padding: 120px 32px 50px;
		grid-template-columns: auto 440px;
		gap: 20px;
		justify-content: center;
	}

	/* sec03 */
	.s-sec03__label-ko {
		font-size: clamp(18px, 1px + 1.85vw, 28px);
	}
	.s-sec03__label-en {
		font-size: clamp(13px, 5px + 0.93vw, 18px);
	}
	.s-sec03__ann-title {
		font-size: clamp(16px, 6px + 1.11vw, 22px);
	}
	.s-sec03__ann-desc {
		/* font-size: clamp(16px, 9px + 0.74vw, 20px); */
	}
	.s-sec03__hann-text {
		font-size: clamp(15px, 9px + 0.74vw, 20px);
	}

	.s-sec03__inner {
		grid-template-columns: 280px 500px;
	}
	.s-sec03__row-line {
		grid-template-columns: 180px 180px;
		gap: 10px;
	}
	.s-sec03__row-img {
		max-width: 180px;
	}
	.s-sec03__content {
		justify-items: center;
	}
	.s-sec03__rows {
		justify-content: center;
		gap: 10px;
	}

	/* sec04 */
	.s-sec04__label-ko {
		font-size: clamp(18px, 1px + 1.85vw, 28px);
	}
	.s-sec04__label-en {
		font-size: clamp(13px, 5px + 0.93vw, 18px);
	}

	/* sec05 */
	.s-sec05__label-ko {
		font-size: clamp(18px, 1px + 1.85vw, 28px);
	}
	.s-sec05__badge {
		font-size: clamp(13px, 5px + 0.93vw, 18px);
	}
	.s-sec05__gps-label {
		font-size: clamp(16px, 6px + 1.11vw, 22px);
	}
	.s-sec05__box {
		font-size: clamp(12px, 7px + 0.56vw, 15px);
	}
	.s-sec05__caption {
		font-size: clamp(14px, 6px + 0.93vw, 18px);
	}

	/* sec06 */
	.s-sec06__label-ko {
		font-size: clamp(18px, 1px + 1.85vw, 28px);
	}
	.s-sec06__badge {
		font-size: clamp(13px, 5px + 0.93vw, 18px);
	}

	.s-sec06__mock {
		position: absolute;
		left: 0px;
		right: 0px;
		top: 0px;
		margin: 0px auto;
		width: 220px;
		z-index: 2;
	}

	.s-sec06__stamp--01 {
		left: 20px;
		bottom: 170px;
		width: 120px;
	}

	.s-sec06__stamp--03 {
		right: 20px;
		top: 240px;
		width: 120px;
	}

	.s-sec06__stamp--04 {
		right: -116px;
		top: 120px;
		width: 120px;
	}

	/* sec07 */
	.s-sec07__label-ko {
		font-size: clamp(18px, 1px + 1.85vw, 28px);
	}
	.s-sec07__badge {
		font-size: clamp(13px, 5px + 0.93vw, 18px);
	}

	.s-sec07__split {
		gap: 50px;
	}

	.s-sec07__left {
		flex: 0 0 320px;
	}

	/* sec08 */
	.s-sec08__step-label {
		font-size: clamp(13px, 5px + 0.93vw, 18px);
	}

	/* sec09 */
	.s-sec09__card-img {
		width: clamp(200px, 87px + 12.59vw, 268px);
		height: clamp(187px, 80px + 11.85vw, 251px);
	}
	.s-sec09__card-title {
		font-size: clamp(18px, 5px + 1.48vw, 26px);
	}
	.s-sec09__card-desc {
		font-size: clamp(13px, 5px + 0.93vw, 18px);
	}
}
@media (max-width: 1024px) {
	.s-sec04__mock .pc-only-m {
		display: none;
	}

	.s-sec04__mock .ta-only {
		display: block;
	}

	.s-sec04__mock .mo-only-m {
		display: none;
	}

	.sec04_circle_01 {
		left: -500px;
	}

	.sec04_circle_02 {
		right: -374px;
		top: 37%;
	}

	.sec04-callout__card {
		max-width: 220px;
	}

	.s-sec06__inner {
		padding: 0px 32px;
	}

	.s-sec06 {
		padding: 80px 0px 60px;
		overflow: visible;
	}

	.s-sec06__bg-img {
		width: 98px;
		height: auto;
		top: 5%;
	}

	.s-sec06__inner {
		max-width: 100%;
		padding: 0px 24px;
	}

	.s-sec06__split {
		flex-direction: column;
		align-items: center;
		gap: 0px;
	}

	.s-sec06__left {
		flex: 0 0 auto;
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.s-sec06__right {
		display: none !important;
	}

	.s-sec06__label-row {
		flex-direction: column;
		align-items: center;
		gap: 10px;
		margin-bottom: 0px;
	}

	.s-sec06__label-ko {
		font-size: 16px;
		font-weight: 700;
		color: rgb(37, 99, 235);
		line-height: 160%;
	}

	.s-sec06__badge {
		font-size: 14px;
		font-weight: 500;
		color: rgb(37, 99, 235);
		border-radius: 10px;
		width: 135px;
		height: 34px;
		align-items: center;
		justify-content: center;
		padding: 0px;
		background: rgb(237, 247, 255) !important;
		display: inline-flex !important;
	}

	.s-sec06__heading {
		font-weight: 800;
		color: rgb(18, 18, 18);
		line-height: 140%;
		text-align: center;
		margin-top: 70px;
		margin-bottom: 0px;
	}

	.s-sec06__body {
		margin-top: 40px;
	}

	.s-sec06__body p {
		font-weight: 400;
		color: rgb(18, 18, 18);
		line-height: 160%;
		text-align: center;
	}

	.s-sec06__mo-stamps {
		margin-top: 80px;
		width: 100vw;
		overflow: hidden;
		display: block !important;
	}

	.s-sec06__marquee-track {
		display: flex;
		align-items: center;
		gap: 28px;
		width: max-content;
		padding: 16px 0px 24px;
		animation: 12s linear 0s infinite normal none running sec06-marquee;
	}

	@keyframes sec06-marquee {
		0% {
			transform: translateX(0px);
		}

		100% {
			transform: translateX(-50%);
		}
	}

	.s-sec06__stamp-mo {
		height: 193px;
		width: auto;
		max-width: none;
		flex-shrink: 0;
		border-radius: 10px;
		box-shadow: rgb(161, 172, 184) 0px 4px 14px 0px;
	}

	.s-sec06__stamp-mo--01 {
		transform: translateY(10px);
	}

	.s-sec06__stamp-mo--02 {
		transform: translateY(-14px);
	}

	.s-sec06__stamp-mo--03 {
		transform: translateY(6px);
	}

	.s-sec06__stamp-mo--04 {
		transform: translateY(-10px);
	}

	.s-sec06__label-ko {
		font-size: 17px;
	}
	.s-sec09__body span {
		display: block;
	}
}
@media (max-width: 768px) {
	:root {
		--section-min: 0px;
	}

	.inner {
		padding: 0px 20px;
	}

	.header-inner {
		padding: 0px 20px;
	}

	.pc-only {
		display: none !important;
	}

	.mo-only {
		display: block !important;
	}

	.s-hero__bg img {
		object-position: center top;
	}

	.btn-ham {
		display: flex;
	}

	.s-hero {
		min-height: 100dvh;
	}

	.s-hero__grad-anim {
		background: transparent;
	}

	.s-hero__wrap {
		grid-template-columns: 1fr;
		min-height: 100dvh;
		padding: var(--header-h) 24px 0;
		place-items: center;
	}

	.s-hero__left {
		order: 1;
		align-items: center;
		text-align: center;
		min-height: auto;
		padding: 40px 20px;
	}

	.hero-pretitle {
		/* font-size: 32px; */
		font-weight: 800;
		letter-spacing: -0.96px;
		color: rgb(18, 18, 18);
		text-align: center;
	}

	.hero-brand {
		/* font-size: clamp(48px, 17vw, 70px); */
		font-weight: 700;
		letter-spacing: -1.4px;
		color: rgb(37, 99, 235);
		text-align: center;
	}

	.hero-desc {
		/* font-size: 22px; */
		font-weight: 400;
		color: rgb(18, 18, 18);
		text-align: center;
		margin-bottom: 70px;
	}

	.btn-contact {
		width: 144px;
		height: 54px;
	}

	.btn-contact__text {
		font-size: 18px;
		font-weight: 700;
	}

	.s-hero__right {
		display: none;
	}

	.s-sec03__label,
	.s-sec03__phone,
	.s-sec03__heading,
	.s-sec03__row-img,
	.s-sec03__marker-wrap,
	.s-sec03__ann-title,
	.s-sec03__ann-desc,
	.s-sec03__hann,
	.s-sec04__label,
	.s-sec04__split,
	.s-sec04 .mock-wrap,
	.s-sec05__split,
	.s-sec05__mission-img,
	.s-sec06__label-row,
	.s-sec06__heading,
	.s-sec06__body,
	.s-sec06__mock,
	.s-sec06__stamp--01,
	.s-sec06__stamp--03,
	.s-sec06__stamp--04,
	.s-sec07__label-row,
	.s-sec07__heading,
	.s-sec07__body,
	.s-sec07__tips,
	.s-sec07__card--01,
	.s-sec07__card--02,
	.s-sec08__heading,
	.s-sec08__body,
	.s-sec08__phone-main,
	.s-sec08__ann-row .s-sec08__step:nth-child(1),
	.s-sec08__ann-row .s-sec08__step:nth-child(2),
	.s-sec08__ann-row .s-sec08__step:nth-child(3),
	.s-sec08__phone-row .s-sec08__phone-sub:nth-child(1),
	.s-sec08__phone-row .s-sec08__phone-sub:nth-child(2),
	.s-sec08__phone-row .s-sec08__phone-sub:nth-child(3),
	.s-sec09__heading,
	.s-sec09__body,
	.s-sec09__card--1,
	.s-sec09__card--2,
	.s-sec09__card--3,
	.s-sec09__card--4,
	.fade-up {
		opacity: 1 !important;
		animation: auto ease 0s 1 normal none running none !important;
	}

	.fade-up {
		transform: none !important;
	}

	.s-sec03__ann-line {
		opacity: 1 !important;
		transform: scaleY(1) !important;
		animation: auto ease 0s 1 normal none running none !important;
	}

	.s-hero__grad-anim {
		animation: auto ease 0s 1 normal none running none;
	}

	.s-sec03__marker-ring,
	.s-sec03__hann-ring,
	.sec04-callout__ring,
	.s-sec08__marker-pulse {
		animation: auto ease 0s 1 normal none running none;
		opacity: 0.24;
		transform: scale(1);
	}

	.s-sec02__bg-img {
		display: none;
	}

	.s-sec02 {
		background-color: rgb(37, 99, 235);
		background-image: url('../img/sec02_bg_mo.png'), linear-gradient(to top, rgba(37, 99, 235, 0) 0%, rgb(37, 99, 235) 60%);
		background-position:
			center top,
			top;
		background-size: cover, cover;
		background-repeat: no-repeat, no-repeat;
		margin-top: -1px;
		min-height: auto;
	}

	.s-sec02__inner {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 0;
		gap: 0px;
		max-width: 100%;
		height: 100%;
		justify-content: center;
	}

	.s-sec02__left {
		align-items: center;
		text-align: center;
		padding: 0px 24px;
		opacity: 1;
		transform: none;
		transition: none;
	}

	.s-sec02__heading {
		text-align: center;
		line-height: normal;
	}

	.s-sec02__desc {
		text-align: center;
		margin-top: 28px;
	}

	.s-sec02__tagline {
		font-size: 18px;
		font-weight: 600;
		text-align: center;
		margin-top: 30px;
	}

	.s-sec02__right {
		width: 100%;
		margin-top: 30px;
	}

	.s-sec02__cards {
		display: flex;
		flex-direction: row;
		height: auto;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		gap: 16px;
		padding: 10px calc(-140px + 50vw) 24px;
		scrollbar-width: none;
	}

	.s-sec02__cards::-webkit-scrollbar {
		display: none;
	}

	.sec02-card {
		position: relative;
		inset: unset;
		flex: 0 0 280px;
		scroll-snap-align: center;
		opacity: 1;
		animation: auto ease 0s 1 normal none running none !important;
	}

	.split {
		grid-template-columns: 1fr;
	}

	.split__img {
		min-height: auto;
		padding: 40px 24px;
		order: 1;
	}

	.split__img img {
		max-height: 320px;
	}

	.split__content {
		min-height: auto;
		order: 2;
		justify-content: flex-start;
		padding: 40px 24px 60px;
	}

	.split > .split__content:first-child {
		order: 2;
		justify-content: flex-start;
		padding: 40px 24px 60px;
	}

	.content-box {
		max-width: 100%;
		align-items: center;
		text-align: center;
	}

	.fmini-list {
		align-items: stretch;
	}

	.tip-cards,
	.reward-cards {
		justify-content: center;
	}

	.btn-primary {
		align-self: center;
	}

	.stamps-wrap {
		padding: 12px 40px;
	}

	.stamp {
		width: 64px;
	}

	.stamp-1 {
		top: -10px;
		left: -10px;
	}

	.stamp-2 {
		top: 30px;
		right: 0px;
	}

	.stamp-3 {
		display: none;
	}

	.stamp-4 {
		bottom: 0px;
		right: 0px;
	}

	.s-sec08 {
		padding: 72px 0px;
	}

	.edu-phones {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 12px;
		align-items: unset;
	}

	.edu-phone:hover {
		transform: none;
	}

	.s-sec09 {
		padding: 72px 0px 80px;
		min-height: unset;
	}

	.s-sec09__inner {
		padding: 0px 24px;
		text-align: center;
	}

	.s-sec09__heading {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 0px;
		margin-bottom: 40px;
	}

	.s-sec09__heading--black {
		color: rgb(18, 18, 18);
		line-height: normal;
	}

	.s-sec09__heading--gradient {
		line-height: 160%;
	}

	.s-sec09__body {
		font-weight: 400;
		line-height: 160%;
		margin-bottom: 60px;
		word-break: keep-all;
	}

	.s-sec09__cards {
		display: flex;
		flex-wrap: nowrap;
		gap: 16px;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		scrollbar-width: none;
		width: 100vw;
		margin-left: -24px;
		padding: 0px calc(-142px + 50vw) 20px;
		box-sizing: border-box;
		justify-content: flex-start;
	}

	.s-sec09__cards::-webkit-scrollbar {
		display: none;
	}

	.s-sec09__card {
		flex: 0 0 284px;
		width: 284px;
		height: 354px;
		scroll-snap-align: center;
		border-radius: 36px;
		padding-bottom: 20px;
		display: flex;
		justify-content: center;
	}

	.s-sec09__card-img {
		width: 100%;
		height: 210px;
		object-fit: contain;
	}

	.s-sec09__card-title {
		font-size: 20px;
		font-weight: 800;
		line-height: 160%;
		margin-top: 20px;
		margin-bottom: 0px;
	}

	.s-sec09__card-desc {
		font-size: 16px;
		font-weight: 400;
		line-height: 160%;
		margin-top: 10px;
	}

	.usage-grid {
		grid-template-columns: 1fr 1fr;
		gap: 28px;
	}

	.usage-item img {
		width: 88px;
		height: 88px;
	}

	.s-sec10 {
		height: auto;
		background: url('../img/bottom_m.svg') center center / cover no-repeat;
		width: 100%;
		min-height: 310px;
	}
	.s-sec10 img {
		display: none;
	}

	.s-bottom__content {
		padding: 80px 24px;
	}

	.bottom-brand {
		font-size: 56px;
		margin-bottom: 36px;
	}

	.footer-inner {
		flex-direction: column;
		gap: 24px;
	}

	.footer-links {
		flex-direction: column;
		gap: 10px;
	}

	.site-footer {
		height: auto;
	}

	.site-footer__inner {
		padding: 32px 24px;
	}

	.site-footer__logo-row {
		gap: 8px;
		margin-bottom: 20px;
	}

	.site-footer__logo {
		width: 40px;
		height: 40px;
	}

	.site-footer__brand {
		font-size: 18px;
	}

	.site-footer__address {
		font-size: 13px;
		line-height: 1.7;
		margin-bottom: 12px;
		word-break: keep-all;
	}

	.site-footer__contact {
		flex-direction: column;
		align-items: flex-start;
		gap: 6px;
		font-size: 13px;
		margin-bottom: 20px;
	}

	.site-footer__sep {
		display: none;
	}

	.site-footer__copy {
		font-size: 12px;
	}

	.s-sec03__bg-img {
		width: 174px;
		right: -12%;
	}

	.s-sec03__inner {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 0px;
		max-width: 100%;
		text-align: center;
	}

	.s-sec03__left {
		order: 1;
		width: 100%;
		align-items: center;
	}

	.s-sec03__right {
		order: 2;
		width: 100%;
		/* padding: 0 10px; */
	}

	.s-sec03__label {
		flex-direction: column;
		align-items: center;
		gap: 10px;
	}

	.s-sec03__label-ko {
		order: 1;
		font-weight: 700;
		line-height: 140%;
		border-radius: 10px;
		align-items: center;
		justify-content: center;
		white-space: nowrap;
		padding: 0px;
		font-size: 16px !important;
		display: inline-flex !important;
	}

	.s-sec03__label-en {
		order: 2;
		font-size: 14px;
		font-weight: 500;
		line-height: 160%;
		border-radius: 10px;
		background: var(--Blue-Background, #edf7ff);
		width: 148px;
		height: 34px;
		padding: 0px;
		align-items: center;
		justify-content: center;
		display: inline-flex !important;
	}

	.s-sec03__phone {
		display: none !important;
	}

	.s-sec03__heading {
		margin-top: 0px;
		text-align: center;
	}

	.s-sec03__heading--black {
		line-height: normal;
		letter-spacing: -1.6px;
	}

	.s-sec03__heading--gradient {
		line-height: 160%;
		letter-spacing: -1.6px;
	}

	.s-sec03__rows {
		display: none;
	}

	.s-sec03__content {
		display: block;
	}

	.s-sec03__ann {
		margin-top: 30px;
		align-items: center;
		width: 100%;
	}

	.s-sec03__ann-top {
		align-items: center;
	}

	.s-sec03__marker-wrap,
	.s-sec03__ann-line {
		display: none !important;
	}

	.s-sec03__ann-title {
		color: rgb(37, 99, 235);
		font-family: Pretendard;
		font-size: 16px;
		font-style: normal;
		font-weight: 600;
		line-height: 160%;
	}

	.s-sec03__ann-desc {
		color: rgb(68, 73, 83);
		text-align: center;
		font-family: Pretendard;
		/* font-size: 16px; */
		font-style: normal;
		font-weight: 400;
		padding: 0px 20px;
		word-break: keep-all;
	}

	.s-sec03__mo-phone {
		margin-top: 10px;
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		background: url('../img/card_mo.svg') center center no-repeat;
		/* border-radius: 20px; */
		background-size: 116%;
		padding: 30px 0px;
	}

	.s-sec03__mo-phone img {
		width: 65%;
		position: relative;
		z-index: 1;
		margin: 0 auto;
		max-width: 490px;
	}

	.s-sec03__hann {
		margin-top: 0px;
		text-align: center;
	}

	.s-sec03__hann-main {
		display: none;
	}

	.s-sec03__hann-text {
		color: rgb(68, 73, 83);
		/* font-size: 16px; */
		font-weight: 400;
		line-height: 160%;
		text-align: center;
		word-break: keep-all;
	}

	.s-grad-wrap {
		background-image: url('../img/gradient_mo1.png');
		background-size: cover;
		background-position: center top;
		background-repeat: no-repeat;
	}

	.s-sec04__inner {
		padding: 80px 24px 0px;
	}

	.s-sec04__label {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 10px;
		margin-bottom: 60px;
	}

	.s-sec04__label-ko {
		color: rgb(37, 99, 235);
		font-size: 16px;
		font-weight: 700;
		line-height: 160%;
		text-align: center;
	}

	.s-sec04__label-en {
		color: rgb(37, 99, 235);
		font-size: 14px;
		font-weight: 500;
		line-height: 160%;
		background: rgb(237, 247, 255);
		border-radius: 10px;
		align-items: center;
		justify-content: center;
		padding: 0px 16px;
		height: 34px;
		width: auto;
		display: inline-flex !important;
	}

	.s-sec04__split {
		display: block;
	}

	.s-sec04__left {
		width: 100%;
	}

	.s-sec04__heading {
		text-align: center;
	}

	.s-sec04__heading--black {
		font-weight: 800;
		line-height: normal;
		color: rgb(18, 18, 18);
		display: block;
		text-align: center;
	}

	.s-sec04__heading--blue {
		font-weight: 800;
		line-height: 42px;
		display: block;
		text-align: center;
	}

	.s-sec04 .mock-wrap {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 40px 0px 0px;
		height: auto !important;
	}

	.s-sec04__mock-img-mo {
		width: 100%;
		height: auto;
		border-radius: 10px;
		display: block;
	}
	.s-sec04__mock .mo-only-m {
		display: block;
	}

	.s-sec04__mock .pc-only-m {
		display: none;
	}

	.s-sec04__mock .ta-only {
		display: none;
	}

	.sec04_circle_01,
	.sec04_circle_02 {
		display: none;
	}

	.sec04-callout {
		position: static;
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 100%;
		height: auto;
		margin-top: 0px;
	}

	.sec04-callout__marker {
		display: none;
	}

	.sec04-callout__wrap {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-top: 0px;
	}

	.sec04-callout__card-wrap {
		width: 100%;
		display: flex;
		justify-content: center;
		margin-top: 0px;
	}

	.sec04-callout__card-mo {
		width: 100%;
		max-width: 205px;
		height: auto;
		display: block;
	}

	.sec04-callout__text {
		font-size: 14px;
		font-weight: 500;
		line-height: 160%;
		color: rgb(60, 121, 255);
		text-align: center;
		margin-top: 16px;
	}

	.s-sec04__mo-body {
		padding: 40px 24px 0px;
		width: 100%;
	}

	.s-sec04__mo-body .s-sec04__body {
		font-weight: 400;
		line-height: 160%;
		color: rgb(18, 18, 18);
		text-align: center;
		margin-bottom: 20px;
		word-break: keep-all;
		letter-spacing: -1px;
	}

	.s-sec04__mo-body .s-sec04__body--bold {
		font-weight: 600;
	}

	.s-sec05 {
		margin-top: 85px;
		padding: 0px 20px;
	}

	.s-sec05__card {
		border-radius: 40px;
		padding: 40px 14px 0px;
		min-height: unset;
		height: auto;
		display: flex;
		flex-direction: column;
		overflow: hidden;
		width: 100%;
		background: linear-gradient(93deg, rgb(96, 146, 255) 12.16%, rgb(37, 99, 235) 37.59%, rgb(21, 81, 211) 86.27%) !important;
	}

	.s-sec05__inner {
		max-width: none;
		padding: 0 0 20px;
		width: 100%;
	}

	.s-sec05__split {
		flex-direction: column;
	}

	.s-sec05__left {
		order: 1;
		width: 100%;
	}

	.s-sec05__right {
		order: 2;
		width: 100%;
		margin-top: 0px;
		padding: 0px;
	}

	.s-sec05__label-row {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 10px;
		margin-bottom: 60px;
	}

	.s-sec05__label-ko {
		font-size: 16px;
		font-weight: 700;
		line-height: 160%;
		color: rgb(237, 247, 255) !important;
	}

	.s-sec05__badge {
		font-size: 14px;
		font-weight: 500;
		line-height: 160%;
		border-radius: 10px;
		align-items: center;
		justify-content: center;
		padding: 0px 14px;
		height: 34px;
		white-space: nowrap;
		color: rgb(37, 99, 235) !important;
		background: rgb(237, 247, 255) !important;
		display: inline-flex !important;
	}

	.s-sec05__heading {
		font-weight: 800;
		line-height: 140%;
		letter-spacing: -1px;
		margin-bottom: 0px;
		text-align: center;
		color: rgb(255, 255, 255) !important;
		-webkit-text-fill-color: rgb(255, 255, 255) !important;
	}

	.s-sec05__quote {
		font-weight: 600;
		line-height: 160%;
		text-align: center;
		word-break: keep-all;
		color: rgb(134, 255, 231) !important;
	}

	.s-sec05__body {
		font-weight: 400;
		line-height: 160%;
		text-align: center;
		margin-top: 0px;
		word-break: keep-all;
		letter-spacing: -0.9px;
		color: rgb(237, 247, 255) !important;
		margin-bottom: 20px;
	}

	.s-sec05__gps-row {
		display: none;
	}

	.s-sec05__boxes {
		grid-template-columns: 1fr 1fr;
		gap: 10px;
		margin-top: 20px;
		display: grid !important;
		width: 100%;
		max-width: 500px;
		margin: 0 auto;
	}

	.s-sec05__box {
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 16px 10px;
		text-align: center;
		width: 100%;
		height: 50px;
		border-radius: 15px !important;
		border: 1px dashed rgb(237, 247, 255) !important;
		background: rgba(37, 99, 235, 0) !important;
	}

	.s-sec05__box span {
		color: rgb(237, 247, 255);
		font-size: 14px;
		font-weight: 500;
		line-height: 160%;
	}

	.s-sec05__box:nth-child(5) {
		grid-column: 1 / -1;
	}

	.s-sec05__caption {
		display: none;
	}

	.s-sec05__mo-slider {
		position: relative;
		width: calc(100% + 28px);
		margin-left: -14px;
		overflow: hidden;
	}

	.s-sec05__mo-bg {
		position: relative;
		bottom: 0px;
		left: 0px;
		width: 100%;
		z-index: 0;
		display: block;
	}

	.sec05-swiper .swiper-wrapper {
		position: relative;
		z-index: 1;
		align-items: flex-end;
		padding-top: 20px;
	}

	.sec05-swiper .swiper-slide {
		display: flex;
		justify-content: center;
		padding-bottom: 20px;
		align-items: flex-end;
	}

	.sec05-swiper .swiper-slide img {
		width: 252px;
		height: auto;
		border-radius: 16px;
		display: block;
	}

	.s-sec07 {
		padding: 80px 0px 0px;
		overflow: visible;
	}

	.s-sec07__bg-img {
		width: 190px;
		height: auto;
		right: -14%;
		z-index: -1;
	}

	.s-sec07__inner {
		max-width: 100%;
		padding: 0px 24px;
	}

	.s-sec07__split {
		flex-direction: column;
		align-items: center;
		gap: 0px;
	}

	.s-sec07__left {
		flex: 0 0 auto;
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.s-sec07__label-row {
		flex-direction: column;
		align-items: center;
		gap: 10px;
		margin-bottom: 0px;
	}

	.s-sec07__label-ko {
		font-size: 16px;
		font-weight: 700;
		color: rgb(37, 99, 235);
		line-height: 160%;
	}

	.s-sec07__badge {
		font-size: 14px;
		font-weight: 500;
		color: rgb(37, 99, 235);
		border-radius: 10px;
		align-items: center;
		justify-content: center;
		padding: 0px 14px;
		height: 34px;
		width: auto;
		background: rgb(237, 247, 255) !important;
		display: inline-flex !important;
	}

	.s-sec07__heading {
		font-weight: 800;
		line-height: 160%;
		text-align: center;
		margin-top: 50px;
		margin-bottom: 0px;
	}

	.s-sec07__heading--gradient {
		line-height: 160%;
		display: block;
	}

	.s-sec07__heading--black {
		line-height: normal;
		color: rgb(18, 18, 18);
		-webkit-text-fill-color: rgb(18, 18, 18);
		display: block;
	}

	.s-sec07__body {
		margin-top: 40px;
	}

	.s-sec07__body p {
		font-weight: 400;
		color: rgb(18, 18, 18);
		line-height: 160%;
		text-align: center;
	}

	.s-sec07__right {
		flex: 0 0 auto;
		width: 100%;
		margin-top: 50px;
		overflow: visible;
	}

	.s-sec07__tips {
		justify-content: center;
		gap: 10px;
		align-items: flex-start;
	}

	.s-sec07__tip {
		width: 155px;
	}

	.s-sec07__card {
		width: 150%;
	}

	.s-sec07__card--01 {
		top: 55%;
		bottom: auto;
		left: 0px;
	}

	.s-sec07__card--02 {
		top: 75%;
		bottom: auto;
		left: 0px;
	}

	.s-sec08 {
		padding: 80px 0px;
	}

	.s-sec08__inner {
		max-width: 100%;
		padding: 0px 24px;
		text-align: center;
	}

	.s-sec08__heading {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 0px;
		margin-bottom: 40px;
	}

	.s-sec08__heading--black {
		line-height: normal;
	}

	.s-sec08__heading--gradient {
		line-height: 160%;
	}

	.s-sec08__body {
		font-weight: 400;
		line-height: 160%;
		text-align: center;
		margin-bottom: 90px;
		word-break: keep-all;
	}

	.s-sec08__phones {
		display: block;
	}

	.s-sec08__phone-main {
		display: none !important;
	}

	.s-sec08__phone-group {
		height: auto;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		overflow-x: scroll;
		scroll-snap-type: x mandatory;
		scrollbar-width: none;
		width: 100vw;
		margin-left: -24px;
	}

	.s-sec08__phone-group::-webkit-scrollbar {
		display: none;
	}

	.s-sec08__ann-row {
		display: flex;
		flex-wrap: nowrap;
		gap: 16px;
		padding: 0px calc(-100px + 50vw);
		margin-bottom: 20px;
		position: relative;
	}

	.s-sec08__ann-row::before {
		top: 13px;
		left: 50vw;
		right: auto;
		width: calc(432px);
		height: 1px;
		transform: none;
	}

	.s-sec08__step {
		flex: 0 0 200px;
		width: 200px;
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 0px;
	}

	.s-sec08__marker-wrap {
		width: 26px;
		height: 26px;
		justify-content: center;
		align-items: center;
	}

	.s-sec08__marker-pulse {
		width: 26px;
		height: 26px;
		opacity: 0.17;
		transform: scale(1);
		animation: auto ease 0s 1 normal none running none;
	}

	.s-sec08__marker-dot {
		width: 16px;
		height: 16px;
	}

	.s-sec08__step-label {
		width: 126px;
		height: 42px;
		border-radius: 10px;
		background: rgb(237, 247, 255);
		color: rgb(37, 99, 235);
		font-size: 14px;
		font-weight: 500;
		line-height: 160%;
		letter-spacing: -0.42px;
		margin-top: 30px;
	}

	.s-sec08__phone-row {
		display: flex;
		flex-wrap: nowrap;
		gap: 16px;
		padding: 0px calc(-100px + 50vw) 50px;
		align-items: flex-start;
	}

	.s-sec08__phone-sub {
		flex: 0 0 200px;
		width: 200px;
		height: auto;
		max-width: none;
		scroll-snap-align: center;
	}

	.deco_wrapper {
		top: -40px;
	}

	.bg_deco01 {
		height: 120px;
	}

	.bg_deco02 {
		height: 118px;
	}
}
@media (max-width: 580px) {
	.s-sec02.is-visible .s-sec02__left {
		transform: translateY(32px);
	}

	.s-sec03__mo-phone img {
		width: 65%;
		margin: 0 auto;
	}

	.s-sec05__boxes {
		max-width: 360px;
	}

	.s-sec05__quote span {
		display: block;
	}

	.bg_deco01 {
		height: 100px;
	}

	.bg_deco02 {
		height: 80px;
	}
}
@media (max-width: 480px) {
	.s-hero__scene,
	.s-hero__bottom-fade {
		display: none;
	}
	.s-hero {
		background-color: rgb(37, 99, 235);
	}
	.pc-only-m {
		display: none !important;
	}

	.mo-only-m {
		display: block !important;
	}

	.s-hero__bg img {
		object-position: center bottom;
	}

	:root {
		--header-h: 70px;
	}

	.hero-pretitle {
		font-size: 26px;
	}

	.hero-brand {
		font-size: clamp(44px, 16vw, 60px);
	}

	.hero-desc {
		font-size: 18px;
		margin-bottom: 48px;
	}

	.btn-contact {
		width: 130px;
		height: 50px;
	}

	.btn-contact__text {
		font-size: 16px;
	}

	.s-sec02__right {
		margin-top: 10px;
	}
}