/* === Color Tokens (요청 팔레트) ===
   brand   : #1E4BFF  (딥블루)
   brand-2 : #2FD2E7  (민트)
   muted   : #6B7A90  (보조 텍스트) */
:root{
  --sm-buy-brand:#1E4BFF;
  --sm-buy-brand-2:#2FD2E7;
  --sm-buy-ink:#0b1b2b;
  --sm-buy-muted:#6B7A90;
  --sm-buy-bg:#ffffff;
  --sm-buy-card:#ffffff;
  --sm-buy-radius:16px;
  --sm-buy-shadow:0 10px 30px rgba(21,78,255,.15);
  --sm-buy-border:#EEF2FF;
  --danger:#E5484D;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans KR", Arial, sans-serif;
  color:var(--sm-buy-ink);
  background:#F5F8FF;
  line-height:1.5;
}
main{
  padding-bottom:20px;
}
@media(min-width:880px){
  main{padding-bottom:0}
}
a{color:inherit;text-decoration:none}
.smc{max-width:1120px;margin:0 auto;padding:0 16px}
@media(min-width:480px){
  .smc{padding:0 20px}
}

/* ===== 상단 공용 헤더(기존 쇼핑몰 유지 가정) ===== */
header{
  position:sticky;top:0;z-index:20;
  backdrop-filter:saturate(180%) blur(10px);
  background:#fff;
  border-bottom:1px solid rgba(0,0,0,.05);
  transform:translateY(0);
  transition:transform 0.3s ease;
}
header.header-visible{
  transform:translateY(0);
}
.sm-buy-nav{
  position:relative;
  display:flex;align-items:center;
  justify-content:space-between;
  gap:14px;
  height:60px;
  padding:0 16px;
  max-width:1120px;
  margin:0 auto;
}

/* === 로고 - 모바일: 중앙 / PC: 좌측 === */
.sm-buy-brand{
  position:absolute;
  left:50%;top:50%;
  transform:translate(-50%,-50%);
  display:flex;align-items:center;justify-content:center;
  z-index:10;
  pointer-events:auto;
}
.sm-buy-brand a{display:block;line-height:0}
.sm-buy-brand img{height:clamp(24px, 8.5vw, 32px);width:auto;display:block;}

@media(min-width:880px){
  .sm-buy-nav{height:80px}
  .sm-buy-brand{
	position:static;
	transform:none;
  }
  .sm-buy-brand img{height:32px;width:auto}
}

/* === 햄버거 - 모바일만 표시 === */
.sm-buy-hamburger{
  position:absolute;right:16px;top:50%;transform:translateY(-50%);
  width:clamp(40px, 11.5vw, 44px);height:clamp(40px, 11.5vw, 44px);display:grid;place-items:center;
  background:transparent;border:0;padding:0;cursor:pointer;
  z-index:15;
}
.sm-buy-hamburger img{height:clamp(14px, 4vw, 16px);width:auto;display:block;}
.sm-buy-hamburger:focus-visible{outline:2px solid var(--sm-buy-brand);outline-offset:2px}

@media(min-width:880px){
  .sm-buy-hamburger{display:none;}
}

/* === PC 가로 메뉴바 === */
.sm-buy-menu{
  display:none;
  gap:24px;
  color:var(--sm-buy-muted);
  font-weight:500;
  font-size:14px;
}
.sm-buy-menu > a{
  padding:6px 12px;
  position:relative;
  border-radius:20px;
  transition:all 0.2s ease;
}
.sm-buy-menu > a:hover{
  color:var(--sm-buy-brand);
  background:rgba(30,75,255,0.06);
}
.sm-buy-menu > a[aria-current="page"]{
  color:var(--sm-buy-brand);
  background:rgba(30,75,255,0.1);
  font-weight:600;
}

/* PC 드롭다운 메뉴 (고객센터) */
.sm-buy-menu .menu-dropdown{
  position:relative;
}
.sm-buy-menu .menu-dropdown > a{
  background:transparent;
  padding:6px 12px;
  padding-right:24px;
  font-size:14px;
  font-weight:500;
  color:var(--sm-buy-muted);
  cursor:pointer;
  position:relative;
  display:block;
  border-radius:20px;
  transition:all 0.2s ease;
}
.sm-buy-menu .menu-dropdown > a::after{
  content:'';
  position:absolute;
  right:8px;
  top:50%;
  transform:translateY(-50%);
  width:0;
  height:0;
  border-left:4px solid transparent;
  border-right:4px solid transparent;
  border-top:5px solid currentColor;
  transition:transform 0.2s ease;
}
.sm-buy-menu .menu-dropdown:hover > a::after{
  transform:translateY(-50%) rotate(180deg);
}
.sm-buy-menu .menu-dropdown > a:hover{
  color:var(--sm-buy-brand);
  background:rgba(30,75,255,0.06);
}
.sm-buy-menu .menu-dropdown-content{
  display:none;
  position:absolute;
  top:100%;
  left:0;
  min-width:160px;
  background:#fff;
  border:1px solid var(--sm-buy-border);
  border-radius:12px;
  box-shadow:0 8px 24px rgba(0,0,0,.12);
  padding:8px 0;
  margin-top:4px;
}
.sm-buy-menu .menu-dropdown::before{
  content:'';
  position:absolute;
  top:100%;
  left:0;
  right:0;
  height:4px;
  background:transparent;
}
.sm-buy-menu .menu-dropdown:hover .menu-dropdown-content{
  display:block;
}
.sm-buy-menu .menu-dropdown-content a{
  display:block;
  padding:10px 16px;
  margin:4px 8px;
  color:var(--sm-buy-muted);
  font-weight:500;
  font-size:14px;
  border-radius:8px;
  transition:all 0.2s ease;
}
.sm-buy-menu .menu-dropdown-content a:hover{
  background:rgba(30,75,255,0.08);
  color:var(--sm-buy-brand);
}

/* 카카오 로그인 버튼 (PC 우측) */
.sm-buy-actions{
  display:none;
}
.sm-buy-actions .btn-kakao-login-header{
  display:flex;align-items:center;justify-content:center;gap:6px;
  height:38px;
  padding:0 16px;
  border:0;border-radius:10px;
  background:transparent;color:#999;font-size:12px;font-weight:700;border:none;
  cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.08);
  white-space:nowrap;
}
.sm-buy-actions .btn-kakao-login-header:hover{color:#666}
.sm-buy-actions .btn-kakao-login-header .icon{width:18px;height:18px}

@media(min-width:880px){
  .sm-buy-menu{display:flex;}
  .sm-buy-actions{display:flex;}
}

.sm-buy-icons{display:flex;gap:14px;color:var(--sm-buy-muted)}
.sm-buy-ic{width:24px;height:24px;display:grid;place-items:center;border-radius:8px}
.sm-buy-ic:hover{background:#eef4ff;color:var(--sm-buy-brand)}

/* ===== 드로어 메뉴 ===== */
.drawer{position:fixed;inset:0;display:none;z-index:60}
.drawer.is-open{display:block}
.drawer-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.4)}
.drawer-panel{
  position:absolute;right:0;top:0;bottom:0;width:min(88vw,320px);background:#fff;
  box-shadow:0 12px 32px rgba(0,0,0,.28);
  transform:translateX(100%);transition:transform .25s ease-out;
  display:flex;flex-direction:column
}
.drawer.is-open .drawer-panel{transform:translateX(0)}
.drawer-header{position:relative;padding:24px 16px;display:flex;align-items:center;justify-content:flex-start;gap:12px;border-bottom:1px solid var(--sm-buy-border)}
.drawer-header a{display:block;line-height:0}
.drawer-header img{height:27px;width:auto}  /* 16px × 1.7 = 27.2px ≈ 27px */
.drawer-close{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:32px;height:32px;border:0;background:transparent;font-size:22px;cursor:pointer}
.drawer-nav{display:grid}
.drawer-nav a{padding:14px 16px;border-bottom:1px solid var(--sm-buy-border);font-weight:800;color:#2f4156}
.drawer-nav a:hover{background:#f6f9ff}
.drawer-nav a[aria-current="page"]{color:var(--sm-buy-brand)}
body.drawer-open{overflow:hidden}

/* 드로어 서브메뉴 */
.drawer-nav-parent{position:relative}
.drawer-nav-parent > button{
  padding:14px 16px;border-bottom:1px solid var(--sm-buy-border);
  font-weight:800;color:#2f4156;
  background:transparent;border:0;
  width:100%;text-align:left;cursor:pointer;
  display:flex;align-items:center;justify-content:space-between;
  font-size:inherit;font-family:inherit;
}
.drawer-nav-parent > button:hover{background:#f6f9ff}
.drawer-nav-parent > button .arrow{
  font-size:12px;transition:transform 0.2s ease;
}
.drawer-nav-parent.is-open > button .arrow{transform:rotate(180deg)}
.drawer-submenu{
  max-height:0;overflow:hidden;transition:max-height 0.3s ease;
  background:#f8faff;
}
.drawer-nav-parent.is-open .drawer-submenu{max-height:200px}
.drawer-submenu a{
  padding:12px 16px 12px 32px;border-bottom:1px solid var(--sm-buy-border);
  font-weight:500;font-size:14px;color:#4a5568;
  display:block;
}
.drawer-submenu a:hover{background:#eef2ff}
.drawer-submenu a[aria-current="page"]{color:var(--sm-buy-brand)}

/* 드로어 카카오 로그인 */
.drawer-login{padding:16px;border-bottom:1px solid var(--sm-buy-border)}
.btn-kakao-login{
  display:flex;align-items:center;justify-content:center;gap:10px;
  width:100%;height:50px;border:0;border-radius:12px;
  background:transparent;color:#999;font-size:12px;font-weight:500;border:none;
  cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.08)
}
.btn-kakao-login:hover{background:#FFD700}
.btn-kakao-login:active{transform:translateY(1px)}
.btn-kakao-login .icon{font-size:20px}

/* ===== [NEW] 검색바 영역 (헤더 바로 아래) - 전략 C 강화 버전 ===== */
.top-search-section{
  background:transparent;
  padding:100px 20px 36px;
  max-width:100%;
  margin:0 auto 50px;
  box-shadow:none;
  position:sticky;
  top:0;
  z-index:15;
  min-height:35vh;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  transition:padding 0.3s ease, min-height 0.3s ease;
}
/* sticky 활성화 시 여백 제거 */
.top-search-section.sticky-active{
  background:transparent;
  padding:0;
  min-height:auto;
}
/* sticky 활성화 시 라벨과 기능 문구 숨김 */
.top-search-section.sticky-active .top-search-label,
.top-search-section.sticky-active .top-search-features{
  display:none;
}
@media(min-width:880px){
  .top-search-section{min-height:50vh}
}
.top-search-label{
  text-align:center;
  white-space:nowrap;
  margin:0 0 18px;
  font-size:clamp(18px, 6.5vw, 26px);
  font-weight:900;
  color:#1F2937;  /* 다크 그레이 - 명료하고 세련됨 */
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  letter-spacing:-0.3px;
  text-shadow:none;
  width:100%;
  max-width:640px;
}
.top-search-wrapper{
  position:relative;
  width:100%;
  max-width:640px;
  margin:0;
}
.search-logo{
  position:absolute;
  left:20px;
  top:50%;
  transform:translateY(-50%);
  width:32px;
  height:32px;
  z-index:1;
  pointer-events:none;
}
.top-search-input{
  width:100%;
  height:72px;
  padding:0 24px 0 64px;
  border:none;
  border-radius:36px;
  font-size:17px;
  font-weight:400;
  background:#ffffff;
  box-shadow:0 8px 32px rgba(0,0,0,0.2), 0 0 0 3px rgba(255,255,255,0.3);
  transition:all 0.3s ease;
  color:var(--sm-buy-muted);
}
.top-search-input::placeholder{
  color:var(--sm-buy-muted);
  font-weight:400;
}
.top-search-input:focus{
  outline:none;
  box-shadow:0 12px 40px rgba(0,0,0,0.25), 0 0 0 4px rgba(255,255,255,0.5);
  transform:translateY(-2px) scale(1.01);
}
.top-search-icon{
  position:absolute;
  left:22px;
  top:50%;
  transform:translateY(-50%);
  font-size:26px;
  color:var(--sm-buy-brand);
  pointer-events:none;
}
.top-search-features{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  margin:16px 0 0;
  flex-wrap:wrap;
  width:100%;
  max-width:640px;
}
.top-search-features span{
  display:inline-flex;
  align-items:center;
  gap:4px;
  font-size:13px;
  font-weight:500;
  color:#2B8FD8;  /* 파란색 글씨 */
  padding:8px 14px;
  background:rgba(43,143,216,0.1);  /* 연한 파란색 배경 */
  border-radius:24px;
  box-shadow:0 2px 12px rgba(43,143,216,0.15);
  backdrop-filter:blur(10px);
  border:1px solid rgba(43,143,216,0.2);
}
/* 모바일 최적화 */
@media(max-width:767px){
  .search-logo{
	width:28px;
	height:28px;
	left:16px;
  }
  .top-search-input{
	height:64px;
	font-size:18px;
	padding:0 20px 0 56px;
  }
  .top-search-icon{
	font-size:24px;
  }
}
.top-search-results{
  position:absolute;
  top:calc(100% + 8px);
  left:0;
  right:0;
  background:#fff;
  border:1px solid var(--sm-buy-border);
  border-radius:12px;
  box-shadow:0 8px 24px rgba(0,0,0,.15);
  max-height:340px;
  overflow-y:auto;
  z-index:50;
  display:none;
}
.top-search-results.active{
  display:block;
}
.top-search-result-header{
  padding:12px 16px;
  background:#F9FAFB;
  border-bottom:1px solid var(--sm-buy-border);
  font-size:13px;
  font-weight:500;
  color:var(--sm-buy-muted);
}
.top-search-result-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:16px;
  min-height:56px;
  border-bottom:1px solid var(--sm-buy-border);
  cursor:pointer;
  transition:background 0.15s ease;
}
.top-search-result-item:last-child{
  border-bottom:none;
}
.top-search-result-item:hover{
  background:#F9FAFB;
}
.top-search-result-model{
  font-size:14px;
  font-weight:500;
  color:var(--sm-buy-muted);
}
.top-search-result-price{
  font-size:14px;
  font-weight:800;
  color:var(--sm-buy-brand);
  white-space:nowrap;
  margin-left:12px;
}
.top-search-result-footer{
  padding:14px 16px;
  border-top:1px solid var(--sm-buy-border);
  font-size:14px;
  font-weight:500;
  color:var(--sm-buy-muted);
  text-align:center;
  white-space:nowrap;
}

/* ===== 모바일 검색 헤더 모드 ===== */
.top-search-section.search-active {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  background: white;
  box-shadow: 0 4px 20px rgba(0,0,0,0.15);
  min-height: auto;
  padding: 20px 20px 24px;
  transition: all 0.3s ease;
}

/* 검색 활성화 시 라벨 숨김 */
.top-search-section.search-active .top-search-label {
  display: none;
}

/* 검색 활성화 시 흰색 배경 */
body.search-active::after {
  content: '';
  position: fixed;
  inset: 0;
  background: #ffffff;
  z-index: 99;
  animation: fadeIn 0.3s ease;
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

/* 모바일에서만 적용 */
@media(min-width: 768px) {
  .top-search-section.search-active {
	position: relative;
	top: auto;
	z-index: auto;
  }
  .top-search-section.search-active .top-search-label {
	display: block;
  }
  body.search-active::after {
	display: none;
  }
}

/* ===== 선택된 기기 정보 바 ===== */
.selected-device-bar {
  display: none;
  position: relative;
  z-index: 19;
  background: linear-gradient(135deg, #1E4BFF, #2FD2E7);
  color: white;
  padding: clamp(8px, 2.5vw, 12px) clamp(12px, 4vw, 20px);
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  animation: slideDown 0.3s ease;
}
.selected-device-bar.active {
  display: block;
}
.selected-device-info {
  max-width: 1120px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: clamp(8px, 3vw, 16px);
}
.selected-device-text {
  flex: 1;
}
.selected-device-name {
  font-size: clamp(13px, 3.8vw, 16px);
  font-weight: 800;
}
.selected-device-memory {
  font-size: clamp(11px, 3.2vw, 14px);
  opacity: 0.9;
  margin-top: clamp(1px, 0.5vw, 2px);
}
.selected-device-grade {
  display: none;
  font-size: clamp(11px, 3.2vw, 14px);
  font-weight: 700;
  background: rgba(255,255,255,0.2);
  padding: clamp(4px, 1.5vw, 6px) clamp(10px, 3vw, 16px);
  border-radius: 20px;
  white-space: nowrap;
}
.selected-device-grade .grade-price-divider {
  margin: 0 clamp(4px, 1.5vw, 6px);
  opacity: 0.7;
}
.selected-device-grade .grade-price {
  font-weight: 900;
  font-size: clamp(12px, 3.5vw, 15px);
}
.selected-device-grade.active {
  display: block;
}
.change-device-btn {
  font-size: clamp(11px, 3vw, 13px);
  font-weight: 700;
  background: rgba(255,255,255,0.25);
  color: white;
  border: 1px solid rgba(255,255,255,0.4);
  padding: clamp(4px, 1.5vw, 6px) clamp(8px, 2.5vw, 12px);
  border-radius: 20px;
  white-space: nowrap;
  cursor: pointer;
  transition: all 0.2s ease;
}
.change-device-btn:hover {
  background: rgba(255,255,255,0.35);
  transform: scale(1.05);
}
@media(max-width: 767px) {
  .change-device-btn {
	font-size: clamp(11px, 3vw, 12px);
	padding: clamp(4px, 1.5vw, 5px) clamp(8px, 2.5vw, 10px);
  }
}
@keyframes slideDown {
  from {
	opacity: 0;
	transform: translateY(-10px);
  }
  to {
	opacity: 1;
	transform: translateY(0);
  }
}
@media(min-width: 880px) {
  .selected-device-bar {
	max-width: 1120px;
	margin: 0 auto;
	border-radius: 10px;
  }
}

/* ===== [NEW] 등급 선택 모달 ===== */
/* ===== 인라인 등급 선택 영역 ===== */
.inline-grade-section{
  max-height:0;
  overflow:hidden;
  transition:max-height 0.4s ease-in-out;
  background:#F8FAFC;
  scroll-margin-top:120px;
}
.inline-grade-section.active{
  max-height:1200px;
  position:relative;
  z-index:18;
}
.inline-grade-container{
  padding:clamp(6px, 2vw, 8px) clamp(12px, 4vw, 16px) clamp(16px, 5vw, 20px) clamp(12px, 4vw, 16px);
}
@media(max-width:767px){
  .inline-grade-section.active{
	margin-left:-20px;
	margin-right:-20px;
	width:calc(100% + 40px);
  }
  .inline-grade-container{
	padding:clamp(6px, 2vw, 8px) clamp(12px, 4vw, 16px) clamp(16px, 5vw, 20px) clamp(12px, 4vw, 16px);
  }
  .inline-selected-device{
	border-radius:0;
  }
  .inline-info{
	border-radius:0;
  }
  .inline-grade-card{
	border-radius:0;
  }
}
@media(min-width:880px){
  .inline-grade-container{
	max-width:1120px;
	margin:0 auto;
  }
}
.inline-selected-device{
  margin:0 0 clamp(10px, 3vw, 16px);
  padding:clamp(10px, 3vw, 14px);
  background:linear-gradient(135deg, #1E4BFF, #2FD2E7);
  border-radius:14px;
  color:#fff;
  display:none;
  align-items:center;
  justify-content:space-between;
}
.device-name{
  font-size:clamp(14px, 4vw, 17px);
  font-weight:800;
}
.device-memory{
  font-size:clamp(12px, 3.5vw, 14px);
  opacity:0.9;
  margin-top:clamp(2px, 1vw, 4px);
}
.inline-info{
  margin:0 0 clamp(6px, 2vw, 8px);
  padding:clamp(8px, 2.5vw, 12px);
  background:#FFF9E6;
  border:1px solid #FFE7A3;
  border-radius:12px;
  font-size:clamp(11px, 3vw, 14px);
  color:#8A6A00;
  font-weight:500;
}
.inline-grades{
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(6px, 2vw, 10px);
  margin-bottom:clamp(10px, 3vw, 16px);
}
.inline-grade-card{
  background:var(--sm-buy-card);
  border:1px solid var(--sm-buy-border);
  border-radius:var(--sm-buy-radius);
  box-shadow:var(--sm-buy-shadow);
  padding:clamp(5px, 1.5vw, 7px) clamp(8px, 2.5vw, 12px);
  display:flex;
  align-items:center;
  gap:clamp(3px, 1vw, 4px);
  cursor:pointer;
  transition:all 0.2s ease;
}
.inline-grade-card:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 32px rgba(21,78,255,.2);
}
.inline-grade-card.selected{
  outline:3px solid var(--sm-buy-brand);
  background:#F0F5FF;
  transform:scale(1.02);
  box-shadow:0 12px 32px rgba(30,75,255,.25);
}
.inline-grade-card .badge{
  font-weight:900;
  font-size:clamp(11px, 3vw, 13px);
  border-radius:10px;
  padding:clamp(3px, 1vw, 4px) clamp(7px, 2vw, 10px);
  min-width:clamp(48px, 14vw, 62px);
  text-align:center;
  white-space:nowrap;
  flex-shrink:0;
 /* margin-top:18px;*/
  display:inline-flex;
  justify-content:center;
  align-items:center;
}
.tone-unopened{background:#E8F5E9;color:#2E7D32}
.tone-a{background:#FFF3D9;color:#8A6A00}
.tone-b{background:#F5F7FA;color:#3B4B60}
.tone-c{background:#F5EDE8;color:#7A3F22}
.tone-x{background:#FFEBEE;color:#C62828}
.inline-grade-card .meta{
  display:flex;
  flex-direction:column;
  gap:clamp(2px, 0.5vw, 3px);
  flex:1;
  min-width:0;
}
.inline-grade-card .tags{
  display:flex;
  flex-wrap:wrap;
  gap:clamp(2px, 0.5vw, 3px);
}
.inline-grade-card .tag{
  font-size:clamp(10px, 2.8vw, 12px);
  background:#EDF2FF;
  color:#4056C6;
  border:1px solid #DCE6FF;
  padding:clamp(1px, 0.5vw, 2px) clamp(5px, 1.8vw, 8px);
  border-radius:999px;
  font-weight:500;
}
.inline-grade-card .price{
  margin-left:auto;
  font-size:clamp(14px, 4vw, 19px);
  font-weight:900;
  white-space:nowrap;
  flex-shrink:0;
  min-width:clamp(70px, 20vw, 105px);
}
.inline-disclaimer{
  margin:0 0 16px;
  color:var(--sm-buy-muted);
  font-size:13px;
  text-align:center;
  white-space:nowrap;
}
.inline-footer{
  padding-top:8px;
}
.inline-cta-btn{
  display:block;
  width:100%;
  height:clamp(42px, 12vw, 56px);
  border:0;
  border-radius:14px;
  background:var(--sm-buy-brand);
  color:#fff;
  font-size:clamp(14px, 4vw, 17px);
  font-weight:800;
  cursor:pointer;
  transition:all 0.2s ease;
  text-align:center;
  white-space:nowrap;
  line-height:clamp(42px, 12vw, 56px);
  text-decoration:none;
}
.inline-cta-btn:hover{
  background:#1639CC;
  transform:translateY(-2px);
  box-shadow:0 8px 20px rgba(30,75,255,0.3);
}
.inline-cta-btn.disabled{
  background:#E5E7EB;
  color:#9CA3AF;
  cursor:not-allowed;
  pointer-events:none;
}
@media(max-width:879px){
  .inline-cta-btn{
	display:none;
  }
}

/* ===== 감가 예상 섹션 ===== */
.depreciation-section{
  margin:16px 0;
  padding:0;
}
.depreciation-toggle{
  width:100%;
  padding:16px;
  background:#FFF7E6;
  border:1px solid #FFE2A3;
  border-radius:14px;
  cursor:pointer;
  transition:all 0.3s ease;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:4px;
  position:relative;
}
.depreciation-toggle:hover{
  background:#FFF3D9;
  transform:translateY(-2px);
  box-shadow:0 4px 16px rgba(255,193,7,0.2);
}
.depreciation-toggle .main-text{
  font-size:16px;
  font-weight:800;
  color:#7A5600;
  text-align:center;
  white-space:nowrap;
  margin-bottom:4px;
}
.depreciation-toggle .sub-text{
  font-size:13px;
  color:#8A6A00;
  font-weight:500;
  opacity:0.9;
  transition:opacity 0.3s ease;
}
.depreciation-toggle:hover .sub-text{
  opacity:1;
}

/* 등급 미선택 시 비활성화 스타일 */
.depreciation-toggle.disabled{
  cursor:not-allowed;
  opacity:0.7;
}
.depreciation-toggle.disabled:hover{
  background:#FFF7E6;
  transform:none;
  box-shadow:none;
}

/* 💸 이모지 연기처럼 사라지는 애니메이션 */
.disappearing-money {
  display:inline-block;
  animation:smokeEffect 3s ease-out infinite;
}
@keyframes smokeEffect {
  0% {
	opacity:1;
	transform:translateY(0) scale(1);
	filter:blur(0);
  }
  60% {
	opacity:0.7;
	transform:translateY(-8px) scale(1.1);
	filter:blur(0.5px);
  }
  100% {
	opacity:0;
	transform:translateY(-20px) scale(1.3);
	filter:blur(3px);
  }
}
.depreciation-content{
  margin-top:12px;
  padding:20px;
  background:#FFFCF7;
  border:1px solid #FFE2A3;
  border-radius:14px;
  animation:slideDown 0.3s ease;
}
@keyframes slideDown{
  from{
	opacity:0;
	transform:translateY(-10px);
  }
  to{
	opacity:1;
	transform:translateY(0);
  }
}
.depreciation-content h4{
  margin:0 0 12px;
  font-size:16px;
  font-weight:800;
  color:#5A4200;
  text-align:center;
  white-space:nowrap;
}
.table-wrapper{
  background:#FFFBF5;
  border:2px solid #FFE7A3;
  border-radius:12px;
  padding:12px;
  margin-bottom:12px;
}
.depreciation-table{
  width:100%;
  border-collapse:collapse;
}
.depreciation-table thead th{
  background:#FFF9E6;
  padding:8px 6px;
  font-size:14px;
  font-weight:800;
  color:#5A4200;
  border-bottom:2px solid #FFE7A3;
  text-align:left;
}
.depreciation-table thead th:nth-child(2),
.depreciation-table thead th:nth-child(3){
  text-align:right;
}
.depreciation-table tr{
  border-bottom:1px solid #FFE8C3;
}
.depreciation-table tr:last-child{
  border-bottom:none;
}
.depreciation-table td{
  padding:8px 6px;
  font-size:14px;
}
.depreciation-table td:first-child{
  font-weight:500;
  color:#6B5200;
}
.depreciation-table .loss{
  color:#D32F2F;
  font-weight:800;
  text-align:right;
  font-size:16px;
}
.depreciation-table .total{
  font-weight:900;
  color:#424242;
  text-align:right;
  font-size:18px;
}
/* 타임라인 박스 스타일 */
.depreciation-timeline{
  display:flex;
  flex-direction:column;
  gap:16px;
}
.timeline-item{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.timeline-label{
  font-size:14px;
  font-weight:800;
  color:#5A4200;
  padding-left:4px;
}
.timeline-box{
  padding:12px;
  background:#FFFBF5;
  border:2px solid #FFE7A3;
  border-radius:12px;
  margin:4px 0;
}
.timeline-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:12px;
  font-size:13px;
  font-weight:500;
  color:#8A6A00;
}
.timeline-header span:nth-child(2){
  font-size:18px;
  color:#D32F2F;
}
.timeline-values{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:8px;
}
.timeline-values > div{
  flex:1;
  text-align:center;
  white-space:nowrap;
}
.start-value{
  font-size:18px;
  font-weight:900;
  color:#1B5E20;
}
.loss-value{
  font-size:16px;
  font-weight:900;
  color:#D32F2F;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:4px;
}
.loss-value small{
  font-size:11px;
  font-weight:500;
  color:#8A6A00;
}
.end-value{
  font-size:18px;
  font-weight:900;
  color:#424242;
}
/* 1년 후 가로 레이아웃 스타일 */
.timeline-values-horizontal{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.price-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
}
.start-section, .end-section{
  flex:1;
  text-align:center;
  white-space:nowrap;
}
.arrow{
  font-size:24px;
  color:#D32F2F;
  font-weight:900;
  padding:0 8px;
}
.loss-section{
  text-align:center;
  white-space:nowrap;
  padding-top:6px;
  border-top:1px solid #FFE8C3;
}
.date-label{
  font-size:14px;
  font-weight:800;
  color:#5A4200;
  margin-bottom:8px;
}
.start-section .start-value{
  font-size:18px;
  font-weight:900;
  color:#1B5E20;
}
.loss-section .loss-value{
  font-size:16px;
  font-weight:900;
  color:#D32F2F;
  display:inline;
}
.end-section .end-value{
  font-size:18px;
  font-weight:900;
  color:#424242;
}
@media(max-width:767px){
  .timeline-box{padding:10px}
  .timeline-header{font-size:11px}
  .start-value,.end-value{font-size:16px}
  .loss-value{font-size:14px}
  .date-label{font-size:13px}
  .table-wrapper{padding:10px}
  .depreciation-table td, .depreciation-table th{padding:6px 4px}
}
.depreciation-warning{
  margin-top:12px;
  padding:10px;
  background:#FFF3E0;
  border-radius:10px;
  text-align:center;
  white-space:nowrap;
  font-size:12px;
  color:#E65100;
  font-weight:500;
}

/* 감가 그래프 스타일 */    .loss-graph-container {      margin: 16px 0 24px;      padding: 0 8px;    }    .graph-row {      display: flex;      align-items: center;      margin-bottom: 12px;      gap: 10px;    }    .graph-label {      width: 50px;      font-size: 13px;      font-weight: 800;      color: #5A4200;      flex-shrink: 0;    }    .future-label {      color: #D32F2F; /* 미래 시점은 경고색 */    }    .bar-track {      flex: 1;      height: 36px;      background: rgba(0,0,0,0.05);      border-radius: 8px;      position: relative;      overflow: visible; /* 손실 텍스트가 튀어나와도 보이게 */    }    .bar-fill {      height: 100%;      border-radius: 8px;      display: flex;      align-items: center;      justify-content: flex-end;      padding-right: 10px;      font-size: 13px;      font-weight: 900;      color: #fff;      transition: width 1.5s cubic-bezier(0.22, 1, 0.36, 1); /* 부드러운 1.5초 애니메이션 */      white-space: nowrap;      box-shadow: 0 2px 6px rgba(0,0,0,0.1);    }    .bar-fill.current {      background: linear-gradient(90deg, #1E4BFF, #2FD2E7); /* 브랜드 컬러 */      width: 100%;    }    .bar-fill.future {      background: #D32F2F; /* 위험/손실 컬러 (빨강) */      width: 100%; /* JS로 제어됨 */    }    .loss-indicator {      position: absolute;      right: 0;      top: 50%;      transform: translateY(-50%);      font-size: 12px;      font-weight: 800;      color: #D32F2F;      opacity: 0; /* 애니메이션 시작 전 숨김 */      transition: opacity 0.5s ease 1s; /* 막대가 줄어든 뒤 나타남 */      padding-right: 4px;    }    /* 그래프 애니메이션 활성화 클래스 */    .loss-graph-container.animate .loss-indicator {      opacity: 1;    }
/* ===== 말풍선 GIF (최상위 레이어, 히어로 배너 기준 위치) ===== */
.balloon-floating{
  position:absolute;
  /* top 값은 JavaScript에서 히어로 배너 기준으로 동적 설정 */
  left:50%;
  transform:translateX(-50%);
  z-index:999;
  pointer-events:none;
  text-align:center;
  white-space:nowrap;
  opacity:0;
  animation:balloonFadeIn 1s ease 1.5s forwards;
}
.balloon-floating img{
  width:clamp(280px, 85vw, 500px);
  height:auto;
  display:block;
}
@keyframes balloonFadeIn{
  from{opacity:0;transform:translateX(-50%) translateY(20px)}
  to{opacity:1;transform:translateX(-50%) translateY(0)}
}
@media(min-width:880px){
  .balloon-floating img{
	width:clamp(400px, 50vw, 600px);
  }
}
/* 검색 활성화 시 말풍선 숨김 */
body.search-active .balloon-floating{
  display:none;
}
/* 등급 선택 활성화 시 말풍선 숨김 */
body:has(.inline-grade-section.active) .balloon-floating{
  display:none;
}

/* ===== 히어로 ===== */
.sm-buy-hero{
  position:relative;overflow:hidden;color:#2B8FD8;  /* 파란색 글씨 */
  /* 모바일: 검색바와 통일된 디자인 - 전체 폭 확장 */
  margin:-30px -16px 0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  min-height:50vh;
  display:flex;
  flex-direction:column;
  justify-content:center;
  
}

/* 히어로 캐러셀 */
.hero-carousel{
  position:relative;
  width:100%;
}
.hero-slide{
  display:none;
  opacity:0;
  transition:opacity 0.8s ease-in-out;
}
.hero-slide.active{
  display:block;
  opacity:1;
}

/* 각 슬라이드별 배경색 */
.hero-slide:nth-child(1) .sm-buy-hero-in{
  background:#F0F7FF;  /* 연한 하늘색 */
}
.hero-slide:nth-child(2) .sm-buy-hero-in{
  background:#F0FFF4;  /* 연한 민트색 */
}
.hero-slide:nth-child(3) .sm-buy-hero-in{
  background:#FFF7F0;  /* 연한 피치색 */
}

/* 인라인 배지 스타일 */
.hero-badge-inline{
  margin-top:12px;
  text-align:center;
  white-space:nowrap;
}
.hero-badge-inline span{
  display:inline-block;
  font-size:clamp(10px, 2.8vw, 13px);
  font-weight:800;
  color:#2B8FD8;
  padding:6px 14px;
  background:rgba(43,143,216,0.1);
  border-radius:20px;
  border:1px solid rgba(43,143,216,0.3);
}

/* 인디케이터 */
.hero-indicators{
  position:absolute;
  bottom:12px;
  left:50%;
  transform:translateX(-50%);
  display:flex;
  gap:8px;
  z-index:10;
}
.indicator{
  width:10px;
  height:10px;
  border-radius:50%;
  background:rgba(43,143,216,0.3);
  cursor:pointer;
  transition:all 0.3s ease;
}
.indicator.active{
  background:#2B8FD8;
  width:24px;
  border-radius:5px;
}
.indicator:hover{
  background:rgba(43,143,216,0.6);
}
/* 인증 배지 그룹 (오른쪽 상단) */
.certification-group{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  right:clamp(16px, 12vw, 45px);
  z-index:20;
  display:flex;  /* 모바일에서도 표시 */
  flex-direction:column;
  align-items:center;
  gap:clamp(4px, 2vw, 8px)
}
.certification-group img{
  border-radius:10px;
}
.certification-group .certification-badge{
  width:clamp(60px, 21.6vw, 107px);
  height:auto;
  border:none;
  border-radius:50%;
  box-shadow:0 4px 16px rgba(0,0,0,0.15);
  background:#fff;
  padding:clamp(3.6px, 1.2vw, 6px);
  overflow:hidden
}
.certification-text{
  font-size:clamp(8.4px, 2.64vw, 15px);
  font-weight:800;
  color:#2B8FD8;  /* 파란색 글씨 */
  text-align:center;
  white-space:nowrap;
  line-height:1.2;
  text-shadow:none;
  max-width:clamp(60px, 21.6vw, 107px)
}
.sm-buy-hero-in{display:grid;grid-template-columns:1fr;gap:16px;padding:20px;padding-bottom:50px;border-radius:16px;margin:16px 16px 0 16px}
.sm-buy-hero h1{
  font-size:clamp(18px, 5vw, 32px);line-height:1.2;margin:0 0 6px;font-weight:800;letter-spacing:-.3px;
  opacity:0;animation:fadeInDown 0.6s ease 0.1s forwards;
}
.sm-buy-hero p{
  font-size:clamp(11px, 3vw, 18px);
  margin:0;color:#5BA5E0;  /* 조금 더 연한 파란색 */
  line-height:1.4;
  opacity:0;animation:fadeIn 0.6s ease 0.2s forwards;
}
.sm-buy-badges{
  display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 18px;
  opacity:0;animation:fadeInLeft 0.6s ease 0.3s forwards;
}
.sm-buy-chip{background:rgba(255,255,255,.14);padding:8px 10px;border-radius:999px;font-weight:600;font-size:clamp(12px, 3.5vw, 14px);white-space:nowrap}
.sm-buy-cta{
  display:flex;gap:10px;flex-wrap:wrap;
  opacity:0;animation:fadeInUp 0.6s ease 0.4s forwards;
}
.sm-buy-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:12px 18px;border:0;border-radius:12px;cursor:pointer;font-weight:800
}
.sm-buy-btn.primary{background:#fff;color:var(--sm-buy-brand)}
.sm-buy-btn.outline{
  width:100%;
  height:58px;
  background:linear-gradient(135deg, #1E4BFF 0%, #2FD2E7 100%);color:#fff;border:none;box-shadow:0 4px 15px rgba(30,75,255,0.4);transition:transform 0.3s ease, box-shadow 0.3s ease
}
.sm-buy-btn.outline:hover{transform:scale(1.05);box-shadow:0 6px 20px rgba(30,75,255,0.6)}

/* 하단 정보 영역 (30초면 신청완료 + 소셜프루프 + 공유버튼) */
.hero-bottom-info{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:18px;
  opacity:0;
  animation:fadeInUp 0.6s ease 0.5s forwards;
}
.hero-left-section{
  flex:1;
  display:flex;
  flex-direction:column;
  gap:4px;
}
.sm-buy-note{
  font-size:13px;
  color:#e6efff;
  margin:0;
}
.sm-buy-btn.share{
  background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.7);
  width:48px;
  height:44px;
  padding:8px;
  flex-shrink:0;
  display:flex;
  align-items:center;
  justify-content:center;
}
.sm-buy-btn.share svg{
  width:20px;
  height:20px
}

/* 히어로 애니메이션 정의 */
@keyframes fadeInDown{
  from{opacity:0;transform:translateY(-20px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes fadeIn{
  from{opacity:0}
  to{opacity:1}
}
@keyframes fadeInLeft{
  from{opacity:0;transform:translateX(-20px)}
  to{opacity:1;transform:translateX(0)}
}
@keyframes fadeInUp{
  from{opacity:0;transform:translateY(20px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes ctaButtonPulse{
  0%, 100%{transform:scale(1)}
  50%{transform:scale(1.05)}
}
.sm-buy-btn.outline{
  animation:ctaButtonPulse 1.5s ease-in-out 1s 3
}
.share-modal{position:fixed;inset:0;display:none;z-index:999;align-items:center;justify-content:center}
.share-modal.show{display:flex}
.share-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.4)}
.share-modal-content{position:relative;background:#fff;border-radius:16px;box-shadow:0 12px 40px rgba(0,0,0,.25);padding:24px;min-width:280px;max-width:90vw}
.share-modal h3{margin:0 0 16px;font-size:18px;font-weight:800;color:#2f4156}
.share-modal-buttons{display:grid;gap:10px}
.share-modal-buttons button{width:100%;display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--sm-buy-border);background:#fff;border-radius:12px;cursor:pointer;color:#2f4156;font-weight:500;text-align:left;transition:all .15s}
.share-modal-buttons button:hover{background:#f6f9ff;border-color:var(--sm-buy-brand)}
.share-modal-buttons svg{width:22px;height:22px;flex-shrink:0}
.sm-buy-mock{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);border-radius:28px;width:min(320px,90%);height:560px;margin:0 auto;display:none;position:relative;overflow:hidden}
.sm-buy-mock:before{content:"";position:absolute;inset:0;background:radial-gradient(120% 80% at 20% 0%, rgba(255,255,255,.35), transparent 60%)}
.sm-buy-screen{position:absolute;inset:18px;background:transparent;border-radius:20px;display:grid;place-items:center;color:var(--sm-buy-muted);font-weight:500;overflow:hidden}
.sm-buy-screen img{width:100%;height:100%;object-fit:contain}
.price-overlay{display:none}
.product-name{font-size:14px;font-weight:800;margin-bottom:6px;opacity:0.95;letter-spacing:-0.3px}
.price-info{font-size:19px;font-weight:900;letter-spacing:-0.5px;white-space:nowrap}

/* Fold5 최적화 (≤360px) */
@media(max-width:360px){
  .sm-buy-hero-in{padding:16px}
  .sm-buy-hero{margin-top:-40px}
  .sm-buy-hero h1{font-size:16px}
  .sm-buy-hero p{font-size:10px}
  .sm-buy-chip{padding:6px 10px}
  .hero-social-proof{padding:6px}
  .social-text{font-size:11px}
  .hero-badge-inline span{font-size:9px;padding:5px 12px}
  .hero-indicators{bottom:8px}
  .certification-group{top:50%}
}

/* 480px 이상: 컨테이너 padding이 20px로 변경되므로 negative margin 조정 */
@media(min-width:480px){
  .sm-buy-hero{
	margin:-30px -20px 0;
  }
}

@media(min-width:880px){
  /* PC: 히어로 섹션 레이아웃 */
  .sm-buy-hero{
	margin:154px auto 28px;
	border-radius:0;
	box-shadow:none;
	min-height:auto;
	display:block;
  }
  .sm-buy-hero-in{
	grid-template-columns:1.05fr .95fr;
	align-items:center;
	padding:48px;
	max-width:640px;
	margin:0 auto;
  }
  /* PC: 640px 기준 고정 크기 */
  .sm-buy-hero h1{font-size:24px}
  .sm-buy-hero p{font-size:15px}
  /* PC에서는 오른쪽 상단 배지 표시 */
  .certification-group{
	display:flex;
	right:308px;
  }
  .certification-group .certification-badge{
	width:107px;
	box-shadow:0 4px 16px rgba(0,0,0,0.25);
  }
  .certification-group img{
	border-radius:10px;
  }
  .certification-text{
	font-size:14px;
	max-width:107px;
  }
  /* PC에서는 인라인 배지 숨김 */
  .hero-badge-inline{
	display:none;
  }
}

/* ===== 섹션 공통 ===== */
section{margin:28px 0}
.sm-buy-card{background:var(--sm-buy-card);border-radius:var(--sm-buy-radius);box-shadow:var(--sm-buy-shadow);padding:18px}

/* 모바일: 이미지 표시, 텍스트 숨김 */
.howto-image-mobile{display:block;background:var(--sm-buy-card);border-radius:var(--sm-buy-radius);box-shadow:var(--sm-buy-shadow);padding:18px}
.howto-image-mobile img{width:100%;height:auto;display:block}
.howto-text-content{display:none}

/* PC: 텍스트 표시, 이미지 숨김 */
@media(min-width:880px){
  .howto-image-mobile{display:none}
  .howto-text-content{display:block}
}

.sm-buy-steps{display:grid;grid-template-columns:1fr;gap:14px}
.sm-buy-step{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:14px;border:1px solid var(--sm-buy-border);background:#fff}
.sm-buy-step .num{width:32px;height:32px;border-radius:10px;background:#eefaff;color:var(--sm-buy-brand);display:grid;place-items:center;font-weight:800}
.sm-buy-step h3{margin:2px 0 6px;font-size:16px}
.sm-buy-step p{margin:0;color:var(--sm-buy-muted);font-size:14px}
@media(min-width:880px){ .sm-buy-steps{grid-template-columns:repeat(3,1fr)} }

.sm-buy-trust{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.sm-buy-badge{
  background:#fff;
  border:1px solid #E5E7EB;
  border-radius:16px;
  padding:0;
  text-align:center;
  white-space:nowrap;
  position:relative;
  transition:transform 0.2s ease, box-shadow 0.2s ease;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  box-shadow:0 2px 8px rgba(0,0,0,0.08);
}
.sm-buy-badge:hover{
  transform:translateY(-2px);
  box-shadow:0 4px 12px rgba(0,0,0,0.12);
}
/* 모바일: 이미지 표시 */
.badge-image{
  width:100%;
  height:140px;
  object-fit:cover;
  border-radius:0;
  margin-bottom:0;
  display:block;
}
.badge-title{
  font-weight:800;
  font-size:clamp(14px, 4vw, 32px);
  color:#4A5568;
  letter-spacing:-0.3px;
  display:block;
  padding:14px 16px 0 16px;
}
.sm-buy-badge-sub{
  font-size:12px;
  color:#9CA3AF;
  font-weight:400;
  margin-top:4px;
  padding:0 16px 16px 16px;
}

/* PC: 기존 이모지 아이콘 표시 */
@media(min-width:640px){
  .sm-buy-trust{grid-template-columns:repeat(4,1fr)}

  /* 이미지 숨기기 */
  .badge-image{display:none}

  /* PC 배지 스타일 복원 */
  .sm-buy-badge{
	background:linear-gradient(135deg, #fff 0%, #f8fafc 100%);
	border:1px solid var(--sm-buy-border);
	border-radius:14px;
	padding:16px 14px;
	align-items:center;
	gap:8px;
  }

  /* 기존 ::before 아이콘 표시 */
  .sm-buy-badge::before{
	content:'';
	display:flex;
	width:40px;
	height:40px;
	border-radius:50%;
	background:linear-gradient(135deg, #1E4BFF 0%, #2FD2E7 100%);
	align-items:center;
	justify-content:center;
	font-size:20px;
	margin-bottom:4px;
	opacity:0.9;
  }
  .sm-buy-badge:nth-child(1)::before{content:'⚡'}
  .sm-buy-badge:nth-child(2)::before{content:'📦'}
  .sm-buy-badge:nth-child(3)::before{content:'✓'}
  .sm-buy-badge:nth-child(4)::before{content:'💰'}

  /* PC 텍스트 스타일 복원 */
  .badge-title{
	display:inline;
	font-weight:800;
	font-size:14px;
	color:var(--sm-buy-muted);
	padding:0;
  }
  .sm-buy-badge-sub{
	font-size:11px;
	color:var(--sm-buy-muted);
	font-weight:600;
	padding:0;
  }
}

/* ===== 신청내역 롤링 ===== */
.apply-ticker{position:relative;overflow:hidden}
.apply-ticker::before{
  content:'';position:absolute;top:0;left:0;right:0;
  height:48px;
  background:linear-gradient(180deg, #fff 0%, rgba(255,255,255,0) 100%);
  z-index:2;pointer-events:none;
}
.apply-ticker::after{
  content:'';position:absolute;bottom:0;left:0;right:0;
  height:48px;
  background:linear-gradient(0deg, #fff 0%, rgba(255,255,255,0) 100%);
  z-index:2;pointer-events:none;
}
.apply-ticker .ticker-head{
  font-weight:900;color:#2f4156;margin:0 0 12px;
  display:flex;align-items:center;gap:8px;
}
.apply-ticker .ticker-head::before{
  content:'📊';font-size:20px;
}
.apply-ticker .ticker-head::after{
  content:'';flex:1;height:2px;
  background:linear-gradient(90deg, var(--sm-buy-brand) 0%, transparent 100%);
}

/* 실시간 접수 현황 - 타이틀 헤더 (이미지 + 시계) */
.ticker-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:12px;
}
.realtime-title-image{
  display:block;
  width:auto;
  max-width:140px;
  height:auto;
  margin:0;
}
.realtime-clock{
  display:flex;
  align-items:center;
  gap:4px;
  padding:4px 8px;
  background:#F7F9FC;
  border-radius:6px;
  font-size:11px;
  font-weight:500;
  color:#1E4BFF;
  border:1.5px solid #EEF2FF;
  white-space:nowrap;
  font-variant-numeric:tabular-nums;  /* 숫자 고정폭 */
}
@media(min-width:480px){
  .realtime-title-image{max-width:200px}
  .realtime-clock{
	font-size:14px;
	padding:6px 12px;
	gap:6px;
  }
}

.apply-ticker .ticker-viewport{overflow:hidden;height:280px;position:relative}
.apply-ticker .ticker-list{display:flex;flex-direction:column}
.apply-ticker .ticker-item{
  display:flex;align-items:center;gap:10px;
  padding:10px 14px;margin-bottom:8px;background:#fff;
  border:1px solid var(--sm-buy-border);border-radius:10px;font-size:14px;
  transition:all 0.2s ease;
}
.apply-ticker .ticker-item:hover{
  background:#FAFBFF;
  border-color:#C5E3FF;
  transform:translateX(4px);
}
.apply-ticker .logo-container{      display:inline-flex;      width:35px;      justify-content:center;      align-items:center;      flex-shrink:0;    }
.apply-ticker .time{
  min-width:56px;color:var(--sm-buy-muted);font-weight:500;
  display:flex;align-items:center;gap:4px;
}
.apply-ticker .time::before{
  content:'🕐';font-size:14px;opacity:0.7;
}
.apply-ticker .name{font-weight:800;color:#2c3b4a}
.apply-ticker .model{color:var(--sm-buy-muted);flex:1;font-size:13px}
.apply-ticker .badge{
  margin-left:auto;font-weight:800;
  padding:5px 11px;border-radius:8px;font-size:12px;
  display:flex;align-items:center;gap:4px;
  white-space:nowrap;
}
.apply-ticker .badge.status-apply{background:#EEF6FF;color:#1E4BFF;border:1px solid #C5E3FF}        /* 신청 접수 */
.apply-ticker .badge.status-inspect{background:#E8F5E9;color:#2E7D32;border:1px solid #A5D6A7}       /* 검수완료 */
.apply-ticker .badge.status-complete{background:#FFF8E1;color:#F57C00;border:1px solid #FFE082}      /* 정산/완료 */

/* 초소형 화면 - 티커 전체 축소 (모델명 공간 확보) */
@media(max-width:360px){
  .apply-ticker .ticker-item{
	gap:8px;              /* 10px → 8px */
	padding:8px 10px;     /* 10px 14px → 8px 10px */
	font-size:13px;       /* 14px → 13px */
  }
  .apply-ticker .time{
	min-width:48px;       /* 56px → 48px */
	font-size:12px;       /* 기본 14px → 12px */
  }
  .apply-ticker .time::before{
	font-size:12px;       /* 14px → 12px (아이콘) */
  }
  .apply-ticker .name{
	font-size:13px;       /* 기본 14px → 13px */
  }
  .apply-ticker .model{
	font-size:12px;       /* 13px → 12px */
  }
  .apply-ticker .badge{
	padding:4px 8px;      /* 5px 11px → 4px 8px */
	font-size:11px;       /* 12px → 11px */
  }
}

/* ===== FAQ 미리보기 ===== */
.faq-card .head{display:flex;align-items:center;gap:10px;margin:0 0 10px}
.faq-card .head h3{margin:0;font-size:16px}
.faq-card .more{margin-left:auto;font-weight:800;color:var(--sm-buy-brand)}

/* FAQ 타이틀 - 모바일/PC 동일하게 이미지 표시 */
.faq-title-image{
  display:block;
  width:auto;
  max-width:180px;
  height:auto;
  margin:0;
}
/* PC도 이미지로 통일 (기존 PC 텍스트 표시 주석)
.faq-title-text{
  display:none;
}
@media(min-width:880px){
  .faq-title-image{display:none}
  .faq-title-text{display:block}
}
*/
.faq-card details{border:1px solid var(--sm-buy-border);border-radius:10px;background:#fff;margin-bottom:8px;overflow:hidden}
.faq-card summary{list-style:none;padding:12px 14px;cursor:pointer;font-weight:800}
.faq-card summary::-webkit-details-marker{display:none}
.faq-card details p{padding:0 14px 12px 14px;margin:0;color:var(--sm-buy-muted)}
.faq-card details[open] summary{border-bottom:1px solid var(--sm-buy-border)}

/* ===== 모바일 하단 고정 CTA ===== */
.sm-buy-fab{
  position:fixed;left:16px;right:16px;bottom:16px;z-index:50;
  display:flex;gap:10px;justify-content:space-between
}
.sm-buy-fab a{
  flex:1; text-align:center; padding:14px 16px; border-radius:14px; font-weight:800;
  box-shadow:0 8px 24px rgba(0,0,0,.08)
}
.sm-buy-fab .a{background:var(--sm-buy-brand);color:#fff}
.sm-buy-fab .b{background:#fff;color:var(--sm-buy-brand);border:2px solid var(--sm-buy-brand)}
@media(min-width:880px){ .sm-buy-fab{display:none} }

footer{
  margin:48px 0 0;
  padding:32px 20px;
  background:#282C4B;
  color:#ffffff;
  font-size:12px;
  text-align:left
}

/* ===== 하단 탭바 ===== */
.tabbar{
  position:fixed;left:0;right:0;bottom:0;z-index:50;
  display:grid;grid-template-columns:repeat(4,1fr);
  border-top:1px solid var(--sm-buy-border);background:#fff;
  padding-bottom:env(safe-area-inset-bottom);
}
.tabbar a{padding:8px 4px;text-align:center;font-weight:800;color:#2f4156}
.tabbar .t{display:block;font-size:11px;color:#6B7A90}
.tabbar a[aria-current="page"]{color:var(--sm-buy-brand)}

/* 스크롤 시 나타나는 CTA 버튼 */
.tabbar-cta{
  position:fixed;left:0;right:0;bottom:0;z-index:50;
  background:#fff;border-top:1px solid var(--sm-buy-border);
  padding:12px 16px;
  padding-bottom:calc(12px + env(safe-area-inset-bottom));
}
.tabbar-cta .cta-button{
  display:block;width:100%;
  padding:16px;
  background:var(--sm-buy-brand);
  color:#fff;
  font-size:16px;font-weight:500;
  text-align:center;
  white-space:nowrap;
  border-radius:12px;
  text-decoration:none;
  transition:all 0.3s ease;
}
.tabbar-cta .cta-button:hover{
  background:#0066cc;
  transform:translateY(-2px);
  box-shadow:0 4px 12px rgba(0,102,204,0.3);
}

/* 데스크톱 전용: 탭바 숨김 */
@media (min-width:880px){
  .tabbar{display:none}
  .tabbar-cta{display:none}
}

/* ===== 사업자 정보 & 인증 배지 ===== */
.footer-content{width:100%;margin:0 auto}

/* 모바일부터 2열 시작 (배지 왼쪽 | 회사정보 오른쪽) */
.footer-wrapper{
  display:grid;
  grid-template-columns:80px 1fr;
  gap:12px;
  align-items:start;
}

/* 배지 영역 - 회사정보 중간 높이로 이동 */
.footer-certs{display:flex;flex-direction:column;gap:10px;align-items:flex-start;margin-top:61px}
.footer-certs img{width:auto;max-width:80px;height:auto}

/* 회사 정보 영역 */
.footer-biz{display:flex;flex-direction:column;gap:4px}

/* 로고는 회사정보 상단에 원래 크기 유지 */
.footer-logo{width:160px;max-width:100%;margin-bottom:16px;display:block}
.footer-biz .company-name{margin:0 0 8px 0;color:#ffffff;font-weight:500;font-size:14px;line-height:1.3}
.footer-biz .line{margin:0.025rem 0;color:#ffffff;word-break:keep-all;line-height:1.3;font-size:12px}
.footer-biz .operation-hours{color:rgba(255,255,255,0.7);font-size:11px;white-space:normal}
.footer-biz .copy{margin-top:5px;font-weight:800;color:#ffffff;font-size:9px;white-space:normal}
.footer-biz a{color:#ffffff;text-decoration:none}

/* 일반 모바일만: 푸터 좌우 균형 조정 (361px~639px) */
@media(min-width:361px) and (max-width:639px){
  .footer-wrapper{margin-left:30px}
}

/* PC: 전체 중앙 정렬 + 배지 크기/위치 조정 */
@media(min-width:640px){
  footer{padding:48px 0;margin:48px auto 0;display:block;width:100%}
  .footer-content{max-width:600px;margin-left:auto;margin-right:auto;padding:0 60px;box-sizing:border-box}
  .footer-wrapper{
	grid-template-columns:140px 1fr;
	gap:40px;
	margin:0 auto;
  }
  .footer-certs{gap:16px;margin-top:38px}
  .footer-certs img{max-width:140px}
  .footer-logo{width:280px;margin-bottom:24px}
  .footer-biz .company-name{font-size:16px}
  .footer-biz .line{font-size:13px}
  .footer-biz .operation-hours{font-size:12px;white-space:nowrap}
  .footer-biz .copy{font-size:11px;white-space:nowrap}
}

/* 하단 탭바에 가리지 않도록 추가 여백(모바일 전용) */
.footer-spacer{height:60px}
@media (min-width:880px){ .footer-spacer{display:none} }

/* ===== 하단 이미지 배너 (하단에서 올라옴) ===== */
.cert-top-banner{
  position:fixed;
  left:50%;
  bottom:80px; /* 탭바(60px) + 여유(20px) */
  transform:translate(-50%, 150%); /* 화면 밖 아래에서 시작 */
  opacity:0;
  z-index:80;
  pointer-events:none; /* 클릭 필요없다면 차단 */
  transition:transform .35s ease, opacity .35s ease;
}
.cert-top-banner.show{
  transform:translate(-50%, 0); /* 위로 올라오며 등장 */
  opacity:1;
}
.cert-top-banner.hide{
  transform:translate(-50%, 150%); /* 다시 아래로 내려가며 사라짐 */
  opacity:0;
}
.cert-top-banner img{
  max-width:90vw; /* 모바일: 화면 너비의 90% */
  height:auto;
  display:block;
  border-radius:12px; /* 둥근 모서리 */
}
/* 데스크톱: 하단 배너 숨김 (사이드 배너만 표시) */
@media(min-width:880px){
  .cert-top-banner{display:none !important}
}

/* ===== 데스크톱 사이드 배너 ===== */
.cert-side-banner{display:none;position:fixed;top:90px; /* 메뉴바 아래 */ left:calc(50% + 560px + 16px);z-index:60}
.cert-side-banner img{height:auto;width:auto;border-radius:12px}
@media(min-width:1280px){ .cert-side-banner{display:block} }

/* ===== [NEW] 신뢰성 강화 스타일 ===== */
/* 0. 상단 신뢰 알림 바 - 가로 마키 스크롤 */
/* 0-1. 히어로 내부 사회적 증거 */
.hero-social-proof{
  display:flex;
  align-items:center;
  gap:6px;
  margin:0;
  padding:8px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.2);
  border-radius:12px;
  backdrop-filter:blur(8px);
}
@keyframes scaleIn{
  from{opacity:0;transform:scale(0.9)}
  to{opacity:1;transform:scale(1)}
}
.social-avatars{
  display:flex;
  margin-left:-6px;
}
.social-avatars .mini-avatar{
  width:24px;
  height:24px;
  border-radius:50%;
  border:2px solid #fff;
  margin-left:-6px;
  background:linear-gradient(135deg, #667eea, #764ba2);
  display:grid;
  place-items:center;
  font-size:11px;
}
.social-avatars .mini-avatar:nth-child(2){
  background:linear-gradient(135deg, #f093fb, #f5576c);
}
.social-avatars .mini-avatar:nth-child(3){
  background:linear-gradient(135deg, #4facfe, #00f2fe);
}
.social-text{
  flex:1;
  font-size:clamp(10px, 2.8vw, 12px);
  color:#fff;
  font-weight:600;
  white-space:nowrap;
}
.social-text strong{
  font-weight:900;
  font-size:clamp(11px, 3.2vw, 14px);
}
/* 1. 거래 실적 통계 */
  .trust-stats {
	/* 위쪽 여백 100px로 설정 (기존 28px + 50px + 20px 추가) */
	margin: 120px auto 28px auto;
	
	padding: 24px 0;
	background: linear-gradient(135deg, #F8FBFF 0%, #EEF6FF 100%);
	border-top: 1px solid var(--sm-buy-border);
	border-bottom: 1px solid var(--sm-buy-border);
  }
.stats-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:12px;margin:0 -16px}
.stat-item{
  text-align:center;padding:16px 10px;background:#fff;border-radius:16px;
  border:1px solid var(--sm-buy-border);box-shadow:0 4px 12px rgba(30,75,255,.08);
  transition:all .25s ease;
  opacity:0;
}
.stat-item.animate{animation:bounceIn 0.5s ease forwards}
.stat-item:nth-child(1){animation-delay:0.1s}
.stat-item:nth-child(2){animation-delay:0.2s}
.stat-item:nth-child(3){animation-delay:0.3s}
.stat-item:nth-child(4){animation-delay:0.4s}
.stat-item:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(30,75,255,.15)}
@keyframes bounceIn{
  0%{opacity:0;transform:translateY(30px) scale(0.9)}
  60%{opacity:1;transform:translateY(-5px) scale(1.02)}
  100%{opacity:1;transform:translateY(0) scale(1)}
}
.stat-icon{font-size:32px;margin-bottom:8px;animation:bounce 2s ease-in-out infinite}
.stat-icon img{height:clamp(56px, 17vw, 64px);width:auto;display:block;margin:0 auto}
.stat-item:nth-child(3) .stat-icon{margin-top:3px}
.stat-item:nth-child(4) .stat-number,
.stat-item:nth-child(4) .stat-label,
.stat-item:nth-child(4) .stat-sublabel{transform:translateY(-3px)}
@keyframes bounce{0%, 100%{transform:translateY(0)} 50%{transform:translateY(-6px)}}
.stat-number{font-size:clamp(26px, 7.5vw, 32px);font-weight:900;color:var(--sm-buy-brand);line-height:1.2;margin-bottom:4px;white-space:nowrap}
.stat-small{font-size:clamp(18px, 5.3vw, 20px);color:var(--sm-buy-muted)}
.stat-label{font-size:clamp(12px, 3.7vw, 14px);font-weight:800;color:#2c3b4a;margin-bottom:2px}
.stat-sublabel{font-size:clamp(10px, 3.2vw, 12px);color:var(--sm-buy-muted)}
@media(min-width:880px){
  .stats-grid{grid-template-columns:repeat(4, 1fr);gap:16px}
  .stat-number{font-size:36px}
  .stat-icon{font-size:40px}
  .stat-icon img{height:80px}
}

/* 2. 고객 후기 */
.reviews-section{margin:28px 0}
.section-header{margin-bottom:12px;text-align:center}
.h2{font-size:18px;font-weight:900;margin:0 0 4px}
.review-subtitle{font-size:14px;color:var(--sm-buy-muted)}

/* 모바일: 이미지 표시, 텍스트 숨김 */
.review-title-image{
  width:auto;
  max-width:220px;
  height:auto;
  display:block;
  margin:0 auto 20px;
}
.review-title-text{display:none}

/* PC: 이미지 표시, 텍스트 숨김 (텍스트는 주석처리) */
@media(min-width:480px){
  .review-title-image{max-width:280px}
}
@media(min-width:880px){
  .review-title-image{max-width:320px}  /* PC에서도 이미지 표시 */
  /* .review-title-text{display:block} */  /* 텍스트 주석처리 */
}

.reviews-grid{display:grid;grid-template-columns:1fr;gap:14px;margin:0 0 12px}
.review-card{
  background:#fff;border:1px solid var(--sm-buy-border);border-radius:14px;
  padding:14px;transition:all .2s ease;
  opacity:0;
}
.review-card.animate{animation:fadeInUpSoft 0.6s ease forwards}
.review-card:nth-child(1){animation-delay:0.1s}
.review-card:nth-child(2){animation-delay:0.2s}
.review-card:nth-child(3){animation-delay:0.3s}
.review-card:nth-child(4){animation-delay:0.4s}
.review-card:hover{box-shadow:0 8px 20px rgba(30,75,255,.12);border-color:#cfe1ff}
@keyframes fadeInUpSoft{
  from{opacity:0;transform:translateY(20px)}
  to{opacity:1;transform:translateY(0)}
}
.review-header{margin-bottom:10px}
.review-meta{display:flex;justify-content:space-between;align-items:flex-start}
.reviewer-info{display:flex;gap:10px;align-items:center}
.avatar{
  width:36px;height:36px;border-radius:50%;
  background:linear-gradient(135deg, var(--sm-buy-brand), var(--sm-buy-brand-2));
  display:grid;place-items:center;color:#fff;font-weight:900;font-size:13px;flex-shrink:0;
}
.reviewer-name{font-weight:800;color:#2c3b4a;font-size:14px}
.review-date{font-size:11px;color:var(--sm-buy-muted);margin-top:2px}
.stars{color:#FFB800;font-size:14px;letter-spacing:1px}
.review-model{font-size:13px;color:var(--sm-buy-brand);font-weight:800;margin-bottom:8px}
.review-text{margin:0;color:#2c3b4a;font-size:14px;line-height:1.6}
.review-text strong{color:var(--sm-buy-brand);font-weight:900}
.review-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.tag-positive{
  display:inline-block;padding:5px 10px;background:#EDF6FF;color:#0066CC;
  border:1px solid #C5E3FF;border-radius:999px;font-size:12px;font-weight:500;
}
.review-more{text-align:center;margin-top:16px}
.desktop-only{display:none}
@media(min-width:768px){
  .reviews-grid{grid-template-columns:repeat(2,1fr)}
}
@media(min-width:1024px){
  .desktop-only{display:block}
}

/* 3. 보안 프로세스 */
.security-process{margin:40px auto;padding:40px 0;background:linear-gradient(180deg, #fff 0%, #F8FBFF 100%)}
.section-header-with-cert{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:24px;
  margin-bottom:32px;
}
.section-header-text{flex:1}
.section-title{font-size:24px;font-weight:900;text-align:center;margin:0 0 24px;color:#2c3b4a}
.section-subtitle{text-align:center;color:var(--sm-buy-muted);font-size:14px;margin:0}

/* 모바일: 안전 섹션 이미지 표시, 텍스트 숨김 */
.safety-title-image{
  width:auto;
  max-width:320px;
  height:auto;
  display:block;
  margin:0 auto 20px;
}
.safety-title-text{display:none}

.security-process .certification-badge{
  background:transparent;
  border:none;
  padding:0;
  display:block;
  box-shadow:none;
}
.security-process .certification-badge img{
  width:auto;
  max-width:100%;
  height:auto;
  border-radius:12px;
  display:block;
}

@media(min-width:768px){
  .section-header-with-cert{
	display:grid;
	grid-template-columns:1fr 2fr 1fr;
	align-items:center;
	gap:24px;
  }
  .section-header-text{
	grid-column:2;
  }
  .security-process .certification-badge{
	grid-column:3;
  }
}

/* PC도 모바일과 동일하게 이미지 표시 */
/* 기존 PC 텍스트 표시 (복구용 주석)
@media(min-width:880px){
  .safety-title-image{display:none}
  .safety-title-text{display:block}
}
*/
@media(max-width:767px){
  .section-header-with-cert{
	flex-direction:column;
	align-items:center;
  }
  .security-process .certification-badge img{
	max-width:280px;
  }
}
.security-steps{display:grid;grid-template-columns:1fr;gap:20px;margin-bottom:32px}
.security-step{
  background:#fff;border:2px solid var(--sm-buy-border);border-radius:16px;
  padding:20px;display:flex;gap:16px;align-items:flex-start;transition:all .25s ease;
  position:relative;overflow:hidden;
}
.security-step:hover{
  border-color:var(--sm-buy-brand);box-shadow:0 8px 24px rgba(30,75,255,.12);
  transform:translateX(8px);
}
.step-icon{position:relative;flex-shrink:0;width:64px;height:64px}
.step-number{
  position:absolute;top:0;left:0;width:24px;height:24px;background:var(--sm-buy-brand);
  color:#fff;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:900;z-index:2;
}
.step-emoji{
  width:64px;height:64px;background:linear-gradient(135deg, #EEF6FF, #F8FBFF);
  border-radius:12px;display:grid;place-items:center;font-size:28px;
}
/* All steps image strip on left (mobile only) */
.security-step{
  display:grid;grid-template-columns:130px 1fr;gap:0;padding:0;
}
.security-step .step-icon{
  grid-column:1;width:100%;height:100%;position:relative;margin:0;padding:0;
}
.security-step .step-emoji{
  width:100%;height:100%;border-radius:16px 0 0 16px;font-size:0;margin:0;padding:0;
  position:absolute;top:0;left:0;bottom:0;right:0;
}
.security-step .step-number{
  position:absolute;top:8px;left:8px;z-index:10;
}
.security-step > div{
  grid-column:2;padding:16px 20px 16px 16px;
}
.security-step .step-image{
  width:100%;height:100%;object-fit:cover;display:block;
}
/* PC도 모바일과 동일한 이미지 레이아웃 적용 */
/* 기존 PC 이모지 레이아웃 (복구용 주석)
@media(min-width:880px){
  .security-step{display:flex;gap:16px;padding:20px}
  .security-step .step-icon{width:64px;height:64px;position:static}
  .security-step .step-emoji{
	width:64px;height:64px;background:linear-gradient(135deg, #EEF6FF, #F8FBFF);
	border-radius:12px;font-size:28px;position:static;
  }
  .security-step:nth-child(1) .step-emoji::before{content:'📦'}
  .security-step:nth-child(2) .step-emoji::before{content:'📸'}
  .security-step:nth-child(3) .step-emoji::before{content:'🗑️'}
  .security-step:nth-child(4) .step-emoji::before{content:'💰'}
  .security-step:nth-child(5) .step-emoji::before{content:'📄'}
  .security-step .step-number{position:absolute;top:0;left:0}
  .security-step > div{padding:0}
  .security-step .step-image{display:none}
}
*/
.step-title{margin:0 0 8px;font-size:clamp(14px, 4vw, 32px);font-weight:900;color:#2c3b4a}
.step-desc{margin:0;font-size:14px;color:var(--sm-buy-muted);line-height:1.6}

/* 초소형 화면 (폴드5 폴드 사이즈 등) - 텍스트 축소 */
@media(max-width:360px){
  .step-title{font-size:14px}      /* 16px → 14px */
  .step-desc{font-size:12px}       /* 14px → 12px */
}
.security-guarantee{
  display:grid;grid-template-columns:1fr;gap:12px;background:#fff;
  border:2px solid #E3F4E8;border-radius:16px;padding:20px;
}

/* 서비스 보장 - 모바일 이미지 / PC 텍스트 */
.service-image-mobile{
  display:block;
  width:100%;
  height:auto;
}

/* 초소형 화면 - 이미지 확장 */
@media(max-width:360px){
  .service-image-mobile{
	width:calc(100% + 16px);      /* 좌우 8px씩 확장 */
	margin:0 -8px;                 /* 음수 마진으로 중앙 정렬 */
  }
  /* 푸터 폰트 축소 (폴드5 전용) */
  .footer-biz .company-name{font-size:14px}
  .footer-biz .line{font-size:11px}
  .footer-biz .operation-hours{font-size:9px;white-space:nowrap}
  .footer-biz .copy{font-size:8px;white-space:nowrap}
}
.service-text-content{
  display:none;
}

.guarantee-box{
  display:flex;align-items:center;gap:10px;padding:12px;background:#F8FFF9;border-radius:10px;
}
.guarantee-icon{font-size:20px;flex-shrink:0}
.guarantee-box strong{color:#16a34a;font-weight:900;font-size:15px}
.guarantee-box span:last-child{color:#4b5a70;font-size:13px;margin-left:auto}
@media(min-width:768px){
  .security-steps{grid-template-columns:repeat(2, 1fr)}
  .security-guarantee{grid-template-columns:repeat(3, 1fr)}
  .security-step::after{
	content:'→';position:absolute;right:-30px;top:50%;transform:translateY(-50%);
	font-size:24px;color:var(--sm-buy-border);font-weight:900;
  }
  .security-step:nth-child(2n)::after,
  .security-step:last-child::after{display:none}
}
@media(min-width:880px){
  /* PC: 이미지 숨김, 텍스트 표시 */
  .service-image-mobile{display:none}
  .service-text-content{
	display:contents;  /* 컨테이너를 투명하게, 자식들이 부모 그리드에 참여 */
  }
}

/* ============================================================
   phone_sell.php 전용 스타일 (page2.html 디자인)
   ============================================================ */

/* === 메인 컨테이너 === */
#buy-easy{max-width:1120px;margin:0 auto;padding:0 16px 88px;min-height:calc(100vh - 140px)}

/* === 공통 유틸리티 === */
.sep{height:1px;background:var(--sm-buy-border);margin:8px 0 16px}
.h1{font-size:22px;font-weight:800;margin:16px 0 8px}
.h2{font-size:18px;font-weight:800;margin:20px 0 12px}
.note{color:var(--sm-buy-muted);font-size:13px}
.disclaimer{margin:14px 0 20px;color:var(--sm-buy-muted);font-size:13px}

/* === 선택 트레일 (단계 표시) === */
.trail{margin:10px 0 8px}
.trail ol{margin:0;padding:0;list-style:none}
.trail li{
  position:relative;
  display:flex;align-items:center;gap:10px;
  padding:14px 4px;border-bottom:1px solid var(--sm-buy-border);
  flex-wrap:wrap;
}
.trail .num{
  width:28px;height:28px;border-radius:10px;flex:0 0 28px;
  display:grid;place-items:center;font-weight:800;
  background:#EFF6FF;color:var(--sm-buy-brand);
}
.trail .label{font-weight:800}
.trail .value{color:#2c3b4a;font-weight:600}
.trail .link{margin-left:auto;color:var(--sm-buy-muted);font-size:13px;cursor:pointer;font-weight:700}

/* === 등급 카드 리스트 === */
.grades{display:grid;grid-template-columns:1fr;gap:12px}
.grade-card{
  background:var(--sm-buy-card);border:1px solid var(--sm-buy-border);
  border-radius:var(--sm-buy-radius);box-shadow:var(--sm-buy-shadow);
  padding:16px 12px;display:flex;align-items:center;gap:8px;
  cursor:pointer;transition:all 0.2s ease;
}
.grade-card:hover{
  transform:translateY(-2px);box-shadow:0 12px 32px rgba(21,78,255,.2);
}
.grade-card.selected{
  outline:3px solid var(--sm-buy-brand);background:#F0F5FF;
  transform:scale(1.02);box-shadow:0 12px 32px rgba(30,75,255,.25);
}
.grade-card .badge{
  font-weight:900;border-radius:10px;padding:8px 10px;min-width:62px;text-align:center;
  white-space:nowrap;
  flex-shrink:0;
}

.grade-card .meta{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0;}
.tags{display:flex;flex-wrap:wrap;gap:6px}
.tag{
  font-size:12px;background:#EDF2FF;color:#4056C6;border:1px solid #DCE6FF;
  padding:4px 8px;border-radius:999px;font-weight:700
}
.price{margin-left:auto;font-size:19px;font-weight:900;white-space:nowrap;flex-shrink:0;min-width:105px;}

@media(min-width:880px){
  .price{font-size:22px}
  .grades{grid-template-columns:repeat(2,1fr)}
  .grade-card{gap:12px;padding:16px}
}

/* === 하단 고정 CTA === */
.cta-fixed{
  position:sticky;bottom:12px;z-index:30;
  padding:12px 16px;margin:24px -16px 0;background:linear-gradient(180deg,rgba(255,255,255,.0),rgba(255,255,255,.85) 20%,#fff 38%);
  backdrop-filter:saturate(160%) blur(6px);
}
.cta-fixed .wrap{max-width:1120px;margin:0 auto}
.cta-fixed .status-msg{
  text-align:center;font-size:14px;margin-bottom:10px;font-weight:800;
}
.cta-fixed .status-msg.inactive{color:var(--sm-buy-muted);}
.cta-fixed .status-msg.active{color:var(--sm-buy-brand);}
.cta-fixed a{
  display:block;width:100%;text-align:center;padding:16px 18px;border-radius:14px;
  background:var(--sm-buy-brand);color:#fff;font-weight:900;box-shadow:0 10px 24px rgba(30,75,255,.25);
  transition:all 0.2s ease;
}
.cta-fixed a:active{transform:translateY(1px)}
.cta-fixed a:disabled, .cta-fixed a.disabled{
  background:#D1D5DB;color:#9CA3AF;cursor:not-allowed;box-shadow:none;pointer-events:none;
}

/* === 인라인 옵션 패널 === */
.option-panel{
  display:none;width:100%;
  padding:12px;border:1px solid var(--sm-buy-border);border-radius:12px;background:#fafbff;
  margin-top:10px;
}
.option-panel.active{display:block}
.opt-grid{display:flex;flex-wrap:wrap;gap:10px}
.opt-btn{
  display:inline-flex;align-items:center;gap:8px;
  padding:10px 14px;border-radius:12px;border:1px solid var(--sm-buy-border);
  background:#fff;cursor:pointer;font-weight:800;
}
.opt-btn img{display:block;max-height:28px;width:auto}
.opt-btn[aria-pressed="true"]{outline:2px solid #cfe1ff}

/* === 섹션 타이틀 + 작은 버튼 === */
.section-head{display:flex;align-items:center;gap:12px}
.btn-mini{
  padding:6px 10px;border:1px solid var(--sm-buy-border);border-radius:10px;background:#fff;cursor:pointer;font-weight:800;font-size:12px;
}

/* === 하프시트(모달) === */
.sheet{position:fixed;inset:0;display:none;z-index:50}
.sheet.is-open{display:block}
.sheet-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.35)}
.sheet-panel{
  position:absolute;left:0;right:0;bottom:0;height:55vh;max-height:620px;background:#fff;
  border-radius:16px 16px 0 0; box-shadow:0 -12px 32px rgba(0,0,0,.2);
  transform:translateY(100%); transition:transform .25s ease;
  display:flex;flex-direction:column;
}
.sheet.is-open .sheet-panel{transform:translateY(0)}
.sheet-head{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--sm-buy-border)}
.sheet-title{font-weight:900}
.sheet-close{margin-left:auto;border:0;background:transparent;font-size:20px;cursor:pointer}
.sheet-body{padding:12px 16px;display:flex;flex-direction:column;gap:12px;overflow:auto}
.sheet-tabs{display:flex;gap:8px;flex-wrap:wrap}
.sheet-tab{
  padding:8px 12px;border:1px solid var(--sm-buy-border);border-radius:10px;background:#fff;font-weight:800;cursor:pointer
}
.sheet-tab[aria-pressed="true"]{outline:2px solid #cfe1ff}
.sheet-detail ul{margin:0;padding-left:18px}
.sheet-detail li{margin:6px 0}

/* gradeSheet 전용 (CSS 충돌 방지) */
#gradeSheet{display:none !important}
#gradeSheet.is-open{display:block !important}
/* gradeSheet 가운데 정렬 */
#gradeSheet .sheet-panel{
  position:fixed !important;
  left:50% !important;
  right:auto !important;
  top:50% !important;
  bottom:auto !important;
  width:90vw !important;
  max-width:400px !important;
  height:auto !important;
  max-height:80vh !important;
  transform:translate(-50%, -50%) !important;
  border-radius:16px;
}
#gradeSheet.is-open .sheet-panel{
  transform:translate(-50%, -50%) !important;
}

/* === 검색 UI (phone_sell 전용) === */
.search-wrapper{
  position:relative;
  margin-bottom:8px;
}
.search-input{
  width:100%;
  height:56px;
  padding:0 16px 0 52px;
  border:2px solid var(--sm-buy-border);
  border-radius:14px;
  font-size:16px;
  font-weight:600;
  background:#fff;
  transition:all 0.2s ease;
  color:var(--sm-buy-ink);
}
.search-input::placeholder{
  color:var(--sm-buy-muted);
  font-weight:500;
}
.search-input:focus{
  outline:none;
  border-color:var(--sm-buy-brand);
  box-shadow:0 0 0 3px rgba(30,75,255,.1);
}
.search-icon{
  position:absolute;
  left:18px;
  top:50%;
  transform:translateY(-50%);
  font-size:20px;
  color:var(--sm-buy-muted);
  pointer-events:none;
}
.search-results{
  position:absolute;
  top:calc(100% + 8px);
  left:0;
  right:0;
  background:#fff;
  border:1px solid var(--sm-buy-border);
  border-radius:12px;
  box-shadow:0 8px 24px rgba(0,0,0,.15);
  max-height:340px;
  overflow-y:auto;
  z-index:40;
  display:none;
}
.search-results.active{
  display:block;
}
.search-result-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:16px;
  min-height:56px;
  border-bottom:1px solid var(--sm-buy-border);
  cursor:pointer;
  transition:background 0.15s ease;
}
.search-result-item:last-child{
  border-bottom:none;
}
.search-result-item:hover{
  background:#F9FAFB;
}
.search-result-item:active{
  background:#EEF6FF;
}
.search-result-model{
  font-size:15px;
  font-weight:700;
  color:var(--sm-buy-ink);
}
.search-result-price{
  font-size:14px;
  font-weight:800;
  color:var(--sm-buy-brand);
  white-space:nowrap;
  margin-left:12px;
}
.search-no-results{
  padding:32px 24px;
  text-align:center;
  white-space:nowrap;
  color:var(--sm-buy-muted);
  font-size:14px;
}
.search-result-header{
  padding:12px 16px;
  background:#F9FAFB;
  border-bottom:1px solid var(--sm-buy-border);
  font-size:13px;
  font-weight:700;
  color:var(--sm-buy-muted);
}
.search-result-footer{
  padding:14px 16px;
  border-top:1px solid var(--sm-buy-border);
  font-size:14px;
  font-weight:500;
  color:var(--sm-buy-muted);
  text-align:center;
  white-space:nowrap;
}

/* === 직접선택 UI === */
.direct-select-link{
  display:block;
  text-align:center;
  white-space:nowrap;
  margin:8px auto;
  padding:4px 0;
  font-size:14px;
  font-weight:600;
  color:var(--sm-buy-muted);
  cursor:pointer;
  transition:all 0.2s ease;
  border-bottom:1px solid transparent;
}
.direct-select-link:hover{
  color:var(--sm-buy-brand);
  border-bottom-color:var(--sm-buy-brand);
}
.direct-select-wrapper{
  display:none;
}
.direct-select-wrapper.active{
  display:block;
  padding-bottom:80vh;
}

/* === 사이드 배너 (데스크톱) === */
.cert-side-banner{display:none;position:fixed;top:90px;left:calc(50% + 560px + 16px);z-index:60}
.cert-side-banner img{height:auto;width:auto;border-radius:12px}
@media(min-width:1280px){ .cert-side-banner{display:block} }

/* === 배너 숨김 트랜지션 === */
#top-banner{
  transition: opacity 0.3s ease, max-height 0.3s ease, margin 0.3s ease;
  overflow: hidden;
}
#top-banner.hidden{
  opacity: 0;
  max-height: 0;
  margin: 0;
}

/* === 애니메이션 키프레임 === */
@keyframes gentle-pulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.15); }
}
.pulse-text {
  animation: gentle-pulse 1s ease-in-out infinite;
  display: inline-block;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes button-pulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.05); }
}
.cta-fixed:not([hidden]) {
  animation: fadeInUp 0.5s ease-out, button-pulse 1.5s ease-in-out 0.5s 3;
}

@keyframes avatarFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-4px); }
}
.bounce-avatar-1 {
  background: linear-gradient(135deg, #a8edea, #fed6e3);
  animation: avatarFloat 2.5s ease-in-out infinite;
}
.bounce-avatar-2 {
  background: linear-gradient(135deg, #f093fb, #f5576c);
  animation: avatarFloat 2.5s ease-in-out infinite;
  animation-delay: 0.4s;
}
.bounce-avatar-3 {
  background: linear-gradient(135deg, #4facfe, #00f2fe);
  animation: avatarFloat 2.5s ease-in-out infinite;
  animation-delay: 0.8s;
}
@keyframes scroll-left {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
.scroll-text {
  animation: scroll-left 40s linear infinite;
}

/* ===== 공지사항 페이지 ===== */
/* 페이지 헤더 (미니멀) */
.page-header{
  display:flex;align-items:center;gap:12px;
  margin:24px 0 12px;padding-bottom:16px;
  border-bottom:1px solid var(--sm-buy-border);
}
.page-back-btn{
  width:36px;height:36px;display:grid;place-items:center;
  border:0;background:transparent;cursor:pointer;
  border-radius:8px;transition:background 0.15s;
  flex-shrink:0;
}
.page-back-btn:hover{background:#f6f9ff}
.page-back-btn svg{width:20px;height:20px;color:#2f4156}
.page-title{
  font-size:24px;font-weight:900;color:var(--sm-buy-ink);
  margin:0;
}

/* 공지사항 리스트 */
.notice-list{display:grid;gap:16px;margin-top:24px;margin-bottom:48px}

.notice-card{
  background:var(--sm-buy-card);
  border:2px solid var(--sm-buy-border);
  border-radius:var(--sm-buy-radius);
  padding:20px;
  transition:all 0.25s ease;
  cursor:pointer;
  position:relative;
}
.notice-card:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 20px rgba(30,75,255,0.12);
  border-color:var(--sm-buy-brand);
}

.notice-header{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:12px;
}

.notice-category{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 12px;
  border-radius:8px;
  font-size:13px;
  font-weight:700;
}
.notice-category.hot{
  background:linear-gradient(135deg, #FF6B6B 0%, #FF8E53 100%);
  color:#fff;
}
.notice-category.system{
  background:linear-gradient(135deg, var(--sm-buy-brand) 0%, var(--sm-buy-brand-2) 100%);
  color:#fff;
}
.notice-category.event{
  background:linear-gradient(135deg, #FFD93D 0%, #FFA500 100%);
  color:#fff;
}
.notice-category.security{
  background:linear-gradient(135deg, #6BCF7F 0%, #4CAF50 100%);
  color:#fff;
}
.notice-category.general{
  background:#f1f5f9;
  color:#475569;
}

.notice-badge{
  display:inline-flex;
  align-items:center;
  padding:4px 8px;
  border-radius:6px;
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
}
.notice-badge.new{
  background:#FF6B6B;
  color:#fff;
}

.notice-date{
  margin-left:auto;
  font-size:13px;
  color:var(--sm-buy-muted);
  font-weight:600;
}

.notice-title{
  font-size:17px;
  font-weight:800;
  color:var(--sm-buy-ink);
  margin:0 0 8px;
  line-height:1.4;
}

.notice-summary{
  font-size:14px;
  color:var(--sm-buy-muted);
  margin:0;
  line-height:1.5;
}

.notice-arrow{
  position:absolute;
  right:20px;
  top:50%;
  transform:translateY(-50%);
  font-size:18px;
  color:var(--sm-buy-muted);
  transition:transform 0.2s ease;
}
.notice-card:hover .notice-arrow{
  transform:translateY(-50%) translateX(4px);
  color:var(--sm-buy-brand);
}

@media(max-width:640px){
  .notice-header{flex-wrap:wrap}
  .notice-date{margin-left:0;width:100%;margin-top:4px}
}

/* ===== FAQ 페이지 스타일 (page_Q&A.html 참조) ===== */
.title{font-size:22px;font-weight:800;margin:16px 0 6px}
.desc{color:var(--sm-buy-muted);margin-bottom:16px}

/* FAQ 아코디언 */
.faq-group{margin:18px 0}
.group-title{font-weight:900;color:#334155;margin:8px 0 10px}
details.faq{
  border:1px solid var(--sm-buy-border);border-radius:14px;background:var(--sm-buy-card);
  box-shadow:var(--sm-buy-shadow);padding:0;margin:10px 0;overflow:hidden
}
details.faq[open]{box-shadow:0 12px 24px rgba(30,75,255,.12)}
summary.faq-q{
  list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;
  padding:14px 16px;font-weight:800;outline:none
}
summary.faq-q::-webkit-details-marker{display:none}
.eyebrow{font-size:12px;font-weight:900;color:#6B7A90;margin-right:6px;white-space:nowrap}
.q-text{flex:1}
.chev{transition:transform .2s ease}
details[open] .chev{transform:rotate(180deg)}
.faq-a{padding:0 16px 16px 16px;color:#2c3b4a}
.faq-a p{margin:0}
.faq-a .tip{font-size:12px;color:#6B7A90;margin-top:8px}
.faq-a a{color:var(--sm-buy-brand);font-weight:800}

/* ===== 마이페이지 스타일 (page_my.html 참조) ===== */
#mypage{padding-bottom:96px;min-height:calc(100vh - 140px)}
.page-title{font-size:22px;font-weight:800;margin:16px 0 6px}
.sep{height:1px;background:var(--sm-buy-border);margin:8px 0 16px}

/* 마이페이지 헤더 (타이틀 + 회원정보 수정 버튼) */
.mypage-header{display:flex;align-items:center;justify-content:space-between;margin:16px 0 6px}
.mypage-header h1{margin:0;font-size:22px;font-weight:800}
.btn-edit-profile{
  display:inline-flex;align-items:center;padding:0 14px;height:36px;border-radius:10px;
  background:var(--sm-buy-brand);color:#fff;font-size:13px;font-weight:800;text-decoration:none
}
.btn-edit-profile:hover{background:#1a42db}

/* 섹션 헤더 (상태 배지 + 날짜) */
.section-head{
  display:flex;align-items:center;gap:10px;
  padding:12px 0;border-bottom:1px solid var(--sm-buy-border);font-weight:900;
  text-decoration:none
}
.section-head .date{margin-left:auto;color:#6c7a91}
.section-head .arr{margin-left:6px;color:#9bb0c9}

/* 상태 배지 스타일 */
/*.badge{
  display:inline-flex;align-items:center;padding:4px 10px;border-radius:12px;
  font-size:13px;font-weight:800;white-space:nowrap
}*/
/* 진행중 상태 */
.badge-applied{background:#E3F2FD;color:#1565C0}
.badge-shipping{background:#E1F5FE;color:#0277BD}
.badge-inspecting{background:#FFF3E0;color:#E65100}
/* 완료 상태 */
.badge-inspected{background:#E8F5E9;color:#2E7D32}
.badge-priced{background:#FFF8E1;color:#F57F17}
.badge-paid{background:#E8F5E9;color:#1B5E20}
/* 취소 상태 */
.badge-canceled{background:#F5F5F5;color:#616161}
.badge-rejected{background:#FFEBEE;color:#C62828}

/* 상태 정보 표시 */
.status-info{
  margin-top:18px;padding-top:8px;border-top:1px solid var(--sm-buy-border);
  font-size:13px;color:var(--sm-buy-muted)
}
.status-info a{color:var(--sm-buy-brand);text-decoration:underline}

/* 마이페이지 카드 */
#mypage .card{
  background:var(--sm-buy-card);border:1px solid var(--sm-buy-border);border-radius:var(--sm-buy-radius);
  box-shadow:var(--sm-buy-shadow);padding:14px;margin:12px 0
}

/* Key-Value 그리드 */
.kvs{display:grid;grid-template-columns:96px 1fr;gap:10px 12px;align-items:center}
.k{color:#4b5a70;font-weight:800}
.v{color:#2c3b4a}

/* 가격 행 */
.price-row{
  display:flex;align-items:center;justify-content:space-between;margin-top:18px;
  padding-top:10px;border-top:1px solid var(--sm-buy-border)
}
.price-row a{font-size:18px;font-weight:900;color:#182536}

/* 버튼 그룹 */
#mypage .btns{display:flex;gap:10px;margin-top:12px}
#mypage .btn{
  flex:1;display:inline-flex;align-items:center;justify-content:center;height:44px;border-radius:12px;
  border:1.5px solid var(--sm-buy-border);background:var(--sm-buy-bg);font-weight:900;color:#2c3b4a;
  text-decoration:none
}
#mypage .btn.primary{background:var(--sm-buy-brand);border-color:var(--sm-buy-brand);color:#fff}
#mypage .btn.full{width:100%}
#mypage .btn:hover{opacity:0.9}

/* 빈 상태 표시 */
.empty-state{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  min-height:400px;text-align:center;padding:40px 20px
}
.empty-state .icon{font-size:64px;margin-bottom:20px}
.empty-state .title{font-size:20px;font-weight:800;color:var(--sm-buy-ink);margin:0 0 8px}
.empty-state .subtitle{font-size:14px;color:var(--sm-buy-muted);margin:0 0 24px}
.empty-state .btn-primary{
  display:inline-flex;align-items:center;justify-content:center;
  padding:14px 28px;border-radius:12px;background:var(--sm-buy-brand);
  color:#fff;font-size:16px;font-weight:800;text-decoration:none
}
.empty-state .btn-primary:hover{background:#1a42db}

/* ===== 개인정보처리방침/이용약관 페이지 ===== */
/* 페이지 헤더 */
.page-header{
  display:flex;align-items:center;gap:12px;
  margin:24px 0 12px;padding-bottom:16px;
  border-bottom:1px solid var(--sm-buy-border);
}
.page-back-btn{
  width:36px;height:36px;display:grid;place-items:center;
  border:0;background:transparent;cursor:pointer;
  border-radius:8px;transition:background 0.15s;
  flex-shrink:0;
}
.page-back-btn:hover{background:#f6f9ff}
.page-back-btn svg{width:20px;height:20px;color:#2f4156}
.page-title{
  font-size:24px;font-weight:900;color:var(--sm-buy-ink);
  margin:0;
}

/* 개인정보처리방침 본문 */
.terms-content{
  background:var(--sm-buy-card);
  border:1px solid var(--sm-buy-border);
  border-radius:8px;
  padding:32px;
  margin:24px 0;
  max-width:900px;
}
.terms-content pre{
  white-space:pre-wrap;
  font-family:inherit;
  margin:0;
  line-height:1.7;
  font-size:14px;
  color:#4b5a70;
}
.terms-content h1{
  font-size:28px;
  font-weight:900;
  color:var(--sm-buy-ink);
  margin:0 0 16px 0;
  text-align:center;
  white-space:nowrap;
}
.terms-content h2{
  font-size:20px;
  font-weight:800;
  color:var(--sm-buy-ink);
  margin:32px 0 12px 0;
  padding-top:16px;
  border-top:1px solid var(--sm-buy-border);
}
.terms-content h2:first-of-type{
  border-top:none;
  padding-top:0;
}
.terms-content h3{
  font-size:17px;
  font-weight:700;
  color:#2f4156;
  margin:20px 0 10px 0;
}
.terms-content h4{
  font-size:15px;
  font-weight:700;
  color:#4a5568;
  margin:16px 0 8px 0;
}
.terms-content h5{
  font-size:14px;
  font-weight:700;
  color:#5a6a7a;
  margin:12px 0 6px 0;
}
.terms-content p{
  line-height:1.7;
  font-size:14px;
  color:#4b5a70;
  margin:8px 0;
}
.terms-content ul{
  line-height:1.7;
  font-size:14px;
  color:#4b5a70;
  margin:8px 0;
  padding-left:20px;
}
.terms-content li{
  margin:4px 0;
}
.terms-content table{
  width:100%;
  border-collapse:collapse;
  margin:16px 0;
  font-size:13px;
  border:1px solid #ddd;
}
.terms-content th{
  background:#f5f5f5;
  padding:10px 8px;
  border:1px solid #ddd;
  font-weight:700;
  color:#2f4156;
  text-align:center;
  white-space:nowrap;
}
.terms-content td{
  padding:10px 8px;
  border:1px solid #ddd;
  color:#4b5a70;
  text-align:left;
}
.terms-content td:first-child{
  text-align:center;
  white-space:nowrap;
  font-weight:700;
}
.terms-content strong{
  font-weight:700;
  color:#2f4156;
}
.terms-content hr{
  border:none;
  border-top:1px solid var(--sm-buy-border);
  margin:24px 0;
}
.terms-content .intro{
  font-size:15px;
  color:#4b5a70;
  line-height:1.7;
  margin:16px 0 24px 0;
}
.terms-content .footer-text{
  text-align:center;
  white-space:nowrap;
  margin-top:32px;
  padding-top:24px;
  border-top:1px solid var(--sm-buy-border);
  font-size:14px;
  font-weight:700;
  color:#2f4156;
}
.terms-content .note{
  font-size:13px;
  color:#6B7A90;
  font-style:italic;
  margin:12px 0;
}

/* 약관 페이지 모바일 반응형 */
@media(max-width:640px){
  .terms-content{padding:16px}
  .terms-content pre{font-size:13px}
  .terms-content h1{font-size:22px}
  .terms-content h2{font-size:18px}
  .terms-content h3{font-size:16px}
  .terms-content table{font-size:12px}
  .terms-content th, .terms-content td{padding:8px 6px}
}

/* ===== 회원가입/회원정보수정 폼 스타일 ===== */
.form-section{margin-bottom:24px}
.form-section-title{font-size:16px;font-weight:800;color:var(--sm-buy-ink);margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid var(--sm-buy-brand)}
.form-group{margin-bottom:16px}
.form-label{display:block;font-size:14px;font-weight:700;color:var(--sm-buy-ink);margin-bottom:6px}
.form-label .required{color:#ff4757;margin-left:2px}
.form-input{width:100%;padding:12px 14px;border:1.5px solid var(--sm-buy-border);border-radius:10px;font-size:14px;font-weight:600;transition:border-color 0.2s}
.form-input:focus{outline:none;border-color:var(--sm-buy-brand)}
.form-input.readonly{background:#f5f5f5;cursor:not-allowed;color:var(--sm-buy-muted)}
.form-input-group{display:flex;gap:8px}
.form-input-group .form-input{flex:1}
.form-input-group .btn-outline{flex-shrink:0;padding:12px 16px;font-size:14px;font-weight:700}
.form-select{width:100%;padding:12px 14px;border:1.5px solid var(--sm-buy-border);border-radius:10px;font-size:14px;font-weight:600;background:#fff;cursor:pointer}
.form-select:focus{outline:none;border-color:var(--sm-buy-brand)}
.form-checkbox-group{display:flex;align-items:center;gap:8px}
.form-checkbox{width:18px;height:18px;cursor:pointer}
.form-checkbox-label{font-size:14px;color:var(--sm-buy-ink);cursor:pointer}
.form-help{font-size:12px;color:var(--sm-buy-muted);margin-top:4px}

/* Daum Postcode 레이어 */
#postcodeBackdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:99}
#daumPostcodeLayer{display:none;position:fixed;overflow:visible;z-index:100;width:400px;height:500px;border:1px solid var(--sm-buy-border);background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.2)}
#btnClosePostcode{position:absolute;right:0px;top:-40px;z-index:1;padding:6px 12px;background:#fff;border:1.5px solid var(--sm-buy-border);border-radius:8px;font-size:14px;font-weight:700;color:var(--sm-buy-ink);cursor:pointer}
#btnClosePostcode:hover{background:var(--sm-buy-bg);border-color:var(--sm-buy-brand);color:var(--sm-buy-brand)}

@media(max-width:480px){
  #daumPostcodeLayer{width:90%;left:5%!important}
}

/* ===== 회원정보수정 페이지 스타일 ===== */
main.smc{padding-bottom:96px}
#profile-edit{max-width:720px;margin:0 auto;padding:16px 16px 48px;min-height:calc(100vh - 140px)}
#buy-signup{max-width:720px;margin:0 auto;padding:16px 16px 48px;min-height:calc(100vh - 140px)}
.hero{background:linear-gradient(135deg,var(--sm-buy-brand),var(--sm-buy-brand-2));color:#fff;border-radius:20px;padding:18px;box-shadow:var(--sm-buy-shadow)}
.hero h2{margin:0 0 6px;font-size:18px;font-weight:800}
.hero p{margin:0;color:#eaf4ff;font-size:13px}
.h1{font-size:22px;font-weight:800;margin:18px 0 6px}
.sub{color:var(--sm-buy-muted);font-size:13px;margin-bottom:16px}
.card{background:var(--sm-buy-card);border:1px solid var(--sm-buy-border);border-radius:var(--sm-buy-radius);box-shadow:var(--sm-buy-shadow);padding:18px;margin-top:16px}
.btn{display:flex;align-items:center;gap:10px;justify-content:center;width:100%;padding:14px 16px;border-radius:14px;font-weight:900;border:0;cursor:pointer}
.btn + .btn{margin-top:10px}
.btn:active{transform:translateY(1px)}
.btn-blue{background:var(--sm-buy-brand);color:#fff}
.btn-outline{background:#fff;border:1.5px solid var(--sm-buy-border);color:#2c3b4a}
.error-msg{background:#FEE2E2;color:#DC2626;padding:12px 16px;border-radius:10px;font-size:14px;font-weight:600;margin-bottom:16px}
.success-msg{background:#D1FAE5;color:#059669;padding:12px 16px;border-radius:10px;font-size:14px;font-weight:600;margin-bottom:16px}

/* ===== 로그인 페이지 스타일 ===== */
main.smc.login-page{padding-bottom:96px;display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 80px)}

/* 스플릿 레이아웃 카드 */
.split-card{display:flex;background:var(--sm-buy-card);border-radius:var(--sm-buy-radius);box-shadow:var(--sm-buy-shadow);overflow:hidden;width:100%;max-width:1080px;margin:20px auto;min-height:580px}
.split-image{flex:1.5;position:relative;background:#eef4ff}
.split-image img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform 0.5s ease}
.split-image:hover img{transform:scale(1.03)}
.split-content{flex:1;padding:48px 40px;display:flex;flex-direction:column;justify-content:center;background:#fff;position:relative}

/* 플로팅 배지 */
.floating-badge{position:absolute;bottom:24px;left:24px;background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);padding:18px 24px;border-radius:18px;box-shadow:0 8px 20px rgba(0,0,0,0.15);border:1px solid rgba(255,255,255,0.5);z-index:2}
.floating-badge strong{display:block;color:var(--sm-buy-brand);font-size:20px;font-weight:900;margin-bottom:4px}
.floating-badge span{font-size:14px;color:#4a5568;font-weight:600}

/* 배지 & 타이틀 */
/*.badge{display:inline-flex;align-items:center;background:#E8F0FE;color:var(--sm-buy-brand);font-size:13px;font-weight:800;padding:6px 12px;border-radius:20px;margin-bottom:20px;width:fit-content}*/
.main-title{font-size:28px;font-weight:800;line-height:1.3;margin:0 0 8px;color:var(--sm-buy-ink);letter-spacing:-0.5px}
.highlight-blue{color:var(--sm-buy-brand)}
.main-desc{font-size:15px;color:var(--sm-buy-muted);margin-bottom:24px;line-height:1.6}

/* 로그인 폼 */
.login-form .form-group{margin-bottom:16px}
.login-form .form-group label{display:block;font-weight:700;font-size:14px;color:var(--sm-buy-ink);margin-bottom:8px}
.login-form .form-group input[type="text"],
.login-form .form-group input[type="password"]{width:100%;height:50px;padding:0 16px;border:1.5px solid var(--sm-buy-border);border-radius:12px;font-size:15px;font-weight:600;color:var(--sm-buy-ink);background:#fff;transition:all 0.2s ease}
.login-form .form-group input:focus{outline:none;border-color:var(--sm-buy-brand);box-shadow:0 0 0 3px rgba(30,75,255,0.1)}
.checkbox-group{display:flex;align-items:center;gap:8px;margin-top:12px;margin-bottom:20px}
.checkbox-group input[type="checkbox"]{width:20px;height:20px;border:1.5px solid var(--sm-buy-border);border-radius:6px;cursor:pointer;accent-color:var(--sm-buy-brand)}
.checkbox-group label{font-size:14px;font-weight:600;color:var(--sm-buy-ink);cursor:pointer;margin:0}

/* 버튼 */
.btn-login{display:flex;align-items:center;justify-content:center;width:100%;height:56px;background:var(--sm-buy-brand);color:#fff;font-size:17px;font-weight:800;border-radius:14px;border:0;cursor:pointer;transition:all 0.2s ease;box-shadow:0 4px 12px rgba(30,75,255,0.3)}
.btn-login:hover{background:#1a42db;transform:translateY(-2px)}
.btn-login:active{transform:translateY(0)}
.btn-kakao-big{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:56px;background:#FEE500;color:#000;font-size:17px;font-weight:800;border-radius:14px;border:0;cursor:pointer;transition:all 0.2s ease;box-shadow:0 4px 12px rgba(0,0,0,0.1)}
.btn-kakao-big:hover{background:#FFD700;transform:translateY(-2px)}
.btn-kakao-big:active{transform:translateY(0)}
.btn-kakao-big .ic{display:flex;align-items:center}
.btn-kakao-big .ic img{width:24px;height:24px}

/* 하단 링크 */
.bottom-links{margin-top:20px;display:flex;justify-content:center;gap:16px;font-size:13px;color:var(--sm-buy-muted)}
.bottom-links a:hover{text-decoration:underline;color:var(--sm-buy-brand)}

/* 로그인 페이지 반응형 */
@media(max-width:880px){
  main.smc.login-page{display:block;padding-top:10px;padding-bottom:120px}
  .split-card{flex-direction:column;max-width:500px;min-height:auto;border-radius:20px}
  .split-image{height:220px;flex:none}
  .floating-badge{bottom:16px;left:auto;right:16px;width:50%;text-align:center;padding:14px}
  .floating-badge strong{font-size:18px}
  .split-content{padding:24px 20px}
  .main-title{font-size:22px}
  .main-title .desktop-break{display:none}
  .main-desc{font-size:14px;margin-bottom:20px}
  .bottom-links{margin-top:16px}
}
@media(max-width:360px){
  .split-image{height:180px}
  .main-title{font-size:20px}
  .split-content{padding:20px 16px}
}

/* 혜택 박스 */
.benefit-box{background:#f8faff;border-radius:12px;padding:20px;margin-bottom:24px}
.benefit-list{margin:0;padding:0;list-style:none}
.benefit-list li{display:flex;align-items:center;gap:10px;margin-bottom:10px;font-size:15px;font-weight:700;color:#3d5066}
.benefit-list li:last-child{margin-bottom:0}
.benefit-list li .check{color:var(--sm-buy-brand);font-size:18px}
@media(max-width:880px){
  .benefit-box{margin-bottom:16px;padding:14px}
  .benefit-list{gap:6px}
}

/* ===== 리뷰 페이지 추가 스타일 ===== */
.main-container{max-width:1120px;margin:0 auto;padding:24px 16px 80px}
.stats-summary{background:#fff;border-radius:16px;padding:28px 20px;margin-bottom:24px;box-shadow:0 4px 16px rgba(30,75,255,.08);text-align:center}
.stats-title{font-size:15px;color:var(--sm-buy-muted);margin-bottom:12px;font-weight:700}
.stats-rating{font-size:48px;font-weight:900;color:var(--sm-buy-brand);line-height:1;margin-bottom:8px}
.stats-rating-label{font-size:16px;color:var(--sm-buy-muted);margin-bottom:4px}
.stats-stars{color:#FFB800;font-size:28px;letter-spacing:4px;margin-bottom:12px}
.stats-count{font-size:14px;color:var(--sm-buy-muted);font-weight:600}
.stats-count strong{color:var(--sm-buy-brand);font-weight:800}
.bottom-cta{margin-top:40px;margin-bottom:20px;text-align:center}
.cta-btn{display:inline-block;background:var(--sm-buy-brand);color:#fff;font-weight:800;font-size:16px;padding:16px 32px;border-radius:12px;box-shadow:0 4px 16px rgba(30,75,255,.25);transition:all .2s ease}
.cta-btn:hover{background:#0036E0;transform:translateY(-2px);box-shadow:0 6px 20px rgba(30,75,255,.35)}
@media(min-width:1024px){.main-container{padding:32px 20px 100px}}

/* ===== 판매 상세보기 페이지 스타일 ===== */
#buy-complete{max-width:720px;margin:0 auto;padding:0 16px 96px;min-height:calc(100vh - 140px)}
.steps{display:flex;gap:10px;margin-bottom:18px}
.step{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 8px;border-radius:14px;border:1px solid var(--sm-buy-border);background:#F8FAFF;color:#9AA7BD;font-weight:800}
.step .ico{font-size:22px}
.step.active{background:#EFF5FF;color:var(--sm-buy-brand);border-color:#CFE0FF;box-shadow:0 8px 18px rgba(30,75,255,.08)}
.step.disabled{opacity:.55}
.card-sell-view{background:var(--sm-buy-card);border:1px solid var(--sm-buy-border);border-radius:var(--sm-buy-radius);box-shadow:var(--sm-buy-shadow);padding:16px;margin-top:8px}
.card-sell-view .row{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid var(--sm-buy-border)}
.card-sell-view .row:last-child{border-bottom:0}
.card-sell-view .th{width:92px;flex:0 0 92px;color:#687A93;font-weight:800}
.card-sell-view .td{flex:1;font-weight:800}
.btn-mini{display:inline-block;padding:6px 10px;border-radius:10px;border:1.5px solid #D8E5FF;color:#2f4fb9;font-weight:800;font-size:12px;margin-left:8px;background:#fff}
.cta-wrap-sell-view{margin-top:18px;display:grid;grid-template-columns:1fr;gap:10px}
.btn.primary-sell-view{background:var(--sm-buy-brand);color:#fff;box-shadow:0 10px 24px rgba(30,75,255,.25)}
.btn.secondary2{background:#fff;color:#2c3b4a;border:1.5px solid var(--sm-buy-border)}
@media(min-width:720px){.cta-wrap-sell-view{grid-template-columns:1fr 1fr}}

/* 상세보기 모달 */
.modal{position:fixed;inset:0;display:none;z-index:70}
.modal.is-open{display:block}
.modal .backdrop{position:absolute;inset:0;background:rgba(0,0,0,.4)}
.sheet{position:absolute;left:0;right:0;bottom:0;background:#fff;max-height:90vh;border-top-left-radius:20px;border-top-right-radius:20px;box-shadow:0 12px 40px rgba(0,0,0,.28);transform:translateY(100%);transition:transform .28s ease-out;display:flex;flex-direction:column}
.modal.is-open .sheet{transform:translateY(0)}
.sheet header{padding:10px 16px;border-bottom:1px solid var(--sm-buy-border);display:flex;align-items:center;gap:10px}
.sheet h3{margin:0;font-size:16px;font-weight:900}
.close-x{margin-left:auto;border:0;background:transparent;font-size:20px;cursor:pointer}
.sheet .body{padding:12px 16px;overflow:auto}
.kv2{display:grid;grid-template-columns:120px 1fr;gap:12px 10px;align-items:flex-start}
.kv2 .k{color:#687A93;font-weight:800}
.kv2 .v{color:#2c3b4a}
.copy-wrap{display:flex;gap:8px;align-items:center}
.mini{height:30px;padding:0 10px;border-radius:8px;border:1.5px solid var(--sm-buy-border);background:#fff;font-weight:800;cursor:pointer}
.sheet .footer{padding:12px 16px;border-top:1px solid var(--sm-buy-border);text-align:right}
.btn-ghost{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 14px;border-radius:10px;border:1.5px solid var(--sm-buy-border);background:#fff;font-weight:900;color:#2c3b4a}
@media(min-width:880px){.sheet{left:50%;right:auto;bottom:auto;top:50%;width:min(560px,92vw);max-height:80vh;border-radius:18px;transform:translate(-50%,-50%) scale(.98)}.modal.is-open .sheet{transform:translate(-50%,-50%) scale(1)}}
.toast{position:fixed;left:50%;bottom:88px;transform:translateX(-50%);background:#111;color:#fff;padding:10px 14px;border-radius:10px;font-size:13px;opacity:0;pointer-events:none;transition:opacity .18s ease}
.toast.show{opacity:1}

/* ===== 신청취소 페이지 스타일 ===== */
.smc_cancel{max-width:720px;margin:0 auto;padding:0 16px}
.reasons{display:grid;gap:12px;margin:10px 0 18px}
.reason{display:flex;align-items:center;justify-content:center;min-height:52px;padding:12px 14px;border:1.5px solid var(--sm-buy-border);border-radius:14px;background:#fff;font-weight:900;cursor:pointer;outline:0}
.reason:hover{background:#F6F9FF}
.reason:focus-visible{box-shadow:0 0 0 3px rgba(47,210,231,.18)}
.reason[aria-checked="true"]{border-color:#CFE0FF;background:#EEF5FF;color:#1E4BFF}
.other-wrap{display:none;margin-top:6px}
.ta{width:100%;min-height:110px;border:1.5px solid var(--sm-buy-border);border-radius:12px;padding:12px 12px 32px;font-size:15px;resize:vertical;outline:none}
.ta:focus{border-color:#cfe0ff;box-shadow:0 0 0 3px rgba(47,210,231,.12)}
.meta-row{display:flex;justify-content:space-between;align-items:center;margin-top:6px;color:#6c7a91;font-size:12px}
.err{color:var(--danger);display:none}
.bar{position:fixed;left:0;right:0;bottom:0;z-index:40;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.85) 20%,#fff 45%);backdrop-filter:saturate(160%) blur(6px);border-top:1px solid var(--sm-buy-border)}
.bar-in{max-width:720px;margin:0 auto;padding:12px 16px;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.btn.primary{background:var(--sm-buy-brand);border-color:var(--sm-buy-brand);color:#fff}
.btn.disabled{background:#E9EEF8;border-color:#E1E8F5;color:#9BA9BF;pointer-events:none}

/* ===== 간편수거 신청 페이지 스타일 (phone_sell_addr) ===== */
#buy-apply{max-width:720px;margin:0 auto;padding:0 16px 96px;min-height:calc(100vh - 140px);position:relative}
#buy-apply .h2{font-size:20px;font-weight:900;margin:10px 0 6px}
#buy-apply .field{margin-bottom:18px}
#buy-apply .label{display:block;font-weight:800;margin:4px 0 8px}
#buy-apply .ctrl{width:100%;height:48px;border:1.5px solid var(--sm-buy-border);border-radius:14px;padding:0 14px;font-size:16px;outline:none;background:#fff}
#buy-apply .ctrl:focus{border-color:#cfe0ff;box-shadow:0 0 0 3px rgba(47,210,231,.15)}
#buy-apply .addr-wrap{display:flex;gap:8px;align-items:center}
#buy-apply .addr-wrap .ctrl{flex:1}
#buy-apply .addr-action{height:48px;padding:0 16px;flex-shrink:0;border-radius:14px;border:1.5px solid var(--sm-buy-border);background:#fff;font-weight:800;color:#2c3b4a;cursor:pointer}
#buy-apply .addr-action:hover{background:#F6F9FF;border-color:var(--sm-buy-brand);color:var(--sm-buy-brand)}

/* 하단 고정 CTA - 간편수거용 */
.cta-fixed .apply-btn{display:block;width:100%;text-align:center;padding:16px 18px;border-radius:14px;background:var(--sm-buy-brand);color:#fff;font-weight:900;box-shadow:0 10px 24px rgba(30,75,255,.25);cursor:pointer}
.cta-fixed .apply-btn:hover{background:#1639CC}
.cta-fixed .apply-btn:active{transform:translateY(1px)}



/* readonly input 회색 처리 */
/*.input[readonly],
input[readonly],
textarea[readonly] {
 background:#f5f5f5;cursor:not-allowed;color:var(--sm-buy-muted)
}*/

 
 
 
/* readonly input 회색 처리 */
.input[readonly],
input[readonly],
textarea[readonly] {
  background: #f5f5f5;      /* 밝은 회색 배경 */
  color: var(--sm-buy-muted);      /* 기존 muted 색상 사용 */
  border-color: var(--line);
  cursor:not-allowed;
}

/* ===== phone_sell_confirm 전용 스타일 ===== */
/* 안내 블록 */
.announce{margin:10px 0 16px}
.announce h2{margin:0 0 6px;font-size:20px;font-weight:900}
.announce p{margin:0;color:var(--sm-buy-muted)}

/* 최종 가격 */
.final-price{font-size:24px;font-weight:900;letter-spacing:.2px}

/* 텍스트 버튼 */
.btn-text{
  display:block;text-align:center;padding:10px;font-size:14px;font-weight:700;
  color:var(--sm-buy-muted);text-decoration:underline;background:transparent;border:0;cursor:pointer
}
.btn-text:hover{color:var(--sm-buy-ink)}

/* 링크 행 */
.link-row{display:flex;gap:14px;color:var(--sm-buy-muted);font-size:13px}

/* 소프트 배지 */
.badge-soft{margin-left:auto;background:#EEF5FF;color:var(--sm-buy-brand);border:1px solid #D7E7FF;padding:6px 10px;border-radius:999px;font-weight:800;font-size:12px}

/* 단계 점 표시 (step1~4) */
.steps-dot{display:flex;gap:8px;margin:12px 0 20px}
.steps-dot .dot{flex:1;height:6px;border-radius:999px;background:#E9EEF8}
.steps-dot .dot.on{background:linear-gradient(90deg,var(--sm-buy-brand),#2FD2E7)}

/* 폼 그룹 - cert step용 */
.form-group .field{margin:12px 0}
.form-group .label{display:block;font-weight:800;margin:0 0 8px}
.form-group .ctrl{width:100%;height:48px;border:1.5px solid var(--sm-buy-border);border-radius:12px;padding:0 14px;font-size:16px;outline:0;background:#fff}
.form-group .ctrl:focus{border-color:#cfe0ff;box-shadow:0 0 0 3px rgba(47,210,231,.12)}
.form-group select.ctrl{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#9db1ce 50%),linear-gradient(135deg,#9db1ce 50%,transparent 50%);background-position:calc(100% - 18px) 20px, calc(100% - 12px) 20px;background-size:6px 6px,6px 6px;background-repeat:no-repeat;background-color:#fff}
.form-group .row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.form-group .help{font-size:12px;color:#6c7a91;margin-top:6px}

/* 버튼 행 */
.btn-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px;align-items:center}
.btn-row .btn{height:48px;border-radius:14px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;border:1.5px solid var(--sm-buy-border);background:#fff;color:#2c3b4a;text-decoration:none}
.btn-row .btn.primary{background:var(--sm-buy-brand);border-color:var(--sm-buy-brand);color:#fff}
.btn-row .btn + .btn{margin-top:0}

/* 약관 체크박스 */
.checks{display:grid;gap:10px;margin-top:20px}
.check{display:flex;gap:10px;align-items:flex-start;border:1.5px solid var(--sm-buy-border);border-radius:12px;padding:14px 16px;background:#fff;transition:border-color .2s}
.check:has(input:checked){border-color:var(--sm-buy-brand);background:#f8faff}
.check input[type="checkbox"]{width:20px;height:20px;margin:0;cursor:pointer;accent-color:var(--sm-buy-brand)}
.check label{flex:1;font-size:15px;font-weight:600;color:#2c3b4a;cursor:pointer;display:flex;align-items:center;justify-content:space-between}
.check .detail{color:var(--sm-buy-brand);font-weight:800;font-size:13px;text-decoration:none}
.check .detail:hover{text-decoration:underline}
.check.all{background:linear-gradient(135deg,#f0f4ff,#e8f4ff);border-color:#cfe0ff}
.check.all label{font-weight:900;color:var(--sm-buy-brand)}

/* 도움말 텍스트 */
.help{font-size:13px;color:#6c7a91;margin-top:12px}

/* 요약 정보 박스 */
.summary-box{margin-top:20px;background:#f8faff;border:1.5px solid #e8f0ff;border-radius:14px;padding:20px}
.summary-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #e8f0ff}
.summary-row:last-child{border-bottom:none}
.summary-row .label{color:#6c7a91;font-weight:600;font-size:14px}
.summary-row .value{color:#2c3b4a;font-weight:700;font-size:15px;text-align:right}
.summary-row.price .value{font-size:20px;font-weight:900;color:var(--sm-buy-brand)}

/* 버튼 로딩 애니메이션 */
.btn.loading{position:relative;color:transparent;pointer-events:none}
.btn.loading:after{content:"";position:absolute;width:20px;height:20px;border:3px solid #fff;border-right-color:transparent;border-radius:50%;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}