@charset "utf-8";
/* =====================================================================
   분석 서비스 이용안내(#guide_anal) / 분석 서비스 신청(#svc_apply) 공용 스타일
   - 2026-06-02. 기존 인라인 <style> 을 외부 CSS 로 분리.
   - 컨테이너는 max-width:1000px 가운데정렬, 상단여백은 margin collapse 방지를 위해 padding-top 사용.
   ===================================================================== */

/* ====================== 이용안내 (noService) ====================== */
#guide_anal { --g-navy:#0f2747; --g-blue:#1d6fe0; --g-cyan:#15c3f3; --g-ink:#1f2a3a; --g-mute:#6b7892; --g-line:#e6ebf2; --g-soft:#f5f8fc; color:var(--g-ink);
	float:none !important; width:100% !important; max-width:1000px !important; margin:0 auto 40px !important; padding-top:34px; }
#guide_anal * { box-sizing:border-box; }
/* 전역 스킨 CSS(h2/h3 고정높이·float·배경 등)로 인한 겹침/잘림 방지용 리셋 */
#guide_anal h2, #guide_anal h3, #guide_anal h4,
#guide_anal p, #guide_anal ul, #guide_anal li {
	float:none !important; clear:none !important; width:auto !important;
	height:auto !important; min-height:0 !important; max-height:none !important;
	overflow:visible !important; background:none !important; border:none !important;
}

/* 히어로 */
#guide_anal .g-hero { position:relative; overflow:hidden; border-radius:14px; padding:46px 40px; color:#fff;
	background:linear-gradient(135deg,#0b2138 0%,#143b66 55%,#0e4f6e 100%); }
#guide_anal .g-hero:after { content:""; position:absolute; right:-60px; top:-60px; width:320px; height:320px; border-radius:50%;
	background:radial-gradient(circle, rgba(79,208,255,0.30), rgba(79,208,255,0) 70%); }
#guide_anal .g-badge { display:inline-block; font-size:13px; font-weight:700; letter-spacing:1px; color:#9fe0ff;
	border:1px solid rgba(159,224,255,0.5); border-radius:999px; padding:5px 14px; margin-bottom:16px; }
#guide_anal .g-hero h2 { font-size:32px; font-weight:800; line-height:1.32; margin:0 0 12px; color:#fff; letter-spacing:-0.5px; border:none; padding:0; }
#guide_anal .g-hero h2 b { color:#56d0f7; }
#guide_anal .g-hero p { font-size:16px; line-height:1.7; color:#d7e6f5; margin:0; max-width:680px; }

/* 섹션 타이틀 */
#guide_anal .g-sectit { font-size:21px; font-weight:800; color:var(--g-ink); margin:38px 0 6px; letter-spacing:-0.4px; }
#guide_anal .g-sectit:before { content:""; display:inline-block; width:5px; height:19px; background:var(--g-blue); border-radius:3px; vertical-align:-3px; margin-right:9px; }
#guide_anal .g-secdesc { font-size:14px; color:var(--g-mute); margin:0 0 18px 14px; }

/* 카드 그리드 */
#guide_anal .g-grid { display:flex; flex-wrap:wrap; gap:16px; }
#guide_anal .g-card { flex:1 1 220px; background:#fff; border:1px solid var(--g-line); border-radius:12px; padding:24px 22px;
	transition:box-shadow .2s, transform .2s; }
#guide_anal .g-card:hover { box-shadow:0 10px 26px rgba(20,40,80,0.10); transform:translateY(-3px); }
#guide_anal .g-ico { width:52px; height:52px; border-radius:13px; display:flex; align-items:center; justify-content:center; margin-bottom:14px;
	background:linear-gradient(135deg,#1d6fe0,#15c3f3); }
#guide_anal .g-ico svg { width:26px; height:26px; fill:none; stroke:#fff; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
#guide_anal .g-card h3 { font-size:17px; font-weight:700; margin:0 0 8px; color:var(--g-ink); border:none; padding:0; }
#guide_anal .g-card p { font-size:13.5px; line-height:1.65; color:var(--g-mute); margin:0; }
#guide_anal .g-card .g-tag { display:inline-block; margin-top:12px; font-size:12px; font-weight:700; color:var(--g-blue); background:#eaf2fe; border-radius:6px; padding:4px 10px; }

/* 프로세스 */
#guide_anal .g-steps { display:flex; flex-wrap:wrap; gap:10px; counter-reset:step; }
#guide_anal .g-step { flex:1 1 180px; background:var(--g-soft); border:1px solid var(--g-line); border-radius:12px; padding:20px 18px; position:relative; }
#guide_anal .g-step:before { counter-increment:step; content:counter(step); position:absolute; top:14px; right:16px;
	font-size:30px; font-weight:800; color:#dbe6f5; }
#guide_anal .g-step h4 { font-size:15px; font-weight:700; margin:0 0 6px; color:var(--g-navy); }
#guide_anal .g-step p { font-size:12.5px; line-height:1.6; color:var(--g-mute); margin:0; }

/* 강점 리스트 */
#guide_anal .g-points { display:flex; flex-wrap:wrap; gap:12px 28px; margin:6px 0 0; padding:22px 24px; background:var(--g-soft); border-radius:12px; }
#guide_anal .g-points li { list-style:none; flex:1 1 280px; font-size:14px; color:var(--g-ink); line-height:1.6; padding-left:26px; position:relative; }
#guide_anal .g-points li:before { content:"✓"; position:absolute; left:0; top:0; color:#16a34a; font-weight:800; }
#guide_anal .g-points li b { color:var(--g-blue); }

/* CTA */
#guide_anal .g-cta { margin-top:34px; text-align:center; background:linear-gradient(135deg,#0f2747,#1d4e86); border-radius:14px; padding:34px 20px; color:#fff; }
#guide_anal .g-cta h3 { font-size:22px; font-weight:800; margin:0 0 8px; color:#fff; border:none; padding:0; }
#guide_anal .g-cta p { font-size:14px; color:#cfe0f2; margin:0 0 20px; }
#guide_anal .g-btns a { display:inline-block; margin:0 5px; padding:13px 30px; border-radius:8px; font-size:15px; font-weight:700; text-decoration:none; }
#guide_anal .g-btn-main { background:#15c3f3; color:#06263b !important; }
#guide_anal .g-btn-main:hover { background:#3ad0fb; }
#guide_anal .g-btn-ghost { border:1px solid rgba(255,255,255,0.55); color:#fff !important; }
#guide_anal .g-btn-ghost:hover { background:rgba(255,255,255,0.12); }

@media (max-width:760px){
	#guide_anal .g-hero { padding:32px 22px; }
	#guide_anal .g-hero h2 { font-size:24px; }
}

/* ====================== 분석 서비스 신청 (settle) ====================== */
#svc_apply { --a-navy:#0f2747; --a-blue:#1d6fe0; --a-cyan:#15c3f3; --a-ink:#1f2a3a; --a-mute:#6b7892; --a-line:#e6ebf2; --a-soft:#f5f8fc; color:var(--a-ink);
	float:none !important; width:100% !important; max-width:1000px !important; margin:0 auto 40px !important; padding-top:34px; }
#svc_apply * { box-sizing:border-box; }
#svc_apply h2, #svc_apply h3, #svc_apply p, #svc_apply th, #svc_apply td {
	float:none !important; clear:none !important; width:auto !important; height:auto !important;
	min-height:0 !important; background:none !important; border:none !important;
}

#svc_apply .a-hero { border-radius:14px; padding:34px 34px; color:#fff; margin-bottom:22px;
	background:linear-gradient(135deg,#0b2138 0%,#143b66 55%,#0e4f6e 100%); }
#svc_apply .a-hero h2 { font-size:26px; font-weight:800; margin:0 0 8px; color:#fff; line-height:1.35; letter-spacing:-0.4px; }
#svc_apply .a-hero h2 b { color:#56d0f7; }
#svc_apply .a-hero p { font-size:15px; line-height:1.7; color:#d7e6f5; margin:0; }

#svc_apply .a-form { border:1px solid var(--a-line); border-radius:12px; overflow:hidden; background:#fff; }
#svc_apply .a-form table { width:100%; border-collapse:collapse; }
#svc_apply .a-form th { width:160px; text-align:left; vertical-align:middle; background:var(--a-soft);
	color:var(--a-ink); font-weight:600; font-size:14px; padding:16px 18px; border-bottom:1px solid var(--a-line) !important; }
#svc_apply .a-form td { padding:13px 18px; border-bottom:1px solid var(--a-line) !important; vertical-align:middle; }
#svc_apply .a-form tr:last-child th, #svc_apply .a-form tr:last-child td { border-bottom:none !important; }
#svc_apply .a-req { color:#e53935; margin-left:3px; }
#svc_apply .a-input { width:100%; max-width:360px; height:42px; padding:0 13px; border:1px solid #d4d9e0; border-radius:8px;
	font-size:14px; color:var(--a-ink); background:#fff; vertical-align:middle; }
#svc_apply .a-input:focus { outline:none; border-color:var(--a-blue); box-shadow:0 0 0 3px rgba(29,111,224,0.14); }
#svc_apply .a-input:disabled { background:#f1f4f8; color:#8a94a2; }
#svc_apply .a-inbtn { display:inline-block; height:42px; line-height:42px; padding:0 16px; margin-left:6px; border-radius:8px;
	font-size:13px; font-weight:700; cursor:pointer; text-decoration:none; vertical-align:middle;
	background:#34506a; color:#fff !important; border:none; }
#svc_apply .a-inbtn:hover { background:#283d52; }
#svc_apply .a-inbtn.done { background:#16a34a; cursor:default; }
#svc_apply .a-hint { display:block; margin-top:6px; font-size:12px; color:var(--a-mute); }
#svc_apply #certRow { display:none; }
#svc_apply #certMsg { margin-left:8px; font-size:13px; font-weight:700; }
#svc_apply #certMsg.ok { color:#16a34a; }
#svc_apply #certMsg.no { color:#e53935; }

#svc_apply .a-note { margin:16px 2px 0; font-size:13px; color:var(--a-mute); line-height:1.7; }
#svc_apply .a-note b { color:var(--a-blue); }

#svc_apply .a-btns { text-align:center; margin-top:26px; }
#svc_apply .a-btns a { display:inline-block; margin:0 5px; padding:14px 40px; border-radius:9px; font-size:16px; font-weight:700; text-decoration:none; cursor:pointer; }
#svc_apply .a-btn-main { background:linear-gradient(135deg,#1d6fe0,#15c3f3); color:#fff !important; }
#svc_apply .a-btn-main:hover { filter:brightness(1.05); }
#svc_apply .a-btn-sub { border:1px solid #d4d9e0; color:#55606e !important; background:#fff; }

@media (max-width:760px){
	#svc_apply .a-form th { width:96px; padding:13px; font-size:13px; }
	#svc_apply .a-form td { padding:11px 13px; }
	#svc_apply .a-input { max-width:none; }
}