@charset "utf-8";

@layer sections {
	:root {
		interpolate-size: allow-keywords;
		--font-size: 16rem;
		--toggle-nav-button-size: var(--spacing-10);
		--spacing-section: var(--spacing-17);
		--spacing-heading-content: var(--spacing-12);
		--radius-section: clamp(32rem, 5.20833333vw, 100rem);
		--duration: 0.3s;
		--animation-blink: blink 1.2s steps(2, jump-none) infinite;
		@media (width >= 1280px) { --header-height: 90rem; }
		@media (width < 1280px) { --header-height: var(--spacing-17); }
	}

	.section-hero { --bg-color: #e9e9e9; position: relative; background: var(--bg-color) no-repeat 80% / cover; isolation: isolate; contain: content;
		@media (width >= 768px) { background-image: url("/images/one-page/home/hero-bg-pc.webp"); }
		@media (width >= 1280px) { padding-block: 164rem 177rem; }
		@media (width < 1280px) { padding-block: var(--spacing-section); }
		@media (width < 768px) { background-image: url("/images/one-page/home/hero-bg-mob.webp"); isolation: isolate;
			&::before { position: absolute; inset: 0; z-index: -1; background: var(--bg-color); opacity: 0.9; content: ""; }
		}
		.player{ position: absolute; top: 50%; left: 50%; translate: -50% -50%; width: max(100%, 177.78vh); height: max(100%, 56.25vw); pointer-events: none; }
		.content-wrapper { width: fit-content; }
		.heading { display: grid; grid-template: "heading-sub heading-sub heading-sub" "laurel-left heading-main laurel-right"; width: fit-content; margin-inline: auto; text-align: center;
			@media (width >= 1280px) { --heading-main-font-size: 100rem; }
			@media (width < 1280px) { --heading-main-font-size: var(--spacing-12); }
			&::before, &::after { display: block; align-self: center; width: var(--heading-main-font-size); aspect-ratio: 100 / 162; background: url("/images/one-page/home/hero-laurel.webp") no-repeat 50% / contain; translate: 0 -4.3%; content: ""; }
			&::before { grid-area: laurel-left; }
			&::after { grid-area: laurel-right; transform: rotateY(180deg); }
			.heading-sub, .heading-main { display: block; width: fit-content; margin-inline: auto; }
			.heading-sub { grid-area: heading-sub; font: 700 var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif); color: var(--color-neutral-700);
				@media (width >= 1280px) { --font-size: 35rem; }
				@media (width < 1280px) { --font-size: var(--spacing-10); }
			}
			.heading-main { grid-area: heading-main; margin-top: var(--spacing-03); font: 700 var(--heading-main-font-size) / var(--line-height-hangeul) var(--font-family-gmarket); color: #0000; background: linear-gradient(90deg in oklch, var(--color-primary), var(--color-primary-500), var(--color-primary-800)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
		}
		.metric { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: fit-content; margin-top: 22rem; margin-inline: auto; padding: 0.3125em 16rem; font: 800 var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif); color: #412600; background: linear-gradient(90deg in oklch, #c8af77, #f9f7de 48%, #c8af77);
			@media (width >= 768px) { min-width: 16.5em; }
			@media (width >= 1280px) { --font-size: 40rem; }
			@media (width < 1280px) { --font-size: var(--spacing-10); }
			.metric-icon { width: 1.625em; height: auto; }
			.metric-text { margin-inline: 0.6em 0.45em; }
			.metric-cost { font-size: 1.25em; color: #992400; }
		}
		.link { display: flex; align-items: center; gap: 1.075em; width: fit-content; margin: 2em auto 0; padding: 0.5em 0.975em; font: 700 var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif); color: var(--color-white); background: var(--color-primary); border-radius: var(--radius-full);
			@media (width >= 1280px) { --font-size: 40rem; }
			@media (width < 1280px) { --font-size: var(--spacing-10); }
			.metric-icon { width: 0.8em; height: auto; }
		}
	}

	.section-competitiveness {
		@media (width >= 1280px) { padding-block: 194rem 100rem; }
		@media (width < 1280px) { padding-block: var(--spacing-section); }
		.ui-eyebrow, .ui-heading, .ui-sub-line { text-align: center; }
		.emphasis { position: relative;
			&::before { position: absolute; top: 0; left: 50%; width: 10rem; aspect-ratio: 1; background: currentColor; border-radius: var(--radius-circle); translate: -20% -14px; content: ""; }
		}
		.list { display: grid; grid-template-columns: repeat(var(--grid-columns), 1fr);
			@media (width >= 1280px) { gap: 41rem; margin-top: 71rem; }
			@media (width < 1280px) { gap: var(--grid-gutter); margin-top: var(--spacing-heading-content); }
		}
		.item { display: grid; grid-template: "index icon" "title title" "desc desc" / 1fr auto; grid-column-end: span 4; color: var(--color-white); background: var(--color-black) no-repeat 50% / cover; border-radius: var(--radius-5);
			@media (width >= 768px) {
				&.item--1 { background-image: url("/images/one-page/home/competitiveness-bg-1-pc.webp"); }
				&.item--2 { background-image: url("/images/one-page/home/competitiveness-bg-2-pc.webp"); }
				&.item--3 { background-image: url("/images/one-page/home/competitiveness-bg-3-pc.webp"); }
			}
			@media (width >= 1280px) { padding: 70rem 50rem 169rem; }
			@media (width < 1280px) { padding: var(--spacing-12) var(--spacing-08) var(--spacing-14); }
			@media (width < 768px) {
				&.item--1 { background-image: url("/images/one-page/home/competitiveness-bg-1-mob.webp"); }
				&.item--2 { background-image: url("/images/one-page/home/competitiveness-bg-2-mob.webp"); }
				&.item--3 { background-image: url("/images/one-page/home/competitiveness-bg-3-mob.webp"); }
			}
			@media (prefers-reduced-motion: no-preference) { --duration: 6s; position: relative; isolation: isolate; animation: strength-card-highlight var(--duration) steps(1) calc(var(--index) * (var(--duration) / 3)) infinite;
				&:nth-child(1) { --index: 0; }
				&:nth-child(2) { --index: 1; }
				&:nth-child(3) { --index: 2; }
				&::before { position: absolute; inset: 0; z-index: -1; background: rgb(from var(--color-primary-500) r g b / 0.5); border: 8rem solid var(--color-primary); border-radius: inherit; opacity: var(--bg-opacity, 0); content: ""; }
			}
		}
		.index { grid-area: index; align-self: center; font: italic var(--font-weight-700) var(--font-size) / 1 var(--font-family-hanamdaume); letter-spacing: var(--letter-spacing-negative-60);
			@media (width >= 1280px) { --font-size: 70rem; }
			@media (width < 1280px) { --font-size: var(--spacing-18); }
		}
		.icon-wrapper { display: grid; grid-area: icon; place-items: center; align-self: center; aspect-ratio: 1; color: var(--icon-color, var(--color-white)); background: var(--icon-bg-color, var(--color-primary)); border-radius: var(--radius-circle);
			@media (width >= 1280px) { width: 100rem; }
			@media (width < 1280px) { width: var(--spacing-18); }
		}
		.icon { height: auto;
			&.icon--1 { width: 50%; }
			&.icon--2 { width: 51%; }
			&.icon--3 { width: 49%; }
		}
		.title { grid-area: title; margin-block: 1.2em 0.825em; font: var(--font-weight-700) var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif);
			@media (width >= 1280px) { --font-size: 40rem; }
			@media (width < 1280px) { --font-size: var(--spacing-11); }
		}
		.desc { grid-area: desc; font: var(--font-weight-600) var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif); text-wrap: balance;
			@media (width >= 1280px) { --font-size: 22rem; }
			@media (width < 1280px) { --font-size: var(--spacing-08);
				br { display: none; }
			}
		}
	}

	@keyframes strength-card-highlight {
		0% { --bg-opacity: 1; --icon-bg-color: var(--color-white); --icon-color: var(--color-primary); }
		33.3%, 100% { --bg-opacity: 0; --icon-bg-color: var(--color-primary); --icon-color: var(--color-white); }
	}

	.section-performance { contain: content; background: url("/images/one-page/home/performance-bg.webp") no-repeat 50% 100% / cover;
		@media (width >= 1280px) { padding-block: 194rem 200rem; }
		@media (width < 1280px) { padding-block: var(--spacing-section); }
		.heading { font: var(--font-weight-700) var(--font-size) / 1.2 var(--font-family-gmarket); letter-spacing: -0.06em;
			* { letter-spacing: inherit; }
			@media (width >= 1280px) { --font-size: 80rem; }
			@media (width < 1280px) { --font-size: var(--spacing-12); }
		}
		.heading-sub { display: block; }
		.heading-main { display: block; font-size: 1.25em; color: var(--color-primary); }
		.ui-sub-line { text-wrap: balance;
			strong { font-weight: var(--font-weight-700); color: var(--color-primary); }
		}
		.coin {
			&::before { position: absolute; background: no-repeat 50% / contain; content: ""; }
			&.coin--1::before { top: 0; left: 62.4%; width: 12.86384977%; aspect-ratio: 137 / 111; background-image: url("/images/one-page/home/performance-coin-1.webp"); translate: -49.6% -117.9%; }
			&.coin--2::before { top: 0; left: 48.6%; width: 10.42253521%; aspect-ratio: 111 / 99; background-image: url("/images/one-page/home/performance-coin-2.webp"); translate: -49.6% -7%; }
			&.coin--3::before { top: 30.2%; left: 93.2%; z-index: 1; width: 13.99061033%; aspect-ratio: 1; background-image: url("/images/one-page/home/performance-coin-3.webp"); translate: -49.6% -50%; }
			&.coin--4::before { top: 0; left: 6.9%; z-index: 1; width: 7.14285714%; aspect-ratio: 130 / 116; background-image: url("/images/one-page/home/performance-coin-4.webp"); translate: -49.6% -289.9%; }
			&.coin--5::before { top: 0; left: 21.1%; z-index: 1; width: 10.98901099%; aspect-ratio: 200 / 182; background-image: url("/images/one-page/home/performance-coin-5.webp"); translate: -49.6% -85.8%; }
			&.coin--6::before { top: 0; left: 100%; z-index: 1; width: 10.98901099%; aspect-ratio: 200 / 179; background-image: url("/images/one-page/home/performance-coin-6.webp"); translate: -40% -52.5%; }
			@media (width < 1920px) {
				&.coin--5 { display: none; }
			}
		}
		.chart-wrapper { position: relative; max-width: 1065rem; margin-left: auto;
			&::before { position: absolute; inset: 0; z-index: 1; width: 76.24413146%; aspect-ratio: 812 / 454; margin: auto; background: url("/images/one-page/home/performance-arrow.webp") no-repeat 50% / contain; translate: -3.1% 20.05%; content: "";
				@media (prefers-reduced-motion: no-preference) { animation: var(--animation-blink); }
			}
			@media (width >= 1280px) { margin-top: -120rem; }
			@media (width >= 1536px) { margin-top: -264rem; }
			@media (width >= 1920px) { translate: 7.23%; }
			@media (width < 768px) { margin-top: var(--spacing-heading-content);
				.coin { display: none; }
			}
		}
		.chart { display: block; width: 100%; height: auto; }
		.banner { position: relative; width: 95%; max-width: 1820rem; margin-inline: auto; padding-inline: var(--spacing-08); font: var(--font-weight-500) var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif); text-align: center; text-wrap: balance; color: var(--color-white); background: var(--color-primary-800) url("/images/one-page/home/performance-banner.webp") no-repeat 50% / cover; border-radius: var(--radius-5);
			@media (width >= 1280px) { --font-size: 40rem; margin-top: 66rem; padding-block: 75rem; }
			@media (width < 1280px) { --font-size: var(--spacing-08); margin-top: var(--spacing-12); padding-block: var(--spacing-10);
				.coin { display: none; }
			}
			strong { display: block; font-weight: var(--font-weight-700); font-size: 1.5em; color: var(--color-cheesecake); }
		}
	}

	.section-profit { contain: content;
		@media (width >= 1280px) { padding-block: 194rem 200rem; }
		@media (width < 1280px) { padding-block: var(--spacing-section); }
		.container { display: grid;
			@media (width >= 768px) { grid-template-columns: repeat(2, 1fr); column-gap: var(--grid-gutter);
				.compare { grid-column: 1 / -1; }
			}
		}
		.banner { background: url("/images/one-page/home/profit-banner-bg.webp") no-repeat 100% 100% / min(267rem, 36.08108108%); border: 5rem solid var(--color-primary); border-radius: var(--radius-5);
			@media (width >= 1280px) { margin-top: 52rem; padding: 48rem 54rem 42rem; }
			@media (width < 1280px) { margin-top: var(--spacing-heading-content); padding: var(--spacing-11) var(--spacing-08) var(--spacing-10); }
			* { letter-spacing: var(--letter-spacing-negative-10); }
			.desc { font: var(--font-weight-500) var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif); color: var(--color-neutral-500);
				@media (width >= 1280px) { --font-size: 22rem; }
				@media (width < 1280px) { --font-size: 20rem; }
			}
			.sales { margin-top: var(--spacing-01); font: var(--font-weight-700) var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif); color: var(--color-neutral-900);
				@media (width >= 1280px) { --font-size: 40rem; }
				@media (width < 1280px) { --font-size: 28rem; }
			}
			.label { margin-top: var(--spacing-14); font: var(--font-weight-700) var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif); color: var(--color-primary);
				@media (width >= 1280px) { --font-size: 30rem; }
				@media (width < 1280px) { --font-size: var(--spacing-10); }
			}
			.profit { font: var(--font-weight-700) var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif); color: var(--color-primary);
				@media (width >= 1280px) { --font-size: 60rem; margin-top: -0.13333333em; }
				@media (width < 1280px) { --font-size: 44rem; }
			}
		}
		.chart-figure { position: relative; width: 100%; max-width: 591rem;
			@media (prefers-reduced-motion: no-preference) {
				&::before { position: absolute; inset: 0 0 calc(55rem + var(--offset)); aspect-ratio: 1; margin: auto; background: #fff; border-radius: var(--radius-circle); animation: var(--animation-blink); content: "";
					@media (width >= 1280px) { --offset: 28rem; width: 35%; }
					@media (width < 1280px) { --offset: var(--spacing-10); width: 28%; }
				}
			}
			@media (width >= 768px) { place-self: end; }
			@media (width >= 1280px) { margin-top: 29rem; }
			@media (width < 768px) { margin-top: var(--spacing-12); }
			* { letter-spacing: var(--letter-spacing-negative-10); }
			.chart { display: block; height: auto; margin-inline: auto;
				@media (width >= 1280px) { width: 100%; }
				@media (width < 1280px) { width: 80%; }
			}
			.list { display: grid; gap: var(--spacing-01); font: var(--font-weight-500) 18rem / var(--line-height-hangeul) var(--font-family-gmarket); text-align: center; color: var(--color-neutral-500);
				@media (width >= 1280px) { margin-top: 28rem; }
				@media (width < 1280px) { margin-top: var(--spacing-10); }
			}
		}
		.compare { display: grid;
			@media (width >= 1280px) { grid-template-columns: 1fr auto 1fr; gap: 45rem; margin-top: 74rem; }
			@media (width < 1280px) { grid-template-columns: 1fr auto 1fr; gap: var(--spacing-08); margin-top: var(--spacing-12); }
			* { letter-spacing: var(--letter-spacing-negative-10); }
			.item { align-content: center; padding: var(--spacing-10) var(--spacing-08); text-align: center;
				&.item--delivery { background: #e1e6e6; }
				&.item--hall { position: relative; contain: content; color: var(--color-white); background: var(--color-primary); isolation: isolate;
					&::before, &::after { position: absolute; bottom: 0; display: block; width: 210rem; width: 30.88235294%; aspect-ratio: 210 / 141; background: url("/images/one-page/home/profit-profit-up.svg") no-repeat 50% / contain; content: ""; }
					&::before { left: 1.45%; }
					&::after { right: 1.45%; transform: rotateY(180deg); }
				}
				@media (width >= 768px) { border-radius: var(--radius-full); }
				@media (width >= 1280px) { min-height: 200rem; }
				@media (width < 768px) { border-radius: var(--radius-5); }
			}
			.subject { font: var(--font-weight-500) var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif);
				@media (width >= 1280px) { --font-size: 22rem; }
				@media (width < 1280px) { --font-size: var(--spacing-09); }
			}
			.value { font: var(--font-weight-700) var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif);
				&.value--text-large { margin-top: -0.13333333em; font-size: calc(var(--font-size) * 1.5); }
				@media (prefers-reduced-motion: no-preference) {
					&.value--blink { animation: var(--animation-blink); }
				}
				@media (width >= 1280px) { --font-size: 40rem; }
				@media (width < 1280px) { --font-size: var(--spacing-10); }
			}
			.icon-wrapper { place-self: center;
				.icon { width: 50rem; width: clamp(var(--spacing-10), calc(50 / var(--grid-width-base) * 100vw), 50rem); height: auto; color: var(--color-primary); }
			}
		}
	}

	.section-operation { contain: content; text-align: center; color: var(--color-white); background: #191919 url("/images/one-page/home/bg-noise-dark.png");
		@media (width >= 1280px) { padding-block: 182rem 191rem; }
		@media (width < 1280px) { padding-block: var(--spacing-section); }
		.eyebrow { margin-bottom: var(--spacing-05); font: var(--font-size) / var(--line-height-hangeul) var(--font-family-inkLipquid); color: var(--color-tertiary);
			@media (width >= 1280px) { --font-size: 50rem; }
			@media (width < 1280px) { --font-size: 32rem; }
		}
		.ui-heading strong { color: #2ffff8; }
		.chart-wrapper { position: relative;
			@media (width >= 1280px) { margin-top: 75rem;
				&::before, &::after { --max-vp: 1920; --min-vp: 1280; --max-val: 540; --min-val: 260; --slope: calc((var(--max-val) - var(--min-val)) / (var(--max-vp) - var(--min-vp))); --dynamic-size: calc(var(--max-val) * 1rem - (var(--max-vp) * 1px - 100vw) * var(--slope)); position: absolute; top: 50%; display: block; width: var(--dynamic-size); height: 400rem; translate: 0 -50%; content: ""; }
				&::before { left: calc(50% - 50vw); background: var(--color-neutral-100) url("/images/one-page/home/operation-visual-1.webp") no-repeat 100% / cover; border-radius: 0 var(--radius-full) var(--radius-full) 0; }
				&::after { right: calc(50% - 50vw); background: var(--color-neutral-100) url("/images/one-page/home/operation-visual-2.webp") no-repeat 0 / cover; border-radius: var(--radius-full) 0 0 var(--radius-full); }
				@media (prefers-reduced-motion: no-preference) {
					#main-content & { transform: none; }
					&::before, &::after { opacity: 0; transition: var(--duration); }
					&::before { translate: -40rem -50%; }
					&::after { translate: 40rem -50%; }
					&.se-visible::before, &.se-visible::after { translate: 0 -50%; opacity: 1; }
				}
			}
			@media (width < 1280px) { margin-top: var(--spacing-heading-content); }
		}
		.chart { display: block; width: 100%; max-width: 652rem; height: auto; margin-inline: auto; }
		.description { font: var(--font-weight-500) var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif); letter-spacing: var(--letter-spacing-negative-10);
			@media (width >= 1280px) { --font-size: 30rem; margin-top: 65rem; }
			@media (width < 1280px) { --font-size: var(--spacing-10); margin-top: var(--spacing-12); }
			strong { color: var(--color-cheesecake); }
		}
	}

	.section-baemin { contain: content; text-align: center; color: var(--color-white); background: var(--color-primary); border-radius: 0 0 0 var(--radius-section);
		@media (width >= 1280px) { padding-block: 189rem 200rem; }
		@media (width < 1280px) { padding-block: var(--spacing-section); }
		.ui-heading { isolation: isolate;
			.heading-sub { display: block; font-size: clamp(var(--spacing-08), 0.71428571em, 50rem); color: var(--color-cheesecake);
				@media (width >= 768px) { margin: 0 0 -0.2em 2.6ch; }
			}
			.heading-main { display: block; }
			.icon-wrapper { position: relative;
				@media (width >= 768px) {
					&::before { position: absolute; top: 0; left: 0; z-index: -1; width: 2.32857143em; aspect-ratio: 163 / 164; background: url("/images/one-page/home/baemin-mark.webp") no-repeat 50% / contain; translate: -20.3% -67%; content: ""; }
				}
			}
			.text-yellow { color: #fffd5b; }
		}
		.swiper {
			@media (width >= 1280px) { margin-top: 51rem; }
			@media (width < 1280px) { margin-top: var(--spacing-heading-content); }
			.swiper-slide { width: min(370rem, 70%);
				@media (width < 768px) { margin-inline: var(--spacing-08); }
			}
			.review-image { display: block; width: 100%; height: auto;
				@media (width >= 768px) {
					.swiper-slide:not(.swiper-slide-active) & { scale: 0.75675676; opacity: 0.2; }
					.swiper-slide:has(~ .swiper-slide-active) & { translate: -24%; }
					.swiper-slide:has(+ .swiper-slide + .swiper-slide-active) & { translate: -16%; }
					.swiper-slide:has(+ .swiper-slide-active) & { translate: -8%; opacity: 0.6; }
					.swiper-slide-active ~ .swiper-slide & { translate: 24%; }
					.swiper-slide-active + .swiper-slide & { translate: 8%; opacity: 0.6; }
					.swiper-slide-active + .swiper-slide + .swiper-slide & { translate: 16%; opacity: 0.2; }
				}
				@media (prefers-reduced-motion: no-preference) { transition: var(--duration); }
			}
		}
		.search-guide { display: flex; align-items: center; gap: 64rem; width: fit-content; margin-inline: auto; font: var(--font-weight-500) var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif); border: 8rem solid currentColor; border-radius: var(--radius-full);
			@media (width >= 768px) { padding: 12rem 27rem 12rem 40rem; }
			@media (width >= 1280px) { --font-size: 30rem; margin-top: 100rem; }
			@media (width < 1280px) { --font-size: var(--spacing-10); margin-top: var(--spacing-heading-content); }
			@media (width < 768px) { padding: var(--spacing-07) var(--spacing-11); }
			.brand { font-weight: var(--font-weight-700); font-size: 1.33333333em;
				@media (prefers-reduced-motion: no-preference) { animation: var(--animation-blink); }
			}
			.search-guide-icon { display: block; width: 1.33333333em; height: auto;
				@media (width < 768px) { display: none; }
			}
		}
	}

	.section-store-model { contain: layout;
		@media (width >= 1280px) { padding-block: 194rem 100rem; }
		@media (width < 1280px) { padding-block: var(--spacing-section); }
		* { letter-spacing: var(--letter-spacing-negative-10); }
		hgroup { text-align: center; }
		.ui-tablist {
			@media (width >= 1280px) { margin-top: 71rem; }
		}
		.tabpanels {
			@media (width >= 1280px) { margin-top: 80rem; }
			@media (width < 1280px) { margin-top: var(--spacing-heading-content); }
			.tabpanel { border: var(--border-width-3) solid var(--color-primary); border-radius: var(--radius-5); box-shadow: 0 0 80rem rgb(from var(--color-primary) r g b / 0.3);
				@media (width >= 768px) { display: grid; grid-template-columns: repeat(2, 1fr); }
			}
			.startup-summary { position: relative; isolation: isolate;
				@media (width >= 1280px) { padding: 54rem 69rem 112rem 66rem; border-radius: var(--radius-4) 0 0 var(--radius-4);
					&::before { position: absolute; top: 32rem; right: 32rem; z-index: -1; width: 28.38018742%; aspect-ratio: 212 / 245; background: url("/images/one-page/brand/symbol-black.svg"); opacity: 0.05; content: ""; }
				}
				@media (width < 1280px) { padding: var(--spacing-14) var(--spacing-08); border-radius: var(--radius-4) var(--radius-4) 0 0; }
				.title { font: var(--font-weight-700) var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif);
					@media (width >= 1280px) { --font-size: 50rem; }
					@media (width < 1280px) { --font-size: 32rem; }
					.store-size { display: block; margin-top: var(--spacing-02); font: var(--font-weight-500) var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif); color: var(--color-primary);
						@media (width >= 1280px) { --font-size: 25rem; }
						@media (width < 1280px) { --font-size: 22rem; }
					}
				}
				.checked-list { display: grid; gap: var(--spacing-08); font: var(--font-weight-700) var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif);
					@media (width >= 1280px) { --font-size: 25rem; margin-top: 45rem; }
					@media (width < 1280px) { --font-size: 22rem; margin-top: var(--spacing-heading-content); }
					.checked-item { display: grid; grid-template-columns: auto 1fr; gap: 10rem;
						&::before { display: block; width: 1em; aspect-ratio: 1; background: url("/images/one-page/ui/checked-primary.svg") no-repeat 50% / 88%; translate: 0 22%; content: ""; }
					}
				}
				.total-cost { background: #f0f3f3; border: var(--border-width-3) solid var(--color-primary); border-radius: var(--radius-4);
					@media (width >= 1280px) { margin-top: 50rem; padding: 35rem 36rem 28rem; }
					@media (width < 1280px) { margin-top: var(--spacing-heading-content); padding: var(--spacing-08); }
					.cost-label { display: block; font: var(--font-weight-500) var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif); color: var(--color-neutral-500);
						@media (width >= 1280px) { --font-size: 22rem; }
						@media (width < 1280px) { --font-size: 20rem; }
					}
					.cost-value { display: block; margin-top: var(--spacing-03); font: var(--font-weight-700) var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif); color: var(--color-neutral-500); color: #666;
						@media (width >= 1280px) { --font-size: 30rem; }
						@media (width < 1280px) { --font-size: 24rem; }
						strong { font-size: 1.66666667em; color: var(--color-primary); }
					}
				}
			}
			.section-benefit { position: relative; color: var(--color-white); background: var(--color-primary);
				*:not(.badge)::selection { color: var(--color-primary); background: var(--color-white, #fff); }
				@media (width >= 1280px) { padding: 57rem 69rem 62rem; border-radius: 0 var(--radius-4) var(--radius-4) 0; }
				@media (width < 1280px) { padding: var(--spacing-14) var(--spacing-08); border-radius: 0 0 var(--radius-4) var(--radius-4); }
				.title { font: var(--font-weight-700) var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif);
					@media (width >= 1280px) { --font-size: 40rem; }
					@media (width < 1280px) { --font-size: 28rem; }
				}
				.badge-50th-limited { position: absolute; top: 0; right: 0; display: block; width: clamp(80rem, 25.56894244%, 191rem); height: auto; translate: 27.7% -36.7%;
					@media (prefers-reduced-motion: no-preference) { animation: var(--animation-blink); }
				}
				.list { display: grid; gap: var(--spacing-06); font: var(--font-weight-500) var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif);
					@media (width >= 1280px) { --font-size: 22rem; margin-top: 29rem; }
					@media (width < 1280px) { --font-size: 20rem; margin-top: var(--spacing-heading-content); }
				}
				.item { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 2ch; padding: 15.5rem 14rem 15.5rem 30rem; border-radius: var(--radius-3);
					&:nth-child(odd) {
						/* background: #078987; */ background: #028482;
					}
					&:nth-child(even) { background: #047c7c; }
				}
				.badge { padding: var(--spacing-05) var(--spacing-08); font: var(--font-weight-700) inherit / var(--line-height-hangeul) var(--font-family-sans-serif); color: var(--color-primary); background: var(--color-cheesecake); border-radius: var(--radius-3);
					@media (prefers-reduced-motion: no-preference) { animation: var(--animation-blink); }
				}
				.note { margin-top: 25rem; font: var(--font-weight-500) var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif); text-align: center; text-wrap: balance; opacity: 0.8;
					@media (width >= 1280px) { --font-size: 18rem; }
					@media (width < 1280px) { --font-size: 18rem; }
				}
			}
		}
	}

	.section-interior { contain: content;
		@media (width >= 1280px) { padding-block: 183rem 195rem; }
		@media (width < 1280px) { padding-block: var(--spacing-section); }
		hgroup { text-align: center; }
		.swiper { max-width: 1100rem; overflow: visible; margin-inline: auto;
			@media (width >= 1280px) { margin-top: 72rem; }
			@media (width < 1280px) { margin-top: var(--spacing-heading-content); }
			.thumb { display: block; width: 100%; height: auto; border-radius: var(--radius-5); }
			.pagination { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: var(--spacing-14); padding-inline: var(--spacing-03) var(--spacing-01); font: var(--font-weight-500) 18rem / var(--line-height-hangeul) var(--font-family-sans-serif);
				@media (width >= 1280px) { margin-top: 54rem; }
				@media (width < 1280px) { margin-top: var(--spacing-08); }
			}
			.progress-track { height: var(--spacing-05); background: var(--color-neutral-200); border-radius: var(--radius-full); }
			.progress-fill { height: var(--spacing-05); background: var(--color-primary); border-radius: var(--radius-full);
				@media (prefers-reduced-motion: no-preference) { transition: var(--duration); }
			}
			.current { color: var(--color-neutral-700); }
			.slash, .total { color: #aaa; color: var(--color-neutral-500); }
		}
	}

	.section-menu-overview { contain: content; background: #f4eddb url("/images/one-page/home/menu-bg-decoration.svg") no-repeat 0 0 / min(23.33333333%, 448rem); border-radius: 0 var(--radius-section) 0 var(--radius-section);
		@media (width >= 1280px) { padding-block: 194rem 200rem; }
		@media (width < 1280px) { padding-block: var(--spacing-section); }
		* { letter-spacing: var(--letter-spacing-negative-10); }
		.section-popular-menu {
			hgroup { text-align: center; text-wrap: balance; }
			.popular-menu-list { display: grid; grid-template-columns: repeat(var(--grid-columns), 1fr); gap: var(--spacing-12) var(--grid-gutter); margin-top: 53rem; counter-reset: index;
				@media (width >= 1280px) { gap: 96rem 41.5rem;
					.item { grid-column-end: span 4; }
					.item--featured { grid-column: 1 / -1; }
				}
				@media (width < 1280px) {
					.item { grid-column-end: span 6; }
				}
				.item--featured {
					@media (width >= 1280px) {
						.index { --font-size: 30rem; }
						.title { --font-size: 40rem; margin-top: 0.35em; }
						.thumb { margin-top: 28rem; border: 8rem solid var(--color-primary); border-radius: var(--radius-5); }
					}
					@media (width >= 1800px) {
						.thumb-wrapper::before { position: absolute; bottom: -10rem; left: 92.7%; width: 448rem; aspect-ratio: 437 / 383; background: url("/images/one-page/brand/mascot.svg") no-repeat 50% / contain; content: ""; }
					}
				}
				.index { align-content: center; width: 2em; aspect-ratio: 1; margin-inline: auto; font: var(--font-weight-700) var(--font-size) / var(--line-height-hangeul) var(--font-family-hanamdaume); text-align: center; color: var(--color-white); background: var(--color-primary); border-radius: var(--radius-circle);
					&::before { counter-increment: index; content: counter(index); }
					@media (width >= 1280px) { --font-size: 25rem; }
					@media (width < 1280px) { --font-size: 22rem; }
				}
				.title { margin-top: 0.45714286em; font: var(--font-weight-700) var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif); text-align: center; color: var(--color-neutral-900);
					@media (width >= 1280px) { --font-size: 35rem; }
					@media (width < 1280px) { --font-size: 24rem; }
				}
				.thumb-wrapper { position: relative; max-width: 1200rem; margin-inline: auto; }
				.thumb { display: block; width: 100%; height: auto; margin-top: 27rem; border-radius: var(--radius-5); }
			}
		}
		.section-full-menu { padding-inline: var(--spacing-08); background: var(--color-white); border-radius: clamp(32rem, 5.20833333vw, 50rem);
			@media (width >= 1280px) { margin-top: 151rem; padding-block: 89rem 100rem; }
			@media (width < 1280px) { margin-top: var(--spacing-section); padding-block: var(--spacing-section); }
			.heading { font: var(--font-weight-700) var(--font-size) / var(--line-height-hangeul) var(--font-family-gmarket); letter-spacing: var(--letter-spacing-negative-60); text-align: center;
				@media (width >= 1280px) { --font-size: 50rem; }
				@media (width < 1280px) { --font-size: var(--spacing-12); }
				b { font-size: 1.2em; letter-spacing: var(--letter-spacing-negative-60);
					@media (width >= 768px) { display: block; margin-top: -0.21666667em; }
				}
			}
			/* .ui-tablist {
				@media (width >= 1280px) { margin-top: 36rem; }
			}
			.tabpanels {
				@media (width >= 1280px) { margin-top: 80rem; }
				@media (width < 1280px) { margin-top: var(--spacing-heading-content); }
			} */
			.ui-scrollable { margin-inline: calc(var(--spacing-08) * -1); padding-inline: var(--spacing-08); }
			.menu-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(calc((100% - var(--grid-gutter)) / 2), clamp(210rem, calc(300 / var(--grid-width-base) * 100vw), 300rem)), 1fr)); font: var(--font-weight-500) var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif); color: var(--color-neutral-800);
				@media (width >= 768px) { max-width: calc(var(--grid-width-base) * 1rem); margin-inline: auto; }
				@media (width >= 1280px) { --font-size: 22rem; gap: 43rem 20rem; margin-top: 80rem; }
				@media (width < 1280px) { --font-size: 16rem; gap: var(--spacing-10) var(--grid-gutter); margin-top: var(--spacing-heading-content); }
			}
			/* .item {
				@media (width >= 1280px) { grid-column-end: span 3; }
				@media (768px <= width < 1280px) { grid-column-end: span 4; }
				@media (width < 768px) { flex: 0 0 80vw; }
			} */
			.thumb { display: block; width: 100%; height: auto; border-radius: var(--radius-4); }
			.name { margin-top: 0.86363636em; text-align: center; }
			/* .btn-expand-list {
				--font-size: 20rem;
				display: flex;
				align-items: center;
				gap: 29rem;
				width: fit-content;
				margin: 63rem auto 0;
				padding: 13rem 33rem 13rem 31rem;
				font: var(--font-weight-500) var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif);
				color: var(--color-primary);
				border: var(--border-width-2) solid currentColor;
				border-radius: var(--radius-full);
				outline-color: black;
				@media (width < 768px) {
					display: none;
				}
				.btn-expand-list-icon {
					display: block;
					width: 12rem;
					height: auto;
				}
			} */
		}
	}

	.section-process { text-align: center;
		@media (width >= 1280px) { padding-block: 194rem; }
		@media (width < 1280px) { padding-block: var(--spacing-section); }
		* { letter-spacing: var(--letter-spacing-negative-10); }
		.list { --half-gap: clamp(var(--spacing-08), 1.51041667vw, 29rem); display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 140rem), 1fr)); gap: calc(var(--half-gap) * 2);
			@media (width >= 1280px) { margin: 53rem var(--half-gap) 0; }
			@media (width < 1280px) { margin-top: var(--spacing-heading-content); }
		}
		.item {
			&.item--1 { --color: #ffb400; }
			&.item--2 { --color: #ff8b00; }
			&.item--3 { --color: #ad4600; }
			&.item--4 { --color: #004945; }
			&.item--5 { --color: #006a68; }
			&.item--6 { --color: #006a68; }
		}
		.icon-wrapper { position: relative; display: grid; place-items: center; width: 78.125%; max-width: 150rem; aspect-ratio: 1; margin-inline: auto; background: var(--color); border-radius: var(--radius-circle);
			&:not(.item:last-child &)::before { position: absolute; top: 50%; left: 100%; width: 24rem; width: 16%; aspect-ratio: 24 / 37; background: var(--color); translate: -15% -50%; clip-path: polygon(0 0, 100% 50%, 0 100%); content: ""; }
		}
		.icon { display: block; width: auto; color: #fff;
			&.icon--1 { height: 58rem; height: 38.66666667%; }
			&.icon--2 { height: 58rem; height: 38.66666667%; }
			&.icon--3 { height: 58rem; height: 38.66666667%; }
			&.icon--4 { height: 56rem; height: 37.33333333%; }
			&.icon--5 { height: 56rem; height: 37.33333333%; }
			&.icon--6 { height: 52rem; height: 34.66666667%; }
		}
		.step { --font-size: 17rem; margin-top: 25rem; font: var(--font-weight-700) var(--font-size) / var(--line-height-hangeul) var(--font-family-hanamdaume); letter-spacing: var(--letter-spacing-negative-50); color: var(--color); }
		.title { display: block; margin-top: 6rem; font: var(--font-weight-700) var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif); color: var(--color-neutral-800);
			@media (width >= 1280px) { --font-size: 25rem; }
			@media (width < 1280px) { --font-size: 22rem; }
		}
		.desc { display: block; margin-top: 9rem; font: var(--font-weight-500) var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif); color: var(--color-neutral-600);
			@media (width >= 1280px) { --font-size: 22rem; }
			@media (width < 1280px) { --font-size: 20rem; }
		}
	}

	.section-education { background: #f8f5ed; border-radius: 0 var(--radius-section) 0 0;
		@media (width >= 1280px) { padding-block: 188rem 200rem; }
		@media (width < 1280px) { padding-block: var(--spacing-section); }
		* { letter-spacing: var(--letter-spacing-negative-10); }
		hgroup { text-align: center;
			.sub-line { margin-top: 0.68181818em; }
		}
		.ui-sub-line b { font-weight: var(--font-weight-700); }
		.eyebrow { font: var(--font-size) / var(--line-height-hangeul) var(--font-family-inkLipquid); color: var(--color-tertiary);
			@media (width >= 1280px) { --font-size: 50rem; }
			@media (width < 1280px) { --font-size: 22rem; }
		}
		.sub-line { font: var(--font-weight-500) var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif); color: var(--color-neutral-600);
			@media (width >= 1280px) { --font-size: 22rem; }
			@media (width < 1280px) { --font-size: 20rem; }
		}
		.section-training-steps { display: grid; gap: var(--spacing-12) clamp(var(--spacing-08), calc(120 / var(--grid-width-base) * 100vw), 120rem);
			@media (width >= 768px) { grid-template-columns: 3fr 2fr; margin-top: 73rem;
				.visual-wrapper { order: 1; }
			}
			@media (width >= 1536px) { grid-template-columns: repeat(2, 1fr); }
			@media (width < 1280px) { margin-top: var(--spacing-section); }
			.visual { height: 100%; background: var(--color-neutral-200) no-repeat 50% / cover; border-radius: var(--radius-5);
				.section-training-steps:has(.radio-1:checked) & { background-image: url("/images/one-page/home/education-visual-1.webp"); }
				.section-training-steps:has(.radio-2:checked) & { background-image: url("/images/one-page/home/education-visual-2.webp"); }
				.section-training-steps:has(.radio-3:checked) & { background-image: url("/images/one-page/home/education-visual-3.webp"); }
				.section-training-steps:has(.radio-4:checked) & { background-image: url("/images/one-page/home/education-visual-4.webp"); }
				@media (prefers-reduced-motion: no-preference) { transition: var(--duration); }
				@media (width < 768px) { aspect-ratio: 690 / 608; }
			}
			.sub-heading { font: var(--font-weight-700) var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif); letter-spacing: var(--letter-spacing-negative-50); color: var(--color-primary);
				@media (width >= 1280px) { --font-size: 50rem; margin-top: -0.34em; }
				@media (width < 1280px) { --font-size: 32rem; }
			}
			.sub-line { margin-top: 0.86363636em; }
			.list { margin: 0; margin-top: 53rem; padding: 0; border: 0; border-top: var(--border-width-3) solid var(--color-primary); }
			.item { border-bottom: var(--border-width-1) solid #c1bdb0; }
			.cta { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: clamp(16rem, calc(35 / var(--grid-width-base) * 100vw), 35rem); padding-inline: var(--spacing-05); cursor: pointer;
				@media (width >= 1280px) { padding-block: 22rem 19rem; }
				@media (width < 1280px) { padding-block: var(--spacing-08); }
			}
			.time { font: var(--font-weight-700) var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif); letter-spacing: -0.075em; color: var(--color-primary);
				@media (width >= 1280px) { --font-size: 22rem; }
				@media (width < 1280px) { --font-size: 16rem; }
			}
			.title { font: var(--font-weight-700) var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif);
				@media (width >= 1280px) { --font-size: 30rem; }
				@media (width < 1280px) { --font-size: 16rem; }
			}
			.arrow-down { display: block; width: 0.73333333em; height: auto; font-size: var(--font-size); color: var(--color-primary); translate: -8% -7%;
				.item:has(:checked) & { rotate: 180deg; }
				@media (width >= 1280px) { --font-size: 30rem; }
				@media (width < 1280px) { --font-size: 16rem; }
			}
			.desc {
				.item:not(:has(:checked)) & { display: none; } font: var(--font-weight-500) var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif); color: var(--color-neutral-600);
				@media (width >= 1280px) { --font-size: 22rem; padding: 1rem 9rem 28rem; }
				@media (width < 1280px) { --font-size: 16rem; padding: 1rem var(--spacing-05) var(--spacing-09); }
			}
		}
		.section-support-system { display: grid; gap: var(--spacing-12) clamp(var(--spacing-08), calc(120 / var(--grid-width-base) * 100vw), 120rem);
			@media (width >= 768px) { grid-template-columns: 2fr 3fr; margin-top: 170rem; }
			@media (width >= 1536px) { grid-template-columns: repeat(2, 1fr); }
			@media (width < 768px) { margin-top: var(--spacing-section); }
			.tabpanel { display: grid; grid-template-rows: 1fr auto; height: 100%; }
			.visual { background: var(--color-neutral-200) no-repeat 50% / cover; border-radius: var(--radius-5) var(--radius-5) 0 0;
				&.visual--5 { background-image: url("/images/one-page/home/education-visual-5.webp"); }
				&.visual--6 { background-image: url("/images/one-page/home/education-visual-6.webp"); }
				&.visual--7 { background-image: url("/images/one-page/home/education-visual-7.webp"); }
				&.visual--8 { background-image: url("/images/one-page/home/education-visual-8.webp"); }
				&.visual--9 { background-image: url("/images/one-page/home/education-visual-9.webp"); }
				&.visual--10 { background-image: url("/images/one-page/home/education-visual-10.webp"); }
				&.visual--11 { background-image: url("/images/one-page/home/education-visual-11.webp"); }
				&.visual--12 { background-image: url("/images/one-page/home/education-visual-12.webp"); }
				&.visual--13 { background-image: url("/images/one-page/home/education-visual-13.webp"); }
				&.visual--14 { background-image: url("/images/one-page/home/education-visual-14.webp"); }
				@media (width < 768px) { aspect-ratio: 690 / 573; }
			}
			.tabpanel-text { padding: 20rem var(--spacing-05); font: var(--font-weight-500) var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif); text-align: center; color: var(--color-cheesecake); background: var(--color-primary); border-radius: 0 0 var(--radius-5) var(--radius-5);
				strong { font-weight: var(--font-weight-700); }
				@media (width >= 1280px) { --font-size: 30rem; }
				@media (width >= 1536px) {
					strong { display: block; }
				}
				@media (width < 1280px) { --font-size: 24rem; }
			}
			.sub-heading { font: var(--font-weight-700) var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif); letter-spacing: var(--letter-spacing-negative-50);
				small { display: block; margin-bottom: -0.4em; font-size: 0.8em; }
				@media (width >= 1280px) { --font-size: 50rem; margin-top: -15rem; }
				@media (width < 1280px) { --font-size: 32rem; }
			}
			.sub-line { margin-top: 0.86363636em; }
			.list-wrapper { padding: 22rem 10rem 0; border-top: var(--border-width-3) solid var(--color-primary);
				@media (width >= 1280px) { margin-top: 53rem;
					& + & { margin-top: 60rem; }
				}
				@media (width < 1280px) { margin-top: var(--spacing-heading-content); }
			}
			.list-title { font: var(--font-weight-700) var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif);
				@media (width >= 1280px) { --font-size: 30rem; }
				@media (width < 1280px) { --font-size: 24rem; }
			}
			.tablist { display: grid; grid-template-columns: repeat(2, 1fr); gap: 5rem; margin-top: 21rem; font: var(--font-weight-500) var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif); color: var(--color-neutral-600); color: var(--color-primary);
				@media (width >= 768px) {
					&.tablist--columns-3 { grid-template-columns: repeat(3, 1fr); }
				}
				@media (width >= 1280px) { --font-size: 22rem; }
				@media (width < 1280px) { --font-size: 16rem; }
			}
			.tab { padding: 12.5rem var(--spacing-05); text-align: center; text-wrap: balance; background: #f4eddb; border: var(--border-width-1) solid #c1bdb0; border-radius: var(--radius-3);
				&.is-current { color: var(--color-white); background: var(--color-primary); border-color: #0000;
					&::selection { color: var(--color-primary); background: var(--color-white, #fff); }
				}
			}
		}
	}

	.section-inquiry {
		@media (width >= 1280px) { padding-block: 194rem 200rem; }
		@media (width < 1280px) { padding-block: var(--spacing-section); }
		* { letter-spacing: var(--letter-spacing-negative-10); }
		hgroup { text-align: center; }
		fieldset { margin: 0; padding: 0; border: 0; }
		.field-wrapper { display: grid; gap: var(--spacing-14);
			.policy-wrapper { --font-size: 16rem; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--spacing-08) var(--spacing-10); margin-bottom: var(--spacing-06); padding: var(--spacing-06); font: var(--font-weight-500) var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif); color: var(--color-neutral-500); background: #f1f1f1; border-radius: var(--radius-3);
				@media (width >= 1280px) { margin-top: 53rem; }
				@media (width < 1280px) { margin-top: var(--spacing-heading-content); }
				.policy-label { display: inline-flex; align-items: center; gap: 11rem; margin-left: 10rem; }
				.policy-trigger { min-width: 100rem; margin-left: auto; padding: 8.5rem 1ch; font-size: 0.9375em; color: var(--color-white); background: #666; border-radius: var(--radius-3); }
			}
			.field-item { display: grid; row-gap: var(--spacing-08); min-height: 60rem;
				@media (width >= 768px) { grid-template-columns: 160rem 1fr; }
				@media (width >= 1280px) { padding-inline: 50rem; }
			}
			.field-label { --font-size: 20rem; font: var(--font-weight-700) var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif); color: var(--color-primary);
				.field-item:has([required]) &::before { margin-right: 0.4ch; content: "*"; }
				@media (width >= 768px) { margin-top: 0.9em; }
			}
			.field { --font-size: 18rem; width: 100%; padding: 15.5rem 18rem; font: var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif); border: var(--border-width-1) solid #cfcfcf; border-radius: var(--radius-3);
				&.field--multiline { min-height: 8.88888889em; }
			}
			.phone-group { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20rem;
				select { background: url("/images/one-page/ui/arrow-down-gray.svg") no-repeat calc(100% - 19rem) 50% / 13rem; appearance: none; }
			}
			.store-group { display: flex; flex-wrap: wrap; gap: 1lh 3ch;
				.radio-item { display: inline-flex; align-items: center; gap: 6rem; }
				.radio { width: 22rem; height: auto; aspect-ratio: 1; }
			}
			.source-group { --font-size: 18rem; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(calc((100% - 10rem) / 2), 227rem), 1fr)); gap: var(--spacing-06); font: var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif); text-align: center; color: var(--color-neutral-700);
				.radio-item { position: relative; align-content: center; padding: 15.5rem 1ch; border: var(--border-width-1) solid #cfcfcf; border-radius: var(--radius-3);
					&:has(:checked) { font-weight: var(--font-weight-700); color: var(--color-white); background: var(--color-primary); border-color: #0000;
						&::selection { color: var(--color-primary); background: var(--color-white, #fff); }
					}
				}
				.radio-hidden { position: absolute; inset: 0; margin: auto; opacity: 0; }
			}
		}
		.submit-wrapper { display: flex; justify-content: center; gap: var(--spacing-05); margin-top: 1.81818182em; padding-top: 2.27272727em; font: var(--font-weight-700) var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif); border-top: var(--border-width-1) solid #888;
			@media (width >= 1280px) { --font-size: 22rem; }
			@media (width < 1280px) { --font-size: 20rem; }
			.btn-submit { min-width: 250rem; padding: 0.84090909em 1ch; color: var(--color-white); background: var(--color-primary); border-radius: var(--radius-full); }
		}
	}

	.section-store-locator { background: #f8e9b6 url("/images/one-page/home/bg-noise-yellow.png"); border-radius: 0 var(--radius-section) 0 0;
		@media (width >= 1280px) { padding-top: 194rem; }
		@media (width < 1280px) { padding-top: var(--spacing-section); }
		* { letter-spacing: var(--letter-spacing-negative-10); }
		hgroup { text-align: center; }
		.layout { position: relative; margin-top: 53rem; }
		.search-panel { contain: content; padding-bottom: 27rem; background: var(--color-white); border: var(--border-width-3) solid var(--color-primary); border-radius: var(--radius-5);
			@media (width >= 1280px) { --space: 70rem; position: absolute; top: var(--space); left: var(--space); z-index: 1; width: 100%; max-width: 500rem; box-shadow: 0 0 80rem oklch(29.028% 0.04976 192.702 / 0.3); }
			.heading { padding-block: 19.5rem; font: var(--font-weight-700) var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif); text-align: center; color: var(--color-white); background: var(--color-primary);
				@media (width >= 1280px) { --font-size: 25rem; }
				@media (width < 1280px) { --font-size: 22rem; }
			}
			.field-wrapper { display: block; padding: 30rem 27rem; }
			.field { --font-size: 20rem; display: block; width: 100%; padding: 14rem 19rem; font: var(--font-weight-500) var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif); border: var(--border-width-1) solid #cfcfcf; border-radius: var(--radius-3); }
			.skip-link { position: absolute; z-index: 9; padding: var(--spacing-05) var(--spacing-08); font-weight: bold; color: #fff; text-decoration: none; background-color: #000; translate: 0 -50%;
				&:not(:focus) { opacity: 0; }
			}
			.result-list { overflow: clip auto; margin-right: 7rem;
				&::-webkit-scrollbar { width: 5px; }
				&::-webkit-scrollbar-track { background: #e5e5e5; border-radius: 5px; }
				&::-webkit-scrollbar-thumb { background-color: var(--color-primary); border-radius: 5px; }
				@media (width >= 768px) { max-height: 410rem; }
				@media (width < 768px) { max-height: 205rem; }
			}
			.result-item { margin-inline: 27rem 15rem;
				& + & { margin-top: 18rem; padding-top: 24rem; border-top: 1px solid #ddd; }
				&:first-child { margin-top: -6rem; }
				.btn-result { width: 100%; text-align: left;
					.title { font: var(--font-weight-700) var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif); color: var(--color-neutral-800);
						@media (width >= 1280px) { --font-size: 22rem; }
						@media (width < 1280px) { --font-size: 20rem; }
					}
					.address { --font-size: 18rem; margin-top: 0.38888889em; font: var(--font-weight-500) var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif); color: #666; }
				}
			}
		}
		.store-map { --radius: clamp(32rem, 4.16666667vw, 80rem); position: relative; z-index: 0; border-radius: var(--radius) var(--radius) 0 0;
			@media (width >= 768px) { height: 780rem; }
			@media (width < 768px) { aspect-ratio: 3 / 4; }
		}
		.info-panel { position: relative; width: max-content; padding: 25rem 19rem 25rem; text-align: center; background: #fff; border: 1px solid #111; border-radius: 9rem; transform: translate(-8.5%, -20px);
			&::before { position: absolute; top: 100%; left: 50%; width: 26rem; height: 26rem; background: inherit; border: inherit; border-width: 0 1px 1px 0; transform: translate(-50%, -50%) rotate(45deg); content: ""; }
			.close { position: absolute; top: 15rem; right: 18rem; width: 11rem; height: 11rem; }
			.close::before, .close::after { position: absolute; inset: 0; width: 1px; margin: auto; background: #000; content: ""; }
			.close::before { transform: rotate(-45deg); }
			.close::after { transform: rotate(45deg); }
			.name { font-weight: 600; font-size: 16rem; }
			.item { font-size: 14rem; color: var(--gray); }
			.border-top { margin-top: 10rem; padding-top: 11rem; border-top: 1px dotted #ddd; }
			.item + p { margin-top: 6rem; }
			.item:empty { display: none; }
		}
	}

	.floating-group { position: sticky; bottom: 0; z-index: 9; }

	.floating-menu { position: absolute; right: var(--space); bottom: calc(100% + var(--space));
		@media (width >= 1280px) { --space: 25rem; }
		@media (width < 1280px) { --space: var(--spacing-05); }
		.list { display: grid;
			@media (width >= 1280px) { gap: 15rem; width: 80rem; }
			@media (width < 1280px) { gap: var(--spacing-05); width: var(--spacing-17); }
		}
		.link { display: grid; place-items: center; width: 100%; aspect-ratio: 1; color: #fff; border: var(--border-width-1) solid currentColor; border-radius: var(--radius-circle);
			&.link--blog { background: #3cb15b; }
			&.link--talk { background: #ffe600; }
			&.link--inquiry { container: --link / inline-size; padding-top: 8%; background: #014c4d;
				.link-text { font: 700 25.64102564cqw / 1.2 var(--font-family-gmarket); }
			}
		}
		.icon { display: block; height: auto;
			&.icon--blog { width: 41.25%; color: var(--color-white); }
			&.icon--talk { width: 56.25%; }
		}
	}

	.floating-form { padding-block: 24rem; background: #fffcda; border-top: var(--border-width-2) solid var(--color-primary);
		* { letter-spacing: var(--letter-spacing-negative-10); }
		.container { align-items: center; }
		.contact { font: var(--font-weight-700) var(--font-size) / var(--line-height-hangeul) var(--font-family-gmarket); color: var(--color-primary);
			@media (width >= 1280px) { --font-size: 25rem; }
			@media (width < 1280px) { --font-size: 22rem; }
		}
		.field { width: 100%; padding: 12rem 10rem; font: var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif); color: var(--color-neutral-700); background: var(--color-white); border: var(--border-width-1) solid #c1bdb0; border-radius: var(--radius-3); }
		.phone-group { --gap: 5rem; display: inline-flex; gap: var(--gap);
			* { flex: 1 30%; }
			select { min-width: 0; background: var(--color-white) url("/images/one-page/ui/arrow-down-gray.svg") no-repeat calc(100% - 14rem) 50% / 10rem; appearance: none; }
		}
		.store-group { display: inline-flex; gap: 12rem; margin: 0; padding: 0; border: 0;
			.title { font-weight: var(--font-weight-700); }
		}
		.policy-wrapper { display: inline-flex; align-items: center; gap: 9rem; font-size: 14rem;
			.ui-checkbox { translate: 0 13%; }
			.underline { text-decoration: underline; text-underline-offset: 3rem; }
		}
		.btn-submit { --font-size: 20rem; width: 100%; padding: 10rem 1ch; font: var(--font-weight-700) var(--font-size) / var(--line-height-hangeul) var(--font-family-sans-serif); color: var(--color-white); background: var(--color-primary); border-radius: var(--radius-3); }
		@media (width >= 1900px) {
			.container { display: flex; }
			.contact { margin-left: 48rem; }
			.name-wrapper { max-width: 130rem; margin-left: 88rem; }
			.phone-group { margin-left: 15rem;
				.field { width: 100rem; }
			}
			.location-wrapper { max-width: 170rem; margin-left: 15rem; }
			.store-group { margin-left: 15rem; }
			.policy-wrapper { margin-left: 63rem; }
			.btn-submit { max-width: 150rem; margin-left: auto; }
		}
		@media (width < 1900px) {
			.container { display: grid; gap: var(--spacing-05) var(--spacing-08); }
		}
		@media (768px <= width < 1900px) {
			.container { grid-template-columns: repeat(7, 1fr);
				> * { grid-column-end: span 2; }
			}
			.ui-logo { grid-column-end: span 4; }
			.contact, .phone-group, .store-group { grid-column-end: span 3; }
			.contact, .policy-wrapper { justify-self: end; }
		}
		@media (350px <= width < 768px) {
			.container { grid-template-columns: repeat(4, 1fr);
				> *:not(.name-wrapper, .phone-group) { grid-column-end: span 2; }
			}
			.contact { align-self: center; justify-self: end; }
			.phone-group { grid-column-end: span 3; }
		}
	}

	.policy-dialog { position: fixed; inset: 0; width: min(600px, 92vw); margin: auto; padding: 0; font-size: 16rem; background: #fff; border: 0;
		&::backdrop { background: #000; opacity: 0.8; }
		.dialog__head { display: flex; align-items: center; justify-content: space-between; height: 3.4375em; box-sizing: border-box; padding: 0.9375em; color: #fff; background: #686e82; }
		.heading { font: var(--font-body-1-bold); }
		.dialog__btn.dialog__close { position: relative; width: 1.1875em; height: 1.1875em; font-size: inherit; background: url("/images/module/btn_close.png") no-repeat 50% / contain; }
		.dialog__btn.dialog__close::before { position: absolute; inset: -5px; content: ""; }
		.dialog__body { display: block; width: 100%; height: min(590px, calc(85vh - 3.4375em)); box-sizing: border-box; overflow: auto; padding: 0.9375em; background: #fff; border: 0; }
	}

	@keyframes blink {
		0% { opacity: 1; }
		100% { opacity: 0; }
	}
}