/* 홈: 대상별 입구(스타트 · 비즈 · 공공) · 첫 화면 치수 입력 · 대상별 소개 화면 */
.pa-quick{margin:22px auto 6px;padding:14px 16px;border:1px solid #e2e8f0;border-radius:16px;background:#fff;max-width:520px}
.pa-quick-t{text-align:center;margin:0 0 8px;font-size:13px;font-weight:700;color:#334155}
.pa-quick-row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:center;gap:8px}
.pa-quick-row label{display:flex;flex-direction:column;gap:3px;font-size:12px;color:#64748b}
.pa-quick-row input{width:84px;height:40px;padding:0 10px;border:1px solid #cbd5e1;border-radius:10px;font-size:15px;background:#fff;color:#0f172a}
.pa-quick-row input:focus{outline:2px solid #2563eb;outline-offset:1px}
.pa-unit{align-self:center;margin-top:16px;font-size:13px;color:#64748b}
.pa-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}
.pa-card{display:flex;flex-direction:column;gap:10px;padding:28px 26px;border-radius:24px;background:#f5f5f7;min-width:0}
.pa-card h3{margin:0;font-size:24px;line-height:1.25;color:#1d1d1f}
.pa-card>p{margin:0;font-size:15px;line-height:1.65;color:#62626a}
.pa-card ul{margin:2px 0 8px;padding-left:18px;font-size:14px;line-height:1.8;color:#3f3f46}
.pa-card .button{margin-top:auto;align-self:flex-start}
.pa-tag{font-size:12px!important;font-weight:700;letter-spacing:.02em;color:#2563eb!important}
.pa-page h1{margin:6px 0 0;font-size:clamp(34px,5vw,56px);line-height:1.12;color:#1d1d1f}.pa-page h1 span{color:#2563eb}
.pa-lead{max-width:680px;margin:18px 0 24px;font-size:17px;line-height:1.7;color:#52525b}
.pa-note{margin:22px 0 0;font-size:13px;color:#71717a}
@media (max-width:900px){.pa-cards{grid-template-columns:1fr}.pa-quick-row input{width:72px}}
/* 딱박스 스타트(간단 화면) */
.st-page{padding-bottom:40px!important}.st-form{box-sizing:border-box;margin:22px 0 6px;padding:18px;border:1px solid #e2e8f0;border-radius:18px;background:#fff;width:100%;max-width:640px}.st-form *{box-sizing:border-box}.st-card{box-sizing:border-box;max-width:100%}
.st-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px}.st-row+.st-row{margin-top:12px}.st-row label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:#64748b}.st-row label small{color:#94a3b8}
.st-row input{width:104px;height:46px;padding:0 12px;border:1px solid #cbd5e1;border-radius:12px;font-size:17px;background:#fff;color:#0f172a}.st-row input:focus{outline:2px solid #2563eb;outline-offset:1px}.st-row .button{height:46px}
.st-msg{min-height:22px;margin:10px 0 0;font-size:14px;color:#b45309}.st-out{margin-top:18px}.st-card{display:grid;grid-template-columns:minmax(0,520px) minmax(0,1fr);gap:22px;align-items:center;padding:18px;border-radius:24px;background:#f5f5f7}
#stCv{width:100%;height:auto;background:#fff;border-radius:16px}.st-info h2{font-size:30px;margin:2px 0 6px;color:#1d1d1f}.st-info p{margin:0 0 8px;color:#52525b;font-size:14.5px}.st-info ul{margin:0 0 14px;padding-left:18px;line-height:1.9;font-size:15px;color:#27272a}
.st-h3{font-size:16px;margin:22px 0 8px}.st-alt{margin:0;padding-left:18px;line-height:1.9;font-size:14.5px;color:#3f3f46}
@media (max-width:800px){.st-card{grid-template-columns:1fr}.st-row input{width:calc(33vw - 34px);min-width:78px}.st-row .button{width:100%}}
.st-po{padding-top:0!important}.st-h2{font-size:24px;margin:0 0 6px;color:#1d1d1f}.st-sub{margin:0 0 12px;color:#52525b;font-size:15px}.st-po input[type=text]{height:46px;padding:0 12px;border:1px solid #cbd5e1;border-radius:12px;font-size:16px;background:#fff;color:#0f172a}
.st-polist{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px;max-width:760px}.st-polist li{display:grid;gap:3px;padding:12px 14px;border:1px solid #e2e8f0;border-radius:14px;background:#fff}.st-polist b{font-size:16px;color:#1d1d1f}.st-polist span{font-size:14px;color:#52525b}.st-poact{display:flex;gap:14px;flex-wrap:wrap;margin-top:2px}.st-poact a{color:#1d4ed8;font-weight:600;text-decoration:none}
.st-memo{margin-top:22px;padding:18px;border:1px solid #e2e8f0;border-radius:18px;background:#fff;max-width:760px;box-sizing:border-box}.st-memo *{box-sizing:border-box}.st-memo-out{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:start;margin-top:14px}.st-memo-out pre{margin:0;padding:14px;border-radius:12px;background:#f8fafc;border:1px solid #e2e8f0;font:14.5px/1.8 Pretendard,'Malgun Gothic',sans-serif;white-space:pre-wrap;color:#0f172a}#stMqr svg{width:156px;height:156px;display:block}.st-pick{border:1px solid #2563eb;background:#fff;color:#1d4ed8;font-weight:700;border-radius:999px;padding:2px 12px;font-size:13px;cursor:pointer}
@media (max-width:640px){.st-memo-out{grid-template-columns:1fr}}
/* 내 박스로 보내기 · 차량 적재 */
.st-own{margin:14px 0 0;max-width:640px}.st-own>summary{cursor:pointer;font-weight:700;color:#1d4ed8;font-size:15px;padding:6px 2px}.st-own>summary small{font-weight:400;color:#64748b;margin-left:6px}.st-sel{height:46px;padding:0 10px;border:1px solid #cbd5e1;border-radius:12px;font-size:15px;background:#fff;color:#0f172a;max-width:60vw}
.tk-rows{display:grid;gap:8px;margin:12px 0}.tk-row{padding:10px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc}.tk-form .st-row input{width:96px}.tk-del{height:46px;width:40px;border:1px solid #cbd5e1;border-radius:12px;background:#fff;color:#64748b;cursor:pointer}
.tk-state{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}.tk-state b{font-size:28px}.tk-state span{font-size:16px;color:#3f3f46}.tk-bar{position:relative;height:18px;border-radius:9px;background:#e2e8f0;margin:10px 0 16px;overflow:hidden;max-width:760px}.tk-bar i{display:block;height:100%;border-radius:9px;width:0}
.tk-table{width:100%;max-width:760px;border-collapse:collapse;font-size:14.5px;font-variant-numeric:tabular-nums}.tk-table th,.tk-table td{border-bottom:1px solid #e2e8f0;padding:8px 10px;text-align:left}.tk-table td:nth-child(2){text-align:right;font-weight:600}.tk-table thead th{background:#f8fafc;color:#475569;font-weight:600}
@media (max-width:640px){.tk-form .st-row input{width:calc(33vw - 30px);min-width:70px}}
.ki-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:920px}.ki-card{display:grid;gap:4px;padding:16px;border-radius:16px;background:#f5f5f7}.ki-card small{font-size:12.5px;color:#64748b}.ki-card b{font-size:22px;color:#1d1d1f;overflow-wrap:anywhere}.ki-card span{font-size:13px;color:#52525b}
@media (max-width:800px){.ki-cards{grid-template-columns:1fr 1fr}}
.ki-steps{display:flex;gap:8px;flex-wrap:wrap;list-style:none;margin:0 0 16px;padding:0;counter-reset:ki}.ki-steps li{counter-increment:ki;padding:8px 14px;border-radius:999px;background:#f1f5f9;color:#64748b;font-size:14px}.ki-steps li::before{content:counter(ki) ". "}.ki-steps li.on{background:#1d4ed8;color:#fff;font-weight:600}.ki-steps li.done{background:#dcfce7;color:#166534}
.ki-label{width:min(360px,100%);box-sizing:border-box;border:2px solid #111;border-radius:6px;padding:14px;background:#fff;color:#111}.ki-l-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px;border-bottom:1px solid #111;padding-bottom:6px}.ki-l-top span{font-size:12px;color:#b91c1c}.ki-l-zip{font-size:40px;font-weight:800;letter-spacing:4px;margin:8px 0}.ki-label dl{margin:0;display:grid;gap:4px;font-size:14px}.ki-label dl div{display:flex;gap:8px}.ki-label dt{width:74px;color:#52525b;flex:none}.ki-label dd{margin:0;font-weight:600;overflow-wrap:anywhere}.ki-bars{display:flex;gap:2px;height:44px;margin:12px 0 4px;overflow:hidden}.ki-bars i{background:#111;flex:none}.ki-l-no{margin:0;font:600 14px/1.4 ui-monospace,Consolas,monospace;letter-spacing:1px}.ki-l-note{margin:6px 0 0;font-size:12px;color:#64748b}.ki-lock{font-size:17px;line-height:1.7}.ki-lock b{font-size:30px;color:#1d4ed8;margin-right:6px}
@media print{body.ki-print *{visibility:hidden}body.ki-print #kiLabel,body.ki-print #kiLabel *{visibility:visible}body.ki-print #kiLabel{position:fixed;left:8mm;top:8mm}}
.tk-zip{align-items:flex-end}.tk-zip input[type=text],.tk-row input[data-k=zip]{font-variant-numeric:tabular-nums}
/* 개인 택배(personal.html) · 기업용(biz.html) */
.pp-steps{margin-top:8px}.pp-step{text-decoration:none;color:inherit;transition:background .15s}.pp-step:hover{background:#eceef2}.pp-step .dh-link{margin-top:auto}.pp-more{display:flex;flex-wrap:wrap;gap:8px 22px;margin:20px 0 0}
.bz-flow{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;counter-reset:bz}.bz-flow li{counter-increment:bz;position:relative;min-width:0}.bz-flow a{display:flex;flex-direction:column;gap:6px;height:100%;box-sizing:border-box;padding:20px 18px;border-radius:20px;background:#f5f5f7;text-decoration:none;color:inherit}.bz-flow a:hover{background:#eceef2}.bz-flow b{font-size:20px;color:#1d1d1f}.bz-flow b::before{content:counter(bz);display:inline-grid;place-items:center;width:26px;height:26px;margin-right:8px;border-radius:50%;background:#1d4ed8;color:#fff;font-size:14px;vertical-align:2px}.bz-flow span{font-size:14px;line-height:1.6;color:#62626a}.bz-flow li+li::before{content:"›";position:absolute;left:-12px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:20px}
.bz-work{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:8px}.bz-work a{display:flex;flex-direction:column;gap:4px;padding:10px 10px 16px;border-radius:18px;background:#f5f5f7;text-decoration:none;color:inherit;min-width:0}.bz-work a:hover{background:#eceef2}.bz-work img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:12px;margin-bottom:6px}.bz-work b{font-size:16px;color:#1d1d1f;padding:0 4px}.bz-work span{font-size:13px;color:#62626a;padding:0 4px}
.bz-sub{padding:26px;border:1px solid #e2e8f0;border-radius:24px;background:#fff}.bz-sub h2{margin:4px 0 6px;font-size:26px}.bz-sub-links{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:14px}.bz-sub-links a{display:flex;flex-direction:column;gap:3px;padding:14px;border-radius:14px;background:#f8fafc;text-decoration:none;color:inherit;min-width:0}.bz-sub-links a:hover{background:#eef2f7}.bz-sub-links b{font-size:15px;color:#1d1d1f}.bz-sub-links span{font-size:12.5px;line-height:1.5;color:#64748b}
@media (max-width:900px){.bz-flow,.bz-work,.bz-sub-links{grid-template-columns:repeat(2,minmax(0,1fr))}.bz-flow li+li::before{display:none}.bz-sub{padding:18px}}
.pp-where .dh-link{margin-top:2px}.pp-where .pa-card>p:not(.pa-tag){flex:1}
/* 분야별 분석(post · fishbox · tote): 결과 먼저 */
.sx-result{margin:18px 0 22px;padding:22px;border-radius:24px;background:#f5f5f7}.sx-label{margin:0 0 6px;font-size:13px;font-weight:700;color:#1d4ed8;letter-spacing:.04em}.sx-head{margin:0 0 16px;font-size:24px;line-height:1.45;font-weight:700;color:#1d1d1f}.sx-cards{grid-template-columns:repeat(3,minmax(0,1fr));max-width:none}.sx-cards .ki-card{background:#fff}.sx-cards .ki-card b{font-size:28px}
.sx-page .sx-h2{margin:34px 0 12px;font-size:22px!important;line-height:1.4!important;letter-spacing:0!important}.sx-page .sx-h2 small{display:block;margin:4px 0 0;font-size:13.5px;font-weight:400;color:#64748b;letter-spacing:0;word-spacing:normal}.sx-row{align-items:flex-end;padding:8px 0;border-bottom:1px solid #eef2f7}.sx-name{display:flex;flex-direction:column;width:150px;font-size:15px}.sx-name small{font-size:12px;color:#64748b}.sx-page .tk-table{max-width:920px}
.hm-sectors{grid-template-columns:repeat(4,minmax(0,1fr))}.hm-sectors a{padding:22px 20px}.hm-sectors b{font-size:21px;padding:0}.hm-sectors span{font-size:14px;line-height:1.6;padding:0}
@media (max-width:900px){.hm-sectors{grid-template-columns:repeat(2,minmax(0,1fr))}.sx-cards{grid-template-columns:1fr}.sx-head{font-size:19px}.sx-result{padding:16px}.sx-name{width:100%}}
/* 2026-10-10 홈 · 개인 · 기업: 글자 크기와 간격을 한 단계로 맞춤 */
.dd-home .dh-hero h1,.dd-home .pa-page h1{font-size:clamp(34px,4.6vw,58px)!important;line-height:1.14!important;letter-spacing:-.02em}
.dd-home .dh-lead,.dd-home .pa-lead{font-size:clamp(16px,1.5vw,19px)!important;line-height:1.65!important}
.dd-home .dh-section-head h2,.dd-home .dh-benefit h2,.dd-home .dh-faq h2,.dd-home .dh-final h2{font-size:clamp(26px,3vw,38px)!important;line-height:1.22!important;letter-spacing:-.015em}
.dd-home .dh-section{padding-block:clamp(40px,5vw,64px)}.dd-home .dh-hero-image{margin-top:30px}.dd-home .dh-section-head{margin-bottom:22px}
.bz-in{max-width:980px;margin:22px 0 0;padding:18px 20px 20px;border:1px solid #e2e8f0;border-radius:22px;background:#fff;text-align:left}.bz-radio{position:absolute;opacity:0;pointer-events:none}
.bz-tabs{display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:#f1f5f9;margin-bottom:14px}.bz-tabs label{padding:8px 18px;border-radius:999px;font-size:15px;color:#475569;cursor:pointer}
#bzT1:checked~.bz-tabs label[for=bzT1],#bzT2:checked~.bz-tabs label[for=bzT2]{background:#fff;color:#1d1d1f;font-weight:700;box-shadow:0 1px 3px rgba(15,23,42,.12)}#bzT1:focus-visible~.bz-tabs label[for=bzT1],#bzT2:focus-visible~.bz-tabs label[for=bzT2]{outline:2px solid #2563eb}
.bz-pane{display:none}#bzT1:checked~.bz-pane1,#bzT2:checked~.bz-pane2{display:block}.bz-pane .st-row{align-items:flex-end}.bz-pane input[type=number]{width:104px}.bz-pane .st-sub{margin:12px 0 0}
.bz-h2{margin:0 0 16px;font-size:clamp(20px,2.2vw,26px)!important;line-height:1.3!important;text-align:left}
.bz-more{padding-top:8px!important}.bz-det{border-top:1px solid #e2e8f0;padding:4px 0}.bz-det:last-of-type{border-bottom:1px solid #e2e8f0}.bz-det>summary{cursor:pointer;padding:16px 4px;font-size:18px;font-weight:700;color:#1d1d1f;list-style-position:inside}.bz-det>summary small{margin-left:10px;font-size:13.5px;font-weight:400;color:#64748b}.bz-det[open]{padding-bottom:20px}.bz-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 24px}.bz-tools .pa-tool{margin:6px 0}
.pp-quick{max-width:560px;margin:22px 0 0}.pp-quick .pa-quick-row{justify-content:flex-start}.pp-line{list-style:none;counter-reset:pp;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:10px 26px;margin:26px 0 0;padding:0;font-size:15px;color:#52525b}.pp-line li{counter-increment:pp}.pp-line li::before{content:counter(pp);display:inline-grid;place-items:center;width:22px;height:22px;margin-right:8px;border-radius:50%;background:#1d4ed8;color:#fff;font-size:12.5px;font-weight:700}.pp-line b{color:#1d1d1f;margin-right:6px}.pa-page .pp-more{justify-content:flex-start}
.st-where{align-items:center;gap:8px;margin-bottom:4px}.st-where-t{font-size:14px;color:#475569;margin-right:4px}.st-chip{padding:9px 16px;border:1px solid #cbd5e1;border-radius:999px;background:#fff;font-size:15px;color:#334155;cursor:pointer}.st-chip.on{background:#1d4ed8;border-color:#1d4ed8;color:#fff;font-weight:700}
@media (max-width:900px){.bz-tools{grid-template-columns:1fr}.bz-pane input[type=number]{width:calc(33vw - 34px);min-width:70px}.bz-det>summary small{display:block;margin:4px 0 0}.pp-line{flex-direction:column;align-items:flex-start;max-width:320px}}
/* 2026-10-10 홈 카드 사진 · 간단 화면 두 칸(입력 | 결과) */
.pa-photo{display:block;margin:-28px -26px 6px;border-radius:24px 24px 0 0;overflow:hidden;background:#e9edf2}.pa-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;transition:transform .3s}.pa-photo:hover img{transform:scale(1.03)}
.st-top{display:grid;grid-template-columns:minmax(0,560px) minmax(0,1fr);gap:28px;align-items:start;margin-top:18px}.st-left .st-form{margin-top:0;max-width:none}.st-left .st-own{max-width:none}
.st-right{position:sticky;top:88px;min-width:0}.st-empty{border-radius:22px;overflow:hidden;background:#f5f5f7}.st-empty{display:flex;flex-wrap:wrap;align-items:center}.st-empty img{display:block;flex:1 1 300px;max-width:460px;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}.st-empty p{flex:1 1 240px;min-width:0}.st-empty p{margin:0;padding:16px 18px 18px;font-size:14.5px;line-height:1.6;color:#52525b}.st-empty b{display:block;font-size:17px;color:#1d1d1f;margin-bottom:2px}
.st-res .st-card{grid-template-columns:1fr;gap:6px;padding:14px;border:1px solid #e7e2d9;background:linear-gradient(180deg,#fbf8f3,#fff 60%)}.st-res #stCv{background:radial-gradient(ellipse at 50% 40%,#fff 0,#f6f1e9 100%)}.st-res .st-info{padding:4px 8px 6px}.st-res .st-info h2{font-size:26px}.st-res .st-info ul{list-style:none;padding:0;margin:8px 0 12px;display:grid;gap:0;border-top:1px solid #eee7dc}.st-res .st-info li{padding:7px 0;border-bottom:1px solid #eee7dc;font-size:14.5px}
.st-res .st-h3{margin:16px 2px 6px}.st-res .st-alt{list-style:none;padding:0;display:grid;gap:6px}.st-res .st-alt li{padding:9px 12px;border-radius:12px;background:#f8fafc;font-size:14px}
@media (max-width:900px){.st-top{grid-template-columns:1fr}.st-right{position:static}}
.st-res #stCv{display:block;width:auto;max-width:100%;max-height:300px;margin:0 auto}
/* 2026-10-10 Apple 식 정리: 머리 구역 가운데 · 한 줄 설명 · 넓은 여백 · 도구 화면은 가운데 한 칸 */
.dd-home{--ap-ink:#1d1d1f;--ap-sub:#6e6e73;--ap-blue:#0071e3}
.dd-home .pa-page>.dh-kicker,.dd-home .pa-page>h1,.dd-home .pa-page>.pa-lead,.dd-home .pa-page>.pa-meta,.dd-home .dh-hero .dh-kicker{text-align:center;margin-inline:auto}
.dd-home .dh-kicker{font-size:15px!important;font-weight:600!important;letter-spacing:0!important;color:var(--ap-sub)!important;text-transform:none!important}
.dd-home .pa-page>h1{margin-top:8px}.dd-home .pa-page h1 span,.dd-home .dh-hero h1 span{color:var(--ap-blue)!important}
.dd-home .pa-page>.pa-lead{max-width:640px;margin-top:14px;color:var(--ap-sub)}.pa-meta{margin:8px 0 0;font-size:13.5px;color:#86868b}
.dd-home .pa-page>.dh-actions{justify-content:center}
.dd-home .st-page:not(:has(.st-top)):not(.st-po){max-width:980px;margin-inline:auto}.dd-home .st-page>form,.dd-home .st-page>.st-form,.dd-home .sx-page .tk-table{margin-inline:auto}
.dd-home .st-page:has(.st-top)>h1,.dd-home .st-page:has(.st-top)>.dh-kicker{text-align:center;margin-inline:auto}
.pp-quick{margin:28px auto 0!important}.pp-quick .pa-quick-row{justify-content:center!important}.pp-line{justify-content:center!important;margin-top:28px!important}.pa-page .pp-more{justify-content:center!important}
.bz-in{margin:28px auto 0!important}
.dd-home .dh-section-head:not(:has(>p)):not(:has(>a)){justify-content:center;text-align:center}.dd-home .dh-section-head:not(:has(>p)):not(:has(>a)) h2{margin-inline:auto}
.dd-home .pa-card{transition:transform .25s ease,box-shadow .25s ease}.dd-home .pa-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(0,0,0,.07)}
.dd-home .bz-more,.dd-home .bz-flow{max-width:1100px;margin-inline:auto}
@media (max-width:900px){.pp-line{align-items:center!important;margin-inline:auto!important}}
.dd-home .st-top{margin-top:36px}.dd-home .pa-page>.pa-lead+.pa-meta{margin-top:6px}
.st-maps{display:flex;flex-wrap:wrap;gap:6px 20px;margin:10px 0 0}
.tk-viz{margin:6px 0 18px;padding:14px;border-radius:20px;background:#f8fafc}.tk-viz canvas{display:block;width:100%;height:auto}.tk-leg{list-style:none;display:flex;flex-wrap:wrap;gap:6px 18px;margin:8px 0 4px;padding:0;font-size:14px;color:#334155}.tk-leg i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:6px;vertical-align:-1px}.tk-leg small{color:#64748b}.tk-over{color:#b91c1c;font-weight:700}
/* 차량 적재: 왼쪽 결과 · 오른쪽 입력 */
.dd-home .st-page.tk-page{max-width:1360px}.tk-two{display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:28px;align-items:start;margin-top:28px}.tk-main{min-width:0}.tk-main .st-out{margin-top:0}.tk-main .tk-bar,.tk-main .tk-table{max-width:none}
.tk-side{position:sticky;top:88px;max-height:calc(100vh - 100px);overflow:auto;border-radius:18px}.tk-side .tk-form{margin:0!important;max-width:none!important}.tk-side .tk-form .st-row input{width:84px}.tk-side .tk-row label input[data-k=name]{width:140px!important}.tk-side .st-row label{font-size:12.5px}
@media (max-width:1000px){.tk-two{grid-template-columns:1fr}.tk-side{position:static;max-height:none;order:-1}}
.dd-home .st-page.tk-page{max-width:1360px!important}.tk-side .st-row input,.tk-side .st-sel{height:40px!important;font-size:15px!important;padding:0 10px!important}.tk-side .st-row input{width:78px!important}.tk-side .tk-row{padding:8px}.tk-side .st-row{gap:8px}.tk-side .tk-del{height:40px}
/* 차량 적재: 입력은 왼쪽 · 박스 줄은 표처럼 한 줄씩 */
.tk-two{grid-template-columns:560px minmax(0,1fr)!important}.tk-side{order:-1}
.tk-tbl{overflow-x:auto;margin:12px 0;border:1px solid #e2e8f0;border-radius:14px;background:#fff}.tk-tbl .tk-head,.tk-tbl .tk-row{display:grid;grid-template-columns:128px repeat(3,62px) 58px 62px 58px 72px 34px;gap:6px;align-items:center;min-width:620px;padding:6px 10px}
.tk-tbl .tk-head{position:sticky;top:0;background:#f8fafc;border-bottom:1px solid #e2e8f0;font-size:12px;color:#64748b;font-weight:600}
.tk-tbl .tk-rows{display:block;margin:0}.tk-tbl .tk-row{margin:0!important;border:0!important;border-bottom:1px solid #f1f5f9!important;border-radius:0!important;background:none!important;flex-wrap:nowrap}.tk-tbl .tk-row:last-child{border-bottom:0!important}
.tk-tbl .tk-row label{font-size:0!important;gap:0!important;display:block}.tk-tbl .tk-row input{width:100%!important;height:34px!important;padding:0 7px!important;font-size:14px!important;border-radius:8px!important}.tk-tbl .tk-row input::placeholder{font-size:12px}.tk-tbl .tk-del{width:34px;height:34px!important;border-radius:8px}
@media (max-width:1000px){.tk-two{grid-template-columns:1fr!important}}
.tk-two{grid-template-columns:620px minmax(0,1fr)!important}.tk-tbl .tk-head,.tk-tbl .tk-row{grid-template-columns:120px repeat(3,56px) 52px 56px 52px 66px 32px!important;min-width:0!important}.tk-side .tk-tbl .tk-row label input[data-k=name]{width:100%!important}.tk-tbl .tk-del{width:32px}.tk-side .button{height:40px!important;font-size:14px!important;padding:0 14px!important}.tk-side .st-sub,.tk-side .st-row label{font-size:12.5px}
@media (max-width:1000px){.tk-two{grid-template-columns:1fr!important}.tk-tbl .tk-head,.tk-tbl .tk-row{min-width:600px!important}}
.tk-tbl .tk-head,.tk-tbl .tk-row{grid-template-columns:108px repeat(3,52px) 48px 52px 50px 60px 30px!important}.tk-tbl .tk-del{width:30px!important;height:30px!important}
.tk-det{margin-top:6px;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}.tk-det>summary{cursor:pointer;padding:14px 4px;font-size:16px;font-weight:700;color:#1d1d1f}.tk-det>summary small{margin-left:8px;font-size:13px;font-weight:400;color:#64748b}.tk-det[open]>summary small{display:none}.tk-det[open]{padding-bottom:14px}
.tk-viz{position:relative}.tk-kpi{position:absolute;top:14px;right:14px;margin:0;padding:10px 14px;border-radius:14px;background:rgba(255,255,255,.92);box-shadow:0 2px 10px rgba(15,23,42,.08);display:grid;gap:3px;font-size:13px;min-width:190px}.tk-kpi div{display:flex;justify-content:space-between;gap:12px}.tk-kpi dt{color:#64748b}.tk-kpi dd{margin:0;text-align:right;color:#1d1d1f}.tk-kpi small{color:#94a3b8;font-size:11.5px}
@media (max-width:700px){.tk-kpi{position:static;margin-bottom:8px}}
/* 이름 칸(사진 아이콘 + 이름) 수리 */
body .tk-side .tk-tbl .tk-head,body .tk-side .tk-tbl .tk-row{grid-template-columns:128px repeat(3,52px) 48px 48px 50px 52px 30px!important}
body .tk-side .tk-tbl .tk-row label.tk-box-name{display:grid!important;grid-template-columns:22px minmax(0,1fr)!important;align-items:center!important;gap:4px!important;font-size:0!important}body .tk-side .tk-tbl .tk-row label.tk-box-name .tk-photo{width:22px!important}body .tk-side .tk-tbl .tk-row label.tk-box-name input{width:100%!important;min-width:0!important}
body .tk-side .tk-tbl .tk-row label.tk-box-name{grid-template-columns:22px 0 minmax(0,1fr)!important;column-gap:3px!important}
/* 3D 위 범례 카드 · 싣는 방법 줄 */
.tk-stage{position:relative}.tk-stage canvas{display:block;margin:0 auto}
.tk-photo-page .tk-stage .tk-kpi,.tk-stage .tk-kpi{position:absolute!important;top:12px;left:12px;display:grid!important;grid-template-columns:auto auto!important;gap:3px 16px!important;margin:0!important;padding:10px 14px!important;min-width:0!important;border:1px solid rgba(15,23,42,.08)!important;border-radius:12px!important;background:rgba(255,255,255,.86)!important;backdrop-filter:blur(6px);box-shadow:0 4px 14px rgba(15,23,42,.08)!important;font-size:12px;z-index:2}
.tk-stage .tk-kpi div{display:contents!important}.tk-stage .tk-kpi dt{color:#64748b;font-size:12px}.tk-stage .tk-kpi dd{margin:0;text-align:right!important;font-size:12.5px!important;font-variant-numeric:tabular-nums}.tk-stage .tk-kpi dd b{font-weight:700;color:#1d1d1f}.tk-stage .tk-kpi small{display:none!important}
.tk-stage .tk-kpi div:last-child dd b{color:#0071e3;font-size:14px}
.tk-3d-load{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}.tk-3d-load button{min-height:34px;border:1px solid #d4dde6;background:#fff;color:#475569;border-radius:999px;padding:6px 14px;font:500 12.5px/1.3 inherit;cursor:pointer}.tk-3d-load button[aria-pressed=true]{background:#1d1d1f;border-color:#1d1d1f;color:#fff}.tk-3d-load [data-play]{margin-left:auto;background:#0071e3;border-color:#0071e3;color:#fff;font-weight:700}
@media (max-width:640px){.tk-stage .tk-kpi{position:static!important;margin:0 0 8px!important}.tk-3d-load [data-play]{margin-left:0}}
.tk-photo-page .tk-stage .tk-kpi,.tk-stage .tk-kpi{width:max-content!important;max-width:260px!important;right:auto!important}.tk-3d-picked:empty{display:none}
.tk-photo-page .tk-3d-picked:not(:empty){margin:10px 0!important;padding:10px 14px;border-radius:12px;background:#f0f6ff;border:1px solid #cfe0fb;color:#1d3a6b!important;font-size:13px!important;font-weight:600}
.tk-csv{align-items:center!important;gap:8px!important;margin-top:10px}.tk-csv-up{cursor:pointer}.tk-side .tk-csv .button,.tk-side .tk-csv-up{height:38px!important;display:inline-flex;align-items:center}
.tk-3d-color{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:#475569}.tk-3d-color select{height:34px;border:1px solid #d4dde6;border-radius:999px;padding:0 10px;background:#fff;font:500 12.5px/1 inherit;color:#1d1d1f}
.tk-3d-load [data-play]{order:9}
/* 분석 3쪽: 차량 적재 화면과 같은 두 칸 */
.sx-page .tk-two .sx-result{margin-top:0}.sx-page .tk-viz.sx-viz{margin:14px 0;padding:14px;border-radius:20px;background:radial-gradient(ellipse at 45% 40%,#fff 10%,#f1f3f5 100%);border:1px solid #e4e7eb}.sx-page .tk-side .sx-form{margin:0!important;max-width:none!important}.sx-page .tk-side .sx-name{width:110px}.sx-page .tk-det .tk-table{max-width:none}.sx-page .sx-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
.sx-page .tk-3d-picked:not(:empty){margin:10px 0!important;padding:10px 14px;border-radius:12px;background:#f0f6ff;border:1px solid #cfe0fb;color:#1d3a6b!important;font-size:13px!important;font-weight:600}
/* 분석 3쪽: 표처럼 간결한 입력 · 경우의 수 */
.sx-tbl{margin:10px 0;border:1px solid #e2e8f0;border-radius:14px;background:#fff;overflow-x:auto}.sx-tbl .sx-thead{display:grid;gap:6px;padding:8px 10px;background:#f8fafc;border-bottom:1px solid #e2e8f0;font-size:12px;font-weight:600;color:#64748b}
#sxRows.sx-tbl .sx-thead,#sxRows.sx-tbl .sx-row{grid-template-columns:minmax(0,1fr) 90px 100px}#sxRows.sx-tbl .sx-row{display:grid!important;gap:6px;align-items:center;padding:6px 10px;margin:0;border-bottom:1px solid #f1f5f9}#sxRows.sx-tbl .sx-row:last-child{border-bottom:0}#sxRows.sx-tbl .sx-name{width:auto;flex-direction:row;align-items:baseline;gap:8px}#sxRows.sx-tbl label{font-size:0!important;display:block}#sxRows.sx-tbl input{width:100%!important;height:34px!important;font-size:14px!important;padding:0 8px!important;border-radius:8px!important}
.sx-ftbl .sx-thead,.sx-ftbl .sx-frow{grid-template-columns:118px 54px 54px 54px 64px 60px 30px;min-width:0}.sx-ftbl .sx-frow{display:grid!important;gap:6px;align-items:center;padding:6px 10px;margin:0!important;border-bottom:1px solid #f1f5f9}.sx-ftbl .sx-frow:last-child{border-bottom:0}.sx-ftbl select,.sx-ftbl input{width:100%!important;height:34px!important;font-size:13.5px!important;padding:0 6px!important;border-radius:8px!important}.sx-ftbl .tk-del{width:30px!important;height:30px!important;border-radius:8px}
.sx-cases{margin:14px 0 0;padding:14px 16px;border:1px solid #e2e8f0;border-radius:18px;background:#fff}.sx-case-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-bottom:8px}.sx-case-head b{font-size:15px}.sx-case-head span{font-size:13.5px;color:#0b5cad;font-weight:600}.sx-case-head .button{margin-left:auto}
.sx-case{width:100%;border-collapse:collapse;font-size:13px}.sx-case th,.sx-case td{padding:7px 8px;border-bottom:1px solid #f1f5f9;text-align:left}.sx-case th{background:#f8fafc;color:#64748b;font-weight:600}.sx-case td small{color:#64748b}.sx-case td.best{background:#e8f1ff;border-radius:8px}.sx-case td.best b{color:#0071e3}.sx-case td.na{color:#94a3b8}
.tk-kind{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 6px}.tk-kind-t{font-size:13px;font-weight:700;color:#1d1d1f;margin-right:4px}.tk-kind button{min-height:34px;padding:6px 13px;border:1px solid #d4dde6;border-radius:999px;background:#fff;color:#475569;font:500 13px/1.2 inherit;cursor:pointer}.tk-kind button[aria-pressed=true]{background:#1d1d1f;border-color:#1d1d1f;color:#fff}.tk-kind-note:empty{display:none}.tk-kind-note{margin:0 0 12px!important;font-size:12.5px!important}
/* 홈 원가 절감 */
.cs-save{text-align:center}.cs-h2{font-size:clamp(26px,3vw,38px)!important;line-height:1.22!important;margin:0}.cs-lead{margin:10px auto 0;color:#6e6e73;font-size:16px}.cs-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:26px;text-align:left}.cs-card{display:flex;flex-direction:column;gap:8px;padding:24px 22px;border-radius:22px;background:#f5f5f7}.cs-no{margin:0;font:700 13px/1 inherit;color:#0071e3;letter-spacing:.04em}.cs-card h3{margin:0;font-size:21px;color:#1d1d1f}.cs-card>p:not(.cs-no){margin:0;font-size:14.5px;line-height:1.65;color:#62626a;flex:1}.cs-meta{margin-top:14px!important}
@media (max-width:900px){.cs-grid{grid-template-columns:1fr 1fr}}@media (max-width:560px){.cs-grid{grid-template-columns:1fr}}
/* 카드 안 「줄이는 비용」 */
.pa-save{margin:2px 0 14px;padding:12px 14px;border-radius:14px;background:#fff;border:1px solid #e5e7eb}.pa-save-t{margin:0 0 6px!important;font-size:12px!important;font-weight:700;color:#0071e3!important;letter-spacing:.02em}.pa-card .pa-save ul{margin:0!important;padding:0!important;list-style:none;display:grid;gap:4px;font-size:13px!important;line-height:1.55!important;color:#52525b}.pa-save b{color:#1d1d1f;margin-right:6px;font-weight:700}
.st-3d{width:100%;border-radius:16px;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#fff 0,#f3eee6 100%);cursor:grab}.st-3d canvas{display:block}
/* 기업 물류 화면 안 계산기 */
.bz-app{margin:24px 0 0;text-align:left}.bz-app iframe{display:block;width:100%;min-height:900px;border:1px solid #e5e7eb;border-radius:22px;background:#fff}.bz-app-note{margin:10px 2px 0;text-align:right}
/* 계산 화면과 같은 폭 · 테두리 없이 */
.bz-app{position:relative;margin-top:18px}.bz-app iframe{border:0!important;border-radius:0!important;background:transparent!important}.bz-app-note{max-width:1360px;margin:6px auto 0!important;padding:0 24px}
/* 프로 화면: 사이트 머리 · 제목은 계산기 안 메뉴 · 제목으로 대신 */
body.bz-embedded>.site-header,body.bz-embedded .pa-page>.dh-kicker,body.bz-embedded .pa-page>h1{display:none!important}body.bz-embedded .pa-page{padding-top:0!important}body.bz-embedded .bz-app{margin-top:0}body.bz-embedded .bz-app iframe{overflow:hidden}
/* 2026-10-13 적재 방식 드롭다운 · 혼합 기준 · 중요 박스 */
.tk-load-ui{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}.tk-mix-opt{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px 10px}.tk-mix-opt[hidden]{display:none}
.tk-load-sel select{font-weight:700;color:#1d4ed8;border-color:#93c5fd}
.tk-imp{position:relative}.tk-imp>summary{list-style:none;cursor:pointer;min-height:34px;display:inline-flex;align-items:center;border:1px solid #d4dde6;background:#fff;color:#475569;border-radius:999px;padding:6px 14px;font:500 12.5px/1.3 inherit}.tk-imp>summary::-webkit-details-marker{display:none}.tk-imp>summary::after{content:" ▾"}
.tk-imp[open]>summary{border-color:#2563eb;color:#1d4ed8}
.tk-imp-pop{position:absolute;left:0;top:calc(100% + 4px);z-index:40;background:#fff;min-width:240px;max-width:min(320px,80vw);border:1px solid #d4dde6;border-radius:12px;padding:10px 12px;box-shadow:0 8px 24px rgba(15,23,42,.12)}
.tk-imp-list{display:grid;gap:6px;max-height:220px;overflow:auto}.tk-imp-list label{display:flex;align-items:center;gap:6px;font-size:13px;color:#334155;cursor:pointer}.tk-imp-pop>p{margin:8px 0 0;font-size:11.5px;color:#64748b;line-height:1.45}
@media (max-width:640px){.sx-case td small{display:block}}
/* 2026-10-13 파렛트 규격 · 재질 · 높이 한도 + 파렛트 적재표 */
.tk-pal-opt{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px 10px}.tk-pal-opt[hidden]{display:none}.tk-pal-opt input{width:86px;min-height:32px;border:1px solid #d4dde6;border-radius:8px;padding:4px 8px;font:inherit;font-size:12.5px}
.tk-pal-box{margin:10px 0 0;border:1px solid #e2e8f0;border-radius:14px;background:#fff;padding:10px 12px}.tk-pal-box[hidden]{display:none}
.tk-pal-head{font-size:13px;color:#334155;margin:0 0 8px}.tk-pal-scroll{overflow-x:auto}
.tk-pal{width:100%;border-collapse:collapse;font-size:12.5px;min-width:640px}.tk-pal th{background:#f1f5f9;color:#475569;font-weight:600;text-align:left;padding:6px 8px;white-space:nowrap}.tk-pal td{border-top:1px solid #eef2f7;padding:6px 8px;vertical-align:top;color:#1e293b}
.tk-pal td small{display:block;color:#64748b;font-size:11px}.tk-pal td.ok{color:#15803d}.tk-pal td.warn{color:#b45309}.tk-pal-tip{margin:8px 0 0;font-size:11.5px;color:#64748b;line-height:1.5}
/* 2026-10-14 아이폰 점검: 적재 박스 표(9칸)는 휴대폰에서 옆으로 밀어 본다 — 이름 칸은 고정, 오른쪽에 「더 있음」 그림자 */
@media (max-width:600px){.tk-tbl{background:linear-gradient(to right,#fff 30%,rgba(255,255,255,0)) left center/40px 100% no-repeat local,linear-gradient(to left,#fff 30%,rgba(255,255,255,0)) right center/40px 100% no-repeat local,radial-gradient(farthest-side at 0 50%,rgba(15,23,42,.16),transparent) left center/12px 100% no-repeat scroll,radial-gradient(farthest-side at 100% 50%,rgba(15,23,42,.16),transparent) right center/12px 100% no-repeat scroll,#fff!important;-webkit-overflow-scrolling:touch}.tk-tbl .tk-head>:first-child,.tk-tbl .tk-row>:first-child{position:sticky;left:0;z-index:2;background:#fff;box-shadow:6px 0 6px -6px rgba(15,23,42,.25)}.tk-tbl .tk-head>:first-child{background:#f8fafc}}