@charset "utf-8";

/* ========================================
 * solution.html 전용 (Mobile)
 * ======================================== */

/* A2Z 웹폰트 (Safari 포함 전 브라우저 적용) */
@font-face {font-family:'A2Z'; src:url('./font/A2Z-1Thin.woff2') format('woff2'); font-weight:100; font-style:normal; font-display:swap;}
@font-face {font-family:'A2Z'; src:url('./font/A2Z-2ExtraLight.woff2') format('woff2'); font-weight:200; font-style:normal; font-display:swap;}
@font-face {font-family:'A2Z'; src:url('./font/A2Z-3Light.woff2') format('woff2'); font-weight:300; font-style:normal; font-display:swap;}
@font-face {font-family:'A2Z'; src:url('./font/A2Z-4Regular.woff2') format('woff2'); font-weight:400; font-style:normal; font-display:swap;}
@font-face {font-family:'A2Z'; src:url('./font/A2Z-5Medium.woff2') format('woff2'); font-weight:500; font-style:normal; font-display:swap;}
@font-face {font-family:'A2Z'; src:url('./font/A2Z-6SemiBold.woff2') format('woff2'); font-weight:600; font-style:normal; font-display:swap;}
@font-face {font-family:'A2Z'; src:url('./font/A2Z-7Bold.woff2') format('woff2'); font-weight:700; font-style:normal; font-display:swap;}
@font-face {font-family:'A2Z'; src:url('./font/A2Z-8ExtraBold.woff2') format('woff2'); font-weight:800; font-style:normal; font-display:swap;}
@font-face {font-family:'A2Z'; src:url('./font/A2Z-9Black.woff2') format('woff2'); font-weight:900; font-style:normal; font-display:swap;}

/* Reset & Base */
*, *::before, *::after {box-sizing:border-box;}
html, body {margin:0; padding:0;}
body.solution-page {font-family:'A2Z', 'Pretendard', -apple-system, BlinkMacSystemFont, sans-serif; font-size:14px; line-height:1.5; color:#222; background:#fff; letter-spacing:-0.02em;}
body.solution-page img {max-width:100%; height:auto; vertical-align:middle;}
body.solution-page a {text-decoration:none;}

/* Header */
.solHeader {position:sticky; top:0; z-index:10; display:flex; align-items:center; justify-content:flex-start; height:52px; padding:0 16px; background:#fff; border-bottom:1px solid #0e7e3f;}
.solHeader .logo {margin:0; width:120px; height:32px;}
.solHeader .logo img {display:block; width:100%; height:100%; object-fit:contain;}

/* Main (스크롤 영역) */
.solMain {padding:32px 24px}

/* Hero */
.solHero {text-align:center;}
.solHeadline {margin:0 0 24px; font-weight:400; color:#1a1a1a;}
.solHeadline .line {display:block; font-size:16px; line-height:1.4; font-weight:400; margin-bottom: 5px;}
.solHeadline .line.bigBold {font-size:24px; font-weight:800; line-height:1.35;}
.solHeadline .accent {color:#2EBB6D;}

/* 브릿지 뱃지 (부유 애니메이션 — JS에서 transform 적용) */
.solBadge {display:inline-block; margin:0 auto 16px; padding:8px 18px; background:#2EBB6D; color:#fff; font-size:14px; font-weight:600; border-radius:18px; position:relative; will-change:transform;}
.solBadge::after {content:''; position:absolute; bottom:-6px; left:50%; transform:translateX(-50%); border-left:6px solid transparent; border-right:6px solid transparent; border-top:6px solid #2EBB6D;}

.solIllust {position:relative; width:100%; max-width:320px; margin:0 auto 16px;}
.solIllust .baseImg {display:block; width:100%; height:auto;}
.solIllust .pointer {position:absolute; left:54.3%; top:40.4%; width:20.2%; height:auto; transform-origin:23.3% 102.3%; animation:gaugeSwing 2.4s ease-in-out infinite;}

@keyframes gaugeSwing {
  0%, 100% { transform: rotate(-32deg); }
  50%      { transform: rotate(32deg); }
}

/* Features */
.solFeatures {display:flex; flex-direction:column; gap:12px; margin:0 0 24px;}
.solFeatures .featCard {display:flex; align-items:center; gap:16px; padding:16px; background:#F4FAF6; border-radius:12px;}
.solFeatures .featIco {flex:0 0 48px; width:48px; height:48px; display:flex; align-items:center; justify-content:center;}
.solFeatures .featIco img {width:100%; height:100%; object-fit:contain;}
.solFeatures .featTxt {flex:1; min-width:0;}
.solFeatures .ftTit {margin:0 0 4px; font-size:15px; font-weight:700; color:#1a1a1a;}
.solFeatures .ftDesc {margin:0; font-size:12px; color:#666; line-height:1.4;}

/* 준법감시필 */
.contraText {margin:0; padding:8px 0; text-align:center; color:#666; font-size:12px; font-weight:500; line-height:1.4;}

/* 하단 고정 CTA */
.solCta {position:fixed; left:16px; right:16px; bottom:16px; z-index:20; display:flex; align-items:center; justify-content:center; gap:8px; padding:16px; background:#2EBB6D; color:#fff; font-size:16px; font-weight:700; border-radius:30px; box-shadow:0 4px 12px rgba(46,187,109,0.3);}
.solCta .ctaArrow {font-size:16px;}

/* Footer (footer2026.html include) */
.solution-page .floatFunc {display:none;}
.solution-page .footer, .solution-page .footer * {font-family:'Pretendard', -apple-system, BlinkMacSystemFont, sans-serif;}
.solution-page .footer {background:#4A4A4A; color:#C8C8C8; padding:24px 16px 90px;}
.solution-page .footer .inner {max-width:none; margin:0;}
.solution-page .footer .corp {margin:0 0 10px; color:#fff; font-size:13px; font-weight:600;}
.solution-page .footer .corpInfo p {margin:2px 0; font-size:12px; line-height:1.6;}
.solution-page .footer .corpInfo p strong {color:#fff; font-weight:600; margin-right:6px;}
.solution-page .footer .corpInfo p:last-child {margin-top:14px; color:#888; font-size:12px;}