*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Pretendard,"Noto Sans KR",Arial,sans-serif;color:#16243a;background:#fff;line-height:1.6}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.site-header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.96);border-bottom:1px solid #e7ebf0;backdrop-filter:blur(12px)}.header-inner{max-width:1200px;margin:auto;height:82px;display:flex;align-items:center;gap:36px;padding:0 24px}.brand img{width:210px;height:64px;object-fit:contain}.header-inner nav{display:flex;gap:28px;margin-left:auto;font-weight:700;color:#38475e}.header-inner nav a:hover{color:#0d4d91}.admin-link{color:#6b7280}.call-top{background:#123f78;color:white;padding:12px 18px;border-radius:8px;font-weight:800}.hero{background:linear-gradient(115deg,#082e62 0%,#124b88 58%,#2d72b7 100%);color:white;overflow:hidden}.hero-inner{max-width:1200px;margin:auto;min-height:570px;padding:90px 24px;display:grid;grid-template-columns:1.4fr .75fr;align-items:center;gap:70px;position:relative}.hero-inner:after{content:"KJ";position:absolute;right:-50px;bottom:-210px;font-size:500px;font-weight:900;color:rgba(255,255,255,.035)}.eyebrow,.section-head span{font-size:13px;letter-spacing:.18em;font-weight:800}.hero h1{font-size:58px;line-height:1.18;margin:16px 0 20px}.hero h1 strong{color:#8fc8ff}.hero-copy>p{font-size:20px;color:#dceafb}.hero-actions{display:flex;gap:12px;margin:36px 0}.btn{display:inline-flex;justify-content:center;align-items:center;padding:15px 24px;border-radius:8px;font-weight:800;border:1px solid transparent;cursor:pointer}.btn.primary{background:#fff;color:#12467f}.btn.secondary{border-color:rgba(255,255,255,.6);color:#fff}.btn.dark{border-color:#173d6c;color:#173d6c;background:#fff}.hero-points{display:flex;gap:10px}.hero-points span{border:1px solid rgba(255,255,255,.25);border-radius:100px;padding:8px 15px;font-size:14px}.quick-card{position:relative;z-index:1;background:white;color:#17283d;padding:38px;border-radius:16px;box-shadow:0 30px 60px rgba(0,0,0,.2)}.quick-card h2{margin:0;font-size:20px}.quick-card .phone{font-size:32px;font-weight:900;color:#124b88;margin:14px 0 5px}.quick-card>a{display:block;margin-top:24px;font-weight:800;color:#174d88}.section{max-width:1200px;margin:auto;padding:100px 24px}.section-head{text-align:center;margin-bottom:48px}.section-head span{color:#2472bb}.section-head h2{font-size:38px;margin:8px 0}.section-head p{color:#667085}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service-grid article{padding:32px 26px;border:1px solid #e3e9f0;border-radius:12px;transition:.25s}.service-grid article:hover{transform:translateY(-5px);box-shadow:0 16px 30px rgba(20,60,110,.1)}.service-grid b{color:#2b72b5}.service-grid h3{margin:18px 0 10px}.service-grid p,.process-grid p{color:#667085;font-size:15px}.order-section{max-width:none;background:#f1f5f9;padding-left:24px;padding-right:24px}.order-section>.section-head,.order-form{max-width:1080px;margin-left:auto;margin-right:auto}.order-form{background:#fff;border-radius:18px;box-shadow:0 20px 60px rgba(29,55,87,.1);overflow:hidden}.step{padding:48px;border-bottom:1px solid #e5eaf0}.step-title{display:flex;gap:18px;align-items:flex-start;margin-bottom:32px}.step-title em{font-style:normal;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#154b87;color:white;font-weight:900}.step-title h3{font-size:25px;margin:0}.step-title p{margin:3px 0 0;color:#7a8493}.vehicle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:28px}.vehicle-grid input{display:none}.vehicle-grid span{display:block;padding:22px;border:1px solid #dfe5ec;border-radius:10px;cursor:pointer}.vehicle-grid small{display:block;color:#778292;margin-top:4px}.vehicle-grid input:checked+span{border:2px solid #1762a8;background:#f0f7ff;color:#0b477f}.form-grid{display:grid;gap:16px;margin-bottom:18px}.form-grid.two{grid-template-columns:repeat(2,1fr)}.form-grid.three{grid-template-columns:repeat(3,1fr)}label{font-size:14px;font-weight:700;color:#344054}input,select,textarea{width:100%;margin-top:7px;border:1px solid #cfd7e2;border-radius:8px;padding:13px 14px;background:#fff;outline:none}input:focus,select:focus,textarea:focus{border-color:#2371b7;box-shadow:0 0 0 3px rgba(35,113,183,.1)}textarea{min-height:100px;resize:vertical}.route-grid{display:grid;grid-template-columns:1fr 45px 1fr;align-items:center;margin-bottom:22px}.route-card{border:1px solid #dce3eb;padding:25px;border-radius:12px;background:#fbfcfe}.route-card h4{margin:0 0 20px;font-size:19px}.route-card h4 span{color:#1765aa}.route-arrow{text-align:center;font-size:28px;color:#1e67a8}.field-note{font-size:13px;color:#778292}.option-row{display:flex;gap:24px;flex-wrap:wrap;padding:16px 0}.option-row label,.agree{display:flex;align-items:center;gap:8px}.option-row input,.agree input{width:auto;margin:0}.estimate-box{margin:35px 48px 20px;background:#102f57;color:#fff;padding:28px 32px;border-radius:12px;display:flex;justify-content:space-between;align-items:center}.estimate-box span,.estimate-box small{display:block;color:#b9cce2}.estimate-box strong{font-size:31px;display:block;margin:3px 0}.agree{margin:20px 48px;color:#596579}.submit-btn{width:calc(100% - 96px);margin:0 48px 48px;border:0;background:#1765aa;color:white;padding:19px;border-radius:9px;font-size:18px;font-weight:900;cursor:pointer}.submit-btn:hover{background:#0e4f8c}.form-result{margin:0 48px 48px;padding:0}.form-result.success{background:#eaf8f0;color:#17653a;border:1px solid #b9e4cb;padding:18px;border-radius:8px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;text-align:center}.process-grid b{margin:auto;width:52px;height:52px;display:grid;place-items:center;background:#eaf3fc;color:#14558f;border-radius:50%}.contact-band{background:#123f78;color:white;padding:45px max(24px,calc((100% - 1152px)/2));display:flex;justify-content:space-between;align-items:center}.contact-band span,.contact-band strong{display:block}.contact-band strong{font-size:34px}.contact-band p{margin:3px 0;color:#d4e2f2}.contact-band a{border:1px solid white;padding:14px 23px;border-radius:8px;font-weight:800}footer{background:#0a1b30;color:#c4cfdb;padding:45px max(24px,calc((100% - 1152px)/2));display:flex;justify-content:space-between;gap:30px;font-size:14px}footer strong{color:white;font-size:20px}.floating-call{display:none}.admin-body{background:#eef2f6}.admin-wrap{max-width:1300px;margin:35px auto;padding:0 22px}.admin-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.admin-head h1{margin:0}.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px}.stat{background:white;border-radius:10px;padding:22px}.stat strong{display:block;font-size:30px;color:#144f88}.admin-panel{background:white;border-radius:12px;overflow:auto}.admin-toolbar{padding:16px;display:flex;gap:10px;border-bottom:1px solid #e5e9ef}.admin-toolbar input{max-width:320px;margin:0}.admin-toolbar button{border:0;border-radius:7px;padding:10px 15px;cursor:pointer}.admin-table{width:100%;border-collapse:collapse;min-width:1050px}.admin-table th,.admin-table td{padding:14px;border-bottom:1px solid #edf0f4;text-align:left;font-size:13px}.admin-table th{background:#f8fafc}.status{padding:5px 9px;border-radius:100px;background:#eaf3fc;color:#14558f;font-weight:700}.empty{text-align:center;padding:60px;color:#7b8490}.delete-btn{border:0;background:#fff0f0;color:#ba3030;padding:6px 10px;border-radius:5px;cursor:pointer}@media(max-width:900px){.header-inner nav{display:none}.call-top{margin-left:auto}.hero-inner{grid-template-columns:1fr;min-height:auto}.hero h1{font-size:42px}.quick-card{max-width:500px}.service-grid,.process-grid{grid-template-columns:repeat(2,1fr)}.vehicle-grid,.form-grid.three{grid-template-columns:repeat(2,1fr)}.route-grid{grid-template-columns:1fr}.route-arrow{transform:rotate(90deg);padding:8px}.contact-band,footer{flex-direction:column;align-items:flex-start}.admin-stats{grid-template-columns:1fr}}@media(max-width:600px){.header-inner{height:68px;padding:0 15px}.brand img{width:150px}.call-top{font-size:12px;padding:9px}.hero-inner{padding:60px 20px}.hero h1{font-size:35px}.hero-copy>p{font-size:17px}.hero-actions{flex-direction:column}.section{padding:70px 18px}.section-head h2{font-size:29px}.service-grid,.process-grid,.vehicle-grid,.form-grid.two,.form-grid.three{grid-template-columns:1fr}.step{padding:30px 20px}.estimate-box{margin:25px 20px 18px;flex-direction:column;align-items:flex-start;gap:15px}.agree{margin:18px 20px}.submit-btn{width:calc(100% - 40px);margin:0 20px 35px}.form-result{margin:0 20px 35px}.contact-band strong{font-size:28px}.floating-call{display:flex;position:fixed;right:18px;bottom:18px;background:#1765aa;color:white;width:64px;height:64px;border-radius:50%;align-items:center;justify-content:center;flex-direction:column;z-index:40;box-shadow:0 8px 25px rgba(0,0,0,.25)}.floating-call span{font-size:10px}}.route-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:6px 0 18px}.route-calc-btn{border:0;background:#1765aa;color:#fff;border-radius:8px;padding:13px 19px;font-weight:900;cursor:pointer}.route-calc-btn:disabled{opacity:.65;cursor:wait}.route-status{font-size:14px;color:#667085}.route-status.success{color:#167044;font-weight:700}.route-status.error{color:#b42318;font-weight:700}.route-summary-grid input[readonly]{background:#f8fafc;color:#18324f;font-weight:700}.naver-map{width:100%;height:390px;border:1px solid #d9e2ec;border-radius:12px;overflow:hidden;margin:20px 0;background:#eef3f8}.naver-map:empty:before{content:"네이버 지도를 불러오는 중입니다.";display:grid;place-items:center;height:100%;color:#7b8794}@media(max-width:600px){.naver-map{height:300px}.route-actions{align-items:stretch}.route-calc-btn{width:100%}}
.address-input-row{display:grid;grid-template-columns:1fr auto;gap:8px}.address-input-row input[readonly]{background:#fff;cursor:pointer}.address-click-area{position:relative;align-items:center;border:1px solid #d8e0e9;border-radius:8px;background:#fff;cursor:pointer;transition:border-color .18s,box-shadow .18s,background .18s}.address-click-area:hover,.address-click-area:focus{border-color:#1765aa;box-shadow:0 0 0 3px rgba(23,101,170,.12);background:#f8fbff;outline:none}.address-click-area input[readonly]{border:0!important;box-shadow:none!important;margin:0;padding-right:4px;background:transparent}.address-click-icon{display:grid;place-items:center;width:44px;height:44px;color:#1765aa;font-size:18px;pointer-events:none}.address-modal[hidden]{display:none}.address-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px}.address-modal-backdrop{position:absolute;inset:0;background:rgba(7,19,35,.64);backdrop-filter:blur(3px)}.address-modal-panel{position:relative;width:min(680px,100%);max-height:min(760px,90vh);overflow:auto;background:#fff;border-radius:16px;box-shadow:0 24px 80px rgba(0,0,0,.3)}.address-modal-head{display:flex;justify-content:space-between;align-items:flex-start;padding:24px 25px 16px;border-bottom:1px solid #e5eaf0}.address-modal-head strong{font-size:22px;color:#123f78}.address-modal-head p{margin:2px 0 0;color:#6f7b8c;font-size:14px}.address-modal-close{border:0;background:#eef3f8;width:38px;height:38px;border-radius:50%;font-size:25px;cursor:pointer}.address-search-form{display:grid;grid-template-columns:1fr auto;gap:9px;padding:20px 25px 12px}.address-search-form input{margin:0}.address-search-form button{border:0;background:#1765aa;color:white;border-radius:8px;padding:0 21px;font-weight:900;cursor:pointer}.address-search-status{padding:0 25px 13px;color:#6f7b8c;font-size:14px}.address-search-status.error{color:#b42318}.address-results{padding:0 25px 25px;display:grid;gap:10px}.address-result{width:100%;text-align:left;border:1px solid #dce4ed;background:#fff;border-radius:10px;padding:15px 16px;cursor:pointer}.address-result:hover{border-color:#1765aa;background:#f6faff}.address-result strong{display:block;color:#163d68;font-size:15px}.address-result small{display:block;color:#788496;margin-top:4px}.address-result .addr-tag{display:inline-block;background:#eaf3fc;color:#14558f;border-radius:4px;padding:2px 6px;margin-right:7px;font-size:11px}.body-modal-open{overflow:hidden}@media(max-width:600px){.address-input-row{grid-template-columns:1fr auto}.address-modal{padding:0;align-items:end}.address-modal-panel{width:100%;max-height:92vh;border-radius:18px 18px 0 0}.address-search-form{grid-template-columns:1fr}.address-search-form button{padding:13px}.address-modal-head{padding:20px}}

.truck-time-note{margin-top:8px;color:#8b5e00;font-weight:600}.mixed-load-notice{margin-top:12px;padding:12px 14px;border-radius:10px;background:#fff3cd;border:1px solid #ffe08a;color:#7a5200;font-weight:700;line-height:1.55}

/* v8 brand, conversion and mobile-flow improvements */
.hero{background:linear-gradient(90deg,rgba(4,24,50,.98) 0%,rgba(8,43,82,.94) 43%,rgba(8,43,82,.72) 68%,rgba(8,43,82,.42) 100%),url("kj-logistics-hero.jpg") center right/cover no-repeat}
.hero-inner{min-height:620px}.hero-inner:after{display:none}.hero-copy,.quick-card{position:relative;z-index:1}.hero h1{letter-spacing:-.04em}.hero-copy>p{max-width:650px}.hero-points span{background:rgba(8,32,61,.34);backdrop-filter:blur(4px)}
.quick-card{padding:30px;border:1px solid rgba(255,255,255,.45);box-shadow:0 28px 70px rgba(0,18,42,.34)}.quick-kicker{display:block;color:#1765aa;font-size:11px;font-weight:900;letter-spacing:.16em}.quick-card h2{margin:3px 0 4px;font-size:25px}.quick-help{margin:0 0 17px;color:#667085;font-size:14px}.quick-estimate-form{display:grid;grid-template-columns:1fr 1fr;gap:11px}.quick-estimate-form label:first-child,.quick-estimate-form button{grid-column:1/-1}.quick-estimate-form label{font-size:12px}.quick-estimate-form input,.quick-estimate-form select{margin-top:4px;padding:11px 12px}.quick-estimate-form button{border:0;border-radius:8px;background:#1765aa;color:#fff;padding:14px;font-weight:900;cursor:pointer}.quick-estimate-form button:hover{background:#0e4f8c}.quick-phone{margin-top:17px!important;padding-top:15px;border-top:1px solid #e4e9ef;display:flex!important;align-items:center;justify-content:space-between}.quick-phone span{color:#596579;font-size:13px}.quick-phone strong{color:#123f78;font-size:20px}
.trust-strip{max-width:1200px;margin:-1px auto 0;padding:0 24px;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;box-shadow:0 16px 45px rgba(15,53,91,.1);position:relative;z-index:3;border-radius:0 0 14px 14px}.trust-strip div{padding:24px 22px;border-right:1px solid #e7ecf2}.trust-strip div:last-child{border-right:0}.trust-strip strong,.trust-strip span{display:block}.trust-strip strong{font-size:16px;color:#123f78}.trust-strip span{font-size:13px;color:#667085;margin-top:2px}
.estimate-box.estimate-early{margin:22px 0 24px;background:linear-gradient(115deg,#0d315d,#175d9b);box-shadow:0 14px 28px rgba(14,67,116,.14)}.estimate-box.estimate-early strong{letter-spacing:-.03em}.estimate-box.estimate-early .btn{white-space:nowrap}.mobile-step-progress{display:none}.mobile-step-nav{display:none}
@media(max-width:900px){.hero-inner{min-height:auto}.trust-strip{grid-template-columns:repeat(2,1fr);border-radius:0}.trust-strip div:nth-child(2){border-right:0}.trust-strip div:nth-child(-n+2){border-bottom:1px solid #e7ecf2}.quick-card{max-width:none}.hero-points{flex-wrap:wrap}}
@media(max-width:600px){
  .hero{background-position:62% center}.hero-inner{padding:48px 18px 42px;gap:28px}.hero h1{font-size:37px}.hero-copy>p{margin-top:0}.hero-actions{margin:26px 0 22px}.hero-points{gap:7px}.hero-points span{padding:6px 10px;font-size:12px}.quick-card{padding:23px 20px;border-radius:13px}.quick-estimate-form{grid-template-columns:1fr}.quick-estimate-form label:first-child,.quick-estimate-form button{grid-column:auto}.quick-card h2{font-size:22px}.quick-phone strong{font-size:18px}
  .trust-strip{padding:0;box-shadow:none}.trust-strip div{padding:17px 16px}.trust-strip strong{font-size:14px}.trust-strip span{font-size:11px;line-height:1.45}
  .order-section{padding-left:12px;padding-right:12px}.order-form{border-radius:13px}.mobile-step-progress{position:sticky;top:68px;z-index:20;display:block!important;background:#fff;padding:14px 20px 12px;border-bottom:1px solid #e3e9f0;box-shadow:0 5px 14px rgba(23,50,82,.07)}.mobile-step-progress>span{font-size:12px;color:#667085;font-weight:800}.mobile-step-progress>strong{float:right;color:#144f88;font-size:13px}.mobile-step-progress>div{height:5px;background:#e5ebf2;border-radius:100px;margin-top:8px;overflow:hidden}.mobile-step-progress i{display:block;width:25%;height:100%;background:#1765aa;border-radius:100px;transition:width .25s}.step.mobile-inactive{display:none}.step.mobile-active{display:block}.mobile-step-nav{display:flex;gap:9px;margin-top:26px}.mobile-step-nav button{flex:1;border:1px solid #cfd8e3;border-radius:8px;background:#fff;color:#29445f;padding:13px 10px;font-weight:900}.mobile-step-nav .next-step{border-color:#1765aa;background:#1765aa;color:#fff}.mobile-step-nav .back-step:disabled{visibility:hidden}
  .vehicle-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.vehicle-grid span{padding:14px 11px;min-height:78px}.vehicle-grid strong{font-size:15px}.vehicle-grid small{font-size:11px;line-height:1.35}.step{padding:26px 16px}.step-title{gap:12px;margin-bottom:23px}.step-title em{width:40px;height:40px;flex:0 0 40px}.step-title h3{font-size:21px}.step-title p{font-size:12px}.estimate-box.estimate-early{margin:19px 0 22px;padding:22px 19px}.estimate-box.estimate-early strong{font-size:27px}.estimate-box.estimate-early .btn{width:100%}.submit-btn{margin-top:24px}
}
.quick-estimate-result{display:none;margin-top:12px;padding:11px 12px;border-radius:8px;background:#eef7ff;color:#184c7e;font-size:13px;font-weight:800}.quick-estimate-result.show{display:block}.quick-estimate-result.error{display:block;background:#fff1f0;color:#a93429}
@media(max-width:600px){.order-form:not(.mobile-final)>.agree,.order-form:not(.mobile-final)>.submit-btn,.order-form:not(.mobile-final)>.form-result{display:none}.order-form.mobile-final>.agree{margin-top:22px}}
@media(min-width:901px){.hero-inner{min-height:680px;grid-template-columns:1fr 1fr;grid-template-rows:1fr auto;gap:28px 70px;padding-top:72px;padding-bottom:32px}.hero-copy{grid-column:1;grid-row:1}.quick-card{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:.8fr 2.25fr .8fr;grid-template-rows:auto auto auto;column-gap:24px;align-items:center;padding:23px 26px}.quick-kicker{grid-column:1;grid-row:1}.quick-card h2{grid-column:1;grid-row:2}.quick-help{grid-column:1;grid-row:3;margin:0}.quick-estimate-form{grid-column:2;grid-row:1/4;grid-template-columns:.72fr 1fr 1fr auto;align-items:end}.quick-estimate-form label:first-child,.quick-estimate-form button{grid-column:auto}.quick-estimate-form button{white-space:nowrap}.quick-estimate-result{grid-column:2;grid-row:4}.quick-phone{grid-column:3;grid-row:1/5;margin:0!important;padding:2px 0 2px 24px;border-top:0;border-left:1px solid #e4e9ef;align-self:stretch;flex-direction:column;align-items:flex-start;justify-content:center}.quick-phone strong{font-size:19px}}

/* v9 quick estimate address search and order handoff */
.quick-estimate-form .quick-address-area{grid-template-columns:minmax(0,1fr) 40px;gap:0;margin-top:4px;min-height:47px}
.quick-estimate-form .quick-address-area input[readonly]{padding:11px 4px 11px 12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.quick-estimate-form .quick-address-area .address-click-icon{width:40px;height:45px;font-size:16px}
.quick-estimate-result.show{display:flex;align-items:center;justify-content:space-between;gap:12px}
.quick-estimate-result.show>span{min-width:0}
.quick-continue-btn{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;background:#1765aa;color:#fff!important;padding:9px 12px;font-weight:900}
.quick-continue-btn:hover{background:#0e4f8c}
.quick-transfer-notice{padding:17px 48px;background:#eaf6ff;border-bottom:1px solid #cfe5f7;color:#174d7b}
.quick-transfer-notice strong,.quick-transfer-notice span{display:block}
.quick-transfer-notice span{margin-top:2px;font-size:13px;color:#52708c}
@media(max-width:600px){
  .quick-estimate-result.show{align-items:stretch;flex-direction:column}
  .quick-continue-btn{width:100%;padding:11px 12px}
  .quick-transfer-notice{padding:15px 16px}
}