/* Vavoom Survey — 고객 화면 (시안 5 탭 + 「내 의견」 시안 10). 글꼴은 사이트 것을 상속한다.
   글자 크기(1.0.1, 사용자 지정): 기본 15px(입력 내용·제목·안내 본문·내용), 보조 14px(라벨·날짜·분류·글자 수·안내 불릿·뱃지).
   실측 근거: 입력칸·버튼 = 회원가입 폼(칸 50px·#CED4DA·r11 / 버튼 53px·r12·15.5px 700),
   탭 = 체험단 「모집공고 | 리뷰보기」(36px·r10·15.5px·켜짐 검정 900). 색 = 팔레트 남색 #18293d · 빨강 #ED2E1B. */
.vsv{color:#18293d;font-size:15px;line-height:1.45;-webkit-tap-highlight-color:transparent}
.vsv *,.vsv *:before,.vsv *:after{box-sizing:border-box}
.vsv-off{margin:24px 0;text-align:center;color:#6b7684;font-size:15px}

/* 탭 */
.vsv-tabs{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:0 0 22px}
.vsv-tabs button{display:flex;align-items:center;justify-content:center;height:36px;margin:0;padding:0 8px;border:0;border-radius:10px;background:#F7F7F7;color:#18293d;font:inherit;font-size:15.5px;font-weight:600;line-height:1;cursor:pointer}
.vsv-tabs button.on{background:#000;color:#fff;font-weight:900}
.vsv-tabs button em{margin-left:4px;font-style:normal;font-size:14px;color:#ED2E1B}
.vsv-tabs button.on em{color:#fff}
.vsv-pane{display:none}
.vsv-pane.on{display:block}

/* 폼 */
.vsv-fld{margin-top:16px}
.vsv-fld:first-child{margin-top:0}
.vsv-lb{display:block;margin:0 0 6px;font-size:14px;font-weight:600;color:#495057}
.vsv-lb small{margin-left:4px;font-size:14px;font-weight:400;color:#8C8C8C}
.vsv-in{display:block;width:100%;height:50px;margin:0;padding:0 14px;border:1px solid #CED4DA;border-radius:11px;background:#fff;font:inherit;font-size:15px;line-height:1.4;color:#212529;outline:0;box-shadow:none}
.vsv-in:focus{border-color:#18293d}
.vsv-in::placeholder{color:#ADB5BD}
.vsv-ta{height:auto;min-height:150px;padding:13px 14px;line-height:1.5;resize:none}
.vsv-selw{position:relative}
.vsv-selw:after{content:'';position:absolute;right:17px;top:50%;width:8px;height:8px;border-right:1.5px solid #495057;border-bottom:1.5px solid #495057;transform:translateY(-70%) rotate(45deg);pointer-events:none}
.vsv-selw .vsv-in{appearance:none;-webkit-appearance:none;padding-right:38px}
.vsv-cd{margin:10px 0 0;font-size:14px;color:#495057}
.vsv-cnt{display:block;margin-top:5px;text-align:right;font-size:14px;color:#8C8C8C}
.vsv-cnt.vsv-short{color:#ED2E1B}
.vsv-rw{margin:14px 0 0;font-size:14px;line-height:1.5;color:#495057}
.vsv-rw b{color:#18293d;font-weight:700}
.vsv-red{color:#ED2E1B !important}
.vsv-err{margin:12px 0 0;padding:10px 12px;border-radius:10px;background:#FFF1F0;font-size:14px;color:#C92A2A}
.vsv-btn,.vsv-btn-o{display:flex;align-items:center;justify-content:center;width:100%;margin:20px 0 0;border:0;border-radius:12px;font:inherit;font-weight:700;line-height:1;text-decoration:none;cursor:pointer;transition:opacity .15s}
.vsv-btn{height:53px;background:#18293d;color:#fff;font-size:15.5px}
.vsv-btn:hover,.vsv-btn:focus{color:#fff;opacity:.92}
.vsv-btn[disabled]{background:#CED4DA;cursor:default}
.vsv-btn-o{height:50px;margin-top:8px;border:1px solid #CED4DA;background:#fff;color:#18293d;font-size:15px;font-weight:600}
.vsv-btn-o:hover,.vsv-btn-o:focus{color:#18293d}
/* 링크 버튼(비회원 로그인·회원가입) — 테마의 링크 글자색(남색)이 덮어 배경과 같아지는 것을 막는다 */
.vsv a.vsv-btn,.vsv a.vsv-btn:link,.vsv a.vsv-btn:visited,.vsv a.vsv-btn:hover,.vsv a.vsv-btn:focus,.vsv a.vsv-btn:active{color:#fff !important;text-decoration:none !important}
.vsv a.vsv-btn-o,.vsv a.vsv-btn-o:link,.vsv a.vsv-btn-o:visited,.vsv a.vsv-btn-o:hover,.vsv a.vsv-btn-o:focus,.vsv a.vsv-btn-o:active{color:#18293d !important;text-decoration:none !important}
/* 안내 제목(비회원·접수 창) — 일반 텍스트, 사용자 지정 20px */
.vsv-h{margin:0;font-size:20px;font-weight:800;line-height:1.3;color:#18293d}
.vsv-nt{margin:16px 0 0;padding:14px;border-radius:12px;background:#F8F9FA;font-size:14px;line-height:1.55;color:#495057;list-style:none}
.vsv-nt li{position:relative;margin:0;padding-left:12px}
.vsv-nt li:before{content:'·';position:absolute;left:2px}

/* 내 의견 */
.vsv-sm{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 8px}
.vsv-sm div{padding:12px 10px;border-radius:12px;background:#F7F7F7;text-align:center}
.vsv-sm small{display:block;font-size:14px;color:#8C8C8C}
.vsv-sm b{display:block;margin-top:3px;font-size:19px;font-weight:800;line-height:1.2}
.vsv-li{display:flex;gap:10px;padding:14px 0;border-bottom:1px solid #EBEBEB;cursor:pointer}
.vsv-li:focus{outline:0}
.vsv-li:focus-visible{outline:2px solid #18293d;outline-offset:2px;border-radius:6px}
.vsv-b{flex:1;min-width:0}
.vsv-m{font-size:14px;color:#8C8C8C}
.vsv-t{margin-top:4px;font-size:15px;font-weight:600;line-height:1.35;word-break:keep-all;overflow-wrap:anywhere}
.vsv-p{margin-top:4px;font-size:14px;font-weight:700;color:#ED2E1B}
.vsv-p.vsv-g{color:#8C8C8C;font-weight:500}
.vsv-c{margin-top:8px;padding:10px 12px;border-radius:10px;background:#F8F9FA;font-size:15px;line-height:1.55;color:#495057;white-space:normal;overflow-wrap:anywhere}
.vsv-st{display:inline-flex;align-items:center;flex:none;align-self:flex-start;height:24px;margin-top:2px;padding:0 8px;border-radius:6px;font-size:14px;font-weight:800;white-space:nowrap}
.vsv-st-pending{background:#F1F3F5;color:#495057}
.vsv-st-approved{background:#18293d;color:#fff}
.vsv-st-adopted{background:#ED2E1B;color:#fff}
.vsv-st-rejected{background:#EBEBEB;color:#8C8C8C}
.vsv-empty{margin:28px 0;text-align:center;font-size:15px;line-height:1.6;color:#6b7684}

/* 비회원 */
.vsv-gate{padding:30px 0 10px;text-align:center}
.vsv-gate p{margin:8px 0 0;font-size:15px;line-height:1.55;color:#495057}
.vsv-gate p b{color:#18293d}
.vsv-ck{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 14px;border-radius:50%;background:#18293d;color:#fff;font-size:24px;font-weight:800;line-height:1}
.vsv-ck.vsv-lock{background:#F1F3F5;font-size:22px}

/* 접수 창 */
.vsv-ov{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(0,0,0,.45)}
.vsv-ov[hidden]{display:none}
.vsv-mdl{width:100%;max-width:360px;padding:28px 20px 20px;border-radius:18px;background:#fff;color:#18293d;text-align:center}
.vsv-mdl p{margin:8px 0 0;font-size:15px;line-height:1.55;color:#495057}
.vsv-mdl p b{color:#18293d}
.vsv-mdl .vsv-btn{margin-top:18px}