/* 2026-10-10 대표 지시: 오른쪽 아래 채널 버튼 + 하단 고정 빠른 상담 바 (LUCID TAX와 같은 구성, 비지오플랜 색) */
:root{--vq-h:76px}
body{padding-bottom:var(--vq-h)}
.vq-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.vq{position:fixed;left:0;right:0;bottom:0;z-index:70;background:rgba(8,8,10,.94);border-top:1px solid rgba(243,241,234,.16);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-family:"Pretendard Variable",Pretendard,"Apple SD Gothic Neo",sans-serif;transition:transform .45s cubic-bezier(.16,1,.3,1)}
.vq.hide{transform:translateY(110%)}
.vq{display:block;width:100%;max-width:none;margin:0;padding:0;box-sizing:border-box}.vq *,.vd *{box-sizing:border-box}
.vq-wrap{width:100%}
.vq-wrap{max-width:1280px;margin:0 auto;height:var(--vq-h);padding:0 28px;display:flex;align-items:center;gap:20px}
.vq-tit{flex:none;display:flex;flex-direction:column;line-height:1.35;margin:0}
.vq-tit b{font-weight:700;font-size:16px;color:#f3f1ea}.vq-tit b i{font-style:normal;color:#ff3b1d}
.vq-tit span{font-size:12.5px;color:#8f8d86}
.vq-fields{flex:1;display:flex;align-items:center;gap:10px;min-width:0}
.vq-f{flex:1;min-width:0;margin:0}
.vq-f input,.vq-f select{width:100%;height:44px;padding:0 16px;background:#111114;border:1px solid rgba(243,241,234,.16);border-radius:9999px;color:#f3f1ea;font-family:inherit;font-weight:500;font-size:14.5px;line-height:1;appearance:none;-webkit-appearance:none}
.vq-f select{background-image:linear-gradient(45deg,transparent 50%,#8f8d86 50%),linear-gradient(135deg,#8f8d86 50%,transparent 50%);background-position:calc(100% - 20px) 19px,calc(100% - 15px) 19px;background-size:5px 5px;background-repeat:no-repeat;padding-right:34px}
.vq-f select option{background:#111114;color:#f3f1ea}
.vq-f input::placeholder{color:#6d6b66}
.vq-f input:focus,.vq-f select:focus{outline:none;border-color:#ff3b1d}
.vq-agree{flex:none;display:flex;align-items:center;gap:7px;font-size:12.5px;color:#8f8d86;cursor:pointer;white-space:nowrap;margin:0}
.vq-agree input{width:16px;height:16px;accent-color:#ff3b1d}.vq-agree a{color:#f3f1ea;text-decoration:underline;text-underline-offset:3px}
.vq-send{flex:none;height:44px;padding:0 26px;border:0;border-radius:9999px;background:#ff3b1d;color:#08080a;font-family:inherit;font-weight:700;font-size:15px;line-height:1;white-space:nowrap;cursor:pointer;transition:background .2s}
.vq-send:hover{background:#ff6a3d}.vq-send:disabled{opacity:.6;cursor:wait}
.vq-mail{flex:none;white-space:nowrap;height:44px;display:flex;align-items:center;padding:0 18px;border:1px solid rgba(243,241,234,.16);border-radius:9999px;color:#f3f1ea;font-size:14px;font-weight:600;text-decoration:none}
.vq-mail:hover{border-color:#ff3b1d}
.vq-open{display:none}
.vq-msg{position:absolute;left:0;right:0;bottom:100%;margin:0;padding:0 28px;font-size:13.5px;color:#f3f1ea;background:rgba(8,8,10,.96);max-height:0;overflow:hidden;transition:max-height .3s,padding .3s}
.vq-msg.on{max-height:60px;padding:12px 28px}.vq-msg.bad{color:#ff8a70}
.vq .hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.vd{position:fixed;right:22px;bottom:calc(var(--vq-h) + 22px);z-index:69;display:flex;flex-direction:column;gap:10px;font-family:"Pretendard Variable",Pretendard,sans-serif}
.vd a{position:relative;width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:rgba(17,17,20,.92);border:1px solid rgba(243,241,234,.18);color:#f3f1ea;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform .25s cubic-bezier(.16,1,.3,1),border-color .25s;text-decoration:none}
.vd a svg{width:22px;height:22px}
.vd a span{position:absolute;right:calc(100% + 10px);top:50%;transform:translate(6px,-50%);white-space:nowrap;font-size:13px;font-weight:600;color:#f3f1ea;background:rgba(17,17,20,.96);border:1px solid rgba(243,241,234,.18);border-radius:9999px;padding:6px 12px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}
.vd a:hover{transform:translateY(-2px);border-color:#ff3b1d}
.vd a:hover span,.vd a:focus-visible span{opacity:1;transform:translate(0,-50%)}
.vd .d-kakao{background:#fee500;border-color:#fee500;color:#3a1d1d}
.vd .d-mail{background:#ff3b1d;border-color:#ff3b1d;color:#08080a}
.vp-dock,.vpx-dock{display:none!important}
@media (max-width:1100px){.vq-tit span{display:none}}
@media (max-width:860px){
  :root{--vq-h:62px}
  .vq-wrap{padding:0 12px;gap:8px}
  .vq-tit{display:none}
  .vq-mail{flex:1;justify-content:center}
  .vq-open{display:flex;flex:1;align-items:center;justify-content:center;height:44px;border:0;border-radius:9999px;background:#ff3b1d;color:#08080a;font-family:inherit;font-weight:700;font-size:15px;line-height:1;white-space:nowrap}
  .vq-fields{display:none;position:absolute;left:0;right:0;bottom:100%;flex-direction:column;align-items:stretch;gap:8px;padding:16px 12px 14px;background:rgba(8,8,10,.98);border-top:1px solid rgba(243,241,234,.16)}
  .vq.open .vq-fields{display:flex}
  .vq.open .vq-open{background:transparent;color:#f3f1ea;border:1px solid rgba(243,241,234,.16)}
  .vq-agree{white-space:normal}.vq-send{height:48px}
  .vd{right:12px;bottom:calc(var(--vq-h) + 14px);gap:8px}
  .vd a{width:44px;height:44px}.vd a svg{width:20px;height:20px}.vd a span{display:none}
}
@media (prefers-reduced-motion:reduce){.vq,.vd a,.vd a span{transition:none}}
/* 2026-10-18 어디서 알게 되셨나요(선택) 칸: 첫 칸 문구가 길어 조금 넓게 */
.vq-f.vq-heard{flex:1.35}