/* SLWEB v2 order flow: shared full-width, square-corner interface */
:root { --to-ink:#171717; --to-line:#dedede; --to-point:#5258ff; --to-soft:#f7f7f7; }
.to-page-shell, .toc-shell { width:100% !important; max-width:none !important; margin:0 !important; padding:0 clamp(24px,5.5vw,112px) 120px !important; box-sizing:border-box; }
.to-page-hero, .toc-hero { position:relative; width:calc(100% + clamp(48px,11vw,224px)); min-height:250px; margin:0 0 0 calc(clamp(24px,5.5vw,112px) * -1); padding:58px clamp(24px,5.5vw,112px); overflow:hidden; border:0 !important; border-radius:0 !important; background:linear-gradient(110deg,#171717 0%,#242424 56%,#3b405e 72%,#5258ff 100%) !important; color:#fff; box-sizing:border-box; }
.to-page-hero:before, .to-page-hero:after, .toc-hero:before, .toc-hero:after { display:none !important; }
.to-page-hero__eyebrow { margin:0 0 12px !important; color:#aeb1ff !important; font-size:12px !important; font-weight:600 !important; letter-spacing:.1em !important; }
.to-page-hero h1, .toc-hero h1 { margin:0 !important; color:#fff !important; font-size:clamp(40px,4vw,60px) !important; font-weight:400 !important; line-height:1.12 !important; letter-spacing:-.065em !important; }
.to-page-hero p, .toc-hero p { max-width:650px; margin:16px 0 0 !important; color:rgba(255,255,255,.75) !important; font-size:16px !important; line-height:1.75 !important; }
.to-page-body { padding-top:68px !important; }
.template-order-wrap, .to-search-wrap { width:100% !important; max-width:none !important; margin:0 !important; padding:0 !important; box-sizing:border-box; }
.template-order-head { gap:clamp(28px,4vw,72px) !important; margin:0 !important; }
.template-order-card, .template-order-form, .toc-card, .to-search-card { border:1px solid var(--to-line) !important; border-radius:0 !important; box-shadow:none !important; }
.template-order-card, .template-order-form { padding:clamp(24px,3vw,46px) !important; }
.template-order-card h2, .template-order-form h3, .toc-card h2, .to-search-card h2 { font-weight:400 !important; }
.template-order-card h2 { font-size:clamp(28px,2.8vw,44px) !important; }
.template-order-form h3 { font-size:clamp(26px,2.4vw,38px) !important; }
.template-meta { border-top:1px solid var(--to-ink) !important; }
.template-meta th, .template-meta td { padding:17px 0 !important; border-bottom:1px solid var(--to-line) !important; }
.template-actions a, .to-submit .btn_submit, .to-submit .btn_cancel, .toc-btn, .toc-remove { border-radius:0 !important; font-weight:500 !important; }
.template-actions a, .to-submit .btn_submit, .toc-btn { background:var(--to-ink) !important; color:#fff !important; }
.template-actions a.kakao, .to-submit .btn_cancel, .toc-btn.secondary { background:#fff !important; border:1px solid var(--to-ink) !important; color:var(--to-ink) !important; }
.to-field input[type=text], .to-field input[type=email], .to-field textarea, .to-field select, .to-fixed, .to-privacy, .to-privacy-notice, .to-search-form input { border-radius:0 !important; box-shadow:none !important; }
.to-page-shell input, .to-page-shell select, .to-page-shell textarea, .to-page-shell button, .to-page-shell a,
.toc-shell input, .toc-shell select, .toc-shell textarea, .toc-shell button, .toc-shell a { border-radius:0 !important; }
.to-field input[type=text], .to-field input[type=email], .to-field textarea, .to-field select, .to-fixed, .to-search-form input { border-color:#bcbcbc !important; }
.to-field label, .to-choice-group label, .to-options label, .to-privacy label { font-weight:500 !important; }
.to-search-wrap { max-width:680px !important; margin:0 auto !important; }
.to-search-card { padding:clamp(26px,3vw,46px) !important; }
.to-search-form button { border:1px solid var(--to-ink) !important; border-radius:0 !important; background:var(--to-ink) !important; font-weight:500 !important; }
.to-pay-wrap, .to-result-wrap, .to-view-wrap { width:100% !important; max-width:none !important; margin:0 !important; padding:0 !important; }
.to-pay-card, .to-result-card, .to-view-card { width:100%; max-width:none; margin:0; border:1px solid var(--to-line) !important; border-radius:0 !important; box-shadow:none !important; }
.to-pay-card, .to-result-card, .to-view-card { padding:clamp(24px,3vw,46px) !important; }
.to-pay-card h2, .to-result-card h2, .to-view-head h2 { font-weight:400 !important; }
.to-pay-meta, .to-result-meta, .to-meta { border-top:1px solid var(--to-ink) !important; }
.to-pay-meta th, .to-pay-meta td, .to-result-meta th, .to-result-meta td, .to-meta th, .to-meta td { padding:17px 0 !important; border-bottom:1px solid var(--to-line) !important; }
.to-pay-method, .to-pay-guide, .to-pay-notice, .to-guide, .to-pay-summary, .to-pay-item { border-radius:0 !important; }
.to-pay-actions button, .to-pay-actions a, .to-result-actions a, .to-actions a, .to-complete-card a { border-radius:0 !important; background:var(--to-ink) !important; color:#fff !important; font-weight:500 !important; }
.to-status, .to-pay-badge { border-radius:0 !important; font-weight:500 !important; }
.to-complete-wrap { width:100% !important; max-width:none !important; margin:0 !important; padding:0 !important; }
.to-complete-card { width:min(100%,720px); margin:0 auto; border:1px solid var(--to-line) !important; border-radius:0 !important; box-shadow:none !important; }
.toc-shell { padding-top:0 !important; }.toc-hero { margin-bottom:68px; }
.toc-card { padding:clamp(24px,3vw,46px) !important; }
.toc-card h2 { font-size:clamp(28px,2.8vw,42px) !important; }
.toc-table { border-top:1px solid var(--to-ink) !important; }
.toc-table th, .toc-table td { padding:18px 10px !important; border-bottom:1px solid var(--to-line) !important; }
.toc-type, .toc-remove { border-radius:0 !important; }
.toc-price { color:var(--to-point) !important; font-weight:500 !important; }
.toc-total { padding-top:24px !important; border-top:1px solid var(--to-ink) !important; }
.toc-total strong { font-weight:500 !important; }
@media (max-width:768px) { .to-page-shell, .toc-shell { padding:0 24px 80px !important; }.to-page-hero, .toc-hero { width:calc(100% + 48px); min-height:210px; margin-left:-24px; padding:42px 24px; }.to-page-hero h1, .toc-hero h1 { font-size:40px !important; }.to-page-body { padding-top:48px !important; }.template-order-card, .template-order-form, .toc-card, .to-search-card { padding:24px !important; }.template-order-head { gap:24px !important; }.toc-hero { margin-bottom:48px; }.toc-actions .toc-btn, .template-actions a { width:100%; }.to-search-wrap { max-width:none !important; } }