/* VB2 (2026-10-24) — 시안 B 트레드 벤토: 둥근 카드 모음, 타이어 트레드 무늬, 따뜻한 앰버 #E8B04B 는 카드 1장·주요 단추만 */
html.vb.vb2[data-c] { --acc: #E8B04B; --acc-rgb: 232,176,75; --acc-ink: #140D00; --v3-r: 22px; --bg-2: #0A0A0A; }
.vb2 .vb2-lab, .vb2 .vb2-st b, .vb2 .vb2-amb b { font-family: "Space Grotesk", "Pretendard", sans-serif; }
.vb2 .vb2-tread, .vb2 .v3-gray { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cpath d='M0 30 L15 10 L30 30 L45 10 L60 30 M0 60 L15 40 L30 60 L45 40 L60 60' fill='none' stroke='%23ffffff' stroke-opacity='.04' stroke-width='6'/%3E%3C/svg%3E"); }
/* 둥근 카드 */
.vb2 .rcard, .vb2 .tcard, .vb2 .v3-ibox, .vb2 .v3-why3 li, .vb2 .v3-torque, .vb2 .v3-free, .vb2 .v3-tips a, .vb2 .v3-svc a, .vb2 .v3-gate a, .vb2 .v3-gate button, .vb2 .v3-makers button, .vb2 .v3-inchgrid a, .vb2 .v3-sizechips button, .vb2 .svcgrid > li, .vb2 .box
  { border-radius: 22px !important; border: 1px solid rgba(255,255,255,.08); background-color: #151515; }
.vb2 .vb-btn, .vb2 .v3-btn, .vb2 .btn { border-radius: 40px; }
/* 첫 화면 벤토 */
.vb2-hero { padding-block: 14px 30px; }
.vb2-bento { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); grid-auto-rows: minmax(140px, auto); gap: 12px; }
.vb2-b { position: relative; overflow: hidden; background: #151515; border: 1px solid rgba(255,255,255,.08); border-radius: 24px; padding: 26px; color: #FFF; transition: border-color .3s; }
a.vb2-b:hover { border-color: rgba(255,255,255,.22); }
.vb2-lab { font-size: 11.5px; color: #7D7D7D; letter-spacing: .15em; text-transform: uppercase; }
.vb2-main { grid-column: span 8; grid-row: span 3; display: flex; align-items: flex-end; padding: 40px; min-height: 480px; }
.vb2-main .vb-hero-bg { background-position: right center; filter: grayscale(1) brightness(.5); }
.vb2-main::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, #000 10%, rgba(0,0,0,.6) 55%, rgba(0,0,0,.1)); }
.vb2-main-in { position: relative; z-index: 1; }
.vb2-main h1 { font-size: clamp(28px, 3.6vw, 48px); line-height: 1.1; margin: 12px 0 16px; font-weight: 900; letter-spacing: -.045em; }
.vb2-main h1 span { color: transparent; -webkit-text-stroke: 1.2px #FFF; }
.vb2-main p { color: #B5B5B5; margin: 0 0 24px; font-size: 15px; }
.vb2-main p b { color: #FFF; font-weight: 500; }
.vb2-find { grid-column: span 4; grid-row: span 2; display: flex; flex-direction: column; }
.vb2-find h2 { font-size: 20px; margin: 10px 0 16px; font-weight: 700; letter-spacing: -.03em; }
.vb2-sel { display: flex; justify-content: space-between; align-items: center; width: 100%; text-align: left; background: #000; border: 1px solid rgba(255,255,255,.08); border-radius: 14px; padding: 13px 16px; margin-bottom: 8px; color: #B5B5B5; font-size: 14px; cursor: pointer; }
.vb2-sel::after { content: "›"; color: #7D7D7D; }
.vb2-sel:hover { border-color: rgba(255,255,255,.25); color: #FFF; }
.vb2-go { margin-top: auto; background: #FFF; color: #000; border: 0; border-radius: 14px; padding: 14px; font-weight: 700; cursor: pointer; }
.vb2-amb { grid-column: span 4; background: var(--acc); color: #140D00; border: 0; display: flex; flex-direction: column; justify-content: space-between; }
.vb2-amb .vb2-lab { color: rgba(20,13,0,.6); }
.vb2-amb b { font-size: 46px; line-height: .9; font-weight: 700; letter-spacing: -.04em; }
.vb2-amb b small { font-size: 17px; }
.vb2-amb span { font-size: 14px; }
.vb2-st { grid-column: span 3; display: flex; flex-direction: column; justify-content: space-between; }
.vb2-st b { font-size: 32px; font-weight: 600; line-height: 1; margin-top: 18px; }
.vb2-st span { color: #B5B5B5; font-size: 13.5px; margin-top: 6px; }
@media (max-width: 1000px) { .vb2-bento > * { grid-column: span 12 !important; grid-row: auto !important; } .vb2-bento > .vb2-st { grid-column: span 6 !important; } .vb2-main { min-height: 420px; padding: 28px; } }
/* 제목 */
.vb2 .v3-sec-h h2 { font-weight: 800; letter-spacing: -.04em; }
.vb2 .v3-sec-h h2 em { font-style: normal; color: var(--acc); }
.vb2 .v3-subhd { background: #000; }
.vb2 .v3-subhd > .v3-wrap { background: #151515; border: 1px solid rgba(255,255,255,.08); border-radius: 24px; padding: 26px 28px; margin-block: 14px; }
.vb2 .v3-subhd h1 { font-weight: 900; letter-spacing: -.04em; }
.vb2 .v3-gnb a.on { color: var(--acc); }