/* ============================================================
   주문 페이지(녹취록·회의록·출장 속기) — 메인 페이지와 같은 느낌
   짙은 남색 바탕 + 금색, 제목은 명조체
   (각 페이지 안의 기본 모양을 이 파일이 덮어씀)
   ============================================================ */
:root {
  --ink: #0D1524; --navy: #14213D; --navy2: #1E2F55;
  --gold: #B8975A; --gold-light: #D9C08F;
  --serif: "Noto Serif KR", "Nanum Myeongjo", serif;
  /* 원래 쓰던 이름에 새 색을 넣음 */
  --point: #D9C08F;
  --point-soft: rgba(217,192,143,.12);
  --sky: #F3E3BE;
  --text: #E6E8EE;
  --text2: #B9BFCC;
  --muted: #8E95A6;
  --muted2: #8E95A6;
  --line: rgba(217,192,143,.24);
  --line2: rgba(255,255,255,.08);
  --bg: #0D1524;
  --must-bg: rgba(217,192,143,.16);
  --must: #D9C08F;
}
body { background: var(--ink); color: var(--text); }
body::after { content: ""; position: fixed; inset: 0; pointer-events: none; z-index: 30; opacity: .05;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); }

/* 왼쪽 메뉴 */
.side { background: #0A1120; border-right: 1px solid var(--line); }
.logo { color: #fff; font-family: var(--serif); gap: 10px; }
.logo i { display: none; }
.logo img { width: 40px; height: 40px; border-radius: 50%; background: #fff; padding: 4px; object-fit: contain; box-shadow: 0 0 0 1px rgba(217,192,143,.5); }
.menu { color: #C9CEDB; }
.menu:hover { background: rgba(255,255,255,.04); color: #fff; }
.menu.on { background: linear-gradient(90deg, rgba(217,192,143,.16), rgba(217,192,143,.04)); color: var(--gold-light); box-shadow: inset 2px 0 0 var(--gold); border-radius: 4px; }
.group { color: var(--gold); letter-spacing: 2px; }
.wallet a { background: rgba(255,255,255,.03); border-color: var(--line); color: #C9CEDB; }

/* 위쪽 줄 */
.top { background: rgba(13,21,36,.92); border-bottom: 1px solid var(--line); backdrop-filter: blur(8px); }
.top svg path, .top svg circle { stroke: #C9CEDB; }
.top .bell::after { background: var(--gold); }
.top .me svg circle:first-child { fill: #2A3D6E; stroke: none; }

/* 본문 카드 */
.main { background: radial-gradient(ellipse at 50% 0%, #1B2A4D 0%, var(--ink) 55%); min-height: 100vh; }
h1 { font-family: var(--serif); font-weight: 600; color: #fff; font-size: 30px; }
.card { background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)); border-color: var(--line); border-radius: 4px; }
.title h2 { font-family: var(--serif); font-weight: 600; color: #fff; }
.num { background: var(--gold); color: var(--ink); }
.must { border: 1px solid rgba(217,192,143,.4); }
.desc { color: var(--text2); }
.fold { background: transparent; border-color: var(--line); }
.fold svg path { stroke: var(--gold-light); }

/* 1단계 */
.tabs { border-color: var(--line); border-radius: 2px; }
.tabs button { background: transparent; color: var(--muted); }
.tabs button + button { border-left-color: var(--line); }
.tabs button.on { background: rgba(217,192,143,.14); color: var(--gold-light); }
.panel { background: rgba(255,255,255,.02); border: 1px dashed rgba(217,192,143,.35); border-radius: 2px; }
.panel.over { background: rgba(217,192,143,.1); border-color: var(--gold); }
.panel strong { color: var(--gold-light); font-family: var(--serif); font-size: 18px; }
.dots i { background: rgba(255,255,255,.2); }
.dots i:first-child { background: var(--gold); }
.btn-point { background: var(--gold); color: var(--ink); border-radius: 2px; }
.btn-point svg path { stroke: var(--ink); }

/* 입력 칸 */
.inline input, .field select, .memo, .info-grid input, .files input, .recv input {
  background: #0A1120; border-color: rgba(217,192,143,.3); color: var(--text); border-radius: 2px; }
.inline input::placeholder, .memo::placeholder, .info-grid input::placeholder, .files input::placeholder { color: #5E6576; }
input[type="date"], input[type="time"] { color-scheme: dark; }
.field select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23D9C08F' stroke-width='1.6'%3E%3Cpath d='M2 4l4 4 4-4'/%3E%3C/svg%3E"); }
.info-grid select { width: 100%; background: #0A1120; border: 1px solid rgba(217,192,143,.3); color: var(--text); font-size: 15px; padding: 11px 12px; border-radius: 2px; }
.info-grid .label em { color: #F0B98C; }
.hint { color: #F0B98C; }

/* 2단계 파일 */
.files li { border-color: var(--line); border-radius: 2px; }
.files .file-sub { background: rgba(255,255,255,.02); border-top-color: var(--line2); }
.files .x { color: var(--muted); }
.mode { background: transparent; border-color: var(--line); border-radius: 2px; }
.mode:has(input:checked) { background: rgba(217,192,143,.14); border-color: var(--gold); color: var(--gold-light); }
.spk-card { background: rgba(255,255,255,.03); border-color: var(--line); border-radius: 2px; }
.add-part { background: transparent; border-color: var(--gold); color: var(--gold-light); border-radius: 2px; }
.files .parts input.bad { background: rgba(229,72,77,.12); border-color: #E5484D; }

/* 3~4단계 고르기 */
.pick label, .out, .opt { background: rgba(255,255,255,.02); border-color: var(--line); border-radius: 2px; }
.pick label .ic, .out .ic { background: rgba(217,192,143,.14); color: var(--gold-light); font-family: var(--serif); }
.pick input:checked + label, .out:has(input:checked) { background: linear-gradient(160deg, #22356A, #14213D); border-color: var(--gold); box-shadow: 0 8px 20px rgba(0,0,0,.3); }
.pick label small, .out p { color: var(--text2); }
.tier { background: rgba(255,255,255,.02); border-color: var(--line); border-radius: 2px; }
.tier b { color: #fff; font-family: var(--serif); }
.tier.hit { background: linear-gradient(160deg, #22356A, #14213D); border-color: var(--gold); }
.tier.hit b { color: var(--gold-light); }
.tag { background: rgba(217,192,143,.14); color: var(--gold-light); border-radius: 2px; }
.tag.etc { background: rgba(240,185,140,.14); color: #F0B98C; }
.box { accent-color: var(--gold); }

/* 아래 결제 바 */
.bar { background: rgba(10,17,32,.96); border-top: 1px solid var(--line); backdrop-filter: blur(8px); }
.bar .label2 { color: #C9CEDB; }
.bar .total { color: var(--gold-light); font-family: var(--serif); }
.bar .detail { color: var(--muted); }
.order { background: linear-gradient(135deg, #E3CC9C 0%, #B8975A 100%); color: var(--ink); border-radius: 2px; }
.order:disabled { opacity: .35; }

/* 확인 창 */
.modal { background: rgba(5,9,18,.7); }
.modal .in { background: var(--navy); border: 1px solid var(--gold); border-radius: 4px; color: var(--text); }
.modal h3 { font-family: var(--serif); color: #fff; }
.modal ul { color: #C9CEDB; }
.modal ul b { color: var(--gold-light) !important; }

@media (max-width: 900px) {
  .side { background: #0A1120; border-bottom: 1px solid var(--line); }
  .logo img { width: 34px; height: 34px; }
}

/* ============================================================
   미래지향 디자인 (시안 B) — 위의 남색·금색을 덮어씀
   ============================================================ */
:root {
  --ink: #05070D; --navy: #0B0F1E; --navy2: #141A33; --gold: #3DF5FF; --gold-light: #7DF9FF;
  --serif: Pretendard, -apple-system, "Malgun Gothic", sans-serif;
  --point: #7DF9FF; --point-soft: rgba(61,245,255,.12); --sky: #E8FEFF;
  --text: #D9E2F2; --text2: #9FAACB; --muted: #8A95B8; --muted2: #8A95B8;
  --line: rgba(61,245,255,.22); --line2: rgba(255,255,255,.07); --bg: #05070D;
  --must-bg: rgba(123,92,255,.2); --must: #B9A8FF;
}
body { background: #05070D; }
body::before { content: ""; position: fixed; inset: 0; pointer-events: none; z-index: 0;
  background-image: linear-gradient(rgba(61,245,255,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(61,245,255,.05) 1px, transparent 1px);
  background-size: 56px 56px; -webkit-mask-image: radial-gradient(ellipse at 60% 20%, #000 30%, transparent 80%); mask-image: radial-gradient(ellipse at 60% 20%, #000 30%, transparent 80%); }
.main { position: relative; z-index: 1; background: radial-gradient(ellipse at 60% 0%, rgba(123,92,255,.22) 0%, rgba(61,245,255,.05) 35%, transparent 65%); }
.side { background: rgba(5,7,13,.9); border-right-color: rgba(61,245,255,.18); }
.logo img { box-shadow: 0 0 0 1px rgba(61,245,255,.6), 0 0 16px rgba(61,245,255,.4); }
.logo { font-family: Pretendard, sans-serif; font-weight: 800; }
.menu.on { background: linear-gradient(90deg, rgba(61,245,255,.16), rgba(123,92,255,.08)); color: #7DF9FF; box-shadow: inset 2px 0 0 #3DF5FF; }
.group { color: #3DF5FF; }
.top { background: rgba(5,7,13,.72); border-bottom-color: rgba(61,245,255,.18); }
.top .bell::after { background: #3DF5FF; box-shadow: 0 0 8px #3DF5FF; }
h1, .title h2, .modal h3 { font-weight: 800; letter-spacing: -1px; }
.card, .pick label, .out, .tier, .files li, .spk-card, .mode, .panel, .tabs, .modal .in { border-radius: 14px; }
.card { background: rgba(255,255,255,.04); border-color: rgba(61,245,255,.2); backdrop-filter: blur(10px); }
.num { background: linear-gradient(120deg, #3DF5FF, #7B5CFF); color: #05070D; box-shadow: 0 0 12px rgba(61,245,255,.5); }
.must { border-color: rgba(185,168,255,.4); }
.tabs { overflow: hidden; }
.tabs button.on { background: rgba(61,245,255,.12); color: #7DF9FF; }
.panel { border-color: rgba(61,245,255,.35); }
.panel.over { background: rgba(61,245,255,.1); border-color: #3DF5FF; box-shadow: 0 0 30px rgba(61,245,255,.2); }
.panel strong { font-family: Pretendard, sans-serif; font-weight: 800; color: #7DF9FF; }
.btn-point, .add-part { border-radius: 999px; }
.btn-point { background: linear-gradient(120deg, #3DF5FF, #7B5CFF); color: #05070D; }
.btn-point svg path { stroke: #05070D; }
.inline input, .field select, .memo, .info-grid input, .info-grid select, .files input { background: rgba(5,7,13,.8); border-color: rgba(61,245,255,.28); border-radius: 10px; }
.inline input:focus, .memo:focus, .info-grid input:focus { border-color: #3DF5FF; box-shadow: 0 0 0 3px rgba(61,245,255,.15); }
.pick input:checked + label, .out:has(input:checked), .tier.hit, .mode:has(input:checked) {
  background: linear-gradient(160deg, rgba(61,245,255,.14), rgba(123,92,255,.2)); border-color: #3DF5FF; box-shadow: 0 0 24px rgba(61,245,255,.2); }
.pick label .ic, .out .ic { background: rgba(61,245,255,.12); color: #7DF9FF; font-family: "Space Grotesk", Pretendard, sans-serif; }
.tier b { font-family: "Space Grotesk", Pretendard, sans-serif; }
.tier.hit b { color: #7DF9FF; }
.tag { background: rgba(61,245,255,.12); color: #7DF9FF; border-radius: 999px; }
.tag.etc { background: rgba(123,92,255,.18); color: #B9A8FF; }
.box { accent-color: #3DF5FF; }
.bar { background: rgba(5,7,13,.92); border-top-color: rgba(61,245,255,.2); z-index: 5; }
.bar .total { font-family: "Space Grotesk", Pretendard, sans-serif; background: linear-gradient(90deg, #E8FEFF, #3DF5FF); -webkit-background-clip: text; background-clip: text; color: transparent; }
.order { background: linear-gradient(120deg, #3DF5FF 0%, #7B5CFF 100%); color: #05070D; border-radius: 999px; box-shadow: 0 0 24px rgba(61,245,255,.35); }
.modal .in { background: rgba(11,15,30,.96); border-color: #3DF5FF; box-shadow: 0 0 40px rgba(61,245,255,.25); }
.modal ul b { color: #7DF9FF !important; }
.hint, .info-grid .label em { color: #FF9EC4; }


/* ============================================================
   AI 느낌 빼기 — 번지는 색·빛나는 효과·유리 카드 없이, 한 가지 포인트색만
   ============================================================ */
:root { --gold: #5CD6E0; --gold-light: #5CD6E0; --ink: #0B0D10; --navy: #14171C; --navy2: #191D23; --line: #262B33; --muted: #7C8594; }
body { background: #0B0D10 !important; color: #E9ECF1; }
body::before { display: none !important; }
* { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
/* 글자에 번지는 색 → 한 가지 색 */
.big em, .s4 .big span:nth-child(2), .sp .price b, .stat b, .why-no, .sec-title .gold, .faq-item summary .q, .thumb span, .top h1 em, #count, .bar .total, .s3 .swap {
  background: none !important; -webkit-background-clip: border-box !important; background-clip: border-box !important;
  -webkit-text-fill-color: currentColor !important; color: #5CD6E0 !important; filter: none !important; text-shadow: none !important; }
.stat b, .bar .total { color: #fff !important; }
/* 빛나는 그림자 없애기 */
.use, .quick a, .order, .btn1, .cta-box a, .num, .btn-point, .logo img, .live-head .dot, .float a, .float .call, .float .branch, .pin, .map-tip, .map-reset,
.logo-item, .logo-item:hover, .live, .stats, .rv, .why-card, .why-card:hover, .faq-item, .faq-item[open], .loc-item, .loc-item.on, .loc-map,
.card, .card:hover, .col-card, .col-card:hover, .feature, .feature:hover, .lp, .mic, .doc, .s4 .mark, .modal .in, .panel.over,
.pick input:checked + label, .out:has(input:checked), .tier.hit, .mode:has(input:checked), .quick.stuck, .tabs button.on, .col-tabs button.on, .loc-tabs button.on, .faq-tabs button.on {
  box-shadow: none !important; filter: none !important; text-shadow: none !important; }
.gnb a:hover, .gnb a.on { text-shadow: none !important; color: #5CD6E0; }
.gnb a::after { background: #5CD6E0 !important; }
/* 버튼: 번지는 색 → 한 가지 색, 덜 둥글게 */
.use, .quick a, .order, .btn1, .cta-box a, .btn-point, .loc-tabs button.on, .faq-tabs button.on, .col-tabs button.on, .tabs button.on, .rv-tabs button.on {
  background: #5CD6E0 !important; color: #071214 !important; border-color: #5CD6E0 !important; border-radius: 6px !important; }
.use:hover, .quick a:hover, .order:hover, .btn1:hover, .cta-box a:hover { background: #fff !important; color: #071214 !important; }
.loc-tabs button, .faq-tabs button, .col-tabs button, .tabs button, .btn2, .tools button, .card .acts a, .loc-item .acts a, .add-part { border-radius: 6px !important; border-color: #323843 !important; }
.num { background: #5CD6E0 !important; color: #071214 !important; }
.eyebrow::before, .eyebrow::after, .sec-head .eyebrow::after { display: none !important; }
.eyebrow { letter-spacing: 1px !important; color: #5CD6E0 !important; font-size: 14px !important; }
/* 카드: 유리 → 그냥 어두운 판 */
.live, .rv, .why-card, .faq-item, .loc-item, .loc-map, .card, .col-card, .feature, .w-box, .preview, .hq, .cta-box, .stats {
  background: #14171C !important; border: 1px solid #262B33 !important; border-radius: 8px !important; }
.loc-item.on, .card.main, .faq-item[open] { border-color: #5CD6E0 !important; background: #191D23 !important; }
.why-card::before { background: #5CD6E0 !important; opacity: 1; height: 3px; }
.why-card:hover, .card:hover, .col-card:hover, .logo-item:hover { transform: none !important; border-color: #323843 !important; }
.worry { background: #191D23 !important; color: #E9ECF1 !important; border-left: 3px solid #5CD6E0; border-radius: 4px !important; }
.stats::before { display: none !important; }
.stat span { color: #A3ABB8 !important; }
.rv::before { color: #5CD6E0 !important; }
.rv .stars, .rv .kind, .loc-item .rg, .loc-more a, .cat, .card .region, .logo small, .group, .back, .body-txt h3, .fld > span, .note b, .hq b, .f-contact b, .footer b, .tel { color: #5CD6E0 !important; }
.st { border-radius: 4px; }
.header, .top { background: rgba(11,13,16,.96) !important; border-bottom-color: #262B33 !important; }
.quick { background: #14171C !important; border-top: 1px solid #262B33 !important; border-bottom: 1px solid #262B33 !important; }
.quick span b { color: #5CD6E0 !important; }
.logo img { box-shadow: none !important; }
.toast { background: #5CD6E0 !important; color: #071214 !important; }
.footer { background: #08090B !important; border-top-color: #262B33 !important; }
.float .call, .float .branch { background: #14171C !important; color: #E9ECF1 !important; border: 1px solid #323843 !important; }
.landing, .reviews, .location, .why, .faq { background: transparent !important; border-top-color: #262B33 !important; }
/* 고객사 명패: 기울기·빛 없이 반듯하게 */
.logo-item { transform: none !important; border-radius: 8px !important; border: 1px solid #E3E6EA !important; background: #FFFFFF !important; }
.logo-item.dark { background: #1B2030 !important; border-color: #262B33 !important; }
.loc-item h3 .badge, .card h2 .badge { background: #5CD6E0 !important; color: #071214 !important; }
.thumb { background: #191D23 !important; }
.thumb::before { border-color: #323843 !important; }
.live-head { border-bottom-color: #323843 !important; }
.live-head .dot { background: #E5484D !important; }

.side { background: #090A0D !important; border-right-color: #262B33 !important; }
.menu.on { background: #14171C !important; color: #fff !important; box-shadow: inset 2px 0 0 #5CD6E0 !important; }
.main { background: #0B0D10 !important; }
.card { border-radius: 8px !important; }
.panel { background: #191D23 !important; border: 1px dashed #323843 !important; border-radius: 8px !important; }
.panel strong { color: #fff !important; }
.pick label, .out, .tier, .files li, .spk-card, .mode { background: #191D23 !important; border-color: #262B33 !important; border-radius: 6px !important; }
.pick input:checked + label, .out:has(input:checked), .tier.hit, .mode:has(input:checked) { background: #1B2A2E !important; border-color: #5CD6E0 !important; }
.pick label .ic, .out .ic { background: #0B0D10 !important; color: #5CD6E0 !important; border: 1px solid #323843; }
.tier.hit b { color: #5CD6E0 !important; }
.out .ic { width: auto !important; min-width: 40px; height: 26px !important; padding: 0 8px; border-radius: 4px !important; font-size: 12px !important; font-family: Pretendard, sans-serif !important; }
.tag { background: #0B0D10 !important; color: #A3ABB8 !important; border: 1px solid #323843; border-radius: 4px !important; }
.tag.etc { color: #F0B98C !important; }
.must { background: transparent !important; color: #A3ABB8 !important; border: 1px solid #323843 !important; }
.inline input, .field select, .memo, .info-grid input, .info-grid select, .files input { background: #0B0D10 !important; border-color: #323843 !important; border-radius: 6px !important; }
.inline input:focus, .memo:focus, .info-grid input:focus { border-color: #5CD6E0 !important; box-shadow: none !important; }
.bar { background: #090A0D !important; border-top-color: #262B33 !important; }
.modal .in { background: #14171C !important; border: 1px solid #323843 !important; }
.modal ul b { color: #fff !important; }
.tabs button.on { background: #191D23 !important; color: #fff !important; border-color: transparent !important; box-shadow: inset 0 -2px 0 #5CD6E0 !important; }

/* ===== 왼쪽 메뉴 원스톱 로고: 아까 모양 그대로 ===== */
.logo img { background: #fff !important; border-radius: 50% !important; padding: 5px !important; object-fit: contain;
  box-shadow: 0 0 0 1px rgba(92,214,224,.6), 0 0 16px rgba(92,214,224,.4) !important; }

/* ===== 원스톱 로고 (속기법인 원스톱, 어두운 바탕용) ===== */
.logo img.full { background: none !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; width: 150px !important; height: auto !important; }
@media (max-width: 900px) { .logo img.full { width: auto !important; height: 40px !important; } }


/* ============================================================
   색 C · 차분한 남색 (확정) — 번지는 색·빛나는 효과·유리 카드 없이, 한 가지 포인트색만
   ============================================================ */
:root {
  --gold: #8FB4FF; --gold-light: #8FB4FF; --ink: #0D1420; --navy: #141D2B; --navy2: #1A2536; --line: #253247; --muted: #7D899C;
  --point: #8FB4FF; --point-soft: rgba(143,180,255,.12); --sky: #C5D6FF;
  --text: #E8EDF5; --text2: #A6B1C3; --muted2: #7D899C;
  --line2: rgba(255,255,255,.08); --bg: #0D1420;
  --must-bg: rgba(143,180,255,.14); --must: #8FB4FF;
}
body { background: #0D1420 !important; color: #E8EDF5 !important; }
body::before { display: none !important; }
* { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
/* 글자에 번지는 색 → 한 가지 색 */
.big em, .s4 .big span:nth-child(2), .sp .price b, .stat b, .why-no, .sec-title .gold, .faq-item summary .q, .thumb span, .top h1 em, #count, .bar .total, .s3 .swap {
  background: none !important; -webkit-background-clip: border-box !important; background-clip: border-box !important;
  -webkit-text-fill-color: currentColor !important; color: #8FB4FF !important; filter: none !important; text-shadow: none !important; }
.stat b, .bar .total { color: #fff !important; }
/* 빛나는 그림자 없애기 */
.use, .quick a, .order, .btn1, .cta-box a, .num, .btn-point, .logo img, .live-head .dot, .float a, .float .call, .float .branch, .pin, .map-tip, .map-reset,
.logo-item, .logo-item:hover, .live, .stats, .rv, .why-card, .why-card:hover, .faq-item, .faq-item[open], .loc-item, .loc-item.on, .loc-map,
.card, .card:hover, .col-card, .col-card:hover, .feature, .feature:hover, .lp, .mic, .doc, .s4 .mark, .modal .in, .panel.over,
.pick input:checked + label, .out:has(input:checked), .tier.hit, .mode:has(input:checked), .quick.stuck, .tabs button.on, .col-tabs button.on, .loc-tabs button.on, .faq-tabs button.on {
  box-shadow: none !important; filter: none !important; text-shadow: none !important; }
.gnb a:hover, .gnb a.on { text-shadow: none !important; color: #8FB4FF; }
.gnb a::after { background: #8FB4FF !important; }
/* 버튼: 번지는 색 → 한 가지 색, 덜 둥글게 */
.use, .quick a, .order, .btn1, .cta-box a, .btn-point, .loc-tabs button.on, .faq-tabs button.on, .col-tabs button.on, .tabs button.on, .rv-tabs button.on {
  background: #8FB4FF !important; color: #0B1222 !important; border-color: #8FB4FF !important; border-radius: 6px !important; }
.use:hover, .quick a:hover, .order:hover, .btn1:hover, .cta-box a:hover { background: #fff !important; color: #0B1222 !important; }
.loc-tabs button, .faq-tabs button, .col-tabs button, .tabs button, .btn2, .tools button, .card .acts a, .loc-item .acts a, .add-part { border-radius: 6px !important; border-color: #314159 !important; }
.num { background: #8FB4FF !important; color: #0B1222 !important; }
.eyebrow::before, .eyebrow::after, .sec-head .eyebrow::after { display: none !important; }
.eyebrow { letter-spacing: 1px !important; color: #8FB4FF !important; font-size: 14px !important; }
/* 카드: 유리 → 그냥 어두운 판 */
.live, .rv, .why-card, .faq-item, .loc-item, .loc-map, .card, .col-card, .feature, .w-box, .preview, .hq, .cta-box, .stats {
  background: #141D2B !important; border: 1px solid #253247 !important; border-radius: 8px !important; }
.loc-item.on, .card.main, .faq-item[open] { border-color: #8FB4FF !important; background: #1A2536 !important; }
.why-card::before { background: #8FB4FF !important; opacity: 1; height: 3px; }
.why-card:hover, .card:hover, .col-card:hover, .logo-item:hover { transform: none !important; border-color: #314159 !important; }
.worry { background: #1A2536 !important; color: #E8EDF5 !important; border-left: 3px solid #8FB4FF; border-radius: 4px !important; }
.stats::before { display: none !important; }
.stat span { color: #A6B1C3 !important; }
.rv::before { color: #8FB4FF !important; }
.rv .stars, .rv .kind, .loc-item .rg, .loc-more a, .cat, .card .region, .logo small, .group, .back, .body-txt h3, .fld > span, .note b, .hq b, .f-contact b, .footer b, .tel { color: #8FB4FF !important; }
.st { border-radius: 4px; }
.header, .top { background: rgba(11,13,16,.96) !important; border-bottom-color: #253247 !important; }
.quick { background: #141D2B !important; border-top: 1px solid #253247 !important; border-bottom: 1px solid #253247 !important; }
.quick span b { color: #8FB4FF !important; }
.logo img { box-shadow: none !important; }
.toast { background: #8FB4FF !important; color: #0B1222 !important; }
.footer { background: #08090B !important; border-top-color: #253247 !important; }
.float .call, .float .branch { background: #141D2B !important; color: #E8EDF5 !important; border: 1px solid #314159 !important; }
.landing, .reviews, .location, .why, .faq { background: transparent !important; border-top-color: #253247 !important; }
/* 고객사 명패: 기울기·빛 없이 반듯하게 */
.logo-item { transform: none !important; border-radius: 8px !important; border: 1px solid #E3E6EA !important; background: #FFFFFF !important; }
.logo-item.dark { background: #1B2030 !important; border-color: #253247 !important; }
.loc-item h3 .badge, .card h2 .badge { background: #8FB4FF !important; color: #0B1222 !important; }
.thumb { background: #1A2536 !important; }
.thumb::before { border-color: #314159 !important; }
.live-head { border-bottom-color: #314159 !important; }
.live-head .dot { background: #E5484D !important; }

.side { background: #090A0D !important; border-right-color: #253247 !important; }
.menu.on { background: #141D2B !important; color: #fff !important; box-shadow: inset 2px 0 0 #8FB4FF !important; }
.main { background: #0D1420 !important; }
.card { border-radius: 8px !important; }
.panel { background: #1A2536 !important; border: 1px dashed #314159 !important; border-radius: 8px !important; }
.panel strong { color: #fff !important; }
.pick label, .out, .tier, .files li, .spk-card, .mode { background: #1A2536 !important; border-color: #253247 !important; border-radius: 6px !important; }
.pick input:checked + label, .out:has(input:checked), .tier.hit, .mode:has(input:checked) { background: #1B2A2E !important; border-color: #8FB4FF !important; }
.pick label .ic, .out .ic { background: #0D1420 !important; color: #8FB4FF !important; border: 1px solid #314159; }
.tier.hit b { color: #8FB4FF !important; }
.out .ic { width: auto !important; min-width: 40px; height: 26px !important; padding: 0 8px; border-radius: 4px !important; font-size: 12px !important; font-family: Pretendard, sans-serif !important; }
.tag { background: #0D1420 !important; color: #A6B1C3 !important; border: 1px solid #314159; border-radius: 4px !important; }
.tag.etc { color: #F0B98C !important; }
.must { background: transparent !important; color: #A6B1C3 !important; border: 1px solid #314159 !important; }
.inline input, .field select, .memo, .info-grid input, .info-grid select, .files input { background: #0D1420 !important; border-color: #314159 !important; border-radius: 6px !important; }
.inline input:focus, .memo:focus, .info-grid input:focus { border-color: #8FB4FF !important; box-shadow: none !important; }
.bar { background: #090A0D !important; border-top-color: #253247 !important; }
.modal .in { background: #141D2B !important; border: 1px solid #314159 !important; }
.modal ul b { color: #fff !important; }
.tabs button.on { background: #1A2536 !important; color: #fff !important; border-color: transparent !important; box-shadow: inset 0 -2px 0 #8FB4FF !important; }

.header, .top { background: rgba(13,20,32,0.96) !important; }
.s1 { background: radial-gradient(ellipse at 75% 50%, #1A2536 0%, #0D1420 70%) !important; }
.pin-halo { fill: rgba(143,180,255,0.2) !important; }
.logo-item { border-color: #253247 !important; }
.logo img.full { background: none !important; box-shadow: none !important; padding: 0 !important; border-radius: 0 !important; }
.side { background: #0A101A !important; }
.bar { background: #0A101A !important; }
.footer { background: #0A0F18 !important; }

/* 개인정보 동의 */
.agree { display: flex; gap: 10px; align-items: flex-start; margin-top: 18px; padding: 14px 16px; border: 1px solid var(--line); border-radius: 8px; font-size: 13px; color: var(--text2); line-height: 1.6; cursor: pointer; }
.agree b { color: var(--text); font-size: 14px; }
.agree input { margin-top: 3px; }

/* 리뷰 할인 체크 칸 (주문자 정보 아래) */
.review-deal { margin-top: 18px; border: 1px solid #314159; border-radius: 8px; background: #1A2536; overflow: hidden; }
.review-deal .rd-hd { padding: 13px 16px; border-bottom: 1px solid #253247; display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; }
.review-deal .rd-hd b { font-size: 15px; color: #E8EDF5; }
.review-deal .rd-hd span { font-size: 13px; color: #A6B1C3; }
.review-deal .rd-row { display: flex; align-items: flex-start; gap: 12px; padding: 13px 16px; cursor: pointer; }
.review-deal .rd-row + .rd-row { border-top: 1px solid #253247; }
.review-deal .rd-row input { margin-top: 3px; flex: none; }
.review-deal .rd-txt { flex: 1; min-width: 0; }
.review-deal .rd-txt b { display: block; font-size: 14.5px; color: #E8EDF5; }
.review-deal .rd-txt small { display: block; margin-top: 3px; font-size: 12.5px; color: #A6B1C3; line-height: 1.5; }
.review-deal .rd-amt { flex: none; font-weight: 700; font-size: 14.5px; color: #8FB4FF; white-space: nowrap; }
.review-deal .rd-row:has(input:checked) { background: rgba(143,180,255,.07); }