/* ============================================================
   무료체험 (snspang freetrial)
   ------------------------------------------------------------
   snspang 의 <style> 블록을 «순서 그대로» 이어 붙인 것이다.
   ⚠ 규칙 단위로 쪼개서 옮기면 안 된다. @media 안에 있던 규칙이
     밖으로 튀어나와 모바일 규칙이 데스크톱에도 걸린다 — 실제로 그렇게 깨졌다.
   ⚠ 화면마다 «한 파일»만 싣는다(x-layout 의 css 속성). 그래서 이 파일도
     머리줄·꼬리말 같은 공통 규칙을 스스로 갖고 있다. 합치지 말 것 —
     .trust 처럼 같은 이름이 화면마다 다른 뜻인 것이 있다.
   ============================================================ */


/* 웹폰트는 shell.css 한 벌로 옮겼다 (2026-09-16) — 일곱 벌 복사돼 있던 것이다 */


  /* 기본값·리셋(:root·*·body·a·img·.wrap·머리띠)은 shell.css 한 벌로 옮겼다 (2026-09-16) */
  /* 머리줄(로고줄·메뉴줄·검색) 규칙은 shell.css 한 벌로 옮겼다 (2026-09-16) */
  /* 메가 드롭다운(패널·카드·프로모) 규칙은 shell.css 한 벌로 옮겼다 (2026-09-16) */

  /* ===== 무료체험 ===== */
  .fthero{background:linear-gradient(120deg,#eef4ff,#dbe6ff);border-bottom:1px solid var(--line);padding:52px 0;text-align:center;cursor:default;}
  .fthero .tag{display:inline-block;background:#2563eb;color:#fff;font-size:12.5px;font-weight:800;padding:6px 14px;border-radius:999px;letter-spacing:-.01em;margin-bottom:16px;}
  .fthero h1{font-size:32px;font-weight:900;letter-spacing:-.045em;color:#11224d;}
  .fthero p{font-size:15px;color:#3f4a63;margin-top:10px;font-weight:600;line-height:1.6;}
  /* 이동 경로(.crumb) 규칙은 shell.css 한 벌로 옮겼다 (2026-09-16) */
  .ftmain{padding:30px 0 60px;}
  .ftgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-bottom:30px;}
  .ftcard{border:1px solid #e4e9f2;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 4px 20px rgba(16,24,40,.06);display:flex;flex-direction:column;transition:.16s;}
  .ftcard:hover{box-shadow:0 12px 32px rgba(37,99,235,.13);transform:translateY(-2px);}
  .ftcard .ftimg{position:relative;background:#f5f8ff;border-bottom:1px solid #eef0f5;aspect-ratio:1/1;display:grid;place-items:center;overflow:hidden;}
  .ftcard .ftimg img{width:100%;height:100%;object-fit:contain;}
  .ftcard .freebadge{position:absolute;top:14px;left:14px;background:#2563eb;color:#fff;font-size:13px;font-weight:900;padding:7px 14px;border-radius:999px;box-shadow:0 6px 16px rgba(37,99,235,.35);letter-spacing:-.01em;}
  .ftcard .ftbd{padding:22px 22px 24px;display:flex;flex-direction:column;flex:1;}
  .ftcard .plname{font-size:12.5px;font-weight:800;color:#2563eb;letter-spacing:-.01em;}
  .ftcard h2{font-size:20px;font-weight:800;letter-spacing:-.03em;color:#11224d;margin:5px 0 6px;}
  .ftcard .ftdesc{font-size:13.5px;color:#667085;line-height:1.7;margin-bottom:16px;}
  .ftcard .ftqty{display:flex;align-items:baseline;gap:8px;margin-bottom:16px;}
  .ftcard .ftqty .n{font-size:30px;font-weight:900;color:#2563eb;letter-spacing:-.03em;}
  .ftcard .ftqty .u{font-size:15px;font-weight:700;color:#334;}
  .ftcard .ftqty .was{font-size:12.5px;color:#8a93a5;font-weight:700;margin-left:6px;background:#eef4ff;padding:3px 9px;border-radius:999px;}
  .ftfield{margin-bottom:12px;}
  .ftfield label{display:block;font-size:12.5px;font-weight:700;color:#3f463a;margin-bottom:7px;}
  .ftfield input{width:100%;border:1px solid #d9e0ec;border-radius:11px;padding:13px 14px;font-size:14px;outline:0;background:#fbfcff;transition:.14s;color:var(--ink);}
  .ftfield input:focus{border-color:var(--accent);background:#fff;box-shadow:0 0 0 3px rgba(37,99,235,.13);}
  .ftfield input.bad{border-color:#e5786e;background:#fff;}
  .fterr{color:#d0453b;font-size:12.5px;font-weight:700;min-height:16px;margin:2px 0 8px;}
  .ftbtn{margin-top:auto;width:100%;background:#2563eb;color:#fff;border:0;border-radius:12px;padding:15px;font-size:15.5px;font-weight:800;font-family:inherit;box-shadow:0 8px 18px rgba(37,99,235,.24);transition:.14s;}
  .ftbtn:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 10px 22px rgba(37,99,235,.3);}
  .ftbtn.locked{background:#eef1f5;color:#98a2b3;box-shadow:none;cursor:default;}
  .ftbtn.locked:hover{transform:none;}
  .ftlink{display:block;text-align:center;margin-top:12px;font-size:13px;font-weight:700;color:#667085;}
  .ftlink:hover{color:var(--accent-d);}
  .ftdone{background:linear-gradient(120deg,#eef4ff,#e8f0ff);border:1px solid #cfe0ff;border-radius:16px;padding:22px;text-align:center;margin-top:auto;}
  .ftdone .em{font-size:34px;} .ftdone b{display:block;font-size:16px;font-weight:800;color:#11224d;margin:6px 0 4px;}
  .ftdone span{font-size:13px;color:#4a5568;line-height:1.7;}
  /* 안내 박스 */
  .ftnote{border:1px solid #e4e9f2;border-radius:16px;background:#f8faff;padding:24px 26px;}
  .ftnote h3{font-size:16px;font-weight:800;color:#11224d;margin-bottom:14px;display:flex;align-items:center;gap:8px;}
  .ftnote ul{list-style:none;display:grid;gap:11px;}
  .ftnote li{display:flex;gap:11px;font-size:13.5px;color:#4a5568;line-height:1.65;}
  .ftnote li .ck{color:#2563eb;font-weight:900;flex:none;}
  .ftnote li b{color:#212c45;}
  /* 로그인 안내 배너 */
  .ftguest{display:none;align-items:center;gap:14px;background:#fff7e6;border:1px solid #ffe1a8;border-radius:14px;padding:15px 20px;margin-bottom:24px;font-size:14px;font-weight:600;color:#8a5a00;}
  body:not(.logged-in) .ftguest{display:flex;}
  .ftguest .g-btn{margin-left:auto;background:#2563eb;color:#fff;padding:9px 18px;border-radius:9px;font-weight:800;font-size:13.5px;white-space:nowrap;}
  .ftguest .g-btn:hover{background:#1d4ed8;}

  /* 푸터 규칙은 shell.css 한 벌로 옮겼다 (2026-09-16) — 일곱 벌 복사돼 있던 것이다 */

  #ftToast{position:fixed;left:50%;bottom:34px;transform:translateX(-50%) translateY(20px);background:#11224d;color:#fff;font-size:14px;font-weight:700;padding:14px 24px;border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.25);opacity:0;pointer-events:none;transition:.25s;z-index:200;}
  #ftToast.show{opacity:1;transform:translateX(-50%) translateY(0);}

  @media(max-width:900px){.gnb{display:none;}.ftgrid{grid-template-columns:1fr;}}




.seotext{max-width:980px;margin:34px auto 10px;padding:22px 24px;border:1px solid #e8eee6;border-radius:14px;background:#fbfdfa;line-height:1.75;color:#3d4a3a}
.seotext h2{font-size:18px;font-weight:800;color:#1e283e;margin:0 0 12px;border:0;padding:0}
.seotext h3{font-size:15px;font-weight:800;color:#22355e;margin:20px 0 8px;border:0;padding:0}
.seotext p{font-size:14px;margin:0 0 10px}
.seotext dl{margin:0}
.seotext dt{font-size:14px;font-weight:800;color:#1e283e;margin:12px 0 3px}
.seotext dd{font-size:13.5px;margin:0;color:#51624d}
.seotext ul{margin:0;padding-left:18px}
.seotext li{font-size:13.5px;margin:0 0 6px}
.seotext a{color:#244283;font-weight:700;text-decoration:underline}
@media(max-width:640px){.seotext{margin:24px 12px 10px;padding:18px 16px}}





/* 무료체험 신청 칸 (2026-09-09)
   ⚠ 예전에는 단추가 로그인 링크뿐이었다. 이제 주소를 받아 실제로 접수한다. */
.ftform{display:grid;gap:7px}
.ftin{width:100%;box-sizing:border-box;border:1px solid #dfe4ee;border-radius:10px;padding:11px 13px;font-size:13.5px;outline:0}
.ftin:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.12)}
.ftform .ftbtn{width:100%;border:0;cursor:pointer}
.ftdone{text-align:center;padding:11px;border:1px dashed #cfd8e6;border-radius:10px;font-size:13.5px;font-weight:800;color:#6b7280}
.ftdone span{display:block;font-size:11.5px;font-weight:700;color:#9aa2b1;margin-top:2px}

/* ── 모바일 머리줄(검색·링크) 규칙은 «site.css» 한 곳에 있다 (2026-09-16) ──
   전에는 이 블록이 화면 CSS 일곱 벌에 그대로 복사돼 있었다. 한 벌만 고치면 그 화면만
   바뀌고 나머지 여섯은 옛 모양으로 남는다 — 실제로 그렇게 어긋났다. site.css 는 모든
   화면에 «화면 CSS 뒤에» 실리므로 거기 한 벌이면 족하다. */


/* ── 모바일 머리줄이 «붙어 있다» (2026-09-12) — home.css 와 같은 규칙 ──
   🔴 로그인하면 한 줄에 다섯이 들어가 서로 닿아 보였다(로고·잔액·마이페이지·로그아웃·⚙관리자).
   ⚠ 잔액 칸과 ⚙관리자는 숨기지 않는다. 「마이페이지」 글자만 뺀다 — 잔액 칸이 같은 곳으로 간다. */