@font-face{font-family:HwEvening;src:url("./hw-evening-font.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
/* 화물연합 · 저녁 고속도로 / presentation only */
:root{--he-ink:#102438;--he-muted:#526575;--he-line:#cbd6df;--he-cloud:#f3f6f8;--he-gold:#ffbc57;--he-font:HwEvening,"Pretendard Variable",Pretendard,"Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",system-ui,sans-serif}
.v2-header,.v2-hero,.v2-home-content,.v2-overlay,.hcc-main,.hcc-header,.hvs-page,body:has(>.wrap) .wrap,#hwChatPanel{font-family:var(--he-font);font-variant-numeric:tabular-nums}
.v2-header button,.v2-overlay :is(input,textarea,select,button),#hwChatPanel :is(input,textarea,button),.wrap :is(input,button,textarea,select){font-family:inherit}
body .v2-header{background:#fff!important;color:var(--he-ink);border-bottom:1px solid #dbe1e6;box-shadow:none}
body .v2-header .v2-nav-wrap{max-width:1440px;gap:clamp(8px,1.25vw,22px)}
.v2-header .v2-brand img{width:42px;height:42px;object-fit:contain;padding:0;background:white;border-radius:50%}
.v2-header .v2-brand{gap:8px;color:var(--he-ink)!important;font-weight:850;letter-spacing:-.045em}
.v2-brand:not(:has(span))::after{content:"화물연합";font-size:clamp(16px,1.45vw,22px);color:var(--he-ink);white-space:nowrap}
body .v2-header .v2-nav>[data-nav]{border-radius:7px;letter-spacing:-.025em;box-shadow:none}
body .v2-header .v2-nav>[data-nav="fare"]{--nav-bg:#ffbd59;--nav-fg:#192637;--nav-border:#e6a13f}
body .v2-header .v2-nav>[data-nav="order"]{--nav-bg:#18344a;--nav-fg:#fff;--nav-border:#18344a}
body .v2-header .v2-top-chat-btn{background:#173449!important;color:white!important;border:1px solid #173449!important;box-shadow:none}
body .v2-hero{background:#102337 url("./assets/hw-evening-road.webp") center 53%/cover no-repeat!important;min-height:0}
.v2-hero .v2-hero-overlay{background:linear-gradient(90deg,rgba(8,23,39,.96) 0%,rgba(8,23,39,.85) 28%,rgba(8,23,39,.28) 63%,rgba(8,23,39,.06) 100%)!important}
body .v2-hero::after{background:linear-gradient(0deg,#0b1e32b8,transparent);width:100%;height:32%;pointer-events:none}
.v2-hero .v2-hero-content{max-width:1330px;padding:clamp(44px,5vw,80px) clamp(20px,5vw,76px) 30px;box-sizing:border-box}
.v2-hero .v2-kicker{color:#ffd084;font-size:clamp(14px,1.15vw,17px);letter-spacing:.04em;font-weight:750}
.v2-hero h1{font-size:clamp(40px,4.8vw,76px);letter-spacing:-.06em;line-height:1.13;font-weight:850;color:#fff}
.v2-hero h1 span,.v2-hero .v2-trust-icon{color:#ffc46a}
.v2-hero .v2-desc{max-width:34em;color:#edf1f5;font-size:clamp(15px,1.2vw,19px);line-height:1.65;font-weight:550;margin:20px 0 25px}
.v2-hero .v2-btn{border-radius:8px;min-width:0;padding:0 clamp(13px,1.6vw,26px);height:50px;gap:12px;letter-spacing:-.025em}
.v2-hero .v2-btn-primary,.v2-hero .v2-btn-primary:hover{background:var(--he-gold);color:#152437;box-shadow:none;border:1px solid #ffc76e}
.v2-hero .v2-btn-outline{background:#132b40c7;color:white;border:1px solid #ffffff90}
.v2-hero .v2-trust-row{border-top:1px solid #ffffff42;max-width:750px;margin-top:clamp(28px,3vw,48px);padding-top:17px}
.v2-hero .v2-trust-copy span{color:#dce5ed}
body .v2-stats{background:#f8f6f1;color:var(--he-ink);border-bottom:1px solid #e1dfd6}
.v2-stats .v2-stats-inner{max-width:1320px;padding:22px clamp(16px,3vw,42px);grid-template-columns:minmax(235px,2fr) repeat(4,minmax(80px,1fr)) minmax(145px,1.2fr);gap:0}
.v2-stats .v2-stats-inner>div{min-width:0;padding:4px 10px;border-color:#dadbd6;color:var(--he-muted);font-size:13px}
.v2-stats .v2-stats-inner :is(strong,span){color:var(--he-ink)}
.v2-stats .v2-stats-inner>div strong{font-size:clamp(17px,1.4vw,22px);letter-spacing:-.035em}
.v2-stats .v2-account-box :is(strong,span,em){color:var(--he-ink)!important}
.v2-stats .v2-account-box span,.v2-stats .v2-account-box em{font-size:13px!important;font-weight:600!important}
.v2-stats .v2-account-box strong{font-size:clamp(17px,1.65vw,24px)!important;margin:3px 0}
.v2-company-wrap .v2-company{max-width:1280px;gap:clamp(20px,4vw,68px)}
.v2-company-copy h2,.hvs-heading h1,.hcc-intro h1{color:var(--he-ink);letter-spacing:-.055em}
.v2-company-copy>small,.hvs-heading .hvs-eyebrow,.hcc-intro .hcc-eyebrow{color:#85500d!important;letter-spacing:.14em}
.v2-company .v2-company-btn{background:var(--he-ink);color:white}.v2-company .v2-company-visual{border-radius:14px}
.v2-home-content .v2-footer{background:#0c2034;color:#cbd6de;border-top:3px solid #d4a154;padding:28px 18px}
.v2-home-content .v2-footer p{font-size:13px;line-height:1.75;word-break:keep-all;overflow-wrap:anywhere}
.v2-home-content .v2-footer strong{color:#ffd18c}
.v2-overlay .v2-dialog{color:var(--he-ink);border:1px solid var(--he-line);box-shadow:0 18px 64px #0d233b35}
.v2-overlay .v2-dialog-head,body.hw-order-page #v2FareOverlay .v2-dialog-head{background:#122c42!important;border-bottom:3px solid #e7ae55!important}
.v2-overlay .v2-dialog-head :is(h2,.v2-close){color:#fff!important}
.v2-overlay .v2-field label,.v2-overlay .v2-order-summary span{font-weight:700;font-size:13px;color:#475c70}
.v2-overlay :is(.v2-field,.v2-order-summary) :is(input:not([type=checkbox]),select,textarea){background-color:#fff;color:#152b40;border-color:#bac8d4;border-radius:7px}
.v2-overlay .v2-order-summary,.v2-overlay .v2-result{background:#f0f4f6;border-color:#c7d4dd}
.v2-overlay .v2-order-summary strong{color:#142e45}
#v2OrderFare,#v2OrderTotalFare,.v2-overlay .v2-result .v2-price{color:#82500c}
.v2-overlay .v2-dialog-actions .v2-action:not(.light):not(.callback){background:var(--he-gold);border-color:#e1a64f;color:#142638}
.v2-overlay .v2-dialog-actions .v2-action.callback{background:#20445c;color:#fff}
.v2-overlay :is(input,textarea,select):focus-visible,#hwChatPanel :is(input,textarea):focus-visible,.hvs-page button:focus-visible,.wrap button:focus-visible{outline:3px solid #38759d;outline-offset:2px}
body:has(>.wrap .order-row),body:has(.new-order-notice-card){background-color:var(--he-cloud)}
.wrap .topbar{background:#132c41;color:white;padding:12px 16px;border-radius:12px;border-bottom:3px solid #d5a351}
.wrap .topbar .title{color:white;font-size:clamp(20px,2vw,26px);letter-spacing:-.045em}
.wrap .card{border-color:#cfdae2;border-radius:12px;box-shadow:0 3px 15px #142c4110}
.wrap .card-head,.wrap .section-title{background:#f6f8fa;color:#18354c}
.wrap .order-row .id{color:#16354d;letter-spacing:.005em;font-variant-numeric:tabular-nums}
.wrap .order-row .route{color:#233a4f;font-size:14px;line-height:1.6}
.wrap .detail .box{border:1px solid #c4d2dc;border-radius:9px;background:white}
.wrap .detail :is(.rk,.flabel){color:#344e62;font-weight:700}
.wrap .btn.primary{background:#1b3b52;color:white;border-color:#1b3b52}
#hwChatPanel{border-color:#233f56!important;box-shadow:0 12px 40px #132a4140!important}
#hwChatPanel .hw-chat-head{background:linear-gradient(115deg,#10263b,#244966)!important;border-bottom:3px solid #efb659;color:white}
#hwChatPanel .hw-chat-input{border-color:#b7c8d4;background:white;color:#173148;font-family:var(--he-font)}
#hwChatPanel :is(.hw-chat-primary,.hw-chat-send){background:#ffbf60!important;color:#16283b!important;border-color:#e0a64a}
#hwChatPanel .hw-chat-guest{background:#f1f5f7;color:#25445b;border-color:#b7c9d5}
#hwChatPanel .hw-msg.customer .hw-bubble{background:#1b405c;color:#fff}
#hwChatPanel .hw-msg.admin .hw-bubble{background:#fff;color:#183046;border:1px solid #d7e0e5}
#hwChatPanel .hw-chat-messages{background:#f3f6f8}
body.vehicle-specs-body,.hcc-main{color:var(--he-ink)}
.hvs-page .hvs-filter-panel,.hvs-page .hvs-card,.hcc-main .hcc-card{border:1px solid #ccd7df;border-radius:13px;background:white;box-shadow:0 3px 16px #172d4110}
.hvs-page .hvs-illustration{background:#f1f4f6;border-radius:8px;overflow:hidden}
.hvs-illustration .hvs-vehicle-photo{object-fit:contain;width:100%;max-width:100%}
.hvs-page .hvs-card h2{color:#162f45;letter-spacing:-.04em}
.hvs-page .hvs-metrics dd,.hcc-main .hcc-vehicle-table{font-variant-numeric:tabular-nums}
.hvs-page .hvs-primary-link,.hvs-page :is(.hvs-chip,.hvs-body-chip).is-active,.hvs-page [aria-pressed=true],.hcc-main .hcc-primary{background:#17384f;color:#fff;border-color:#17384f}
.hvs-page .hvs-card-link{color:#234861;border-top:1px solid #d8e1e7}
.hcc-header{background:#122b41!important;border-bottom:3px solid #dcaa58}
.hcc-main .hcc-step,.hcc-header .hcc-brand-mark{background:#ffbf60;color:#173047}
@media(max-width:960px){.v2-stats .v2-stats-inner{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:13px}.v2-stats .v2-account-box{grid-column:1/-1}}
@media(max-width:650px){
 .v2-header .v2-brand img{width:32px;height:32px}.v2-brand:not(:has(span))::after{font-size:16px}
 body .v2-hero{background-position:68% 42%!important}
 .v2-hero .v2-hero-overlay{background:linear-gradient(90deg,#091e31ed,#10263cc4 58%,#10263c60)!important}
 .v2-hero .v2-hero-content{padding:34px 18px 20px}
 .v2-hero .v2-hero-actions{gap:8px;flex-wrap:wrap}.v2-hero .v2-btn{font-size:15px;height:auto;min-height:44px}
 .v2-hero .v2-trust-row{margin-top:24px;gap:10px}.v2-hero .v2-trust-row>div{min-width:0}
 .v2-stats .v2-stats-inner{grid-template-columns:repeat(2,minmax(0,1fr));padding:17px 14px}
 .v2-stats .v2-account-box strong{font-size:20px!important}
 .v2-overlay .v2-field :is(input:not([type=checkbox]),textarea,select){font-size:16px}
 .v2-home-content .v2-footer p{font-size:12px;text-wrap:pretty}
}
html:has(.v2-hero),html:has(.v2-hero)>body{min-width:0!important}
.v2-hero button,.v2-company button,.hcc-main :is(button,select,input),.hvs-page button,.v2-header .v2-contact-actions :is(a,button){font-family:var(--he-font)}
body #hwChatPanel,body #hwChatPanel :is(button,input,textarea),#hccApp,.vehicle-specs-body .v2-header{font-family:var(--he-font)!important}
body .v2-header .v2-contact-phone,body .v2-header .v2-contact-kakao{font-size:0!important;position:relative}
.v2-header .v2-contact-phone:not(:has(svg))::before,.v2-header .v2-contact-kakao:not(:has(svg))::before{content:"";display:block;width:18px;height:18px;background:#193952;mask:center/contain no-repeat;-webkit-mask:center/contain no-repeat}
.v2-header .v2-contact-phone:not(:has(svg))::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 2l4 5-2.5 3c1.7 3.2 3.9 5.3 7.2 6.9l2.7-2.6 5 3.8c-1 4.3-3.4 5.2-6.8 4C10.1 20.2 3 13.1 1.7 6.8 1.1 4 3 2.2 6 2z'/%3E%3C/svg%3E")}
.v2-header .v2-contact-kakao:not(:has(svg))::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C5.9 2 1 5.7 1 10.3c0 2.9 1.9 5.4 5 7l-1.3 4.4 5.3-3.2c.7.1 1.4.1 2 .1 6.1 0 11-3.7 11-8.3S18.1 2 12 2z'/%3E%3C/svg%3E")}
@media(max-width:600px){#v2FareOverlay .v2-dialog-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#v2FareOverlay .v2-dialog-actions>.v2-action{width:100%;min-width:0;min-height:42px;margin:0;padding:8px;white-space:nowrap}#v2OrderStep .v2-dialog-actions>.primary:last-child{grid-column:1/-1}}

/* 2026-11-03: light headers and clearer box outlines */
body .v2-header .v2-top-chat-btn{background:#dceefe!important;color:#164a70!important;border:2px solid #81b4d9!important}
#hwChatPanel .hw-chat-head{background:linear-gradient(115deg,#dceefe,#e1f3ed)!important;color:#173f5c!important;border-bottom:2px solid #8bb7c9}
#hwChatPanel .hw-chat-head :is(.hw-chat-close,.hw-chat-end){color:#173f5c!important}
#hwChatPanel .hw-chat-end{border-color:#7fa7bb;background:#fff}
#hwChatPanel .hw-consultant-state.available{color:#14663f}
#hwChatPanel .hw-consultant-state.unavailable{color:#5d6670}
#hwChatPanel .hw-chat-head-title::before{color:#178b55;text-shadow:none}
.hcc-header{background:#e5f1fb!important;border-bottom:2px solid #94b5ce!important;color:#173f5c}
.hcc-header :is(a,small){color:#254f6d!important}
.hcc-header .hcc-brand-mark{background:#b8dcf3;color:#164d70}
.v2-overlay .v2-dialog,.v2-overlay .v2-order-summary,.v2-overlay .v2-result,
.hvs-page .hvs-filter-panel,.hvs-page .hvs-card,.hcc-main .hcc-card,
.wrap .card,.wrap .order,.wrap .detail .box{border-width:2px!important;border-color:#9eb2c3!important}
.v2-overlay :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea),
.hcc-main :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea),
.wrap :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea),
#hwChatPanel :is(.hw-chat-input,textarea){border:2px solid #a5b8ca!important;box-sizing:border-box}
body #hwChatPanel{border:2px solid #91acbf!important}