/* ══════════════════════════════════════════════════════════════
   표쌤코딩 회사소개 — 클린 재스킨 (강사 포털 톤)
   ▸ 맨 마지막 로드. about.css 무수정, 색·그라디언트·모서리·그림자만 덮음.
   ▸ 방향: 아주 깔끔하게 — 화이트 배경 + 헤어라인 + 각진 모서리(9px) + 절제.
           파랑→보라 그라디언트 전면 제거. 브랜드 블루 #194A98 + 옐로우 #FFDD2B(포인트).
   ══════════════════════════════════════════════════════════════ */
:root{
  --a-ink:#1C2530; --a-ink-2:#5B6675; --a-ink-3:#98A2B0;
  --a-line:#ECEFF3; --a-line-2:#E1E6EC;
  --a-paper:#FFFFFF; --a-paper-2:#FAFBFD; --a-panel:#F5F8FC;
  --a-navy:#2E6BD6; --a-blue:#2E6BD6; --a-blue-ink:#1F55BC; --a-blue-soft:#EEF3FB;
  --a-sky-soft:#F1F7FC; --a-yellow:#FFDD2B; --a-yellow-soft:#FFF6CF;
  --a-r:9px; --a-r-lg:12px;
  /* Pretendard (가독성·정갈) */
  --a-font:"Pretendard Variable",Pretendard,-apple-system,"Noto Sans KR",sans-serif;
  --a-mono:var(--a-font);
}

/* 배경 — 쿨/보라 radial 제거 → 클린 화이트 + Pretendard */
body{ background:var(--a-paper) !important; color:var(--a-ink) !important; font-family:var(--a-font) !important; }
/* 한글 단어 중간 줄바꿈 방지 (배/울, 기/업 처럼 쪼개짐 해결) */
body, .page-wrap, .main-content, .card, .hero-banner, .mv-card, .biz-card,
.section-header, .greeting-text, .content-section, .stats-banner{ word-break:keep-all !important; }
body::before{ display:none !important; }

/* ── 네비 — 메인 상단 바와 동일(알약형 플로팅) ── */
.navbar{ background:rgba(255,255,255,.92) !important; border:1px solid var(--a-line) !important; border-radius:20px !important; box-shadow:0 6px 22px rgba(20,24,31,.07) !important; backdrop-filter:blur(16px) !important; }
.nav-logo{ background:var(--a-blue) !important; box-shadow:none !important; border-radius:12px !important; color:#fff !important; }
.nav-title strong{ color:var(--a-ink) !important; }
.nav-title small{ color:var(--a-ink-3) !important; }
.nav-pill{ background:transparent !important; border:1px solid transparent !important; color:#2A3547 !important; border-radius:999px !important; font-weight:700 !important; }
.nav-pill:hover{ background:var(--a-blue-soft) !important; color:var(--a-blue) !important; border-color:transparent !important; }
.nav-pill.active{ background:var(--a-blue-soft) !important; color:var(--a-blue) !important; border-color:transparent !important; }

/* ── 상단 탭 ── */
.tab-btn{ border-radius:8px !important; color:var(--a-ink-2) !important; }
.tab-btn:hover{ background:var(--a-blue-soft) !important; color:var(--a-navy) !important; }
.tab-btn.active{ background:var(--a-blue-soft) !important; color:var(--a-blue) !important; box-shadow:none !important; }

/* ── 사이드바 ── */
.sidebar-btn{ border-radius:8px !important; color:var(--a-ink-2) !important; }
.sidebar-btn:hover{ background:var(--a-paper-2) !important; color:var(--a-navy) !important; }
.sidebar-btn.active{ background:var(--a-blue-soft) !important; border:1px solid var(--a-line) !important; color:var(--a-navy) !important; box-shadow:none !important; }
.sidebar-btn .icon{ border-radius:6px !important; }

/* ── 모바일 하단 탭 ── */
.mobile-bottom-nav .page-tab.active{ color:var(--a-navy) !important; background:var(--a-blue-soft) !important; border-radius:8px !important; }
.mobile-bottom-nav .section-tab{ border-radius:8px !important; }
.mobile-bottom-nav .section-tab.active{ background:var(--a-blue-soft) !important; color:var(--a-blue) !important; box-shadow:none !important; }

/* ── 히어로 배너 — 진한 띠 → 연한 패널 + 진한 글씨 (라이트 코퍼레이트) ── */
.hero-banner{ background:var(--a-panel) !important; border:1px solid var(--a-line) !important; border-radius:var(--a-r-lg) !important; color:var(--a-ink) !important; }
.hero-banner::before{ display:none !important; }
.hero-banner .company-name{ color:var(--a-blue) !important; font-family:var(--a-mono); letter-spacing:.1em !important; opacity:1 !important; }
.hero-banner .slogan{ color:var(--a-ink) !important; }

/* ── 카드 (헤어라인, 각지게, 리프트·그림자 제거 → 최대한 클린) ── */
.card{ background:#fff !important; border:1px solid var(--a-line) !important; border-radius:var(--a-r) !important; box-shadow:none !important; }
.card:hover{ transform:none !important; border-color:var(--a-line-2) !important; box-shadow:none !important; }

/* ── 섹션 헤더 (모노 라벨) ── */
.section-header .label{ color:var(--a-blue) !important; font-family:inherit !important; font-weight:700 !important; letter-spacing:.04em !important; }
.section-header h2{ color:var(--a-ink) !important; letter-spacing:-.02em !important; }
.section-header p{ color:var(--a-ink-3) !important; }

/* ── 미션/비전 — 색박스 제거, 아이콘 통일(블루), 제목 정돈 ── */
.mv-card .mv-icon,
.mv-card .mv-icon.blue,.mv-card .mv-icon.purple,.mv-card .mv-icon.green{
  background:transparent !important; border-radius:0 !important; width:auto !important; height:auto !important; margin-bottom:12px !important;
}
.mv-card h3{ color:var(--a-ink) !important; font-family:inherit !important; font-size:1rem !important; font-weight:800 !important; text-transform:none !important; letter-spacing:-.01em !important; }
.mv-card p{ color:var(--a-ink-2) !important; }
.value-tag{ background:#fff !important; color:var(--a-ink-2) !important; border:1px solid var(--a-line-2) !important; border-radius:8px !important; font-weight:700 !important; }

/* ── 수치 ── */
.metric-card .metric-num{ background:none !important; -webkit-text-fill-color:var(--a-navy) !important; color:var(--a-navy) !important; font-family:var(--a-mono) !important; }
.metric-card .metric-label{ color:var(--a-ink-2) !important; }

/* ── 대표 인사말 ── */
.ceo-photo{ border-radius:var(--a-r) !important; }
.ceo-photo img{ border-radius:var(--a-r) !important; }
.greeting-text .ceo-title{ color:var(--a-navy) !important; }
.greeting-text p{ color:var(--a-ink-2) !important; }

/* ── 연혁 타임라인 ── */
.timeline::before{ background:var(--a-line-2) !important; }
.timeline-item::before{ background:var(--a-navy) !important; box-shadow:0 0 0 3px #fff !important; }
.timeline-year{ color:var(--a-navy) !important; font-family:var(--a-mono) !important; }
.timeline-events li{ color:var(--a-ink-2) !important; }

/* ── 사업/통계/주소/교통 ── */
.biz-card .biz-icon{ background:var(--a-blue-soft) !important; border-radius:8px !important; }
.biz-card h3{ color:var(--a-ink) !important; }
.biz-card p{ color:var(--a-ink-2) !important; }
.stats-banner{ background:var(--a-panel) !important; border:1px solid var(--a-line) !important; border-radius:var(--a-r-lg) !important; }
.stats-banner .stat-item{ color:var(--a-ink) !important; }
.stats-banner .stat-num{ color:var(--a-blue) !important; }
.stats-banner .stat-label{ color:var(--a-ink-2) !important; opacity:1 !important; }
.address-card .addr-icon{ background:var(--a-blue-soft) !important; border-radius:8px !important; }
.transport-card h4{ color:var(--a-navy) !important; font-family:var(--a-mono) !important; }
.partner-item:hover img{ border-color:var(--a-navy) !important; box-shadow:none !important; }

/* ── 라인 아이콘 (이모지 대체) ── */
.ic{ width:1.2em; height:1.2em; display:inline-block; vertical-align:middle; color:var(--a-blue); flex:none; }
.sidebar-btn .icon .ic{ color:var(--a-blue); }
.mobile-bottom-nav .tab-icon .ic{ color:currentColor; }
.mv-card .mv-icon .ic{ width:34px; height:34px; color:var(--a-blue) !important; }
.biz-icon .ic, .contact-item .ci-icon .ic, .transport-card .ic{ color:var(--a-blue); }
.address-card .addr-icon .ic{ color:var(--a-blue); }

/* ── 문의 ── */
.contact-item .ci-icon{ background:var(--a-blue-soft) !important; border-radius:8px !important; }
.contact-item h4{ color:var(--a-ink-3) !important; font-family:var(--a-mono) !important; }
.contact-item p{ color:var(--a-ink) !important; }
.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{ outline:none !important; border-color:var(--a-navy) !important; box-shadow:0 0 0 3px var(--a-blue-soft) !important; }

/* ── inquiry 히어로 배너(banner-label/sub) — 연한 패널 대응 ── */
.hero-banner .banner-label{ color:var(--a-blue) !important; }
.hero-banner .banner-sub{ color:var(--a-ink-2) !important; }

/* ── 문의 폼 (inquiry.css / about contact 공통) ── */
.form-card{ background:#fff !important; border:1px solid var(--a-line) !important; border-radius:var(--a-r-lg) !important; box-shadow:none !important; }
.form-group label{ color:var(--a-ink) !important; font-weight:700 !important; }
.form-group label .required{ color:var(--a-blue) !important; }
.form-group input,.form-group select,.form-group textarea{
  border:1px solid var(--a-line-2) !important; border-radius:var(--a-r) !important;
  background:#fff !important; color:var(--a-ink) !important; font-family:var(--a-font) !important;
}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{
  outline:none !important; border-color:var(--a-blue) !important; box-shadow:0 0 0 3px var(--a-blue-soft) !important;
}
.submit-btn{
  background:var(--a-blue) !important; color:#fff !important; border:none !important;
  border-radius:var(--a-r) !important; box-shadow:none !important; font-family:var(--a-font) !important; font-weight:800 !important;
}
.submit-btn:hover{ background:var(--a-blue-ink) !important; transform:none !important; box-shadow:none !important; }

/* 인라인 장식 아이콘(이모지 대체) */
.ic-in{ display:inline-block; width:15px; height:15px; vertical-align:-2px; flex:none; }
.unit-visual .ic-in{ width:30px; height:30px; }
.tab-icon .ic-in{ width:18px; height:18px; }
.session-ai-tag .ic-in{ width:14px; height:14px; }

/* ══ AI 티 감소: 영어 대문자 라벨 제거 + 아이콘 절제 ══ */
.sec-label,.eyebrow,.eyebrow-text,.section-eyebrow,.pick-label,.banner-label,
.section-header .label,.section-eyebrow .eyebrow-text{ display:none !important; }
.ic-in{ display:none !important; }