/* ============================================
   Main (이식 시 비활성)
   - 호스트 <main> + .ago-page 사용
   - margin-top 은 aeo-geo-bridge.css 에서 처리
   ============================================ */
/*
.ago-main {
  margin-top: 100px;
  min-height: calc(100vh - 100px);
}
*/

/* ============================================
   Common: Wrap1500
   ============================================ */
	 .ago-wrap1500 {
		max-width: 1500px;
		margin: 0 auto;
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	
	@media screen and (max-width: 1600px) {
		.ago-wrap1500 {max-width: 100%; width: 93%;}
	}
	
	
	
	
	
	
	
	
	
	
	
	/* ============================================
		 Visual Section (2-slide hero)
		 Timing (JS): slide1 4s → slide2 6s → loop
		 Motion: soft crossfade + sequenced text
		 Fills full viewport (no .main margin-top offset)
		 ============================================ */
	.ago-visual {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding: 0;
		box-sizing: border-box;
		width: 100%;
		height: 100vh;
		height: 100dvh;
		min-height: 100vh;
		min-height: 100dvh;
		background-color: #000000;
		position: relative;
		overflow: hidden;
	}
	
	.ago-visual__slide::before {
		content: '';
		position: absolute;
		inset: 0;
		z-index: 1;
		background: rgba(0, 0, 0, 0.58);
		pointer-events: none;
	}
	
	.ago-visual__slides {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		min-height: 0;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	.ago-visual__slide {
		position: absolute;
		inset: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		z-index: 1;
		overflow: hidden;
		will-change: opacity;
	}
	
	.ago-visual__slide.ago-is-active {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		z-index: 2;
	}
	
	.ago-visual__background-image {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
		z-index: 0;
		pointer-events: none;
		transform: scale(1.08);
		transform-origin: center center;
		backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
		will-change: transform;
	}
	
	.ago-visual__content {
		display: flex;
		flex-direction: column;
		gap: 100px;
		align-items: center;
		justify-content: center;
		width: 100%;
		position: relative;
		z-index: 2;
		padding: 0 24px;
		box-sizing: border-box;
	}

	/* Hero copy — initTxtBx / 슬라이드 전환 전 상태 (다른 페이지 진입 시 FOUC 방지) */
	.ago-visual__content .ago-txtBx {
		transform: translateY(40px);
		clip-path: inset(0% 0% 100% 0%);
		-webkit-clip-path: inset(0% 0% 100% 0%);
		background-size: 0% 100%;
	}

	.ago-visual__slide:not(.ago-is-active) .ago-visual__content {
		opacity: 0;
		visibility: hidden;
		transform: translateY(18px);
		filter: blur(6px);
		pointer-events: none;
	}
	
	/* Visual Text */
	.ago-visual__text {
		display: flex;
		flex-direction: column;
		gap: 30px;
		align-items: center;
		text-align: center;
	}
	
	.ago-visual__text-line {
		display: flex;
		align-items: center;
		gap: 30px;
	}
	
	.ago-visual__text .ago-textUsing02 .ago-tlt2{
		position: absolute;
		left: 50%;
		top: 100%;
	}
	
	/* Unified headline size — slide1 (.ago-visual__text-main) + slide2 (.ago-visual__promo) */
	.ago-visual__text-main,
	.ago-visual__promo {
		font-size: 80px;
	}
	
	.ago-visual__text-main {
		font-family: 'Poppins', 'GmarketSans', sans-serif;
		font-weight: 700;
		line-height: 1.15;
		color: #FFFFFF;
		text-transform: uppercase;
		margin: 0;
		word-break: keep-all;
	}
	
	.ago-visual__text-main .ago-visual__text-accent,
	.ago-txtBx .ago-visual__text-accent,
	.ago-visual__promo .ago-visual__text-accent {
		color: #E5FF48;
		-webkit-text-fill-color: #E5FF48;
	}
	
	.ago-visual__badge {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		font-size: 80px;
		padding: 0.32em 0.5em;
		background-color: #E5FF48;
		border-radius: 100px;
		width: auto;
		min-height: 0;
		position: relative;
		overflow: hidden;
		box-sizing: border-box;
		line-height: 1;
	}
	
	.ago-visual__badge-swap {
		display: grid;
		place-items: center;
		height: 1.1em;
		overflow: hidden;
		line-height: 1;
		box-sizing: content-box;
		perspective: 900px;
		transform-style: preserve-3d;
	}
	
	.ago-visual__badge-word {
		grid-area: 1 / 1;
		display: block;
		font-family: 'GmarketSans', 'Poppins', sans-serif;
		font-weight: 700;
		font-size: 1em;
		line-height: 1;
		color: #111111;
		text-transform: none;
		white-space: nowrap;
		letter-spacing: -0.03em;
		word-break: keep-all;
		/* GmarketSans 한글 메트릭 보정: 광학적 세로 중앙 */
		padding-top: 0.12em;
		box-sizing: content-box;
		will-change: transform, opacity, filter;
	}
	
	.ago-visual__badge-word[data-badge="to"] {
		opacity: 0;
		pointer-events: none;
	}
	
	.ago-visual__badge span {
		font-family: 'GmarketSans', 'Poppins', sans-serif;
		font-weight: 700;
		font-size: 1em;
		line-height: 1;
		color: #111111;
		text-transform: none;
		white-space: nowrap;
		letter-spacing: -0.03em;
		word-break: keep-all;
	}
	
	/* Slide 2 promo */
	.ago-visual__text--promo {
		max-width: 1180px;
		gap: 0;
	}
	
	.ago-visual__promo {
		font-family: 'GmarketSans', sans-serif;
		font-weight: 700;
		line-height: 1.3;
		color: #FFFFFF;
		text-transform: none;
		margin: 0;
		word-break: keep-all;
		overflow-wrap: break-word;
		line-break: strict;
		letter-spacing: -0.02em;
	}
	
	/* Phrase units stay together; <wbr> allows wrap only between phrases */
	.ago-visual__promo-phrase {
		display: inline-block;
		white-space: nowrap;
	}
	
	/* Slide 2: stacked phrase swap ("우리 회사 이름" → "우리 브랜드명") */
	.ago-visual__promo-swap {
		display: inline-grid;
		align-items: baseline;
		justify-items: start;
		vertical-align: baseline;
		overflow: hidden;
		white-space: nowrap;
		color: #E5FF48;
		-webkit-text-fill-color: #E5FF48;
	}
	
	.ago-visual__promo-swap-word {
		grid-area: 1 / 1;
		white-space: nowrap;
		will-change: transform, opacity, filter;
	}
	
	.ago-visual__promo-swap-word[data-swap="to"] {
		opacity: 0;
		pointer-events: none;
	}
	
	/* Outgoing/inactive slide: keep promo out of the paint path during overlap */
	.ago-visual__slide:not(.ago-is-active) .ago-visual__promo {
		visibility: hidden;
	}
	
	/* Always force: line1 ends after "…이름을" / line2 starts "한 번이라도…" */
	.ago-visual__promo-br,
	.ago-visual__promo-br--main {
		display: inline;
	}
	
	@media (prefers-reduced-motion: reduce) {
		.ago-visual__slide,
		.ago-visual__background-image {
			transition: opacity 0.35s ease !important;
			will-change: auto;
		}
		.ago-visual__background-image {
			transform: none !important;
		}
		.ago-visual__slides {
			perspective: none;
		}
		.ago-visual__content .ago-txtBx {
			transform: none;
			clip-path: none;
			-webkit-clip-path: none;
		}
		.ago-visual__slide:not(.ago-is-active) .ago-visual__content {
			transform: none;
			filter: none;
		}
	}
	
	/* Visual Cards */
	.ago-visual__cards {
		position: relative;
		width: 1223px;
		height: 634px;
		display: grid;
		grid-template-columns: max-content;
		grid-template-rows: max-content;
	}
	
	.ago-visual__card {
		position: absolute;
		overflow: hidden;
		border-radius: 10px;
		display: flex;
		flex-direction: column;
	}
	
	.ago-visual__card-title {
		position: absolute;
		top: 50px;
		left: 30px;
		font-family: 'Poppins', sans-serif;
		font-weight: 400;
		font-size: 30px;
		line-height: 1;
		color: #111111;
		text-transform: uppercase;
		margin: 0;
		z-index: 2;
	}
	
	.ago-visual__card-image {
		position: absolute;
		border-radius: 5px;
		overflow: hidden;
	}
	
	.ago-visual__card-image img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
	}
	
	/* Card 1: Designer (보라색) */
	.ago-visual__card--designer {
		width: 400px;
		height: 549px;
		background-color: #BE71FB;
		transform: rotate(-2.96deg);
		left: 390px;
		top: 65px;
		z-index: 3;
	}
	
	.ago-visual__card--designer .ago-visual__card-image {
		width: 380px;
		height: 288px;
		bottom: 10px;
		left: 10px;
	}
	
	/* Card 2: Publisher (흰색) */
	.ago-visual__card--publisher {
		width: 330px;
		height: 452.571px;
		background-color: #FFFFFF;
		transform: rotate(-16.96deg);
		left: 45px;
		top: 90px;
		z-index: 2;
	}
	
	.ago-visual__card--publisher .ago-visual__card-image {
		width: 310px;
		height: 235px;
		bottom: 9.31px;
		left: 9.99px;
	}
	
	/* Card 3: Developer (녹색) */
	.ago-visual__card--developer {
		width: 330px;
		height: 452.571px;
		background-color: #67E158;
		transform: rotate(30.73deg);
		right: 100px;
		top: 20px;
		z-index: 1;
	}
	
	.ago-visual__card--developer .ago-visual__card-image {
		width: 310px;
		height: 235px;
		bottom: 9.57px;
		left: 10.13px;
	}
	
	@media screen and (max-width: 1600px){
		.ago-visual__content{width: 93%; margin: 0 auto;}
	}
	
	@media screen and (max-width: 1280px){
		.ago-visual__slides{ min-height: 0; }
		.ago-visual__content{ gap: 80px; }
		.ago-visual__text-main,
		.ago-visual__promo{ font-size: 56px; }
		.ago-visual__badge{ font-size: 56px; padding: 0.3em 0.48em; }
		.ago-visual__badge span,
		.ago-visual__badge-word{ font-size: 1em; }
		.ago-visual__cards{ width: 1000px; height: 520px; }
		.ago-visual__card-title{ font-size: 26px; top: 40px; left: 25px; }
		.ago-visual__card--designer{ width: 330px; height: 450px; left: 320px; top: 50px; }
		.ago-visual__card--designer .ago-visual__card-image{ width: 310px; height: 235px; }
		.ago-visual__card--publisher{ width: 270px; height: 370px; left: 40px; top: 70px; }
		.ago-visual__card--publisher .ago-visual__card-image{ width: 250px; height: 190px; }
		.ago-visual__card--developer{ width: 270px; height: 370px; right: 80px; top: 20px; }
		.ago-visual__card--developer .ago-visual__card-image{ width: 250px; height: 190px; }
	}
	
	@media screen and (max-width: 1024px){
		.ago-visual__slides{ min-height: 0; }
		.ago-visual__content{ gap: 60px; }
		.ago-visual__text{ gap: 25px; }
		.ago-visual__text-line{ gap: 20px; }
		.ago-visual__text-main,
		.ago-visual__promo{ font-size: 44px; }
		.ago-visual__badge{ font-size: 44px; padding: 0.3em 0.5em; }
		.ago-visual__badge span,
		.ago-visual__badge-word{ font-size: 1em; }
		.ago-visual__cards{ width: 800px; height: 420px; }
		.ago-visual__card-title{ font-size: 22px; top: 30px; left: 20px; }
		.ago-visual__card--designer{ width: 280px; height: 380px; left: 250px; top: 40px; }
		.ago-visual__card--designer .ago-visual__card-image{ width: 260px; height: 197px; }
		.ago-visual__card--publisher{ width: 230px; height: 315px; left: 30px; top: 60px; }
		.ago-visual__card--publisher .ago-visual__card-image{ width: 210px; height: 159px; }
		.ago-visual__card--developer{ width: 230px; height: 315px; right: 60px; top: 15px; }
		.ago-visual__card--developer .ago-visual__card-image{ width: 210px; height: 159px; }
	}
	
	@media screen and (max-width: 768px){
		.ago-visual__slides{ min-height: 0; }
		.ago-visual__content{ gap: 50px; padding: 0 16px; }
		.ago-visual__text{ gap: 20px; }
		.ago-visual__text-line{ gap: 15px; flex-wrap: wrap; justify-content: center; }
		.ago-visual__text-main,
		.ago-visual__promo{ font-size: 36px; }
		.ago-visual__promo{ line-height: 1.4; }
		.ago-visual__badge{ font-size: 36px; padding: 0.3em 0.48em; }
		.ago-visual__badge span,
		.ago-visual__badge-word{ font-size: 1em; }
		.ago-visual__cards{ width: 100%; max-width: 508px; height: 332px; }
		.ago-visual__card-title{ font-size: 17px; top: 19px; left: 14px; }
		.ago-visual__card--designer{ width: 203px; height: 277px; left: 50%; top: 28px; transform: translateX(-50%) rotate(-2.96deg); }
		.ago-visual__card--designer .ago-visual__card-image{ width: 184px; height: 140px; bottom: 8px; left: 10px; }
		.ago-visual__card--publisher{ width: 166px; height: 228px; left: 9px; top: 47px; }
		.ago-visual__card--publisher .ago-visual__card-image{ width: 148px; height: 112px; bottom: 7px; left: 9px; }
		.ago-visual__card--developer{ width: 166px; height: 228px; right: 9px; top: 10px; }
		.ago-visual__card--developer .ago-visual__card-image{ width: 148px; height: 112px; bottom: 7px; left: 9px; }
	}
	
	@media screen and (max-width: 500px){
		.ago-visual__content{ gap: 40px; padding: 0 14px; }
		.ago-visual__text{ gap: 15px; }
		.ago-visual__text-line{ gap: 10px; }
		.ago-visual__text-main,
		.ago-visual__promo{ font-size: 28px; }
		.ago-visual__promo{ line-height: 1.45; }
		.ago-visual__badge{ font-size: 28px; padding: 0.28em 0.45em; }
		.ago-visual__badge span,
		.ago-visual__badge-word{ font-size: 1em; }
		.ago-visual__cards{ width: 100%; max-width: 323px; height: 258px; }
		.ago-visual__card-title{ font-size: 13px; top: 14px; left: 11px; }
		.ago-visual__card--designer{ width: 148px; height: 203px; left: 50%; top: 28px; transform: translateX(-50%) rotate(-2.96deg); }
		.ago-visual__card--designer .ago-visual__card-image{ width: 133px; height: 101px; bottom: 6px; left: 8px; }
		.ago-visual__card--publisher{ width: 121px; height: 165px; left: 5px; top: 46px; }
		.ago-visual__card--publisher .ago-visual__card-image{ width: 106px; height: 80px; bottom: 5px; left: 8px; }
		.ago-visual__card--developer{ width: 121px; height: 165px; right: 5px; top: 10px; }
		.ago-visual__card--developer .ago-visual__card-image{ width: 106px; height: 80px; bottom: 5px; left: 8px; }
	}
	
	/* ============================================
		 Section 01
		 ============================================ */
	.ago-sec01 {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 150px 0;
		width: 100%;
		background-color: #000000;
	}
	
	/* Title */
	.ago-sec01__title {
		display: flex;
		flex-direction: column;
		gap: 30px;
		align-items: center;
		text-align: center;
		width: 100%;
		text-transform: uppercase;
		margin-bottom: 48px;
	}
	
	
	.ago-sec01__title-sub {
		font-family:'GmarketSans', sans-serif;
		font-weight: 500;
		font-size: 20px;
		line-height: 1.6;
		color: #FFFFFF;
		text-transform: none;
		word-break: keep-all;
		overflow-wrap: break-word;
		line-break: strict;
	}
	
	/* Deck download — above comparison */
	@property --sec01-deck-angle {
		syntax: "<angle>";
		initial-value: 0deg;
		inherits: false;
	}
	.ago-sec01__deck-btn {
		position: relative;
		z-index: 0;
		isolation: isolate;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 12px;
		width: auto;
		max-width: 100%;
		margin: 0 auto 48px;
		padding: 18px 36px;
		box-sizing: border-box;
		border: none;
		border-radius: 100px;
		background: transparent;
		color: #111111;
		text-decoration: none;
		overflow: visible;
		transition: color 0.25s ease, transform 0.25s ease;
	}
	/* Traveling highlight along the rim (angle spins, shape stays put) */
	.ago-sec01__deck-btn::before {
		content: "";
		position: absolute;
		inset: -3px;
		border-radius: inherit;
		background: #E5FF48;
		background: conic-gradient(
			from var(--sec01-deck-angle),
			#7a8a20 0deg,
			#E5FF48 40deg,
			#ffffff 70deg,
			#E5FF48 110deg,
			#7a8a20 160deg,
			#3d460f 220deg,
			#7a8a20 280deg,
			#E5FF48 320deg,
			#7a8a20 360deg
		);
		z-index: -2;
		animation: sec01-deck-border-spin 2.4s linear infinite;
		pointer-events: none;
	}
	/* Solid fill inset so only the rim shows the motion */
	.ago-sec01__deck-btn::after {
		content: "";
		position: absolute;
		inset: 2px;
		border-radius: inherit;
		background: #E5FF48;
		z-index: -1;
		transition: background-color 0.25s ease;
		pointer-events: none;
	}
	.ago-sec01__deck-btn:hover {
		color: #E5FF48;
		transform: translateY(-2px);
	}
	.ago-sec01__deck-btn:hover::after {
		background: #000000;
	}
	.ago-sec01__deck-btn:hover::before {
		animation-duration: 1.6s;
	}
	.ago-sec01__deck-btn-text,
	.ago-sec01__deck-btn-ico {
		position: relative;
		z-index: 1;
	}
	.ago-sec01__deck-btn-text {
		font-family: 'GmarketSans', sans-serif;
		font-weight: 700;
		font-size: 20px;
		line-height: 1.2;
		letter-spacing: -0.03em;
		word-break: keep-all;
		white-space: nowrap;
	}
	.ago-sec01__deck-btn-ico {
		display: block;
		flex-shrink: 0;
		width: 20px;
		height: 20px;
	}
	@keyframes sec01-deck-border-spin {
		to {
			--sec01-deck-angle: 360deg;
		}
	}
	@media (prefers-reduced-motion: reduce) {
		.ago-sec01__deck-btn::before {
			animation: none;
			background: #E5FF48;
		}
	}
	
	/* Comparison Table — subgrid keeps PC/Mobile row heights aligned */
	.ago-sec01__comparison {
		display: grid;
		grid-template-columns: 1fr minmax(120px, 250px) 1fr;
		grid-template-rows: repeat(8, auto);
		align-items: stretch;
		width: 100%;
		margin-bottom: 100px;
	}
	
	.ago-sec01__column {
		display: grid;
		grid-template-rows: subgrid;
		grid-row: 1 / span 8;
		align-items: stretch;
		min-width: 0;
	}
	
	.ago-sec01__column--left {
		border-radius: 5px 5px 0 0;
	}
	
	.ago-sec01__column--center {
		width: auto;
		min-width: 0;
		border-radius: 5px 5px 0 0;
	}
	
	.ago-sec01__column--right {
		border-radius: 5px 5px 0 0;
	}
	
	.ago-sec01__cell {
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 30px 20px;
		width: 100%;
		height: 100%;
		box-sizing: border-box;
		background-color: #222222;
		border-bottom: 1px solid #333333;
		text-align: center;
	}
	
	.ago-sec01__cell--header {
		padding: 50px 20px;
		border-radius: 10px 10px 0 0;
	}
	
	.ago-sec01__cell--header-highlight {
		background-color: #E5FF48;
	}
	
	.ago-sec01__cell--header p {
		font-family:'GmarketSans', sans-serif;
		font-weight: 700;
		font-size: 30px;
		line-height: 1.5;
		color: #FFFFFF;
		text-transform: uppercase;
		word-break: keep-all;
	}
	
	.ago-sec01__cell--header-highlight p {
		color: #000000;
	}
	
	.ago-sec01__cell--category {
		background-color: #E5FF48;
	}
	
	.ago-sec01__cell--category-spacer {
		background-color: transparent;
		border-bottom: none;
		padding: 0;
		visibility: hidden;
		pointer-events: none;
	}
	
	.ago-sec01__cell--category p {
		font-family:'GmarketSans', sans-serif;
		font-weight: 700;
		font-size: 18px;
		line-height: 1.5;
		color: #000000;
		text-transform: uppercase;
		word-break: keep-all;
	}
	
	.ago-sec01__cell--white {
		background-color: #FFFFFF;
		border-bottom: 1px solid #DDDDDD;
	}
	
	.ago-sec01__cell--white p {
		font-family:'GmarketSans', sans-serif;
		font-size: 18px;
		font-weight: 500;
		line-height: 1.5;
		color: #000000;
	}
	
	.ago-sec01__cell--last {
		border-radius: 0 0 10px 10px;
		border-bottom: none;
	}
	
	.ago-sec01__cell--txt p {
		font-family:'GmarketSans', sans-serif;
		font-weight: 500;
		font-size: 18px;
		line-height: 1.5;
		color: #A2A2A2;
		text-transform: uppercase;
		margin: 0;
	}
	
	/* Bottom Text */
	.ago-sec01__bottom-text {
		font-family:'GmarketSans', sans-serif;
		font-weight: 700;
		font-size: 40px;
		line-height: 1.6;
		text-align: center;
		color: #FFFFFF;
		text-transform: uppercase;
		white-space: nowrap;
		margin-bottom: 100px;
	}
	
	.ago-sec01__bottom-text p {
		margin: 0;
	}
	
	.ago-sec01__bottom-text .ago-underline {
		position: relative;
		display: inline-block;
		vertical-align: baseline;
		text-decoration: none;
	}
	
	.ago-sec01__bottom-text .ago-underline::after {
		content: '';
		position: absolute;
		inset: 12px -1px;
		background-color: #E5FF48;
		transform-origin: left center;
		transform: scaleX(var(--underline-scale, 0));
		z-index: 0;
		margin-top: -5px
	}
	
	/* JS가 동적으로 추가하는 검정 텍스트 오버레이 */
	.ago-sec01__bottom-text .ago-underline__black {
		position: absolute;
		inset: 0;
		color: #000000;
		pointer-events: none;
		white-space: nowrap;
		clip-path: inset(0 100% 0 0);
		z-index: 1;
	}
	
	
	/* More Button */
	.ago-sec01__more-btn {
		position: relative;
		width: 1500px;
		padding: 30px 0;
		border: 2px solid #E5FF48;
		border-radius: 100px;
		background-color: transparent;
		cursor: pointer;
		overflow: hidden;
		transition: background-color 0.3s ease, opacity 0.3s ease;
		display: flex;
		gap: 0;
	}
	
	.ago-sec01__more-btn:hover {
		background-color: #E5FF48;
		opacity: 1;
	}
	
	.ago-sec01__more-btn:hover .ago-sec01__more-content span,
	.ago-sec01__more-btn:hover .ago-sec01__more-content--duplicate span {
		color: #000000;
	}
	
	.ago-sec01__more-btn:hover .ago-sec01__more-content .ago-img_box img,
	.ago-sec01__more-btn:hover .ago-sec01__more-content--duplicate .ago-img_box img {
		filter: brightness(0);
	}
	
	.ago-sec01__more-btn:hover .ago-sec01__more-content,
	.ago-sec01__more-btn:hover .ago-sec01__more-content--duplicate {
		animation-play-state: paused;
	}
	
	.ago-sec01__more-content,
	.ago-sec01__more-content--duplicate {
		display: flex;
		align-items: center;
		gap: 20px;
		animation: scroll-left-btn 20s linear infinite;
		will-change: transform;
		flex-shrink: 0;
		padding: 0 10px;
	}
	
	@keyframes scroll-left-btn {
		0% {
			transform: translateX(0);
		}
		100% {
			transform: translateX(-100%);
		}
	}
	
	.ago-sec01__more-content .ago-img_box,
	.ago-sec01__more-content--duplicate .ago-img_box {
		width: 22px;
		flex-shrink: 0;
	}
	
	.ago-sec01__more-content .ago-img_box img,
	.ago-sec01__more-content--duplicate .ago-img_box img {
		width: 100%;
		display: block;
		transition: filter 0.3s ease;
	}
	
	.ago-sec01__more-content span {
		font-family:'GmarketSans', sans-serif;
		font-weight: 700;
		font-size: 24px;
		line-height: 1;
		color: #E5FF48;
		transition: color 0.3s ease;
		text-transform: uppercase;
		white-space: nowrap;
		flex-shrink: 0;
	}
	
	.ago-sec01__arrow {
		flex-shrink: 0;
		width: 37.588px;
		height: 37.588px;
		transform: rotate(45deg);
	}
	
	@media screen and (max-width: 1600px){
		.ago-sec01__more-btn{width: 100%;}
	}
	
	@media screen and (max-width: 1280px){
		.ago-sec01__comparison{
			overflow-x: auto;
			overflow-y: hidden;
			-webkit-overflow-scrolling: touch;
			scrollbar-width: thin;
			scrollbar-color: #A2A2A2 #000;
			grid-template-columns: minmax(280px, 1fr) minmax(96px, 200px) minmax(280px, 1fr);
		}
		.ago-sec01__comparison::-webkit-scrollbar{ height: 8px; }
		.ago-sec01__comparison::-webkit-scrollbar-track{ background: #222222; border-radius: 100px; }
		.ago-sec01__comparison::-webkit-scrollbar-thumb{ background: #E5FF48; }
	}
	
	@media screen and (max-width: 1024px){
		.ago-sec01{ padding: 100px 0; }
		.ago-sec01__title{ gap: 25px; margin-bottom: 36px; }
		.ago-sec01__title-sub{ font-size: 18px; }
		.ago-sec01__deck-btn{ display: flex; width: fit-content; margin-bottom: 40px; padding: 16px 32px; }
		.ago-sec01__deck-btn-text{ font-size: 18px; }
		.ago-sec01__deck-btn-ico{ width: 18px; height: 18px; }
		.ago-sec01__comparison{ margin-bottom: 80px; }
		.ago-sec01__cell{ padding: 25px 15px; }
		.ago-sec01__cell--header{ padding: 40px 15px; }
		.ago-sec01__cell--header p{ font-size: 24px; }
		.ago-sec01__cell--category p{ font-size: 16px; }
		.ago-sec01__cell--white p{ font-size: 16px; }
		.ago-sec01__cell--txt p{ font-size: 16px; }
		.ago-sec01__bottom-text{ font-size: 32px; margin-bottom: 80px; }
		.ago-sec01__bottom-text .ago-underline::after{ inset: 9px -1px; margin-top: -4px; }
		.ago-sec01__more-btn{ padding: 25px 0; }
		.ago-sec01__more-content span{ font-size: 20px; }
		.ago-sec01__more-content .ago-img_box{ width: 19px; }
		.ago-sec01__more-content .ago-img_box img{ width: 100%; }
	}
	
	@media screen and (max-width: 768px){
		.ago-sec01{ padding: 80px 0; }
		.ago-sec01__title{ gap: 20px; margin-bottom: 28px; }
		.ago-sec01__title-sub{ font-size: 16px; }
		.ago-sec01__deck-btn{ margin-bottom: 32px; padding: 14px 28px; gap: 10px; }
		.ago-sec01__deck-btn-text{ font-size: 17px; }
		.ago-sec01__deck-btn-ico{ width: 17px; height: 17px; }
		.ago-sec01__comparison{ margin-bottom: 60px; }
		.ago-sec01__cell{ padding: 20px 10px; }
		.ago-sec01__cell--header{ padding: 30px 10px; }
		.ago-sec01__cell--header p{ font-size: 18px; }
		.ago-sec01__cell--category p{ font-size: 14px; }
		.ago-sec01__cell--white p{ font-size: 14px; }
		.ago-sec01__cell--txt p{ font-size: 14px; }
		.ago-sec01__bottom-text{ font-size: 24px; margin-bottom: 60px; white-space: normal; word-break: keep-all; }
		.ago-sec01__bottom-text .ago-underline::after{ inset: 7px -1px; margin-top: -3px; }
		.ago-sec01__bottom-text .ago-underline__black{ white-space: normal; word-break: keep-all; }
		.ago-sec01__more-btn{ padding: 20px 0; }
		.ago-sec01__more-content, .ago-sec01__more-content--duplicate{ gap: 12px; }
		.ago-sec01__more-content span{ font-size: 18px; }
		.ago-sec01__more-content .ago-img_box{ width: 16px; }
	}
	
	@media screen and (max-width: 500px){
		.ago-sec01{ padding: 60px 0; }
		.ago-sec01__title{ gap: 15px; margin-bottom: 20px; }
		.ago-sec01__title-sub{ font-size: 14px; }
		.ago-sec01__deck-btn{ margin-bottom: 24px; padding: 12px 22px; gap: 8px; border-radius: 80px; }
		.ago-sec01__deck-btn-text{ font-size: 15px; white-space: normal; }
		.ago-sec01__deck-btn-ico{ width: 16px; height: 16px; }
		.ago-sec01__comparison{ margin-bottom: 40px; grid-template-columns: minmax(200px, 1fr) minmax(72px, 100px) minmax(200px, 1fr); }
		.ago-sec01__cell{ padding: 15px 8px; }
		.ago-sec01__cell--header{ padding: 20px 8px; }
		.ago-sec01__cell--header p{ font-size: 14px; }
		.ago-sec01__cell--category p{ font-size: 14px; }
		.ago-sec01__cell--white p{ font-size: 14px; }
		.ago-sec01__cell--txt p{ font-size: 14px; }
		.ago-sec01__bottom-text{ font-size: 18px; margin-bottom: 40px; white-space: normal; word-break: keep-all; }
		.ago-sec01__bottom-text .ago-underline::after{ inset: 5px -1px; margin-top: -2px; }
		.ago-sec01__bottom-text .ago-underline__black{ white-space: normal; word-break: keep-all; }
		.ago-sec01__more-btn{ padding: 18px 0; }
		.ago-sec01__more-content, .ago-sec01__more-content--duplicate{ gap: 10px; }
		.ago-sec01__more-content span{ font-size: 16px; }
		.ago-sec01__arrow{ width: 30px; height: 30px; }
		.ago-sec01__more-content .ago-img_box{ width: 14px; }
	}
	
	/* ============================================
		 Section 02
		 ============================================ */
	.ago-sec02 {
		display: flex;
		align-items: flex-start;
		justify-content: center;
		padding: 150px 0;
		width: 100%;
		background-color: #000000;
	}
	
	.ago-sec02__container {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 1500px;
		max-width: 1500px;
	}
	
	/* Left Side */
	.ago-sec02__left {
		display: flex;
		flex-direction: column;
		gap: 70px;
		align-items: flex-start;
		flex: 1 1 0;
		min-width: 0;
		max-width: 980px;
	}
	
	.ago-sec02__title {
		display: flex;
		flex-direction: column;
		gap: 30px;
		align-items: flex-start;
		width: 100%;
		max-width: 100%;
		text-transform: none;
	}
	
	.ago-sec02__title .ago-comm-title,
	.ago-sec02__heading {
		width: 100%;
		font-size: clamp(30px, 6.5vw, 38px);
		line-height: 1.45;
		white-space: normal;
		color: #FFFFFF;
		padding-top: 0.12em;
		overflow: visible;
		/* txtBx clip/fill 미사용 — 흰색 잔상·상단 잘림 방지 */
		-webkit-text-fill-color: #FFFFFF;
		background: none;
		-webkit-background-clip: border-box;
		background-clip: border-box;
		clip-path: none;
	}
	
	.ago-sec02__title-line {
		white-space: nowrap;
	}
	
	.ago-sec02__title-line--lead {
		display: inline-block;
		max-width: 100%;
		white-space: nowrap;
		padding-top: 0.06em;
		overflow: visible;
	}
	
	.ago-sec02__title-line--swap {
		display: inline-flex;
		align-items: baseline;
		white-space: nowrap;
		column-gap: 0.2em;
		overflow: visible;
	}
	
	.ago-sec02__title-rest {
		display: inline;
		line-height: inherit;
		color: #FFFFFF;
		-webkit-text-fill-color: #FFFFFF;
	}
	
	/* 투명 인간 ↔ 숨은 존재 스왑 (단일 노드로 잔상 방지) */
	.ago-sec02__swap {
		display: inline-block;
		overflow: hidden;
		height: 1.2em;
		line-height: 1.2;
		vertical-align: baseline;
		position: relative;
		top: 0.02em;
		color: #E5FF48;
		-webkit-text-fill-color: #E5FF48;
		background: none;
		-webkit-background-clip: border-box;
		background-clip: border-box;
	}
	
	.ago-sec02__swap-word {
		display: block;
		white-space: nowrap;
		line-height: 1.2;
		color: #E5FF48 !important;
		-webkit-text-fill-color: #E5FF48 !important;
		background: none !important;
		-webkit-background-clip: border-box !important;
		background-clip: border-box !important;
		will-change: transform, opacity;
		transform: translate3d(0, 0, 0);
		text-shadow: none;
	}
	
	/* PC 2컬럼(≥1024): 좌·우 상·하단 정렬 — stretch + 내부 space-between */
	@media screen and (min-width: 1024px) {
		.ago-sec02__container {
			justify-content: flex-start;
			align-items: stretch;
			gap: 48px;
		}
	
		.ago-sec02__title .ago-comm-title,
		.ago-sec02__heading {
			font-size: clamp(44px, 2.4vw + 14px, 56px);
		}
	
		.ago-sec02__title-line,
		.ago-sec02__title-line--lead {
			white-space: nowrap;
		}
	
		.ago-sec02__left {
			flex: 0 1 auto;
			min-width: 0;
			max-width: min(980px, 58%);
		}
	
		.ago-sec02__right {
			flex: 1 1 0;
			width: auto;
			max-width: 42%;
		}
	}
	
	.ago-sec02__title-sub {
		font-family:'GmarketSans', sans-serif;
		font-weight: 500;
		font-size: clamp(14px, 1.05vw + 10px, 20px);
		line-height: 1.65;
		color: #FFFFFF;
		text-transform: none;
		width: 100%;
		max-width: 100%;
	}
	
	.ago-sec02__title-sub p {
		margin: 0;
	}
	
	.ago-sec02__title-sub-line {
		word-break: keep-all;
		overflow-wrap: break-word;
	}
	
	.ago-sec02__title-sub-line + .ago-sec02__title-sub-line {
		margin-top: 18px;
	}
	
	/* 형광펜 강조 */
	.ago-sec02__title-sub .ago-underline {
		text-decoration: none;
		color: #000000;
		background-image: linear-gradient(
			transparent 8%,
			#E5FF48 8%,
			#E5FF48 92%,
			transparent 92%
		);
		box-decoration-break: clone;
		-webkit-box-decoration-break: clone;
		padding: 0.08em 0.18em;
		margin: 0 -0.04em;
	}
	
	.ago-sec02__title-sub .ago-highlight {
		color: #E5FF48;
		font-weight: 700;
	}
	
	.ago-sec02__br-desktop {
		display: inline;
	}
	
	.ago-sec02__image {
		width: 100%;
		max-width: 500px;
		height: 300px;
		background-color: #222222;
		border-radius: 10px;
		flex-shrink: 0;
		overflow: hidden;
	}
	.ago-sec02__image img{
			width: 100%;
			height: 100%;
			object-fit: cover;
	}
	
	/* Right Side */
	.ago-sec02__right {
		display: flex;
		flex-direction: column;
		gap: 40px;
		align-items: flex-start;
		width: 640px;
		flex-shrink: 0;
		min-width: 0;
	}
	
	.ago-sec02__item {
		display: flex;
		flex-direction: column;
		width: 100%;
		padding-bottom: 40px;
		border-bottom: 1px solid #333333;
	}
	
	.ago-sec02__item:last-child {
		border-bottom: none;
		padding-bottom: 0;
	}
	
	.ago-sec02__item-header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
	}
	
	.ago-sec02__item-title {
		font-family:'GmarketSans', sans-serif;
		font-weight: 700;
		font-size: 34px;
		line-height: 1.4;
		color: #FFFFFF;
		text-transform: uppercase;
		margin: 0;
		flex-shrink: 0;
	}
	
	.ago-sec02__btn {
		width: 50px;
		height: 50px;
		flex-shrink: 0;
		background: transparent;
		border: 1px solid #555555;
		border-radius: 100px;
		cursor: pointer;
		padding: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		transition: opacity 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
	}
	
	.ago-sec02__btn img {
		transition: transform 0.3s ease;
		display: block;
	}
	
	.ago-sec02__btn:hover {
		opacity: 0.8;
	}
	
	.ago-sec02__btn svg {
		display: block;
		width: 100%;
		height: 100%;
	}
	
	.ago-sec02__btn--active {
		border-color: #E5FF48;
		background-color: #E5FF48;
	}
	.ago-sec02__btn--active img{
		transform: rotate(180deg);
		transition: transform 0.3s ease;
		filter: invert(1);
	}
	
	.ago-sec02__item-content {
		font-family:'GmarketSans', sans-serif;
		font-weight: 500;
		font-size: 18px;
		line-height: 1.6;
		color: #CCCCCC;
		text-transform: uppercase;
		overflow: hidden;
		height: 0;
	}
	
	.ago-sec02__item-content p {
		margin: 0;
		padding-top: 30px;
	}
	
	@media screen and (max-width: 1600px){
		.ago-sec02{ width: 93%; margin: 0 auto; }
		.ago-sec02__container{ width: 100%; max-width: 100%; gap: 48px; }
		.ago-sec02__left{ max-width: min(920px, 56%); }
		.ago-sec02__right{ width: 100%; flex: 1; min-width: 0; max-width: none; padding-left: 0; }
		.ago-sec02__title .ago-comm-title{ font-size: clamp(40px, 2.3vw + 12px, 52px); }
	}
	
	/* ≤1023: 1컬럼 (2컬럼·대형 이미지는 ≥1024에서만) */
	@media screen and (max-width: 1023px){
		.ago-sec02{ padding: 100px 0; }
		.ago-sec02__container{ position: relative; flex-direction: column; align-items: center; gap: 60px; }
		.ago-sec02__left{ gap: 50px; width: 100%; max-width: 720px; align-items: center; }
		.ago-sec02__title{ gap: 25px; text-align: center; align-items: center; }
		.ago-sec02__title .ago-comm-title{ font-size: clamp(32px, 3.8vw, 44px); text-align: center; }
		.ago-sec02__title-sub{ width: 100%; max-width: 36em; text-align: center; }
		.ago-sec02__br-desktop{ display: none; }
		.ago-sec02__right{ gap: 35px; width: 100%; max-width: none; padding-left: 0; }
		.ago-sec02__item{ padding-bottom: 35px; }
		.ago-sec02__item-title{ font-size: 28px; }
		.ago-sec02__btn{ width: 45px; height: 45px; }
		.ago-sec02__item-content{ font-size: 16px; }
		.ago-sec02__item-content p{ padding-top: 25px; }
	}
	
	@media screen and (max-width: 768px){
		.ago-sec02{ padding: 80px 0; }
		.ago-sec02__container{ gap: 80px; }
		.ago-sec02__left{ gap: 40px; max-width: 100%; }
		.ago-sec02__title{ gap: 20px; width: 100%; }
		.ago-sec02__title .ago-comm-title{ font-size: clamp(28px, 5.8vw, 36px); }
		.ago-sec02__title-line--lead{
			white-space: normal;
			word-break: keep-all;
		}
		.ago-sec02__title-sub{ max-width: 100%; }
		.ago-sec02__image{ width: 100%; max-width: 500px; height: 280px; }
		.ago-sec02__right{ gap: 30px; }
		.ago-sec02__item{ padding-bottom: 30px; }
		.ago-sec02__item-title{ font-size: 24px; }
		.ago-sec02__btn{ width: 40px; height: 40px; }
		.ago-sec02__btn img{ width: 10px; }
		.ago-sec02__item-content{ font-size: 14px; }
		.ago-sec02__item-content p{ padding-top: 20px; }
	}
	
	@media screen and (max-width: 500px){
		.ago-sec02{ padding: 60px 0; }
		.ago-sec02__container{ gap: 50px; }
		.ago-sec02__left{ gap: 30px; }
		.ago-sec02__title{ gap: 15px; }
		.ago-sec02__title .ago-comm-title{ font-size: 28px; }
		.ago-sec02__title-line{
			white-space: normal;
			word-break: keep-all;
		}
		.ago-sec02__title-sub{ line-height: 1.7; }
		.ago-sec02__image{ width: 100%; height: 200px; }
		.ago-sec02__right{ gap: 25px; }
		.ago-sec02__item{ padding-bottom: 25px; }
		.ago-sec02__item-title{ font-size: 18px; }
		.ago-sec02__btn{ width: 35px; height: 35px; }
		.ago-sec02__item-content{ font-size: 14px; }
		.ago-sec02__item-content p{ padding-top: 15px; }
	}
	
	/*
		PC 이미지 확대 + 좌·우 컬럼 상·하단 정렬
		— base(.ago-sec02__image / .ago-sec02__left / .ago-sec02__right)와 모바일 max-width
			규칙보다 뒤에 두어 cascade에서 덮이지 않게 함.
	*/
	@media screen and (min-width: 1024px) {
		.ago-sec02__image {
			width: 100%;
			max-width: 600px;
			height: auto;
			aspect-ratio: 3 / 2;
		}
	
		.ago-sec02__image img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
	
		/* 타이틀↔이미지 최소 48px; 남는 높이는 space-between이 분배 */
		.ago-sec02__left {
			justify-content: space-between;
			gap: 48px;
			align-self: stretch;
		}
	
		/* 아이템 padding-bottom이 구분선 간격; 남는 높이는 space-between */
		.ago-sec02__right {
			justify-content: space-between;
			gap: 0;
			align-self: stretch;
		}
	
		.ago-sec02__item {
			padding-bottom: 32px;
		}
	
		.ago-sec02__item:last-child {
			padding-bottom: 0;
		}
	}
	
	
	/* ============================================
		 Section 03
		 ============================================ */
	.ago-sec03 {
		display: flex;
		flex-direction: column;
		gap: 100px;
		align-items: center;
		padding: 150px 0;
		width: 100%;
		background-color: #000000;
		/* pin(ScrollTrigger)이 깨지지 않도록 overflow:hidden 사용하지 않음 */
		overflow-x: clip;
		overflow-y: visible;
	}
	
	/* Background Text — outline → white fill */
	.ago-sec03__bg-text {
		position: absolute;
		inset: 0;
		display: grid;
		place-items: center;
		font-family:'GmarketSans', sans-serif;
		font-weight: 700;
		font-size: clamp(42px, 9.5vw, 140px);
		line-height: 1.15;
		text-transform: none;
		text-align: center;
		z-index: 0;
		pointer-events: none;
		overflow: visible;
		padding: 0 16px;
	}
	
	.ago-sec03__bg-text-outline,
	.ago-sec03__bg-text-solid {
		grid-area: 1 / 1;
		display: block;
		max-width: 100%;
		white-space: nowrap;
		font: inherit;
		letter-spacing: -0.02em;
	}
	
	.ago-sec03__bg-text-outline {
		color: transparent;
		-webkit-text-fill-color: transparent;
		-webkit-text-stroke: 2px rgba(255, 255, 255, 0.55);
	}
	
	.ago-sec03__bg-text-solid {
		color: #FFFFFF;
		-webkit-text-fill-color: #FFFFFF;
		-webkit-text-stroke: 0;
		clip-path: inset(0 100% 0 0);
		-webkit-clip-path: inset(0 100% 0 0);
		will-change: clip-path;
	}
	
	/* Title */
	.ago-sec03__title {
		display: flex;
		flex-direction: column;
		gap: 30px;
		align-items: center;
		text-align: center;
		text-transform: uppercase;
		position: relative;
		z-index: 1;
		width: min(1100px, 92%);
	}
	
	.ago-sec03__title-main {
		font-family:'GmarketSans', sans-serif;
		font-weight: 700;
		font-size: 60px;
		line-height: 1.4;
		color: #FFFFFF;
		white-space: nowrap;
		margin: 0;
	}
	
	.ago-sec03__title-sub {
		font-family:'GmarketSans', sans-serif;
		font-weight: 500;
		font-size: 20px;
		line-height: 1.6;
		color: #FFFFFF;
		margin: 0;
		word-break: keep-all;
	}
	
	/* Content */
	.ago-sec03__content {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		width: min(1100px, 92%);
		max-width: 1100px;
		position: relative;
		z-index: 1;
		min-height: 70vh;
	}
	
	.ago-sec03__stage {
		position: relative;
		z-index: 1;
		width: 100%;
		display: grid;
		grid-template-columns: 8px 1fr;
		gap: 28px;
		align-items: stretch;
	}
	
	.ago-sec03__progress {
		position: relative;
		width: 8px;
		border-radius: 999px;
		background: rgba(255, 255, 255, 0.08);
		overflow: hidden;
		align-self: stretch;
		min-height: 420px;
	}
	
	.ago-sec03__progress-fill {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 0%;
		border-radius: inherit;
		background: linear-gradient(180deg, #E5FF48 0%, #9BE15D 100%);
		box-shadow: 0 0 18px rgba(229, 255, 72, 0.35);
	}
	
	.ago-sec03__criteria {
		position: relative;
		width: 100%;
		min-height: 0;
		display: flex;
		flex-direction: column;
		gap: 20px;
	}
	
	.ago-sec03__card {
		position: relative;
		inset: auto;
		display: flex;
		flex-direction: column;
		gap: 28px;
		padding: 48px 52px;
		background:
			linear-gradient(135deg, rgba(255, 255, 255, 0.045) 0%, rgba(255, 255, 255, 0.01) 100%),
			rgba(16, 16, 16, 0.96);
		border: 1px solid rgba(255, 255, 255, 0.08);
		border-radius: 24px;
		overflow: hidden;
		box-shadow: 0 24px 60px rgba(0, 0, 0, 0.35);
		backdrop-filter: blur(8px);
		will-change: transform, opacity;
	}
	
	.ago-sec03__card::before {
		content: '';
		position: absolute;
		inset: 0 auto 0 0;
		width: 3px;
		background: linear-gradient(180deg, #E5FF48 0%, transparent 100%);
		opacity: 0.9;
	}
	
	.ago-sec03__card-step {
		font-family: 'Poppins', 'GmarketSans', sans-serif;
		font-weight: 700;
		font-size: 14px;
		letter-spacing: 0.18em;
		color: #E5FF48;
		margin: 0;
	}
	
	.ago-sec03__card-main {
		display: flex;
		align-items: stretch;
		justify-content: space-between;
		gap: 36px;
		width: 100%;
		height: 100%;
		min-height: 0;
	}
	
	.ago-sec03__card-left {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		gap: 28px;
		flex: 1 1 auto;
		min-width: 0;
		max-width: 560px;
	}
	
	.ago-sec03__card-text {
		display: flex;
		flex-direction: column;
		gap: 18px;
		align-items: flex-start;
		max-width: 100%;
	}
	
	.ago-sec03__card-label {
		font-family: 'Poppins', 'GmarketSans', sans-serif;
		font-weight: 600;
		font-size: 13px;
		letter-spacing: 0.16em;
		text-transform: uppercase;
		color: rgba(255, 255, 255, 0.45);
		margin: 0;
	}
	
	.ago-sec03__card-title {
		font-family:'GmarketSans', sans-serif;
		font-weight: 700;
		font-size: 40px;
		line-height: 1.25;
		color: #FFFFFF;
		margin: 0;
		word-break: keep-all;
	}
	
	.ago-sec03__card-desc {
		font-family:'GmarketSans', sans-serif;
		font-weight: 500;
		font-size: 18px;
		line-height: 1.7;
		color: #CCCCCC;
		margin: 0;
		word-break: keep-all;
	}
	
	.ago-sec03__card-icon {
		width: 120px;
		height: 120px;
		flex-shrink: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 28px;
		background: rgba(229, 255, 72, 0.08);
		border: 1px solid rgba(229, 255, 72, 0.18);
	}
	
	.ago-sec03__card-icon img {
		width: 64%;
		height: 64%;
		object-fit: contain;
	}
	
	/* PC 전용 기술 도식 — 작은 해상도에서는 숨김 */
	.ago-sec03__card-visual {
		display: none;
		flex: 0 0 min(420px, 44%);
		max-width: 440px;
		align-items: center;
		justify-content: center;
		align-self: center;
		min-height: 280px;
		padding: 16px 14px;
		border-radius: 20px;
		background:
			linear-gradient(160deg, rgba(229, 255, 72, 0.07) 0%, transparent 42%),
			rgba(255, 255, 255, 0.03);
		border: 1px solid rgba(255, 255, 255, 0.1);
	}
	
	.ago-sec03__diagram {
		width: 100%;
		height: auto;
		max-height: 300px;
		display: block;
	}
	
	@media screen and (min-width: 1025px) {
		.ago-sec03__criteria {
			position: relative;
			min-height: 480px;
			display: block;
			gap: 0;
		}
	
		.ago-sec03__criteria .ago-sec03__card {
			position: absolute;
			inset: 0;
			opacity: 0;
		}
	
		.ago-sec03__card-visual {
			display: flex;
		}
	
		.ago-sec03__card-left {
			max-width: 480px;
		}
	}
	
	/* Bottom Title */
	.ago-sec03__bottom-title {
		display: flex;
		flex-direction: column;
		gap: 20px;
		align-items: center;
		text-align: center;
		text-transform: uppercase;
		position: relative;
		z-index: 2;
		width: min(1100px, 92%);
		margin-top: 8px;
		isolation: isolate;
		background-color: #000000;
	}
	
	.ago-sec03__bottom-title-main {
		font-family:'GmarketSans', sans-serif;
		font-weight: 700;
		font-size: 40px;
		line-height: 1.6;
		color: #FFFFFF;
		white-space: nowrap;
		margin: 0;
	}
	
	.ago-sec03__bottom-title-sub {
		font-family:'GmarketSans', sans-serif;
		font-weight: 500;
		font-size: 20px;
		line-height: 1.6;
		color: #FFFFFF;
		margin: 0;
		word-break: keep-all;
	}
	
	.ago-sec03__bottom-title-note {
		font-family:'GmarketSans', sans-serif;
		font-weight: 500;
		font-size: 18px;
		line-height: 1.6;
		color: rgba(255, 255, 255, 0.5);
		margin: 0;
		word-break: keep-all;
	}
	
	@media screen and (max-width: 1280px){
		.ago-sec03{ padding: 120px 0; gap: 80px; }
		.ago-sec03__title-main{ font-size: 48px; white-space: normal; }
		.ago-sec03__title-sub{ font-size: 18px; }
		.ago-sec03__card{ padding: 40px 44px; }
		.ago-sec03__card-title{ font-size: 34px; }
		.ago-sec03__card-desc{ font-size: 16px; }
		.ago-sec03__card-icon{ width: 104px; height: 104px; }
		.ago-sec03__bottom-title-main{ font-size: 32px; white-space: normal; word-break: keep-all; }
		.ago-sec03__bottom-title-sub{ font-size: 18px; }
	}
	
	@media screen and (max-width: 1024px){
		.ago-sec03{ padding: 72px 0; gap: 48px; overflow: visible; }
		.ago-sec03__content{
			position: relative;
			overflow: visible;
			min-height: calc(100dvh - 80px - 88px);
			justify-content: center;
			align-items: center;
		}
		.ago-sec03__bg-text{
			position: absolute;
			inset: 0;
			width: auto;
			height: auto;
			min-height: 0;
			margin: 0;
			padding: 0 12px;
			overflow: visible;
			font-size: clamp(34px, 9.2vw, 64px);
			z-index: 2;
			opacity: 1;
			visibility: visible;
			display: grid;
			place-items: center;
		}
		.ago-sec03__bg-text-outline,
		.ago-sec03__bg-text-solid{
			transform: none;
			white-space: nowrap;
		}
		.ago-sec03__bg-text-outline{ -webkit-text-stroke-width: 1.5px; }
		.ago-sec03__stage{ grid-template-columns: 6px 1fr; gap: 20px; z-index: 1; width: 100%; }
		.ago-sec03__progress{ min-height: 100%; align-self: stretch; }
		.ago-sec03__criteria{
			position: relative;
			min-height: min(340px, 52vh);
			display: block;
			gap: 0;
		}
		.ago-sec03__criteria .ago-sec03__card{
			position: absolute;
			inset: 0;
			opacity: 0;
			justify-content: center;
		}
		.ago-sec03__card{
			min-height: 0;
			padding: 36px 32px;
		}
		.ago-sec03__card-main{ gap: 28px; height: auto; flex: 0 0 auto; }
		.ago-sec03__card-left{ max-width: none; gap: 22px; justify-content: flex-start; }
		.ago-sec03__card-visual{ display: none !important; }
		.ago-sec03__card-title{ font-size: 30px; }
		.ago-sec03__card-icon{ width: 88px; height: 88px; border-radius: 22px; }
		.ago-sec03__bottom-title-main{ font-size: 28px; }
		.ago-sec03__bottom-title-note{ font-size: 16px; }
	}
	
	@media screen and (max-width: 768px){
		.ago-sec03{ padding: 56px 0; gap: 36px; }
		.ago-sec03__title{ gap: 16px; }
		.ago-sec03__title-main{ font-size: 32px; white-space: normal; word-break: keep-all; }
		.ago-sec03__title-sub{ font-size: 15px; }
		.ago-sec03__content{ min-height: calc(100dvh - 80px - 88px); }
		.ago-sec03__bg-text{
			font-size: clamp(28px, 9.5vw, 44px);
			padding: 0 10px;
		}
		.ago-sec03__bg-text-outline,
		.ago-sec03__bg-text-solid{
			white-space: nowrap;
			word-break: keep-all;
			text-align: center;
		}
		.ago-sec03__stage{ grid-template-columns: 1fr; gap: 0; }
		.ago-sec03__progress{ display: none; }
		.ago-sec03__criteria{ min-height: min(300px, 50vh); gap: 0; }
		.ago-sec03__card{ padding: 28px 24px; border-radius: 18px; gap: 20px; }
		.ago-sec03__card-main{ flex-direction: column; align-items: flex-start; gap: 20px; height: auto; }
		.ago-sec03__card-left{ width: 100%; max-width: none; gap: 20px; justify-content: flex-start; }
		.ago-sec03__card-visual{ display: none !important; }
		.ago-sec03__card-text{ gap: 12px; max-width: none; }
		.ago-sec03__card-title{ font-size: 24px; }
		.ago-sec03__card-desc{ font-size: 14px; }
		.ago-sec03__card-icon{ width: 72px; height: 72px; border-radius: 18px; }
		.ago-sec03__bottom-title{ gap: 14px; margin-top: 28px; padding-top: 8px; }
		.ago-sec03__bottom-title-main{ font-size: 22px; }
		.ago-sec03__bottom-title-sub{ font-size: 15px; }
		.ago-sec03__bottom-title-note{ font-size: 13px; }
	}
	
	@media screen and (max-width: 500px){
		.ago-sec03{ padding: 44px 0; gap: 28px; }
		.ago-sec03__title-main{ font-size: 24px; }
		.ago-sec03__title-sub{ font-size: 13px; }
		.ago-sec03__title-sub br{ display: none; }
		.ago-sec03__card{ padding: 24px 20px; }
		.ago-sec03__card-step{ font-size: 12px; }
		.ago-sec03__card-label{ font-size: 11px; }
		.ago-sec03__card-title{ font-size: 20px; }
		.ago-sec03__card-desc{ font-size: 13px; }
		.ago-sec03__card-icon{ width: 60px; height: 60px; }
		.ago-sec03__bottom-title-main{ font-size: 18px; }
		.ago-sec03__bottom-title-sub{ font-size: 13px; }
		.ago-sec03__bottom-title-note{ font-size: 12px; }
	}
	
	
	/* ============================================
		 Section 04
		 ============================================ */
	.ago-sec04 {
		display: flex;
		flex-direction: column;
		gap: 100px;
		align-items: center;
		padding: 150px 0;
		width: 100%;
		background-color: #000000;
	}
	
	/* Title */
	.ago-sec04__title {
		display: flex;
		flex-direction: column;
		gap: 30px;
		align-items: center;
		text-align: center;
	}
	
	.ago-sec04__title-sub {
		font-family:'GmarketSans', sans-serif;
		font-weight: 500;
		font-size: 20px;
		line-height: 1.6;
		color: #FFFFFF;
		text-transform: uppercase;
		margin: 0;
	}
	
	/* Carousel */
	.ago-sec04__carousel {
		display: flex;
		flex-direction: column;
		gap: 70px;
		align-items: center;
		width: 100%;
		overflow: hidden;
	}
	
	.ago-sec04__carousel-track {
		display: flex;
		gap: 30px;
		padding: 0 calc((100vw - 1500px) / 2);
		width: 100%;
		transform: translateX(-310px);
	}
	
	/* Cards */
	.ago-sec04__card {
		display: flex;
		flex-direction: column;
		width: 400px;
		height: 500px;
		padding: 50px 40px;
		border-radius: 10px;
		flex-shrink: 0;
		overflow: hidden;
		position: relative;
	}
	
	.ago-sec04__card--dark {
		background-color: #131313;
		box-shadow: 4px 4px 1px 0px rgba(228, 254, 70, 0.2);
		justify-content: flex-end;
	}
	
	.ago-sec04__card--highlight {
		background: linear-gradient(to left, #BBD80B, #E5FF48);
		box-shadow: 4px 4px 1px 0px #E4FE47;
		justify-content: space-between;
	}
	
	.ago-sec04__card-title {
		font-family:'GmarketSans', sans-serif;
		font-weight: 700;
		font-size: 40px;
		line-height: 1.4;
		color: rgba(255, 255, 255, 0.5);
		text-transform: uppercase;
		margin: 0;
	}
	
	/* Highlight Card */
	.ago-sec04__card-side-text {
		position: absolute;
		top: 50%;
		right: 31px;
		transform: translateY(-50%);
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		height: 440px;
		padding-left: 10px;
		border-left: 1px solid rgba(0, 0, 0, 0.2);
	}
	
	.ago-sec04__card-side-text span {
		font-family:'GmarketSans', sans-serif;
		font-size: 15px;
		line-height: 1.5;
		color: #111111;
		text-transform: uppercase;
		writing-mode: vertical-rl;
		text-orientation: mixed;
		white-space: nowrap;
	}
	
	.ago-sec04__card-brand {
		font-weight: 700;
	}
	
	.ago-sec04__card-side-text span.ago-sec04__card-service {
		font-weight: 500;
		text-orientation: sideways;
	}
	
	.ago-sec04__card-content {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		height: 100%;
		width: 100%;
	}
	
	.ago-sec04__card-text {
		display: flex;
		flex-direction: column;
		gap: 20px;
	}
	
	.ago-sec04__card-title-main {
		font-family:'GmarketSans', sans-serif;
		font-weight: 700;
		font-size: 40px;
		line-height: 1.4;
		color: #111111;
		text-transform: uppercase;
		margin: 0;
	}
	
	.ago-sec04__card-subtitle {
		font-family:'GmarketSans', sans-serif;
		font-weight: 500;
		font-size: 18px;
		line-height: 1.5;
		color: #111111;
		text-transform: uppercase;
		margin: 0;
	}
	
	.ago-sec04__card-icon {
		width: auto;
		max-width: calc(100% - 52px);
		height: auto;
		border-radius: 0;
		flex-shrink: 0;
	}
	
	.ago-sec04__card-strength {
		display: block;
		font-family: 'GmarketSans', sans-serif;
		font-weight: 700;
		font-size: 18px;
		line-height: 1.4;
		color: #111111;
		word-break: keep-all;
		overflow-wrap: break-word;
		white-space: pre-line;
		max-width: 100%;
	}
	
	/* Controls */
	.ago-sec04__controls {
		display: flex;
		gap: 10px;
		align-items: center;
	}
	
	.ago-sec04__progress {
		position: relative;
		width: 500px;
		height: 3px;
	}
	
	.ago-sec04__progress-bar {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(255, 255, 255, 0.3);
	}
	
	.ago-sec04__progress-fill {
		position: absolute;
		top: 0;
		left: 0;
		width: 60%;
		height: 100%;
		background-color: #FFFFFF;
		transition: width 0.3s ease;
	}
	
	.ago-sec04__arrows {
		display: flex;
		gap: 10px;
		align-items: center;
	}
	
	.ago-sec04__arrow {
		width: 40px;
		height: 40px;
		background: transparent;
		border: none;
		cursor: pointer;
		padding: 0;
		transition: opacity 0.3s ease;
		flex-shrink: 0;
	}
	
	.ago-sec04__arrow:hover {
		opacity: 0.7;
	}
	
	.ago-sec04__arrow svg {
		display: block;
		width: 100%;
		height: 100%;
	}
	
	/* Bottom Text */
	.ago-sec04__bottom-text {
		display: flex;
		flex-direction: column;
		gap: 20px;
		align-items: center;
		text-align: center;
	}
	
	.ago-sec04__bottom-text p {
		font-family:'GmarketSans', sans-serif;
		font-weight: 500;
		font-size: 40px;
		line-height: 1.6;
		color: #FFFFFF;
		text-transform: uppercase;
		white-space: nowrap;
		margin: 0;
	}
	
	@media screen and (max-width: 1600px){
		.ago-sec04__title{ width: 93%; margin: 0 auto; }
		.ago-sec04__bottom-text{ width: 93%; margin: 0 auto; }
	}
	
	@media screen and (max-width: 1024px){
		.ago-sec04{ padding: 100px 0; gap: 80px; }
		.ago-sec04__title{ gap: 25px; }
		.ago-sec04__title-sub{ font-size: 18px; }
		.ago-sec04__carousel{ gap: 60px; }
		.ago-sec04__carousel-track{ gap: 25px; transform: translateX(-365px); }
		.ago-sec04__card{ width: 340px; height: 430px; padding: 40px 35px; }
		.ago-sec04__card-title{ font-size: 32px; }
		.ago-sec04__card-side-text{ right: 26px; height: 370px; }
		.ago-sec04__card-side-text span{ font-size: 14px; }
		.ago-sec04__card-title-main{ font-size: 32px; }
		.ago-sec04__card-subtitle{ font-size: 16px; }
		.ago-sec04__card-strength{ font-size: 16px; max-width: 100%; }
		.ago-sec04__progress{ width: 400px; }
		.ago-sec04__arrow{ width: 35px; height: 35px; }
		.ago-sec04__bottom-text p{ font-size: 32px; }
	}
	
	@media screen and (max-width: 768px){
		.ago-sec04{ padding: 80px 0; gap: 60px; }
		.ago-sec04__title{ gap: 20px; }
		.ago-sec04__title-sub{ font-size: 16px; }
		.ago-sec04__carousel{ gap: 50px; }
		.ago-sec04__carousel-track{ gap: 20px; padding: 0 4%; transform: translateX(-300px); }
		.ago-sec04__card{ width: 280px; height: 360px; padding: 35px 28px; }
		.ago-sec04__card-title{ font-size: 28px; }
		.ago-sec04__card-side-text{ right: 22px; height: 310px; }
		.ago-sec04__card-side-text span{ font-size: 14px; }
		.ago-sec04__card-text{ gap: 15px; }
		.ago-sec04__card-title-main{ font-size: 28px; }
		.ago-sec04__card-subtitle{ font-size: 14px; }
		.ago-sec04__card-icon{ max-width: calc(100% - 44px); }
		.ago-sec04__card-strength{ font-size: 15px; }
		.ago-sec04__progress{ width: 300px; }
		.ago-sec04__arrow{ width: 32px; height: 32px; }
		.ago-sec04__bottom-text p{ font-size: 24px; white-space: normal; word-break: keep-all; }
		.ago-sec04__arrows{ gap: 5px; }
	}
	
	@media screen and (max-width: 500px){
		.ago-sec04{ padding: 60px 0; gap: 50px; }
		.ago-sec04__title{ gap: 15px; }
		.ago-sec04__title-sub{ font-size: 14px; }
		.ago-sec04__carousel{ gap: 40px; }
		.ago-sec04__carousel-track{ gap: 15px; padding: 0 4%; transform: translateX(-235px); }
		.ago-sec04__card{ width: 220px; height: 300px; padding: 28px 22px; }
		.ago-sec04__card-title{ font-size: 22px; }
		.ago-sec04__card-side-text{ right: 18px; height: 250px; padding-left: 8px; }
		.ago-sec04__card-side-text span{ font-size: 14px; }
		.ago-sec04__card-text{ gap: 12px; }
		.ago-sec04__card-title-main{ font-size: 22px; }
		.ago-sec04__card-subtitle{ font-size: 14px; }
		.ago-sec04__card-icon{ max-width: calc(100% - 36px); }
		.ago-sec04__card-strength{ font-size: 13px; }
		.ago-sec04__progress{ width: 200px; }
		.ago-sec04__arrow{ width: 28px; height: 28px; }
		.ago-sec04__bottom-text{ gap: 15px; }
		.ago-sec04__bottom-text p{ font-size: 18px; white-space: normal; word-break: keep-all; }
	}
	
	
	
	/* ============================================
		 Section 05
		 ============================================ */
	.ago-sec05 {
		display: flex;
		flex-direction: column;
		gap: 100px;
		align-items: center;
		padding: 150px 0;
		width: 100%;
		background-color: #000000;
	}
	
	/* Title */
	.ago-sec05__title {
		display: flex;
		flex-direction: column;
		gap: 30px;
		align-items: center;
		text-align: center;
		margin-bottom: 180px;
	}
	
	.ago-sec05__title-sub {
		font-family:'GmarketSans', sans-serif;
		font-weight: 500;
		font-size: 20px;
		line-height: 1.6;
		color: #FFFFFF;
		white-space: nowrap;
	}
	
	.ago-sec05__title-sub p {
		margin: 0;
	}
	
	/* Pricing Cards */
	/* ================================================
		 sec05 — pricing cards (.ago-sec01__cards 구조 공유)
		 ================================================ */
	.ago-sec05 .ago-sec01__cards {
		display: flex;
		gap: 30px;
		align-items: stretch;
		justify-content: center;
		width: 100%;
		margin-bottom: 30px;
	}
	
	.ago-sec05 .ago-sec01__card {
		flex: 1 0 0;
		height: 890px;
		background-color: #FFFFFF;
		border-radius: 10px;
		box-shadow: 4px 6px 20px 0px rgba(0, 0, 0, 0.2);
		padding: 50px 30px;
		display: flex;
		flex-direction: column;
		gap: 30px;
		position: relative;
	}
	
	.ago-sec05 .ago-sec01__card:first-of-type .ago-sec01__card-content {
		height: 100%;
		display: flex;
		justify-content: center;
	}
	
	.ago-sec05 .ago-sec01__card--featured {
		background-color: #E5FF48;
		border-radius: 0 0 10px 10px;
	}
	
	.ago-sec05 .ago-sec01__card-badge {
		position: absolute;
		bottom: 100%;
		left: 0;
		right: 0;
		background-color: #000000;
		border-style: solid;
		border-width: 3px 3px 0 3px;
		border-color: #E5FF48;
		border-radius: 10px 10px 0 0;
		padding: 30px;
		text-align: center;
		font-weight: 700;
		font-size: 22px;
		line-height: 1;
		color: #E5FF48;
		animation: sec01-blink-border 1.5s ease-in-out infinite;
	}
	
	.ago-sec05 .ago-sec01__card-header {
		display: flex;
		flex-direction: column;
		gap: 20px;
		align-items: center;
		text-align: center;
	}
	
	.ago-sec05 .ago-sec01__card-title {
		font-weight: 700;
		font-size: 40px;
		line-height: 1.5;
		color: #000000;
		margin: 0;
	}
	
	.ago-sec05 .ago-sec01__card-sub {
		font-weight: 500;
		font-size: 20px;
		line-height: 1.5;
		color: #000000;
		margin: 0;
	}
	
	.ago-sec05 .ago-sec01__card-sub .ago-bold {
		font-weight: 700;
	}
	
	.ago-sec05 .ago-sec01__card-content {
		display: flex;
		flex-direction: column;
		border: 1px solid #000000;
		border-radius: 10px;
		padding: 50px 30px;
		gap: 50px;
	}
	
	.ago-sec05 .ago-sec01__plan {
		display: flex;
		flex-direction: column;
		gap: 20px;
		align-items: center;
		justify-content: center;
	}
	
	.ago-sec05 .ago-sec01__badge {
		display: flex;
		justify-content: space-between;
		width: 100%;
		padding: 10px 30px;
		border-radius: 100px;
		font-weight: 700;
		font-size: 16px;
		line-height: 1;
		text-align: center;
	}
	
	.ago-sec05 .ago-sec01__badge--white {
		background-color: #FFFFFF;
		border: 2px solid #000000;
		color: #000000;
	}
	
	.ago-sec05 .ago-sec01__badge--black {
		background-color: #000000;
		border: 1px solid #000;
		color: #FFFFFF;
	}
	
	.ago-sec05 .ago-sec01__badge span {
		font-weight: 500;
	}
	
	.ago-sec05 .ago-sec01__price-group {
		display: flex;
		flex-direction: column;
		gap: 10px;
		align-items: center;
	}
	
	.ago-sec05 .ago-sec01__price-old {
		font-weight: 500;
		font-size: 18px;
		line-height: 1;
		color: #000000;
		text-align: center;
		margin: 0;
	}
	
	.ago-sec05 .ago-sec01__price-old .ago-strikethrough {
		text-decoration: line-through;
		text-decoration-skip-ink: none;
		font-size: 24px;
	}
	
	.ago-sec05 .ago-sec01__price-old .ago-bold {
		font-weight: 700;
	}
	
	.ago-sec05 .ago-sec01__arrow-down {
		width: 13px;
		height: 20px;
	}
	
	.ago-sec05 .ago-sec01__arrow-down svg {
		display: block;
		width: 100%;
		height: 100%;
	}
	
	.ago-sec05 .ago-sec01__price {
		font-weight: 700;
		font-size: 40px;
		line-height: 1;
		color: #000000;
		text-align: center;
		margin: 0;
	}
	
	.ago-sec05 .ago-sec01__price .ago-price-main {
		font-size: 40px;
	}
	
	.ago-sec05 .ago-sec01__price .ago-price-unit {
		font-weight: 500;
		font-size: 20px;
	}
	
	.ago-sec05 .ago-sec01__plan-desc {
		font-weight: 500;
		font-size: 20px;
		line-height: 1.5;
		color: #000000;
		text-align: center;
		margin: 0;
	}
	
	.ago-sec05 .ago-sec01__plan-note {
		font-weight: 500;
		font-size: 16px;
		line-height: 1.5;
		color: #000000;
		text-align: center;
		margin: 0;
	}
	
	/* 반응형 — 1280px 이하 */
	@media screen and (max-width: 1280px) {
		.ago-sec05 .ago-sec01__cards { gap: 20px; }
		.ago-sec05 .ago-sec01__card { padding: 40px 22px; gap: 24px; height: auto; }
		.ago-sec05 .ago-sec01__card-content { padding: 40px 20px; gap: 40px; }
		.ago-sec05 .ago-sec01__card-badge { padding: 22px; font-size: 18px; }
		.ago-sec05 .ago-sec01__card-title { font-size: 34px; }
		.ago-sec05 .ago-sec01__card-sub { font-size: 18px; }
		.ago-sec05 .ago-sec01__plan { gap: 18px; }
		.ago-sec05 .ago-sec01__badge { font-size: 15px; padding: 10px 24px; }
		.ago-sec05 .ago-sec01__price-old { font-size: 16px; }
		.ago-sec05 .ago-sec01__price-old .ago-strikethrough { font-size: 22px; }
		.ago-sec05 .ago-sec01__price { font-size: 34px; }
		.ago-sec05 .ago-sec01__price .ago-price-main { font-size: 34px; }
		.ago-sec05 .ago-sec01__price .ago-price-unit { font-size: 18px; }
		.ago-sec05 .ago-sec01__plan-desc { font-size: 18px; }
		.ago-sec05 .ago-sec01__plan-note { font-size: 15px; }
	}
	
	/* 반응형 — 1024px 이하 */
	@media screen and (max-width: 1024px) {
		.ago-sec05 .ago-sec01__cards {
			display: grid;
			grid-template-columns: 1fr 1fr;
			grid-template-rows: auto auto;
			gap: 20px;
		}
		.ago-sec05 .ago-sec01__card { height: auto; padding: 36px 22px; gap: 22px; }
		.ago-sec05 .ago-sec01__card-content { padding: 30px 18px; gap: 28px; }
		.ago-sec05 .ago-sec01__card--featured { grid-column: 1 / -1; grid-row: 1; width: 100%; }
		.ago-sec05 .ago-sec01__card--featured .ago-sec01__badge { max-width: 50%; }
		.ago-sec05 .ago-sec01__cards > .ago-sec01__card:first-child { grid-row: 2; grid-column: 1; }
		.ago-sec05 .ago-sec01__cards > .ago-sec01__card:nth-child(2) { grid-row: 2; grid-column: 2; }
		.ago-sec05 .ago-sec01__card-badge { padding: 18px 22px; font-size: 16px; }
		.ago-sec05 .ago-sec01__card-header { gap: 14px; }
		.ago-sec05 .ago-sec01__card-title { font-size: 28px; }
		.ago-sec05 .ago-sec01__card-sub { font-size: 16px; }
		.ago-sec05 .ago-sec01__plan { gap: 14px; }
		.ago-sec05 .ago-sec01__badge { font-size: 13px; padding: 9px 16px; }
		.ago-sec05 .ago-sec01__price-old { font-size: 14px; }
		.ago-sec05 .ago-sec01__price-old .ago-strikethrough { font-size: 17px; }
		.ago-sec05 .ago-sec01__price { font-size: 26px; }
		.ago-sec05 .ago-sec01__price .ago-price-main { font-size: 26px; }
		.ago-sec05 .ago-sec01__price .ago-price-unit { font-size: 15px; }
		.ago-sec05 .ago-sec01__plan-desc { font-size: 16px; }
		.ago-sec05 .ago-sec01__plan-note { font-size: 14px; }
	}
	
	/* 반응형 — 768px 이하 */
	@media screen and (max-width: 768px) {
		.ago-sec05 .ago-sec01__cards { display: flex; flex-direction: column; align-items: stretch; gap: 20px; }
		.ago-sec05 .ago-sec01__card { width: 100%; height: auto; padding: 32px 22px; gap: 20px; }
		.ago-sec05 .ago-sec01__card--featured { order: -1; }
		.ago-sec05 .ago-sec01__card--featured .ago-sec01__badge { max-width: 100%; }
		.ago-sec05 .ago-sec01__card-content { padding: 26px 18px; gap: 24px; }
		.ago-sec05 .ago-sec01__card-badge { padding: 18px 22px; font-size: 15px; }
		.ago-sec05 .ago-sec01__card-header { gap: 12px; }
		.ago-sec05 .ago-sec01__card-title { font-size: 26px; }
		.ago-sec05 .ago-sec01__card-sub { font-size: 15px; }
		.ago-sec05 .ago-sec01__plan { gap: 14px; }
		.ago-sec05 .ago-sec01__badge { font-size: 13px; padding: 9px 16px; }
		.ago-sec05 .ago-sec01__price-old { font-size: 14px; }
		.ago-sec05 .ago-sec01__price-old .ago-strikethrough { font-size: 17px; }
		.ago-sec05 .ago-sec01__price { font-size: 26px; }
		.ago-sec05 .ago-sec01__price .ago-price-main { font-size: 26px; }
		.ago-sec05 .ago-sec01__price .ago-price-unit { font-size: 15px; }
		.ago-sec05 .ago-sec01__plan-desc { font-size: 15px; }
		.ago-sec05 .ago-sec01__plan-note { font-size: 14px; }
	}
	
	/* 반응형 — 500px 이하 */
	@media screen and (max-width: 500px) {
		.ago-sec05 .ago-sec01__cards { gap: 16px; }
		.ago-sec05 .ago-sec01__card { padding: 26px 18px; gap: 18px; }
		.ago-sec05 .ago-sec01__card-content { padding: 20px 14px; gap: 20px; }
		.ago-sec05 .ago-sec01__plan { gap: 12px; }
		.ago-sec05 .ago-sec01__card-badge { padding: 15px 18px; font-size: 14px; }
		.ago-sec05 .ago-sec01__card-header { gap: 10px; }
		.ago-sec05 .ago-sec01__card-title { font-size: 22px; }
		.ago-sec05 .ago-sec01__card-sub { font-size: 14px; }
		.ago-sec05 .ago-sec01__badge { font-size: 14px; padding: 8px 14px; flex-wrap: wrap; gap: 4px; }
		.ago-sec05 .ago-sec01__price-old { font-size: 14px; }
		.ago-sec05 .ago-sec01__price-old .ago-strikethrough { font-size: 15px; }
		.ago-sec05 .ago-sec01__price { font-size: 22px; }
		.ago-sec05 .ago-sec01__price .ago-price-main { font-size: 22px; }
		.ago-sec05 .ago-sec01__price .ago-price-unit { font-size: 14px; }
		.ago-sec05 .ago-sec01__plan-desc { font-size: 14px; }
		.ago-sec05 .ago-sec01__plan-note { font-size: 14px; }
	}
	
	/* (기존 sec05__pricing CSS - 더 이상 사용되지 않음) */
	.ago-sec05__pricing {
		display: flex;
		gap: 30px;
		align-items: stretch;
		justify-content: center;
		width: 100%;
		margin-bottom: 30px;
	}
	
	.ago-sec05__card {
		flex: 1 0 0;
		height: 763px;
		background-color: #FFFFFF;
		border-radius: 10px;
		box-shadow: 4px 6px 20px 0px rgba(0, 0, 0, 0.2);
		padding: 50px 30px;
		display: flex;
		flex-direction: column;
		gap: 30px;
		position: relative;
	}
	
	.ago-sec05__card--highlight {
		background-color: #E5FF48;
		border-radius: 0 0 10px 10px;
	}
	
	@keyframes blink-border {
		0%, 100% {
			border-color: #E5FF48;
			opacity: 1;
		}
		50% {
			border-color: #E5FF48;
			opacity: 0.3;
		}
	}
	
	.ago-sec05__card-badge {
		position: absolute;
		bottom: 100%;
		left: 0;
		right: 0;
		background-color: #000000;
		border-style: solid;
		border-width: 3px 3px 0 3px;
		border-color: #E5FF48;
		border-radius: 10px 10px 0 0;
		padding: 30px;
		text-align: center;
		font-family:'GmarketSans', sans-serif;
		font-weight: 700;
		font-size: 22px;
		line-height: 1;
		color: #E5FF48;
		animation: blink-border 1.5s ease-in-out infinite;
	}
	
	.ago-sec05__card-header {
		display: flex;
		flex-direction: column;
		gap: 20px;
		align-items: center;
		text-align: center;
	}
	
	.ago-sec05__card-title {
		font-family:'GmarketSans', sans-serif;
		font-weight: 700;
		font-size: 40px;
		line-height: 1.5;
		color: #000000;
		margin: 0;
	}
	
	.ago-sec05__card-subtitle {
		font-family:'GmarketSans', sans-serif;
		font-weight: 500;
		font-size: 20px;
		line-height: 1.5;
		color: #000000;
		margin: 0;
	}
	
	.ago-sec05__card-subtitle .ago-bold {
		font-weight: 700;
	}
	
	.ago-sec05__card-content {
		display: flex;
		flex-direction: column;
		border: 1px solid #000000;
		border-radius: 10px;
		flex: 1;
	}
	
	.ago-sec05__plan {
		flex: 1;
		display: flex;
		flex-direction: column;
		gap: 20px;
		align-items: center;
		justify-content: center;
		padding: 0 30px;
	}
	
	.ago-sec05__badge {
		padding: 10px 20px;
		border-radius: 100px;
		font-family:'GmarketSans', sans-serif;
		font-weight: 700;
		font-size: 16px;
		line-height: 1;
		text-align: center;
	}
	
	.ago-sec05__badge--white {
		background-color: #FFFFFF;
		border: 2px solid #000000;
		color: #000000;
	}
	
	.ago-sec05__badge--black {
		background-color: #000000;
		color: #FFFFFF;
	}
	
	.ago-sec05__price-group {
		display: flex;
		flex-direction: column;
		gap: 10px;
		align-items: center;
	}
	
	.ago-sec05__price-old {
		font-family:'GmarketSans', sans-serif;
		font-weight: 500;
		font-size: 18px;
		line-height: 1;
		color: #000000;
		text-align: center;
		margin: 0;
	}
	
	.ago-sec05__price-old .ago-strikethrough {
		text-decoration: line-through;
		text-decoration-skip-ink: none;
		font-size: 24px;
	}
	
	.ago-sec05__price-old .ago-bold {
		font-weight: 700;
	}
	
	.ago-sec05__arrow-down {
		width: 13px;
		height: 20px;
	}
	
	.ago-sec05__price {
		font-family:'GmarketSans', sans-serif;
		font-weight: 700;
		font-size: 40px;
		line-height: 1;
		color: #000000;
		text-align: center;
		margin: 0;
	}
	
	.ago-sec05__price .ago-price-main {
		font-size: 40px;
	}
	
	.ago-sec05__price .ago-price-unit {
		font-family:'GmarketSans', sans-serif;
		font-weight: 500;
		font-size: 20px;
	}
	
	.ago-sec05__plan-desc {
		font-family:'GmarketSans', sans-serif;
		font-weight: 500;
		font-size: 20px;
		line-height: 1.5;
		color: #000000;
		text-align: center;
		margin: 0;
	}
	
	.ago-sec05__plan-note {
		font-family:'GmarketSans', sans-serif;
		font-weight: 500;
		font-size: 16px;
		line-height: 1.5;
		color: #000000;
		text-align: center;
		margin: 0;
	}
	
	.ago-sec05__divider {
		width: 100%;
		height: 1px;
		background-color: #DDDDDD;
		flex-shrink: 0;
	}
	
	.ago-sec05__divider--light {
		background-color: rgba(0, 0, 0, 0.2);
	}
	
	/* Note */
	.ago-sec05__note {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		margin-bottom: 100px;
		font-family:'GmarketSans', sans-serif;
		font-weight: 500;
		font-size: 20px;
		line-height: 1.6;
		color: #FFFFFF;
		text-align: center;
	}
	
	.ago-sec05__footnote {
		font-weight: 700;
		padding-left: 3.2rem;
		position: relative;
		display: inline-block;
		max-width: 100%;
		text-align: center;
		white-space: normal;
		word-break: keep-all;
		overflow-wrap: break-word;
		line-height: 1.6;
	}
	
	.ago-sec05__note-br {
		display: none;
	}
	
	.ago-sec05__footnote::before{
		content: '';
		display: block;
		width: 24px;
		height: 24px;
		background: url('../../_img/sub/aeo-geo/mark_ico_line.png') no-repeat center;
		position: absolute;
		left: 0;
		top: 2px;
	}
	
	.ago-sec05__footnote b {
		font-weight: 700;
		color: #E5FF48;
		text-decoration: underline;
		text-decoration-thickness: 2px;
		text-underline-offset: 5px;
		word-break: keep-all;
	}
	
	.ago-sec05__underline {
		position: relative;
		z-index: 0;
		/* inline-flex: 하이라이트 박스 안 텍스트 세로 중앙 + 검정 오버레이용 박스 */
		display: inline-flex;
		align-items: center;
		vertical-align: baseline;
		text-decoration: none;
		word-break: keep-all;
		line-height: 1.2;
		/* GmarketSans 한글: em 박스 상단 치우침 → 상단 패딩을 더 줌 */
		padding: 0.16em 0.14em 0.05em;
		margin: 0 -0.04em;
	}
	
	.ago-sec05__underline::after {
		content: '';
		position: absolute;
		inset: 0;
		background-color: #E5FF48;
		transform-origin: left center;
		transform: scaleX(var(--underline-scale, 0));
		z-index: -1;
		pointer-events: none;
	}
	
	.ago-sec05__underline .ago-underline__black {
		position: absolute;
		inset: 0;
		display: flex;
		align-items: center;
		color: #000000;
		pointer-events: none;
		white-space: nowrap;
		clip-path: inset(0 100% 0 0);
		z-index: 1;
	}
	
	.ago-sec05__vat {
		flex-shrink: 0;
		padding-left: 30px;
	}
	
	/* Options Section */
	.ago-sec05__options {
		width: 100%;
		border: 1px solid #565656;
		border-radius: 10px;
		padding: 50px;
		display: flex;
		gap: 20px;
		align-items: flex-start;
		margin-bottom: 100px;
	}
	
	.ago-sec05__options-header {
		display: flex;
		gap: 10px;
		align-items: flex-start;
		width: 300px;
		flex-shrink: 0;
	}
	
	.ago-sec05__options-header svg {
		flex-shrink: 0;
	}
	
	.ago-sec05__options-title {
		font-family:'GmarketSans', sans-serif;
		font-size: 22px;
		line-height: 1.4;
		color: #E5FF48;
		white-space: nowrap;
	}
	
	.ago-sec05__options-title p {
		margin: 0;
	}
	
	.ago-sec05__options-title .ago-bold {
		font-weight: 700;
	}
	
	.ago-sec05__options-title .ago-medium {
		font-weight: 500;
	}
	
	.ago-sec05__options-content {
		display: flex;
		flex-direction: column;
		gap: 20px;
		flex: 1;
	}
	
	.ago-sec05__options-list {
		display: flex;
		flex-direction: column;
		gap: 20px;
	}
	
	.ago-sec05__option-item {
		display: flex;
		gap: 10px;
		align-items: center;
	}
	
	.ago-sec05__option-item svg {
		flex-shrink: 0;
	}
	
	.ago-sec05__option-item span {
		font-family:'GmarketSans', sans-serif;
		font-weight: 500;
		font-size: 18px;
		line-height: 1.5;
		color: #FFFFFF;
	}
	
	.ago-sec05__option-example {
		display: flex;
		gap: 10px;
		align-items: center;
	}
	
	.ago-sec05__option-badge {
		padding: 10px 15px;
		border: 1px solid #FFFFFF;
		border-radius: 100px;
		font-family:'GmarketSans', sans-serif;
		font-weight: 500;
		font-size: 18px;
		line-height: 1;
		color: #FFFFFF;
		flex-shrink: 0;
	}
	
	.ago-sec05__option-example p {
		font-family:'GmarketSans', sans-serif;
		font-weight: 500;
		font-size: 18px;
		line-height: 1.6;
		color: #FFFFFF;
		margin: 0;
	}
	
	/* Bottom Text */
	.ago-sec05__bottom-text {
		display: flex;
		flex-direction: column;
		gap: 20px;
		align-items: center;
		text-align: center;
		font-family:'GmarketSans', sans-serif;
		font-weight: 500;
		font-size: 40px;
		line-height: 1.6;
		color: #FFFFFF;
		text-transform: uppercase;
		white-space: nowrap;
	}
	
	.ago-sec05__bottom-text p {
		margin-bottom: 30px;
	}
	
	.ago-sec05__bottom-text .ago-bold {
		font-weight: 700;
		color: #E5FF48;
		text-decoration: underline;
		text-underline-offset: 10px;
		text-decoration-thickness: 2px;
	}
	
	/* More Button */
	.ago-sec05__more-btn {
		position: relative;
		width: 1500px;
		padding: 30px 0;
		border: 2px solid #E5FF48;
		border-radius: 100px;
		background-color: transparent;
		cursor: pointer;
		overflow: hidden;
		transition: background-color 0.3s ease, opacity 0.3s ease;
		display: flex;
		gap: 0;
	}
	
	.ago-sec05__more-btn:hover {
		background-color: #E5FF48;
		opacity: 1;
	}
	
	.ago-sec05__more-btn:hover .ago-sec05__more-content span,
	.ago-sec05__more-btn:hover .ago-sec05__more-content--duplicate span {
		color: #000000;
	}
	
	.ago-sec05__more-btn:hover .ago-sec05__more-content .ago-img_box img,
	.ago-sec05__more-btn:hover .ago-sec05__more-content--duplicate .ago-img_box img {
		filter: brightness(0);
	}
	
	.ago-sec05__more-btn:hover .ago-sec05__more-content,
	.ago-sec05__more-btn:hover .ago-sec05__more-content--duplicate {
		animation-play-state: paused;
	}
	
	.ago-sec05__more-content,
	.ago-sec05__more-content--duplicate {
		display: flex;
		align-items: center;
		gap: 20px;
		animation: scroll-left-btn 20s linear infinite;
		will-change: transform;
		flex-shrink: 0;
		padding: 0 10px;
	}
	
	.ago-sec05__more-content .ago-img_box,
	.ago-sec05__more-content--duplicate .ago-img_box {
		width: 22px;
		flex-shrink: 0;
	}
	
	.ago-sec05__more-content .ago-img_box img,
	.ago-sec05__more-content--duplicate .ago-img_box img {
		width: 100%;
		display: block;
		transition: filter 0.3s ease;
	}
	
	.ago-sec05__more-content span {
		font-family:'GmarketSans', sans-serif;
		font-weight: 700;
		font-size: 24px;
		line-height: 1;
		color: #E5FF48;
		transition: color 0.3s ease;
		text-transform: uppercase;
		white-space: nowrap;
		flex-shrink: 0;
	}
	
	.ago-sec05__arrow {
		flex-shrink: 0;
		width: 37.588px;
		height: 37.588px;
		transform: rotate(45deg);
	}
	
	@media screen and (max-width: 1600px){
		.ago-sec05__more-btn{ width: 100%; }
		.ago-sec05__title{ width: 100%; }
		.ago-sec05__title-sub{ width: 100%; white-space: normal; word-break: keep-all; }
	}
	
	@media screen and (max-width: 1024px){
		.ago-sec05{ padding: 100px 0; gap: 80px; }
		.ago-sec05__title{ gap: 25px; margin-bottom: 140px; }
		.ago-sec05__title-main{ font-size: 48px; }
		.ago-sec05__title-sub{ font-size: 18px; white-space: normal; word-break: keep-all; }
		.ago-sec05__pricing{ display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; gap: 25px; }
		.ago-sec05__card{ height: 680px; padding: 40px 25px; gap: 25px; }
		.ago-sec05__card--highlight{ grid-column: 1 / -1; grid-row: 1; width: 100%; }
		.ago-sec05__card:first-child{ grid-row: 2; grid-column: 1; height: 100%; }
		.ago-sec05__card:nth-child(2){ grid-row: 2; grid-column: 2; }
		.ago-sec05__card-badge{ padding: 25px; font-size: 18px; }
		.ago-sec05__card-header{ gap: 18px; }
		.ago-sec05__card-title{ font-size: 32px; }
		.ago-sec05__card-subtitle{ font-size: 18px; }
		.ago-sec05__plan{ gap: 18px; padding: 0 25px; }
		.ago-sec05__badge{ font-size: 14px; }
		.ago-sec05__price-old{ font-size: 16px; }
		.ago-sec05__price-old .ago-strikethrough{ font-size: 20px; }
		.ago-sec05__price{ font-size: 32px; }
		.ago-sec05__price .ago-price-main{ font-size: 32px; }
		.ago-sec05__price .ago-price-unit{ font-size: 18px; }
		.ago-sec05__plan-desc{ font-size: 18px; }
		.ago-sec05__plan-note{ font-size: 14px; }
		.ago-sec05__note{ font-size: 18px; margin-bottom: 80px; text-align: center; justify-content: center;}
		.ago-sec05__footnote { font-size: 15px; word-break: keep-all; }
		.ago-sec05__note-br { display: block; }
		.ago-sec05__options{ padding: 40px; margin-bottom: 80px; }
		.ago-sec05__options-header{ width: 250px; }
		.ago-sec05__options-title{ font-size: 18px; }
		.ago-sec05__option-item span{ font-size: 16px; }
		.ago-sec05__option-badge{ font-size: 16px; }
		.ago-sec05__option-example p{ font-size: 16px; }
		.ago-sec05__bottom-text{ font-size: 32px; }
		.ago-sec05__more-btn{ padding: 25px 0; }
		.ago-sec05__more-content span{ font-size: 20px; }
		.ago-sec05__more-content .ago-img_box{ width: 19px; }
		.ago-sec05__more-content .ago-img_box img{ width: 100%; }
	}
	
	@media screen and (max-width: 768px){
		.ago-sec05{ padding: 80px 0; gap: 60px; }
		.ago-sec05__title{ gap: 20px; margin-bottom: 100px; }
		.ago-sec05__title-main{ font-size: 36px; }
		.ago-sec05__title-sub{ font-size: 16px; white-space: normal; word-break: keep-all; }
		.ago-sec05__pricing{ flex-direction: column; align-items: center; }
		.ago-sec05__card{ width: 100%; height: auto; padding: 40px 30px; gap: 25px; }
		.ago-sec05__card:first-child{ width: 100%; grid-row: auto; grid-column: 1 / -1; }
		.ago-sec05__card:nth-child(2){ width: 100%; grid-row: auto; grid-column: 1 / -1; }
		.ago-sec05__card-badge{ padding: 25px; font-size: 18px; }
		.ago-sec05__card-header{ gap: 18px; }
		.ago-sec05__card-title{ font-size: 32px; }
		.ago-sec05__card-subtitle{ font-size: 16px; }
		.ago-sec05__plan{ gap: 18px; padding: 30px 25px; }
		.ago-sec05__badge{ font-size: 14px; }
		.ago-sec05__price-old{ font-size: 16px; }
		.ago-sec05__price-old .ago-strikethrough{ font-size: 20px; }
		.ago-sec05__price{ font-size: 32px; }
		.ago-sec05__price .ago-price-main{ font-size: 32px; }
		.ago-sec05__price .ago-price-unit{ font-size: 16px; }
		.ago-sec05__plan-desc{ font-size: 16px; }
		.ago-sec05__plan-note{ font-size: 14px; }
		.ago-sec05__note{
			flex-direction: column;
			align-items: center;
			justify-content: center;
			gap: 8px;
			font-size: 16px;
			margin-bottom: 60px;
			text-align: center;
		}
		.ago-sec05__footnote {
			font-size: 15px;
			padding-left: 0;
			text-align: center;
			word-break: keep-all;
			overflow-wrap: break-word;
		}
		.ago-sec05__footnote::before {
			display: none;
		}
		.ago-sec05__note-br {
			display: block;
		}
		.ago-sec05__vat { padding-left: 0; }
		.ago-sec05__underline {
			white-space: normal;
			word-break: keep-all;
		}
		.ago-sec05__underline .ago-underline__black {
			white-space: normal;
			word-break: keep-all;
		}
		.ago-sec05__options{ flex-direction: column; padding: 30px; margin-bottom: 60px; }
		.ago-sec05__options-header{ width: 100%; }
		.ago-sec05__options-title{ font-size: 16px; }
		.ago-sec05__options-content{ gap: 18px; }
		.ago-sec05__options-list{ gap: 18px; }
		.ago-sec05__option-item span{ font-size: 14px; }
		.ago-sec05__option-example{ flex-wrap: wrap; }
		.ago-sec05__option-badge{ font-size: 14px; }
		.ago-sec05__option-example p{ font-size: 14px; }
		.ago-sec05__bottom-text{ font-size: 24px; white-space: normal; word-break: keep-all; }
		.ago-sec05__more-btn{ padding: 20px 0; }
		.ago-sec05__more-content, .ago-sec05__more-content--duplicate{ gap: 15px; }
		.ago-sec05__more-content span{ font-size: 18px; }
		.ago-sec05__more-content .ago-img_box{ width: 16px; }
	}
	
	@media screen and (max-width: 500px){
		.ago-sec05{ padding: 60px 0; gap: 50px; }
		.ago-sec05__title{ gap: 15px; }
		.ago-sec05__title-main{ font-size: 26px; }
		.ago-sec05__title-sub{ font-size: 14px; white-space: normal; word-break: keep-all; }
		.ago-sec05__card{ max-width: 100%; padding: 30px 20px; gap: 20px; }
		.ago-sec05__card-badge{ padding: 20px; font-size: 16px; }
		.ago-sec05__card-header{ gap: 15px; }
		.ago-sec05__card-title{ font-size: 24px; }
		.ago-sec05__card-subtitle{ font-size: 14px; }
		.ago-sec05__plan{ gap: 15px; padding: 25px 15px; }
		.ago-sec05__badge{ padding: 8px 15px; font-size: 14px; }
		.ago-sec05__price-group{ gap: 8px; }
		.ago-sec05__price-old{ font-size: 14px; }
		.ago-sec05__price-old .ago-strikethrough{ font-size: 16px; }
		.ago-sec05__arrow-down{ width: 11px; height: 16px; }
		.ago-sec05__price{ font-size: 28px; }
		.ago-sec05__price .ago-price-main{ font-size: 28px; }
		.ago-sec05__price .ago-price-unit{ font-size: 14px; }
		.ago-sec05__plan-desc{ font-size: 14px; }
		.ago-sec05__plan-note{ font-size: 14px; }
		.ago-sec05__note{ gap: 6px; font-size: 14px; margin-bottom: 50px; text-align: center;}
		.ago-sec05__footnote { font-size: 14px; padding-left: 0; word-break: keep-all; }
		.ago-sec05__underline {
			white-space: normal;
			word-break: keep-all;
		}
		.ago-sec05__underline .ago-underline__black {
			white-space: normal;
			word-break: keep-all;
		}
		.ago-sec05__options{ padding: 25px 20px; margin-bottom: 50px; gap: 15px; }
		.ago-sec05__options-title{ font-size: 14px; }
		.ago-sec05__options-content{ gap: 15px; }
		.ago-sec05__options-list{ gap: 15px; }
		.ago-sec05__option-item span{ font-size: 14px; }
		.ago-sec05__option-badge{ padding: 8px 12px; font-size: 14px; }
		.ago-sec05__option-example p{ font-size: 14px; }
		.ago-sec05__bottom-text{ font-size: 18px; gap: 15px; }
		.ago-sec05__bottom-text p{ margin-bottom: 20px; }
		.ago-sec05__more-btn{ padding: 18px 0; }
		.ago-sec05__more-content, .ago-sec05__more-content--duplicate{ gap: 12px; }
		.ago-sec05__more-content span{ font-size: 16px; }
		.ago-sec05__more-content .ago-img_box{ width: 14px; }
		.ago-sec05__arrow{ width: 30px; height: 30px; }
	}
	
	
	
	/* ============================================
		 Section 06
		 ============================================ */
	.ago-sec06 {
		display: flex;
		flex-direction: column;
		gap: 100px;
		align-items: center;
		padding: 150px 0;
		width: 100%;
		background-color: #000000;
	}
	
	/* Title */
	.ago-sec06__title {
		display: flex;
		flex-direction: column;
		gap: 30px;
		align-items: center;
		text-align: center;
		max-width: 1500px;
		margin: 0 auto;
	}
	
	.ago-sec06__title-sub {
		font-family:'GmarketSans', sans-serif;
		font-weight: 500;
		font-size: 20px;
		line-height: 1.6;
		color: #FFFFFF;
		margin: 0;
	}
	
	/* Overlapping Cards */
	.ago-sec06__cards-wrapper {
		position: relative;
		width: 100%;
		height: 100vh;
		overflow: hidden;
	}
	
	.ago-sec06__card {
		position: absolute;
		top: 0;
		width: 100%;
		height: 100vh;
		padding: 120px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		will-change: transform;
	}
	
	.ago-sec06__card--white {
		left: 0;
		background-color: #FFFFFF;
		z-index: 1;
	}
	
	.ago-sec06__card--blue {
		left: 100px;
		background-color: #4954D2;
		z-index: 2;
	}
	
	.ago-sec06__card--yellow {
		left: 200px;
		background-color: #E5FF48;
		z-index: 3;
	}
	
	.ago-sec06__card-content {
		display: flex;
		gap: 30px;
		align-items: flex-end;
		justify-content: space-between;
	}
	
	.ago-sec06__card-text {
		flex: 1;
		display: flex;
		flex-direction: column;
		gap: 100px;
		min-width: 0;
	}
	
	/* Card Header */
	.ago-sec06__card-header {
		display: flex;
		flex-direction: column;
		gap: 30px;
	}
	
	.ago-sec06__card-title {
		font-family:'GmarketSans', sans-serif;
		font-weight: 700;
		font-size: 70px;
		line-height: 1.5;
		margin: 0;
	}
	
	.ago-sec06__card--white .ago-sec06__card-title,
	.ago-sec06__card--yellow .ago-sec06__card-title {
		color: #000000;
	}
	
	.ago-sec06__card--blue .ago-sec06__card-title {
		color: #FFFFFF;
	}
	
	.ago-sec06__card-subtitle {
		font-family:'GmarketSans', sans-serif;
		font-weight: 500;
		font-size: 22px;
		line-height: 1.5;
		margin: 0;
	}
	
	.ago-sec06__card--white .ago-sec06__card-subtitle,
	.ago-sec06__card--yellow .ago-sec06__card-subtitle {
		color: #000000;
	}
	
	.ago-sec06__card--blue .ago-sec06__card-subtitle {
		color: #FFFFFF;
	}
	
	/* Card Pricing */
	.ago-sec06__card-pricing {
		display: flex;
		flex-direction: column;
		gap: 30px;
	}
	
	.ago-sec06__price {
		font-family:'GmarketSans', sans-serif;
		font-weight: 700;
		font-size: 60px;
		line-height: 1;
		margin: 0;
	}
	
	.ago-sec06__card--white .ago-sec06__price,
	.ago-sec06__card--yellow .ago-sec06__price {
		color: #000000;
	}
	
	.ago-sec06__card--blue .ago-sec06__price {
		color: #FFFFFF;
	}
	
	.ago-sec06__price .ago-price-main {
		font-size: 60px;
	}
	
	.ago-sec06__price .ago-price-unit {
		font-family:'GmarketSans', sans-serif;
		font-weight: 500;
		font-size: 22px;
	}
	
	.ago-sec06__price-desc {
		font-family:'GmarketSans', sans-serif;
		font-weight: 500;
		font-size: 22px;
		line-height: 1.5;
		margin: 0;
	}
	
	.ago-sec06__card--white .ago-sec06__price-desc,
	.ago-sec06__card--yellow .ago-sec06__price-desc {
		color: #000000;
	}
	
	.ago-sec06__card--blue .ago-sec06__price-desc {
		color: #FFFFFF;
	}
	
	/* Card Example */
	.ago-sec06__card-example {
		display: flex;
		flex-direction: column;
		gap: 20px;
	}
	
	.ago-sec06__example-badge {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		padding: 16px 20px;
		border: 1px solid #000000;
		border-radius: 100px;
		font-family:'GmarketSans', sans-serif;
		font-weight: 700;
		font-size: 18px;
		line-height: 1;
		color: #000000;
		width: fit-content;
	}
	
	.ago-sec06__example-badge--white {
		border-color: #FFFFFF;
		color: #FFFFFF;
	}
	
	.ago-sec06__example-list {
		list-style: disc;
		padding-left: 33px;
		margin: 0;
	}
	
	.ago-sec06__example-list li {
		font-family:'GmarketSans', sans-serif;
		font-weight: 500;
		font-size: 22px;
		line-height: 2.5;
		margin: 0;
	}
	
	.ago-sec06__card--white .ago-sec06__example-list li,
	.ago-sec06__card--yellow .ago-sec06__example-list li {
		color: #000000;
	}
	
	.ago-sec06__card--blue .ago-sec06__example-list li {
		color: #FFFFFF;
	}
	
	/* Card Icon */
	.ago-sec06__card-icon {
		flex-shrink: 0;
		width: 250px;
		height: 250px;
		border-radius: 10px;
	}
	.ago-sec06__card-icon img{
		width: 100%;
	}
	
	/* 카드별 left 오프셋만큼 translateX로 상쇄 → 모든 아이콘이 뷰포트 기준 동일 위치 */
	.ago-sec06__card--blue .ago-sec06__card-icon {
		transform: translateX(-50px);
	}
	
	.ago-sec06__card--yellow .ago-sec06__card-icon {
		transform: translateX(-150px);
		width: 300px;
	}
	
	/* Notice */
	.ago-sec06__notice {
		width: 100%;
		border: 1px solid #565656;
		border-radius: 10px;
		padding: 50px;
		display: flex;
		gap: 20px;
		align-items: flex-start;
		margin-bottom: 100px;
	}
	
	.ago-sec06__notice-header {
		position: relative;
		display: flex;
		gap: 16px;
		align-items: center;
		width: 320px;
		flex-shrink: 0;
		padding: 18px 20px 18px 22px;
		border-radius: 8px;
		background: linear-gradient(135deg, rgba(229, 255, 72, 0.06) 0%, rgba(255, 255, 255, 0.03) 100%);
		border-left: 3px solid #E5FF48;
		box-sizing: border-box;
	}
	
	.ago-sec06__notice-icon {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-shrink: 0;
		width: 40px;
		height: 40px;
	}
	
	.ago-sec06__notice-icon svg {
		display: block;
		width: 40px;
		height: 40px;
	}
	
	.ago-sec06__notice-title {
		font-family: 'GmarketSans', sans-serif;
		display: flex;
		flex-direction: column;
		gap: 6px;
		min-width: 0;
		padding-bottom: 2px;
		border-bottom: 1px solid rgba(255, 255, 255, 0.12);
	}
	
	.ago-sec06__notice-title p {
		margin: 0;
	}
	
	.ago-sec06__notice-header .ago-sec06__notice-title .ago-bold {
		font-weight: 700;
		font-size: 37px;
		line-height: 1.2;
		letter-spacing: -0.03em;
		color: #E5FF48;
	}
	
	.ago-sec06__notice-header .ago-sec06__notice-title .ago-medium {
		font-weight: 500;
		font-size: 17px;
		line-height: 1.4;
		letter-spacing: -0.01em;
		color: #CCCCCC;
		padding-bottom: 8px;
	}
	
	.ago-sec06__notice-content {
		display: flex;
		flex-direction: column;
		gap: 20px;
		flex: 1;
	}
	
	.ago-sec06__notice-item {
		display: flex;
		gap: 10px;
	}
	
	.ago-sec06__notice-item svg {
		flex-shrink: 0;
	}
	
	.ago-sec06__notice-item p {
		font-family:'GmarketSans', sans-serif;
		font-weight: 500;
		font-size: 18px;
		line-height: 1.6;
		color: #FFFFFF;
		margin: 0;
	}
	
	/* More Button */
	.ago-sec06__more-btn {
		position: relative;
		width: 100%;
		padding: 30px 0;
		border: 2px solid #FFFFFF;
		border-radius: 100px;
		background-color: transparent;
		cursor: pointer;
		overflow: hidden;
		transition: opacity 0.3s ease;
		display: flex;
		gap: 0;
	}
	
	.ago-sec06__more-btn:hover {
		opacity: 0.8;
	}
	
	.ago-sec06__more-btn:hover .ago-sec06__more-content,
	.ago-sec06__more-btn:hover .ago-sec06__more-content--duplicate {
		animation-play-state: paused;
	}
	
	.ago-sec06__more-content,
	.ago-sec06__more-content--duplicate {
		display: flex;
		align-items: center;
		gap: 20px;
		animation: scroll-left-btn 20s linear infinite;
		will-change: transform;
		flex-shrink: 0;
		padding: 0 10px;
	}
	
	.ago-sec06__more-content .ago-img_box,
	.ago-sec06__more-content--duplicate .ago-img_box {
		width: 22px;
		flex-shrink: 0;
	}
	
	.ago-sec06__more-content .ago-img_box img,
	.ago-sec06__more-content--duplicate .ago-img_box img {
		width: 100%;
		display: block;
	}
	
	.ago-sec06__more-content span {
		font-family:'GmarketSans', sans-serif;
		font-weight: 500;
		font-size: 24px;
		line-height: 1;
		color: #FFFFFF;
		text-transform: uppercase;
		white-space: nowrap;
		flex-shrink: 0;
	}
	
	.ago-sec06__arrow {
		flex-shrink: 0;
		width: 37.588px;
		height: 37.588px;
		transform: rotate(45deg);
	}
	
	@media screen and (max-width: 1600px){
		.ago-sec06__title{ width: 93%; margin: 0 auto; }
	}
	
	@media screen and (max-width: 1024px){
		.ago-sec06{ padding: 100px 0; gap: 80px; }
		.ago-sec06__title{ gap: 25px; }
		.ago-sec06__title-main{ font-size: 48px; }
		.ago-sec06__title-sub{ font-size: 18px; }
		.ago-sec06__card{ padding: 100px 80px 68px; }
		.ago-sec06__card--blue{ left: 80px; }
		.ago-sec06__card--yellow{ left: 160px; }
		.ago-sec06__card-content{ gap: 25px; }
		.ago-sec06__card-text{ gap: 80px; }
		.ago-sec06__card-header{ gap: 25px; }
		.ago-sec06__card-title{ font-size: 56px; }
		.ago-sec06__card-subtitle{ font-size: 18px; }
		.ago-sec06__card-pricing{ gap: 25px; }
		.ago-sec06__price{ font-size: 48px; }
		.ago-sec06__price .ago-price-main{ font-size: 48px; }
		.ago-sec06__price .ago-price-unit{ font-size: 18px; }
		.ago-sec06__price-desc{ font-size: 18px; }
		.ago-sec06__card-example{ gap: 18px; }
		.ago-sec06__example-badge{ padding: 14px 18px; font-size: 16px; }
		.ago-sec06__example-list{ padding-left: 28px; }
		.ago-sec06__example-list li{ font-size: 18px; }
		.ago-sec06__card-icon{ width: 200px; height: 200px; }
		.ago-sec06__card--blue .ago-sec06__card-icon{ transform: translateX(-80px); }
		.ago-sec06__card--yellow .ago-sec06__card-icon{ width: 250px; transform: translateX(-110px); }
		.ago-sec06__card-icon img{ width: 100%; height: 100%; object-fit: contain; }
		.ago-sec06__notice{ padding: 40px; margin-bottom: 80px; }
		.ago-sec06__notice-header{ width: 280px; gap: 14px; padding: 16px 16px 16px 18px; }
		.ago-sec06__notice-icon{ width: 36px; height: 36px; }
		.ago-sec06__notice-icon svg{ width: 36px; height: 36px; }
		.ago-sec06__notice-header .ago-sec06__notice-title .ago-bold{ font-size: 32px; }
		.ago-sec06__notice-header .ago-sec06__notice-title .ago-medium{ font-size: 16px; padding-bottom: 6px; }
		.ago-sec06__notice-item p{ font-size: 16px; }
		.ago-sec06__more-btn{ padding: 25px 0; }
		.ago-sec06__more-content span{ font-size: 20px; }
		.ago-sec06__more-content .ago-img_box{ width: 19px; }
		.ago-sec06__more-content .ago-img_box img{ width: 100%; }
	}
	
	@media screen and (max-height: 1100px) and (min-width: 769px) {
		.ago-sec06__card{ padding: 112px 110px 56px; }
		.ago-sec06__card-text{ gap: 48px; }
		.ago-sec06__card-header{ gap: 20px; }
		.ago-sec06__card-pricing{ gap: 22px; }
		.ago-sec06__card-example{ gap: 16px; }
		.ago-sec06__card-title{ font-size: 54px; line-height: 1.1; }
		.ago-sec06__card-subtitle{ font-size: 18px; }
		.ago-sec06__price,
		.ago-sec06__price .ago-price-main{ font-size: 44px; }
		.ago-sec06__price .ago-price-unit{ font-size: 17px; }
		.ago-sec06__price-desc{ font-size: 17px; }
		.ago-sec06__example-list{ padding-left: 28px; }
		.ago-sec06__example-list li{ font-size: 18px; line-height: 1.8; }
		.ago-sec06__card-icon{ width: 200px; height: 200px; }
	}
	@media screen and (max-width: 1024px) and (min-width: 769px) and (max-height: 900px) {
		.ago-sec06__card{ padding: 100px 80px 56px; }
		.ago-sec06__card-title{ font-size: 50px; }
		.ago-sec06__price,
		.ago-sec06__price .ago-price-main{ font-size: 42px; }
		.ago-sec06__card-text{ gap: 40px; }
		.ago-sec06__card-header{ gap: 18px; }
		.ago-sec06__card-pricing{ gap: 20px; }
	}
	
	@media screen and (max-width: 768px){
		.ago-sec06{ padding: 80px 0; gap: 60px; }
		.ago-sec06__title{ gap: 20px; }
		.ago-sec06__title-main{ font-size: 36px; }
		.ago-sec06__title-sub{ font-size: 16px; }
		.ago-sec06__cards-wrapper{ height: auto; overflow: visible; }
		/* PC 핀 애니메이션(translateX 120vw) 잔여 인라인 style 무시 — 빈 공간 방지 */
		.ago-sec06__card,
		.ago-sec06__card-text{
			transform: none !important;
			translate: none !important;
		}
		.ago-sec06__card{ position: relative; left: 0 !important; width: 100%; height: auto; min-height: auto; padding: 60px 40px; }
		.ago-sec06__card-content{ flex-direction: column; gap: 40px; align-items: flex-start; }
		.ago-sec06__card--blue .ago-sec06__card-icon{ transform: none; }
		.ago-sec06__card--yellow .ago-sec06__card-icon{ transform: none; }
		.ago-sec06__card-text{ gap: 60px; width: 100%; }
		.ago-sec06__card-header{ gap: 20px; }
		.ago-sec06__card-title{ font-size: 42px; }
		.ago-sec06__card-subtitle{ font-size: 16px; }
		.ago-sec06__card-pricing{ gap: 20px; }
		.ago-sec06__price{ font-size: 40px; }
		.ago-sec06__price .ago-price-main{ font-size: 40px; }
		.ago-sec06__price .ago-price-unit{ font-size: 16px; }
		.ago-sec06__price-desc{ font-size: 16px; }
		.ago-sec06__card-example{ gap: 15px; }
		.ago-sec06__example-badge{ padding: 12px 16px; font-size: 14px; }
		.ago-sec06__example-list{ padding-left: 25px; }
		.ago-sec06__example-list li{ font-size: 16px; line-height: 2.2; }
		.ago-sec06__card-icon{ width: 160px; height: 160px; }
		.ago-sec06__notice{ flex-direction: column; padding: 30px; margin-bottom: 60px; gap: 28px; }
		.ago-sec06__notice-header{ width: 100%; align-items: center; padding: 16px 18px 16px 18px; }
		.ago-sec06__notice-title{ gap: 5px; flex: 1; }
		.ago-sec06__notice-header .ago-sec06__notice-title .ago-bold{ font-size: 34px; }
		.ago-sec06__notice-header .ago-sec06__notice-title .ago-medium{ font-size: 16px; padding-bottom: 6px; }
		.ago-sec06__notice-content{ gap: 18px; }
		.ago-sec06__notice-item p{ font-size: 14px; }
		.ago-sec06__more-btn{ padding: 20px 0; }
		.ago-sec06__more-content, .ago-sec06__more-content--duplicate{ gap: 15px; }
		.ago-sec06__more-content span{ font-size: 18px; }
		.ago-sec06__more-content .ago-img_box{ width: 16px; }
	}
	
	@media screen and (max-width: 500px){
		.ago-sec06{ padding: 60px 0; gap: 50px; }
		.ago-sec06__title{ gap: 15px; }
		.ago-sec06__title-main{ font-size: 26px; }
		.ago-sec06__title-sub{ font-size: 14px; }
		.ago-sec06__card{ padding: 40px 20px; }
		.ago-sec06__card-content{ gap: 30px; }
		.ago-sec06__card-text{ gap: 40px; }
		.ago-sec06__card-header{ gap: 15px; }
		.ago-sec06__card-title{ font-size: 28px; }
		.ago-sec06__card-subtitle{ font-size: 14px; }
		.ago-sec06__card-pricing{ gap: 15px; }
		.ago-sec06__price{ font-size: 28px; }
		.ago-sec06__price .ago-price-main{ font-size: 28px; }
		.ago-sec06__price .ago-price-unit{ font-size: 14px; }
		.ago-sec06__price-desc{ font-size: 14px; }
		.ago-sec06__card-example{ gap: 12px; }
		.ago-sec06__example-badge{ padding: 10px 14px; font-size: 14px; }
		.ago-sec06__example-list{ padding-left: 20px; }
		.ago-sec06__example-list li{ font-size: 14px; line-height: 2; }
		.ago-sec06__card-icon{ width: 120px; height: 120px; }
		.ago-sec06__notice{ padding: 25px 20px; margin-bottom: 50px; gap: 22px; }
		.ago-sec06__notice-header{ gap: 12px; padding: 14px 14px 14px 14px; }
		.ago-sec06__notice-icon{ width: 34px; height: 34px; }
		.ago-sec06__notice-icon svg{ width: 34px; height: 34px; }
		.ago-sec06__notice-header .ago-sec06__notice-title .ago-bold{ font-size: 30px; }
		.ago-sec06__notice-header .ago-sec06__notice-title .ago-medium{ font-size: 14px; padding-bottom: 5px; }
		.ago-sec06__notice-content{ gap: 15px; }
		.ago-sec06__notice-item p{ font-size: 14px; }
		.ago-sec06__more-btn{ padding: 18px 0; }
		.ago-sec06__more-content, .ago-sec06__more-content--duplicate{ gap: 12px; }
		.ago-sec06__more-content span{ font-size: 16px; }
		.ago-sec06__arrow{ width: 30px; height: 30px; }
		.ago-sec06__more-content .ago-img_box{ width: 14px; }
	}
	
	
	
	/* ============================================
		 Section 07
		 ============================================ */
	.ago-sec07 {
		display: flex;
		flex-direction: column;
		gap: 100px;
		align-items: center;
		padding: 150px 0;
		width: 100%;
		background-color: #000000;
	}
	
	.ago-sec07 .ago-wrap1500 {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	
	/* Title */
	.ago-sec07__title {
		display: flex;
		flex-direction: column;
		gap: 30px;
		align-items: center;
		text-align: center;
		margin-bottom: 100px;
	}
	
	.ago-sec07__title-sub {
		font-family:'GmarketSans', sans-serif;
		font-weight: 500;
		font-size: 20px;
		line-height: 1.6;
		color: #FFFFFF;
		margin: 0;
	}
	
	/* Process Grid */
	.ago-sec07__grid {
		position: relative;
		display: flex;
		flex-wrap: wrap;
		width: 1500px;
		gap: 0;
	}
	
	.ago-sec07__item {
		position: relative;
		flex: 0 0 375px;
		width: 375px;
		padding: 100px 50px;
		display: flex;
		flex-direction: column;
		gap: 50px;
		border-top: none;
		border-right: none;
		border-bottom: none;
	}
	
	/* Border 요소들 */
	.ago-sec07__border {
		position: absolute;
		background-color: #FFFFFF;
		z-index: 1;
		pointer-events: none;
	}
	
	.ago-sec07__border--top {
		top: 0;
		left: 0;
		height: 1px;
		width: 0;
	}
	
	.ago-sec07__border--right {
		top: 0;
		right: 0;
		width: 1px;
		height: 0;
	}
	
	.ago-sec07__border--bottom {
		bottom: 0;
		left: 0;
		height: 1px;
		width: 0;
		display: none;
	}
	
	/* 4번째와 8번째 아이템은 오른쪽 보더 제거 */
	.ago-sec07__item--no-right .ago-sec07__border--right {
		display: none;
	}
	
	/* 하단 행 (5-8번) 아이템은 하단 보더 추가 */
	.ago-sec07__item:nth-child(n+5) .ago-sec07__border--bottom {
		display: block;
	}
	
	.ago-sec07__number {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 40px;
		height: 40px;
		background-color: #E5FF48;
		font-family:'GmarketSans', sans-serif;
		font-weight: 700;
		font-size: 18px;
		line-height: 1;
		color: #000000;
		flex-shrink: 0;
	}
	
	.ago-sec07__content {
		display: flex;
		flex-direction: column;
		gap: 30px;
		min-width: 0;
		width: 100%;
	}
	
	.ago-sec07__item-title {
		font-family:'GmarketSans', sans-serif;
		font-weight: 700;
		font-size: 30px;
		line-height: 1.25;
		color: #FFFFFF;
		margin: 0;
		min-height: calc(2 * 1.25 * 1em);
		white-space: normal;
		word-break: keep-all;
		overflow-wrap: break-word;
	}
	
	.ago-sec07__item-desc {
		font-family:'GmarketSans', sans-serif;
		font-weight: 500;
		font-size: 18px;
		line-height: 1.6;
		color: #FFFFFF;
	}
	
	.ago-sec07__item-desc p {
		margin: 0;
	}
	
	@media screen and (max-width: 1600px){
		.ago-sec07__grid{ width: 100%; }
		.ago-sec07__item{ flex: 0 0 25%; width: 25%; }
	}
	
	@media screen and (max-width: 1280px){
		.ago-sec07__item{ flex: 0 0 33.333%; width: 33.333%; }
		.ago-sec07__item:nth-child(7), .ago-sec07__item:nth-child(8){ flex: 0 0 50%; width: 50%; }
		.ago-sec07__item:nth-child(3), .ago-sec07__item:nth-child(6){ border-right: none; }
		.ago-sec07__item:nth-child(4) .ago-sec07__border--right{ display: block; }
		.ago-sec07__item:nth-child(3) .ago-sec07__border--right, .ago-sec07__item:nth-child(6) .ago-sec07__border--right, .ago-sec07__item:nth-child(8) .ago-sec07__border--right{ display: none; }
		.ago-sec07__item:nth-child(n+1):nth-child(-n+6) .ago-sec07__border--bottom{ display: none; }
		.ago-sec07__item:nth-child(7) .ago-sec07__border--bottom, .ago-sec07__item:nth-child(8) .ago-sec07__border--bottom{ display: block; }
	}
	
	@media screen and (max-width: 1024px){
		.ago-sec07{ padding: 100px 0; gap: 80px; }
		.ago-sec07__title{ gap: 25px; margin-bottom: 80px; }
		.ago-sec07__title-sub{ font-size: 18px; }
		.ago-sec07__item{ flex: 0 0 50%; width: 50%; padding: 70px 35px; gap: 40px; }
		.ago-sec07__number{ width: 36px; height: 36px; font-size: 16px; }
		.ago-sec07__content{ gap: 25px; }
		.ago-sec07__item-title{ font-size: 26px; }
		.ago-sec07__item-desc{ font-size: 16px; }
		.ago-sec07__item:nth-child(2n) .ago-sec07__border--right{ display: none; }
		.ago-sec07__item:nth-child(n+5) .ago-sec07__border--bottom{ display: none; }
		.ago-sec07__item:nth-child(3) .ago-sec07__border--right, .ago-sec07__item:nth-child(n+7) .ago-sec07__border--bottom{ display: block; }
	}
	
	@media screen and (max-width: 768px){
		.ago-sec07{ padding: 80px 0; gap: 60px; }
		.ago-sec07__title{ gap: 20px; margin-bottom: 60px; }
		.ago-sec07__title-sub{ font-size: 16px; }
		.ago-sec07__item{ flex: 0 0 50%; width: 50%; padding: 50px 25px; gap: 30px; }
		.ago-sec07__number{ width: 32px; height: 32px; font-size: 14px; }
		.ago-sec07__content{ gap: 20px; }
		.ago-sec07__item-title{ font-size: 22px; }
		.ago-sec07__item-desc{ font-size: 14px; white-space: normal; word-break: keep-all; }
	}
	
	@media screen and (max-width: 500px){
		.ago-sec07{ padding: 60px 0; gap: 50px; }
		.ago-sec07__title{ gap: 15px; margin-bottom: 40px; }
		.ago-sec07__title-sub{ font-size: 14px; }
		.ago-sec07__item{ flex: 0 0 100% !important; width: 100% !important; padding: 40px 20px; gap: 25px; }
		.ago-sec07__number{ width: 28px; height: 28px; font-size: 14px; }
		.ago-sec07__content{ gap: 15px; }
		.ago-sec07__item-title{ font-size: 18px; }
		.ago-sec07__item-desc{ font-size: 14px; }
		.ago-sec07__item .ago-sec07__border--right, .ago-sec07__item:nth-child(n) .ago-sec07__border--right{ display: none !important; }
		.ago-sec07__item:nth-child(n+5) .ago-sec07__border--bottom, .ago-sec07__item:nth-child(n+7) .ago-sec07__border--bottom{ display: none; }
		.ago-sec07__item:last-child .ago-sec07__border--bottom{ display: block; }
	}
	
	
	
	/* ============================================
		 Section 08
		 ============================================ */
	.ago-sec08 {
		display: flex;
		flex-direction: column;
		gap: 100px;
		align-items: center;
		padding: 150px 0;
		width: 100%;
		background-color: #000000;
	}
	
	.ago-sec08 .ago-wrap1500 {
		display: flex;
		flex-direction: column;
		gap: 100px;
		align-items: center;
	}
	
	/* Title */
	.ago-sec08__title {
		display: flex;
		flex-direction: column;
		gap: 30px;
		align-items: center;
		text-align: center;
	}
	
	.ago-sec08__title-sub {
		font-family:'GmarketSans', sans-serif;
		font-weight: 500;
		font-size: 20px;
		line-height: 1.6;
		color: #FFFFFF;
		margin: 0;
	}
	
	/* Logos */
	.ago-sec08__logos {
		display: flex;
		flex-direction: column;
		gap: 100px;
		width: 100%;
	}
	
	.ago-sec08__row {
		display: flex;
		align-items: center;
		width: 100%;
	}
	
	.ago-sec08__logo {
		flex: 0 0 250px;
		width: 250px;
		height: 60px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	.ago-sec08__logo-placeholder {
		width: 80%;
		height: 70%;
		background-color: #333333;
		border-radius: 5px;
	}
	
	@media screen and (max-width: 1600px){
		.ago-sec08{width: 93%; margin: 0 auto;}
		
		.ago-sec08__row{
			flex-wrap: wrap;
			row-gap: 40px;
			justify-content: center;
		}
		
		.ago-sec08__logo{
			flex: 0 0 calc(100% / 6);
			width: calc(100% / 6);
		}
	
		.ago-sec08__logo img{width: 100%; height: 100%; object-fit: contain;}
	}
	
	@media screen and (max-width: 1024px){
		.ago-sec08{
			padding: 100px 0;
			gap: 80px;
		}
		
		.ago-sec08 .ago-wrap1500{
			gap: 80px;
		}
		
		.ago-sec08__title{
			gap: 25px;
		}
		
		.ago-sec08__title-sub{
			font-size: 18px;
		}
		
		.ago-sec08__logos{
			gap: 50px;
		}
		
		.ago-sec08__row{
			flex-wrap: wrap;
			row-gap: 40px;
			justify-content: center;
		}
		
		.ago-sec08__logo{
			flex: 0 0 33.333%;
			width: 33.333%;
		}
	}
	
	@media screen and (max-width: 768px){
		.ago-sec08{
			padding: 80px 0;
			gap: 60px;
		}
		
		.ago-sec08 .ago-wrap1500{
			gap: 60px;
		}
		
		.ago-sec08__title{
			gap: 20px;
		}
		
		.ago-sec08__title-sub{
			font-size: 16px;
		}
		
		.ago-sec08__logos{
			gap: 60px;
		}
		
		.ago-sec08__row{
			flex-wrap: wrap;
			justify-content: center;
		}
		
		.ago-sec08__logo{
			flex: 0 0 33.333%;
			width: 33.333%;
			height: 50px;
		}
	}
	
	@media screen and (max-width: 500px){
		.ago-sec08{
			padding: 60px 0;
			gap: 50px;
		}
		
		.ago-sec08 .ago-wrap1500{
			gap: 50px;
		}
		
		.ago-sec08__title{
			gap: 15px;
		}
		
		.ago-sec08__title-sub{
			font-size: 14px;
		}
		
		.ago-sec08__logos{
			gap: 40px;
		}
		
		.ago-sec08__logo{
			flex: 0 0 50%;
			width: 50%;
		}
		
		.ago-sec08__logo-placeholder{
			width: 90%;
			height: 80%;
		}
	}
	
	/* ============================================
		 Section 09
		 ============================================ */
	.ago-sec09 {
		display: flex;
		align-items: flex-start;
		justify-content: center;
		padding: 150px 0;
		width: 100%;
		background-color: #000000;
	}
	
	/* Left Image — centered crop (image midpoint ↔ container center) */
	.ago-sec09__image {
		width: 50%;
		min-height: 1px;
		align-self: stretch;
		overflow: hidden;
		background-color: #111111;
	}
	
	.ago-sec09__image img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: 50% 50%;
		display: block;
	}
	
	/* Right Content */
	.ago-sec09__content {
		flex-shrink: 0;
		width: 50%;
		background-color: #111111;
		padding: 200px 100px;
		display: flex;
		flex-direction: column;
		gap: 100px;
		overflow: hidden;
	}
	
	.ago-sec09__text {
		display: flex;
		flex-direction: column;
		gap: 30px;
		width: 100%;
	}
	
	.ago-sec09__title {
		font-family:'GmarketSans', sans-serif;
		font-weight: 700;
		font-size: 50px;
		line-height: 1.4;
		color: #FFFFFF;
		text-transform: uppercase;
		white-space: nowrap;
		margin: 0;
	}
	
	.ago-sec09__title span {
		display: block;
	}
	
	.ago-sec09__subtitle {
		font-family:'GmarketSans', sans-serif;
		font-weight: 500;
		font-size: 20px;
		line-height: 1.6;
		color: #FFFFFF;
		margin: 0;
	}
	
	.ago-sec09__notice {
		font-family:'GmarketSans', sans-serif;
		font-weight: 500;
		font-size: 18px;
		line-height: 1.6;
		color: #999999;
		white-space: nowrap;
	}
	
	.ago-sec09__notice p {
		margin: 0;
		/* ※ + space hang outside body; wrapped lines align under first text char */
		padding-left: 1.2em;
		text-indent: -1.2em;
	}
	
	/* Button */
	.ago-sec09__btn {
		position: relative;
		width: 100%;
		padding: 30px 0;
		border: 2px solid #E5FF48;
		border-radius: 100px;
		background-color: transparent;
		cursor: pointer;
		overflow: hidden;
		transition: background-color 0.3s ease, opacity 0.3s ease;
		display: flex;
		gap: 0;
		text-decoration: none;
	}
	
	.ago-sec09__btn:hover {
		background-color: #E5FF48;
		opacity: 1;
	}
	
	.ago-sec09__btn:hover .ago-sec09__btn-content span,
	.ago-sec09__btn:hover .ago-sec09__btn-content--duplicate span {
		color: #000000;
	}
	
	.ago-sec09__btn:hover .ago-sec09__btn-content .ago-img_box img,
	.ago-sec09__btn:hover .ago-sec09__btn-content--duplicate .ago-img_box img {
		filter: brightness(0);
	}
	
	.ago-sec09__btn:hover .ago-sec09__btn-content,
	.ago-sec09__btn:hover .ago-sec09__btn-content--duplicate {
		animation-play-state: paused;
	}
	
	.ago-sec09__btn-content,
	.ago-sec09__btn-content--duplicate {
		display: flex;
		align-items: center;
		gap: 20px;
		animation: scroll-left-btn 20s linear infinite;
		will-change: transform;
		flex-shrink: 0;
		padding: 0 10px;
	}
	
	.ago-sec09__btn-content .ago-img_box,
	.ago-sec09__btn-content--duplicate .ago-img_box {
		width: 22px;
		flex-shrink: 0;
	}
	
	.ago-sec09__btn-content .ago-img_box img,
	.ago-sec09__btn-content--duplicate .ago-img_box img {
		width: 100%;
		display: block;
		transition: filter 0.3s ease;
	}
	
	.ago-sec09__btn-content span {
		font-family:'GmarketSans', sans-serif;
		font-weight: 700;
		font-size: 24px;
		line-height: 1;
		color: #E5FF48;
		transition: color 0.3s ease;
		text-transform: uppercase;
		white-space: nowrap;
		flex-shrink: 0;
	}
	
	@media screen and (max-width: 1024px){
		.ago-sec09{ padding: 100px 0; display: flex; flex-direction: column; }
		.ago-sec09__image{ width: 100%; height: 400px; }
		.ago-sec09__image img{
			object-position: 50% 50%;
		}
		.ago-sec09__content{ width: 100%; padding: 150px 70px; gap: 80px; }
		.ago-sec09__text{ gap: 25px; }
		.ago-sec09__title{ font-size: 40px; }
		.ago-sec09__subtitle{ font-size: 18px; }
		.ago-sec09__notice{ font-size: 16px; }
		.ago-sec09__btn{ padding: 25px 0; }
		.ago-sec09__btn-content span{ font-size: 20px; }
		.ago-sec09__btn-content .ago-img_box{ width: 19px; }
		.ago-sec09__btn-content .ago-img_box img{ width: 100%; }
	}
	
	@media screen and (max-width: 768px){
		.ago-sec09{ flex-direction: column; padding: 0; }
		.ago-sec09__image{ width: 100%; height: 400px; min-height: 400px; }
		.ago-sec09__image img{
			object-position: 50% 50%;
		}
		.ago-sec09__content{ width: 100%; padding: 80px 40px; gap: 60px; }
		.ago-sec09__text{ gap: 20px; }
		.ago-sec09__title{ font-size: 32px; white-space: normal; word-break: keep-all; }
		.ago-sec09__subtitle{ font-size: 16px; }
		.ago-sec09__notice{ font-size: 14px; white-space: normal; word-break: keep-all; }
		.ago-sec09__btn{ padding: 20px 0; }
		.ago-sec09__btn-content, .ago-sec09__btn-content--duplicate{ gap: 15px; }
		.ago-sec09__btn-content span{ font-size: 18px; }
		.ago-sec09__btn-content .ago-img_box{ width: 16px; }
	}
	
	@media screen and (max-width: 500px){
		.ago-sec09__image{ height: 280px; min-height: 280px; }
		.ago-sec09__image img{
			object-position: 50% 50%;
		}
		.ago-sec09__content{ padding: 60px 20px; gap: 50px; }
		.ago-sec09__text{ gap: 15px; }
		.ago-sec09__title{ font-size: 24px; }
		.ago-sec09__subtitle{ font-size: 14px; }
		.ago-sec09__notice{ font-size: 14px; }
		.ago-sec09__btn{ padding: 18px 0; }
		.ago-sec09__btn-content, .ago-sec09__btn-content--duplicate{ gap: 12px; }
		.ago-sec09__btn-content span{ font-size: 16px; }
		.ago-sec09__arrow{ width: 30px; height: 30px; }
		.ago-sec09__btn-content .ago-img_box{ width: 14px; }
	}
	
	/* ============================================
		 Section FAQ (after sec09)
		 ============================================ */
	.ago-sec-faq {
		width: 100%;
		background-color: #000000;
		padding: 120px 0 140px;
		color: #ffffff;
	}
	
	.ago-sec-faq__title {
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
		gap: 16px;
		width: 100%;
		margin-bottom: 48px;
	}
	
	.ago-sec-faq__title-sub {
		margin: 0;
		font-family: 'GmarketSans', sans-serif;
		font-weight: 400;
		font-size: 18px;
		line-height: 1.6;
		color: #999999;
		word-break: keep-all;
		text-align: center;
		max-width: 100%;
	}
	
	.ago-sec-faq__list {
		display: flex;
		flex-direction: column;
		gap: 6px;
		width: 100%;
	}
	
	.ago-sec-faq__item {
		display: flex;
		flex-direction: column;
		background-color: #131313;
		border: 1px solid #131313;
		border-radius: 7px;
		padding: 13px 22px;
		cursor: pointer;
		transition: border-color 0.3s ease;
		box-sizing: border-box;
		position: relative;
	}
	
	.ago-sec-faq__item:hover,
	.ago-sec-faq__item--open {
		border-color: #E5FF48;
	}
	
	.ago-sec-faq__header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 14px;
		width: auto;
		flex: 1 1 auto;
		align-self: stretch;
		/* Expand to the card border so the control matches the visible box */
		margin: -13px -22px;
		padding: 13px 22px;
		/* Closed row: pad + 1-line question (23.5px × 1.4) */
		min-height: calc(26px + 23.5px * 1.4);
		border: 0;
		background: transparent;
		cursor: pointer;
		text-align: left;
		color: inherit;
		box-sizing: border-box;
	}
	
	.ago-sec-faq__item--open .ago-sec-faq__header {
		margin-bottom: 0;
		padding-bottom: 0;
		/* Open: don't force closed-row height; question min-height still applies */
		min-height: 0;
	}
	
	.ago-sec-faq__q {
		flex: 1;
		min-width: 0;
		font-family: 'GmarketSans', sans-serif;
		font-weight: 700;
		font-size: 23.5px;
		line-height: 1.4;
		/* Reserve 1 line on tablet/desktop; allow wrap/grow if longer */
		min-height: 1.4em;
		color: #ffffff;
		word-break: keep-all;
	}
	
	.ago-sec-faq__btn {
		width: 38px;
		height: 38px;
		flex-shrink: 0;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		border: 1px solid #555555;
		border-radius: 100px;
		background: transparent;
		color: #ffffff;
		pointer-events: none;
		transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
	}
	
	.ago-sec-faq__btn svg {
		display: block;
		width: 10px;
		height: auto;
		transition: transform 0.3s ease;
	}
	
	.ago-sec-faq__item:hover .ago-sec-faq__btn,
	.ago-sec-faq__item--open .ago-sec-faq__btn {
		background-color: #E5FF48;
		border-color: #E5FF48;
		color: #111111;
	}
	
	.ago-sec-faq__item--open .ago-sec-faq__btn svg {
		transform: rotate(180deg);
	}
	
	.ago-sec-faq__content {
		display: none;
		overflow: hidden;
		padding: 6px 0 0;
		box-sizing: border-box;
		width: 100%;
	}
	
	.ago-sec-faq__a {
		margin: 0;
		font-family: 'GmarketSans', sans-serif;
		font-weight: 500;
		font-size: 18.2px;
		line-height: 1.6;
		color: #cccccc;
		word-break: keep-all;
		overflow-wrap: break-word;
	}
	
	@media screen and (max-width: 1200px) {
		.ago-sec-faq { padding: 100px 0 120px; }
		.ago-sec-faq__title { margin-bottom: 40px; }
		.ago-sec-faq__item { padding: 11px 20px; }
		.ago-sec-faq__header {
			margin: -11px -20px;
			padding: 11px 20px;
			/* pad + 1-line question (20.5px × 1.4) */
			min-height: calc(22px + 20.5px * 1.4);
		}
		.ago-sec-faq__content { padding-top: 6px; }
		.ago-sec-faq__q { font-size: 20.5px; }
		.ago-sec-faq__btn { width: 34px; height: 34px; }
		.ago-sec-faq__a { font-size: 15.6px; }
	}
	
	@media screen and (max-width: 768px) {
		.ago-sec-faq { padding: 72px 0 90px; }
		.ago-sec-faq__title { gap: 12px; margin-bottom: 28px; }
		.ago-sec-faq__title-sub { font-size: 15px; }
		.ago-sec-faq__item { border-radius: 6px; padding: 9px 14px; }
		.ago-sec-faq__header {
			gap: 10px;
			margin: -9px -14px;
			padding: 9px 14px;
			/* pad + 2-line question (15.5px × 1.45 × 2) */
			min-height: calc(18px + 15.5px * 1.45 * 2);
		}
		.ago-sec-faq__q {
			font-size: 15.5px;
			line-height: 1.45;
			/* 2-line height lives on .ago-sec-faq__header so flex centers 1-line text */
			min-height: 0;
		}
		.ago-sec-faq__btn { width: 27px; height: 27px; }
		.ago-sec-faq__btn svg { width: 8px; height: auto; }
		.ago-sec-faq__content { padding-top: 4px; }
		.ago-sec-faq__a { font-size: 13.01px; line-height: 1.65; }
	}
	
	@media screen and (max-width: 500px) {
		.ago-sec-faq { padding: 56px 0 72px; }
		.ago-sec-faq__item { padding: 8px 11px; }
		.ago-sec-faq__header {
			margin: -8px -11px;
			padding: 8px 11px;
			/* pad + 2-line question (15px × 1.45 × 2) */
			min-height: calc(16px + 15px * 1.45 * 2);
		}
		.ago-sec-faq__content { padding-top: 4px; }
		.ago-sec-faq__q { font-size: 15px; }
		.ago-sec-faq__btn { width: 24px; height: 24px; }
		.ago-sec-faq__a { font-size: 11.83px; }
	}
	
	/* ============================================
		 Footer
		 ============================================ */
	.ago-footer {
		position: relative;
		width: 100%;
		background-color: #000000;
		color: #FFFFFF;
		padding: 100px 70px;
	}
	
	/* Floating Buttons — always viewport-fixed so they stay visible while scrolling (incl. footer) */
	.ago-footer__floating-buttons {
		position: fixed;
		bottom: 48px;
		right: 21px; /* 기존 70px의 30% — 우측 띄움 70% 축소 */
		display: flex;
		flex-direction: column;
		align-items: flex-end; /* column width = CTA stack; TOP centers via align-self */
		gap: 8px;
		z-index: 900; /* below header/mobile menu (999–1002), above page/pin layers */
		transition: bottom 0.3s ease, right 0.3s ease, gap 0.3s ease;
		pointer-events: auto;
	}
	
	/* Keep fixed at bottom-right even when footer is in view (avoid absolute → scroll-off) */
	.ago-footer__floating-buttons.ago-footer__floating-buttons--in-footer {
		position: fixed;
		bottom: 48px;
		right: 21px;
		top: auto;
	}
	
	/* CTA column — width drives the floating group so TOP can center on it */
	.ago-footer__floating-stack {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		gap: inherit;
		width: max-content;
	}
	
	.ago-footer__btn-top {
		display: flex;
		align-items: center;
		justify-content: center;
		align-self: center; /* horizontal center of CTA stack width */
		width: 48px;
		height: 48px;
		padding: 0;
		border: 1px solid #FFFFFF;
		border-radius: 50%;
		background: rgba(0, 0, 0, 0.45);
		backdrop-filter: blur(12px);
		font-family: 'GmarketSans', sans-serif;
		font-weight: 700;
		font-size: 11px;
		letter-spacing: 0.04em;
		line-height: 1;
		color: #FFFFFF;
		cursor: pointer;
		transition: background-color 0.35s ease, border-color 0.35s ease, color 0.35s ease;
		flex-shrink: 0;
	}
	
	.ago-footer__btn-top:hover {
		background: #E5FF48;
		border-color: #E5FF48;
		color: #000000;
	}
	
	.ago-footer__btn-company {
		position: relative;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		width: 160px; /* 200px의 80% */
		padding: 19px 10px;
		border: 1px solid #FFFFFF;
		border-radius: 100px;
		background: rgba(0, 0, 0, 0.1);
		backdrop-filter: blur(12px);
		font-family: 'GmarketSans', sans-serif;
		font-weight: 700;
		font-size: 18px;
		line-height: 1;
		cursor: pointer;
		transition: background-color 0.35s ease, border-color 0.35s ease, color 0.35s ease;
		text-decoration: none;
	}
	
	.ago-footer__btn-company:hover {
		background: #FFFFFF;
		border-color: #FFFFFF;
	}
	
	.ago-footer__btn-company span{
		font-family:'GmarketSans', sans-serif;
		font-weight: 700;
		font-size: 18px;
		line-height: 1;
		text-align: center;
		text-transform: uppercase;
		color: #FFFFFF;
		transition: color 0.35s ease;
		white-space: nowrap;
	}
	
	.ago-footer__btn-company:hover span{
		color: #000000;
	}
	
	.ago-footer__btn-company .ago-img_box{
		position: absolute;
		right: 10px;
		top: 50%;
		transform: translateY(-50%);
		background: url('../../_img/sub/aeo-geo/quick_arrow01.png') no-repeat center center / 100%;
		width: 14px;
		height: 16px;
		flex-shrink: 0;
		transition: filter 0.35s ease, background 0.35s ease;
	}
	
	.ago-footer__btn-company:hover .ago-img_box{
		background: url('../../_img/sub/aeo-geo/quick_arrow01.png') no-repeat center center / 100%;
		filter: invert(1);
	}
	
	.ago-footer__btn-consult {
		position: relative;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 8px;
		text-align: center;
		width: 160px;
		padding: 19px 10px;
		border: 1px solid #E5FF48;
		border-radius: 100px;
		background-color: transparent;
		font-family:'GmarketSans', sans-serif;
		font-weight: 700;
		font-size: 18px;
		line-height: 1;
		text-transform: uppercase;
		color: #000000;
		cursor: pointer;
		overflow: hidden;
		isolation: isolate;
		text-decoration: none;
		z-index: 0;
	}
	
	.ago-footer__btn-consult::before {
		content: '';
		position: absolute;
		inset: 0;
		background-color: #E5FF48;
		transform: scaleX(1);
		transform-origin: left center;
		z-index: -1;
	}
	
	.ago-footer__btn-consult:hover {
		animation: footer-consult-text 0.75s ease;
	}
	
	.ago-footer__btn-consult:hover::before {
		animation: footer-consult-refill 0.75s cubic-bezier(0.22, 1, 0.36, 1) forwards;
	}
	
	.ago-footer__btn-consult span {
		position: relative;
		z-index: 1;
		display: block;
		font-family: 'GmarketSans', sans-serif;
		font-weight: 700;
		font-size: 18px;
		line-height: 1;
		text-align: center;
		white-space: nowrap;
	}
	
	.ago-footer__btn-consult .ago-img_box {
		position: relative;
		z-index: 1;
		display: flex;
		align-items: center;
		width: 14px;
		height: 16px;
		flex-shrink: 0;
	}
	
	.ago-footer__btn-consult .ago-img_box img {
		width: 100%;
		height: 100%;
		object-fit: contain;
		display: block;
		filter: none;
	}
	
	.ago-footer__btn-consult:hover .ago-img_box img {
		animation: footer-consult-arrow 0.75s ease;
	}
	
	.ago-footer__btn-consult svg {
		width: 16px;
		height: 13px;
		flex-shrink: 0;
		transform: rotate(90deg);
		position: relative;
		z-index: 1;
	}
	
	@keyframes footer-consult-refill {
		0% {
			transform: scaleX(1);
			transform-origin: right center;
		}
		45% {
			transform: scaleX(0);
			transform-origin: right center;
		}
		46% {
			transform: scaleX(0);
			transform-origin: left center;
		}
		100% {
			transform: scaleX(1);
			transform-origin: left center;
		}
	}
	
	@keyframes footer-consult-text {
		0%,
		100% {
			color: #000000;
		}
		40%,
		55% {
			color: #E5FF48;
		}
	}
	
	@keyframes footer-consult-arrow {
		0%,
		100% {
			filter: none;
		}
		40%,
		55% {
			filter: invert(86%) sepia(47%) saturate(567%) hue-rotate(16deg) brightness(104%) contrast(102%);
		}
	}
	
	/* Footer Inner */
	.ago-footer__inner {
		display: flex;
		flex-direction: column;
		gap: 60px;
	}
	
	/* Top Section */
	.ago-footer__top {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		text-transform: uppercase;
	}
	
	.ago-footer__headline {
		display: flex;
		flex-direction: column;
		gap: 30px;
	}
	
	.ago-footer__headline-text {
		font-family:'GmarketSans', sans-serif;
		font-weight: 500;
		font-size: 30px;
		line-height: 1.4;
		color: #FFFFFF;
	}
	
	.ago-footer__headline-title {
		font-family:'GmarketSans', sans-serif;
		font-weight: 700;
		font-size: 50px;
		line-height: 1.4;
		color: #FFFFFF;
	}
	
	.ago-footer__menu {
		display: flex;
		align-items: center;
		gap: 50px;
	}
	
	.ago-footer__menu-item {
		font-family:'GmarketSans', sans-serif;
		font-weight: 700;
		font-size: 20px;
		line-height: 1;
		color: #FFFFFF;
		text-decoration: none;
		transition: color 0.3s ease;
	}
	
	.ago-footer__menu-item:hover {
		color: #E5FF48;
	}
	
	/* Middle Section */
	.ago-footer__middle {
		position: relative;
		display: flex;
		flex-direction: column;
		gap: 40px;
		padding-top: 60px;
		width: 100%;
	}
	
	.ago-footer__middle::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		border-top: 1px solid #444444;
		pointer-events: none;
	}
	
	.ago-footer__logo-row {
		display: flex;
		align-items: center;
		width: 100%;
	}
	
	.ago-footer__logo {
		width: 243px;
		height: 54px;
		flex-shrink: 0;
	}
	
	.ago-footer__logo svg {
		display: block;
		width: 100%;
		height: 100%;
	}
	
	.ago-footer__company-info {
		display: flex;
		gap: 40px;
		width: 100%;
	}
	
	.ago-footer__info-column {
		flex: 1 0 0;
		display: flex;
		flex-direction: column;
		gap: 6px;
		font-size: 16px;
		line-height: 1.4;
	}
	
	.ago-footer__info-item {
		display: flex;
		gap: 10px;
		align-items: flex-start;
		width: 100%;
	}
	
	.ago-footer__info-label {
		font-family:'GmarketSans', sans-serif;
		font-size: 16px;
		font-weight: 700;
		color: #FFFFFF;
		flex-shrink: 0;
	}
	
	.ago-footer__info-value {
		font-family:'GmarketSans', sans-serif;
		font-weight: 500;
		color: #BBBBBB;
	}
	
	.ago-footer__info-value p {
		margin: 0;
	}
	
	.ago-footer__info-value p:not(:last-child) {
		margin-bottom: 0;
	}
	
	/* Bottom Section */
	.ago-footer__bottom {
		display: flex;
		gap: 40px;
		align-items: center;
		width: 100%;
	}
	
	.ago-footer__legal-links {
		flex: 1 0 0;
		display: flex;
		gap: 20px;
		font-family:'GmarketSans', sans-serif;
		font-weight: 500;
		font-size: 18px;
		line-height: 1.4;
	}
	
	.ago-footer__legal-link {
		color: #FFFFFF;
		text-decoration: none;
		transition: opacity 0.3s ease;
	}
	
	.ago-footer__legal-link:first-child {
		color: #FFFFFF;
	}
	
	.ago-footer__legal-link:last-child {
		color: #999999;
	}
	
	.ago-footer__legal-link:hover {
		color: #E5FF48;
		transition: all 0.3s ease;
	}
	
	.ago-footer__social {
		display: flex;
		gap: 18px;
		align-items: center;
		/* Clear fixed floating CTA (160px + right 21px) past footer pad (70px) + gap */
		margin-right: 200px;
	}
	
	.ago-footer__social-icon {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 24px;
		height: 24px;
		flex-shrink: 0;
		transition: transform 0.3s ease-out;
	}
	
	.ago-footer__social-icon:hover {
		transform: scale(1.1);
	}
	
	.ago-footer__social-icon svg {
		display: block;
		width: 100%;
		height: 100%;
	}
	
	@media screen and (max-width: 1024px){
		.ago-footer{ padding: 80px 50px; }
		.ago-footer__floating-buttons{ bottom: 36px; right: 15px; }
		.ago-footer__floating-buttons.ago-footer__floating-buttons--in-footer{ right: 15px; bottom: 36px; top: auto; }
		.ago-footer__btn-top{ width: 42px; height: 42px; font-size: 10px; }
		.ago-footer__btn-company span{ font-size: 16px; line-height: 1; }
		.ago-footer__btn-consult span{ font-size: 18px; line-height: 1; }
		.ago-footer__btn-company, .ago-footer__btn-consult{ width: 144px; padding: 8px 8px; line-height: 1; }
		.ago-footer__btn-company{ font-size: 16px; }
		.ago-footer__btn-consult{ font-size: 18px; }
		.ago-footer__inner{ gap: 50px; }
		.ago-footer__top{ flex-direction: column; align-items: flex-start; gap: 40px; }
		.ago-footer__headline{ gap: 25px; }
		.ago-footer__headline-text{ font-size: 26px; }
		.ago-footer__headline-title{ font-size: 42px; }
		.ago-footer__menu{ gap: 40px; }
		.ago-footer__menu-item{ font-size: 18px; }
		.ago-footer__middle{ gap: 35px; padding-top: 50px; }
		.ago-footer__logo{ width: 200px; height: 44px; }
		.ago-footer__logo img{ width: 100%; }
		.ago-footer__logo-row{ gap: 14px; }
		.ago-footer__company-info{ flex-wrap: wrap; }
		.ago-footer__info-column{ flex: 0 0 calc(50% - 20px); }
		.ago-footer__info-label, .ago-footer__info-value{ font-size: 14px; }
		.ago-footer__bottom{ gap: 30px; }
		.ago-footer__legal-links{ font-size: 16px; }
		/* Floating 144px + right 15px; footer pad 50px — more left shift as pad shrinks */
		.ago-footer__social{ margin-right: 220px; }
		.ago-footer__social-icon{ width: 22px; height: 22px; }
	}
	
	@media screen and (max-width: 768px){
		.ago-footer{ padding: 60px 30px; }
		.ago-footer__floating-buttons{ bottom: 18px; right: 9px; position: fixed !important; gap: 6px; }
		.ago-footer__floating-buttons.ago-footer__floating-buttons--in-footer{ position: fixed !important; right: 9px; bottom: 18px; top: auto; }
		.ago-footer__btn-top{ width: 36px; height: 36px; font-size: 9px; }
		.ago-footer__btn-company span{ font-size: 14px; line-height: 1; }
		.ago-footer__btn-consult span{ font-size: 13px; line-height: 1; }
		.ago-footer__btn-company, .ago-footer__btn-consult{ width: 112px; padding: 6px 6px; line-height: 1; }
		.ago-footer__btn-company{ font-size: 14px; }
		.ago-footer__btn-consult{ font-size: 13px; }
		.ago-footer__btn-company .ago-img_box,
		.ago-footer__btn-consult .ago-img_box{ width: 11px; height: 13px; }
		.ago-footer__btn-consult svg{ width: 13px; height: 11px; }
		.ago-footer__inner{ gap: 40px; }
		.ago-footer__top{ gap: 30px; }
		.ago-footer__headline{ gap: 20px; }
		.ago-footer__headline-text{ font-size: 22px; }
		.ago-footer__headline-title{ font-size: 34px; }
		.ago-footer__menu{ flex-wrap: wrap; gap: 20px; }
		.ago-footer__menu-item{ font-size: 16px; }
		.ago-footer__middle{ gap: 30px; padding-top: 40px; }
		.ago-footer__logo{ width: 180px; height: 40px; }
		.ago-footer__logo-row{ justify-content: flex-start; gap: 12px; }
		.ago-footer__company-info{ flex-direction: column; gap: 10px; }
		.ago-footer__info-column{ gap: 8px; }
		.ago-footer__info-label, .ago-footer__info-value{ font-size: 14px; }
		.ago-footer__bottom{ flex-direction: column; align-items: flex-start; gap: 25px; }
		.ago-footer__legal-links{ flex-direction: column; gap: 15px; font-size: 14px; }
		/* Stacked bottom; still reserve space vs 112px floating + right 9px */
		.ago-footer__social{ gap: 15px; margin-right: 140px; max-width: calc(100% - 140px); flex-wrap: wrap; }
		.ago-footer__social-icon{ width: 20px; height: 20px; }
	}
	
	@media screen and (max-width: 500px){
		.ago-footer{ padding: 50px 20px; }
		.ago-footer__floating-buttons{ bottom: 14px; right: 6px; gap: 5px; }
		.ago-footer__floating-buttons.ago-footer__floating-buttons--in-footer{ right: 6px; bottom: 14px; top: auto; }
		.ago-footer__btn-top{ width: 32px; height: 32px; font-size: 8px; }
		.ago-footer__btn-company span{ font-size: 12px; line-height: 1; }
		.ago-footer__btn-consult span{ font-size: 12px; line-height: 1; }
		.ago-footer__btn-company, .ago-footer__btn-consult{ width: 98px; padding: 6px 5px; line-height: 1; }
		.ago-footer__btn-company{ font-size: 12px; }
		.ago-footer__btn-consult{ font-size: 12px; }
		.ago-footer__btn-company .ago-img_box,
		.ago-footer__btn-consult .ago-img_box{ width: 10px; height: 12px; }
		.ago-footer__btn-consult svg{ width: 12px; height: 10px; }
		.ago-footer__inner{ gap: 35px; }
		.ago-footer__top{ gap: 25px; }
		.ago-footer__headline{ gap: 15px; }
		.ago-footer__headline-text{ font-size: 18px; }
		.ago-footer__headline-title{ font-size: 26px; }
		.ago-footer__menu{ flex-direction: column; align-items: flex-start; gap: 15px; }
		.ago-footer__menu-item{ font-size: 14px; }
		.ago-footer__middle{ gap: 25px; padding-top: 35px; }
		.ago-footer__logo{ width: 140px; height: 31px; }
		.ago-footer__logo-row{ gap: 10px; }
		.ago-footer__company-info{ gap: 20px; }
		.ago-footer__info-column{ gap: 10px; }
		.ago-footer__info-label{ font-size: 14px; }
		.ago-footer__info-value{ font-size: 14px; }
		.ago-footer__bottom{ gap: 20px; }
		.ago-footer__legal-links{ gap: 12px; font-size: 14px; }
		/* Clear 98px floating + right 6px */
		.ago-footer__social{ gap: 12px; margin-right: 120px; max-width: calc(100% - 120px); }
		.ago-footer__social-icon{ width: 18px; height: 18px; }
	}
	
	
	
	
	
	
	
	
	