body.contact-page{--bg-primary: #171717;--bg-secondary: #1e1e1e;--bg-tertiary: #242424;--text-primary: #eeeeee;--text-secondary: #bcbcbc;--text-muted: #a3a3a3;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .15);--accent: #7c3aed;--accent-mid: #7c3aed;--accent-soft: #a78bfa;background:var(--bg-primary);color:var(--text-primary);font-family:Pretendard,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}body.contact-page .keep-all{word-break:keep-all}body.contact-page .text-secondary{color:var(--text-secondary)}body.contact-page .text-primary{color:var(--text-primary)}body.contact-page .text-muted{color:var(--text-muted)}body.contact-page .small-meta{font-size:.78rem;color:var(--text-muted);letter-spacing:.04em}body.contact-page .page-hero{background:radial-gradient(ellipse 70% 50% at 20% 0%,rgba(124,58,237,.18),transparent 60%),radial-gradient(ellipse 60% 50% at 90% 100%,rgba(124,58,237,.08),transparent 65%),var(--bg-primary);padding-top:7rem;padding-bottom:clamp(24px,3vh,48px)}body.contact-page .page-inner{max-width:80rem;margin:0 auto;padding:0 clamp(20px,4vw,48px)}body.contact-page .contact-grid{display:grid;grid-template-columns:1fr;gap:24px;align-items:stretch}body.contact-page .info-panel{color:var(--text-primary);padding:clamp(28px,3.6vw,44px);position:relative;display:flex;flex-direction:column;height:100%;box-sizing:border-box}body.contact-page .panel-eyebrow{font-family:Geist,system-ui,sans-serif;color:#ffffff73;font-size:.78rem;font-weight:700;letter-spacing:.28em;text-transform:uppercase;position:relative}body.contact-page .panel-title{font-family:Geist,Pretendard,system-ui,sans-serif;font-size:clamp(2rem,3.6vw,2.8rem);line-height:1.1;font-weight:700;margin-top:12px;position:relative;color:#fff}body.contact-page .panel-desc{margin-top:20px;color:#a3a3a3;line-height:1.7;font-size:.95rem;position:relative}body.contact-page .panel-spacer{display:none}body.contact-page .panel-info-block{position:relative;display:grid;grid-template-columns:repeat(3,1fr);margin-top:24px;gap:0}body.contact-page .panel-info-row{display:flex;flex-direction:column;gap:4px;padding:16px 0;border-top:1px solid rgba(255,255,255,.08)}body.contact-page .panel-info-row:not(:last-child){padding-right:24px;border-right:1px solid rgba(255,255,255,.08)}body.contact-page .panel-info-row:not(:first-child){padding-left:24px}body.contact-page .panel-info-label{color:#ffffff73;font-family:Geist,system-ui,sans-serif;font-size:.78rem;font-weight:600;letter-spacing:.06em;padding-top:2px}body.contact-page .panel-info-value{color:#fff;font-size:.9rem;line-height:1.55}body.contact-page .form-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:clamp(24px,3vw,40px);height:100%;box-sizing:border-box}body.contact-page .form-card h2{font-family:Geist,Pretendard,system-ui,sans-serif;font-size:2.1rem;font-weight:700;color:var(--text-primary);margin:0}body.contact-page .form-space{display:flex;flex-direction:column;gap:20px;margin-top:28px}body.contact-page .form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 768px){body.contact-page .form-row-2{grid-template-columns:1fr}}body.contact-page .field-label{display:block;font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:8px}body.contact-page .req:before{content:"*";color:var(--accent);margin-right:4px;font-weight:700}body.contact-page .input,body.contact-page .select,body.contact-page .textarea{width:100%;padding:12px 14px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);font-family:inherit;font-size:1.05rem;transition:border-color .2s,background .2s,box-shadow .2s;box-sizing:border-box}body.contact-page .input::placeholder,body.contact-page .textarea::placeholder{color:var(--text-muted)}body.contact-page .input:focus,body.contact-page .select:focus,body.contact-page .textarea:focus{outline:none;border-color:var(--accent);background:var(--bg-secondary);box-shadow:0 0 0 3px #7c3aed2e}body.contact-page .select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text-secondary) 50%),linear-gradient(135deg,var(--text-secondary) 50%,transparent 50%);background-position:calc(100% - 18px) 52%,calc(100% - 13px) 52%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;background-color:var(--bg-secondary);padding-right:36px;cursor:pointer}body.contact-page .select:focus{background-color:var(--bg-secondary)}body.contact-page .textarea{resize:vertical;min-height:130px}body.contact-page .file-drop{border:1px dashed var(--border-strong);border-radius:12px;padding:28px 20px;text-align:center;background:var(--bg-secondary);cursor:pointer;transition:border-color .25s,background .25s;display:block}body.contact-page .file-drop:hover{border-color:var(--accent);background:var(--bg-tertiary)}body.contact-page .file-drop.drag-over{border-color:var(--accent);background:#7c3aed14}body.contact-page .file-list{margin-top:10px;display:flex;flex-direction:column;gap:6px}body.contact-page .file-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 10px 6px 12px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:9999px;font-size:.82rem;color:var(--text-secondary)}body.contact-page .file-chip button{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;color:var(--text-muted);background:none;border:none;cursor:pointer;transition:color .2s,background .2s}body.contact-page .file-chip button:hover{color:var(--accent);background:#7c3aed1a}body.contact-page .btn-submit{width:100%;padding:16px 20px;background:#7c3aed;color:#fff;font-weight:700;font-size:1rem;border:none;border-radius:8px;cursor:pointer;transition:background .2s ease,transform .2s ease}body.contact-page .btn-submit:hover:not(:disabled){background:#a78bfa}body.contact-page .btn-submit:active:not(:disabled){transform:translateY(0)}body.contact-page .btn-submit:disabled{opacity:.65;cursor:not-allowed}body.contact-page .purchase-block{background:var(--bg-secondary);border:1px solid var(--border);border-radius:14px;padding:18px;margin-top:14px}body.contact-page .purchase-eyebrow{font-family:Geist,system-ui,sans-serif;color:var(--accent);font-size:.72rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;margin-bottom:12px}body.contact-page .quote-cards{display:flex;flex-direction:column;gap:10px}body.contact-page .quote-card{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:12px;padding:10px 14px;display:flex;align-items:center;gap:10px}body.contact-page .quote-card-head{display:contents}body.contact-page .row-no{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;background:var(--bg-tertiary);color:var(--text-secondary);font-family:Geist,system-ui,sans-serif;font-size:.78rem;font-weight:600}body.contact-page .item-select{width:512px;flex:none;height:38px;padding:0 36px 0 12px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:.88rem;appearance:none;cursor:pointer;box-sizing:border-box;background-image:linear-gradient(45deg,transparent 50%,var(--text-secondary) 50%),linear-gradient(135deg,var(--text-secondary) 50%,transparent 50%);background-position:calc(100% - 18px) 52%,calc(100% - 13px) 52%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;background-color:var(--bg-secondary)}body.contact-page .item-select:focus{outline:none;border-color:var(--accent);background-color:var(--bg-secondary);box-shadow:0 0 0 3px #7c3aed2e}body.contact-page .row-del{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;color:var(--text-muted);background:none;border:none;cursor:pointer;transition:background .2s,color .2s;flex-shrink:0;order:10;margin-left:auto}body.contact-page .row-del:hover{color:var(--accent);background:#7c3aed1a}body.contact-page .quote-card-body{display:contents}body.contact-page .qc-field{display:flex;flex-direction:row;align-items:center;gap:6px;flex-shrink:0;margin-left:20px}body.contact-page .qc-label{font-size:.72rem;color:var(--text-muted);letter-spacing:.04em;font-weight:500}body.contact-page .qc-value{font-family:Geist,system-ui,sans-serif;font-variant-numeric:tabular-nums;font-size:.92rem;color:var(--text-primary);font-weight:600}body.contact-page .qc-input{width:70px;height:38px;padding:0 8px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-family:Geist,system-ui,sans-serif;font-variant-numeric:tabular-nums;font-size:.92rem;font-weight:600;box-sizing:border-box}body.contact-page .qc-input:focus{outline:none;border-color:var(--accent);background:var(--bg-secondary);box-shadow:0 0 0 3px #7c3aed2e}body.contact-page .quote-totals{margin-top:12px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:10px;padding:14px 16px}body.contact-page .quote-totals .row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:.86rem;color:var(--text-secondary)}body.contact-page .quote-totals .row.final{border-top:1px solid var(--border);margin-top:6px;padding-top:12px;color:var(--text-primary);font-weight:700;font-size:1rem}body.contact-page .quote-totals .num{font-variant-numeric:tabular-nums;font-family:Geist,system-ui,sans-serif}body.contact-page .quote-note{font-size:.74rem;color:var(--text-muted);margin-top:6px}body.contact-page .add-row-btn{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:6px 12px;background:var(--bg-secondary);border:1px dashed var(--border-strong);border-radius:9999px;color:var(--text-secondary);font-size:.82rem;cursor:pointer;transition:border-color .25s,color .25s}body.contact-page .add-row-btn:hover{border-color:var(--accent);color:var(--accent)}@media (max-width: 768px){body.contact-page .quote-card{flex-direction:column;align-items:stretch;gap:12px}body.contact-page .quote-card-head{display:flex;align-items:center;gap:10px}body.contact-page .item-select{width:auto;flex:1;min-width:0}body.contact-page .quote-card-body{display:flex;flex-wrap:wrap;gap:10px 16px}body.contact-page .qc-field{margin-left:0}}body.contact-page .result-msg{margin-top:16px;padding:14px 16px;border-radius:10px;font-size:.9rem;font-weight:500;display:none}body.contact-page .result-msg.success{background:#16653426;border:1px solid rgba(74,222,128,.3);color:#4ade80;display:block}body.contact-page .result-msg.error{background:#9f123926;border:1px solid rgba(248,113,113,.3);color:#f87171;display:block}body.contact-page .info-box{background:var(--bg-secondary);border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;position:relative;overflow:hidden;margin-top:32px}body.contact-page .info-box:before{content:"";position:absolute;right:-80px;top:-80px;width:280px;height:280px;border-radius:9999px;background:radial-gradient(circle,rgba(124,58,237,.2),transparent 65%);pointer-events:none}body.contact-page .info-box>div{position:relative;z-index:1}body.contact-page .info-box-inner{display:grid;grid-template-columns:6fr 3fr 3fr;gap:20px;padding:20px 24px}@media (max-width: 1024px){body.contact-page .info-box-inner{grid-template-columns:1fr}}body.contact-page .info-row{color:#ffffffc7;font-size:.82rem;line-height:1.6}body.contact-page .info-label{color:var(--accent-soft);min-width:84px;display:inline-block;font-weight:600}body.contact-page .info-link{color:#ffffffc7;text-decoration:none}body.contact-page .info-link:hover,body.contact-page .info-box .text-primary{color:#fff}body.contact-page .info-box .text-secondary{color:#ffffffb3}body.contact-page .info-box .text-muted,body.contact-page .info-box .small-meta{color:#ffffff8c}body.contact-page .info-box-footer{padding:12px 24px;border-top:1px solid rgba(255,255,255,.1);position:relative;z-index:1}body.contact-page .info-section-title{font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;color:#ffffff8c;margin-bottom:8px}body.contact-page .info-logo-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}body.contact-page .info-logo-row span{font-family:Geist,Pretendard,system-ui,sans-serif;font-weight:600;font-size:.875rem}body.contact-page .info-ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}body.contact-page .btn-quote-action{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:16px 20px;background:#7c3aed;color:#fff;font-weight:700;font-size:1rem;border:none;border-radius:8px;cursor:pointer;transition:background .2s ease,transform .2s ease;font-family:inherit}body.contact-page .btn-quote-action:hover:not(:disabled){background:#a78bfa}body.contact-page .btn-quote-action:active:not(:disabled){transform:translateY(0)}body.contact-page .btn-quote-action:disabled{opacity:.65;cursor:not-allowed}body.contact-page .quote-modal-overlay{display:none;position:fixed;inset:0;z-index:9999;background:#0000008c;overflow-y:auto;padding:40px 20px;align-items:flex-start;justify-content:center}body.contact-page .quote-modal-overlay.open{display:flex}body.contact-page .quote-modal-box{background:#fff;border-radius:16px;padding:32px;width:100%;max-width:720px;position:relative;margin:auto}body.contact-page .modal-close-btn{position:absolute;top:14px;right:14px;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;border:none;background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;font-size:1rem;font-family:inherit;transition:background .2s,color .2s}body.contact-page .modal-close-btn:hover{background:#ff69b426;color:var(--accent-pink)}body.contact-page .modal-footer{display:flex;gap:10px;margin-top:20px;justify-content:flex-end;flex-wrap:wrap}body.contact-page .btn-print{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:9999px;font-size:.84rem;font-weight:600;cursor:pointer;background:#fff;border:1.5px solid var(--border-strong);color:var(--text-secondary);transition:border-color .2s,color .2s;font-family:inherit}body.contact-page .btn-print:hover{border-color:var(--accent-purple);color:var(--accent-purple)}body.contact-page .btn-excel{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:9999px;font-size:.84rem;font-weight:600;cursor:pointer;background:linear-gradient(135deg,#6e48aa,#4c1594);color:#fff;border:none;box-shadow:0 8px 20px -8px #6e48aa80;font-family:inherit;transition:transform .2s,box-shadow .2s}body.contact-page .btn-excel:hover{transform:translateY(-1px);box-shadow:0 12px 24px -8px #6e48aa99}body.contact-page .btn-excel:disabled{opacity:.65;cursor:not-allowed;transform:none}@media print{body *{visibility:hidden!important}#quotePrintArea,#quotePrintArea *{visibility:visible!important}#quotePrintArea{position:fixed;top:0;left:0;width:100%;background:#fff;padding:40px;z-index:99999;box-sizing:border-box}}@media (max-width: 768px){body.contact-page .panel-spacer{display:block;flex:1;min-height:24px}body.contact-page .panel-info-block{display:block;margin-top:32px}body.contact-page .panel-info-row{display:grid;grid-template-columns:80px 1fr;gap:14px;align-items:start;padding:12px 0}body.contact-page .panel-info-row:not(:last-child){padding-right:0;border-right:none}body.contact-page .panel-info-row:not(:first-child){padding-left:0}}
