body { font-size: var(--fs-17); color: var(--color-text); background: var(--color-white); }
body.notScroll { overflow: hidden; }

:root {
	--color-primary: #FFA109;
	--color-text: #0D1C2DCC;
	--color-text-sub: #0D1C2D80;
	--color-border: #0D1C2D14;
	--color-bg-cream: #fff1da;
	--color-white: #FFFFFF;

	--fs-13: 1.3rem;
	--fs-14: 1.4rem;
	--fs-15: 1.5rem;
	--fs-16: 1.6rem;
	--fs-17: 1.7rem;
	--fs-18: 1.8rem;
	--fs-20: 2.0rem;
	--fs-22: 2.2rem;
	--fs-24: 2.4rem;
	--fs-26: 2.6rem;
	--fs-28: 2.8rem;
	--fs-32: 3.2rem;
	--fs-36: 3.6rem;
	--fs-40: 4.0rem;
	--fs-48: 4.8rem;

	--mo-gutter: 2rem;
}

.container { width: 120rem; max-width: 100%; margin: 0 auto; box-sizing: border-box; }

/* pc/모바일 전용 노출 토글 (768px 이하에서 전환) */
.mob { display: none; }

.section-head__title { font-size:5.2rem; font-weight: 700; line-height: 1.4; color: var(--color-text); }
.section-head__title span{color: var(--color-primary);}
.section-head__desc { margin-top: 1.4rem; font-size: var(--fs-28); color: var(--color-text-sub); line-height: 1.6;font-weight: 600; }
.section-head__desc.sm{font-size: var(--fs-24);}
.section-head--center { text-align: center; }
.hl { color: var(--color-primary); font-weight: 700;}

.card-grid { display: flex; gap: 2.4rem; }
.card { flex: 1; background: var(--color-border); border-radius: 2rem; padding: 3.6rem 2.4rem; text-align: center;padding-top: 0;}
.card__icon { margin: 0 auto;height: 30rem; }
.card__icon img {width: 100%;height: 100%;object-fit: contain;}
.card__title { font-size: var(--fs-28); font-weight: 700; margin-bottom: 1rem; }
.card__desc { font-size: var(--fs-18); color: var(--color-text-sub); line-height: 1.6; }

.card--simple{background: var(--color-bg-cream);padding-top: 2rem;padding-bottom: 2rem;}
.card--simple .card__icon{height: 20rem;}
.card--simple .card__desc { font-size: var(--fs-18); font-weight: 600; color: var(--color-text);margin-top: 1rem; }

.btn { display: inline-flex; align-items: center; justify-content: center; height: 5.6rem; border-radius: 1.2rem; font-size: var(--fs-18); font-weight: 600; cursor: pointer;}
.btn--outline { background: var(--color-border); color: var(--color-text); }
.btn--primary { background: var(--color-primary); color: var(--color-text); }

/* 
  header
 */
.header { padding-bottom: 6rem; }
.header__row { display: flex; align-items: center; justify-content: space-between; }
.header .logo img { width: 24rem; }
.header__desc { font-size: var(--fs-15); color: var(--color-text); text-align: right; }


.hero__inner {
	background-image: 
	url(../Img/image\ 119.png),
	linear-gradient(0deg, rgba(253, 248, 242, 1) 85%, rgba(255, 255, 255, 1) 100%);
background-repeat: no-repeat, no-repeat;
background-position: left bottom, left bottom;
background-size: 60rem, cover;
padding: 3rem 4rem 7rem;
}

.hero__body { display: flex; align-items: flex-start; justify-content: space-between; gap: 4rem; }
.hero__text { flex: 1; min-width: 0; }
.hero__title { font-size: var(--fs-48); font-weight: 800; line-height: 1.3; color: var(--color-text); font-family: 'Aggravo'; }
.hero__title span{color: var(--color-primary);font-size: 7rem;}
.hero__desc { margin-top: 1rem; font-size: var(--fs-26); font-weight: 500; color: var(--color-text); }
.hero__desc .hl { font-weight: 700; }
.hero__text .bohum_swiper { position: relative; width: 90%; margin-top: 1rem; padding: 2.5rem 2rem; background: var(--color-white); border-radius: 5rem; }
.hero__text .bohum_swiper::after {
	content: ''; position: absolute; top: 0; bottom: 0; width: 14rem; pointer-events: none; z-index: 2;
}
.hero__text .bohum_swiper::before {
	left: 0; background: linear-gradient(to left, rgba(255,255,255,0), #fff);
	border-radius: 5rem 0 0 5rem;
}
.hero__text .bohum_swiper::after {
	right: 0; background: linear-gradient(to right, rgba(255,255,255,0), #fff);
	border-radius: 0 5rem 5rem 0;
}

.hero__text .bohum_mySwiper .swiper-slide { font-size: var(--fs-18); flex: 0 0 auto; width: 33.333%; }
.hero__text .bohum_mySwiper .swiper-slide img { width: 16rem; }
.hero__note { margin-top: 8rem; font-size: var(--fs-22); color: var(--color-text);font-weight: 500;text-align: center; }
.hero__note span{color: var(--color-primary);font-weight: 800;}
.hero__form { width: 46rem; flex-shrink: 0; background: var(--color-white); border-radius: 2rem; padding: 2.4rem; box-shadow: 0 1rem 3rem rgba(0,0,0,.1); border: 1px solid #eee;}
.hero__form-title { font-size: var(--fs-24); font-weight: 700; text-align: center;}

.hero__form form > ul { margin-top: 2.4rem; display: flex; flex-direction: column; gap: 1.6rem; }
.hero__form .title_label { display: block; font-size: var(--fs-16); color: var(--color-text); margin-bottom: 0.6rem;font-weight: 500; }

.hero__form .name_wrap { display: flex; flex-direction: column; }
.hero__form .name_input_row { display: flex; align-items: flex-end; gap: 1rem; }
.hero__form .name_input_row .form-name { flex: 1; }

.hero__form input[type="text"],
.hero__form input[type="tel"] {
	width: 100%; height: 4.6rem; border: none; border-bottom: 1px solid var(--color-border); border-radius: 0;
	font-size: var(--fs-20); font-weight: 700; color: var(--color-text);
}
.hero__form input[type="text"]:focus,
.hero__form input[type="tel"]:focus{outline: none;}

.hero__form input[type="text"]::placeholder,
.hero__form input[type="tel"]::placeholder{font-size: var(--fs-20);font-weight: 700;color: var(--color-text-sub);}

.hero__form .gender_wrap { display: flex; gap: 0.6rem; flex-shrink: 0; }
.hero__form .gender_box { position: relative; }
.hero__form .gender_box input[type="radio"] { position: absolute; opacity: 0; width: 100%; height: 100%; cursor: pointer; margin: 0; }
.hero__form .gender_box label {
	display: flex; align-items: center; justify-content: center; width: 6.4rem; height: 4.2rem;
	 border-radius: 1rem; font-size: var(--fs-16); color: var(--color-text); cursor: pointer;font-weight: 600;background: var(--color-border);
}
.hero__form .gender_box input[type="radio"]:checked + label { background: var(--color-primary); }

.hero__form .tel_box { display: flex; gap: 0.8rem; }
.hero__form .tel_box select {
	width: 9.4rem; height: 4.6rem; border: none; border-bottom: 1px solid var(--color-border); border-radius: 0;
	padding-right: 2.4rem;font-size: var(--fs-20); font-weight: 700; color: var(--color-text-sub);
	appearance: none; -webkit-appearance: none; -moz-appearance: none;
	background: url(../Img/chevron_down.png) no-repeat right 0.6rem center; background-size: 1.6rem;
}
.hero__form .tel_box select:focus { outline: none; }
.hero__form .tel_box input { flex: 1; }

.hero__form-btns { margin-top: 2.4rem; display: flex; gap: 1rem; }
.hero__form-btns .btn { flex: 1; }

/* 
  reason
 */
.reason { padding: 10rem 0; }
.reason .card-grid { margin-top: 4.8rem; }

/* 
  prepare 
 */
.prepare { padding: 10rem 0; }
.prepare__inner {
	display: flex; align-items: center; gap: 4rem;
}
.prepare__text { flex-shrink: 0; width: 46rem; }
.prepare__cards { flex: 1; }
.prepare .card { box-shadow: none; }

/* 
  compare
 */
.compare { padding: 10rem 0; }
.compare .container{background: linear-gradient(180deg,rgb(252, 252, 253) 23%, rgba(255, 255, 255, 1) 100%);padding-top: 5rem;}
.compare .bohum_swiper { position: relative; margin-top: 6rem; padding: 1rem 0; }
.compare .bohum_swiper::before,
.compare .bohum_swiper::after {
	content: ''; position: absolute; top: 0; bottom: 0; width: 8rem; z-index: 1; pointer-events: none;
}
.compare .bohum_swiper::before { left: 0; background: linear-gradient(to left, rgba(255,255,255,0), #ffffff);z-index: 2; }
.compare .bohum_swiper::after { right: 0; background: linear-gradient(to right, rgba(255,255,255,0), #fff); }
.compare .bohum_mySwiper { padding: 0 2rem; overflow: hidden; }
.compare .bohum_mySwiper .swiper-slide { font-size: var(--fs-18); flex-shrink: 0; width: auto; margin-right: 10rem; }
.compare .bohum_mySwiper .swiper-slide img { width: 22rem; }
.compare .bohum_mySwiper .swiper-slide img.hd { width: 20rem; }

/* 슬라이드 넘김이 아니라 띠 형태로 끊김없이 흐르는 마퀴 효과 (JS가 .bohum_marquee 클래스를 부여) */
.compare .bohum_mySwiper.bohum_marquee .swiper-wrapper {
	display: flex;
	width: max-content;
	animation: bohum-marquee 15s linear infinite;
}
@keyframes bohum-marquee {
	from { transform: translateX(0); }
	to { transform: translateX(-50%); }
}

.compare__list { margin-top:6.5rem; display: flex; flex-direction: column; gap: 1.2rem;border: 1px solid #eee;border-radius: 2rem;padding: 3rem 0;background: #fff; box-shadow: 0 0 3rem rgba(0,0,0,.1);}
.compare__item {
	display: flex; align-items: center; border-bottom: 1px solid #eee;padding: 0 3rem;padding-bottom: 2.5rem;margin-bottom: 2rem;gap: 3rem;
}
.compare__list .compare__item:last-child{border: none;margin-bottom: 0;padding-bottom: 0;}
.compare__logo { width: 20rem; flex-shrink: 0; }
.compare__logo img { width: 100%; height: auto; object-fit: contain; }
.compare__info { flex: 1; }
.compare__cate { font-size: var(--fs-18); color: var(--color-primary); font-weight: 700; }
.compare__name { margin-top: 0.4rem; font-size: 3rem; font-weight: 700; }
.compare__fine { margin-top: 0.6rem; font-size: var(--fs-18); color: var(--color-text-sub); }
.compare__price { font-size: 3rem; font-weight: 700; white-space: nowrap; }

/* 
  final-cta
 */
.final-cta { padding: 8rem 0; }
.final-cta__inner { border-radius: 3rem; text-align: center; }
.final-cta__title-wrap { position: relative; display: inline-block; }
.final-cta__illust { position: absolute; top: -23rem; left: 2rem; width: 23rem; margin: 0; }
.final-cta__illust img{width: 100%;object-fit: contain;}
.final-cta__illust-top { position: absolute; top: -1rem; right: -1.2rem; width: 4.4rem; }
.final-cta__title { margin-top: 0; font-size:5.2rem; font-weight: 800; line-height: 1.4; }
.final-cta__desc { margin-top: 1.2rem; font-size: var(--fs-18); color: var(--color-text-sub); }

.final-cta__form { margin: 3.2rem auto 0; background: var(--color-white); border-radius: 2rem; padding: 3.2rem; box-shadow: 0 0 4rem rgba(0,0,0,.15); text-align: left; position: relative;}
.final-cta__form-title { font-size: 3rem; font-weight: 700; color: var(--color-text); text-align: center; margin-bottom: 2rem; }
.final-cta__form form > ul { display: flex; flex-direction: row; align-items: flex-start; gap: 1.6rem;padding: 2rem 0;}
.final-cta__form form > ul > li { flex: 1; min-width: 0; }
.final-cta__form label { display: block; font-size: var(--fs-16); color: var(--color-text); margin-bottom: 0.6rem; font-weight: 500;}

.final-cta__form input[type="text"],
.final-cta__form input[type="tel"] {
	width: 100%; height: 4.6rem; border: none; border-bottom: 1px solid var(--color-border); border-radius: 0;
	font-size: var(--fs-20); font-weight: 700; color: var(--color-text);
}
.final-cta__form input[type="text"]:focus,
.final-cta__form input[type="tel"]:focus{outline: none;}

.final-cta__form input[type="text"]::placeholder,
.final-cta__form input[type="tel"]::placeholder{font-size: var(--fs-20);font-weight: 700;color: var(--color-text-sub);}

.final-cta__form .input_wrap { display: flex; align-items: flex-end; gap: 1rem; }
.final-cta__form .input_wrap input { flex: 1; }
.final-cta__form .gender_wrap { display: flex; gap: 0.6rem; flex-shrink: 0; }
.final-cta__form .gender_wrap input[type="radio"] { display: none; }
.final-cta__form .gender_wrap label {
	display: flex; align-items: center; justify-content: center; width: 6.4rem; height: 4.2rem;
	border-radius: 1rem; font-size: var(--fs-16); color: var(--color-text); cursor: pointer; font-weight: 600; background: var(--color-border);
}
.final-cta__form .gender_wrap input[type="radio"]:checked + label { background: var(--color-primary); }

.final-cta__form .mobile_wrap { display: flex; gap: 0.8rem; }
.final-cta__form .mobile_wrap select {
	width: 9.4rem; height: 4.6rem; border: none; border-bottom: 1px solid var(--color-border); border-radius: 0;
	padding-right: 2.4rem; font-size: var(--fs-20); font-weight: 700; color: var(--color-text-sub);
	appearance: none; -webkit-appearance: none; -moz-appearance: none;
	background: url(../Img/chevron_down.png) no-repeat right 0.6rem center; background-size: 1.6rem;
}
.final-cta__form .mobile_wrap select:focus { outline: none; }
.final-cta__form .mobile_wrap input { flex: 1; }

.final-cta__form .btn_wrap { margin-top: 2.4rem; }
.final-cta__form .btn_submit__btm {
	width: 100%; height: 6rem; border-radius: 1.2rem; background: var(--color-primary); color: var(--color-white);
	font-size: var(--fs-24); font-weight: 700;
	display: flex;align-items: center;justify-content: center;
}
.final-cta__form .btn_submit__btm .arrow { width: 2.5rem;}


/* 
  footer
 */
.sectionf { padding: 4rem 0 6rem; }
.sectionf ul { display: flex; flex-direction: column; gap: 0.4rem; }
.sectionf li { line-height: 1.6;font-size: var(--fs-15); }

/*
  floating cta
 */
.floating-cta {
	position: fixed; left: 50%; bottom: 2.4rem; transform: translateX(-50%) translateY(2rem);
	z-index: 500; opacity: 0; pointer-events: none; transition: opacity .25s ease, transform .25s ease;
}
.floating-cta.is-visible { opacity: 1; pointer-events: auto; transform: translateX(-50%) translateY(0); }
.floating-cta button {
	display: inline-flex; align-items: center; gap: 0.8rem;
	height: 5rem;  border-radius: 2rem;width:30rem;
	background: var(--color-primary); color: var(--color-white);
	font-size: var(--fs-18); font-weight: 700;
	box-shadow: 0 0.6rem 2rem rgba(0,0,0,.18);justify-content: center;
}
.floating-cta__arrow {
	width: 1.8rem; height: 1.8rem;
	transform: rotate(180deg);
	filter: brightness(0) invert(1)
		drop-shadow(0.5px 0 0 #fff) drop-shadow(-0.5px 0 0 #fff)
		drop-shadow(0 0.5px 0 #fff) drop-shadow(0 -0.5px 0 #fff);
}


.sectionf li.f-red { color: #FF5358; }
.sectionf .privacy2 { text-decoration: underline; margin-top: 0.8rem; }

/* ===== 반응형 ===== */
@media (max-width: 1600px) {
	html { font-size: 50%; }
  }
  
  
  @media (max-width: 1280px) {
	html { font-size: 48%;}
  }
  
  
  @media (max-width: 1024px) {
	html { font-size: 42%; }
  }
  
  
  @media (max-width: 900px) {
	html { font-size: 40%; }
  }
  

@media (max-width: 768px) {
	html { font-size: 62.5%; } /* 모바일 폰트 고정 (줌 X) */

	.pc { display: none !important; }
	.mob { display: block !important; }

	.container { padding-left: var(--mo-gutter); padding-right: var(--mo-gutter); }
	.hero .container { padding-left: 0; padding-right: 0; } /* hero__inner가 자체 패딩을 가짐 */

	/* ===== 헤더 ===== */
	.header { padding-bottom: 3rem; }
	.header__row { flex-direction: column; align-items: center; gap: 0.8rem; text-align: center; }
	.header__desc { font-size: 1.6rem; text-align: center; margin-top: 1rem;}
	/* ===== 히어로 ===== */
	.hero__inner {
		padding: 3.2rem 2rem 3.6rem;
		background-image: url(../Img/hero_mo.png);
		background-position: right 0rem top 12rem, left top;
		background-size: 38rem;
	}
	.hero__body { flex-direction: column; align-items: stretch; gap: 2.4rem; }
	.hero__text { width: 100%; }
	.hero__title { font-size: 4rem; text-align: center;}
	.hero__title span { font-size: 4.6rem; }
	.hero__desc { margin-top: 0.8rem; font-size: 1.6rem; text-align: center;}
	.hero__note { margin-top: 2.4rem; font-size: 1.6rem; }

	.hero__text .bohum_swiper { width: 100%; margin-top: 1.6rem; padding: 1.2rem 0; border-radius: 3rem; }
	.hero__text .bohum_swiper::after { width: 8rem; border-radius: 0 3rem 3rem 0; }
	.hero__text .bohum_mySwiper { padding: 0 1.6rem; }
	.hero__text .bohum_mySwiper .swiper-slide { font-size: 1.4rem; }
	.hero__text .bohum_mySwiper .swiper-slide img { width: 10rem; }

	/* ===== 폼 ===== */
	.hero__form { width: 100%; padding: 2rem; box-sizing: border-box; }
	.hero__form-title {font-size: 2.8rem; }
	.hero__form form > ul { margin-top: 1.6rem; gap: 1.2rem; }

	.hero__form input[type="text"],
	.hero__form input[type="tel"] { height: 4.2rem;  }

	.hero__form .gender_box label { width: 5.6rem; height: 3.8rem; font-size: 1.4rem; }

	.hero__form .tel_box select {
		width: 8rem; height: 4.2rem; 
		background-position: right 0.4rem center; background-size: 1.4rem;
	}

	.hero__form-btns { margin-top: 1.6rem; }
	.hero__form-btns .btn_check { color: #fff; }
	.hero__form-btns .btn { flex: 1; height: 5rem; font-size: 1.6rem; }

	/* ===== 이유 (reason) ===== */
	.reason { padding: 6rem 0; }
	.section-head__title { font-size: 3.2rem; line-height: 1.3; }
	.section-head__desc { margin-top: 1rem; font-size: 2rem; line-height: 1.5; }
	.section-head__desc.sm { font-size: 2rem; }

	.reason .card-grid { flex-direction: column; gap: 1.2rem; margin-top: 3.2rem; }
	.reason .card {
		display: flex; align-items: center; text-align: left;
		gap: 1.6rem; padding: 2rem; border-radius: 1.6rem;
	}
	.reason .card__icon { flex-shrink: 0; width: 6rem; height: 6rem; margin: 0;background: var(--color-bg-cream);border-radius: 1.5rem; }
	.reason .card__body { flex: 1; min-width: 0; }
	.reason .card__title { font-size: 1.8rem; margin-bottom: 0.4rem; word-break: keep-all; }
	.reason .card__desc { font-size: 1.5rem; line-height: 1.5; word-break: keep-all; }
	.reason .card__desc br { display: none; }

	/* ===== 복잡한 어린이보험 (prepare) ===== */
	.prepare { padding: 6rem 0; }
	.prepare__inner { flex-direction: column; align-items: stretch; gap: 2.4rem; }
	.prepare__text { width: 100%; text-align: center; }
	.prepare__text .section-head__desc.sm { margin-top: 0.8rem; }

	.prepare__swiper { position: relative; overflow: hidden; }
	.prepare__track.card-grid { gap: 0; }
	.prepare__slide.card { flex: 0 0 100%; width: 100%; box-sizing: border-box; }

	.prepare .card--simple .card__icon { height: 24rem; }
	.prepare .card--simple .card__desc { font-size:2.5rem; margin-top: 1.6rem; word-break: keep-all; }
	.prepare .card--simple .card__desc br { display: none; }

	/* ===== 30초 간편비교 (compare) ===== */
	.compare { padding: 6rem 0; }
	.compare .container { padding-top: 3.2rem; }

	.compare .bohum_swiper { margin-top: 2.4rem; padding: 0.8rem 0; }
	.compare .bohum_swiper::before,
	.compare .bohum_swiper::after { width: 4rem; }
	.compare .bohum_mySwiper { padding: 0 1.6rem; }
	.compare .bohum_mySwiper .swiper-slide img { width: 13rem; }
	.compare .bohum_mySwiper .swiper-slide img.hd { width: 12rem; }
	.compare .bohum_mySwiper.bohum_marquee .swiper-slide { margin-right: 4rem; }

	.compare__list {
		margin-top: 5rem;gap:2rem;
		border: none; border-radius: 0; padding: 0; background: none; box-shadow: none;
	}
	.compare__item,
	.compare__list .compare__item:last-child {
		flex-direction: column; align-items: stretch; gap: 0;
		 border-radius: 1.6rem; padding: 1.5rem;
		margin-bottom: 0; background: #fff; box-shadow: 0 0.4rem 1.6rem rgba(0,0,0,.04);
	}

	.compare__logo {  margin-bottom: 1.4rem; background: var(--color-border);border-radius: 1.2rem;padding: 2rem 3rem;}
	.compare__info { flex: none; }
	.compare__cate { font-size: 1.6rem; }
	.compare__name { margin-top: 0.4rem; font-size: 2rem; line-height: 1.4; word-break: keep-all; }
	.compare__fine { margin-top: 0.6rem; font-size: 1.4rem; line-height: 1.4; }
	.compare__price { margin-top: 1.2rem; font-size: 2rem; text-align: right; }

	/* ===== final-cta ===== */
	.final-cta { padding: 6rem 0; }
	.final-cta__title { font-size: 2.6rem; line-height: 1.35; }

	.final-cta__form { margin-top: 2.4rem; padding: 2rem; border-radius: 1.6rem;box-shadow: none;border: 1px solid var(--color-border); }
	.final-cta__form-title { font-size: 2.2rem; margin-bottom: 1.6rem; }
	.final-cta__form form > ul { flex-direction: column; gap: 1.6rem; padding: 0; }
	.final-cta__form form > ul > li { flex: none; width: 100%; }

	.final-cta__form input[type="text"],
	.final-cta__form input[type="tel"] { height: 4.2rem; font-size: 1.7rem; }
	.final-cta__form input[type="text"]::placeholder,
	.final-cta__form input[type="tel"]::placeholder { font-size: 1.7rem; }

	.final-cta__form .gender_wrap label { width: 5.6rem; height: 3.8rem; font-size: 1.4rem; }

	.final-cta__form .mobile_wrap select {
		width: 8rem; height: 4.2rem; font-size: 1.7rem;
		background-position: right 0.4rem center; background-size: 1.4rem;
	}

	.final-cta__form .btn_wrap { margin-top: 2rem; }
	.final-cta__form .btn_submit__btm { height: 5.4rem; font-size: 1.8rem; }

	.final-cta__form .final-cta__form-btns { display: flex; gap: 1rem; }
	.final-cta__form .final-cta__form-btns .btn { flex: 1; height: 5.4rem; font-size: 1.8rem; }
	.final-cta__form .final-cta__form-btns .btn--primary { color: #fff; }

	/* ===== footer ===== */
	.sectionf { padding: 3.2rem 0 4.8rem; }
	.sectionf li{font-size: 1.4rem;}
}

@media (max-width: 480px) {
	:root { --mo-gutter: 1.6rem; }

	.header .logo img { width: 20rem; }
	.header__desc { font-size: 1.4rem; }

	.hero__inner { padding: 2.8rem 1.6rem 3.2rem; }
	.hero__title { text-align-last: left;font-size: 3rem; }
	.hero__title span { font-size: 3.6rem;}
	.hero__desc {  text-align-last: left;}

	.hero__form { padding: 1.6rem; }
	.hero__form-title{font-size: 2.5rem;}


	.reason .card { padding: 1.6rem; gap: 1.2rem; }
	.reason .card__title { font-size: 1.7rem; }
	.reason .card__desc { font-size: 1.4rem; }

	.prepare .card--simple .card__desc { font-size: 2rem; }

	.compare__logo{width: 100%;}
	.compare__name{font-size: 1.6rem;}
	.compare__price{font-size: 1.8rem;}

}

/* ===== 스크롤 리빌 애니메이션 (data-aos 없이 IntersectionObserver + transition으로 직접 구현) ===== */
.fadeAni {
	transform: translateY(40px);
	opacity: 0;
	transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.7s ease-out;
}

.scroll_motion.active .fadeAni {
	transform: translateY(0);
	opacity: 1;
}

.delay1 { transition-delay: 0.1s; }
.delay2 { transition-delay: 0.2s; }
.delay3 { transition-delay: 0.3s; }
.delay4 { transition-delay: 0.4s; }
.delay5 { transition-delay: 0.5s; }
.delay6 { transition-delay: 0.6s; }

@media (prefers-reduced-motion: reduce) {
	.fadeAni {
		transition: none !important;
		opacity: 1;
		transform: none;
	}
}