@charset "utf-8";
/* ==================================================================
   매직원 - 풀오토 이커머스 셀링 솔루션 매직원풀오토 랜딩페이지
   ================================================================== */

:root{
	--ink:#0c1a2b;
	--ink-2:#14293f;
	--ink-3:#24405e;
	--text:#1f2a37;
	--muted:#5d6b7e;
	--muted-2:#8794a5;
	--line:#e4e9f0;
	--line-2:#eef2f7;
	--bg:#ffffff;
	--bg-soft:#f6f8fb;
	--accent:#e04e2f;
	--accent-dark:#c33f22;
	--accent-soft:#fdf1ee;
	--radius:14px;
	--radius-sm:10px;
	--shadow-sm:0 1px 2px rgba(16,32,52,.06), 0 2px 8px rgba(16,32,52,.05);
	--shadow-md:0 6px 24px rgba(16,32,52,.09);
	--shadow-lg:0 18px 50px rgba(12,26,43,.16);
	--max:1160px;
}

*{ box-sizing:border-box; }

html{ scroll-behavior:smooth; }

body{
	margin:0;
	background:var(--bg);
	color:var(--text);
	font-family:'Pretendard Variable', Pretendard, -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Malgun Gothic', '맑은 고딕', system-ui, sans-serif;
	font-size:16px;
	line-height:1.65;
	letter-spacing:-.015em;
	-webkit-font-smoothing:antialiased;
	word-break:keep-all;
}

img{ max-width:100%; }
a{ color:inherit; text-decoration:none; }
h1,h2,h3,h4,p,ul,ol,figure{ margin:0; }
ul,ol{ padding:0; list-style:none; }
button{ font:inherit; cursor:pointer; }
em{ font-style:normal; }

section[id]{ scroll-margin-top:84px; }

.container{ width:100%; max-width:var(--max); margin:0 auto; padding:0 24px; }
.container-narrow{ max-width:860px; }
.center{ text-align:center; }

.ic{ width:20px; height:20px; flex:none; display:inline-block; vertical-align:middle; }

/* ---------- 버튼 ---------- */
.btn{
	display:inline-flex; align-items:center; justify-content:center; gap:8px;
	height:48px; padding:0 22px;
	border:1px solid transparent; border-radius:var(--radius-sm);
	font-size:15px; font-weight:600; letter-spacing:-.02em;
	transition:background .16s ease, border-color .16s ease, color .16s ease, transform .16s ease;
	white-space:nowrap;
}
.btn-sm{ height:40px; padding:0 16px; font-size:14px; }
.btn-lg{ height:56px; padding:0 30px; font-size:16.5px; }
.btn-block{ display:flex; width:100%; }

.btn-primary{ background:var(--accent); color:#fff; box-shadow:0 6px 18px rgba(224,78,47,.24); }
.btn-primary:hover{ background:var(--accent-dark); }

.btn-outline{ background:#fff; color:var(--ink); border-color:var(--line); }
.btn-outline:hover{ border-color:var(--muted-2); }

.btn-ghost{ background:rgba(255,255,255,.08); color:#fff; border-color:rgba(255,255,255,.28); }
.btn-ghost:hover{ background:rgba(255,255,255,.16); }

/* ==================================================================
   헤더
   ================================================================== */
.site-header{
	position:sticky; top:0; z-index:60;
	background:rgba(255,255,255,.92);
	backdrop-filter:saturate(180%) blur(12px);
	border-bottom:1px solid var(--line-2);
}
.header-inner{ display:flex; align-items:center; gap:28px; height:68px; }

.brand{ display:flex; align-items:baseline; gap:8px; flex:none; }
.brand-mark{ font-size:20px; font-weight:800; letter-spacing:-.04em; color:var(--ink); }
.brand-sub{
	font-size:12px; font-weight:700; color:var(--accent);
	padding:3px 7px; border:1px solid rgba(224,78,47,.28); border-radius:5px; background:var(--accent-soft);
	letter-spacing:-.02em;
}

.gnb{ display:flex; align-items:center; gap:19px; margin-left:6px; }
.gnb a{ font-size:14.3px; font-weight:500; color:var(--muted); transition:color .15s; }
.gnb a:hover{ color:var(--ink); }

.header-cta{ margin-left:auto; }

.nav-toggle{
	display:none; margin-left:auto;
	width:42px; height:42px; border:1px solid var(--line); border-radius:9px; background:#fff;
	flex-direction:column; align-items:center; justify-content:center; gap:4px;
}
.nav-toggle span{ display:block; width:17px; height:1.8px; background:var(--ink); border-radius:2px; transition:.2s; }

.mobile-nav{ display:none; border-top:1px solid var(--line-2); background:#fff; padding:6px 0 12px; }
.mobile-nav.is-open{ display:block; }
.mobile-nav a{ display:block; padding:12px 24px; font-size:15.5px; font-weight:500; color:var(--text); border-bottom:1px solid var(--line-2); }

/* ==================================================================
   HERO
   ================================================================== */
.hero{
	background:
		radial-gradient(900px 420px at 88% -10%, rgba(224,78,47,.22), transparent 60%),
		linear-gradient(160deg, #0c1a2b 0%, #15304b 60%, #12273d 100%);
	color:#fff;
	padding:86px 0 96px;
	overflow:hidden;
}
.hero-inner{ display:grid; grid-template-columns:1.05fr .95fr; gap:56px; align-items:center; }

.eyebrow{
	display:inline-block; margin-bottom:18px;
	font-size:13px; font-weight:700; letter-spacing:.02em;
	color:#ffd9cf; background:rgba(224,78,47,.18);
	border:1px solid rgba(224,78,47,.38);
	padding:6px 13px; border-radius:100px;
}
.hero-title{
	font-size:38px; line-height:1.36; font-weight:800; letter-spacing:-.04em; color:#fff;
}
.hero-title em{ color:#ff8f70; }
.ht-lead{ display:block; font-size:1.22em; line-height:1.25; margin-bottom:10px; letter-spacing:-.045em; }
.hero-markets{
	display:flex; align-items:flex-start; gap:12px; margin-top:22px;
	padding:14px 16px; border-radius:12px;
	background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.14);
}
.hm-label{
	flex:none; margin-top:3px;
	font-size:11.5px; font-weight:800; letter-spacing:.04em; color:#0c1a2b;
	background:#fff; border-radius:6px; padding:4px 9px;
}
.hm-list{ display:flex; flex-wrap:wrap; gap:6px 7px; }
.hm-list li{
	font-size:13.2px; font-weight:600; letter-spacing:-.02em;
	color:rgba(255,255,255,.88);
	background:rgba(255,255,255,.09); border:1px solid rgba(255,255,255,.16);
	border-radius:6px; padding:4px 9px;
}
.hm-list .hm-more{
	color:#ffb199; background:rgba(224,78,47,.16); border-color:rgba(255,143,112,.45);
}

.hero-sub{
	margin-top:20px; font-size:19px; line-height:1.68; letter-spacing:-.03em;
	color:rgba(255,255,255,.8); max-width:600px;
	padding-left:16px; border-left:3px solid rgba(224,78,47,.75);
}
.hero-sub strong{ color:#fff; font-weight:700; }
.br-m{ display:none; }

/* 수익 강조 */
.hero-earn{
	display:flex; align-items:center; gap:14px; margin-top:26px;
	padding:18px 22px; border-radius:14px;
	background:linear-gradient(100deg, rgba(224,78,47,.22) 0%, rgba(224,78,47,.06) 100%);
	border:1px solid rgba(255,143,112,.42);
}
.earn-tag{
	flex:none; font-size:11.5px; font-weight:800; letter-spacing:.06em;
	color:#0c1a2b; background:#ff8f70; border-radius:100px; padding:5px 11px;
}
.earn-copy{ font-size:19px; font-weight:700; line-height:1.5; letter-spacing:-.035em; color:#fff; }
.earn-copy b{ color:#ffb199; font-weight:800; }

.hero-zero{
	display:grid; grid-template-columns:repeat(4,1fr); gap:8px; margin-top:12px;
}
.hero-zero li{
	display:flex; flex-direction:column; align-items:center; gap:3px;
	padding:11px 6px; border-radius:10px;
	background:rgba(255,255,255,.055); border:1px solid rgba(255,255,255,.13);
	text-align:center;
}
.hero-zero span{ font-size:12.3px; color:rgba(255,255,255,.62); letter-spacing:-.02em; }
.hero-zero b{ font-size:15.5px; font-weight:800; color:#ff8f70; letter-spacing:-.03em; }

.hero-actions{ display:flex; flex-wrap:wrap; gap:12px; margin-top:28px; }

.hero-points{ display:flex; flex-wrap:wrap; gap:10px 26px; margin-top:32px; }
.hero-points li{ display:flex; align-items:center; gap:8px; font-size:14.5px; color:rgba(255,255,255,.72); }
.hero-points .ic{ width:17px; height:17px; color:#ff8f70; }

/* 히어로 패널 */
.hero-panel{ position:relative; }
.panel-card{
	background:rgba(255,255,255,.055);
	border:1px solid rgba(255,255,255,.14);
	border-radius:18px;
	padding:24px;
	box-shadow:var(--shadow-lg);
	backdrop-filter:blur(6px);
}
.panel-head{ display:flex; align-items:center; justify-content:space-between; padding-bottom:16px; border-bottom:1px solid rgba(255,255,255,.12); }
.panel-title{ font-size:15px; font-weight:700; color:#fff; }
.panel-badge{
	font-size:11.5px; font-weight:700; color:#7ee0b0;
	background:rgba(126,224,176,.12); border:1px solid rgba(126,224,176,.34);
	padding:3px 9px; border-radius:100px;
}
.panel-metrics{ display:grid; grid-template-columns:repeat(3,1fr); gap:10px; padding:20px 0; border-bottom:1px solid rgba(255,255,255,.12); }
.metric{ display:flex; flex-direction:column; gap:4px; }
.metric-label{ font-size:12px; color:rgba(255,255,255,.55); }
.metric-value{ font-size:19px; font-weight:800; color:#fff; letter-spacing:-.03em; }
.metric-value span{ font-size:12px; font-weight:600; color:rgba(255,255,255,.6); margin-left:2px; }

.panel-rows{ padding-top:16px; display:flex; flex-direction:column; gap:12px; }
.panel-row{ display:flex; align-items:center; gap:10px; font-size:14px; color:rgba(255,255,255,.85); }
.panel-row .row-name{ flex:1; }
.panel-row .row-state{ font-size:12.5px; color:#7ee0b0; font-weight:600; }
.panel-row.muted .row-state{ color:rgba(255,255,255,.4); }
.panel-row-none{ margin-top:2px; padding-top:11px; border-top:1px dashed rgba(255,255,255,.18); }
.panel-row-none .row-name{ color:#fff; font-weight:600; }
.panel-row-none .row-state{ font-size:13.5px; font-weight:800; color:#ff8f70; }
.dot{ width:8px; height:8px; border-radius:50%; background:rgba(255,255,255,.25); flex:none; }
.dot-on{ background:#7ee0b0; box-shadow:0 0 0 4px rgba(126,224,176,.14); }

/* ==================================================================
   신뢰 스트립
   ================================================================== */
.trust{ background:var(--bg-soft); border-bottom:1px solid var(--line-2); }
.trust-inner{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; padding:26px 24px; }
.trust-item{ display:flex; flex-direction:column; gap:2px; text-align:center; }
.trust-item strong{ font-size:19px; font-weight:800; color:var(--ink); letter-spacing:-.03em; }
.trust-item span{ font-size:13.5px; color:var(--muted); }

/* ==================================================================
   공통 섹션
   ================================================================== */
.section{ padding:92px 0; }
.section-head{ max-width:720px; margin:0 auto 48px; text-align:center; }
.section-eyebrow{ font-size:13.5px; font-weight:700; color:var(--accent); letter-spacing:.02em; margin-bottom:12px; }
.section-eyebrow.light{ color:#ff9578; text-align:left; }
.section-title{ font-size:34px; font-weight:800; letter-spacing:-.04em; color:var(--ink); line-height:1.32; }
.section-lead{ margin-top:14px; font-size:16.5px; color:var(--muted); }
.section-lead strong{ color:var(--ink); font-weight:700; }

.grid{ display:grid; gap:20px; }
.grid-3{ grid-template-columns:repeat(3,1fr); }

/* ---------- 등록 마켓 ---------- */
.section-compact{ padding:54px 0; }
.markets{ border-bottom:1px solid var(--line-2); }
.markets-head{ text-align:center; margin-bottom:26px; }
.markets-head .section-eyebrow{ margin-bottom:8px; }
.markets-title{ font-size:23px; font-weight:800; color:var(--ink); letter-spacing:-.04em; line-height:1.4; }
.market-list{ display:flex; flex-wrap:wrap; justify-content:center; gap:10px; }
.market-chip{
	display:inline-flex; align-items:center; height:42px; padding:0 20px;
	border:1px solid var(--line); border-radius:100px; background:#fff;
	font-size:15px; font-weight:700; color:var(--ink); letter-spacing:-.03em;
	box-shadow:var(--shadow-sm);
	transition:border-color .16s ease, color .16s ease, transform .16s ease;
}
.market-chip:hover{ border-color:rgba(224,78,47,.45); color:var(--accent); transform:translateY(-2px); }
.market-more{ margin-top:20px; text-align:center; font-size:14.5px; color:var(--muted); }
.market-more b{ color:var(--accent); font-weight:700; }

/* ---------- 문제제기 ---------- */
.problems{ background:var(--bg-soft); }
.prob-card{
	background:#fff; border:1px solid var(--line); border-radius:var(--radius);
	padding:30px 26px; box-shadow:var(--shadow-sm);
}
.prob-no{ display:inline-block; font-size:13px; font-weight:800; color:var(--accent); letter-spacing:.06em; margin-bottom:12px; }
.prob-card h3{ font-size:18.5px; font-weight:700; color:var(--ink); letter-spacing:-.03em; margin-bottom:10px; }
.prob-card p{ font-size:15px; color:var(--muted); line-height:1.7; }

/* ---------- 핵심기능 ---------- */
.feat-card{
	border:1px solid var(--line); border-radius:var(--radius);
	padding:32px 28px; background:#fff;
	transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.feat-card:hover{ border-color:#d6dfeb; box-shadow:var(--shadow-md); transform:translateY(-3px); }
.feat-ic{
	display:inline-flex; align-items:center; justify-content:center;
	width:46px; height:46px; border-radius:12px;
	background:var(--accent-soft); color:var(--accent);
	margin-bottom:18px;
}
.feat-ic .ic{ width:23px; height:23px; }
.feat-card h3{ font-size:19px; font-weight:700; color:var(--ink); letter-spacing:-.03em; margin-bottom:10px; }
.feat-card p{ font-size:15px; color:var(--muted); line-height:1.72; }

/* ---------- 시스템 / 운영팀 분담 ---------- */
.ops-wrap{ display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.ops-col{
	background:#fff; border:1px solid var(--line); border-radius:18px;
	padding:32px 30px; display:flex; flex-direction:column;
}
.ops-col-accent{ border-color:rgba(224,78,47,.34); background:linear-gradient(180deg,#fff8f6 0%,#fff 38%); }
.ops-head{ display:flex; align-items:center; gap:14px; padding-bottom:20px; margin-bottom:22px; border-bottom:1px solid var(--line); }
.ops-ic{
	width:48px; height:48px; border-radius:13px; flex:none;
	display:flex; align-items:center; justify-content:center;
	background:var(--ink); color:#fff;
}
.ops-col-accent .ops-ic{ background:var(--accent); }
.ops-ic .ic{ width:24px; height:24px; }
.ops-tag{ display:block; font-size:11.5px; font-weight:800; letter-spacing:.1em; color:var(--muted-2); margin-bottom:2px; }
.ops-col-accent .ops-tag{ color:var(--accent); }
.ops-head h3{ font-size:20px; font-weight:800; color:var(--ink); letter-spacing:-.035em; }
.ops-list{ display:flex; flex-direction:column; gap:15px; }
.ops-list li{ display:flex; gap:10px; font-size:14.8px; color:var(--muted); line-height:1.62; }
.ops-list .ic{ width:19px; height:19px; color:var(--accent); margin-top:3px; }
.ops-list b{ display:block; color:var(--ink); font-weight:700; font-size:15.4px; margin-bottom:1px; }
.ops-note{
	margin-top:auto; padding:15px 17px; border-radius:11px;
	background:var(--accent-soft); color:#a33d22;
	font-size:14px; line-height:1.65;
}
.ops-note b{ font-weight:700; }
.ops-result{ margin-top:28px; text-align:center; font-size:17.5px; font-weight:600; color:var(--ink); letter-spacing:-.03em; }
.ops-result b{ color:var(--accent); font-weight:800; }

/* ---------- 회사소개 ---------- */
.company{
	background:#fff; border:1px solid var(--line); border-radius:20px;
	padding:44px 46px; margin-bottom:20px; box-shadow:var(--shadow-sm);
}
.company-head{ padding-bottom:30px; margin-bottom:32px; border-bottom:1px solid var(--line); }
.company-hello{ font-size:15px; color:var(--muted); margin-bottom:8px; }
.company-name{ font-size:30px; font-weight:800; color:var(--ink); letter-spacing:-.045em; line-height:1.3; }
.company-name span{
	display:inline-block; margin-left:9px; vertical-align:3px;
	font-size:12.5px; font-weight:800; letter-spacing:.08em;
	color:var(--accent); background:var(--accent-soft);
	border:1px solid rgba(224,78,47,.26); border-radius:6px; padding:3px 8px;
}
.company-intro{ margin-top:14px; font-size:17px; line-height:1.7; color:var(--muted); letter-spacing:-.03em; }
.company-intro b{ color:var(--ink); font-weight:700; }

.tech-chips{ display:flex; flex-wrap:wrap; gap:8px; margin-top:22px; }
.tech-chips li{
	font-size:12.8px; font-weight:600; letter-spacing:-.02em;
	color:var(--ink-3); background:var(--bg-soft);
	border:1px solid var(--line); border-radius:7px; padding:6px 12px;
}

.company-grid{ display:grid; grid-template-columns:1fr 1fr; gap:28px 34px; }
.company-block{ position:relative; padding-left:44px; }
.cb-no{
	position:absolute; left:0; top:1px;
	width:30px; height:30px; border-radius:9px;
	display:flex; align-items:center; justify-content:center;
	background:var(--ink); color:#fff;
	font-size:12px; font-weight:800; letter-spacing:.02em;
}
.company-block:nth-child(6) .cb-no{ background:var(--accent); }
.company-outro{
	margin-top:34px; padding:22px 26px; border-radius:14px;
	background:var(--ink); color:rgba(255,255,255,.82);
	font-size:16px; line-height:1.7; letter-spacing:-.03em; text-align:center;
}
.company-outro b{ color:#ff9578; font-weight:700; }
.company-block h4{ font-size:18px; font-weight:700; color:var(--ink); letter-spacing:-.035em; margin-bottom:10px; padding-top:4px; }
.company-block p{ font-size:15px; line-height:1.82; color:var(--muted); }
.company-block b{ color:var(--ink); font-weight:700; }


.about{ background:var(--bg-soft); }
.about-wrap{ display:grid; grid-template-columns:1fr 1fr; gap:20px; align-items:stretch; }
.about-card{
	background:#fff; border:1px solid var(--line); border-radius:18px;
	padding:34px 30px; box-shadow:var(--shadow-sm);
	display:flex; flex-direction:column;
}
.about-card-accent{ border-color:rgba(224,78,47,.3); }
.about-ic{
	width:50px; height:50px; border-radius:14px; margin-bottom:20px;
	display:flex; align-items:center; justify-content:center;
	background:var(--ink); color:#fff;
}
.about-card-accent .about-ic{ background:var(--accent); }
.about-ic .ic{ width:25px; height:25px; }
.about-kicker{ font-size:12.5px; font-weight:800; letter-spacing:.04em; color:var(--accent); margin-bottom:6px; }
.about-card h3{ font-size:24px; font-weight:800; color:var(--ink); letter-spacing:-.04em; margin-bottom:14px; }
.about-card h3 em{ font-size:14.5px; font-weight:600; color:var(--muted-2); margin-left:7px; letter-spacing:-.02em; }
.about-desc{ font-size:15.2px; color:var(--muted); line-height:1.76; }
.about-list{ margin:22px 0 0; padding-top:20px; border-top:1px solid var(--line); display:flex; flex-direction:column; gap:11px; }
.about-list li{ display:flex; gap:9px; font-size:14.8px; color:var(--text); line-height:1.6; }
.about-list .ic{ width:18px; height:18px; color:var(--accent); margin-top:2px; }
.about-link{ display:inline-flex; align-items:center; gap:6px; margin-top:auto; padding-top:24px; font-size:14.5px; font-weight:600; color:var(--ink); }
.about-link:hover{ color:var(--accent); }
.about-link .ic{ width:17px; height:17px; }
.about-band{
	margin-top:20px; background:var(--ink); color:rgba(255,255,255,.78);
	border-radius:16px; padding:26px 32px; text-align:center;
	font-size:15.5px; line-height:1.78;
}
.about-band b{ color:#ff9578; font-weight:700; }

/* ---------- 작동방식 ---------- */
.how{ background:var(--bg-soft); }
.steps{ display:grid; grid-template-columns:repeat(5,1fr); gap:14px; }
.step{
	position:relative; background:#fff; border:1px solid var(--line);
	border-radius:var(--radius); padding:26px 20px;
}
.step-team{ border-color:rgba(224,78,47,.34); background:linear-gradient(180deg,#fff8f6 0%,#fff 45%); }
.step-team .step-no{ color:var(--accent); }
.step:not(:last-child):after{
	content:''; position:absolute; top:50%; right:-13px; width:8px; height:8px;
	border-top:1.6px solid #c9d3e0; border-right:1.6px solid #c9d3e0;
	transform:translateY(-50%) rotate(45deg);
}
.step-no{ display:block; font-size:12.5px; font-weight:800; letter-spacing:.08em; color:var(--accent); margin-bottom:12px; }
.step h3{ font-size:17.5px; font-weight:700; color:var(--ink); letter-spacing:-.03em; margin-bottom:8px; }
.step p{ font-size:14.5px; color:var(--muted); line-height:1.68; }

/* ---------- 영상 ---------- */
.video-frame{
	max-width:900px; margin:0 auto;
	border:1px solid var(--line); border-radius:18px; overflow:hidden;
	box-shadow:var(--shadow-md); background:var(--ink);
}
.video-ratio{ position:relative; width:100%; padding-top:56.25%; }
.video-ratio iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }
.video-preview{
	position:absolute; inset:0; width:100%; height:100%;
	padding:0; border:0; background:#0c1a2b; overflow:hidden; display:block;
}
.video-thumb{
	position:absolute; inset:0; width:100%; height:100%;
	object-fit:cover; display:block;
	transition:transform .4s ease;
}
.video-preview:hover .video-thumb{ transform:scale(1.03); }
.video-veil{
	position:absolute; inset:0;
	background:linear-gradient(180deg, rgba(8,18,30,.12) 0%, rgba(8,18,30,.30) 55%, rgba(8,18,30,.72) 100%);
}
.video-btn{
	position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
	width:86px; height:60px; display:block;
	transition:transform .18s ease;
}
.video-btn svg{ width:100%; height:100%; display:block; }
.vb-bg{ fill:#12233a; fill-opacity:.82; transition:fill .18s ease, fill-opacity .18s ease; }
.vb-arrow{ fill:#fff; }
.video-preview:hover .video-btn{ transform:translate(-50%,-50%) scale(1.06); }
.video-preview:hover .vb-bg{ fill:var(--accent); fill-opacity:1; }
.video-caption{
	position:absolute; left:0; right:0; bottom:0;
	padding:16px 20px; text-align:center;
	font-size:14.5px; font-weight:600; color:rgba(255,255,255,.92); letter-spacing:-.02em;
}

/* ---------- 후기 ---------- */
.reviews{ background:var(--bg-soft); }
.review-card{
	background:#fff; border:1px solid var(--line); border-radius:var(--radius);
	padding:26px 24px; box-shadow:var(--shadow-sm);
}
.review-card.is-hidden{ display:none; }
.review-top{ display:flex; align-items:center; gap:11px; margin-bottom:14px; }
.review-avatar{
	width:40px; height:40px; border-radius:50%; flex:none;
	display:flex; align-items:center; justify-content:center;
	background:var(--ink); color:#fff; font-size:16px; font-weight:700;
}
.review-who{ display:flex; flex-direction:column; line-height:1.35; flex:1; min-width:0; }
.review-who strong{ font-size:15px; font-weight:700; color:var(--ink); }
.review-who em{ font-size:12.5px; color:var(--muted-2); }
.review-score{
	font-size:12.5px; font-weight:700; color:var(--accent);
	background:var(--accent-soft); border-radius:6px; padding:3px 8px; flex:none;
}
.review-text{ font-size:14.8px; color:var(--muted); line-height:1.74; }
#reviewMore{ margin-top:36px; }

/* ---------- 도입안내 ---------- */
.price-wrap{ display:grid; grid-template-columns:1.05fr .95fr; gap:24px; align-items:start; }
.price-card{
	border:1.5px solid var(--ink); border-radius:18px; padding:36px 32px; background:#fff;
	box-shadow:var(--shadow-md);
}
.price-name{ font-size:15.5px; font-weight:700; color:var(--accent); margin-bottom:10px; }
.price-value{ font-size:40px; font-weight:800; color:var(--ink); letter-spacing:-.045em; line-height:1.2; }
.price-value span{ font-size:17px; font-weight:600; color:var(--muted); margin-left:6px; letter-spacing:-.02em; }
.price-note{ margin-top:10px; font-size:14px; color:var(--muted-2); }
.price-list{ margin:26px 0; padding-top:24px; border-top:1px solid var(--line); display:flex; flex-direction:column; gap:13px; }
.price-list li{ display:flex; align-items:flex-start; gap:10px; font-size:15.2px; color:var(--text); }
.price-list .ic{ width:19px; height:19px; color:var(--accent); margin-top:2px; }
.price-link{
	display:flex; align-items:center; justify-content:center; gap:6px;
	margin-top:14px; font-size:14.5px; font-weight:600; color:var(--muted);
}
.price-link:hover{ color:var(--ink); }
.price-link .ic{ width:17px; height:17px; }

.price-side{ background:var(--bg-soft); border:1px solid var(--line); border-radius:18px; padding:32px 30px; }
.price-side h3{ font-size:19px; font-weight:700; color:var(--ink); letter-spacing:-.03em; margin-bottom:18px; }
.side-list{ display:flex; flex-direction:column; gap:12px; }
.side-list li{ position:relative; padding-left:16px; font-size:15.2px; color:var(--muted); line-height:1.65; }
.side-list li:before{ content:''; position:absolute; left:0; top:11px; width:5px; height:5px; border-radius:50%; background:var(--accent); }
.side-note{ margin-top:26px; padding-top:22px; border-top:1px solid var(--line); }
.side-note p{ font-size:14.2px; color:var(--muted-2); line-height:1.75; }
.side-note strong{ color:var(--ink); font-weight:700; }

/* ---------- FAQ ---------- */
.faq-list{ border-top:1px solid var(--line); }
.faq-item{ border-bottom:1px solid var(--line); }
.faq-q{
	position:relative; display:block; width:100%; text-align:left;
	padding:22px 46px 22px 0; background:none; border:0;
	font-size:16.5px; font-weight:600; color:var(--ink); letter-spacing:-.03em;
}
.faq-q:after{
	content:''; position:absolute; right:8px; top:50%; width:9px; height:9px;
	border-right:1.8px solid var(--muted-2); border-bottom:1.8px solid var(--muted-2);
	transform:translateY(-70%) rotate(45deg); transition:transform .2s ease;
}
.faq-item.is-open .faq-q{ color:var(--accent); }
.faq-item.is-open .faq-q:after{ transform:translateY(-30%) rotate(225deg); border-color:var(--accent); }
.faq-a{ display:none; padding:0 30px 24px 0; }
.faq-item.is-open .faq-a{ display:block; }
.faq-a p{ font-size:15.3px; color:var(--muted); line-height:1.78; }

/* ---------- 왜 지금 부업인가 ---------- */
.why{ background:var(--bg-soft); }
.why-wrap{ display:grid; grid-template-columns:1.1fr .9fr; gap:34px; align-items:center; }
.why-text{ font-size:16.5px; line-height:1.8; color:var(--muted); }
.why-text b{ color:var(--ink); font-weight:700; }
.why-facts{ margin:26px 0; display:flex; flex-direction:column; gap:10px; }
.why-facts li{
	display:flex; align-items:flex-start; gap:12px;
	background:#fff; border:1px solid var(--line); border-radius:11px;
	padding:14px 16px; font-size:14.8px; color:var(--muted); line-height:1.55;
}
.why-facts span{
	flex:none; min-width:96px; font-size:12.5px; font-weight:800; letter-spacing:-.02em;
	color:var(--accent); background:var(--accent-soft); border-radius:6px;
	padding:4px 8px; text-align:center;
}
.why-quote{
	margin:0; padding:22px 24px; border-radius:14px;
	background:var(--ink); color:#fff;
	font-size:17px; font-weight:600; line-height:1.65; letter-spacing:-.03em;
}
.why-media img{ width:100%; border-radius:16px; display:block; box-shadow:var(--shadow-md); }
.why-warn{
	margin-top:34px; padding:28px 30px; border-radius:16px;
	background:#fff; border:1.5px solid rgba(224,78,47,.32); text-align:center;
}
.warn-title{ font-size:22px; font-weight:800; color:var(--ink); letter-spacing:-.04em; }
.warn-title b{ color:var(--accent); }
.warn-desc{ margin-top:12px; font-size:15.5px; line-height:1.8; color:var(--muted); }
.warn-desc b{ color:var(--ink); font-weight:700; }

/* ---------- 진짜 부업 (업무 비교표) ---------- */
.rj-table{ border:1px solid var(--line); border-radius:16px; overflow:hidden; background:#fff; }
.rj-row{ display:grid; grid-template-columns:150px 1fr 1.15fr; align-items:center; border-top:1px solid var(--line-2); }
.rj-row:first-child{ border-top:0; }
.rj-row span{ padding:16px 18px; font-size:14.6px; line-height:1.6; color:var(--muted); }
.rj-head span{ font-size:13px; font-weight:800; letter-spacing:-.02em; color:#fff; background:var(--ink); padding:13px 18px; }
.rj-head .rj-c3{ background:var(--accent); }
.rj-c1{ font-size:15px !important; color:var(--ink) !important; background:var(--bg-soft); }
.rj-c1 b{ font-weight:700; }
.rj-c3{ color:var(--text) !important; background:#fffaf8; }
.rj-c3 em{
	display:inline-block; margin-right:8px; vertical-align:1px;
	font-size:11.5px; font-weight:800; letter-spacing:-.01em;
	border-radius:5px; padding:3px 8px;
}
.tag-sys{ color:#fff; background:var(--ink); }
.tag-team{ color:#fff; background:var(--accent); }

.rj-answer{ display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-top:24px; }
.rj-qa{
	background:var(--ink); border-radius:13px; padding:20px 18px; text-align:center;
}
.rj-qa span{ display:block; font-size:13.5px; color:rgba(255,255,255,.62); margin-bottom:7px; }
.rj-qa b{ font-size:18px; font-weight:800; color:#ff9578; letter-spacing:-.035em; }
.rj-note{ margin-top:22px; text-align:center; font-size:16.5px; color:var(--ink); font-weight:600; letter-spacing:-.03em; }
.rj-note b{ color:var(--accent); font-weight:800; }

/* ---------- 시스템 작동 순서도 ---------- */
.flow{ background:var(--bg-soft); }
.flow-wrap{ display:grid; grid-template-columns:1.25fr .75fr; gap:34px; align-items:start; }
/* 처리 주체 범례 */
.flow-legend{ display:flex; flex-wrap:wrap; justify-content:center; gap:8px 18px; margin-top:18px; }
.flow-legend li{ display:flex; align-items:center; gap:7px; font-size:13.5px; font-weight:600; color:var(--muted); }
.flow-legend i{ width:11px; height:11px; border-radius:3px; display:inline-block; }
.flow-legend .lg-seller i{ background:#8794a5; }
.flow-legend .lg-sys i{ background:var(--ink); }
.flow-legend .lg-team i{ background:var(--accent); }

.flow-steps{ display:flex; flex-direction:column; gap:14px; }

/* 처리 주체별 색상 구분 : 좌측 컬러바 + 배경 */
.fl-step{ border-left:4px solid var(--line); }
.fl-by-seller{ border-left-color:#8794a5; background:#fff; }
.fl-by-sys{ border-left-color:var(--ink); background:linear-gradient(90deg, rgba(12,26,43,.045) 0%, #fff 55%); }
.fl-by-sys .fl-no{ color:var(--ink); }
.fl-by-team{ border-left-color:var(--accent); background:linear-gradient(90deg, rgba(224,78,47,.07) 0%, #fff 55%); }

/* '여기서부터 셀러는 손대지 않습니다' 구분선 */
.fl-divider{ display:flex; align-items:center; gap:12px; margin:4px 2px; }
.fl-divider:before, .fl-divider:after{ content:''; flex:1 1 auto; height:1px; background:var(--line); }
.fl-divider span{
	flex:0 0 auto; font-size:13px; font-weight:600; color:var(--muted);
	background:var(--accent-soft); border:1px solid rgba(224,78,47,.24);
	border-radius:100px; padding:6px 14px; letter-spacing:-.02em;
}
.fl-divider b{ color:var(--accent); font-weight:800; }
.fl-body b{ color:var(--ink); font-weight:700; }
.fl-step{
	position:relative; display:flex; gap:18px;
	background:#fff; border:1px solid var(--line); border-radius:15px; padding:24px 26px;
}
.fl-step:not(:last-child):after{
	content:''; position:absolute; left:52px; bottom:-14px; width:2px; height:14px; background:var(--line);
}
.fl-by-seller:after{ display:none; }
.fl-no{
	flex:none; width:64px; padding-top:3px;
	font-size:12px; font-weight:800; letter-spacing:.03em; color:var(--accent);
}
.fl-body h3{ font-size:18px; font-weight:700; color:var(--ink); letter-spacing:-.035em; margin-bottom:8px; }
.fl-who{
	display:inline-block; margin-left:8px; vertical-align:2px;
	font-size:11.5px; font-weight:800; border-radius:5px; padding:3px 8px; letter-spacing:-.01em;
}
.fl-seller{ color:#fff; background:#5d6b7e; }
.fl-sys{ color:#fff; background:var(--ink); }
.fl-team{ color:#fff; background:var(--accent); }
.fl-body p{ font-size:14.8px; line-height:1.72; color:var(--muted); }
.fl-tail{
	display:inline-block; margin-top:11px; font-size:12.5px; font-weight:700;
	color:var(--muted-2); background:var(--bg-soft); border-radius:6px; padding:5px 10px;
}
.flow-media{ position:sticky; top:96px; }
.flow-media img{ width:100%; border-radius:16px; display:block; box-shadow:var(--shadow-md); }
.flow-cap{ margin-top:14px; text-align:center; font-size:14.5px; color:var(--muted); line-height:1.6; }

/* ---------- 매직원 상품의 장점 ---------- */
.goods-card{
	position:relative; background:#fff; border:1px solid var(--line); border-radius:15px;
	padding:26px 24px 24px;
}
.gd-no{
	display:inline-block; margin-bottom:12px;
	font-size:12px; font-weight:800; letter-spacing:.04em; color:var(--accent);
	background:var(--accent-soft); border-radius:6px; padding:4px 9px;
}
.goods-card h3{ font-size:17.5px; font-weight:700; color:var(--ink); letter-spacing:-.035em; margin-bottom:9px; }
.goods-card p{ font-size:14.6px; line-height:1.72; color:var(--muted); }

/* ==================================================================
   상담신청
   ================================================================== */
.contact{
	background:linear-gradient(160deg, #0c1a2b 0%, #15304b 100%);
	color:#fff;
}
.contact-inner{ display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:start; }

.contact-title{ font-size:33px; font-weight:800; letter-spacing:-.04em; line-height:1.35; color:#fff; }
.contact-desc{ margin-top:18px; font-size:16px; line-height:1.78; color:rgba(255,255,255,.72); }
.contact-points{ margin-top:26px; display:flex; flex-direction:column; gap:11px; }
.contact-points li{ display:flex; align-items:center; gap:9px; font-size:15px; color:rgba(255,255,255,.8); }
.contact-points .ic{ width:18px; height:18px; color:#ff8f70; }

.kakao-box{
	display:flex; align-items:center; gap:14px; margin-top:34px;
	background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.16);
	border-radius:var(--radius); padding:18px 20px;
	transition:background .16s ease, border-color .16s ease;
}
.kakao-box:hover{ background:rgba(255,255,255,.12); border-color:rgba(255,255,255,.3); }
.kakao-ic{
	width:44px; height:44px; border-radius:11px; flex:none;
	display:flex; align-items:center; justify-content:center;
	background:#fee500; color:#3c1e1e;
}
.kakao-txt{ display:flex; flex-direction:column; flex:1; min-width:0; }
.kakao-txt strong{ font-size:15.5px; font-weight:700; color:#fff; }
.kakao-txt em{ font-size:13px; color:rgba(255,255,255,.6); }
.kakao-arrow{ color:rgba(255,255,255,.5); }

/* ---------- 폼 ---------- */
.contact-form-wrap{ background:#fff; border-radius:18px; padding:34px 32px; box-shadow:var(--shadow-lg); color:var(--text); }
.form-title{
	display:flex; align-items:center; gap:9px;
	font-size:20px; font-weight:800; color:var(--ink); letter-spacing:-.035em;
	padding-bottom:20px; margin-bottom:22px; border-bottom:1px solid var(--line);
}
.form-title .ic{ color:var(--accent); }

.field{ margin-bottom:16px; }
.field label{ display:block; font-size:14px; font-weight:600; color:var(--ink); margin-bottom:7px; }
.field .req{ color:var(--accent); }
.field .opt{ font-weight:500; color:var(--muted-2); }
.field input, .field select, .field textarea{
	width:100%; padding:13px 14px;
	border:1px solid var(--line); border-radius:var(--radius-sm);
	background:#fbfcfe; color:var(--text);
	font-family:inherit; font-size:15.2px; letter-spacing:-.02em;
	transition:border-color .15s ease, box-shadow .15s ease, background .15s ease;
}
.field textarea{ resize:vertical; line-height:1.6; }
.field input::placeholder, .field textarea::placeholder{ color:#a9b4c2; }
.field input:focus, .field select:focus, .field textarea:focus{
	outline:none; background:#fff;
	border-color:var(--accent); box-shadow:0 0 0 3px rgba(224,78,47,.12);
}
.field.has-error input, .field.has-error textarea{ border-color:#d93025; box-shadow:0 0 0 3px rgba(217,48,37,.1); }

.agree{ display:flex; align-items:flex-start; gap:9px; margin:20px 0 22px; cursor:pointer; }
.agree input{ width:17px; height:17px; margin-top:2px; flex:none; accent-color:var(--accent); }
.agree span{ font-size:13.2px; color:var(--muted); line-height:1.6; }
.agree strong{ color:var(--ink); font-weight:600; }

.form-msg{ margin-top:14px; font-size:14px; font-weight:600; text-align:center; display:none; white-space:pre-line; }
.form-msg.is-ok{ display:block; color:#0f7a48; }
.form-msg.is-err{ display:block; color:#d93025; }

.btn.is-loading{ opacity:.7; pointer-events:none; }

/* ==================================================================
   푸터 / 모바일 CTA
   ================================================================== */
.site-footer{ background:#0a1522; color:rgba(255,255,255,.62); padding:46px 0 40px; }
.footer-inner{ display:flex; flex-direction:column; gap:18px; }
.footer-brand .brand-mark{ color:#fff; font-size:18px; }
.footer-brand p{ margin-top:6px; font-size:14px; color:rgba(255,255,255,.5); }
.footer-links{ display:flex; flex-wrap:wrap; gap:8px 22px; }
.footer-links a{ font-size:14px; color:rgba(255,255,255,.66); }
.footer-links a:hover{ color:#fff; }
.copyright{ font-size:13px; color:rgba(255,255,255,.35); padding-top:16px; border-top:1px solid rgba(255,255,255,.08); }

.mobile-cta{ display:none; }


/* ---------- B2B 200곳 수집 → 10개 마켓 등록 ---------- */
.b2b{ background:var(--bg-soft); }
.b2b-flow{
	display:grid; grid-template-columns:1fr auto 1.15fr auto 1fr; align-items:stretch; gap:14px;
	margin-bottom:28px;
}
.b2b-node{
	display:flex; flex-direction:column; align-items:center; text-align:center;
	background:#fff; border:1px solid var(--line); border-radius:var(--radius);
	padding:28px 22px 24px; box-shadow:var(--shadow-sm);
}
.b2b-node-core{ background:var(--ink); border-color:var(--ink); color:#fff; box-shadow:var(--shadow-lg); }
.b2b-kicker{
	font-size:12px; font-weight:800; letter-spacing:.06em; color:var(--accent);
	background:var(--accent-soft); border-radius:6px; padding:4px 10px; margin-bottom:14px;
}
.b2b-node-core .b2b-kicker{ background:rgba(224,78,47,.18); color:#ff9578; }
.b2b-num{ font-size:52px; font-weight:800; line-height:1.05; letter-spacing:-.05em; color:var(--ink); }
.b2b-num small{ font-size:19px; font-weight:700; margin-left:3px; letter-spacing:-.03em; color:var(--ink-3); }
.b2b-label{ margin-top:6px; font-size:15.5px; font-weight:600; color:var(--muted); }
.b2b-tags{ display:flex; flex-wrap:wrap; justify-content:center; gap:6px; margin-top:18px; }
.b2b-tags li{
	font-size:12.5px; font-weight:600; color:var(--ink-3);
	background:var(--bg-soft); border:1px solid var(--line-2); border-radius:999px; padding:3px 10px;
}
.b2b-core-name{ font-size:26px; font-weight:800; letter-spacing:-.04em; margin-bottom:18px; }
.b2b-steps{ display:flex; flex-direction:column; gap:10px; text-align:left; width:100%; max-width:250px; }
.b2b-steps li{ display:flex; align-items:center; gap:9px; font-size:15px; color:rgba(255,255,255,.88); }
.b2b-steps .ic{ width:17px; height:17px; color:#ff9578; }
.b2b-arrow{ display:flex; align-items:center; color:var(--accent); }
.b2b-arrow .ic{ width:28px; height:28px; }
.b2b-card{
	background:#fff; border:1px solid var(--line); border-radius:15px; padding:26px 24px 24px;
}
.b2b-card-no{
	display:inline-block; margin-bottom:12px;
	font-size:12px; font-weight:800; letter-spacing:.04em; color:var(--accent);
	background:var(--accent-soft); border-radius:6px; padding:4px 9px;
}
.b2b-card h3{ font-size:18px; font-weight:700; color:var(--ink); letter-spacing:-.035em; margin-bottom:9px; }
.b2b-card p{ font-size:14.8px; line-height:1.72; color:var(--muted); }
.b2b-note{
	margin-top:30px; text-align:center; font-size:16.5px; color:var(--text);
	background:#fff; border:1px dashed rgba(224,78,47,.4); border-radius:var(--radius); padding:18px 20px;
}
.b2b-note b{ color:var(--accent); font-weight:700; }

/* ==================================================================
   반응형
   ================================================================== */
@media (max-width:1024px){
	.hero{ padding:70px 0 78px; }
	.hero-inner{ grid-template-columns:1fr; gap:44px; }
	.hero-title{ font-size:34px; }
	.hero-sub{ font-size:18px; }
	.gnb{ display:none; }
	.header-cta{ display:none; }
	.nav-toggle{ display:flex; }
	.grid-3{ grid-template-columns:repeat(2,1fr); }
	.steps{ grid-template-columns:repeat(2,1fr); }
	.step:nth-child(even):after{ display:none; }
	.price-wrap{ grid-template-columns:1fr; }
	.ops-wrap{ grid-template-columns:1fr; }
	.company{ padding:36px 32px; }
	.company-grid{ grid-template-columns:1fr; gap:26px; }
	.why-wrap{ grid-template-columns:1fr; gap:26px; }
	.flow-wrap{ grid-template-columns:1fr; gap:26px; }
	.flow-media{ position:static; }
	.rj-answer{ grid-template-columns:repeat(2,1fr); }
	.about-wrap{ grid-template-columns:1fr; }
	.contact-inner{ grid-template-columns:1fr; gap:40px; }
	.trust-inner{ grid-template-columns:repeat(2,1fr); gap:22px; }
	.b2b-flow{ grid-template-columns:1fr; gap:10px; }
	.b2b-arrow{ justify-content:center; }
	.b2b-arrow .ic{ transform:rotate(90deg); }
}

@media (max-width:768px){
	body{ font-size:15.5px; }
	.container{ padding:0 18px; }
	.section{ padding:66px 0; }
	.section-head{ margin-bottom:36px; }
	.section-title{ font-size:26px; }
	.section-lead{ font-size:15.5px; }
	.hero{ padding:56px 0 66px; }
	.hero-title{ font-size:25px; line-height:1.42; }
	.ht-lead{ font-size:1.28em; margin-bottom:8px; }
	.hero-sub{ font-size:16px; margin-top:16px; padding-left:13px; }
	.hero-markets{ flex-direction:column; gap:9px; padding:13px 14px; margin-top:18px; }
	.hm-list li{ font-size:12.2px; padding:3px 8px; }
	.hero-earn{ flex-direction:column; align-items:flex-start; gap:10px; padding:16px 18px; margin-top:20px; }
	.hero-zero{ grid-template-columns:repeat(2,1fr); }
	.earn-copy{ font-size:17px; }
	.br-m{ display:inline; }
	.hero-actions .btn{ width:100%; }
	.grid-3{ grid-template-columns:1fr; }
	.b2b-num{ font-size:42px; }
	.b2b-note{ font-size:15px; text-align:left; }
	.steps{ grid-template-columns:1fr; }
	.step:after{ display:none !important; }
	.price-card, .price-side, .contact-form-wrap{ padding:26px 20px; }
	.section-compact{ padding:42px 0; }
	.markets-title{ font-size:19px; }
	.market-chip{ height:38px; padding:0 15px; font-size:13.8px; }
	.market-list{ gap:8px; }
	.video-btn{ width:62px; height:44px; }
	.video-caption{ font-size:12.8px; padding:12px 14px; }
	.ops-col, .about-card{ padding:26px 20px; }
	.company{ padding:26px 20px; border-radius:16px; }
	.why-facts li{ flex-direction:column; gap:7px; }
	.why-facts span{ min-width:0; align-self:flex-start; }
	.why-quote{ font-size:15.5px; padding:18px 18px; }
	.why-warn{ padding:22px 18px; }
	.warn-title{ font-size:18px; }
	.warn-desc{ font-size:14.6px; }
	.rj-row{ grid-template-columns:1fr; }
	.rj-head{ display:none; }
	.rj-row span{ padding:12px 16px; }
	.rj-c1{ padding-bottom:6px !important; }
	.rj-c2:before{ content:'기존: '; font-weight:700; color:var(--muted-2); }
	.rj-answer{ grid-template-columns:1fr; gap:9px; }
	.rj-qa{ display:flex; align-items:center; justify-content:space-between; padding:15px 18px; text-align:left; }
	.rj-qa span{ margin-bottom:0; }
	.rj-qa b{ font-size:16px; }
	.rj-note{ font-size:15px; }
	.fl-step{ flex-direction:column; gap:8px; padding:20px 18px; }
	.fl-step:not(:last-child):after{ left:50%; }
	.fl-no{ width:auto; padding-top:0; }
	.goods-card{ padding:22px 18px; }
	.company-outro{ padding:18px 18px; font-size:14.8px; margin-top:26px; }
	.company-name{ font-size:23px; }
	.company-intro{ font-size:15.5px; }
	.company-block{ padding-left:0; }
	.cb-no{ position:static; margin-bottom:10px; }
	.company-block h4{ font-size:16.5px; padding-top:0; }
	.company-block p{ font-size:14.6px; line-height:1.78; }
	.about-band{ padding:22px 20px; font-size:14.8px; }
	.ops-result{ font-size:16px; }
	.about-card h3{ font-size:21px; }
	.price-value{ font-size:33px; }
	.contact-title{ font-size:25px; }
	.panel-metrics{ grid-template-columns:1fr 1fr; }
	.metric:last-child{ grid-column:span 2; }
	body{ padding-bottom:66px; }

	.mobile-cta{
		display:flex; gap:8px; position:fixed; left:0; right:0; bottom:0; z-index:70;
		padding:10px 14px calc(10px + env(safe-area-inset-bottom));
		background:rgba(255,255,255,.96); border-top:1px solid var(--line);
		backdrop-filter:blur(10px);
	}
	.mobile-cta a{
		flex:1; display:flex; align-items:center; justify-content:center;
		height:48px; border-radius:10px; font-size:15px; font-weight:700;
	}
	.mc-kakao{ background:#fee500; color:#3c1e1e; flex:0 0 38%; }
	.mc-call{ background:var(--accent); color:#fff; }
}

@media (max-width:480px){
	.hero-title{ font-size:23px; }
	.hero-sub{ font-size:15.2px; }
	.section-title{ font-size:24px; }
	.trust-inner{ grid-template-columns:1fr; gap:14px; }
	.trust-item{ flex-direction:row; align-items:baseline; justify-content:center; gap:8px; }
	.faq-q{ font-size:15.5px; }
}

@media (prefers-reduced-motion:reduce){
	html{ scroll-behavior:auto; }
	*{ transition:none !important; animation:none !important; }
}