/* KOBONGAI 새 디자인 (2026-10-31, 대표님 「디자이너를 새로 고용 하라고」 · 「처음부터 홈페이지 디자인이 맘에 안들었어」)
 * 참고: 토스(큰 글씨·여백) · 리니어(왼쪽 메뉴·같은 모양 아이콘) · 토스테크(글 카드)
 * 홈(/)의 머리줄·왼쪽 메뉴·KOBONGAI 홈 칸·제목 띠를 새로 그림. 예전 home.css 위에 덮어씀(html.kb).
 */
:root{
  --kb-bg:#faf8f4;--kb-surface:#fff;--kb-side:#f0e9db;--kb-side-line:#e2d8c4;--kb-line:#ebe5d9;
  --kb-ink:#17191e;--kb-ink2:#474c55;--kb-muted:#868b94;--kb-hover:#e7dfcd;
  --kb-blue:#2350d2;--kb-blue-dk:#183a9e;--kb-gold:#e9a92c;
  --kb-r:16px;--kb-shadow:0 1px 2px rgba(23,25,30,.04),0 6px 20px rgba(23,25,30,.05);
  --kb-shadow-up:0 2px 4px rgba(23,25,30,.05),0 16px 36px rgba(23,25,30,.10);
  --kb-head:64px;--kb-side-w:248px;
  --kb-font:Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR","Segoe UI",sans-serif;
}
html.kb,html.kb body{background:var(--kb-bg)!important;color:var(--kb-ink);font-family:var(--kb-font)!important;-webkit-font-smoothing:antialiased}
html.kb body{margin:0}
.kb-ic{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.kb-ic.sm{width:16px;height:16px}

/* ── 머리줄 ───────────────────────────── */
.kb-header{position:sticky;top:0;z-index:1000;height:var(--kb-head);background:rgba(255,255,255,.86);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--kb-line);font-family:var(--kb-font)}
.kb-header-in{height:100%;display:flex;align-items:center;gap:12px;padding:0 24px;box-sizing:border-box}
.kb-brand{display:flex;align-items:center;gap:10px;text-decoration:none!important;color:var(--kb-ink)!important;font-weight:800;font-size:18px;letter-spacing:-.01em}
.kb-brand img{width:30px;height:30px;border-radius:50%}
.kb-brand b{color:var(--kb-gold);font-weight:800}
.kb-actions{margin-left:auto;display:flex;align-items:center;gap:8px}
.kb-burger{display:none;width:40px;height:40px;margin-left:-8px;border:0;border-radius:10px;background:transparent;color:var(--kb-ink);cursor:pointer;align-items:center;justify-content:center}
.kb-burger:hover{background:#f2efe8}
.kb-chan{position:relative}
.kb-chan summary{list-style:none;display:flex;align-items:center;gap:4px;height:36px;padding:0 12px;border-radius:10px;font-size:14px;font-weight:600;color:var(--kb-ink2);cursor:pointer;user-select:none}
.kb-chan summary::-webkit-details-marker{display:none}
.kb-chan summary:hover,.kb-chan[open] summary{background:#f2efe8;color:var(--kb-ink)}
.kb-chan-menu{position:absolute;right:0;top:44px;min-width:168px;padding:6px;background:#fff;border:1px solid var(--kb-line);border-radius:14px;box-shadow:var(--kb-shadow-up);display:flex;flex-direction:column}
.kb-chan-menu a{padding:9px 12px;border-radius:9px;font-size:14px;color:var(--kb-ink2)!important;text-decoration:none!important}
.kb-chan-menu a:hover{background:#f5f2ec;color:var(--kb-ink)!important}
.kb-lang{display:flex;padding:3px;border-radius:10px;background:#f2efe8}
.kb-lang a{padding:5px 10px;border-radius:7px;font-size:12px;font-weight:700;color:var(--kb-muted)!important;text-decoration:none!important;letter-spacing:.02em}
.kb-lang a[aria-current]{background:#fff;color:var(--kb-ink)!important;box-shadow:0 1px 2px rgba(0,0,0,.08)}
.kb-cta{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 16px;border-radius:10px;background:var(--kb-blue);color:#fff!important;font-size:14px;font-weight:700;text-decoration:none!important;transition:background .15s}
.kb-cta:hover{background:var(--kb-blue-dk)}
.kb-cta .kb-ic{fill:currentColor;stroke:none}

/* 예전 맨 위 두 줄·등대 배너는 그리지 않음 */
html.kb main>.hero-art,html.kb .service-launch-menu{display:none!important}

/* ── 왼쪽 메뉴 ───────────────────────────── */
html.kb .site-side.kb-side{font-family:var(--kb-font);background:var(--kb-side)!important;border:0!important;border-right:1px solid var(--kb-side-line)!important;border-radius:0!important;box-shadow:none!important;color:var(--kb-ink)!important;padding:16px 12px 20px!important;gap:0!important;scrollbar-width:thin!important}
html.kb .kb-side .kb-group{display:flex;flex-direction:column;gap:2px;padding:0!important;margin:0!important;background:none!important;border:0!important;box-shadow:none!important}
html.kb .kb-side .kb-group>span{display:block;padding:14px 12px 6px!important;font-size:11.5px!important;font-weight:700!important;letter-spacing:.04em;color:var(--kb-muted)!important;text-transform:none;background:none!important}
html.kb .kb-side .kb-group a{display:flex!important;align-items:center;gap:12px;height:40px;padding:0 12px!important;border-radius:10px!important;font-size:15px!important;font-weight:600!important;color:var(--kb-ink2)!important;background:none!important;box-shadow:none!important;border:0!important;transform:none!important;line-height:1}
html.kb .kb-side .kb-group a .kb-ic{color:#7d7462}
html.kb .kb-side .kb-group a:hover{background:var(--kb-hover)!important;color:var(--kb-ink)!important}
html.kb .kb-side .kb-group a[aria-current]{background:#fff!important;color:var(--kb-ink)!important;box-shadow:0 1px 2px rgba(60,45,10,.08),0 0 0 1px #e4dac6!important}
html.kb .kb-side .kb-group a[aria-current] .kb-ic{color:var(--kb-ink)}
html.kb .kb-side .kb-group a::before,html.kb .kb-side .kb-group a::after{display:none!important}
/* 등대의아이 묶음만 파란색 */
.kb-lh{margin-top:18px;padding:6px 8px 10px;border-radius:16px;background:linear-gradient(170deg,#2a5ad8 0%,#1d43b0 100%);box-shadow:0 8px 24px rgba(29,67,176,.22)}
.kb-lh-head{display:flex;align-items:baseline;gap:8px;padding:10px 10px 6px}
.kb-lh-head b{font-size:15px;font-weight:800;color:#fff;letter-spacing:-.01em}
.kb-lh-head small{font-size:12px;color:#b9c9f5;font-weight:500}
html.kb .kb-lh .kb-group>span{color:#9fb5ef!important;padding:12px 10px 4px!important}
html.kb .kb-lh .kb-group a{height:36px;font-size:14px!important;color:#e4ebff!important;padding:0 10px!important}
html.kb .kb-lh .kb-group a .kb-ic{color:#a9bdf3;width:18px;height:18px}
html.kb .kb-lh .kb-group a:hover{background:rgba(255,255,255,.12)!important;color:#fff!important}
html.kb .kb-lh .kb-group a[aria-current]{background:#fff!important;color:var(--kb-blue-dk)!important;box-shadow:0 2px 8px rgba(10,30,90,.25)!important}
html.kb .kb-lh .kb-group a[aria-current] .kb-ic{color:var(--kb-blue)}
/* 서비스 목록 펼침 */
html.kb .kb-side .svc-list{margin:2px 0 6px 22px!important;padding:2px 0 2px 10px!important;border-left:1px solid #d9cdb4!important}
html.kb .kb-side .svc-list em{color:var(--kb-muted)!important;font-size:11px!important}
html.kb .kb-side .svc-list a{height:32px!important;font-size:13.5px!important;color:var(--kb-ink2)!important;background:none!important;padding:0 8px!important;gap:8px}
html.kb .kb-side .svc-list a:hover{background:var(--kb-hover)!important}
html.kb .kb-side .svc-list a[aria-current]{background:#fff!important;color:var(--kb-ink)!important}
/* 방문자 수 */
html.kb .kb-side .visit-counter{position:static!important;margin:18px 4px 0!important;padding:12px!important;border-radius:12px!important;background:rgba(255,255,255,.55)!important;border:1px solid var(--kb-side-line)!important;color:var(--kb-muted)!important;font-size:12px!important}
html.kb .kb-side .visit-counter *{color:inherit!important}
html.kb .kb-side .visit-counter b,html.kb .kb-side .visit-counter strong{color:var(--kb-ink)!important}

/* ── PC 틀 ───────────────────────────── */
html.kb body.pc-cafe main{display:block!important;padding:0 48px 96px calc(var(--kb-side-w) + 48px)!important;margin:0!important;max-width:none!important;min-height:calc(100vh - var(--kb-head))}
html.kb body.pc-cafe main>*:not(.site-side){max-width:1120px!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box}
html.kb body.pc-cafe .site-side.kb-side{position:fixed!important;top:var(--kb-head)!important;left:0!important;bottom:0!important;width:var(--kb-side-w)!important;max-height:none!important;height:auto!important;z-index:50}
html.kb body.pc-cafe>footer{padding-left:calc(var(--kb-side-w) + 48px)!important}
html.kb body.pc-cafe main>.view-first{margin-top:40px!important}
html.kb body.pc-cafe main>*{border-radius:var(--kb-r)}

/* 제목 띠: 그림 없이 글자만 (배너도 등대 컨셉 아님) */
html.kb body.pc-cafe .view-strip{display:block!important;min-height:0!important;margin:40px auto 24px!important;padding:0 0 24px!important;background:none!important;box-shadow:none!important;border-radius:0!important;border-bottom:1px solid var(--kb-line)!important;overflow:visible!important}
html.kb .view-strip img{display:none!important}
html.kb .view-strip>div{position:static!important;padding:0!important;max-width:none!important;background:none!important;text-shadow:none!important;transform:none!important}
html.kb .view-strip small{display:block;font-size:13px!important;font-weight:700!important;letter-spacing:.06em!important;color:var(--kb-gold)!important;margin:0 0 8px!important;text-transform:uppercase}
html.kb .view-strip h2{font-family:var(--kb-font)!important;font-size:34px!important;line-height:1.25!important;font-weight:800!important;letter-spacing:-.025em!important;color:var(--kb-ink)!important;margin:0 0 10px!important;-webkit-text-stroke:0!important;text-shadow:none!important}
html.kb .view-strip p{font-size:16px!important;line-height:1.6!important;color:var(--kb-ink2)!important;margin:0!important;text-shadow:none!important;max-width:680px}
html.kb .view-strip[data-view="game"] small,html.kb .view-strip:not(.kb) small{color:var(--kb-blue)!important}
html.kb body.pc-cafe .view-strip+*{margin-top:0!important}
html.kb body.pc-cafe main>.page-pane{background:none!important;box-shadow:none!important;border:0!important}
html.kb body.pc-cafe main>.page-pane iframe{background:transparent}

/* ── KOBONGAI 홈 ───────────────────────────── */
.kb-home{font-family:var(--kb-font);color:var(--kb-ink);padding:48px 0 24px}
.kb-eyebrow{display:block;font-size:13px;font-weight:700;letter-spacing:.02em;color:var(--kb-gold);margin-bottom:12px}
.kb-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:48px;align-items:center;padding:16px 0 56px;border-bottom:1px solid var(--kb-line)}
.kb-hero h1{font-size:46px;line-height:1.22;font-weight:800;letter-spacing:-.035em;margin:0 0 20px;color:var(--kb-ink)}
.kb-hero-copy>p{font-size:17px;line-height:1.7;color:var(--kb-ink2);margin:0 0 28px;max-width:520px}
.kb-hero-btns{display:flex;flex-wrap:wrap;gap:10px}
.kb-btn{display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 22px;border-radius:12px;font-size:15px;font-weight:700;text-decoration:none!important;transition:background .15s,transform .15s,box-shadow .15s}
.kb-btn:hover{transform:translateY(-1px)}
.kb-btn-dark{background:var(--kb-ink);color:#fff!important}
.kb-btn-dark:hover{background:#2c3038}
.kb-btn-line{background:#fff;color:var(--kb-ink)!important;box-shadow:inset 0 0 0 1px #dcd5c7}
.kb-btn-line:hover{box-shadow:inset 0 0 0 1px #b9b09f}
.kb-btn-white{background:#fff;color:var(--kb-blue-dk)!important}
.kb-btn-ghost{background:rgba(255,255,255,.14);color:#fff!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}
.kb-btn-ghost .kb-ic{fill:currentColor;stroke:none}
.kb-stats{display:flex;gap:36px;margin:36px 0 0;padding:0}
.kb-stats div{margin:0}
.kb-stats dt{font-size:13px;color:var(--kb-muted);margin:0 0 4px}
.kb-stats dd{margin:0;font-size:22px;font-weight:800;letter-spacing:-.02em;color:var(--kb-ink)}
.kb-feature{display:block;border-radius:22px;overflow:hidden;background:#fff;box-shadow:var(--kb-shadow-up);text-decoration:none!important;color:inherit!important;transition:transform .2s,box-shadow .2s}
.kb-feature:hover{transform:translateY(-3px)}
.kb-feature-img{display:block;aspect-ratio:16/10;overflow:hidden;background:#eee}
.kb-feature-img img{width:100%;height:100%;object-fit:cover;display:block}
.kb-feature-body{display:block;padding:20px 24px 24px}
.kb-feature-body em{display:block;font-style:normal;font-size:13px;font-weight:700;color:var(--kb-blue);margin-bottom:6px}
.kb-feature-body b{display:block;font-size:20px;line-height:1.4;font-weight:800;letter-spacing:-.02em;margin-bottom:6px}
.kb-feature-body span{font-size:14.5px;color:var(--kb-muted)}

.kb-sec{padding:56px 0 8px}
.kb-sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:24px}
.kb-sec-head .kb-eyebrow{margin-bottom:8px}
.kb-sec-head h2{font-size:28px;line-height:1.3;font-weight:800;letter-spacing:-.03em;margin:0;color:var(--kb-ink)}
.kb-more{display:inline-flex;align-items:center;gap:4px;font-size:14px;font-weight:600;color:var(--kb-ink2)!important;text-decoration:none!important;white-space:nowrap;padding:8px 10px;border-radius:9px}
.kb-more:hover{background:#f0ece3;color:var(--kb-ink)!important}

.kb-posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px}
.kb-post{display:flex;flex-direction:column;text-decoration:none!important;color:inherit!important}
.kb-post-img{display:block;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#ece7dd;box-shadow:0 0 0 1px rgba(0,0,0,.04);margin-bottom:14px}
.kb-post-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}
.kb-post:hover .kb-post-img img{transform:scale(1.04)}
.kb-post-meta{display:flex;gap:8px;align-items:center;margin-bottom:6px;font-size:12.5px}
.kb-post-meta em{font-style:normal;font-weight:700;color:var(--kb-blue)}
.kb-post-meta i{font-style:normal;color:var(--kb-muted)}
.kb-post b{font-size:17px;line-height:1.45;font-weight:700;letter-spacing:-.02em;color:var(--kb-ink);margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.kb-post:hover b{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.kb-post-sum{font-size:14px;line-height:1.6;color:var(--kb-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

.kb-svc{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.kb-svc a,.kb-mini a{display:flex;flex-direction:column;gap:6px;padding:24px;border-radius:var(--kb-r);background:#fff;border:1px solid var(--kb-line);text-decoration:none!important;color:inherit!important;transition:border-color .15s,box-shadow .15s,transform .15s}
.kb-svc a:hover,.kb-mini a:hover{border-color:#d8cfbd;box-shadow:var(--kb-shadow);transform:translateY(-2px)}
.kb-svc .kb-ic,.kb-mini .kb-ic{width:24px;height:24px;padding:10px;border-radius:12px;background:#f4efe4;color:var(--kb-ink);margin-bottom:10px;box-sizing:content-box}
.kb-svc b,.kb-mini b{font-size:16.5px;font-weight:700;letter-spacing:-.015em}
.kb-svc span,.kb-mini span{font-size:14px;line-height:1.55;color:var(--kb-muted)}

.kb-project{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:32px;padding:40px;border-radius:24px;background:linear-gradient(135deg,#2453d2 0%,#1a3c9f 100%);color:#fff;overflow:hidden}
.kb-project-copy em{display:block;font-style:normal;font-size:13px;font-weight:700;color:#b9cbff;margin-bottom:10px}
.kb-project-copy b{display:block;font-size:34px;font-weight:800;letter-spacing:-.03em;margin-bottom:12px}
.kb-project-copy p{font-size:16px;line-height:1.7;color:#dfe7ff;margin:0 0 24px}
.kb-project-img{display:block;border-radius:16px;overflow:hidden;box-shadow:0 20px 40px rgba(5,20,70,.35)}
.kb-project-img img{width:100%;display:block;aspect-ratio:16/10;object-fit:cover}
.kb-mini{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.kb-mini a{flex-direction:row;flex-wrap:wrap;align-items:center;column-gap:14px;padding:20px 22px}
.kb-mini .kb-ic{margin:0}
.kb-mini b{flex:1}
.kb-mini span{flex-basis:100%;padding-left:58px;margin-top:-8px}

/* 등대의아이 칸들: 홈 카드 틀에 맞춤 */
html.kb main>.section .section-head h2{letter-spacing:-.03em}
html.kb body>footer{background:var(--kb-bg)!important;border-top:1px solid var(--kb-line)!important;color:var(--kb-muted)!important;font-family:var(--kb-font)!important}
html.kb body>footer .company-brand span{color:var(--kb-ink)!important}

/* ── 폰·좁은 화면 ───────────────────────────── */
@media (max-width:799px){
  :root{--kb-head:56px}
  .kb-header-in{padding:0 12px;gap:6px}
  .kb-burger{display:inline-flex}
  .kb-brand{font-size:16px}
  .kb-brand img{width:26px;height:26px}
  .kb-chan{display:none}
  .kb-cta{height:34px;padding:0 12px;font-size:13px}
  .kb-lang a{padding:4px 8px}
  html.kb .site-side.kb-side{display:flex!important;flex-direction:column;position:fixed!important;top:0!important;left:0!important;bottom:0!important;width:min(300px,84vw)!important;max-height:none!important;z-index:2000!important;overflow-y:auto;transform:translateX(-102%);transition:transform .25s ease;box-shadow:none!important;padding-top:20px!important}
  html.kb body.kb-nav-open .site-side.kb-side{transform:none;box-shadow:0 0 0 100vmax rgba(15,17,22,.45)!important}
  html.kb body.kb-nav-open{overflow:hidden}
  .kb-home{padding:28px 0 8px}
  .kb-hero{grid-template-columns:1fr;gap:28px;padding:0 0 40px}
  .kb-hero h1{font-size:30px;margin-bottom:14px}
  .kb-hero-copy>p{font-size:15.5px;margin-bottom:22px}
  .kb-btn{height:46px;padding:0 18px;font-size:14.5px}
  .kb-stats{gap:24px;margin-top:28px}
  .kb-stats dd{font-size:18px}
  .kb-sec{padding:40px 0 4px}
  .kb-sec-head h2{font-size:22px}
  .kb-posts{grid-template-columns:1fr;gap:22px}
  .kb-post{display:grid;grid-template-columns:120px 1fr;column-gap:14px;align-items:start}
  .kb-post-img{grid-row:1/span 3;margin:0;aspect-ratio:4/3;border-radius:10px}
  .kb-post b{font-size:15.5px;margin-bottom:0}
  .kb-post-sum{display:none}
  .kb-svc,.kb-mini{grid-template-columns:1fr 1fr;gap:12px}
  .kb-svc a{padding:18px}
  .kb-mini{grid-template-columns:1fr}
  .kb-project{grid-template-columns:1fr;padding:28px 22px;gap:24px}
  .kb-project-copy b{font-size:28px}
  html.kb main#home{padding-left:20px!important;padding-right:20px!important}
}
@media (min-width:800px){.kb-side-chan{display:none!important}}
.kb-side-chan a{height:34px!important;font-size:14px!important}
/* 예전 전체 header·nav 규칙 무시 */
html.kb header.kb-header{display:block;max-width:none;margin:0;padding:0;border-radius:0;box-shadow:none;justify-content:initial;gap:0}
html.kb .kb-header nav{order:0;width:auto;gap:0;font-size:inherit;justify-content:initial}
html.kb .kb-side .kb-group a>span{padding:0!important;font:inherit!important;color:inherit!important;letter-spacing:-.01em!important;text-transform:none!important;background:none!important}
html.kb .kb-side .kb-group>span{font-family:var(--kb-font)!important;line-height:1.4!important}
html.kb .kb-side .kb-group a img{display:none!important}
html.kb .view-strip::before,html.kb .view-strip::after{display:none!important}
.kb-svc-big{grid-template-columns:repeat(2,minmax(0,1fr))}
.kb-svc-big a{padding:28px}
html.kb #services,html.kb #contact,html.kb #faq{background:none!important;box-shadow:none!important;border:0!important}
html.kb #contact{text-align:left!important;padding:0!important}
html.kb #contact h2{font-size:28px!important;font-weight:800!important;color:var(--kb-ink)!important;letter-spacing:-.03em}
html.kb #contact .contact-mail{display:inline-flex!important;align-items:center;height:52px;padding:0 24px!important;border-radius:12px!important;background:var(--kb-ink)!important;color:#fff!important;font-size:16px!important;font-weight:700!important;box-shadow:none!important;border:0!important;margin:12px 0 20px!important}
html.kb #contact p{color:var(--kb-ink2)!important}
html.kb #contact p a{color:var(--kb-blue)!important}
html.kb #contact .eyebrow,html.kb #services .eyebrow,html.kb #faq .eyebrow{color:var(--kb-gold)!important}
@media (max-width:799px){.kb-svc-big{grid-template-columns:1fr}}
html.kb body{word-break:keep-all}
@media (max-width:799px){
  .kb-cta-long{display:none}
  html.kb main>#kb-home{background:none!important;border:0!important;box-shadow:none!important;padding:28px 20px 8px!important;margin:0!important;border-radius:0!important}
  .kb-hero h1{font-size:29px}
  .kb-hero-btns .kb-btn{flex:1;justify-content:center;padding:0 12px}
}
.kb-project-img.kb-phones{position:relative;height:340px;border-radius:0;overflow:visible;box-shadow:none}
.kb-phones img{position:absolute;top:50%;left:50%;width:180px;height:auto;aspect-ratio:636/1048;border-radius:22px;border:5px solid #0e1b44;box-shadow:0 18px 40px rgba(5,15,60,.45);object-fit:cover}
.kb-phones img:nth-child(1){transform:translate(-125%,-46%) rotate(-8deg) scale(.86);opacity:.9}
.kb-phones img:nth-child(2){transform:translate(-50%,-50%);z-index:2}
.kb-phones img:nth-child(3){transform:translate(25%,-46%) rotate(8deg) scale(.86);opacity:.9}
.kb-project{overflow:hidden}
/* 바닥 */
html.kb body>footer{display:flex!important;flex-wrap:wrap;align-items:center;gap:10px 24px!important;padding-top:28px!important;padding-bottom:36px!important;text-align:left!important;grid-template-columns:none!important}
html.kb body>footer p{margin:0!important;color:var(--kb-muted)!important}
html.kb body>footer .footer-channels{margin:0!important;justify-content:flex-start!important}
html.kb body>footer .footer-channels a{color:var(--kb-ink2)!important}
@media (max-width:799px){
  .kb-hero-btns .kb-btn{flex:1 1 auto;white-space:nowrap;font-size:14px}
  .kb-sec-head h2{font-size:21px}
  .kb-project-img.kb-phones{height:300px}
  .kb-phones img{width:150px}
  html.kb body>footer{flex-direction:column!important;align-items:center!important;text-align:center!important;padding:28px 20px 40px!important}
  html.kb body>footer .footer-channels{justify-content:center!important}
}
html.kb .kb-side>*{order:0!important}
html.kb body.kb-nav-open::after{content:"";position:fixed;inset:0;background:rgba(15,17,22,.45);z-index:1999}
html.kb body.kb-nav-open::after{display:block!important}

/* 공지사항 (대표님 2026-11-02 「공지사항이 먼저 뜨게, 정식 출시 배너를 공지사항 게시판란에」): 홈·등대의아이 홈 맨 위 */
.kb-notice{font-family:var(--kb-font);color:var(--kb-ink);padding:40px 0 8px}
.kb-notice .kb-sec-head{margin-bottom:16px}
html.kb .kb-notice .launch-hero{display:flex!important;margin:0!important;max-width:none!important;min-height:340px;border-radius:20px 20px 0 0;box-shadow:none}
html.kb .kb-notice .launch-hero .lh-big{font-size:72px}
.launch-hero .lh-notice{color:#ffe28a}
.kb-nlist{background:#fff;border:1px solid var(--kb-line);border-top:0;border-radius:0 0 20px 20px;overflow:hidden}
.kb-nrow{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:15px 22px;border-top:1px solid #f1ece2;color:var(--kb-ink2)!important;text-decoration:none!important;font-size:15px}
.kb-nrow:first-child{border-top:0}
.kb-nrow:hover{background:#faf8f4}
.kb-nrow em{font-style:normal;font-size:12px;font-weight:700;color:var(--kb-ink2);background:#f0ece3;border-radius:6px;padding:3px 8px}
.kb-nrow.pin em{background:var(--kb-ink);color:#fff}
.kb-nrow b{font-weight:600;color:var(--kb-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kb-nrow:hover b{color:var(--kb-blue)}
.kb-nrow time{font-size:13px;color:var(--kb-muted);font-variant-numeric:tabular-nums}
html.kb body.pc-cafe main>.kb-notice+.kb-home{padding-top:24px}
html.kb main>#kb-notice{background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important}
@media(max-width:799px){
  html.kb main>#kb-notice{padding:24px 20px 4px!important;margin:0!important}
  html.kb .kb-notice .launch-hero{display:block!important;min-height:0;border-radius:18px 18px 0 0}
  html.kb .kb-notice .launch-hero .lh-big{font-size:52px}
  html.kb .kb-notice .launch-hero .lh-play{max-width:100%;box-sizing:border-box;padding:6px 14px 6px 6px;gap:8px;font-size:17px}
  html.kb .kb-notice .launch-hero .lh-play img{height:42px}
  html.kb .kb-notice .launch-hero .lh-cta{justify-content:center}
  .kb-nlist{border-radius:0 0 18px 18px}
  .kb-nrow{padding:14px 16px;gap:10px;font-size:14.5px}
  .kb-nrow time{display:none}
}
/* 왼쪽 메뉴 수정안 1-1 (대표님 2026-11-02): KOBONGAI·등대의아이 제목을 가운데 크게, 등대의아이는 8가지 메뉴 + 하위 메뉴, 서비스 목록은 바탕색으로 강조 */
html.kb .kb-side .kb-title{display:flex!important;align-items:center;justify-content:center;height:46px;margin:0 0 8px;border-radius:12px;font-family:var(--kb-font);font-size:19px!important;font-weight:900!important;letter-spacing:.02em;color:var(--kb-ink)!important;text-decoration:none!important;background:rgba(255,255,255,.55);border:1px solid var(--kb-side-line);transition:background .15s,box-shadow .15s}
html.kb .kb-side .kb-title:hover{background:#fff}
html.kb .kb-side .kb-title[aria-current]{background:#fff;box-shadow:0 1px 2px rgba(60,45,10,.08),0 0 0 1px #e4dac6}
html.kb .kb-side .kb-lh-title{color:#fff!important;background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.18);margin:4px 2px 8px}
html.kb .kb-side .kb-lh-title:hover{background:rgba(255,255,255,.2)}
html.kb .kb-side .kb-lh-title[aria-current]{background:#fff;color:var(--kb-blue-dk)!important;box-shadow:0 2px 8px rgba(10,30,90,.25)}
.kb-tree{display:flex;flex-direction:column;gap:2px}
.kb-kids{display:flex;flex-direction:column;gap:1px;margin:0 0 4px 19px;padding-left:10px;border-left:1px solid rgba(255,255,255,.22)}
html.kb .kb-lh .kb-kids a{height:30px;font-size:13px!important;font-weight:500!important;color:#cdd9fb!important;gap:9px}
html.kb .kb-lh .kb-kids a .kb-ic{width:15px;height:15px}
html.kb .kb-side .svc-list{background:#fff!important;border:1px solid #e4dac6!important;border-left:3px solid var(--kb-gold)!important;border-radius:12px!important;margin:4px 2px 8px!important;padding:6px!important;box-shadow:0 1px 3px rgba(60,45,10,.06)}
html.kb .kb-side .svc-list a:hover{background:#faf6ee!important}
html.kb .kb-side .svc-list a[aria-current]{background:#fff4dc!important}
html.kb .kb-side .svc-list a img{display:inline-block!important;width:20px!important;height:20px!important;border-radius:5px;object-fit:cover;flex:none}
html.kb .kb-side .svc-list .svc-c{background:#5b6ee1!important;color:#fff!important}

/* 맨 위 메뉴줄은 예전 두 줄 그대로 (대표님 2026-11-02 「왼쪽 메뉴만 바꾸라고, 맨위 메뉴들은 이전대로」): 왼쪽 메뉴는 그 아래에서 시작, 폰은 ☰로 왼쪽 메뉴 열기 */
html.kb header.company-header .kb-burger{display:none;width:38px;height:38px;margin:0 2px 0 -6px;flex:none;border:0;border-radius:10px;background:transparent;color:#17191e;cursor:pointer;align-items:center;justify-content:center}
html.kb header.company-header .kb-burger .kb-ic{width:22px;height:22px}
@media (max-width:799px){html.kb header.company-header .kb-burger{display:inline-flex}}
/* 왼쪽 메뉴 간격 좁게 (대표님 2026-11-02 「간격이 너무 넓은데 좀더 타이트하게」) */
html.kb .site-side.kb-side{padding:12px 10px 16px!important}
html.kb .kb-side .kb-group{gap:0!important}
html.kb .kb-side .kb-group a{height:32px!important;font-size:14px!important;gap:10px}
html.kb .kb-side .kb-group a .kb-ic{width:17px;height:17px}
html.kb .kb-side .kb-title{height:38px;margin:0 0 4px;font-size:17px!important}
.kb-lh{margin-top:10px;padding:4px 6px 8px}
html.kb .kb-side .kb-lh-title{margin:2px 2px 4px}
html.kb .kb-lh .kb-group a{height:30px!important;font-size:14px!important}
html.kb .kb-lh .kb-kids a{height:25px!important;font-size:12.5px!important}
.kb-tree{gap:0}
.kb-kids{margin:0 0 2px 18px;gap:0}
html.kb .kb-side .svc-list a{height:28px!important}
html.kb .kb-side .visit-counter{margin-top:10px!important}
/* 왼쪽 메뉴 좌우 폭 좁게 (대표님 2026-11-02 「위아래가 아니라 좌우 간격을 줄이라고」) */
:root{--kb-side-w:192px}
html.kb .site-side.kb-side{padding:12px 6px 16px!important}
html.kb .kb-side .kb-group a{padding:0 8px!important;gap:8px}
html.kb .kb-side .kb-title{margin-left:0;margin-right:0}
.kb-lh{padding:4px 4px 8px}
html.kb .kb-lh .kb-group a{padding:0 6px!important;gap:8px}
.kb-kids{margin-left:14px;padding-left:6px}
html.kb .kb-lh .kb-kids a{gap:7px}
html.kb .kb-side .svc-list{margin:4px 0 8px!important;padding:5px!important}
html.kb .kb-side .svc-list a{padding:0 6px!important}
html.kb body.pc-cafe main{padding-left:calc(var(--kb-side-w) + 40px)!important}
html.kb body.pc-cafe>footer{padding-left:calc(var(--kb-side-w) + 40px)!important}
/* 11/02 서비스 목록 바탕: 진한 아이보리·갈색 계통 */
html.kb .kb-side .svc-list{background:#e2cfa8!important;border:1px solid #c9ad7c!important;border-left:3px solid #8a5a2b!important;box-shadow:0 1px 3px rgba(80,50,15,.12)}
html.kb .kb-side .svc-list em{color:#6b4a24!important}
html.kb .kb-side .svc-list a{color:#4a3016!important}
html.kb .kb-side .svc-list a:hover{background:#d6bf92!important}
html.kb .kb-side .svc-list a[aria-current]{background:#cbb07c!important;color:#3a2410!important}
html.kb .kb-side .svc-list a:hover,html.kb .kb-side .svc-list a[aria-current]{background:#fff!important;color:#3a2410!important}
/* 등대의아이 메뉴처럼: 올리면 옅은 흰색, 고르면 흰 바탕+그림자 */
html.kb .kb-side .svc-list a:hover{background:rgba(255,255,255,.45)!important;color:#3a2410!important}
html.kb .kb-side .svc-list a[aria-current]{background:#fff!important;color:#3a2410!important;font-weight:800;box-shadow:0 2px 8px rgba(80,50,15,.25)!important}