@charset "utf-8";

/* ===========================
   가로 오버플로우 전역 차단 — 최우선
=========================== */
html{overflow-x:hidden}
body{overflow-x:hidden;width:100%}
*{box-sizing:border-box}

/* ===========================
   스크롤 애니메이션
=========================== */
.fade-up{opacity:0;transform:translateY(40px);transition:opacity .7s ease,transform .7s ease}
.fade-up.visible{opacity:1;transform:translateY(0)}
.fade-left{opacity:0;transform:translateX(-40px);transition:opacity .7s ease,transform .7s ease}
.fade-left.visible{opacity:1;transform:translateX(0)}
.fade-right{opacity:0;transform:translateX(40px);transition:opacity .7s ease,transform .7s ease}
.fade-right.visible{opacity:1;transform:translateX(0)}
/* nth-child 딜레이: pain-card는 JS에서 개별 제어하므로 일반 fade-up에만 적용 */
.fade-up:not(.pain-card):nth-child(1){transition-delay:.05s}
.fade-up:not(.pain-card):nth-child(2){transition-delay:.15s}
.fade-up:not(.pain-card):nth-child(3){transition-delay:.25s}
.fade-up:not(.pain-card):nth-child(4){transition-delay:.35s}
.fade-up:not(.pain-card):nth-child(5){transition-delay:.45s}
.fade-up:not(.pain-card):nth-child(6){transition-delay:.55s}

/* ===========================
   기본설정
=========================== */
.container{width:100%;max-width:1400px;margin:0 auto;padding:0 60px}
.section{padding:150px 0}
.section-label{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-2);background:rgba(40,165,255,.1);padding:6px 16px;border-radius:100px;margin-bottom:18px;border:1px solid rgba(1,100,200,.2);}
.section-title{font-family:'Paperozi', serif;font-size:3.6rem;font-weight:900 !important;color:var(--navy-2);line-height:1.1 !important;margin-bottom:16px;letter-spacing:-1px;}
.section-title em{color:var(--accent);font-style:normal}
.section-desc{font-size:1.15rem;color:var(--text-muted);line-height:1.5;}
.text-center{text-align:center}
.dbg {background:rgba(1,132,220,.14);color:var(--accent-3);border-color:rgba(1,132,220,.3);}

/* ===========================
   header
=========================== */
#header{position:fixed;top:0;left:0;right:0;z-index:1000;background:transparent;transition:var(--transition);padding:25px 0;width:100%}
#header.scrolled{background:rgba(8,12,30,.95);backdrop-filter:blur(24px);padding:15px 0;box-shadow:0 4px 12px rgba(0,0,0,.2)}
.header-inner{display:flex;align-items:center;justify-content:space-between;max-width:1400px;margin:0 auto;padding:0 60px}
.logo img{height:42px;width:auto;filter:brightness(0) invert(1);opacity: 0.85;}
.nav-links{display:flex;gap:50px;align-items:center}
.nav-links a{color:rgba(255,255,255,.96);font-size:1.05rem;font-weight:400;transition:color .2s}
.nav-links a:hover{color:var(--accent-3)}
.nav-cta{background:linear-gradient(135deg,var(--accent),var(--accent-2)) !important;color:white !important;padding:10px 22px;border-radius:100px;font-weight:600 !important;font-size:0.9rem !important;transition:var(--transition) !important}
.nav-cta:hover{}
.hamburger{-webkit-appearance:none;appearance:none;background:none;border:none;outline:none;}
.mobile-nav .close-btn{-webkit-appearance:none;appearance:none;outline:none;}
.hamburger{display:none;flex-direction:column;gap:5px;padding:0 4px 4px 4px;z-index:1001;position:relative}
.hamburger span{
  display:block;
  width:24px;
  height:2px;
  background:white;
  border-radius:2px;
  -webkit-transition:transform 0.25s ease, opacity 0.25s ease;
  transition:transform 0.25s ease, opacity 0.25s ease;
  -webkit-transform:translateZ(0);
  transform:translateZ(0);
  will-change:transform;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}
.hamburger.active span:nth-child(1){
  -webkit-transform:translateY(7px) rotate(45deg);
  transform:translateY(7px) rotate(45deg);
}
.hamburger.active span:nth-child(2){
  opacity:0;
}
.hamburger.active span:nth-child(3){
  -webkit-transform:translateY(-7px) rotate(-45deg);
  transform:translateY(-7px) rotate(-45deg);
}
.mobile-nav{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:var(--navy);z-index:999;flex-direction:column;align-items:center;justify-content:center;gap:32px}
.mobile-nav.open{display:flex}
.mobile-nav a{color:white;font-size:1.3rem;font-weight:600}
.mobile-nav .close-btn{position:fixed;top:-9999px;left:-9999px;width:0;height:0;overflow:hidden;opacity:0;pointer-events:none;}
.m-btn {background:linear-gradient(135deg,#0184dc,#1046a6);color:white;padding:12px 28px;border-radius:100px;font-weight:800;font-size:1.1rem !important;}


/* ════════════════════════════════
   섹션1(히어로)
════════════════════════════════ */
#hero{min-height:100vh;width:100%;position:relative;display:flex;align-items:center;overflow:hidden;}

/* 배경 이미지 + Ken Burns 애니메이션 */
.hero-bg-img{
  position:absolute;inset:0;z-index:0;
  background-image: url('../img/bg.jpg');
  background-size: 120%; /* 확대된 상태로 시작 → 움직일 여백 확보 */
  background-position: center center;
  background-repeat: no-repeat;
  filter: saturate(0.75) brightness(0.72);
  animation: kenBurns 20s ease-in-out infinite alternate;
  will-change: background-size, background-position;
}

@keyframes kenBurns {
  0%   { background-size:120%; background-position: 52% 48%; }
  25%  { background-size:125%; background-position: 48% 52%; }
  50%  { background-size:118%; background-position: 50% 46%; }
  75%  { background-size:122%; background-position: 54% 50%; }
  100% { background-size:120%; background-position: 50% 54%; }
}

/* 다크 마스크: 하단 짙어짐 */
.hero-mask{position:absolute;inset:0;z-index:2;background:linear-gradient(to bottom,rgba(1,10,57,.70) 0%,rgba(1,10,57,.60) 40%,rgba(1,10,57,.70) 72%,rgba(1,10,57,.90) 100%);}
.hero-inner{position:relative;z-index:10;width:100%;max-width:1400px;margin:0 auto;padding:0 72px;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;}

/* 메인 텍스트 */
.hero-content{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:100px;width:100%;max-width:860px;}

/* 히어로 상단텍스트 */
.hero-badge{display:inline-flex;align-items:center;justify-content: center; gap:12px;color:#fff;font-size:1.05rem;font-weight:400;letter-spacing:.08em;margin-bottom:24px;animation:fadeInDown .8s ease both;}
@keyframes pulseDot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(1.7)}}
@keyframes fadeInDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}

/* 히어로 타이틀 */
.hero-title{font-family:'Paperozi', serif;font-size:4.1rem;font-weight:800;color:white;line-height:1.2;margin-bottom:20px;animation:fadeInUp .8s ease .2s both;text-shadow:0 3px 10px rgba(0,0,0,.25);word-break:keep-all;}
.hero-title .highlight{color:var(--accent-3);letter-spacing:-2px;}
@keyframes fadeInUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}

/* 최대 한도 */
.hero-amount{display:inline-flex;align-items:center;gap:14px;background:rgba(0,0,0,.15);border: 1px dashed rgba(255,211,4,0.8);padding:16px 24px 14px 24px;border-radius:var(--radius);margin-bottom:35px;animation:fadeInUp .8s ease .42s both;}
.hero-amount .amount-label{color:#ffd304;font-size:1.2rem;font-weight:500;}
.hero-amount .amount-value{font-family:  'SchoolSafeLocker',serif;color:#ffd304;font-size:2.4rem;letter-spacing:-1px;text-shadow:0 3px 8px rgba(0,0,0,.25);}

/* 체크 리스트 */
.hero-checks{display:flex;flex-direction:column;gap:15px;margin-bottom:32px;animation:fadeInUp .8s ease .5s both;}
.hero-check{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.86);font-size:1.02rem;font-weight:400;}
.hero-check .icon{width:22px;height:22px;background:linear-gradient(135deg,var(--accent),var(--accent-2));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.65rem;flex-shrink:0;}

/* CTA 버튼 */
.hero-cta-group{display:flex;gap:14px;flex-wrap:wrap;animation:fadeInUp .8s ease .6s both;}
.btn-primary{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 100%);color:white;font-size:1.3rem;font-weight:500;padding:16px 34px;border-radius:100px;transition:var(--transition);white-space:nowrap;}
.btn-primary:hover{transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,0,0,.5)}
.btn-primary .arrow{transition:transform .3s}
.btn-primary:hover .arrow{transform:translateX(5px)}
.btn-secondary{display:inline-flex;align-items:center;gap:8px;background:transparent;color:rgba(255,255,255,.82);font-size:1.3rem;font-weight:500;padding:16px 26px;border-radius:100px;border:1px solid rgba(255,255,255,.24);transition:var(--transition);white-space:nowrap;}
.btn-secondary:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.5);color:white}

/* 우측 카드 */
.hero-stats{display:flex;flex-direction:row;flex-wrap:wrap;gap:16px;animation:fadeInUp 1s ease .5s both;padding-top:40px;align-self:center;justify-content:center;width:100%;max-width:620px;}
@keyframes fadeInRight{from{opacity:0;transform:translateX(32px)}to{opacity:1;transform:translateX(0)}}
.hero-stat{backdrop-filter:blur(18px);border-radius:var(--radius);padding:22px 28px;display:flex;align-items:center;justify-content:center;gap:20px;transition:var(--transition);position:relative;overflow:hidden;flex:1;min-width:0;flex-direction:column;text-align:center;white-space:nowrap;}
.hero-stat:hover{transform:translateY(-4px);}
.hero-stat .stat-icon{font-size:1.8rem;flex-shrink:0;width:50px;height:50px;border-radius:10px;display:flex;align-items:center;justify-content:center;min-height:50px;}
.hero-stat .stat-body{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:60px;}
.hero-stat .num{font-family:"Lato",sans-serif;font-size:2.2rem;font-weight:600;color:white;line-height:1.1;text-shadow:0 0 20px var(--accent-glow);display:block;}
.hero-stat .txt{font-size:1.8rem;font-weight:600;color:white;line-height:1.3;text-shadow:0 0 20px var(--accent-glow);display:block;white-space:nowrap;}
.hero-stat .label{font-size:0.9rem;color:rgba(255,255,255,.6);margin-top:5px;display:block;white-space:nowrap;}

/* ════════════════════════════════
   섹션2(고객 고민)
════════════════════════════════ */
#pain{background:var(--gray-50);position:relative;overflow:hidden}
.pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px}
.pain-card{background:white;border:1px solid var(--border);border-radius:var(--radius);padding:28px 24px;display:flex;align-items:flex-start;gap:16px;transition:var(--transition);cursor:default;}
.pain-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);border-color:rgba(40,165,255,.3)}
.pain-card:hover .pain-icon{background:linear-gradient(135deg,var(--accent),var(--accent-2))}
.pain-icon{width:46px;height:46px;background:rgba(1,100,200,.1);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0;transition:var(--transition);}
.pain-text{font-size:1.36rem;color:var(--text);font-weight:600;line-height:1.5;padding-top:4px}
.pain-footer{margin-top:52px;text-align:center;background:linear-gradient(135deg,var(--navy-2) 0%,var(--navy-4) 50%,var(--blue-mid) 100%);border-radius:var(--radius-lg);padding:44px;color:white;border:1px solid rgba(1,100,200,.2);position:relative;overflow:hidden;}
.pain-footer::before{content:'';position:absolute;top:-50%;right:-10%;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(40,165,255,.18) 0%,transparent 70%);pointer-events:none;}
.pain-footer-text{font-family:'Paperozi', serif;font-size:1.8rem;font-weight:700;margin-bottom:24px;position:relative;z-index:1}
.pain-footer-text em{color:var(--accent-3);font-style:normal}

/* ===========================
   섹션3(정책자금 설명)
=========================== */
#policy{background:white}
.policy-top{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin-bottom:60px}
/* 우측카드 */
.policy-main-box {background: linear-gradient(145deg, var(--navy-2), var(--navy-4));border-radius: var(--radius-lg);padding: 48px 40px;color: white;position: relative;overflow: hidden;border: 1px solid rgba(1,100,200,.2);}
.policy-main-box::before {content: '정책자금';position: absolute;font-size: 7rem;font-weight: 900;opacity: .04;top: 10px;right: 10px;line-height: 1;pointer-events: none;}
.policy-box-title{font-size:1rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:12px}
.policy-box-main{font-family:'Paperozi', serif;font-size:1.8rem;font-weight:700;margin-bottom:16px;line-height:1.35}
.policy-box-desc{font-size:1rem;color:rgba(255,255,255,.7);line-height:1.8;position:relative;z-index:1}
.linebox {margin-bottom:24px;}
.policy-badge-float {position: absolute;top: 20px;right: 20px;background: linear-gradient(135deg, var(--accent), var(--accent-2));color: white;font-weight: 800;font-size: 0.9rem;padding: 10px 18px;border-radius: 100px;animation: glowFloat 4s ease-in-out infinite;}
/* 정책자금종류 */
.policy-cards{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-top:32px}
.policy-card{background:var(--gray-50);border:1px solid var(--border);border-radius:var(--radius);padding:22px 14px;text-align:center;transition:var(--transition);}
.policy-card:hover{background:linear-gradient(145deg,var(--navy-2),var(--navy-3));border-color:rgba(40,165,255,.4);transform:translateY(-5px);box-shadow:var(--shadow-md);}
.policy-card:hover .policy-card-name{color:white}
.policy-card:hover .policy-card-sub{color:rgba(255,255,255,.55)}
.policy-card-icon{font-size:1.8rem;margin-bottom:10px}
.policy-card-name{font-size:1.3rem;font-weight:700;color:var(--text);margin-bottom:4px;transition:var(--transition)}
.policy-card-sub{font-size:0.86rem;color:var(--text-muted);transition:var(--transition)}
.policy-card-bottom {margin-top:60px;color:var(--text-muted);font-size:1.15rem;font-weight:700;}
.w60 {width:60%;}

/* ===========================
   섹션4(차별화)
=========================== */
#diff{background:linear-gradient(145deg,var(--navy) 0%,var(--navy-2) 50%,var(--navy-3) 100%);color:white;position:relative;overflow:hidden;}
#diff::before{content:'';position:absolute;top:-100px;right:-100px;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(40,165,255,.12) 0%,transparent 70%);pointer-events:none;}
#diff::after{content:'';position:absolute;inset:0;background-image:radial-gradient(rgba(1,100,200,.06) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;}
.diff-inner{position:relative;z-index:1}
.diff-table{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:52px}
.diff-col{border-radius:var(--radius-lg);padding:38px 34px;transition:var(--transition)}
.diff-col-general{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);opacity:.6}
.diff-col-biz{background:rgba(40,165,255,.08);border:1px solid rgba(40,165,255,.35);position:relative;}
.diff-col-biz::before{content:'';position:absolute;top:-1px;left:24px;right:24px;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent-2));}
.diff-col-tag{display:inline-block;font-size:0.96rem;font-weight:500;padding:8px 20px;border-radius:100px;margin-bottom:20px}
.tag-gray{background:rgba(255,255,255,.07);color:rgba(255,255,255,.4)}
.tag-acc{background:rgba(40,165,255,.18);color:var(--accent-3)}
.diff-col-title{font-family:'Paperozi', serif;font-size:2rem;font-weight:700;margin-bottom:24px}
.diff-items{display:flex;flex-direction:column;gap:14px}
.diff-item{display:flex;align-items:center;gap:12px;font-size:1.2rem}
.diff-item .di-icon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;flex-shrink:0}
.di-icon-gray{background:rgba(255,255,255,.07);color:rgba(255,255,255,.35)}
.di-icon-acc{background:rgba(40,165,255,.2);color:var(--accent-3)}
.diff-item-text-gray{color:rgba(255,255,255,.38)}
.diff-item-text-acc{color:rgba(255,255,255,.92);font-weight:500}
.diff-footer{text-align:center;margin-top:44px;padding:28px;background:rgba(40,165,255,.08);border:1px solid rgba(40,165,255,.35);border-radius:var(--radius-lg);}
.diff-footer p{color:var(--accent-3);font-family:'Paperozi', serif;font-size:1.5rem;}

/* ===========================
   섹션5(진행 프로세스)
=========================== */
#process{background:white}
.process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:60px;position:relative}
.process-steps::before{content:'';position:absolute;top:44px;left:calc(12.5% + 24px);right:calc(12.5% + 24px);height:2px;background:linear-gradient(90deg,var(--accent),var(--accent-2));z-index:0;}
.process-step{position:relative;z-index:1;text-align:center;padding:0 16px}
.process-step-num {width: 88px;height: 88px;border-radius: 50%;margin: 0 auto 24px;display: flex;align-items: center;justify-content: center;
  font-size: 1.8rem;font-weight: 900;background-color: white;border: 2px solid var(--gray-200);color: var(--gray-400);position: relative;box-shadow: var(--shadow-sm);
  transition:background-color 0.35s ease,border-color 0.35s ease,color 0.35s ease,box-shadow 0.35s ease,transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);}
.process-step.active .process-step-num,
.process-step:hover .process-step-num {background-color: var(--accent);border-color: var(--accent);color: white;box-shadow: 0 8px 28px var(--accent-glow);}
.process-step-icon{font-size:2rem;margin-bottom:16px;display:block}
.process-step-title{font-size:1.5rem;font-weight:700;color:var(--navy-2);margin-bottom:10px}
.process-step-desc{font-size:.86rem;color:var(--text-muted);line-height:1.7}
.process-footer{text-align:center;margin-top:52px;padding:28px 40px;background:linear-gradient(135deg,var(--navy-2) 0%,var(--navy-4) 50%,var(--blue-mid) 100%);border-radius:var(--radius-lg);color:white;font-family:'Paperozi', serif;font-size:1.5rem;font-weight:700;}

/* ===========================
   섹션6(실제 승인 사례)
=========================== */
#cases{background:var(--gray-50);}
/* 슬라이더 공통 */
.slider-wrap{position:relative;margin-top:52px;}
.slider-viewport{overflow:hidden;width:100%;}
.slider-track{display:flex;gap:24px;will-change:transform;}
.slider-item{flex-shrink:0;}
/* 데스크탑: 3개 */
[data-slider="cases"] .slider-item{width:calc((100% - 48px) / 3);}
[data-slider="reviews"] .slider-item{width:calc((100% - 48px) / 3);}
/* 화살표 버튼 */
.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:44px;height:44px;border-radius:50%;border:1px solid rgba(0,0,0,.15);background:rgba(255,255,255,.15);color:rgba(0,0,0,0.4);font-size:1.6rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition);box-shadow:var(--shadow-sm);line-height:1;}
.slider-prev{left:-16px;}
.slider-next{right:-16px;}
.slider-arrow:hover{background:var(--accent);color:white;border-color:var(--accent);}
/* 승인사례 카드 */
.case-card{background:var(--white);border-radius:var(--radius-lg);padding:32px 28px;position:relative;overflow:hidden;}
.case-tag{display:inline-block;font-size:0.9rem;font-weight:700;color:var(--accent);background:rgba(40,165,255,.08);padding:4px 12px;border-radius:100px;margin-bottom:14px;border:1px solid rgba(40,165,255,.15);}
.case-company{font-size:1.3rem;font-weight:800;color:var(--navy-2);margin-bottom:8px;}
.case-type{font-size:.86rem;color:var(--text-muted);margin-bottom:16px;}
.case-amount{font-family:'Paperozi',serif;font-size:2.4rem;font-weight:900;color:var(--accent);margin-bottom:4px;}
.case-amount-label{font-size:.86rem;color:var(--text-muted);}
.case-divider{border:none;border-top:1px solid var(--border);margin:20px 0;}
.case-review{font-size:1rem;color:var(--text-muted);line-height:1.8;font-style:italic;}
.case-reviewer{margin-top:12px;font-size:.82rem;color:var(--text-muted);font-weight:600;}
/* 고객 후기 */
.case-kakao{margin-top:52px;}
.case-kakao-title{text-align:center;margin-bottom:24px;}
.case-kakao-title > span{display:inline-block;font-size:1.2rem;font-weight:700;text-transform:uppercase;color:var(--accent-2);background:rgba(40,165,255,.1);padding:10px 30px;border-radius:100px;margin-bottom:18px;border:1px solid rgba(1,100,200,.2);}
.case-kakao .slider-wrap{margin-top:0;}
.case-kakao-card{background:white;border-radius:16px;padding:24px;}
.case-kakao-card-inner{display:flex;align-items:center;gap:10px;margin-bottom:12px;}
.case-kakao-picon1{width:40px;height:40px;background:linear-gradient(135deg,var(--accent),var(--accent-2));border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-weight:700;font-size:1rem;}
.case-kakao-picon2{width:40px;height:40px;background:linear-gradient(135deg,var(--accent-2),#818cf8);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-weight:700;font-size:1rem;}
.case-kakao-picon3{width:40px;height:40px;background:linear-gradient(135deg,var(--navy-3),var(--blue-mid));border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-weight:700;font-size:1rem;}
.case-kakao-name{font-weight:700;font-size:1.1rem;}
.case-kakao-review{font-size:1rem;color:var(--text);line-height:1.7;}
.case-kakao-desc{color:var(--text-muted);font-size:.86rem;}
.case-kakao-star{color:#f59e0b;margin-top:10px;font-size:1.1rem;}


/* ===========================
   섹션7(회사소개)
=========================== */
#about{background:white}
.about-inner{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:center}
.about-photo-wrap{position:relative}
.about-photo{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);position:relative}
.about-photo img{width:100%;height:620px;object-fit:cover;object-position:top center;display:block}
.about-photo-badge{position:absolute;bottom:-20px;right:-20px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:white;border-radius:var(--radius);padding:25px 35px;box-shadow:var(--shadow-acc);}
.about-photo-badge .badge-num{font-family: "Lato", sans-serif;font-size:2rem;font-weight:900;color:white;line-height:1;margin-bottom:10px;}
.about-photo-badge .badge-text{font-size:0.9rem;color:rgba(255,255,255,.75)}
.about-content{padding-right:20px}
.about-name{font-size:1.2rem;font-weight:600;color:var(--text-muted);margin-bottom:6px}
.about-company{font-family:'Paperozi', serif;font-size:3.6rem;font-weight:900;line-height:1.1;color:var(--navy-2);margin-bottom:24px}
.about-desc{font-size:1.15rem;color:var(--text-muted);line-height:1.5;margin-bottom:36px}
.about-features{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:36px}
.about-feature{display:flex;align-items:flex-start;gap:14px;padding:18px;background:white;border:1px solid var(--border);border-radius:var(--radius);transition:var(--transition);}
.about-feature:hover{border-color:rgba(40,165,255,.3);box-shadow:var(--shadow-sm)}
.about-feature-icon{width:56px;height:56px;background:rgba(1,100,200,.1);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;flex-shrink:0;}
.about-feature-text{font-size:1.2rem;font-weight:700;color:var(--text);line-height:1.5}
.about-feature-sub{font-size:.9rem;color:var(--text-muted);font-weight:400;margin-top:2px}
.about-awards{display:flex;gap:12px;flex-wrap:wrap}
.award-badge{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:white;font-size:.8rem;font-weight:700;padding:8px 16px;border-radius:100px;}

/* ===========================
   섹션8(상담신청)
=========================== */
#contact{background:linear-gradient(145deg,var(--navy) 0%,var(--navy-2) 50%,var(--navy-3) 100%);position:relative;overflow:hidden;}
#contact::before{content:'';position:absolute;inset:0;background-image:radial-gradient(rgba(1,100,200,.07) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;}
#contact::after{content:'';position:absolute;top:-80px;right:-80px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(40,165,255,.12) 0%,transparent 70%);pointer-events:none;}
.contact-inner{position:relative;z-index:1}
.contact-header{text-align:center;margin-bottom:56px}
.contact-header .section-label{background:rgba(40,165,255,.14);color:var(--accent-3);border-color:rgba(40,165,255,.3)}
.contact-header .section-title{color:white;font-size:3.6rem}
.contact-header .section-title em{color:var(--accent-3)}
.contact-header .section-desc{color:rgba(255,255,255,.55)}
.contact-form-wrap{max-width:900px;margin:0 auto;background:rgba(255,255,255,.05);backdrop-filter:blur(20px);border-radius:var(--radius-lg);padding:52px 56px;}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}
.form-group{display:flex;flex-direction:column;gap:8px}
.form-group.full-width{grid-column:1/-1}
.form-label{color:rgba(255,255,255,.7);font-size:1rem;font-weight:600}
.form-label span.required{color:var(--accent-3);margin-left:3px}
.form-input{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:13px 18px;color:white;font-size:1.1rem;font-family:inherit;transition:var(--transition);outline:none;}
.form-input::placeholder{color:rgba(255,255,255,.28);font-size:0.9rem;font-weight:400 !important;}
.form-input:focus{border-color:var(--accent);background:rgba(40,165,255,.1);}
.radio-group-label{color:rgba(255,255,255,.7);font-size:1rem;font-weight:600;margin-bottom:10px}
.radio-options{display:flex;gap:12px;flex-wrap:wrap}
.radio-option{display:none}
.radio-label{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:15px 25px;color:rgba(255,255,255,.68);font-size:.9rem;cursor:pointer;transition:var(--transition);}
.radio-option:checked+.radio-label{background:rgba(40,165,255,.2);border-color:var(--accent);color:white}
.radio-label:hover{border-color:rgba(255,255,255,.32);color:white}
.radio-dot{width:16px;height:16px;border:2px solid currentColor;border-radius:50%;flex-shrink:0;position:relative}
.radio-option:checked+.radio-label .radio-dot::after{content:'';position:absolute;inset:2px;background:var(--accent);border-radius:50%}
.filter-section{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:20px;padding:28px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:var(--radius);}
.form-submit-area{text-align:center;margin-top:32px}
.btn-submit{display:inline-flex;align-items:center;gap:12px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:white;font-size:1.5rem;font-weight:800;padding:18px 56px;border-radius:100px;border:none;cursor:pointer;transition:var(--transition);font-family:inherit;}
.btn-submit:hover{transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,0,0,.5)}
.form-privacy{text-align:center;margin-top:16px;color:rgba(255,255,255,.35);font-size:.8rem;display:flex;align-items:center;justify-content:center;gap:6px}
.form-agree {margin-bottom: 28px;padding: 18px 20px;border: 1px solid rgba(255,255,255,.12);border-radius: var(--radius);background: rgba(255,255,255,.04);}
.agree-label {display: flex;align-items: flex-start;gap: 14px;cursor: pointer;}
/* 기본 체크박스 숨김 */
.agree-check {display: none;}
/* 커스텀 체크박스 박스 */
.agree-box {width: 20px;height: 20px;border: 1px solid rgba(255,255,255,.3);border-radius: 4px;background: transparent;flex-shrink: 0;margin-top: 2px;transition: all .25s ease;position: relative;}
/* 체크 표시 */
.agree-box::after {content: '';position: absolute;left: 5px;top: 2px;width: 8px;height: 12px;border-right: 2px solid white;border-bottom: 2px solid white;transform: rotate(45deg) scale(0);transition: transform .2s ease;}
/* 체크됐을 때 */
.agree-check:checked + .agree-box {background: linear-gradient(135deg, var(--accent), var(--accent-2));border-color: var(--accent);}
.agree-check:checked + .agree-box::after {transform: rotate(45deg) scale(1);}
/* 호버 */
.agree-label:hover .agree-box {border-color:rgba(255,255,255,.32);}
.agree-text {display: flex;flex-direction: column;gap: 4px;}
.agree-title {font-size: .92rem;font-weight: 600;color: rgba(255,255,255,.85);line-height: 1.4;}
.agree-desc {font-size: .82rem;color: rgba(255,255,255,.45);line-height: 1.6;}

/* 입력폼 추가 */
.consult-form-wrap{max-width:800px;margin:0 auto;padding:60px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:20px;}
.consult-form-inner{display:flex;flex-direction:column;gap:16px;}
.consult-field{display:flex;flex-direction:column;gap:8px;}
.consult-label{color:rgba(255,255,255,.75);font-size:.95rem;font-weight:600;}
.consult-required{color:var(--accent-3);margin-left:3px;}
.consult-input{
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.18);
  border-radius:10px;
  padding:14px 18px;
  color:white;
  font-size:1rem;
  font-family:inherit;
  outline:none;
  transition:border-color .25s ease, background .25s ease;
  width:100%;
}
.consult-input::placeholder{color:rgba(255,255,255,.3);font-size:.9rem;}
.consult-input:focus{border-color:var(--accent);background:rgba(1,132,220,.12);}
.consult-agree-row{display:flex;align-items:center;gap:12px;padding:14px 0;}
.consult-agree-label{display:flex;align-items:center;gap:10px;cursor:pointer;}
.consult-agree-check{display:none;}
.consult-agree-box{width:20px;height:20px;border:1.5px solid rgba(255,255,255,.4);border-radius:4px;background:transparent;flex-shrink:0;position:relative;transition:all .2s ease;}
.consult-agree-box::after{content:'';position:absolute;left:5px;top:-1px;width:6px;height:12px;border-right:2px solid white;border-bottom:2px solid white;transform:rotate(45deg) scale(0);transition:transform .2s ease;}
.consult-agree-check:checked + .consult-agree-box{background:linear-gradient(135deg,var(--accent),var(--accent-2));border-color:var(--accent);}
.consult-agree-check:checked + .consult-agree-box::after{transform:rotate(45deg) scale(1);}
.consult-agree-text{color:rgba(255,255,255,.82);font-size:.92rem;font-weight:500;}
.consult-privacy-btn{
  flex-shrink:0;
  background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.25);
  border-radius:6px;
  color:rgba(255,255,255,.75);
  font-size:.82rem;
  padding:5px 12px;
  cursor:pointer;
  font-family:inherit;
  transition:all .2s ease;
  white-space:nowrap;
}
.consult-privacy-btn:hover{background:rgba(255,255,255,.2);color:white;}
.consult-submit-btn{
  width:100%;
  padding:20px 17px;
  background:linear-gradient(135deg,var(--accent),var(--accent-2));
  color:white;
  font-size:1.3rem;
  font-weight:700;
  border:none;
  border-radius:100px;
  cursor:pointer;
  font-family:inherit;
  transition:transform .25s ease, box-shadow .25s ease;
  margin-top:4px;
}
.consult-submit-btn:hover{transform:translateY(-4px);box-shadow:0 5px 15px rgba(0,0,0,.5)}
.privacy-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:9000;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(4px);}
.privacy-overlay.active{display:flex;}
.privacy-popup{background:#fff;border-radius:16px;width:100%;max-width:680px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 24px 64px rgba(0,0,0,.35);overflow:hidden;}
.privacy-popup-header{display:flex;align-items:center;justify-content:space-between;padding:20px 28px;border-bottom:1px solid #eee;flex-shrink:0;}
.privacy-popup-title{font-size:1.1rem;font-weight:700;color:#0f1324;}
.privacy-popup-close{width:32px;height:32px;background:none;border:none;font-size:1.1rem;color:#666;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s;}
.privacy-popup-close:hover{background:#f0f0f0;}
.privacy-popup-body{padding:24px 28px;overflow-y:auto;flex:1;font-size:.88rem;color:#333;line-height:1.8;}
.privacy-popup-body h4{font-size:.95rem;font-weight:700;color:#0f1324;margin:20px 0 8px;}
.privacy-popup-body h4:first-child{margin-top:0;}
.privacy-popup-body p{margin-bottom:8px;}
.privacy-popup-footer{padding:16px 28px;border-top:1px solid #eee;text-align:center;flex-shrink:0;}
.privacy-confirm-btn{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:white;border:none;border-radius:100px;padding:12px 48px;font-size:1rem;font-weight:700;cursor:pointer;font-family:inherit;transition:transform .2s ease;}
.privacy-confirm-btn:hover{transform:translateY(-1px);}


/* ===========================
   footer
=========================== */
#footer {background: #04060f;padding: 40px 0 10px 0;color: rgba(255,255,255,.45);}
.footer-main {display: flex;justify-content: space-between;align-items: center;max-width: 1400px;margin: 0 auto;padding: 0 60px 36px;border-bottom: 1px solid rgba(255,255,255,.07);}
.footer-left {display: flex;flex-direction: column;gap: 16px;}
.footer-logo img {height: 36px;width: auto;filter: brightness(0) invert(1);opacity: .45;}
.footer-info {display: flex;flex-direction: column;gap: 6px;}
.footer-info-row {display: flex;flex-wrap: wrap;gap: 0;font-size: .82rem;color: rgba(255,255,255,.4);line-height: 1.7;}
.footer-info-row span {display: inline-flex;align-items: center;}
/* 구분자  */
.footer-info-row span + span::before {content: '|';margin: 0 12px;color: rgba(255,255,255,.18);}
/* 우측 SNS */
.footer-right {display: flex;gap: 12px;flex-shrink: 0;}
.footer-sns {width: 44px;height: 44px;border-radius: 50%;border: 1px solid rgba(255,255,255,.2);display: flex;align-items: center;justify-content: center;color: rgba(255,255,255,.5);transition: all .3s ease;}
.footer-sns:hover {border-color: var(--accent);color: var(--accent);background: rgba(1,132,220,.1);}
/* 하단 카피라인 */
.footer-bottom {display: flex;justify-content: space-between;align-items: center;max-width: 1400px;margin: 0 auto;padding: 18px 60px;}
.footer-copy {font-size: .78rem;color: rgba(255,255,255,.22);}
.footer-credit {font-size: .78rem;color: rgba(255,255,255,.22);}
.footer-credit a {color: rgba(255,255,255,.4);text-decoration: none;transition: color .2s;}
.footer-credit a:hover {color: var(--accent);}

/* ===========================
  윙 버튼
=========================== */
.scroll-top{position:fixed;bottom:32px;right:32px;z-index:500;width:60px;height:60px;background:rgba(0,0,0,.9);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:1.3rem;cursor:pointer;opacity:0;transition:var(--transition);pointer-events:none;}
.scroll-top.show{opacity:1;pointer-events:auto}
.scroll-top:hover{background:var(--accent)}
.count-up{font-variant-numeric:tabular-nums}
.wing-banner{position:fixed;bottom:120px;right:32px;z-index:500;display:flex;flex-direction:column;gap:10px;}
.wing-btn{display:block;width:100px;height:100px;border-radius:50%;overflow:hidden;}
.wing-btn img{width:100%;height:100%;object-fit:cover;display:block;}


/* ===========================
   반응형
=========================== */
/* ── 1200px ── */
@media(max-width:1200px){
  .container{padding:0 40px}
  .header-inner{padding:0 40px}
  .footer-main{padding:0 40px 36px}
  .footer-bottom{padding:18px 40px}
  .hero-inner{padding:0 48px;}
  .hero-stat{padding:18px 22px;}
  .hero-stat .num{font-size:2.2rem;}
  .hero-stat .txt{font-size:1.4rem;} 
  .section-title{font-size:3rem}
  .hero-title{font-size:3.2rem}
  .policy-cards{grid-template-columns:repeat(3,1fr)}
  .about-inner{gap:52px}
  .about-company{font-size:2.8rem}
}

/* ── 1024px: 태블릿 ── */
@media(max-width:1024px){
   html{font-size:16px}
  .section{padding:100px 0}
  .section-title{font-size:2.6rem}
  .container{padding:0 36px}
  .header-inner{padding:0 36px}
  .hero-bg-img{background-size:cover;animation:none}
  .hero-inner{padding:0 40px;height:auto;min-height:100vh;min-height:100svh;padding-top:110px;padding-bottom:60px;align-items:center;justify-content:center;gap:32px;width:100%;}
  .hero-content{padding-top:0;padding-bottom:0;}
  .hero-title{font-size:3rem;}
  .hero-title .highlight{letter-spacing:0;}
  .hero-stats{flex-direction:row;flex-wrap:nowrap;padding-top:0;padding-bottom:0;gap:12px;align-self:auto;justify-content:center;width:100%;}
  .hero-stat{flex:1;min-width:0;white-space:nowrap;}
  .pain-grid{grid-template-columns:repeat(2,1fr)}
  .pain-text{font-size:1.15rem}
  .policy-top{grid-template-columns:1fr;gap:40px}
  .policy-cards{grid-template-columns:repeat(3,1fr)}
  .diff-table{grid-template-columns:1fr;gap:20px}
  .diff-col-general{order:2}
  .diff-col-biz{order:1}
  .process-steps{grid-template-columns:repeat(2,1fr);gap:40px 24px}
  .process-steps::before{display:none}

  .about-inner{grid-template-columns:1fr;gap:48px}
  .about-photo img{height:600px;object-fit: cover;object-position: center 10%;  /* top → center 10% 로 변경 */}
  .about-content{padding-right:0}
  .about-company{font-size:2.8rem}
  .filter-section{grid-template-columns:1fr 1fr;gap:16px}
  .contact-form-wrap{padding:44px 40px}
  .footer-main{padding:0 36px 32px}
  .footer-bottom{padding:18px 36px}
  .nav-links { display: none; }
  .hamburger { display: flex; }
   /* 입력폼 추가 */
  .consult-form-wrap{max-width:100%}
  /* 승인사례 슬라이더 */
  [data-slider="cases"] .slider-item{width:calc((100% - 24px) / 2);}
  [data-slider="reviews"] .slider-item{width:calc((100% - 48px) / 3);}
  .slider-prev{left:-12px;}
  .slider-next{right:-12px;}

  .w60 {width:100%;}

}



/* ── 768px: 모바일 ── */
@media(max-width:768px){
   html{font-size:16px}
  .section{padding:80px 0}
  .section-title{font-size:2rem;font-weight:700;}
  .section-desc{font-size:1rem;line-height:1.3;padding:0 43px;}
  .container{padding:0 22px}
  .header-inner{padding:0 22px}
  .nav-links{display:none}
  .hamburger{display:flex}
  .hero-bg-img{background-size:cover;background-position:center;animation:none;width:100%}
  .contact-header .section-title{font-size:2rem;line-height:1.2 !important;}
  /* 히어로영역 */
  .hero-inner{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:70px 22px 48px;height:auto;min-height:100vh;min-height:100svh;gap:0;}
  .hero-content{padding-top:0;padding-bottom:0;align-items:center;text-align:center;width:100%;}
  .hero-title{font-size:3rem;line-height:1.22;margin-bottom:16px;}
  .hero-title .highlight{letter-spacing:0;}
  .hero-amount{padding:12px 16px;margin-bottom:18px;gap:10px;}
  .hero-amount .amount-label{font-size:1rem;}
  .hero-amount .amount-value{font-size:1.8rem;}
  .hero-cta-group{flex-direction:row;gap:10px;width:70%;}
  .btn-primary{flex:1;justify-content:center;font-size:1.1rem;padding:15px 16px;}
  .btn-secondary{flex:1;justify-content:center;font-size:1.1rem;padding:14px 16px;}
  .hero-stats{display:flex;flex-direction:row;flex-wrap:nowrap;gap:10px;padding-top:20px;padding-bottom:0;width:78%;justify-content:center;}
  .hero-stat{min-width:0;flex:1;padding:14px 16px;gap:8px;white-space:nowrap;}
  .hero-stat:hover{transform:none;}
  .hero-stat .num{font-size:1.7rem;}
  .hero-stat .txt{font-size:1.3rem;}
  .hero-stat .label{font-size:.9rem;margin-top:3px;}
	/* 고객고민 */
  .pain-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:40px}
  .pain-card{padding:18px 15px;gap:10px;}
  .pain-icon{width:32px;height:32px;font-size:1rem;}
  .pain-text{font-size:0.9rem;color:var(--text);font-weight:600;line-height:1.2;padding-top:0;}
  .pain-footer{padding:32px 38px;margin-top:40px;}
  .pain-footer-text{font-size:1.4rem}
   /* 정책자금설명 */
  .policy-top{grid-template-columns:1fr;gap:32px;margin-bottom:0;}
  .policy-top .text-center{text-align:center;}
  .policy-top .fade-left{display:flex;flex-direction:column;align-items:center;}
  .policy-top .section-label{width:fit-content;margin:0 auto 18px;}
  .policy-top .section-title{text-align:center;}
  .policy-top > *{padding-right:0;margin-right:0;}
  .policy-top .fade-left{display:flex;flex-direction:column;align-items:center;width:100%;padding:0;margin:0;}
  .policy-top .section-desc{text-align:left;width:100%;padding:10px 5px 0 5px;margin:0;}
  .linebox {margin-bottom:13px !important;}
  .policy-cards{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:40px !important;}
  .policy-card{padding:14px 8px}
  .policy-card-name{font-size:1.03rem !important;}
  .policy-card-icon{font-size:1.4rem}
  .policy-card-sub{font-size:0.9rem;}
  .policy-main-box {padding:36px 30px;}
  .policy-box-main{font-size:1.3rem}
  .policy-box-desc{font-size:0.9rem;line-height:1.6;}
  .policy-card-name{font-size:1.3rem;}
  /* 차별화 */
  .diff-table{grid-template-columns:1fr;gap:16px;margin-top:40px;}
  .diff-col{padding:28px 20px}
  .diff-col-tag{font-size:0.9rem;}
  .diff-col-title{font-size:1.4rem}
  .diff-items{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
  .diff-item{font-size:0.9rem}
  .diff-item .di-icon{width:22px;height:22px;font-size:.75rem;}
  .diff-footer{margin-top:40px;}
  .diff-footer p{font-size:1.2rem}
  /* 진행 프로세스 */
  .process-steps{grid-template-columns:repeat(2,1fr);gap:32px 16px;margin-top:40px;}
  .process-steps::before{display:none}
  .process-step{position:relative;z-index:1;text-align:center;padding:0 13px;}
  .process-step-num {width:60px;height:60px;margin: 0 auto 20px;font-size: 1.2rem;}
  .process-step-icon{font-size:1.2rem;margin-bottom:10px;}
  .process-step-title{font-size:1.1rem}
  .process-step-desc{font-size:.86rem; line-height:1.4}
  .process-footer{font-size:1.1rem;padding:20px 24px}
  /* 승인사례 */
  .slider-wrap{margin-top:40px;}
  .slider-track{gap:14px;}
  .slider-arrow{width:36px;height:36px;font-size:1.5rem;}
  .slider-prev{left:-10px;}
  .slider-next{right:-10px;}
  [data-slider="cases"] .slider-item{width:100%;}
  [data-slider="reviews"] .slider-item{width:100%;}
  .cases-grid{grid-template-columns:1fr;margin-top:40px}
  .case-card{padding:24px 24px;}
  .case-tag{margin-bottom:10px;}
  .case-company{font-size:1.3rem;margin-bottom:5px}
  .case-type{font-size:.9rem;}
  .case-amount{font-size:1.8rem;margin-bottom:4px}
  .case-amount-label{font-size:.9rem;}
  .case-divider{margin:15px 0}
  .case-review{font-size:1rem;line-height:1.3;}
  .case-reviewer{margin-top:12px;font-size:.82rem;}
  .case-kakao-grid{grid-template-columns:1fr}
  .case-kakao {margin-top:50px;}
  .case-kakao-title {text-align:center;margin-bottom:0;}
  .case-kakao-title > span {font-size:1.1rem;}
  .case-kakao-review {font-size:0.96rem;line-height:1.4;}
  /* 회사소개 */
  .about-inner{grid-template-columns:1fr;gap:40px}
  .about-photo img{height:500px}
  .about-photo-badge{bottom:-14px;right:-10px;padding:18px 22px}
  .about-photo-badge .badge-num{font-size:1.6rem}
  .about-content{padding-right:0}
  .about-company{font-size:2rem}
  .about-desc{font-size:1rem}
  .about-features{grid-template-columns:1fr;gap:10px;margin-bottom:0;}
  .about-feature{gap:16px;padding:15px 15px;}
  .about-feature-text{font-size:1.1rem;line-height:1.2;}
  .about-feature-icon{width:40px;height:40px;font-size:1rem;}
  .about-feature-sub{font-size:.9rem;margin-top:2px}


  .contact-form-wrap{padding:32px 20px}
  .form-grid{grid-template-columns:1fr}
  .filter-section{grid-template-columns:1fr;padding:20px 16px}
  .radio-label{padding:12px 18px}
  .btn-submit{font-size:1.1rem;padding:16px 32px;width:100%;justify-content:center}
  .footer-main{flex-direction:column;align-items:flex-start;gap:24px;padding:0 22px 28px}
  .footer-right{align-self:flex-start}
  .footer-info-row{flex-direction:column;gap:2px}
  .footer-info-row span+span::before{display:none}
  .footer-bottom{flex-direction:column;align-items:flex-start;gap:6px;padding:14px 22px}
  .footer-copy,.footer-credit{font-size:.76rem}
  .scroll-top{bottom:20px;right:20px;width:50px;height:50px;font-size:1.1rem}
  /* 윙 배너 */
  .wing-banner{bottom:80px;right:16px;}
  .wing-btn{width:52px;height:52px;}
  /* 입력폼 추가 */
  .consult-form-wrap{max-width:100%;padding:20px;}
  .consult-input{padding:12px 16px;font-size:.95rem}
  .consult-submit-btn{font-size:1rem;padding:15px}
  .consult-agree-row{padding:12px 0;}
  .consult-agree-text{font-size:.88rem}
  .privacy-popup{max-height:50vh;border-radius:12px}
  .privacy-popup-header{padding:16px 20px}
  .privacy-popup-body{padding:18px 20px;font-size:.85rem}
  .privacy-popup-footer{padding:14px 20px}
}


/* ── 480px: 소형 모바일 ── */
@media(max-width:480px){
  html{font-size:16px}
  .section{padding:64px 0}
  .section-title{font-size:1.7rem;font-weight:700 !important;}
  .container{padding:0 18px}
  
  /* 히어로 */
  .header-inner{padding:0 18px;}
  .hero-inner{padding:70px 18px 40px;}
  .hero-content{padding-top:0;}
  .hero-title{font-size:2.2rem;line-height:1.2;font-weight:700 !important;}
  .hero-amount{flex-direction:row;align-items:center;gap:10px;padding:12px 14px;}
  .hero-amount .amount-value{font-size:1.4rem;}
  .hero-stats{display:flex;flex-direction:row;flex-wrap:nowrap;gap:10px;padding-top:20px;}
  .hero-stat{flex:1;min-width:0;padding:10px 8px;white-space:nowrap;}
  .hero-stat .num{font-size:1.26rem;}
  .hero-stat .txt{font-size:1.1rem;}
  .hero-stat .label{font-size:.72rem;}
  .hero-cta-group{flex-direction:row;gap:8px;width:100%;}
  .btn-primary{flex:1.4;justify-content:center;font-size:.88rem;padding:13px 20px;}
  .btn-secondary{flex:0.6;justify-content:center;font-size:.88rem;padding:12px 25px;}
  /* 고객고민 */
  .pain-footer-text{font-size:1.4rem}
  .policy-cards{grid-template-columns:repeat(2,1fr)}
  .policy-badge-float{font-size:.78rem;padding:8px 14px;top:14px;right:14px}
  .process-steps{grid-template-columns:1fr 1fr}
  /* 승인사례 */
  .slider-prev{left:-8px;}
  .slider-next{right:-8px;}
  [data-slider="cases"] .slider-item{width:100%;}
  [data-slider="reviews"] .slider-item{width:100%;}
   /* 회사소개 */
  .about-photo img{height:280px}
  .about-awards{flex-direction:column}
  .award-badge{font-size:.76rem}
  .contact-form-wrap{padding:24px 16px}
  .radio-options{flex-direction:column}
  .radio-label{width:100%}
  .btn-submit{font-size:1rem;padding:15px 24px}
  .footer-main{padding:0 18px 24px}
  .footer-bottom{padding:12px 18px}
  .footer-logo img{height:28px}
  .footer-sns{width:38px;height:38px}
  .agree-label{gap:10px}
  .agree-box{width:18px;height:18px}
  .agree-box::after{left:4px;top:1px;width:7px;height:11px}
  .scroll-top{bottom:16px;right:16px;width:44px;height:44px;font-size:1rem}
   /* 윙 배너 */
  .wing-banner{bottom:70px;gap:5px;}
  .wing-btn{width:52px;height:52px;}
   /* 입력폼 추가 */
  .consult-label{font-size:.88rem}
  .consult-input{padding:11px 14px;font-size:.9rem}
  .consult-submit-btn{font-size:.95rem;padding:14px}
  .consult-agree-text{font-size:.82rem}
  .consult-privacy-btn{font-size:.78rem;padding:4px 10px}
  .privacy-popup-title{font-size:1rem}
  .privacy-confirm-btn{padding:11px 36px;font-size:.95rem}
  .privacy-overlay{padding:12px}
}