.trust-bar{
	background:#fff;
	padding:18px 20px;
}
.trust-inner{
  max-width:900px;
  margin:0 auto;
  display:flex;
  justify-content:space-between;
  text-align:center;
}

.trust-item strong{
  display:block;
  font-size:22px;
  font-weight:700;
  color:#111;
}

.trust-item span{
  font-size:13px;
  color:#777;
}
.trust-item{
  position:relative;
  text-align:center;
  padding:10px 0;
}

/* 왼쪽 깃털 */
.trust-item::before{
  content:"";
  position:absolute;
  left:-20px;
  top:50%;
  transform:translateY(-50%);
  width:24px;
  height:24px;
  background:url('../images/leaf-left.png') no-repeat center/contain;
  opacity:0.5;
}

/* 오른쪽 깃털 */
.trust-item::after{
  content:"";
  position:absolute;
  right:-20px;
  top:50%;
  transform:translateY(-50%);
  width:24px;
  height:24px;
  background:url('../images/leaf-right.png') no-repeat center/contain;
  opacity:0.5;
}
.trust-item:hover::before,
.trust-item:hover::after{
  opacity:0.8;
  transform:translateY(-50%) scale(1.1);
}

@media (max-width:767px){
	.trust-item::before, .trust-item::after{
		display:block;
	}
}

/* ----------------S : 중단 파트소개 영역 ---------------- */
.job-shortcut{
  width:100%;
  background:#fff;
  padding:0px 20px 28px 20px;
}

.job-inner{
  max-width:1200px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
}

.job-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  height:60px;
  border-radius:14px;
  background:#f6f6f6;
  color:#111;
  font-size:16px;
  font-weight:600;
  transition:all .2s ease;
}

.job-btn:hover{
  background:var(--brand-strong);
  color:#fff;
}
@media (max-width:767px){
	.job-inner{
		grid-template-columns:1fr 1fr;
	}
	.job-btn{
		height:56px;
		font-size:15px;
	}
}
/* ----------------E : 중단 파트소개 영역 ---------------- */

/* ----------------S : 어플 카운트 영역 ---------------- */
.stats-section{
  width:100%;
background:#F2F7FE;
  padding:80px 20px;
}

.stats-inner{
  max-width:1200px;
  margin:0 auto;

  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}

.stat-card{
  background:#fff;
  border:1px solid #DDF5D6;
  border-radius:18px;
  padding:26px 20px;
  text-align:center;
  box-shadow:0 8px 20px rgba(0,0,0,0.04);
    opacity:0;
  transform:translateY(24px);
  transition:opacity .6s ease, transform .6s ease;
}
.stat-card.is-visible{
  opacity:1;
  transform:translateY(0);
}
.stat-card strong{
  display:block;
  font-size:34px;
  font-weight:600;
  line-height:1.1;
  color:#111;
  letter-spacing:-0.03em;
}

.stat-card span{
  display:block;
  margin-top:10px;
  font-size:15px;
  font-weight:600;
  color:#666;
}
.stats-cta{
  margin-top:20px;
  text-align:center;
}
@media (max-width:767px){
	.stats-section{
		padding:22px 20px 30px;
	}
	.stats-inner{
		grid-template-columns:1fr;
		gap:12px;
	}
	.stat-card{
		padding:22px 18px;
		border-radius:16px;
	}
	.stat-card strong{
		font-size:30px;
	}
	.stat-card span{
		margin-top:8px;
		font-size:14px;
	}
}
/* ----------------E : 어플 카운트 영역 ---------------- */



/* ----------------S : 어플 사용법 영역 ---------------- */
.app-section{
	padding:80px 20px 80px; 
	background:#f8f9fb;
}

.app-inner{
	max-width:1200px;
	margin:0 auto;
	display:flex;
	align-items:center;
	gap:80px;
}

.app-left{
	flex:1;
	max-width:460px; 
}

.app-left h2{
	font-size:42px;
	line-height:1.3;
	margin-bottom:20px;
}

.app-left p{
	font-size:18px;
	color:#666;
	margin-bottom:30px;
}

.app-download{
	display:flex;
	gap:14px;
}

.store-btn img{
	width:180px;
	height:auto;
}

.app-right{
	flex:1;
	display:flex;
	justify-content:center;
	margin-top:20px;
}

.phone{
	position:relative;
	width:100%;
	max-width:240px; 
	margin:0 auto;
	overflow:hidden;
	border-radius:28px;
	margin:0 auto;
	box-shadow:0 30px 60px rgba(0,0,0,0.18);
	transform:translateY(-5px);
	touch-action: pan-y;
}
.phone::after{
	content:"";
	position:absolute;
	bottom:-20px;
	left:50%;
	transform:translateX(-50%);
	width:70%;
	height:20px;
	background:rgba(0,0,0,0.15);
	filter:blur(12px);
	border-radius:50%;
	z-index:-1;
}
/* 슬라이더 */
.phone-slider{
	display:flex;
	transition:transform .4s ease;
	touch-action: pan-y;
}

.phone-slider img{
	flex:0 0 100%;
	width:100%;
	height:auto; 
	display:block;
	object-fit:cover;
	object-position:top;
	flex-shrink:0;
}

.phone-prev,
.phone-next{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	width:36px;
	height:36px;
	border-radius:50%;
	background:rgba(255,255,255,0.9);
	backdrop-filter:blur(4px);
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:18px;
	font-weight:700;
	color:#333;
	border:1px solid rgba(255,255,255,0.6);
	box-shadow:  0 4px 12px rgba(0,0,0,0.12),
	0 0 0 1px rgba(0,0,0,0.04);
	cursor:pointer;
	z-index:3;
}

/* 위치 */
.phone-prev{ left:-10px; }
.phone-next{ right:-10px; }

/* ❌ 기존 가짜 아이콘 제거 */
.phone-prev::before, .phone-next::before{
	display:none;
}

/* hover */
.phone-prev:hover, .phone-next:hover{
	color:#000;
}
.phone:hover .phone-prev, .phone:hover .phone-next{
	opacity:1;
}
/* 모바일 */
@media (max-width:768px){
	.app-section{
		  padding:40px 20px; 
		  background:#f8f9fb;
	}
    /* 전체 중앙 정렬 */
	.app-inner{
		flex-direction:column;
		text-align:center;
		align-items:center;
		gap:40px;
	}
	/* 텍스트 영역 */
	.app-left{
		width:100%;
	}
	/* 버튼 2줄 */
	.app-download{
		flex-direction:column;
		align-items:center;
		gap:12px;
	}
	.store-btn img{
		width:180px;
		height:auto;
	}

  /* 폰 가운데 */
	.app-right{
		width:100%;
		display:flex;
		justify-content:center;
		margin-top:10px;
	}
	.phone{
		margin:0 auto;
	}
}
/* ----------------E : 어플 사용법 영역 ---------------- */

/* ----------------S : 어플 사용후기 영역 ---------------- */
.case-section{
  padding:60px 20px;
  background:#fff;
}

.case-inner{
  max-width:1200px;
  margin:0 auto;
  position:relative;
}

.case-head{
  text-align:center;
  margin-bottom:60px;
}

.case-head h2{
  font-size:40px;
  margin-bottom:10px;
  margin:0 0 10px;
}

.case-head p{
  font-size:18px;
  color:#777;
}

/* 슬라이더 구조 */
.case-slider{
  position:relative;
}

.case-viewport{
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
    -webkit-overflow-scrolling: touch;
}
/* 전체 스크롤 (가로 슬라이드 포함) */
.case-viewport::-webkit-scrollbar{
  height:6px; /* 🔥 얇게 */
}

.case-viewport::-webkit-scrollbar-track{
  background:transparent; /* 배경 제거 */
}

.case-viewport::-webkit-scrollbar-thumb{
  background:rgba(0,0,0,0.15); /* 🔥 연하게 */
  border-radius:999px;
}

.case-viewport::-webkit-scrollbar-thumb:hover{
  background:rgba(0,0,0,0.25); /* hover 시만 살짝 진하게 */
}
.case-track{
  display:flex;
  gap:20px;
  transition:transform .4s ease;
}

/* 카드 (3개씩 보이게) */
.case-card{
  flex:0 0 calc((100% - 40px) / 3);
  max-width:calc((100% - 40px) / 3);
  background:#fff;
  border:1px solid #eee;
  border-radius:16px;
  padding:24px;
   scroll-snap-align:start;
  
}

.case-card:hover{
  transform:none; /* 🔥 제거 */
  box-shadow:0 20px 40px rgba(0,0,0,0.12);
}

/* 별점 */
.stars{
  color:#ffb400;
  font-size:16px;
  margin-bottom:6px;
}

/* 지역 */
.case-tag{
  display:inline-block;
  background:#f5f5f5;
  color:#666;
  font-size:12px;
  padding:5px 10px;
  border-radius:999px;
  margin-bottom:12px;
}

/* 텍스트 */
.case-card p{
  font-size:15px;
  line-height:1.6;
  color:#555;
}

/* 화살표 */
.review-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:42px;
  height:42px;
  border-radius:50%;
  background:#fff;
  border:1px solid #ddd;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  z-index:2;
}

.review-prev{ left:-20px; }
.review-next{ right:-20px; }

/* CTA */
.case-cta{
  margin-top:40px;
  text-align:center;
  font-size:16px;
  font-weight:600;
  color:#444;
}

/* 모바일 */
@media (max-width:768px){
.case-section{
  padding:40px 20px;
  background:#fff;
}
  .case-track{
    gap:0; /* 🔥 중요 (여백 제거) */
  }
  .case-card{
    flex:0 0 100%;
    max-width:100%;
	scroll-snap-align:start;
  }
  .case-viewport{
    scroll-snap-type:x mandatory;
  }
  .case-head h2{
    font-size:28px;
  }

  .case-head p{
    font-size:15px;
  }
	.review-arrow{
		display:none;
  }
}
/* ----------------E : 어플 사용후기 영역 ---------------- */

/* ----------------S : 지역 소개 영역 ---------------- */
.area-section{
	padding:80px 20px;
  background:#F2F7FE;
}

.area-inner{
  max-width:1200px;
  margin:0 auto;
  display:flex;
  align-items:center;
  gap:60px;
}

.area-left,
.area-right{
  flex:1;
}

.area-map{
  background:#fff;
  border:1px solid #DDF5D6;
  border-radius:24px;
  padding:20px;
  box-shadow:0 10px 30px rgba(0,0,0,0.04);
}

.area-map img{
  display:block;
  width:100%;
  height:auto;
  border-radius:16px;
}

.area-label{
  display:inline-block;
  margin-bottom:14px;
  font-size:15px;
  font-weight:600;
	color:#1E88E5;
}

.area-right h2{
  margin:0 0 18px;
  font-size:44px;
  line-height:1.25;
  letter-spacing:-0.04em;
  color:#111;
  font-weight:600;
  word-break:keep-all;
}

.area-right p{
  margin:0;
  font-size:18px;
  line-height:1.7;
  color:#666;
  word-break:keep-all;
}

.area-list{
  margin-top:28px;
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

.area-list span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:0 18px;
  border-radius:999px;
  background:#fff;
  border:1px solid #DDF5D6;
  color:#111;
  font-size:15px;
  font-weight:600;
    cursor:pointer;
  transition:.15s;
}
.area-list span:active{
  transform:scale(0.95);
  background:#eee;
}
.area-seo{
  max-width:1200px;
  margin:40px auto 0;
}

/* 박스 */
.seo-box{
  background:#fff;
  border:1px solid #eee;
  border-radius:16px;
  padding:24px 22px;
  margin-bottom:16px;

  box-shadow:0 6px 16px rgba(0,0,0,0.04);
}

/* 제목 */
.seo-box h3{
  font-size:18px;
  margin-bottom:12px;
  font-weight:700;
  color:#111;
}

/* 내용 */
.seo-box p{
  font-size:15px;
  line-height:1.7;
  color:#555;
}

/* 강조 */
.seo-box strong{
  color:#1E88E5;
  font-weight:700;
}

.seo-cta{
  margin-top:20px;
  text-align:center;
}

.cta-text{
  font-size:14px;
  color:#666;
  margin-bottom:10px;
}

/* 태그 */
.seo-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:12px;
}

.seo-tags span{
  background:#f6f6f6;
  border-radius:999px;
  padding:6px 12px;
  font-size:13px;
  color:#333;
  font-weight:600;
}
@media (max-width:767px){

  .area-section{
    padding:54px 20px;
  }

  .area-inner{
    flex-direction:column;
    gap:28px;
  }

  .area-right h2{
    font-size:34px;
    line-height:1.3;
    margin-bottom:14px;
  }

  .area-right p{
    font-size:16px;
    line-height:1.65;
  }

  .area-list{
    margin-top:22px;
    gap:10px;
  }

  .area-list span{
    min-height:40px;
    padding:0 15px;
    font-size:14px;
  cursor:default;          /* 🔥 클릭 커서 제거 */
  pointer-events:none; 
  }

}
/* ----------------E : 지역 소개 영역 ---------------- */

/* ----------------S : 요금 섹션 영역 ---------------- */
.price-summary{
	padding:80px 20px;
	background:#ffffff;
	
	text-align:center;
}
.price-summary .inner{
	max-width:900px;
	margin:0 auto;
}

.price-summary h2{
	font-size:38px;
	font-weight:700;
	margin:0 0 14px; /* 🔥 위 0으로 초기화 */
}

.price-summary p{
	font-size:17px;
	color:#666;
	line-height:1.6;
	margin-bottom:40px;
}
@media (max-width:767px){
	.price-summary{
		padding:60px 20px;
		background:#f8f9fb;
		text-align:center;
	}
}
/* 버튼 */
.price-btn{
  display:inline-block;
  padding:16px 28px;
  border-radius:999px;
  background:#111;
  color:#fff;
  font-size:16px;
  font-weight:600;
  text-decoration:none;
  transition:.25s;
}

.price-btn:hover{
  background:#000;
  transform:translateY(-2px);
  box-shadow:0 10px 25px rgba(0,0,0,0.15);
}
/* ----------------E : 요금 섹션 영역 ---------------- */

/* ----------------S : CS 섹션 영역 ---------------- */
.cs-section{
	padding:80px 20px;
	background:#111;
	color:#fff;
	text-align:center;
}

.cs-inner{
	max-width:900px;
	margin:0 auto;
}

.cs-section h2{
	font-size:38px;
	margin-bottom:14px;
	margin:0 0 14px;
}

.cs-section p{
	font-size:18px;
	color:#ccc;
	margin-bottom:30px;
}

.cs-phone{
	font-size:42px;
	font-weight:700;
	letter-spacing:1px;
}
/* ----------------E : CS 섹션 영역 ---------------- */

/* ----------------S : 하단 & TOP 버튼 영역 ---------- */
.footer{
	padding:40px 20px;
	background:#f5f5f5;
	font-size:14px;
	color:#666;
}

.footer-inner{
	max-width:1200px;
	margin:0 auto;
}

.footer-info{
	line-height:1.7;
	margin-bottom:10px;
}

.footer-note{
	font-size:13px;
	color:#888;
}

.scroll-top{
	position:fixed;
	right:20px;
	bottom:20px;
	width:48px;
	height:48px;
	border-radius:50%;
	border:none;
	background:#111;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	cursor:pointer;
	display:none; 
	align-items:center;
	justify-content:center;
	box-shadow:0 6px 20px rgba(0,0,0,0.2);
	transition:.25s;
}

.scroll-top:hover{
  transform:translateY(-3px);
  background:#000;
}
/* ----------------E : 하단 & TOP 버튼 영역 ---------- */