/* SOURCE: /assets/bundles/fares-styles-06.css */
:root{--blue:#0b63ce;--navy:#0c2d57;--bg:#f4f7fb;--line:#dfe7f1;--muted:#6b7a90;--danger:#d9363e}
*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Pretendard","Noto Sans KR","Segoe UI",sans-serif;background:var(--bg);color:#17243a}
a{text-decoration:none;color:inherit}
main{max-width:980px;margin:auto;padding:34px 16px 60px}.title{font-size:27.72px;font-weight:950;color:var(--navy);margin:2px 0 7px}.sub{color:var(--muted);font-size:14.2296px;margin-bottom:20px;line-height:1.6}
.search-box{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 8px 28px rgba(19,52,95,.07)}
.search-row{display:grid;grid-template-columns:1fr 112px;gap:10px}.search-input{width:100%;height:56px;border:1.5px solid #cbd8e8;border-radius:12px;padding:0 16px;font-size:16.5396px;font-weight:750;color:#1c2c44;outline:none;background:#fff;-webkit-appearance:none;appearance:none;background-image:none!important}.search-input::-webkit-calendar-picker-indicator{display:none!important;-webkit-appearance:none;opacity:0}.search-input::-webkit-search-decoration,.search-input::-webkit-search-cancel-button,.search-input::-webkit-search-results-button,.search-input::-webkit-search-results-decoration{display:none!important;-webkit-appearance:none}.search-input::-ms-expand{display:none}.search-input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(11,99,206,.11)}
.search-btn{height:56px;border:0;border-radius:12px;background:var(--blue);color:#fff;font-size:16.2624px;font-weight:900;cursor:pointer}.search-btn:hover{background:#0756b7}.search-hint{margin:10px 2px 0;color:#8491a3;font-size:13.1208px}
.quick{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}.quick button{border:1px solid #d7e2ef;background:#f8fbff;color:#48617e;border-radius:999px;padding:7px 11px;font-size:13.1208px;font-weight:800;cursor:pointer}.quick button:hover{border-color:#8ab5eb;color:var(--blue);background:#eef6ff}
.status{margin:18px 2px 8px;color:var(--muted);font-size:14.2296px;min-height:20px}.results{display:none}.result-section{margin-top:20px}.area-title{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:0 2px 12px}.area-title h2{margin:0;color:var(--navy);font-size:21.3444px}.badge{font-size:13.1208px;color:var(--blue);font-weight:850;background:#eaf2ff;padding:6px 9px;border-radius:99px;white-space:nowrap}
.vehicle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:0 5px 18px rgba(24,55,94,.05)}.card h3{margin:0 0 10px;color:var(--navy);font-size:17.4636px}.note{display:inline-block;font-size:13.1208px;font-weight:800;color:#7b5e00;background:#fff4ca;border-radius:8px;padding:4px 7px;margin:0 0 10px}.scope{border-top:1px dashed #dce4ee;padding-top:11px;margin-top:11px}.scope:first-of-type{border-top:0;padding-top:0;margin-top:0}.scope-name{font-size:13.2132px;font-weight:850;color:#4a5d75;margin-bottom:7px}.rate{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 0}.rate-name{font-size:14.2296px;color:#596a80}.amount{font-size:16.2624px;font-weight:950;color:#17243a;white-space:nowrap}
.rate-horizontal{display:grid;grid-template-columns:minmax(78px,1fr) minmax(105px,1.15fr) minmax(105px,1.15fr);align-items:center;gap:8px;padding:8px 0}
.rate-horizontal+.rate-horizontal{border-top:1px solid #eef2f6}
.rate-period{font-size:13.2132px;color:#596a80;white-space:nowrap}
.rate-pay{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0;padding:7px 9px;border:1px solid #dbe5ef;border-radius:9px;background:#f8fbff}
.rate-pay-label{font-size:12.012px;font-weight:850;color:#55708d}
.rate-pay-price{font-size:13.2132px;font-weight:950;color:#17243a;white-space:nowrap}
.rate-pay.empty{opacity:.5}
.rate-horizontal-same{
 display:grid;
 grid-template-columns:minmax(78px,1fr) minmax(105px,1.15fr) minmax(105px,1.15fr);
 align-items:center;
 gap:8px
}
.rate-pay-same{
 grid-column:2/4;
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:10px;
 min-width:0;
 padding:7px 9px
}
.rate-pay-same .rate-pay-label{
 font-size:13.1208px;
 white-space:nowrap
}
.rate-pay-same .rate-pay-price{
 font-size:13.2132px;
 white-space:nowrap
}
@media(max-width:640px){
 .rate-horizontal-same{
  grid-template-columns:minmax(68px,.8fr) minmax(0,1fr) minmax(0,1fr);
  gap:5px
 }
 .rate-pay-same{
  grid-column:2/4;
  padding:6px 7px;
  gap:7px
 }
 .rate-pay-same .rate-pay-label{
  font-size:10.9032px;
  white-space:nowrap
 }
 .rate-pay-same .rate-pay-price{
  font-size:12.5664px;
  white-space:nowrap
 }
}
@media(max-width:640px){
 .rate-horizontal{grid-template-columns:minmax(68px,.8fr) minmax(0,1fr) minmax(0,1fr);gap:5px}
 .rate-period{font-size:12.5664px}
 .rate-pay{padding:6px 6px;gap:3px}
 .rate-pay-label{font-size:10.9032px}
 .rate-pay-price{font-size:12.5664px}
}.unavailable{color:var(--danger);font-weight:900;background:#fff1f2;border:1px solid #ffd4d7;border-radius:10px;padding:12px;text-align:center}.info{margin-top:16px;background:#eef5ff;border-radius:13px;padding:13px 14px;color:#526b89;font-size:13.2132px;line-height:1.6}
.no-result{background:#fff;border:1px solid var(--line);border-radius:16px;padding:30px 18px;text-align:center;color:#6b7a90}.no-result b{display:block;color:#233b59;font-size:16.5396px;margin-bottom:7px}
.fare-mode{display:flex;gap:10px;margin:0 0 16px}.fare-mode button{flex:1;height:46px;border:1px solid #d6e2ef;border-radius:12px;background:#f7fbff;color:#26496f;font-size:15.246px;font-weight:900;cursor:pointer}.fare-mode button.active{background:var(--blue);border-color:var(--blue);color:#fff}.fare-panel{display:none}.fare-panel.active{display:block}.fare-search-guide{margin:0 2px 8px;color:#6c7d92;font-size:13.2132px;line-height:1.5}.calc-section{margin-top:16px}.calc-hero h3{margin:0 0 6px;color:var(--navy);font-size:21.3444px}.calc-hero p{margin:0 0 14px;color:#6f8097;font-size:14.2296px;line-height:1.6}.page-calc-top{display:grid;grid-template-columns:minmax(0,1fr) 88px;gap:10px;align-items:center;margin-bottom:10px}.page-calc-top input{flex:1;min-width:0;height:56px;border:1.5px solid #cbd8e8;border-radius:12px;padding:0 16px;font-size:16.5396px;font-weight:750;color:#1c2c44;outline:none;background:#fff}.page-calc-top input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(11,99,206,.11)}.page-calc-unit{height:56px;min-width:88px;padding:0 18px;border-radius:12px;background:#edf5ff;color:#28507e;display:grid;place-items:center;font-size:16.2624px;font-weight:900}.page-calc-note{margin:0 0 14px;color:#76879b;font-size:13.2132px;line-height:1.6}.calc-card{border:1px solid #dbe6f1;border-radius:14px;background:#fff;padding:16px}.calc-card+.calc-card{margin-top:12px}.calc-card h4{margin:0 0 5px;font-size:19.404px;color:#15345d}.calc-card p{margin:0 0 12px;color:#6e8096;font-size:13.2132px}.calc-vehicle-type-row{display:flex;align-items:center;gap:10px;margin:0 0 10px;padding:10px 12px;border:1px solid #dfe8f2;border-radius:11px;background:#f8fbff}.calc-vehicle-type-row label{flex:0 0 auto;color:#38536f;font-size:13.2132px;font-weight:900}.calc-vehicle-type-row select{flex:1;min-width:0;height:40px;border:1px solid #cbd8e8;border-radius:9px;background:#fff;padding:0 10px;color:#173657;font-weight:850;outline:none}.calc-vehicle-type-row select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(11,99,206,.09)}.calc-rate-name{flex-wrap:wrap}.calc-rate-toll{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:999px;background:#eef7ed;color:#2b6b32;font-size:12.012px;font-weight:900;white-space:nowrap}.calc-rate-toll.ev{background:#e9f7ff;color:#12618e}.calc-rate-list{display:grid;gap:0}.calc-rate{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px;border-top:1px solid #e5ebf2}.calc-rate:nth-child(1){border-top:0}.calc-rate:nth-child(odd){margin-top:6px;background:#fff;border-radius:10px 10px 0 0}.calc-rate:nth-child(1){margin-top:0}.calc-rate.outside{margin-top:0;border-top:0;background:#f6faff;border-radius:0 0 10px 10px;padding:7px 10px 10px}.calc-rate-name{display:flex;align-items:center;gap:8px;min-width:0;font-size:15.246px;color:#51667f;font-weight:800}.calc-rate-time{white-space:nowrap}.calc-rate-kind{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:999px;background:#edf3fa;color:#4f6680;font-size:12.012px;font-weight:900;white-space:nowrap}.calc-rate.outside .calc-rate-kind{background:#dfeeff;color:#145797}.calc-rate-amount{font-size:17.4636px;color:#122946;font-weight:950;white-space:nowrap}.calc-rate-amount-stack{display:grid;gap:4px;text-align:right;flex:0 0 auto}.calc-rate-included{display:inline-flex;align-items:center;justify-content:center;justify-self:end;font-style:normal;font-size:11.4576px;font-weight:900;color:#236aa6;background:#eef7ff;border:1px solid #d6eaff;border-radius:999px;padding:2px 6px;line-height:1.25;white-space:nowrap}
.calc-rate-waypoint-summary{display:grid;justify-items:end;gap:2px;max-width:100%}
.calc-rate-waypoint-summary small{font-size:11.4576px;font-weight:850;color:#55748e;line-height:1.25;white-space:nowrap}

@media(max-width:640px){.calc-rate-included{font-size:10.3488px;padding:2px 5px}.calc-rate-waypoint-summary small{font-size:10.3488px}.calc-rate-amount-stack{max-width:46%;min-width:0}.calc-rate-amount{white-space:nowrap}}.calc-rate-amount-line{display:flex;align-items:center;justify-content:flex-end;gap:7px;white-space:nowrap}.calc-rate-amount-line small{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:999px;background:#edf3fa;color:#4f6680;font-size:10.9032px;font-weight:900}.calc-rate-amount-line.ev small{background:#e9f7ff;color:#12618e}.calc-rate-amount-line.ev .calc-rate-amount{color:#12618e;font-size:16.2624px}.calc-caption{margin-top:12px;color:#7d8da2;font-size:13.1208px;line-height:1.6}.page-calc-options{display:flex;align-items:center;gap:9px;margin:0 0 12px;padding:11px 13px;border:1px solid #dfe8f2;border-radius:12px;background:#fff;color:#53677f;font-size:13.2132px}.page-calc-options input{width:18px;height:18px;accent-color:var(--blue)}.page-calc-warn{margin:12px 0 0;color:#8a5b20;font-size:13.1208px;line-height:1.65}.fare-estimate-notice{margin:0 0 12px;padding:11px 13px;border:1px solid #cfe0f3;border-radius:12px;background:#eef6ff;color:#174d87;font-size:14.2296px;font-weight:900;line-height:1.55}.fare-policy-note{margin-top:20px;border:1px solid #d7e2ee;border-radius:16px;background:#fff;padding:18px 20px;box-shadow:0 5px 18px rgba(24,55,94,.04)}.fare-policy-note h3{margin:0 0 12px;color:#0c2d57;font-size:17.4636px}.fare-policy-note p{margin:7px 0;color:#263c57;font-size:14.2296px;line-height:1.75}.fare-policy-note strong{color:#d62828}.fare-policy-note .blue{color:#0b63ce;font-weight:900}
.fare-surcharge-summary{margin:0 0 16px;padding:15px 16px 13px;border:1px solid #cfdeed;border-radius:15px;background:#fff;box-shadow:0 4px 16px rgba(20,55,95,.04)}.surcharge-summary-head{display:flex;align-items:center;justify-content:flex-start;gap:8px;margin-bottom:11px;text-align:left;white-space:nowrap}.surcharge-summary-head strong{position:static;display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 11px;border-radius:8px;background:#0b63ce;color:#fff;font-size:13.2132px;font-weight:950;white-space:nowrap}.surcharge-summary-head span{display:inline-block;width:auto;margin:0;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#6d7f93;font-size:13.1208px;font-weight:750;line-height:1.4;text-align:left!important}.surcharge-summary-sep{font-style:normal;color:#9aa8b8;font-size:13px;font-weight:800}.surcharge-summary-grid{display:grid;grid-template-columns:.82fr 1.55fr 1.05fr;gap:9px}.surcharge-summary-card{min-width:0;padding:12px 13px;border:1px solid #dbe6f1;border-radius:11px;background:#f9fbfd}.surcharge-summary-card>b{display:block;margin-bottom:7px;color:#163a65;font-size:13.1208px;font-weight:950}.surcharge-summary-card>.surcharge-main{display:flex;align-items:baseline;gap:7px;min-height:28px}.surcharge-summary-card>.surcharge-main strong{color:#d62828;font-size:12.012px;font-weight:950;letter-spacing:-.3px}.surcharge-percent-emphasis{font-weight:1000!important}.surcharge-summary-card>.surcharge-main small{color:#718398;font-size:11.4576px;font-weight:800}.surcharge-time-list{display:grid;gap:4px}.surcharge-time-list span{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#415b76;font-size:12.012px;font-weight:800;line-height:1.35}.surcharge-time-list em{font-style:normal;color:#d62828;font-weight:950;white-space:nowrap}.surcharge-summary-foot{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:9px;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#435f7d;font-size:12.012px;font-weight:800;text-align:center}.surcharge-summary-foot strong{color:#d62828;font-size:12.5664px}.surcharge-summary-foot i{font-style:normal;color:#91a1b3}.surcharge-card-guide{margin:0 0 8px;padding:6px 8px;border:1px solid #e0e8f1;border-radius:8px;background:#f8fbff;color:#63778e;font-size:11.4576px;font-weight:850;line-height:1.45}.rate-period-wrap{display:flex;align-items:center;gap:5px;min-width:0;flex-wrap:wrap}.surcharge-tag{display:inline-flex;align-items:center;min-height:18px;padding:1px 6px;border-radius:999px;font-size:10.3488px;font-weight:900;white-space:nowrap}.surcharge-tag.night{background:#fff0e8;color:#b44d13}.surcharge-tag.outside{background:#eaf3ff;color:#145797}.calc-rate-surcharge{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:999px;font-size:11.4576px;font-weight:950;white-space:nowrap}.calc-rate-surcharge.night{background:#fff0e8;color:#b44d13}.calc-rate-surcharge.outside{background:#e3f0ff;color:#145797}.calc-rate-surcharge.total{background:#fff1f2;color:#c62828}@media(max-width:900px){.surcharge-summary-grid{grid-template-columns:1fr 1fr}.surcharge-summary-card:first-child{grid-column:1/-1}.surcharge-summary-card:first-child>.surcharge-main{justify-content:center}.surcharge-summary-card:first-child>b{text-align:center}}@media(max-width:640px){.fare-surcharge-summary{margin-bottom:12px;padding:12px}.surcharge-summary-head{justify-content:flex-start;gap:6px;white-space:nowrap;text-align:left}.surcharge-summary-head strong{font-size:12.5664px;min-height:27px;padding:0 9px}.surcharge-summary-head span{padding:0!important;font-size:11.4576px;text-align:left!important}.surcharge-summary-grid{grid-template-columns:1fr;gap:7px}.surcharge-summary-card:first-child{grid-column:auto}.surcharge-summary-card{padding:10px 11px}.surcharge-summary-card>b{text-align:left!important;font-size:12.5664px}.surcharge-summary-card:first-child>.surcharge-main{justify-content:flex-start}.surcharge-summary-card>.surcharge-main strong{font-size:11.4576px}.surcharge-time-list span{font-size:11.4576px}.surcharge-summary-foot{flex-wrap:wrap;gap:4px 7px;font-size:11.4576px}.surcharge-summary-foot strong{font-size:11.4576px}.surcharge-card-guide{font-size:10.9032px}.surcharge-tag{font-size:9.7944px;padding:1px 5px}.calc-rate-surcharge{height:20px;padding:0 6px;font-size:10.3488px}}

.outside-auto-box{margin:12px 0 0;padding:12px 13px;border:1px solid #d9e5f1;border-radius:11px;background:#f8fbff;color:#3b5878;font-size:13.2132px;line-height:1.6}.outside-auto-box b{color:#0b63ce}.outside-auto-box.applied{border-color:#b9d5f3;background:#eef6ff;color:#174d87}
footer{background:#0b2c55;color:#c9d6e7;padding:26px 18px}.foot{max-width:980px;margin:auto}.foot strong{display:block;color:#fff;font-size:17.4636px;margin-bottom:6px}.foot .tel{color:#fff;font-size:20.4204px;font-weight:900;margin:8px 0}
/* 공통 헤더 */
.ot-site-header{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;z-index:9999!important;background:#fff!important;border-bottom:1px solid #e8edf3!important;box-shadow:0 2px 10px rgba(8,39,84,.06)!important}.ot-header-inner{max-width:1180px;margin:0 auto;padding:0 24px;min-height:74px;display:flex;align-items:center;gap:24px}.ot-brand{flex:0 0 auto;display:flex;align-items:center}.ot-brand img{display:block!important;width:235px!important;height:62px!important;max-width:235px!important;object-fit:contain!important;object-position:left center!important}.ot-nav{margin-left:auto;display:flex;align-items:center;gap:31px;font-size:15.246px;font-weight:800;white-space:nowrap}.ot-nav a{position:relative;padding:28px 0 25px;color:#122946}.ot-nav a:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:#0b63ce;transform:scaleX(0)}.ot-nav a:hover,.ot-nav a.active{color:#0b63ce}.ot-nav a:hover:after,.ot-nav a.active:after{transform:scaleX(1)}.ot-phone{font-size:21.3444px;font-weight:950;color:#0b63ce!important;white-space:nowrap}.ot-header-spacer{height:74px}
@media(max-width:980px){.ot-header-inner{gap:17px}.ot-nav{gap:18px;font-size:13.2132px}.ot-phone{font-size:18.3876px}.ot-brand img{width:210px!important;max-width:210px!important}}
@media(max-width:720px){.ot-header-inner{min-height:126px;display:grid;grid-template-columns:1fr auto;grid-template-rows:72px 54px;gap:0 12px;padding:0 24px}.ot-brand img{width:225px!important;max-width:225px!important;height:66px!important}.ot-phone{font-size:21.3444px;justify-self:end}.ot-nav{grid-column:1/3;grid-row:2;width:100%;margin:0;gap:25px;overflow-x:auto;padding:0;scrollbar-width:none;font-size:15.246px}.ot-nav::-webkit-scrollbar{display:none}.ot-nav a{flex:0 0 auto;padding:16px 0 14px}.ot-header-spacer{height:126px}.vehicle-grid{grid-template-columns:1fr}.search-row{grid-template-columns:1fr 92px}.search-btn{font-size:15.246px}.title{font-size:24.948px}.page-calc-top{grid-template-columns:1fr 76px}.page-calc-unit{width:100%}}
@media(max-width:480px){.ot-header-inner{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:68px 50px;min-height:118px;padding:0 16px}.ot-brand img{width:190px!important;max-width:190px!important;height:60px!important}.ot-phone{font-size:17.4636px}.ot-nav{gap:20px;font-size:13.2132px}.ot-nav a{padding:14px 0 12px}.ot-header-spacer{height:118px}main{padding-top:25px}.search-box{padding:15px}.search-input{font-size:16.2624px;padding:0 13px}.area-title h2{font-size:19.404px}.fare-mode{flex-direction:row!important;display:flex!important;gap:8px!important}.fare-mode button{width:50%;min-width:0}.page-calc-top input{font-size:16.2624px;padding:0 13px}.calc-card h4{font-size:17.4636px}.calc-rate-name{font-size:13.2132px}.calc-rate-amount{font-size:16.2624px}}
.route-waypoint-list{display:grid;gap:7px;margin-top:9px}.route-waypoint-list:empty{display:none}
.route-waypoint-item{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:8px;border:1px solid #d8e4ef;border-radius:10px;background:#f8fbff;padding:9px 10px}
.route-waypoint-num{font-size:13.1208px;font-weight:950;color:#0b63ce;text-align:center}.route-waypoint-address{min-width:0;font-size:13.1208px;line-height:1.45;color:#263b53;overflow-wrap:anywhere}
.route-waypoint-remove{border:1px solid #d8e1ea;border-radius:8px;background:#fff;color:#718196;font-size:12.012px;font-weight:850;padding:6px 8px;cursor:pointer}.route-waypoint-remove:hover{background:#fff2f3;color:#b4232c;border-color:#efc9cc}

/* V13.36 INTERNATIONAL TAXI FARE SYSTEM */
.intl-fare-system{margin:0 0 28px;padding:22px;border:1px solid rgba(207,224,243,.95);border-radius:24px;background:rgba(13,30,48,.72);backdrop-filter:blur(4px)}
.intl-fare-system h2{margin:0 0 10px;font-size:32px;font-weight:900;color:#fff}
.intl-fare-system p{margin:0;color:#dce8f5;line-height:1.65}
.intl-fare-rules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0 18px}
.intl-fare-rule{padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:#edf5ff}
.intl-fare-rule b{display:block;margin-bottom:6px;color:#fff;font-size:16px}
.intl-fare-zone-table{width:100%;border-collapse:collapse;overflow:hidden;border-radius:18px;background:rgba(255,255,255,.96)}
.intl-fare-zone-table th,.intl-fare-zone-table td{padding:12px 14px;border-bottom:1px solid #dfe9f4;text-align:left;vertical-align:top;font-size:15px;line-height:1.5;color:#18314f}
.intl-fare-zone-table th{background:#edf4fb;font-weight:900;color:#173251}
.intl-fare-zone-table tr:last-child td{border-bottom:none}
.intl-fare-zone-table .zone{font-weight:900;color:#173251}
.intl-fare-foot{margin-top:12px;font-size:14px;color:#cadcf0}
@media (max-width:920px){.intl-fare-rules{grid-template-columns:1fr}.intl-fare-system h2{font-size:26px}.intl-fare-zone-table th,.intl-fare-zone-table td{font-size:13px;padding:10px 9px}}


/* V13.37: 검색창을 인터내셔널택시 요금체계 위로 이동 */
.top-fare-search{margin:0 0 18px}
.top-fare-search.hidden{display:none!important}


/* V13.41: 일반택시 / 인터내셔널택시 요금표 구분 */
.fare-kind-label{display:inline-flex;align-items:center;justify-content:center;margin-left:7px;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:900;line-height:1.2;vertical-align:middle;white-space:nowrap}
.fare-kind-label.regular{background:#eaf3ff;color:#145797}
.fare-kind-label.international{background:#f0eaff;color:#6e35b7}
.meter-search-card .note.regular-note{background:#eef6ff;color:#145797}
.international-search-card{grid-column:1/-1;border:2px solid #d8c6f1;background:linear-gradient(180deg,#fbf9ff 0%,#fff 100%)}
.international-search-card h3{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin-bottom:8px}
.international-search-intro{margin:0 0 12px;color:#556a82;font-size:13.2px;line-height:1.55}
.international-search-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid #ddd7ea;border-radius:12px;overflow:hidden;background:#fff}
.international-search-table th,.international-search-table td{padding:11px 12px;border-bottom:1px solid #ece7f3;text-align:left;vertical-align:middle;font-size:13.2px;line-height:1.45}
.international-search-table th{background:#f5f0fb;color:#4d2a78;font-weight:900}
.international-search-table tr:last-child td{border-bottom:0}
.international-search-table .intl-zone{font-weight:950;color:#6e35b7;white-space:nowrap}
.international-search-table .intl-price{font-weight:950;color:#17243a;white-space:nowrap}
.international-search-city-note{margin-top:11px;padding:10px 12px;border-radius:10px;background:#f2f7fd;color:#435f7d;font-size:12.7px;font-weight:800;line-height:1.5}
.international-search-city-note b{color:#145797}



@media(max-width:720px){
 .fare-kind-label{font-size:10.5px;padding:3px 7px;margin-left:4px}
 .international-search-table th,.international-search-table td{padding:9px 8px;font-size:12px}
 .international-search-table th:nth-child(2),.international-search-table td:nth-child(2){min-width:96px}
 .international-search-card{grid-column:auto}
 .international-search-intro{font-size:12.3px}
}


/* V13.43 SEARCH BOX UNIFIED */
.top-fare-search .status{margin:12px 2px 0;min-height:20px}
.top-fare-search .info{margin-top:12px}
#pageSearchPanel{background:transparent;border:0;box-shadow:none;padding:0}
#pageSearchPanel .result-section:first-child{margin-top:0}

/* ===== 2026-09-01 상단 헤더 완전 통일 =====
   모든 공개 페이지에서 데스크톱/모바일 헤더 높이, 로고 박스, 로고 이미지 크기를 동일하게 고정합니다. */
.site-header,.ot-site-header{
  position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;
  height:74px!important;min-height:74px!important;z-index:9999!important;
  background:#fff!important;border-bottom:1px solid #e8edf3!important;
  box-shadow:0 2px 10px rgba(8,39,84,.06)!important;overflow:visible!important;
}
.header-inner,.ot-header-inner{
  width:100%!important;max-width:1180px!important;height:74px!important;min-height:74px!important;
  margin:0 auto!important;padding:0 24px!important;display:flex!important;align-items:center!important;
  gap:24px!important;box-sizing:border-box!important;
}
.brand,.ot-brand{
  flex:0 0 235px!important;width:235px!important;height:74px!important;min-width:235px!important;
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
  overflow:hidden!important;line-height:0!important;
}
.brand img,.ot-brand img{
  display:block!important;width:235px!important;height:62px!important;max-width:235px!important;max-height:62px!important;
  margin:0!important;padding:0!important;object-fit:contain!important;object-position:left center!important;
  transform:none!important;position:static!important;
}
.nav,.ot-nav{margin-left:auto!important;display:flex!important;align-items:center!important;gap:31px!important;font-size:15.246px!important;font-weight:800!important;white-space:nowrap!important}
.nav a,.ot-nav a{padding-top:28px!important;padding-bottom:25px!important}
.phone,.ot-phone{font-size:21.3444px!important;line-height:1!important;white-space:nowrap!important}
.header-spacer,.ot-header-spacer{height:74px!important;min-height:74px!important}
.mobile-menu-panel{top:74px!important}.mobile-menu-backdrop{inset:74px 0 0!important}

@media(max-width:980px) and (min-width:721px){
  .header-inner,.ot-header-inner{gap:17px!important}
  .brand,.ot-brand{flex-basis:210px!important;width:210px!important;min-width:210px!important}
  .brand img,.ot-brand img{width:210px!important;max-width:210px!important;height:62px!important;max-height:62px!important}
  .nav,.ot-nav{gap:18px!important;font-size:13.2132px!important}
  .phone,.ot-phone{font-size:18.3876px!important}
}

@media(max-width:720px){
  .site-header,.ot-site-header{height:126px!important;min-height:126px!important}
  .header-inner,.ot-header-inner{
    height:126px!important;min-height:126px!important;padding:0 24px!important;
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:72px 54px!important;gap:0 12px!important;
  }
  .brand,.ot-brand{grid-column:1!important;grid-row:1!important;width:225px!important;min-width:225px!important;height:72px!important;overflow:hidden!important}
  .brand img,.ot-brand img{width:225px!important;max-width:225px!important;height:66px!important;max-height:66px!important}
  .phone,.ot-phone{display:block!important;grid-column:2!important;grid-row:1!important;margin-left:0!important;justify-self:end!important;font-size:21.3444px!important}
  .nav,.ot-nav{
    display:flex!important;grid-column:1/3!important;grid-row:2!important;order:3!important;width:100%!important;
    margin:0!important;gap:25px!important;overflow-x:auto!important;white-space:nowrap!important;
    padding:0!important;font-size:15.246px!important;scrollbar-width:none!important;
  }
  .nav::-webkit-scrollbar,.ot-nav::-webkit-scrollbar{display:none!important}
  .nav a,.ot-nav a{flex:0 0 auto!important;padding:16px 0 14px!important}
  .header-spacer,.ot-header-spacer{height:126px!important;min-height:126px!important}
  .mobile-menu-panel{top:126px!important}.mobile-menu-backdrop{inset:126px 0 0!important}
}

@media(max-width:480px){
  .site-header,.ot-site-header{height:118px!important;min-height:118px!important}
  .header-inner,.ot-header-inner{height:118px!important;min-height:118px!important;grid-template-rows:68px 50px!important;padding:0 16px!important}
  .brand,.ot-brand{width:190px!important;min-width:190px!important;height:68px!important}
  .brand img,.ot-brand img{width:190px!important;max-width:190px!important;height:60px!important;max-height:60px!important}
  .phone,.ot-phone{font-size:17.4636px!important}
  .nav,.ot-nav{gap:20px!important;font-size:13.2132px!important}
  .nav a,.ot-nav a{padding:14px 0 12px!important}
  .header-spacer,.ot-header-spacer{height:118px!important;min-height:118px!important}
  .mobile-menu-panel{top:118px!important}.mobile-menu-backdrop{inset:118px 0 0!important}
}


/* ===== 2026-09-01 공개페이지 상단메뉴 완전 통일 ===== */
.site-header.ot-site-header{
  position:fixed!important;
  top:0!important;left:0!important;right:0!important;
  width:100%!important;
  height:74px!important;min-height:74px!important;
  z-index:9999!important;
  display:block!important;
  background:#fff!important;
  border-bottom:1px solid #e8edf3!important;
  box-shadow:0 2px 10px rgba(8,39,84,.06)!important;
  transform:none!important;
}
.header-inner.ot-header-inner{
  width:100%!important;
  max-width:1180px!important;
  height:74px!important;min-height:74px!important;
  margin:0 auto!important;
  padding:0 20px!important;
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  gap:0!important;
  box-sizing:border-box!important;
}
.brand.ot-brand{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex:0 0 235px!important;
  width:235px!important;
  min-width:235px!important;
  height:74px!important;
  line-height:0!important;
  overflow:hidden!important;
}
.brand.ot-brand img{
  display:block!important;
  width:235px!important;
  max-width:235px!important;
  height:62px!important;
  max-height:62px!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:left center!important;
}
.nav.ot-nav{
  display:flex!important;
  align-items:center!important;
  flex:0 1 auto!important;
  min-width:0!important;
  margin-left:18px!important;
  margin-right:auto!important;
  gap:24px!important;
  padding:0!important;
  white-space:nowrap!important;
  overflow:visible!important;
  font-size:14.2296px!important;
  font-weight:800!important;
}
.nav.ot-nav a{
  position:relative!important;
  display:block!important;
  flex:0 0 auto!important;
  padding:28px 0 25px!important;
  color:#122946!important;
  text-decoration:none!important;
  line-height:1.2!important;
}
.nav.ot-nav a:after{
  content:""!important;
  position:absolute!important;
  left:0!important;right:0!important;bottom:0!important;
  height:3px!important;
  background:#0b63ce!important;
  transform:scaleX(0)!important;
  transform-origin:center!important;
}
.nav.ot-nav a:hover,.nav.ot-nav a.active{color:#0b63ce!important}
.nav.ot-nav a:hover:after,.nav.ot-nav a.active:after{transform:scaleX(1)!important}
.phone.ot-phone{
  display:block!important;
  flex:0 0 auto!important;
  margin-left:18px!important;
  font-size:20.4204px!important;
  font-weight:950!important;
  line-height:1!important;
  color:#0b63ce!important;
  white-space:nowrap!important;
  text-decoration:none!important;
}
.menu-btn.ot-menu-btn{display:none!important}
.header-spacer.ot-header-spacer{
  display:block!important;
  width:100%!important;
  height:74px!important;min-height:74px!important;
  background:#fff!important;
}

/* 메뉴 7개가 추가되어도 사라지지 않도록 단계적으로 간격만 축소 */
@media(max-width:1120px) and (min-width:981px){
  .header-inner.ot-header-inner{padding:0 16px!important}
  .brand.ot-brand{flex-basis:220px!important;width:220px!important;min-width:220px!important}
  .brand.ot-brand img{width:220px!important;max-width:220px!important}
  .nav.ot-nav{margin-left:10px!important;gap:17px!important;font-size:13.2132px!important}
  .phone.ot-phone{margin-left:12px!important;font-size:18.3876px!important}
}
@media(max-width:980px) and (min-width:721px){
  .header-inner.ot-header-inner{padding:0 14px!important}
  .brand.ot-brand{flex-basis:200px!important;width:200px!important;min-width:200px!important}
  .brand.ot-brand img{width:200px!important;max-width:200px!important;height:58px!important}
  .nav.ot-nav{margin-left:8px!important;gap:12px!important;font-size:13.1208px!important}
  .phone.ot-phone{margin-left:10px!important;font-size:16.5396px!important}
}

/* 휴대폰도 모든 페이지에서 동일한 2단 상단배너 */
@media(max-width:720px){
  .site-header.ot-site-header{
    height:126px!important;
    min-height:126px!important;
  }
  .header-inner.ot-header-inner{
    height:126px!important;
    min-height:126px!important;
    padding:0 24px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:72px 54px!important;
    gap:0 12px!important;
  }
  .brand.ot-brand{
    grid-column:1!important;grid-row:1!important;
    width:225px!important;min-width:225px!important;height:72px!important;
  }
  .brand.ot-brand img{
    width:225px!important;max-width:225px!important;
    height:66px!important;max-height:66px!important;
  }
  .phone.ot-phone{
    grid-column:2!important;grid-row:1!important;
    justify-self:end!important;
    margin:0!important;
    font-size:21.3444px!important;
  }
  .nav.ot-nav{
    grid-column:1/3!important;grid-row:2!important;
    width:100%!important;
    margin:0!important;
    gap:25px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    white-space:nowrap!important;
    padding:0!important;
    font-size:15.246px!important;
    scrollbar-width:none!important;
    -ms-overflow-style:none!important;
  }
  .nav.ot-nav::-webkit-scrollbar{display:none!important}
  .nav.ot-nav a{
    flex:0 0 auto!important;
    padding:16px 0 14px!important;
  }
  .header-spacer.ot-header-spacer{
    height:126px!important;min-height:126px!important;
  }
  .mobile-menu-panel,.mobile-menu-backdrop,.ot-mobile-panel,.ot-mobile-backdrop{display:none!important}
  body.menu-open,body.ot-menu-open{overflow:auto!important}
}
@media(max-width:480px){
  .site-header.ot-site-header{height:118px!important;min-height:118px!important}
  .header-inner.ot-header-inner{
    height:118px!important;min-height:118px!important;
    grid-template-rows:68px 50px!important;
    padding:0 16px!important;
  }
  .brand.ot-brand{
    width:190px!important;min-width:190px!important;height:68px!important;
  }
  .brand.ot-brand img{
    width:190px!important;max-width:190px!important;
    height:60px!important;max-height:60px!important;
  }
  .phone.ot-phone{font-size:17.4636px!important}
  .nav.ot-nav{gap:20px!important;font-size:13.2132px!important}
  .nav.ot-nav a{padding:14px 0 12px!important}
  .header-spacer.ot-header-spacer{height:118px!important;min-height:118px!important}
}


/* ===== PC 상단 배너 위치 고정 / 우측 정렬 최종 보정 ===== */
html{scrollbar-gutter:stable!important}

@media(min-width:981px){
  .site-header.ot-site-header{
    left:0!important;
    right:0!important;
    width:100%!important;
    height:74px!important;
    min-height:74px!important;
  }

  .header-inner.ot-header-inner{
    width:calc(100% - 40px)!important;
    max-width:1180px!important;
    min-width:0!important;
    height:74px!important;
    min-height:74px!important;
    margin:0 auto!important;
    padding:0!important;

    display:grid!important;
    grid-template-columns:235px minmax(0,1fr) 120px!important;
    column-gap:22px!important;
    align-items:center!important;
  }

  .brand.ot-brand{
    grid-column:1!important;
    width:235px!important;
    min-width:235px!important;
    height:74px!important;
    margin:0!important;
    justify-self:start!important;
  }

  .brand.ot-brand img{
    width:235px!important;
    max-width:235px!important;
    height:62px!important;
    max-height:62px!important;
  }

  .nav.ot-nav{
    grid-column:2!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;

    display:flex!important;
    justify-content:flex-end!important;
    align-items:center!important;
    gap:24px!important;

    overflow:visible!important;
    white-space:nowrap!important;
    font-size:14.2296px!important;
  }

  .nav.ot-nav a{
    flex:0 0 auto!important;
    margin:0!important;
  }

  .phone.ot-phone{
    grid-column:3!important;
    width:120px!important;
    min-width:120px!important;
    margin:0!important;
    padding:0!important;
    justify-self:end!important;
    text-align:right!important;
    font-size:20.4204px!important;
  }
}

@media(max-width:1120px) and (min-width:981px){
  .header-inner.ot-header-inner{
    width:calc(100% - 28px)!important;
    grid-template-columns:210px minmax(0,1fr) 105px!important;
    column-gap:14px!important;
  }

  .brand.ot-brand{
    width:210px!important;
    min-width:210px!important;
  }

  .brand.ot-brand img{
    width:210px!important;
    max-width:210px!important;
  }

  .nav.ot-nav{
    gap:15px!important;
    font-size:12.7512px!important;
  }

  .phone.ot-phone{
    width:105px!important;
    min-width:105px!important;
    font-size:17.4636px!important;
  }
}

@media(max-width:980px) and (min-width:721px){
  .header-inner.ot-header-inner{
    width:calc(100% - 24px)!important;
    max-width:1180px!important;
    margin:0 auto!important;
    padding:0!important;

    display:grid!important;
    grid-template-columns:190px minmax(0,1fr) 96px!important;
    column-gap:10px!important;
    align-items:center!important;
  }

  .brand.ot-brand{
    grid-column:1!important;
    width:190px!important;
    min-width:190px!important;
    margin:0!important;
  }

  .brand.ot-brand img{
    width:190px!important;
    max-width:190px!important;
  }

  .nav.ot-nav{
    grid-column:2!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    justify-content:flex-end!important;
    gap:10px!important;
    font-size:12.5664px!important;
  }

  .phone.ot-phone{
    grid-column:3!important;
    width:96px!important;
    min-width:96px!important;
    margin:0!important;
    justify-self:end!important;
    text-align:right!important;
    font-size:16.2624px!important;
  }
}


/* ===== 홈페이지/관리자 제외 공개페이지 상단 배너 가운데 정렬 ===== */
@media(min-width:721px){
  .site-header.ot-site-header{
    left:0!important;
    right:0!important;
    width:100%!important;
  }

  .header-inner.ot-header-inner{
    width:calc(100% - 40px)!important;
    max-width:1180px!important;
    margin:0 auto!important;
    padding:0!important;

    display:grid!important;
    grid-template-columns:235px minmax(0,1fr) 120px!important;
    column-gap:22px!important;
    align-items:center!important;
  }

  .brand.ot-brand{
    grid-column:1!important;
    justify-self:start!important;
    margin:0!important;
  }

  .nav.ot-nav{
    grid-column:2!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;

    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    gap:24px!important;
  }

  .phone.ot-phone{
    grid-column:3!important;
    justify-self:end!important;
    margin:0!important;
    text-align:right!important;
  }
}

@media(max-width:1120px) and (min-width:981px){
  .header-inner.ot-header-inner{
    width:calc(100% - 28px)!important;
    grid-template-columns:210px minmax(0,1fr) 105px!important;
    column-gap:14px!important;
  }
  .nav.ot-nav{
    justify-content:center!important;
    gap:15px!important;
  }
}

@media(max-width:980px) and (min-width:721px){
  .header-inner.ot-header-inner{
    width:calc(100% - 24px)!important;
    grid-template-columns:190px minmax(0,1fr) 96px!important;
    column-gap:10px!important;
  }
  .nav.ot-nav{
    justify-content:center!important;
    gap:10px!important;
  }
}


/* ===== 홈페이지 메인 상단 기준으로 최종 통일 ===== */
@media(min-width:721px){
  .site-header.ot-site-header{
    position:fixed!important;
    top:0!important;left:0!important;right:0!important;
    width:100%!important;
    height:62px!important;
    min-height:62px!important;
    display:flex!important;
    align-items:center!important;
    background:#fff!important;
    border-bottom:1px solid #edf1f6!important;
    box-shadow:0 2px 10px rgba(8,39,84,.08)!important;
    z-index:9999!important;
  }

  .site-header .header-inner.ot-header-inner{
    width:100%!important;
    max-width:1160px!important;
    height:62px!important;
    min-height:62px!important;
    margin:0 auto!important;
    padding:0 18px!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    gap:20px!important;
    box-sizing:border-box!important;
  }

  .site-header .brand.ot-brand{
    display:flex!important;
    align-items:center!important;
    flex:0 0 auto!important;
    width:auto!important;
    min-width:0!important;
    height:62px!important;
    margin:0!important;
  }

  .site-header .brand.ot-brand img{
    display:block!important;
    width:220px!important;
    max-width:220px!important;
    height:56px!important;
    max-height:56px!important;
    object-fit:contain!important;
    object-position:left center!important;
  }

  .site-header .nav.ot-nav{
    display:flex!important;
    align-items:center!important;
    flex:0 0 auto!important;
    width:auto!important;
    min-width:0!important;
    margin-left:auto!important;
    margin-right:0!important;
    padding:0!important;
    gap:31px!important;
    justify-content:flex-start!important;
    overflow:visible!important;
    white-space:nowrap!important;
    font-size:14.2296px!important;
    font-weight:800!important;
  }

  .site-header .nav.ot-nav a{
    flex:0 0 auto!important;
    padding:21px 0 20px!important;
    margin:0!important;
    line-height:1.2!important;
  }

  .site-header .phone.ot-phone{
    display:block!important;
    flex:0 0 auto!important;
    width:auto!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    justify-self:auto!important;
    text-align:left!important;
    font-size:20.4204px!important;
    font-weight:950!important;
    line-height:1!important;
    white-space:nowrap!important;
  }

  .header-spacer.ot-header-spacer{
    height:62px!important;
    min-height:62px!important;
  }
}

/* 1160 폭이 부족해질 때도 홈페이지 메인과 같은 방식으로만 축소 */
@media(max-width:950px) and (min-width:721px){
  .site-header .nav.ot-nav{
    gap:15px!important;
    font-size:13.1208px!important;
  }
  .site-header .phone.ot-phone{
    font-size:16.5396px!important;
  }
  .site-header .brand.ot-brand img{
    width:200px!important;
    max-width:200px!important;
  }
}

/* 모바일도 홈페이지 메인 헤더 규격 그대로 */
@media(max-width:720px){
  .site-header.ot-site-header{
    position:fixed!important;
    top:0!important;left:0!important;right:0!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    z-index:9999!important;
    background:#fff!important;
  }

  .site-header .header-inner.ot-header-inner{
    width:100%!important;
    max-width:1160px!important;
    margin:0 auto!important;
    padding:10px 14px 8px!important;
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    gap:8px 12px!important;
    box-sizing:border-box!important;
  }

  .site-header .brand.ot-brand{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:0!important;
    height:auto!important;
  }

  .site-header .brand.ot-brand img{
    width:190px!important;
    max-width:190px!important;
    height:50px!important;
    max-height:50px!important;
  }

  .site-header .phone.ot-phone{
    display:block!important;
    margin-left:auto!important;
    font-size:17.4636px!important;
    line-height:1!important;
  }

  .site-header .nav.ot-nav{
    display:flex!important;
    order:3!important;
    width:100%!important;
    margin:0!important;
    gap:18px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    white-space:nowrap!important;
    padding:2px 0 0!important;
    font-size:13.2132px!important;
    scrollbar-width:none!important;
    -ms-overflow-style:none!important;
  }

  .site-header .nav.ot-nav::-webkit-scrollbar{display:none!important}
  .site-header .nav.ot-nav a{
    padding:10px 0 12px!important;
    flex:0 0 auto!important;
  }

  .header-spacer.ot-header-spacer{
    height:104px!important;
    min-height:104px!important;
  }
}


/* ===== 공개페이지 메인 메뉴 720 x 68 고정 ===== */
@media(min-width:721px){
  .site-header.ot-site-header{
    height:68px!important;
    min-height:68px!important;
  }

  .site-header .header-inner.ot-header-inner{
    height:68px!important;
    min-height:68px!important;
    align-items:center!important;
  }

  .site-header .nav.ot-nav{
    box-sizing:border-box!important;
    flex:0 0 720px!important;
    width:720px!important;
    min-width:720px!important;
    max-width:720px!important;
    height:68px!important;
    min-height:68px!important;
    max-height:68px!important;

    margin-left:auto!important;
    margin-right:0!important;
    padding:0!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:31px!important;
    overflow:visible!important;
    white-space:nowrap!important;
  }

  .site-header .nav.ot-nav a{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    height:68px!important;
    padding:0!important;
    margin:0!important;
    flex:0 0 auto!important;
  }

  .header-spacer.ot-header-spacer{
    height:68px!important;
    min-height:68px!important;
  }
}

/* 모바일은 화면폭 때문에 기존 반응형 유지 */
@media(max-width:720px){
  .site-header .nav.ot-nav{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
  }

  .site-header .nav.ot-nav a{
    height:auto!important;
  }
}


/* ===== 이용요금 페이지 기준: 전체 공개페이지 폰트 + 상단헤더 최종 통일 ===== */
html,body,button,input,select,textarea{
  font-family:-apple-system,BlinkMacSystemFont,"Pretendard","Noto Sans KR","Segoe UI",sans-serif!important;
}

/* PC */
@media(min-width:1180px){
  .site-header.ot-site-header{
    position:fixed!important;
    top:0!important;left:0!important;right:0!important;
    width:100%!important;
    height:68px!important;
    min-height:68px!important;
    z-index:9999!important;
    background:#fff!important;
    border-bottom:1px solid #e8edf3!important;
    box-shadow:0 2px 10px rgba(8,39,84,.06)!important;
  }

  .site-header .header-inner.ot-header-inner{
    width:100%!important;
    max-width:1180px!important;
    height:68px!important;
    min-height:68px!important;
    margin:0 auto!important;
    padding:0 24px!important;
    display:grid!important;
    grid-template-columns:235px 720px minmax(0,129px)!important;
    column-gap:24px!important;
    align-items:center!important;
    box-sizing:border-box!important;
  }

  .site-header .brand.ot-brand{
    grid-column:1!important;
    width:235px!important;
    min-width:235px!important;
    height:68px!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    line-height:0!important;
    overflow:hidden!important;
  }

  .site-header .brand.ot-brand img{
    display:block!important;
    width:235px!important;
    max-width:235px!important;
    height:62px!important;
    max-height:62px!important;
    object-fit:contain!important;
    object-position:left center!important;
  }

  .site-header .nav.ot-nav{
    grid-column:2!important;
    box-sizing:border-box!important;
    width:720px!important;
    min-width:720px!important;
    max-width:720px!important;
    height:68px!important;
    min-height:68px!important;
    max-height:68px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:31px!important;
    overflow:visible!important;
    white-space:nowrap!important;
    font-size:15.246px!important;
    font-weight:800!important;
    letter-spacing:0!important;
  }

  .site-header .nav.ot-nav a{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    height:68px!important;
    margin:0!important;
    padding:0!important;
    flex:0 0 auto!important;
    color:#122946!important;
    font-size:15.246px!important;
    font-weight:800!important;
    line-height:1.2!important;
    letter-spacing:0!important;
    text-decoration:none!important;
  }

  .site-header .nav.ot-nav a:after{
    content:""!important;
    position:absolute!important;
    left:0!important;right:0!important;bottom:0!important;
    height:3px!important;
    background:#0b63ce!important;
    transform:scaleX(0)!important;
  }

  .site-header .nav.ot-nav a:hover,
  .site-header .nav.ot-nav a.active{color:#0b63ce!important}

  .site-header .nav.ot-nav a:hover:after,
  .site-header .nav.ot-nav a.active:after{transform:scaleX(1)!important}

  .site-header .phone.ot-phone{
    grid-column:3!important;
    justify-self:end!important;
    width:auto!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    color:#0b63ce!important;
    font-size:21.3444px!important;
    font-weight:950!important;
    line-height:1!important;
    white-space:nowrap!important;
    text-align:right!important;
    text-decoration:none!important;
  }

  .header-spacer.ot-header-spacer{
    display:block!important;
    height:68px!important;
    min-height:68px!important;
  }
}

/* 노트북/태블릿은 이용요금 페이지의 폰트 비율 유지하면서 폭만 반응형 */
@media(max-width:1179px) and (min-width:721px){
  .site-header.ot-site-header{
    height:68px!important;
    min-height:68px!important;
  }

  .site-header .header-inner.ot-header-inner{
    width:100%!important;
    max-width:1180px!important;
    height:68px!important;
    min-height:68px!important;
    margin:0 auto!important;
    padding:0 16px!important;
    display:flex!important;
    align-items:center!important;
    gap:14px!important;
    box-sizing:border-box!important;
  }

  .site-header .brand.ot-brand{
    flex:0 0 200px!important;
    width:200px!important;
    min-width:200px!important;
    height:68px!important;
  }

  .site-header .brand.ot-brand img{
    width:200px!important;
    max-width:200px!important;
    height:58px!important;
    max-height:58px!important;
  }

  .site-header .nav.ot-nav{
    flex:1 1 auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:68px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:16px!important;
    white-space:nowrap!important;
    font-size:13.2132px!important;
    font-weight:800!important;
  }

  .site-header .nav.ot-nav a{
    height:68px!important;
    display:flex!important;
    align-items:center!important;
    padding:0!important;
    font-size:13.2132px!important;
    font-weight:800!important;
  }

  .site-header .phone.ot-phone{
    flex:0 0 auto!important;
    margin:0!important;
    font-size:18.3876px!important;
    font-weight:950!important;
  }

  .header-spacer.ot-header-spacer{
    height:68px!important;
    min-height:68px!important;
  }
}

/* 모바일: 이용요금 페이지 기준 */
@media(max-width:720px){
  .site-header.ot-site-header{
    height:126px!important;
    min-height:126px!important;
  }

  .site-header .header-inner.ot-header-inner{
    width:100%!important;
    height:126px!important;
    min-height:126px!important;
    margin:0 auto!important;
    padding:0 24px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:72px 54px!important;
    gap:0 12px!important;
    box-sizing:border-box!important;
  }

  .site-header .brand.ot-brand{
    grid-column:1!important;
    grid-row:1!important;
    width:225px!important;
    min-width:225px!important;
    height:72px!important;
  }

  .site-header .brand.ot-brand img{
    width:225px!important;
    max-width:225px!important;
    height:66px!important;
    max-height:66px!important;
  }

  .site-header .phone.ot-phone{
    grid-column:2!important;
    grid-row:1!important;
    justify-self:end!important;
    margin:0!important;
    font-size:21.3444px!important;
    font-weight:950!important;
  }

  .site-header .nav.ot-nav{
    grid-column:1/3!important;
    grid-row:2!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:25px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    white-space:nowrap!important;
    font-size:15.246px!important;
    font-weight:800!important;
    scrollbar-width:none!important;
  }

  .site-header .nav.ot-nav::-webkit-scrollbar{display:none!important}

  .site-header .nav.ot-nav a{
    height:auto!important;
    flex:0 0 auto!important;
    padding:16px 0 14px!important;
    font-size:15.246px!important;
    font-weight:800!important;
  }

  .header-spacer.ot-header-spacer{
    height:126px!important;
    min-height:126px!important;
  }
}

@media(max-width:480px){
  .site-header.ot-site-header{
    height:118px!important;
    min-height:118px!important;
  }

  .site-header .header-inner.ot-header-inner{
    height:118px!important;
    min-height:118px!important;
    grid-template-rows:68px 50px!important;
    padding:0 16px!important;
  }

  .site-header .brand.ot-brand{
    width:190px!important;
    min-width:190px!important;
    height:68px!important;
  }

  .site-header .brand.ot-brand img{
    width:190px!important;
    max-width:190px!important;
    height:60px!important;
    max-height:60px!important;
  }

  .site-header .phone.ot-phone{
    font-size:17.4636px!important;
  }

  .site-header .nav.ot-nav{
    gap:20px!important;
    font-size:13.2132px!important;
  }

  .site-header .nav.ot-nav a{
    padding:14px 0 12px!important;
    font-size:13.2132px!important;
  }

  .header-spacer.ot-header-spacer{
    height:118px!important;
    min-height:118px!important;
  }
}


/* ===== 공개페이지 공통 푸터: 메인 기준 / 높이 압축 ===== */
footer.ot-public-footer{
  margin:0!important;
  padding:0!important;
  background:#0b376c!important;
  color:#fff!important;
  border:0!important;
  text-align:left!important;
}
footer.ot-public-footer .ot-footer-inner{
  width:min(1180px,calc(100% - 36px))!important;
  margin:0 auto!important;
}
footer.ot-public-footer .ot-footer-top{
  display:grid!important;
  grid-template-columns:.82fr 1.58fr .86fr 1fr!important;
  gap:0!important;
  align-items:stretch!important;
  padding:15px 0 11px!important;
}
footer.ot-public-footer .ot-footer-col{
  min-width:0!important;
  padding:0 28px!important;
  border-left:1px solid rgba(255,255,255,.14)!important;
}
footer.ot-public-footer .ot-footer-col:first-child{
  border-left:0!important;
  padding-left:0!important;
  display:flex!important;
  align-items:center!important;
}
footer.ot-public-footer .ot-foot-phone{
  margin:0!important;
  color:#fff!important;
  font-size:17.4636px!important;
  font-weight:500!important;
  line-height:1.15!important;
  white-space:nowrap!important;
}
footer.ot-public-footer .ot-foot-title{
  margin:0 0 5px!important;
  color:#fff!important;
  font-size:13.2132px!important;
  font-weight:800!important;
  line-height:1.25!important;
}
footer.ot-public-footer .ot-foot-text,
footer.ot-public-footer .ot-foot-links{
  margin:0!important;
  color:#d9e5f3!important;
  font-size:12.012px!important;
  font-weight:400!important;
  line-height:1.48!important;
}
footer.ot-public-footer .ot-foot-links{
  display:flex!important;
  flex-direction:column!important;
  gap:1px!important;
}
footer.ot-public-footer a{
  color:#e6eef8!important;
  text-decoration:none!important;
}
footer.ot-public-footer a:hover{text-decoration:underline!important}
footer.ot-public-footer .ot-admin-link{margin-top:4px!important}
footer.ot-public-footer .ot-legal{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  padding:7px 0 0!important;
  border-top:1px solid rgba(255,255,255,.12)!important;
  color:#aebfd4!important;
  font-size:10.9032px!important;
  line-height:1.3!important;
}
footer.ot-public-footer .ot-legal a{font-weight:700!important}
footer.ot-public-footer .ot-copyright{
  padding:5px 0 9px!important;
  text-align:center!important;
  color:#96aac3!important;
  font-size:9.7944px!important;
  line-height:1.3!important;
}

@media(max-width:850px){
  footer.ot-public-footer .ot-footer-top{
    grid-template-columns:1fr 1.5fr 1fr 1fr!important;
  }
  footer.ot-public-footer .ot-footer-col{padding:0 14px!important}
}
@media(max-width:650px){
  footer.ot-public-footer .ot-footer-top{
    grid-template-columns:1fr 1fr!important;
    row-gap:14px!important;
    padding:14px 0 11px!important;
  }
  footer.ot-public-footer .ot-footer-col{
    padding:0 12px!important;
    border-left:0!important;
  }
  footer.ot-public-footer .ot-footer-col:nth-child(even){
    border-left:1px solid rgba(255,255,255,.14)!important;
  }
  footer.ot-public-footer .ot-footer-col:first-child{
    padding-left:12px!important;
  }
}
@media(max-width:430px){
  footer.ot-public-footer .ot-footer-top{
    grid-template-columns:1fr!important;
    row-gap:10px!important;
  }
  footer.ot-public-footer .ot-footer-col,
  footer.ot-public-footer .ot-footer-col:nth-child(even){
    border-left:0!important;
    padding:0 6px!important;
  }
  footer.ot-public-footer .ot-footer-col:first-child{padding-left:6px!important}
  footer.ot-public-footer .ot-foot-links{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    column-gap:12px!important;
  }
}


/* ===== 공통 하단 회사정보: 대표번호 기준 세로 중앙 정렬 + 모바일 폰트 최적화 ===== */

/* 기존 디자인/폭/색상은 유지하고 각 칸의 내용만 세로 중앙으로 정렬 */
footer .footer-top,
footer.ot-public-footer .ot-footer-top{
  align-items:stretch!important;
}

footer .footer-col,
footer.ot-public-footer .ot-footer-col{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}

/* 제일 왼쪽 대표번호도 동일한 중앙 기준 */
footer .footer-col:first-child,
footer.ot-public-footer .ot-footer-col:first-child{
  justify-content:center!important;
}

/* 회사정보 / 바로가기 / 서비스안내 제목과 내용 간격은 현재 느낌 유지 */
footer .foot-title,
footer.ot-public-footer .ot-foot-title{
  margin-top:0!important;
}

@media(max-width:720px){
  /* 모바일에서 하단 전체가 화면폭을 넘지 않도록 */
  footer,
  footer.ot-public-footer{
    overflow:hidden!important;
  }

  footer .footer-top,
  footer.ot-public-footer .ot-footer-top{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }

  footer .footer-col,
  footer.ot-public-footer .ot-footer-col{
    min-width:0!important;
    box-sizing:border-box!important;
  }

  /* 휴대폰 폭에 맞춰 폰트 축소 */
  footer .foot-phone,
  footer.ot-public-footer .ot-foot-phone{
    font-size:15.246px!important;
    line-height:1.15!important;
    white-space:nowrap!important;
  }

  footer .foot-title,
  footer.ot-public-footer .ot-foot-title{
    font-size:12.012px!important;
    line-height:1.25!important;
    margin-bottom:4px!important;
  }

  footer .foot-text,
  footer .foot-links,
  footer.ot-public-footer .ot-foot-text,
  footer.ot-public-footer .ot-foot-links{
    font-size:10.3488px!important;
    line-height:1.4!important;
    overflow-wrap:anywhere!important;
    word-break:keep-all!important;
  }

  footer .legal-links,
  footer.ot-public-footer .ot-legal{
    font-size:9.7944px!important;
  }

  footer .copyright,
  footer.ot-public-footer .ot-copyright{
    font-size:8.6856px!important;
  }
}

@media(max-width:480px){
  footer .foot-phone,
  footer.ot-public-footer .ot-foot-phone{
    font-size:14.2296px!important;
  }

  footer .foot-title,
  footer.ot-public-footer .ot-foot-title{
    font-size:11.4576px!important;
  }

  footer .foot-text,
  footer .foot-links,
  footer.ot-public-footer .ot-foot-text,
  footer.ot-public-footer .ot-foot-links{
    font-size:9.7944px!important;
    line-height:1.35!important;
  }

  footer .legal-links,
  footer.ot-public-footer .ot-legal{
    font-size:9.24px!important;
  }

  footer .copyright,
  footer.ot-public-footer .ot-copyright{
    font-size:8.5008px!important;
  }
}


/* ===== 하단 푸터: 대표번호 / 바로가기 / 서비스 안내 삭제 ===== */

/* 남은 회사정보만 가운데 배치 */
footer .footer-top,
footer.ot-public-footer .ot-footer-top{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding-left:0!important;
  padding-right:0!important;
}

footer .footer-col,
footer.ot-public-footer .ot-footer-col{
  display:none!important;
}

footer .footer-col:nth-child(2),
footer.ot-public-footer .ot-footer-col:nth-child(2){
  display:flex!important;
  width:100%!important;
  max-width:760px!important;
  margin:0 auto!important;
  padding-left:0!important;
  padding-right:0!important;
  border-left:0!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}

/* 가로형 푸터 버전이 있는 경우 */
footer.ot-public-footer .ot-footer-phone,
footer.ot-public-footer .ot-footer-quick,
footer.ot-public-footer .ot-footer-service{
  display:none!important;
}

footer.ot-public-footer .ot-footer-company{
  width:100%!important;
  max-width:900px!important;
  margin:0 auto!important;
  justify-content:center!important;
  text-align:center!important;
}

/* 모바일에서도 회사정보만 화면폭에 맞게 */
@media(max-width:720px){
  footer .footer-col:nth-child(2),
  footer.ot-public-footer .ot-footer-col:nth-child(2){
    max-width:100%!important;
    padding:0 12px!important;
  }

  footer.ot-public-footer .ot-footer-company{
    max-width:100%!important;
    padding:0 8px!important;
  }
}


/* ===== 이용요금 검색창 하단 불필요 요소 제거 ===== */
#fareSearchHelp,
.fare-search-help,
.search-help,
.quick-search,
.quick-buttons,
.search-chips,
.fare-chips,
.preset-buttons{
  display:none!important;
}


/* === OT UNIFIED HEADER FINAL START === */

/* 공통 */
.site-header.ot-site-header{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  z-index:9999!important;
  background:#fff!important;
  border-bottom:1px solid #e8edf3!important;
  box-shadow:0 2px 10px rgba(8,39,84,.06)!important;
}
.site-header.ot-site-header,
.site-header.ot-site-header *{
  box-sizing:border-box!important;
}
.site-header .brand.ot-brand,
.site-header .nav.ot-nav,
.site-header .phone.ot-phone{
  text-decoration:none!important;
}
.site-header .brand.ot-brand img{
  display:block!important;
  object-fit:contain!important;
  object-position:left center!important;
}
.site-header .nav.ot-nav a{
  position:relative!important;
  color:#122946!important;
  font-weight:800!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}
.site-header .nav.ot-nav a:hover,
.site-header .nav.ot-nav a.active{
  color:#0b63ce!important;
}
.site-header .nav.ot-nav a:after{
  content:""!important;
  position:absolute!important;
  background:#0b63ce!important;
  transform:scaleX(0)!important;
  transform-origin:center!important;
}
.site-header .nav.ot-nav a:hover:after,
.site-header .nav.ot-nav a.active:after{
  transform:scaleX(1)!important;
}
.site-header .phone.ot-phone{
  color:#0b63ce!important;
  font-weight:950!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.header-spacer.ot-header-spacer{
  display:block!important;
  width:100%!important;
  background:#fff!important;
}

/* 1180px 이상: 메인 페이지와 동일한 PC 헤더 */
@media(min-width:1180px){
  .site-header.ot-site-header{
    height:68px!important;
    min-height:68px!important;
  }

  .site-header .header-inner.ot-header-inner{
    width:100%!important;
    max-width:1180px!important;
    height:68px!important;
    min-height:68px!important;
    margin:0 auto!important;
    padding:0 24px!important;
    display:grid!important;
    grid-template-columns:235px 720px minmax(0,129px)!important;
    column-gap:24px!important;
    align-items:center!important;
  }

  .site-header .brand.ot-brand{
    grid-column:1!important;
    width:235px!important;
    min-width:235px!important;
    height:68px!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    overflow:hidden!important;
    line-height:0!important;
  }

  .site-header .brand.ot-brand img{
    width:235px!important;
    max-width:235px!important;
    height:62px!important;
    max-height:62px!important;
  }

  .site-header .nav.ot-nav{
    grid-column:2!important;
    width:720px!important;
    min-width:720px!important;
    max-width:720px!important;
    height:68px!important;
    min-height:68px!important;
    margin:0!important;
    padding:8px 0 0!important;
    display:flex!important;
    align-items:flex-end!important;
    justify-content:center!important;
    gap:20px!important;
    overflow:visible!important;
    white-space:nowrap!important;
  }

  .site-header .nav.ot-nav a{
    display:flex!important;
    align-items:flex-end!important;
    justify-content:center!important;
    height:60px!important;
    margin:0!important;
    padding:0!important;
    flex:0 0 auto!important;
    font-size:17.4636px!important;
    line-height:1.1!important;
    letter-spacing:-.2px!important;
  }

  /* 파란 밑줄을 기존보다 위로 */
  .site-header .nav.ot-nav a:after{
    left:0!important;
    right:0!important;
    bottom:5px!important;
    height:3px!important;
  }

  .site-header .phone.ot-phone{
    grid-column:3!important;
    justify-self:end!important;
    width:auto!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    font-size:21.3444px!important;
    text-align:right!important;
  }

  .site-header .menu-btn.ot-menu-btn,
  #otFullMenuBackdrop,
  #otFullMenuPanel{
    display:none!important;
  }

  .header-spacer.ot-header-spacer{
    height:68px!important;
    min-height:68px!important;
  }
}

/* 768~1179px: 태블릿/가로보기 헤더 정렬 보정 */
@media(min-width:768px) and (max-width:1179px){
  .site-header.ot-site-header{
    height:76px!important;
    min-height:76px!important;
  }

  .site-header .header-inner.ot-header-inner{
    width:100%!important;
    height:76px!important;
    min-height:76px!important;
    margin:0!important;
    padding:0 clamp(12px,2.2vw,22px)!important;
    display:grid!important;
    grid-template-columns:minmax(170px,22vw) minmax(0,1fr) auto!important;
    column-gap:clamp(10px,1.5vw,18px)!important;
    align-items:center!important;
  }

  .site-header .brand.ot-brand{
    grid-column:1!important;
    width:min(215px,100%)!important;
    min-width:0!important;
    height:76px!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    overflow:hidden!important;
    line-height:0!important;
  }

  .site-header .brand.ot-brand img{
    width:min(215px,100%)!important;
    max-width:100%!important;
    height:58px!important;
    max-height:58px!important;
  }

  .site-header .nav.ot-nav{
    grid-column:2!important;
    width:100%!important;
    min-width:0!important;
    height:76px!important;
    min-height:76px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:clamp(6px,.9vw,14px)!important;
    overflow:visible!important;
    white-space:nowrap!important;
  }

  .site-header .nav.ot-nav a{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    height:76px!important;
    min-width:0!important;
    margin:0!important;
    padding:0 0 8px!important;
    flex:0 1 auto!important;
    font-size:clamp(11.088px,1.848vw,14.784px)!important;
    line-height:1.1!important;
    letter-spacing:-.35px!important;
    text-align:center!important;
  }

  .site-header .nav.ot-nav a:after{
    left:50%!important;
    right:auto!important;
    width:100%!important;
    max-width:100%!important;
    bottom:10px!important;
    height:3px!important;
    transform:translateX(-50%) scaleX(0)!important;
    transform-origin:center!important;
  }

  .site-header .nav.ot-nav a:hover:after,
  .site-header .nav.ot-nav a.active:after{
    transform:translateX(-50%) scaleX(1)!important;
  }

  .site-header .phone.ot-phone{
    grid-column:3!important;
    justify-self:end!important;
    margin:0!important;
    padding:0!important;
    font-size:clamp(14.784px,2.376vw,19.404px)!important;
    align-self:center!important;
  }

  .site-header .menu-btn.ot-menu-btn,
  #otFullMenuBackdrop,
  #otFullMenuPanel{
    display:none!important;
  }

  .header-spacer.ot-header-spacer{
    height:76px!important;
    min-height:76px!important;
  }
}


@media(min-width:768px) and (max-width:1179px){
  .hero{margin-top:6px!important;}
}
/* 767px 이하: 이전 요청대로 모바일만 전체메뉴 */
@media(max-width:767px){
  .site-header.ot-site-header{
    height:72px!important;
    min-height:72px!important;
  }

  .site-header .header-inner.ot-header-inner{
    width:100%!important;
    height:72px!important;
    min-height:72px!important;
    margin:0!important;
    padding:0 10px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto auto!important;
    grid-template-rows:72px!important;
    align-items:center!important;
    gap:6px!important;
  }

  .site-header .brand.ot-brand{
    grid-column:1!important;
    grid-row:1!important;
    width:170px!important;
    min-width:0!important;
    max-width:170px!important;
    height:64px!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    overflow:hidden!important;
    line-height:0!important;
  }

  .site-header .brand.ot-brand img{
    width:170px!important;
    max-width:100%!important;
    height:56px!important;
    max-height:56px!important;
  }

  .site-header .nav.ot-nav{
    display:none!important;
  }

  .site-header .phone.ot-phone{
    display:block!important;
    grid-column:2!important;
    grid-row:1!important;
    justify-self:end!important;
    margin:0!important;
    padding:0!important;
    font-size:14.2296px!important;
  }

  #otFullMenuBtn{
    display:flex!important;
    grid-column:3!important;
    grid-row:1!important;
    align-items:center!important;
    justify-content:center!important;
    width:48px!important;
    height:40px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid #d5e2ef!important;
    border-radius:10px!important;
    background:#f5f8fc!important;
    color:#0b63ce!important;
    font-family:inherit!important;
    font-size:13.2132px!important;
    font-weight:900!important;
    line-height:1!important;
    cursor:pointer!important;
  }

  .header-spacer.ot-header-spacer{
    height:72px!important;
    min-height:72px!important;
  }

  #otFullMenuBackdrop{
    display:none!important;
    position:fixed!important;
    z-index:9997!important;
    top:72px!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    background:rgba(9,31,58,.42)!important;
  }
  #otFullMenuBackdrop.open{display:block!important}

  #otFullMenuPanel{
    display:block!important;
    position:fixed!important;
    z-index:9998!important;
    top:72px!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    max-height:calc(100vh - 72px)!important;
    padding:18px 16px 22px!important;
    background:#fff!important;
    border-top:1px solid #e6edf5!important;
    box-shadow:0 14px 30px rgba(14,45,82,.18)!important;
    transform:translateY(-110%)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:transform .18s ease,opacity .18s ease,visibility .18s ease!important;
    overflow-y:auto!important;
  }
  #otFullMenuPanel.open{
    transform:translateY(0)!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }

  .ot-full-menu-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    margin:0 0 14px!important;
    padding:0 2px 12px!important;
    border-bottom:1px solid #e7edf5!important;
  }
  .ot-full-menu-title{
    color:#16375e!important;
    font-size:17.4636px!important;
    font-weight:950!important;
  }
  .ot-full-menu-sub{
    color:#7f8fa2!important;
    font-size:12.012px!important;
    font-weight:700!important;
  }
  .ot-full-menu-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
  }
  .ot-full-menu-link{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:52px!important;
    padding:10px 8px!important;
    border:1px solid #dce7f3!important;
    border-radius:10px!important;
    background:#f7faff!important;
    color:#17385f!important;
    font-size:14.2296px!important;
    font-weight:900!important;
    text-align:center!important;
    text-decoration:none!important;
  }
  .ot-full-menu-link.active{
    background:#0b63ce!important;
    border-color:#0b63ce!important;
    color:#fff!important;
  }

  body.ot-full-menu-open{overflow:hidden!important}

  /* 기존 모바일 메뉴가 있어도 충돌하지 않게 숨김 */
  .mobile-menu-backdrop,
  .mobile-menu-panel{
    display:none!important;
  }
}

@media(max-width:390px){
  .site-header .brand.ot-brand{
    width:150px!important;
    max-width:150px!important;
  }
  .site-header .brand.ot-brand img{
    width:150px!important;
  }
  .site-header .phone.ot-phone{
    font-size:12.7512px!important;
  }
  #otFullMenuBtn{
    width:45px!important;
    font-size:13.1208px!important;
  }
}
/* === OT UNIFIED HEADER FINAL END === */
<!-- subpage-header-same-as-home-v9 -->


/* === OT BODY TYPOGRAPHY FINAL START === */
/* 페이지 제목/섹션 제목(h1~h4, .title, .page-title)은 기존 크기 그대로 유지 */

/* 본문 기본 폰트 */
main{
  font-family:-apple-system,BlinkMacSystemFont,"Noto Sans KR","Segoe UI",Arial,sans-serif!important;
  font-size:14.2296px!important;
}

/* 일반 내용 텍스트 및 폼 */
main :where(
  p, span, li, label, input, select, textarea, button, td, th, a
){
  font-family:-apple-system,BlinkMacSystemFont,"Noto Sans KR","Segoe UI",Arial,sans-serif!important;
  font-size:14.2296px!important;
}

/* div 기반 본문/설명 텍스트 */
main :where(
  .sub,
  .page-sub,
  .desc,
  .description,
  .info,
  .status,
  .hint,
  .help,
  .muted,
  .meta,
  .vehicle-meta,
  .vehicle-desc,
  .vehicle-specs,
  .fare-search-guide,
  .search-hint,
  .page-calc-note,
  .fare-estimate-notice,
  .calc-caption,
  .notice-title,
  .notice-date,
  .board-head,
  .board-row
){
  font-family:-apple-system,BlinkMacSystemFont,"Noto Sans KR","Segoe UI",Arial,sans-serif!important;
  font-size:14.2296px!important;
  line-height:1.55!important;
}

/* 검색창/입력창은 조금 더 작게 */
main input,
main select,
main textarea,
main .search-input,
main #fareSearch{
  font-size:13.2132px!important;
}

/* placeholder도 동일하게 축소 */
main input::placeholder,
main textarea::placeholder{
  font-size:13.2132px!important;
}

/* 제목은 기존 디자인 강제 유지 */
main h1,
main h2,
main h3,
main h4,
main .title,
main .page-title,
main .home-extra-title,
main .panel-title h3,
main .box-head h3,
main .section-head h2{
  font-family:inherit;
}

/* 모바일에서는 본문을 한 단계 더 축소 */
@media(max-width:767px){
  main{
    font-size:13.2132px!important;
  }

  main :where(
    p, span, li, label, input, select, textarea, button, td, th, a
  ){
    font-size:13.2132px!important;
  }

  main :where(
    .sub,
    .page-sub,
    .desc,
    .description,
    .info,
    .status,
    .hint,
    .help,
    .muted,
    .meta,
    .vehicle-meta,
    .vehicle-desc,
    .vehicle-specs,
    .fare-search-guide,
    .search-hint,
    .page-calc-note,
    .fare-estimate-notice,
    .calc-caption,
    .notice-title,
    .notice-date,
    .board-head,
    .board-row
  ){
    font-size:13.2132px!important;
    line-height:1.5!important;
  }

  main input,
  main select,
  main textarea,
  main .search-input,
  main #fareSearch,
  main input::placeholder,
  main textarea::placeholder{
    font-size:13.1208px!important;
  }
}
/* === OT BODY TYPOGRAPHY FINAL END === */



/* === OT PAGE HERO UNIFY START === */
.ot-shared-hero{
  background:linear-gradient(135deg,#eef7ff,#dceeff)!important;
  padding:38px 0 30px!important;
}
.ot-shared-title{
  margin:0 0 8px!important;
  font-size:28.644px!important;
  color:#0e376f!important;
  font-weight:900!important;
  letter-spacing:0.6px!important;
}
.ot-shared-sub{
  margin:0!important;
  color:#586a80!important;
  font-size:13.2132px!important;
  line-height:1.7!important;
}
.ot-shared-body{
  padding:28px 16px 42px!important;
}
.ot-shared-body .page-card,
.ot-shared-body .search-box,
.ot-shared-body .fare-policy-note,
.ot-shared-body .notice-box{
  box-sizing:border-box!important;
}

.page-hero{
  background:linear-gradient(135deg,#eef7ff,#dceeff)!important;
  padding:38px 0 30px!important;
}
.page-hero .page-title{
  margin:0 0 8px!important;
  color:#0e376f!important;
}
.page-hero .page-sub{
  margin:0!important;
  color:#586a80!important;
  font-size:13.2132px!important;
  line-height:1.7!important;
}

.ot-fares-main{
  max-width:none!important;
  margin:0!important;
  padding:0 0 60px!important;
}
.ot-fares-wrap{
  max-width:980px!important;
  margin:0 auto!important;
  padding:34px 16px 60px!important;
}
.ot-fares-wrap .fare-mode{
  margin-top:0!important;
}

@media(max-width:767px){
  .ot-shared-hero{
    padding:36px 0 28px!important;
  }
  .ot-shared-title{
    font-size:25.872px!important;
  }
  .ot-shared-sub{
    font-size:13.2132px!important;
  }
  .ot-shared-body{
    padding:18px 16px 34px!important;
  }
  .ot-fares-wrap{
    padding:26px 16px 44px!important;
  }
}
/* === OT PAGE HERO UNIFY END === */
/* V13.44: 이용요금 상단 탭은 PC/태블릿/모바일 모두 좌우 2칸 고정 */
.ot-fares-wrap .fare-mode{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:10px!important}
.ot-fares-wrap .fare-mode button{flex:1 1 0!important;width:auto!important;min-width:0!important}
@media(max-width:480px){
 .ot-fares-wrap .fare-mode{gap:8px!important}
 .ot-fares-wrap .fare-mode button{height:44px!important;font-size:14px!important}
}




/* === OT PAGE TITLE TYPO SYNC START === */
/* 회사소개/공지사항을 기준으로 모든 서브페이지 제목·설명 폰트 통일 */

/* 제목 */
.ot-shared-title,
.page-hero .page-title,
.hero h1{
  margin:0 0 8px!important;
  font-family:-apple-system,BlinkMacSystemFont,"Noto Sans KR","Segoe UI",Arial,sans-serif!important;
  font-size:28.644px!important;
  font-weight:900!important;
  line-height:1.25!important;
  letter-spacing:0.6px!important;
  color:#0e376f!important;
}

/* 제목 아래 설명 */
.ot-shared-sub,
.page-hero .page-sub,
.hero p{
  margin:0!important;
  font-family:-apple-system,BlinkMacSystemFont,"Noto Sans KR","Segoe UI",Arial,sans-serif!important;
  font-size:13.2132px!important;
  font-weight:400!important;
  line-height:1.7!important;
  letter-spacing:0!important;
  color:#586a80!important;
}

/* 이용요금도 동일하게 */
.ot-fares-main .ot-shared-title{
  font-size:28.644px!important;
}
.ot-fares-main .ot-shared-sub{
  font-size:13.2132px!important;
}

/* 모바일도 회사소개/공지사항과 동일 */
@media(max-width:767px){
  .ot-shared-title,
  .page-hero .page-title,
  .hero h1,
  .ot-fares-main .ot-shared-title{
    font-size:25.872px!important;
    letter-spacing:0.6px!important;
  }

  .ot-shared-sub,
  .page-hero .page-sub,
  .hero p,
  .ot-fares-main .ot-shared-sub{
    font-size:13.2132px!important;
    line-height:1.7!important;
  }
}
/* === OT PAGE TITLE TYPO SYNC END === */



/* === OT COMMON HERO EXACT START === */
/* 6개 서브페이지 상단 제목/설명: 같은 HTML 구조 + 같은 수치로 완전 통일 */
.ot-common-hero{
  width:100%!important;
  margin:0!important;
  padding:38px 0 30px!important;
  background:linear-gradient(135deg,#eef7ff,#dceeff)!important;
  box-sizing:border-box!important;
}
.ot-common-hero-inner{
  width:min(calc(100% - 28px),1120px)!important;
  margin:0 auto!important;
  padding:0!important;
  box-sizing:border-box!important;
}
.ot-common-title{
  margin:0 0 8px!important;
  padding:0!important;
  font-family:-apple-system,BlinkMacSystemFont,"Noto Sans KR","Segoe UI",Arial,sans-serif!important;
  font-size:28.644px!important;
  line-height:1.25!important;
  letter-spacing:0.6px!important;
  color:#0e376f!important;
}
.ot-common-sub{
  margin:0!important;
  padding:0!important;
  font-family:-apple-system,BlinkMacSystemFont,"Noto Sans KR","Segoe UI",Arial,sans-serif!important;
  font-size:13.2132px!important;
  font-weight:400!important;
  line-height:1.7!important;
  letter-spacing:0!important;
  color:#586a80!important;
}

/* 회사소개/공지사항에 남아 있던 상단 빈 여백 제거 */
main.ot-simple-page{
  padding:0 0 42px!important;
}

/* 차량안내/이용요금 기존 hero 규칙의 간섭 차단 */
main > .page-hero,
main > .ot-shared-hero{
  margin:0!important;
}

/* 예약 페이지 탭은 제목/설명 아래 기존 기능 그대로 */
.ot-common-hero .tabs{
  margin-top:20px!important;
}

/* 이용요금 본문 */
.ot-fares-main{
  max-width:none!important;
  margin:0!important;
  padding:0 0 60px!important;
}
.ot-fares-wrap{
  max-width:980px!important;
  margin:0 auto!important;
  padding:34px 16px 60px!important;
}

@media(max-width:767px){
  .ot-common-hero{
    padding:36px 0 28px!important;
  }
  .ot-common-hero-inner{
    width:calc(100% - 28px)!important;
  }
  .ot-common-title{
    font-size:25.872px!important;
    line-height:1.25!important;
    letter-spacing:0.6px!important;
  }
  .ot-common-sub{
    font-size:13.2132px!important;
    line-height:1.7!important;
  }
}
/* === OT COMMON HERO EXACT END === */



/* === 전국 요금표 박스 규격 통일 === */
.rate-horizontal,
.rate-horizontal-same,
.rate-horizontal-single{
  display:grid !important;
  grid-template-columns:minmax(78px,1fr) minmax(105px,1.15fr) minmax(105px,1.15fr) !important;
  align-items:center !important;
  gap:8px !important;
  padding:8px 0 !important;
}
.rate-horizontal + .rate-horizontal,
.rate-horizontal + .rate-horizontal-same,
.rate-horizontal-same + .rate-horizontal,
.rate-horizontal-same + .rate-horizontal-same,
.rate-horizontal-single + .rate-horizontal,
.rate-horizontal + .rate-horizontal-single{
  border-top:1px solid #eef2f6;
}
.rate-period{
  min-width:0;
  font-size:13.2132px !important;
  color:#596a80;
  white-space:nowrap;
}
.rate-pay{
  box-sizing:border-box;
  width:100%;
  min-width:0;
  min-height:42px;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:6px !important;
  padding:7px 9px !important;
  border:1px solid #dbe5ef !important;
  border-radius:9px !important;
  background:#f8fbff !important;
}
.rate-pay-label{
  flex:0 0 auto;
  font-size:12.012px !important;
  font-weight:850;
  color:#55708d;
  white-space:nowrap !important;
}
.rate-pay-price{
  flex:0 0 auto;
  font-size:13.2132px !important;
  font-weight:950;
  color:#17243a;
  white-space:nowrap !important;
}

/* 대형: 중형의 현금+카드 두 박스 폭과 정확히 동일한 총 길이 */
.rate-horizontal-same .rate-pay-same{
  grid-column:2 / 4 !important;
  width:100% !important;
  min-height:42px !important;
}
.rate-horizontal-same .rate-pay-label{
  white-space:nowrap !important;
}

/* 결제구분이 1개뿐인 특수 요금도 동일 총 폭 */
.rate-horizontal-single .rate-pay-single{
  grid-column:2 / 4 !important;
  width:100% !important;
  min-height:42px !important;
}

@media(max-width:640px){
  .rate-horizontal,
  .rate-horizontal-same,
  .rate-horizontal-single{
    grid-template-columns:minmax(68px,.8fr) minmax(0,1fr) minmax(0,1fr) !important;
    gap:5px !important;
  }
  .rate-period{
    font-size:12.5664px !important;
  }
  .rate-pay{
    min-height:40px !important;
    padding:6px 7px !important;
    gap:4px !important;
  }
  .rate-pay-label{
    font-size:10.9032px !important;
  }
  .rate-pay-price{
    font-size:12.5664px !important;
  }
}
/* === 전국 요금표 박스 규격 통일 끝 === */



/* =========================================================
   OT HEADER NAV ALIGN FINAL V8
   전체 고객 페이지 공통
   - PC/태블릿 메뉴 세로 중앙 정렬
   - 파란 활성 밑줄을 메뉴 글자 바로 아래에 배치
   ========================================================= */
@media(min-width:1180px){
  .site-header .nav.ot-nav{
    align-items:center!important;
    padding:0!important;
  }
  .site-header .nav.ot-nav a{
    height:auto!important;
    min-height:42px!important;
    padding:0 0 10px!important;
    align-items:center!important;
    justify-content:center!important;
    line-height:1.1!important;
    text-align:center!important;
  }
  .site-header .nav.ot-nav a:after{
    left:50%!important;
    right:auto!important;
    width:100%!important;
    bottom:3px!important;
    height:3px!important;
    transform:translateX(-50%) scaleX(0)!important;
    transform-origin:center!important;
  }
  .site-header .nav.ot-nav a:hover:after,
  .site-header .nav.ot-nav a.active:after{
    transform:translateX(-50%) scaleX(1)!important;
  }
}

@media(min-width:768px) and (max-width:1179px){
  .site-header.ot-site-header{
    height:76px!important;
    min-height:76px!important;
  }
  .site-header .header-inner.ot-header-inner{
    height:76px!important;
    min-height:76px!important;
    align-items:center!important;
  }
  .site-header .brand.ot-brand{
    height:76px!important;
    align-items:center!important;
  }
  .site-header .nav.ot-nav{
    height:76px!important;
    min-height:76px!important;
    padding:0!important;
    align-items:center!important;
    justify-content:space-between!important;
  }
  .site-header .nav.ot-nav a{
    height:auto!important;
    min-height:40px!important;
    padding:0 0 9px!important;
    align-items:center!important;
    justify-content:center!important;
    line-height:1.1!important;
    text-align:center!important;
  }
  .site-header .nav.ot-nav a:after{
    left:50%!important;
    right:auto!important;
    width:100%!important;
    bottom:2px!important;
    height:3px!important;
    transform:translateX(-50%) scaleX(0)!important;
    transform-origin:center!important;
  }
  .site-header .nav.ot-nav a:hover:after,
  .site-header .nav.ot-nav a.active:after{
    transform:translateX(-50%) scaleX(1)!important;
  }
  .site-header .phone.ot-phone{
    align-self:center!important;
  }
  .header-spacer.ot-header-spacer{
    height:76px!important;
    min-height:76px!important;
  }
}

/* 모바일은 기존 메뉴 버튼 레이아웃 유지 */
@media(max-width:767px){
  .site-header .nav.ot-nav a:after{
    bottom:2px!important;
  }
}
/* === OT HEADER NAV ALIGN FINAL V8 END === */



/* =========================================================
   OT HEADER ABSOLUTE FINAL V10
   메인/서브페이지 완전 동일
   768px 이상: 무조건 1단 헤더
   메뉴 파란선: 글자 아래 간격을 두고 중앙 배치
   ========================================================= */

/* PC */
@media(min-width:1180px){
  .site-header.ot-site-header{
    height:76px!important;
    min-height:76px!important;
    max-height:76px!important;
  }

  .site-header .header-inner.ot-header-inner{
    width:100%!important;
    max-width:1180px!important;
    height:76px!important;
    min-height:76px!important;
    max-height:76px!important;
    margin:0 auto!important;
    padding:0 24px!important;
    display:grid!important;
    grid-template-columns:235px 720px minmax(0,129px)!important;
    grid-template-rows:76px!important;
    column-gap:24px!important;
    row-gap:0!important;
    align-items:center!important;
  }

  .site-header .brand.ot-brand{
    grid-column:1!important;
    grid-row:1!important;
    width:235px!important;
    min-width:235px!important;
    max-width:235px!important;
    height:76px!important;
    min-height:76px!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    transform:none!important;
  }

  .site-header .brand.ot-brand img{
    width:235px!important;
    max-width:235px!important;
    height:62px!important;
    max-height:62px!important;
    object-fit:contain!important;
    object-position:left center!important;
  }

  .site-header .nav.ot-nav{
    grid-column:2!important;
    grid-row:1!important;
    width:720px!important;
    min-width:720px!important;
    max-width:720px!important;
    height:76px!important;
    min-height:76px!important;
    max-height:76px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:center!important;
    gap:20px!important;
    transform:none!important;
    overflow:visible!important;
    white-space:nowrap!important;
  }

  .site-header .nav.ot-nav a{
    position:relative!important;
    display:flex!important;
    flex:0 0 auto!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:0!important;
    height:auto!important;
    min-height:44px!important;
    margin:0!important;
    padding:0 0 12px!important;
    color:#122946!important;
    font-size:17.4636px!important;
    font-weight:800!important;
    line-height:1.1!important;
    letter-spacing:-.2px!important;
    text-align:center!important;
    text-decoration:none!important;
    transform:none!important;
  }

  .site-header .nav.ot-nav a:after{
    content:""!important;
    position:absolute!important;
    top:auto!important;
    left:50%!important;
    right:auto!important;
    bottom:2px!important;
    width:100%!important;
    height:3px!important;
    margin:0!important;
    background:#0b63ce!important;
    transform:translateX(-50%) scaleX(0)!important;
    transform-origin:center!important;
  }

  .site-header .nav.ot-nav a:hover:after,
  .site-header .nav.ot-nav a.active:after{
    transform:translateX(-50%) scaleX(1)!important;
  }

  .site-header .phone.ot-phone{
    grid-column:3!important;
    grid-row:1!important;
    align-self:center!important;
    justify-self:end!important;
    margin:0!important;
    padding:0!important;
    font-size:21.3444px!important;
    transform:none!important;
  }

  .header-spacer.ot-header-spacer{
    height:76px!important;
    min-height:76px!important;
    max-height:76px!important;
  }
}

/* 태블릿 / 가로보기: 예전 2단 메뉴 규칙 완전 초기화 */
@media(min-width:768px) and (max-width:1179px){
  .site-header.ot-site-header{
    height:76px!important;
    min-height:76px!important;
    max-height:76px!important;
  }

  .site-header .header-inner.ot-header-inner{
    width:100%!important;
    max-width:none!important;
    height:76px!important;
    min-height:76px!important;
    max-height:76px!important;
    margin:0!important;
    padding:0 clamp(12px,2vw,20px)!important;
    display:grid!important;
    grid-template-columns:minmax(170px,22vw) minmax(0,1fr) auto!important;
    grid-template-rows:76px!important;
    column-gap:clamp(10px,1.4vw,18px)!important;
    row-gap:0!important;
    align-items:center!important;
  }

  .site-header .brand.ot-brand{
    grid-column:1!important;
    grid-row:1!important;
    width:min(215px,100%)!important;
    min-width:0!important;
    max-width:215px!important;
    height:76px!important;
    min-height:76px!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    transform:none!important;
  }

  .site-header .brand.ot-brand img{
    width:min(215px,100%)!important;
    max-width:100%!important;
    height:58px!important;
    max-height:58px!important;
    object-fit:contain!important;
    object-position:left center!important;
  }

  .site-header .nav.ot-nav{
    grid-column:2!important;
    grid-row:1!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:76px!important;
    min-height:76px!important;
    max-height:76px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    flex-direction:row!important;
    grid-template-columns:none!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:clamp(5px,.8vw,12px)!important;
    transform:none!important;
    overflow:visible!important;
    white-space:nowrap!important;
  }

  .site-header .nav.ot-nav a{
    position:relative!important;
    display:flex!important;
    flex:0 1 auto!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
    min-height:42px!important;
    margin:0!important;
    padding:0 0 11px!important;
    color:#122946!important;
    font-size:clamp(11.088px,1.848vw,14.784px)!important;
    font-weight:800!important;
    line-height:1.1!important;
    letter-spacing:-.4px!important;
    text-align:center!important;
    text-decoration:none!important;
    transform:none!important;
  }

  .site-header .nav.ot-nav a:after{
    content:""!important;
    position:absolute!important;
    top:auto!important;
    left:50%!important;
    right:auto!important;
    bottom:2px!important;
    width:100%!important;
    height:3px!important;
    margin:0!important;
    background:#0b63ce!important;
    transform:translateX(-50%) scaleX(0)!important;
    transform-origin:center!important;
  }

  .site-header .nav.ot-nav a:hover:after,
  .site-header .nav.ot-nav a.active:after{
    transform:translateX(-50%) scaleX(1)!important;
  }

  .site-header .phone.ot-phone{
    grid-column:3!important;
    grid-row:1!important;
    align-self:center!important;
    justify-self:end!important;
    margin:0!important;
    padding:0!important;
    font-size:clamp(14.784px,2.376vw,19.404px)!important;
    transform:none!important;
  }

  .site-header .menu-btn.ot-menu-btn,
  #otFullMenuBackdrop,
  #otFullMenuPanel{
    display:none!important;
  }

  .header-spacer.ot-header-spacer{
    height:76px!important;
    min-height:76px!important;
    max-height:76px!important;
  }
}

/* 모바일은 기존 전체메뉴 형식 유지 */
@media(max-width:767px){
  .site-header .nav.ot-nav{
    transform:none!important;
  }
}
/* === OT HEADER ABSOLUTE FINAL V10 END === */

/* === OT UNIFIED PUBLIC FOOTER V21 START === */
footer.ot-public-footer{margin:0!important;padding:0!important;background:linear-gradient(180deg,#0b376f 0%,#062654 100%)!important;color:#d8e5f4!important;text-align:left!important}
footer.ot-public-footer .ot-footer-inner{width:min(1210px,calc(100% - 32px))!important;margin:0 auto!important;padding:0!important}
footer.ot-public-footer .ot-footer-horizontal{min-height:62px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:20px!important;padding:10px 0 8px!important;border-bottom:1px solid rgba(255,255,255,.13)!important;white-space:nowrap!important}
footer.ot-public-footer .ot-footer-phone{flex:0 0 auto!important;color:#fff!important;font-size:17.4636px!important;font-weight:800!important;text-decoration:none!important}
footer.ot-public-footer .ot-footer-company,footer.ot-public-footer .ot-footer-quick,footer.ot-public-footer .ot-footer-service{min-width:0!important;display:flex!important;align-items:center!important;gap:7px!important;color:#cfdded!important;font-size:10.9032px!important;line-height:1.2!important;font-weight:400!important}
footer.ot-public-footer .ot-footer-company{flex:1 1 auto!important;justify-content:center!important;width:100%!important;max-width:900px!important;margin:0 auto!important;text-align:center!important}
footer.ot-public-footer .ot-footer-quick,footer.ot-public-footer .ot-footer-service{flex:0 0 auto!important}
footer.ot-public-footer .ot-footer-company b,footer.ot-public-footer .ot-footer-quick b,footer.ot-public-footer .ot-footer-service b{color:#fff!important;font-size:12.012px!important;font-weight:800!important;margin-right:2px!important}
footer.ot-public-footer .ot-footer-company span+span:before,footer.ot-public-footer .ot-footer-quick a+a:before,footer.ot-public-footer .ot-footer-service a+a:before{content:"·"!important;margin-right:7px!important;color:#738dab!important}
footer.ot-public-footer a{color:#dce8f5!important;text-decoration:none!important}footer.ot-public-footer a:hover{text-decoration:underline!important}
footer.ot-public-footer .ot-footer-bottom{min-height:30px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:18px!important;padding:5px 0 7px!important;color:#91a8c3!important;font-size:9.7944px!important;line-height:1.2!important;font-weight:400!important}
footer.ot-public-footer .ot-footer-policy{display:flex!important;align-items:center!important;gap:7px!important}footer.ot-public-footer .ot-footer-policy a{color:#c9d8e9!important;font-weight:400!important}
/* 메인 페이지와 동일: 회사정보만 노출 */
footer.ot-public-footer .ot-footer-phone,footer.ot-public-footer .ot-footer-quick,footer.ot-public-footer .ot-footer-service{display:none!important}
@media(max-width:1000px){footer.ot-public-footer .ot-footer-horizontal{white-space:normal!important;flex-wrap:wrap!important;gap:8px 16px!important;padding:10px 0!important}footer.ot-public-footer .ot-footer-company{flex:1 1 100%!important;order:4!important;flex-wrap:wrap!important}}
@media(max-width:650px){footer.ot-public-footer .ot-footer-inner{width:calc(100% - 24px)!important}footer.ot-public-footer .ot-footer-horizontal{justify-content:flex-start!important}footer.ot-public-footer .ot-footer-company{justify-content:center!important;flex-wrap:wrap!important;max-width:100%!important;padding:0 8px!important}footer.ot-public-footer .ot-footer-bottom{flex-direction:column!important;gap:4px!important;padding:7px 0 9px!important}}
/* === OT UNIFIED PUBLIC FOOTER V21 END === */

.route-fare-form{display:grid;grid-template-columns:1fr;gap:12px;margin:0 0 8px}.route-address-field{position:relative}.route-address-field label{display:block;margin:0 0 7px;color:#173657;font-size:13.2132px;font-weight:900}.route-address-field input{width:100%;height:54px;border:1.5px solid #cbd8e8;border-radius:12px;padding:0 15px;background:#fff;color:#172b46;font-size:16.2624px;font-weight:750;outline:none}.route-address-field input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(11,99,206,.11)}.route-address-hint{margin:7px 2px 0;color:#8491a3;font-size:13.1208px;line-height:1.45}.route-suggest{display:none;position:absolute;z-index:45;top:82px;left:0;right:0;max-height:280px;overflow:auto;border:1px solid #d5e1ee;border-radius:12px;background:#fff;box-shadow:0 14px 34px rgba(30,61,96,.16)}.route-suggest.show{display:block}.route-suggest-item{display:block;width:100%;padding:11px 13px;border:0;border-top:1px solid #edf1f6;background:#fff;text-align:left;cursor:pointer}.route-suggest-item:first-child{border-top:0}.route-suggest-item:hover,.route-suggest-item:focus{background:#f2f7fd;outline:none}.route-suggest-name{display:block;color:#173554;font-size:14.2296px;font-weight:900}.route-suggest-address{display:block;margin-top:3px;color:#73859a;font-size:13.1208px;line-height:1.45}.route-auto-guide{margin:7px 1px 12px;color:#73859a;font-size:13.1208px;line-height:1.55}.route-result{margin:0 0 13px;padding:14px 16px;border:1px solid #cee0f3;border-radius:13px;background:#f3f8ff}.route-result.loading{border-color:#b8d3f0;background:#edf6ff}.route-result.error{border-color:#efcdd0;background:#fff7f7}.route-result-main{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#315374;font-size:14.2296px;font-weight:850}.route-result-main strong{color:#0b63ce;font-size:23.2848px;font-weight:950}.route-result-sub{margin-top:5px;color:#6f8298;font-size:13.1208px;line-height:1.5}.route-result.error .route-result-sub{color:#b03b45}#middleCalc .calc-rate,#largeCalc .calc-rate{margin-top:0!important;border-radius:0!important;border-top:1px solid #e5ebf2!important;background:#fff!important}#middleCalc .calc-rate:first-child,#largeCalc .calc-rate:first-child{border-top:0!important}#middleCalc .calc-rate.auto-outside,#largeCalc .calc-rate.auto-outside{background:#f5f9ff!important}.calc-rate-kind.outside-badge{background:#dfeeff;color:#145797}.calc-rate-placeholder{padding:14px 10px;color:#77899d;font-size:13.2132px;text-align:center}.route-fare-summary{display:inline-flex;align-items:center;gap:6px;margin-left:7px;padding:3px 8px;border-radius:999px;background:#eaf3ff;color:#1a609f;font-size:12.012px;font-weight:900}@media(max-width:720px){.route-fare-form{grid-template-columns:1fr}.route-suggest{top:80px}}
.route-zone-pill{display:inline-flex;align-items:center;gap:5px;margin-left:7px;padding:3px 8px;border-radius:999px;background:#eaf7ef;color:#187341;font-size:12.012px;font-weight:950}.route-zone-pill.outside{background:#fff0f1;color:#b32935}.route-kakao-guide{display:flex;align-items:center;gap:7px;margin:7px 1px 12px;color:#657d96;font-size:13.1208px;line-height:1.55}.route-kakao-guide b{color:#03c75a}
.meter-search-card .meter-search-copy{padding:10px 0 8px;color:#405d79;font-size:12.7512px;line-height:1.6}.meter-search-card .note b{color:#0b63ce}.meter-search-card{border-color:#bcd7f3!important;background:#f8fbff!important}.meter-fare-contact-note{margin-top:9px;padding:9px 10px;border:1px solid #d8e5f2;border-radius:10px;background:#fff;color:#586f87;font-size:11.4576px;font-weight:800;line-height:1.5}.meter-fare-contact-note a{color:#0b63ce;font-weight:950;text-decoration:underline}.auto-airport-fare{margin-top:8px;border:1px solid #d6e5f5;border-radius:12px;background:#fff;overflow:hidden}.auto-airport-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 11px;background:#edf6ff;border-bottom:1px solid #dce9f6}.auto-airport-head b{color:#174d87;font-size:12.7512px}.auto-airport-head span{color:#6b8096;font-size:11.4576px;font-weight:800;white-space:nowrap}.auto-direction{border-top:1px solid #dce9f6}.auto-direction:first-of-type{border-top:0}.auto-direction-title{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 11px;background:#f8fbff;color:#294f76;font-size:12.012px;font-weight:950}.auto-direction-title .outside-label{display:inline-flex;align-items:center;padding:2px 6px;border-radius:999px;background:#fff0f1;color:#b32935;font-size:9.7944px;font-weight:950}.auto-airport-meta{padding:8px 11px;border-bottom:1px solid #edf2f7;color:#61778e;font-size:11.4576px;font-weight:800;line-height:1.5}.auto-airport-meta strong{color:#0b63ce}.auto-airport-loading,.auto-airport-error{padding:14px 11px;color:#718397;font-size:13.1208px;font-weight:800;text-align:center;line-height:1.55}.auto-airport-error{color:#a34b50;background:#fff8f8}.auto-fare-table{width:100%;border-collapse:collapse;table-layout:fixed}.auto-fare-table th,.auto-fare-table td{padding:8px 7px;border-top:1px solid #edf2f7;text-align:right;font-size:12.012px}.auto-fare-table th{background:#fbfdff;color:#718399;font-size:10.9032px;font-weight:900}.auto-fare-table th:first-child,.auto-fare-table td:first-child{text-align:left}.auto-fare-table td:first-child{color:#4b6179;font-weight:850}.auto-fare-table td:not(:first-child){color:#172f4b;font-weight:950;white-space:nowrap}.auto-fare-table .night{color:#b44d13}.auto-fare-table .ev{color:#12618e}.auto-airport-foot{padding:8px 10px;background:#f8fbff;color:#77899d;font-size:10.3488px;line-height:1.45}.auto-airport-badge{display:inline-flex;align-items:center;margin-left:4px;padding:1px 5px;border-radius:999px;background:#fff0e8;color:#b44d13;font-size:9.7944px;font-weight:900}.auto-airport-badge.outside{background:#fff0f1;color:#b32935}@media(max-width:520px){.auto-fare-table th,.auto-fare-table td{padding:7px 5px;font-size:10.9032px}.auto-airport-head{align-items:flex-start;flex-direction:column}.auto-airport-head span{white-space:normal}.auto-direction-title{align-items:flex-start;flex-direction:column}}

@media(min-width:1180px){
  .site-header .nav.ot-nav{gap:14px!important;}
  .site-header .nav.ot-nav a{font-size:16.2624px!important;}
}
@media(min-width:768px) and (max-width:1179px){
  .site-header .nav.ot-nav{gap:clamp(4px,.55vw,9px)!important;}
  .site-header .nav.ot-nav a{font-size:clamp(10.164px,1.518vw,12.936px)!important;}
}


/* SOURCE: /assets/bundles/fares-styles-05.css */
/* V13.15: 고객 홈페이지 모바일 글자크기·정렬 통일 */
@media (max-width:767px){
  html{-webkit-text-size-adjust:100%!important;text-size-adjust:100%!important}
  body{font-size:13.86px!important;line-height:1.6!important;letter-spacing:-.12px!important}

  /* 공용 헤더 */
  .site-header .phone,.site-header .ot-phone{font-size:17.094px!important;line-height:1.1!important;letter-spacing:.15px!important}
  .site-header .menu-btn,.site-header .ot-menu-btn{font-size:13.86px!important;line-height:1!important}
  #otFullMenuPanel .ot-full-menu-title{font-size:17.556px!important;line-height:1.3!important}
  #otFullMenuPanel .ot-full-menu-link,.mobile-menu-panel .mobile-menu-link{font-size:13.86px!important;line-height:1.35!important}

  /* 공용 페이지 제목 */
  .ot-common-hero-inner,.page-head,.section-head{text-align:left!important}
  .ot-common-title{font-size:23.1px!important;line-height:1.28!important;letter-spacing:-.45px!important;text-align:left!important;word-break:keep-all!important}
  .ot-common-sub{font-size:13.398px!important;line-height:1.65!important;letter-spacing:-.15px!important;text-align:left!important;word-break:keep-all!important}

  /* 본문 기본 계층 */
  main h1:not(.ot-common-title){line-height:1.3!important;word-break:keep-all!important}
  main h2,.section-title,.box-head h2,.box-head h3{font-size:19.404px!important;line-height:1.35!important;letter-spacing:-.35px!important;word-break:keep-all!important}
  main h3{font-size:17.094px!important;line-height:1.4!important;letter-spacing:-.25px!important;word-break:keep-all!important}
  main h4{font-size:15.708px!important;line-height:1.45!important;letter-spacing:-.2px!important;word-break:keep-all!important}
  main p,main li,main dd{font-size:13.398px!important;line-height:1.65!important;word-break:keep-all!important}
  main dt{font-size:13.86px!important;line-height:1.5!important}
  main small,.hint,.help,.helper,.field-help,.field-note,.sub-text,.caption{font-size:12.012px!important;line-height:1.55!important}

  /* 폼: 모바일 브라우저 자동 확대 방지 + 크기 통일 */
  main label,.field label,.form-field label,.booking-change-field label,.booking-change-section>label{font-size:13.86px!important;line-height:1.4!important;letter-spacing:-.15px!important}
  main input:not([type="checkbox"]):not([type="radio"]),
  main select,main textarea,
  #reserveForm .field input,#reserveForm .field select,#reserveForm .field textarea,
  .booking-change-body input,.booking-change-body select,.booking-change-body textarea{
    font-size:14.784px!important;line-height:1.35!important;letter-spacing:-.1px!important
  }
  main button,main .btn,main .button,main [class*="-btn"]{font-size:14.322px!important;line-height:1.25!important}

  /* 표·리스트는 본문보다 한 단계 작게 */
  main table th,main table td{font-size:12.474px!important;line-height:1.5!important;vertical-align:middle!important}

  /* 카드/안내문 정렬 */
  .info,.notice-copy,.guide-copy,.page-calc-note,.page-calc-warn,.calc-caption,.fare-policy-note p{
    font-size:12.936px!important;line-height:1.65!important;word-break:keep-all!important
  }

  /* 거리요금 계산기: 좁은 화면에서 제목이 세로로 찢어지는 현상 방지 */
  .route-address-field label{font-size:14.322px!important}
  .route-address-field input{font-size:14.784px!important;height:52px!important}
  .route-address-hint{font-size:12.012px!important;line-height:1.5!important}
  .route-suggest-name{font-size:13.86px!important;line-height:1.4!important}
  .route-suggest-address{font-size:12.012px!important;line-height:1.45!important}
  .route-kakao-guide{display:block!important;margin:8px 1px 12px!important;font-size:12.936px!important;line-height:1.62!important;text-align:left!important}
  .route-kakao-guide b{display:block!important;margin:0 0 4px!important;font-size:13.398px!important;line-height:1.4!important;white-space:normal!important;word-break:keep-all!important}
  .route-kakao-guide span{display:block!important;min-width:0!important;word-break:keep-all!important}
  .route-result-main{font-size:13.86px!important;line-height:1.4!important}
  .route-result-main strong{font-size:20.328px!important}
  .route-result-sub{font-size:12.936px!important;line-height:1.6!important}
  .calc-card h4{font-size:17.556px!important}
  .calc-card p{font-size:12.936px!important;line-height:1.6!important}
  .calc-rate-name{font-size:13.398px!important;line-height:1.45!important}
  .calc-rate-amount{font-size:15.246px!important}
  .calc-rate-kind,.calc-rate-toll,.calc-rate-surcharge{font-size:10.626px!important}
  .fare-estimate-notice{font-size:12.936px!important;line-height:1.6!important}

  /* 모바일 푸터 */
  footer.ot-public-footer .ot-footer-company,
  footer.ot-public-footer .ot-footer-quick,
  footer.ot-public-footer .ot-footer-service{font-size:11.088px!important;line-height:1.45!important;text-align:center!important}
  footer.ot-public-footer .ot-footer-company b,
  footer.ot-public-footer .ot-footer-quick b,
  footer.ot-public-footer .ot-footer-service b{font-size:12.012px!important}
  footer.ot-public-footer .ot-footer-bottom{font-size:10.164px!important;line-height:1.4!important;text-align:center!important}
}
@media (max-width:390px){
  body{font-size:13.398px!important}
  .site-header .phone,.site-header .ot-phone{font-size:15.708px!important}
  .site-header .menu-btn,.site-header .ot-menu-btn{font-size:13.398px!important}
  .ot-common-title{font-size:21.252px!important}
  .ot-common-sub{font-size:12.936px!important}
  main h2,.section-title,.box-head h2,.box-head h3{font-size:18.48px!important}
  main h3{font-size:16.632px!important}
  main p,main li,main dd{font-size:12.936px!important}
  main table th,main table td{font-size:12.012px!important}
}

/* V13.16: 모바일 한글 줄바꿈/세로 찢어짐 방지 공통 보정 */
@media (max-width:767px){
  html,body{
    word-break:keep-all!important;
    -webkit-text-size-adjust:100%!important;
    text-size-adjust:100%!important;
  }
  body :where(h1,h2,h3,h4,h5,h6,legend,label,button,.btn,.button,[class*="-btn"],th,dt,strong,b,.badge,[class*="badge"],.pill,[class*="pill"],.status,[class*="status"]){
    writing-mode:horizontal-tb!important;
    text-orientation:mixed!important;
    word-break:keep-all!important;
    overflow-wrap:normal!important;
    hyphens:none!important;
  }
  body :where(h1,h2,h3,h4,h5,h6,.ot-common-title,.section-title,.box-head h2,.box-head h3){
    text-wrap:balance!important;
  }
  body :where(p,li,dd,.sub,.hint,.help,.helper,.field-help,.field-note,.caption,.info,.notice-copy,.guide-copy){
    word-break:keep-all!important;
    overflow-wrap:anywhere!important;
    text-wrap:pretty!important;
  }
  body :where(button,.btn,.button,[class*="-btn"],.badge,[class*="badge"],.pill,[class*="pill"],.status,[class*="status"],.site-header .phone,.site-header .ot-phone,.site-header .menu-btn,.site-header .ot-menu-btn){
    white-space:nowrap!important;
  }
  body :where(.grid,[class*="grid"],.row,[class*="row"],.item,[class*="item"],.card,[class*="card"],.field,[class*="field"]) > *{
    min-width:0!important;
  }
  main table th{
    word-break:keep-all!important;
    overflow-wrap:normal!important;
    hyphens:none!important;
  }
  main table td{
    word-break:keep-all!important;
    hyphens:none!important;
  }
  /* 주소/경유지처럼 긴 실제 데이터는 박스 밖으로 튀지 않게 유지 */
  .waypoint-list-address,.route-waypoint-address,.route-suggest-address,.route-result-sub{
    word-break:keep-all!important;
    overflow-wrap:anywhere!important;
  }
}

/* V13.16: 거리요금 표 모바일 세로 글자/한 글자 낙하 방지 */
@media (max-width:520px){
  .auto-airport-fare{overflow:hidden!important}
  .auto-fare-table{table-layout:fixed!important;width:100%!important}
  .auto-fare-table th,.auto-fare-table td{
    word-break:keep-all!important;
    overflow-wrap:normal!important;
    hyphens:none!important;
    vertical-align:middle!important;
  }
  .auto-fare-table th{
    white-space:nowrap!important;
    font-size:9.4248px!important;
    line-height:1.25!important;
    padding:8px 3px!important;
    letter-spacing:-.35px!important;
  }
  .auto-fare-table th:first-child{width:38%!important}
  .auto-fare-table th:nth-child(2),.auto-fare-table th:nth-child(3){width:31%!important}
  .auto-fare-table td{font-size:11.2728px!important;line-height:1.3!important;padding:9px 4px!important}
  .auto-fare-table td:first-child{white-space:normal!important;font-size:10.9032px!important}
  .auto-fare-table td:not(:first-child){white-space:nowrap!important;font-size:11.6424px!important;letter-spacing:-.25px!important}
  .auto-airport-badge{
    display:inline-flex!important;
    white-space:nowrap!important;
    word-break:keep-all!important;
    margin-left:3px!important;
    padding:1px 4px!important;
    font-size:8.6856px!important;
    line-height:1.35!important;
    vertical-align:middle!important;
  }
  .auto-airport-head b,.auto-direction-title b,.auto-direction-title .outside-label{
    white-space:nowrap!important;
    word-break:keep-all!important;
  }
  .auto-airport-head{gap:4px!important}
  .auto-airport-head span{font-size:10.164px!important;line-height:1.35!important}
  .auto-airport-meta{font-size:11.088px!important;line-height:1.45!important;word-break:keep-all!important}
}
@media (max-width:390px){
  .auto-fare-table th{font-size:8.778px!important;letter-spacing:-.45px!important}
  .auto-fare-table td{font-size:10.626px!important}
  .auto-fare-table td:not(:first-child){font-size:11.088px!important}
  .auto-airport-badge{font-size:8.2236px!important;padding:1px 3px!important}
}


/* SOURCE: /assets/common-button-icons-v13-23.css */
/* One-Touch common button icons V13.22 */
.ot-icon-applied .ot-btn-icon{
  display:inline-flex;
  width:1.08em;
  height:1.08em;
  margin-right:.42em;
  vertical-align:-.16em;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  pointer-events:none;
}
.ot-icon-applied .ot-btn-icon svg{
  display:block;
  width:100%;
  height:100%;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
/* V13.23 버튼 그룹 공백 없는 정렬 */
:where(
  .tabs,
  .member-tabs,
  .status-tabs,
  .home-quick-tabs,
  .home-quick-trip-toggle,
  .trip-type-buttons,
  .fare-method-options,
  .picket-options,
  .reservation-member-actions,
  .member-my-actions,
  .company-cta-actions,
  .notice-detail-actions,
  .board-actions,
  .phone-actions,
  .signup-actions,
  .portal-actions,
  .pin-change-actions,
  .receipt-actions,
  .booking-actions,
  .driver-registration-actions,
  .driver-license-review-actions,
  .driver-status-record-actions,
  .admin-booking-edit-actions,
  .admin-nav-buttons,
  .dashboard-quick-grid
){
  gap:0!important;
  column-gap:0!important;
  row-gap:0!important;
}
:where(
  .tabs,
  .member-tabs,
  .status-tabs,
  .home-quick-tabs,
  .home-quick-trip-toggle,
  .trip-type-buttons,
  .fare-method-options,
  .picket-options,
  .reservation-member-actions,
  .member-my-actions,
  .company-cta-actions,
  .notice-detail-actions,
  .board-actions,
  .phone-actions,
  .signup-actions,
  .portal-actions,
  .pin-change-actions,
  .receipt-actions,
  .booking-actions,
  .driver-registration-actions,
  .driver-license-review-actions,
  .driver-status-record-actions,
  .admin-booking-edit-actions,
  .admin-nav-buttons,
  .dashboard-quick-grid
) > :is(button,a,.btn){
  margin:0!important;
  min-width:0!important;
}

/* 예약조회 액션: 2열 + 행 사이 공백 0 */
.lookup-button-layout{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:0!important;
  margin-top:12px!important;
  border-radius:14px!important;
  overflow:hidden!important;
  border:1px solid #d7e2ee!important;
  background:#fff!important;
}
.lookup-button-layout .btn{
  width:100%!important;
  min-width:0!important;
  min-height:48px!important;
  margin:0!important;
  border-radius:0!important;
  border:0!important;
  border-right:1px solid #d7e2ee!important;
  border-bottom:1px solid #d7e2ee!important;
  box-shadow:none!important;
  text-align:center!important;
  justify-content:center!important;
}
.lookup-button-layout .btn:nth-child(2n){border-right:0!important}
.lookup-button-layout .booking-reuse-open{
  grid-column:1 / -1!important;
  border-right:0!important;
}
.lookup-button-layout .lookup-action-full{
  grid-column:1 / -1!important;
  border-right:0!important;
}
.lookup-button-layout .btn:nth-last-child(-n+2){border-bottom:0!important}
.lookup-button-layout .booking-reuse-open:last-child{border-bottom:0!important}
.lookup-button-layout .lookup-action-full:last-child{border-bottom:0!important}
.lookup-doc-actions,.lookup-booking-actions{display:contents!important}
@media(max-width:420px){
  .lookup-button-layout .btn{min-height:46px!important;padding-left:8px!important;padding-right:8px!important}
}


/* SOURCE: /assets/bundles/fares-styles-04.css */
.international-search-info{margin-top:10px;padding-top:10px;border-top:1px solid #dfe8f2;line-height:1.6}
.international-search-info>b:first-child{display:inline-block;margin-bottom:2px;color:#173251;font-weight:900}
.international-charter-box{margin:18px 0 0;padding:20px 18px;border:1px solid #d7e2ee;border-radius:18px;background:#f7fbff}
.international-charter-head{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;justify-content:space-between;margin-bottom:12px}
.international-charter-head h3{margin:0;font-size:22px;line-height:1.3;color:#173251;font-weight:900}
.international-charter-head p{margin:0;color:#58708a;font-size:14px;line-height:1.6}
.international-charter-note{margin:0 0 12px;color:#36536f;font-size:14px;font-weight:800}
.international-charter-table-wrap{overflow-x:auto}
.international-charter-table{width:100%;border-collapse:collapse;min-width:680px;background:#fff;border:1px solid #d7e2ee;border-radius:14px;overflow:hidden}
.international-charter-table th,.international-charter-table td{padding:14px 10px;border:1px solid #dfe8f2;text-align:center}
.international-charter-table thead th{background:#edf5ff;color:#173251;font-weight:900}
.international-charter-table tbody th{background:#f8fbff;color:#173251;font-weight:900;white-space:nowrap}
.international-charter-table td{font-weight:800;color:#23405b}
@media (max-width:640px){
 .international-charter-box{padding:14px 10px}
 .international-charter-head h3{font-size:18px}
 .international-charter-head p,.international-charter-note{font-size:12px}
 .international-charter-table-wrap{overflow-x:visible}
 .international-charter-table{min-width:0;width:100%;table-layout:fixed;font-size:10.5px;line-height:1.2}
 .international-charter-table th,.international-charter-table td{padding:8px 2px;word-break:keep-all;white-space:normal}
 .international-charter-table thead th:first-child,.international-charter-table tbody th{width:18%}
 .international-charter-table td{font-size:10.2px;letter-spacing:-.35px}
}

/* V13.60: 지역 검색 / 거리요금 계산기 / 대절 요금제 3타입 */
.ot-fares-wrap .fare-mode button{flex:1 1 0!important;width:auto!important;min-width:0!important;white-space:nowrap!important}
#pageCharterPanel{margin-top:16px}
#pageCharterPanel.active{display:block}
@media(max-width:480px){
 .ot-fares-wrap .fare-mode{gap:6px!important}
 .ot-fares-wrap .fare-mode button{width:auto!important;min-width:0!important;height:44px!important;padding:0 6px!important;font-size:12.2px!important;letter-spacing:-.35px!important}
}

/* V13.61: 지역 검색 / 거리요금 계산기 / 대절 요금제 / 외국인 관광택시 요금 */
#pageInternationalPanel{margin-top:16px}
#pageInternationalPanel.active{display:block}
.international-fare-panel{padding:20px 18px;border:1px solid #d7e2ee;border-radius:18px;background:#f7fbff}
.international-fare-head{margin-bottom:14px}
.international-fare-head h3{margin:0 0 6px;color:#173251;font-size:22px;line-height:1.3;font-weight:950}
.international-fare-head p{margin:0;color:#5f748a;font-size:14px;line-height:1.6}
.international-policy-card,.international-zone-card{border:1px solid #dbe6f1;border-radius:14px;background:#fff;padding:16px}
.international-policy-card{margin-bottom:12px}
.international-policy-card h4,.international-zone-head h4{margin:0 0 7px;color:#173251;font-size:18px;font-weight:950}
.international-policy-card p,.international-zone-head p{margin:0;color:#60758b;font-size:13.5px;line-height:1.6}
.international-policy-card ul{margin:10px 0 0;padding-left:20px;color:#36536f;font-size:13.5px;line-height:1.7}
.international-policy-card b{color:#0b63ce}
.international-zone-table-wrap{margin-top:12px;overflow-x:auto}
.international-zone-table{width:100%;border-collapse:collapse;min-width:720px;background:#fff}
.international-zone-table th,.international-zone-table td{padding:12px 10px;border:1px solid #dfe8f2;text-align:center}
.international-zone-table thead th{background:#edf5ff;color:#173251;font-weight:950}
.international-zone-table tbody th{background:#f8fbff;color:#0b63ce;font-weight:950}
.international-zone-table tbody td:nth-child(2){text-align:left;color:#36536f;font-weight:750;line-height:1.45}
.international-zone-table tbody td:nth-child(3),.international-zone-table tbody td:nth-child(4){font-weight:900;color:#173251;white-space:nowrap}
.international-zone-note{margin:10px 0 0;color:#64798f;font-size:12.8px;line-height:1.55}
@media(max-width:640px){
 .ot-fares-wrap .fare-mode{gap:5px!important}
 .ot-fares-wrap .fare-mode button{height:52px!important;padding:0 4px!important;font-size:10.7px!important;letter-spacing:-.45px!important;white-space:normal!important;line-height:1.18!important;word-break:keep-all!important}
 .international-fare-panel{padding:14px 10px}
 .international-fare-head h3{font-size:18px}
 .international-fare-head p,.international-policy-card p,.international-zone-head p,.international-policy-card ul{font-size:12px}
 .international-policy-card,.international-zone-card{padding:13px 10px}
 .international-policy-card h4,.international-zone-head h4{font-size:15px}
 .international-zone-table-wrap{overflow-x:visible}
 .international-zone-table{min-width:0;width:100%;table-layout:fixed;font-size:9.8px;line-height:1.25}
 .international-zone-table th,.international-zone-table td{padding:7px 2px;word-break:keep-all}
 .international-zone-table thead th:nth-child(1){width:9%}
 .international-zone-table thead th:nth-child(2){width:49%}
 .international-zone-table thead th:nth-child(3),.international-zone-table thead th:nth-child(4){width:21%}
 .international-zone-table tbody td:nth-child(2){font-size:9.3px;letter-spacing:-.25px}
 .international-zone-table tbody td:nth-child(3),.international-zone-table tbody td:nth-child(4){font-size:9.4px;letter-spacing:-.35px}
 .international-zone-note{font-size:11px}
}


/* SOURCE: /assets/customer-responsive-font-fit-v13-62.css */
/* V13.62: customer-facing responsive typography fit (PC / tablet / mobile) */
:root{--ot-v1362-font-fit:1}
@media (min-width:1025px){
  main :where(p,li,dd,.info,.notice-copy,.guide-copy,.field-help,.field-note,.caption){font-size:clamp(13px,.88vw,14px)!important;line-height:1.62!important}
  main :where(table th,table td){font-size:clamp(11.5px,.78vw,13px)!important;line-height:1.42!important}
  main :where(label,dt){font-size:clamp(13px,.86vw,14px)!important}
}
@media (min-width:768px) and (max-width:1024px){
  main :where(p,li,dd,.info,.notice-copy,.guide-copy,.field-help,.field-note,.caption){font-size:12.8px!important;line-height:1.58!important}
  main :where(table th,table td){font-size:11.6px!important;line-height:1.38!important}
  main :where(label,dt){font-size:13px!important}
  .ot-common-title{font-size:25px!important;line-height:1.25!important}
  .ot-common-sub{font-size:13px!important;line-height:1.55!important}
}
@media (max-width:767px){
  main :where(p,li,dd,.info,.notice-copy,.guide-copy,.field-help,.field-note,.caption){font-size:12.4px!important;line-height:1.56!important}
  main :where(table th,table td){font-size:11.2px!important;line-height:1.35!important}
  main :where(label,dt){font-size:12.8px!important;line-height:1.35!important}
  main h2,.section-title,.box-head h2,.box-head h3{font-size:18px!important;line-height:1.3!important}
  main h3{font-size:16px!important;line-height:1.34!important}
  main h4{font-size:14.6px!important;line-height:1.38!important}
  .ot-common-title{font-size:21.5px!important;line-height:1.24!important}
  .ot-common-sub{font-size:12.5px!important;line-height:1.52!important}
}
@media (max-width:390px){
  main :where(p,li,dd,.info,.notice-copy,.guide-copy,.field-help,.field-note,.caption){font-size:12px!important}
  main :where(table th,table td){font-size:10.8px!important}
  .ot-common-title{font-size:20.5px!important}
  .ot-common-sub{font-size:12.1px!important}
}


/* SOURCE: /assets/bundles/fares-styles-03.css */
/* V13.64: V13.63 + distance-fare guide text cleanup + surcharge text wrap fix */
.international-language-service{display:grid;grid-template-columns:minmax(170px,240px) minmax(0,1fr);gap:10px 14px;align-items:center;margin:0 0 12px;padding:13px 14px;border:1px solid #cfe0f3;border-radius:12px;background:#eef6ff}
.international-language-service label{margin:0;color:#174d87;font-size:13px;font-weight:950;white-space:nowrap}
.international-language-service select{width:100%;height:42px;padding:0 12px;border:1px solid #b9cee4;border-radius:10px;background:#fff;color:#173251;font-size:13px;font-weight:850}
.international-language-service small{grid-column:1/-1;color:#60758b;font-size:11.5px;line-height:1.45}
.international-language-support{grid-template-columns:auto minmax(0,1fr)!important}
.international-language-support>strong{color:#174d87;font-size:13px;font-weight:950;white-space:nowrap}
.international-language-badges{display:flex;align-items:center;flex-wrap:wrap;gap:7px}
.international-language-badges span{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 12px;border:1px solid #bfd3e8;border-radius:999px;background:#fff;color:#173657;font-size:12.5px;font-weight:900;white-space:nowrap}
.route-suggest-message{padding:11px 13px;color:#6f8094;font-size:12.5px;font-weight:800;line-height:1.45;background:#fff}
.route-suggest-message.error{color:#a23c3c;background:#fff7f7}
.international-meter-search-card{border-color:#d6d9f6!important;background:#fbfaff!important}
.international-meter-search-card .international-note{background:#f2efff!important;color:#463f91!important}
.international-meter-search-card .international-note b{color:#463f91!important}
.auto-airport-badge.foreign{background:#f2efff;color:#594bb3}
.calc-rate-amount-line.intl small{background:#f2efff;color:#594bb3}
.calc-rate-amount-line.intl .calc-rate-amount{color:#594bb3}
.calc-rate-amount-line.intl.ev small{background:#eef6ff;color:#245f8c}
.calc-rate-amount-line.intl.ev .calc-rate-amount{color:#245f8c}
.rate-period-wrap{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:4px!important;flex-wrap:nowrap!important;min-height:38px!important;line-height:1.18!important}
.rate-period-wrap>span{display:block;line-height:1.2!important}
.rate-period-wrap .surcharge-tag{position:static!important;margin:0!important;line-height:1.25!important;min-height:18px!important}
.international-zone-table-wrap{overflow-x:visible!important;max-width:100%!important}
.international-zone-table{min-width:0!important;width:100%!important;table-layout:fixed!important}
.international-zone-table thead th:nth-child(1){width:9%!important}
.international-zone-table thead th:nth-child(2){width:49%!important}
.international-zone-table thead th:nth-child(3),.international-zone-table thead th:nth-child(4){width:21%!important}
.international-zone-table th,.international-zone-table td{word-break:keep-all!important;overflow-wrap:normal!important}
.auto-fare-table th{white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important}
.auto-fare-table td:first-child .auto-airport-badge{display:flex!important;width:max-content!important;max-width:100%!important;margin:4px 0 0!important;position:static!important;line-height:1.2!important}
.calc-rate{align-items:flex-start!important}
.calc-rate-name{flex:1 1 0!important;max-width:52%!important;align-items:flex-start!important;align-content:flex-start!important;row-gap:4px!important;line-height:1.2!important}
.calc-rate-amount-stack{flex:0 0 46%!important;max-width:46%!important;min-width:0!important}
.calc-rate-amount-line{display:grid!important;grid-template-columns:minmax(0,max-content) minmax(0,1fr)!important;align-items:center!important;justify-content:end!important;gap:4px!important;white-space:normal!important}
.calc-rate-amount-line small{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:auto!important;min-height:20px!important;max-width:100%!important;padding:3px 6px!important;white-space:normal!important;text-align:center!important;line-height:1.15!important;word-break:keep-all!important;overflow-wrap:anywhere!important}
.calc-rate-amount{min-width:0!important}
.calc-rate-surcharge,.calc-rate-toll{position:static!important;margin:0!important;line-height:1.2!important;height:auto!important;min-height:20px!important;max-width:100%!important;padding:3px 8px!important;white-space:normal!important;text-align:center!important;justify-content:center!important}
.auto-airport-badge{height:auto!important;min-height:18px!important;max-width:100%!important;white-space:normal!important;text-align:center!important;line-height:1.15!important;padding:2px 5px!important}
.auto-fare-table td:first-child .auto-airport-badge{width:max-content!important;max-width:100%!important}
.surcharge-tag{height:auto!important;min-height:18px!important;max-width:100%!important;white-space:normal!important;text-align:center!important;line-height:1.15!important;padding:2px 6px!important}
.calc-rate-time{flex:0 0 100%!important;display:block!important;line-height:1.25!important}
.calc-rate-surcharge,.calc-rate-toll{position:static!important;margin:0!important;line-height:1.2!important}
.auto-fare-table th:first-child{width:34%!important}.auto-fare-table th:nth-child(2),.auto-fare-table th:nth-child(3){width:33%!important}
@media (min-width:768px) and (max-width:1024px){
  .international-zone-table{font-size:10.7px!important}.international-zone-table th,.international-zone-table td{padding:9px 5px!important;font-size:10.7px!important;line-height:1.3!important}
  .auto-fare-table th{font-size:9.7px!important;letter-spacing:-.35px!important;padding:7px 3px!important}
  .auto-fare-table td{font-size:10.9px!important;padding:8px 4px!important}
}
@media (max-width:767px){
  .international-language-service{grid-template-columns:1fr;gap:7px;padding:11px 10px}.international-language-service small{grid-column:auto}.international-language-service select{height:40px;font-size:12.5px}.international-language-support{grid-template-columns:1fr!important}.international-language-badges{gap:6px}.international-language-badges span{min-height:30px;padding:0 10px;font-size:11.8px}
  .international-zone-table{font-size:9.1px!important;line-height:1.2!important}
  .international-zone-table th,.international-zone-table td{padding:6px 2px!important;font-size:9.1px!important;line-height:1.23!important;letter-spacing:-.28px!important}
  .international-zone-table tbody td:nth-child(2){font-size:8.8px!important}
  .auto-fare-table th{font-size:8.35px!important;letter-spacing:-.55px!important;line-height:1.15!important;padding:7px 2px!important}
  .auto-fare-table td{font-size:10.2px!important;padding:8px 3px!important}
  .auto-fare-table td:first-child{font-size:9.7px!important}
  .auto-fare-table td:not(:first-child){font-size:10.4px!important;letter-spacing:-.25px!important}
  .auto-airport-badge{display:flex!important;width:max-content!important;margin:3px 0 0!important;font-size:8.1px!important}
  .rate-period-wrap{min-height:42px!important;gap:3px!important}.surcharge-tag{font-size:8.8px!important}
  .calc-rate-name{max-width:50%!important}.calc-rate-amount-stack{flex-basis:48%!important;max-width:48%!important}.calc-rate-amount-line{gap:4px!important}.calc-rate-amount-line small{font-size:8.7px!important;padding:3px 4px!important;line-height:1.1!important}.calc-rate-amount{font-size:13.1px!important}
}
@media (max-width:390px){
  .international-zone-table th,.international-zone-table td{font-size:8.6px!important;padding:5px 1px!important}.international-zone-table tbody td:nth-child(2){font-size:8.2px!important}
  .auto-fare-table th{font-size:7.9px!important;letter-spacing:-.65px!important}.auto-fare-table td{font-size:9.7px!important}.auto-fare-table td:not(:first-child){font-size:10px!important}.calc-rate-name{max-width:49%!important}.calc-rate-amount-stack{flex-basis:49%!important;max-width:49%!important}.calc-rate-amount-line small{font-size:8.2px!important;padding:3px 4px!important}.calc-rate-amount{font-size:12.6px!important}
}

/* V13.72: 지역 검색창 단순화 / 한눈에 보는 요금 유형 */
#topFareSearch.fare-search-simple{
  padding:22px!important;
  border:1px solid #d9e5f2!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#ffffff 0%,#f9fbfe 100%)!important;
  box-shadow:0 10px 32px rgba(16,55,96,.07)!important;
  overflow:hidden!important;
}
.fare-search-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin-bottom:16px!important;
}
.fare-search-title-wrap{min-width:0!important}
.fare-search-kicker{
  display:inline-flex!important;
  align-items:center!important;
  min-height:26px!important;
  padding:0 9px!important;
  border-radius:999px!important;
  background:#eaf3ff!important;
  color:#0b63ce!important;
  font-size:11.5px!important;
  font-weight:950!important;
  line-height:1!important;
}
.fare-search-title-wrap h2{
  margin:8px 0 5px!important;
  color:#122946!important;
  font-size:20px!important;
  line-height:1.32!important;
  letter-spacing:-.35px!important;
  word-break:keep-all!important;
}
.fare-search-title-wrap p{
  margin:0!important;
  color:#687d95!important;
  font-size:12.8px!important;
  line-height:1.5!important;
  word-break:keep-all!important;
}
.fare-search-provider{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  min-height:30px!important;
  padding:0 10px!important;
  border:1px solid #cfe4d8!important;
  border-radius:999px!important;
  background:#f1faf5!important;
  color:#267044!important;
  font-size:11.5px!important;
  font-weight:900!important;
  white-space:nowrap!important;
}
#topFareSearch .fare-search-main-row{
  grid-template-columns:minmax(0,1fr) 124px!important;
  gap:10px!important;
  margin-top:4px!important;
}
.fare-search-input-wrap{
  position:relative!important;
  min-width:0!important;
}
.fare-search-icon{
  position:absolute!important;
  left:16px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  z-index:2!important;
  color:#6382a5!important;
  font-size:21px!important;
  line-height:1!important;
  pointer-events:none!important;
}
#topFareSearch .search-input{
  height:58px!important;
  padding:0 16px 0 45px!important;
  border:2px solid #bfd1e5!important;
  border-radius:14px!important;
  background:#fff!important;
  color:#132b48!important;
  font-size:16px!important;
  font-weight:800!important;
  box-shadow:none!important;
}
#topFareSearch .search-input::placeholder{
  color:#91a0b2!important;
  font-weight:700!important;
}
#topFareSearch .search-input:focus{
  border-color:#0b63ce!important;
  box-shadow:0 0 0 4px rgba(11,99,206,.09)!important;
}
#topFareSearch .search-btn{
  height:58px!important;
  border-radius:14px!important;
  font-size:15px!important;
  box-shadow:0 7px 15px rgba(11,99,206,.16)!important;
}
.fare-quick-search{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  flex-wrap:wrap!important;
  margin-top:11px!important;
}
.fare-quick-label{
  margin-right:2px!important;
  color:#697f98!important;
  font-size:11.7px!important;
  font-weight:900!important;
}
.fare-quick-search button{
  min-height:30px!important;
  padding:0 10px!important;
  border:1px solid #d4e0ed!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#35536f!important;
  font-size:11.8px!important;
  font-weight:850!important;
  cursor:pointer!important;
  transition:.15s ease!important;
}
.fare-quick-search button:hover{
  border-color:#9abde4!important;
  background:#edf5ff!important;
  color:#0b63ce!important;
}
#topFareSearch .fare-search-status{
  display:flex!important;
  align-items:center!important;
  min-height:34px!important;
  margin:11px 0 0!important;
  padding:7px 11px!important;
  border-radius:9px!important;
  background:#f5f8fc!important;
  color:#5e738d!important;
  font-size:12px!important;
  font-weight:800!important;
}
#topFareSearch .fare-search-status.error{
  background:#fff2f2!important;
  color:#aa3333!important;
}
.fare-search-at-glance{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:9px!important;
  margin-top:12px!important;
}
.fare-glance-card{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  min-width:0!important;
  min-height:62px!important;
  padding:10px 11px!important;
  border:1px solid #dce7f2!important;
  border-radius:12px!important;
  background:#fff!important;
}
.fare-glance-no{
  flex:0 0 28px!important;
  width:28px!important;
  height:28px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:#edf4fc!important;
  color:#0b63ce!important;
  font-size:12px!important;
  font-weight:950!important;
}
.fare-glance-card > div{
  min-width:0!important;
  display:grid!important;
  gap:2px!important;
}
.fare-glance-card b{
  color:#1a3658!important;
  font-size:12.3px!important;
  line-height:1.25!important;
  word-break:keep-all!important;
}
.fare-glance-card span:not(.fare-glance-no){
  color:#71849a!important;
  font-size:10.9px!important;
  line-height:1.35!important;
  word-break:keep-all!important;
}
.fare-glance-card.international .fare-glance-no{
  background:#f2ebfb!important;
  color:#6e35b7!important;
}
.fare-glance-card.fixed .fare-glance-no{
  background:#edf8f2!important;
  color:#267044!important;
}
.fare-search-detail{
  margin-top:10px!important;
  border-top:1px solid #e3ebf3!important;
  padding-top:10px!important;
}
.fare-search-detail summary{
  display:inline-flex!important;
  align-items:center!important;
  min-height:28px!important;
  color:#4b6684!important;
  font-size:11.5px!important;
  font-weight:900!important;
  cursor:pointer!important;
  list-style:none!important;
}
.fare-search-detail summary::-webkit-details-marker{display:none!important}
.fare-search-detail summary:after{
  content:"＋"!important;
  margin-left:6px!important;
  color:#0b63ce!important;
  font-weight:950!important;
}
.fare-search-detail[open] summary:after{content:"－"!important}
.fare-search-detail-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
  margin-top:7px!important;
}
.fare-search-detail-grid > div{
  min-width:0!important;
  padding:10px!important;
  border-radius:10px!important;
  background:#f6f9fc!important;
}
.fare-search-detail-grid b{
  display:block!important;
  margin-bottom:3px!important;
  color:#244766!important;
  font-size:11.5px!important;
}
.fare-search-detail-grid span{
  display:block!important;
  color:#708298!important;
  font-size:10.8px!important;
  line-height:1.45!important;
  word-break:keep-all!important;
  overflow-wrap:break-word!important;
}

/* 검색결과 시작점도 더 명확하게 */
#pageSearchPanel .result-section{
  margin-top:18px!important;
}
#pageSearchPanel .area-title{
  align-items:center!important;
  padding:12px 14px!important;
  border:1px solid #dbe6f1!important;
  border-radius:12px!important;
  background:#f8fbff!important;
}
#pageSearchPanel .area-title h2{
  font-size:18px!important;
  line-height:1.3!important;
}
#pageSearchPanel .area-title .badge{
  font-size:10.8px!important;
}

/* Tablet */
@media(max-width:900px){
  .fare-search-head{display:block!important}
  .fare-search-provider{margin-top:9px!important}
  .fare-search-at-glance{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .fare-search-at-glance .fare-glance-card.vehicle{grid-column:1 / -1!important}
  .fare-glance-card{min-height:52px!important}
  .fare-search-detail-grid{grid-template-columns:1fr!important}
}

/* Mobile */
@media(max-width:600px){
  #topFareSearch.fare-search-simple{
    padding:15px!important;
    border-radius:16px!important;
  }
  .fare-search-title-wrap h2{
    font-size:17px!important;
  }
  .fare-search-title-wrap p{
    font-size:11.7px!important;
  }
  #topFareSearch .fare-search-main-row{
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  .fare-search-at-glance{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .fare-search-at-glance .fare-glance-card.vehicle{grid-column:1 / -1!important}
  .fare-glance-card{min-height:54px!important}

  #topFareSearch .search-input,
  #topFareSearch .search-btn{
    height:52px!important;
  }
  #topFareSearch .search-btn{
    width:100%!important;
  }
  .fare-quick-search{
    gap:6px!important;
  }
  .fare-quick-label{
    width:100%!important;
  }
  .fare-quick-search button{
    min-height:29px!important;
    padding:0 9px!important;
    font-size:11px!important;
  }
  #topFareSearch .fare-search-status{
    font-size:11px!important;
  }
  .fare-glance-card{
    padding:9px 10px!important;
  }
}

/* V13.73: 출국/입국 방향별 요금을 명확히 분리 */
.direction-glance .fare-glance-no{
  flex-basis:42px!important;
  width:42px!important;
  min-width:42px!important;
  height:30px!important;
  border-radius:999px!important;
  font-size:10.5px!important;
}
.direction-glance .fare-glance-card.departure .fare-glance-no{
  background:#eaf3ff!important;
  color:#0b63ce!important;
}
.direction-glance .fare-glance-card.arrival .fare-glance-no{
  background:#edf8f2!important;
  color:#267044!important;
}
.direction-glance .fare-glance-card.vehicle .fare-glance-no{
  background:#f2ebfb!important;
  color:#6e35b7!important;
}
.auto-direction{
  min-width:0!important;
  border:1px solid #dce6f0!important;
  border-radius:14px!important;
  padding:13px!important;
  background:#fff!important;
}
.auto-direction + .auto-direction{
  margin-top:11px!important;
}
.auto-direction.departure{
  border-left:4px solid #2f79d7!important;
}
.auto-direction.arrival{
  border-left:4px solid #2f8a5a!important;
}
.auto-direction-title{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  min-width:0!important;
}
.auto-direction-title > b{
  min-width:0!important;
  color:#1d3957!important;
  font-size:13px!important;
  line-height:1.35!important;
  word-break:keep-all!important;
}
.direction-badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:42px!important;
  height:24px!important;
  padding:0 8px!important;
  border-radius:999px!important;
  font-size:10.5px!important;
  font-weight:950!important;
  white-space:nowrap!important;
}
.direction-badge.departure{
  background:#eaf3ff!important;
  color:#0b63ce!important;
}
.direction-badge.arrival{
  background:#edf8f2!important;
  color:#267044!important;
}
.auto-direction-route{
  margin:5px 0 4px!important;
  color:#75869a!important;
  font-size:10.8px!important;
  line-height:1.35!important;
  white-space:normal!important;
  word-break:keep-all!important;
  overflow-wrap:break-word!important;
}
.auto-airport-head{
  align-items:flex-start!important;
}
.auto-airport-head > span{
  text-align:right!important;
  white-space:normal!important;
  line-height:1.3!important;
}
@media(max-width:600px){
  .auto-direction{padding:10px!important}
  .auto-direction-title > b{font-size:11.8px!important}
  .auto-direction-route{font-size:9.8px!important}
  .auto-airport-head{
    display:block!important;
  }
  .auto-airport-head > span{
    display:block!important;
    margin-top:4px!important;
    text-align:left!important;
  }
}

/* V13.74: 빠른검색 제거 + 모바일에서도 잘리지 않는 지역 입력 안내 */
.fare-search-input-guide{
  display:block!important;
  width:100%!important;
  margin:2px 0 8px!important;
  padding:9px 11px!important;
  box-sizing:border-box!important;
  border:1px solid #dbe6f1!important;
  border-radius:10px!important;
  background:#f7faff!important;
  color:#4f6782!important;
  font-size:12.4px!important;
  font-weight:750!important;
  line-height:1.45!important;
  letter-spacing:-.1px!important;
  white-space:normal!important;
  word-break:keep-all!important;
  overflow-wrap:break-word!important;
}
.fare-search-input-guide b{
  color:#0b63ce!important;
  font-weight:950!important;
}
#topFareSearch .fare-search-main-row{
  margin-top:0!important;
}
#topFareSearch .search-input{
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
#topFareSearch .search-input::placeholder{
  font-size:14px!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
@media(max-width:600px){
  .fare-search-input-guide{
    margin:0 0 8px!important;
    padding:8px 9px!important;
    font-size:11.4px!important;
    line-height:1.45!important;
  }
  #topFareSearch .search-input{
    padding-left:41px!important;
    padding-right:10px!important;
    font-size:14px!important;
  }
  #topFareSearch .search-input::placeholder{
    font-size:12.4px!important;
  }
}
@media(max-width:390px){
  .fare-search-input-guide{
    font-size:10.9px!important;
    line-height:1.4!important;
  }
  #topFareSearch .search-input::placeholder{
    font-size:11.6px!important;
  }
}

/* V13.75: 콜밴 할증 없음 상단 배치 + 콜밴/미니버스 일반택시 문구 제거 */
.fixed-vehicle-card > h3{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  min-width:0!important;
}
.fixed-vehicle-card > h3 > span:first-child{
  min-width:0!important;
  word-break:keep-all!important;
  white-space:nowrap!important;
}
.fixed-no-surcharge-badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:24px!important;
  padding:3px 8px!important;
  border:1px solid #cfe4d8!important;
  border-radius:999px!important;
  background:#edf8f2!important;
  color:#267044!important;
  font-size:10.8px!important;
  font-weight:950!important;
  line-height:1.15!important;
  white-space:nowrap!important;
}
@media(max-width:600px){
  .fixed-vehicle-card > h3{
    gap:5px!important;
  }
  .fixed-no-surcharge-badge{
    min-height:22px!important;
    padding:3px 7px!important;
    font-size:10px!important;
  }
}

/* V13.81: 출국/입국 좌우 배치 + 콜밴/미니버스 좌우 배치 */

/* 방향별 요금이 들어가는 카드는 전체 가로폭 사용 */
.vehicle-grid > .meter-search-card,
.vehicle-grid > .international-search-card{
  grid-column:1 / -1!important;
}

/* 출국 / 입국 */
.auto-direction-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  padding:10px!important;
  min-width:0!important;
  align-items:stretch!important;
}
.auto-direction-grid .auto-direction{
  min-width:0!important;
  margin:0!important;
  border:1px solid #dce6f0!important;
  border-radius:12px!important;
  overflow:hidden!important;
  background:#fff!important;
}
.auto-direction-grid .auto-direction + .auto-direction{
  margin-top:0!important;
}
.auto-direction-grid .auto-direction.departure{
  border-left:4px solid #2f79d7!important;
}
.auto-direction-grid .auto-direction.arrival{
  border-left:4px solid #2f8a5a!important;
}
.auto-direction-grid .auto-airport-error{
  min-width:0!important;
  border:1px solid #f0d7d7!important;
  border-radius:12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:120px!important;
}

/* 콜밴 / 미니버스 */
.fixed-vehicle-pair{
  grid-column:1 / -1!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  min-width:0!important;
}
.fixed-vehicle-pair > .fixed-vehicle-card{
  min-width:0!important;
  width:100%!important;
  box-sizing:border-box!important;
}

/* 반쪽 폭에서도 요금 행 글자 잘림 방지 */
.fixed-vehicle-pair .rate-horizontal{
  grid-template-columns:minmax(74px,.9fr) minmax(96px,1.05fr) minmax(96px,1.05fr)!important;
  gap:6px!important;
}
.fixed-vehicle-pair .rate-period,
.fixed-vehicle-pair .rate-pay-label,
.fixed-vehicle-pair .rate-pay-price{
  min-width:0!important;
}
.fixed-vehicle-pair .rate-period{
  white-space:normal!important;
  word-break:keep-all!important;
  line-height:1.3!important;
}
.fixed-vehicle-pair .rate-pay{
  min-width:0!important;
}
.fixed-vehicle-pair .rate-pay-price{
  white-space:nowrap!important;
}

/* 태블릿까지 좌우 유지 */
@media(max-width:900px) and (min-width:641px){
  .auto-direction-grid,
  .fixed-vehicle-pair{
    gap:8px!important;
  }
  .auto-direction-grid{
    padding:8px!important;
  }
  .auto-direction-grid .auto-fare-table th,
  .auto-direction-grid .auto-fare-table td{
    padding:7px 5px!important;
    font-size:10.8px!important;
  }
  .fixed-vehicle-pair .card{
    padding:12px!important;
  }
  .fixed-vehicle-pair .rate-horizontal{
    grid-template-columns:minmax(66px,.8fr) minmax(86px,1fr) minmax(86px,1fr)!important;
    gap:5px!important;
  }
  .fixed-vehicle-pair .rate-pay-label{
    font-size:10px!important;
  }
  .fixed-vehicle-pair .rate-pay-price{
    font-size:12px!important;
  }
}

/* 모바일에서도 출국/입국은 좌우 배치 유지 */
@media(max-width:640px){
  .auto-direction-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    padding:8px!important;
  }
  .auto-direction-grid .auto-direction + .auto-direction{
    margin-top:0!important;
  }
  .auto-direction-grid .auto-fare-table th,
  .auto-direction-grid .auto-fare-table td{
    padding:6px 4px!important;
    font-size:10.2px!important;
  }
  .auto-direction-grid .auto-direction-head{
    padding:10px 10px 8px!important;
  }
  .auto-direction-grid .auto-direction-head b{
    font-size:13px!important;
  }
  .auto-direction-grid .auto-direction-head span,
  .auto-direction-grid .auto-direction-copy,
  .auto-direction-grid .auto-direction-note{
    font-size:10.4px!important;
    line-height:1.4!important;
  }
  .fixed-vehicle-pair{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
}


/* SOURCE: /assets/customer-header-responsive-v1384.css */
/* V13.84 CUSTOMER HEADER RESPONSIVE CONTRACT
   모든 고객 페이지가 동일한 헤더 규칙을 사용하도록 마지막에 로드합니다.
   - PC 1180px 이상: 전체 내비게이션
   - 태블릿/폴더블 1179px 이하: 로고 + 전화번호 + 메뉴 버튼
   - 모바일 767px 이하: 축소 헤더
*/

.site-header.ot-site-header{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  z-index:9999!important;
  background:#fff!important;
  border-bottom:1px solid #e7edf4!important;
  box-shadow:0 2px 10px rgba(8,39,84,.06)!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}
.site-header .header-inner.ot-header-inner,
.site-header .brand.ot-brand,
.site-header .brand.ot-brand img,
.site-header .nav.ot-nav,
.site-header .phone.ot-phone,
.site-header .menu-btn.ot-menu-btn,
.header-spacer.ot-header-spacer{
  box-sizing:border-box!important;
}

/* PC */
@media (min-width:1180px){
  .site-header.ot-site-header{
    height:76px!important;
    min-height:76px!important;
    max-height:76px!important;
  }
  .site-header .header-inner.ot-header-inner{
    width:100%!important;
    max-width:1180px!important;
    height:76px!important;
    min-height:76px!important;
    margin:0 auto!important;
    padding:0 20px!important;
    display:grid!important;
    grid-template-columns:240px minmax(0,1fr) auto!important;
    grid-template-rows:76px!important;
    align-items:center!important;
    gap:16px!important;
  }
  .site-header .brand.ot-brand{
    grid-column:1!important;
    grid-row:1!important;
    width:240px!important;
    min-width:0!important;
    max-width:240px!important;
    height:68px!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    overflow:hidden!important;
    line-height:0!important;
  }
  .site-header .brand.ot-brand img{
    width:240px!important;
    max-width:100%!important;
    height:62px!important;
    max-height:62px!important;
    object-fit:contain!important;
    object-position:left center!important;
  }
  .site-header .nav.ot-nav{
    grid-column:2!important;
    grid-row:1!important;
    min-width:0!important;
    width:100%!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex-wrap:nowrap!important;
    gap:clamp(8px,1vw,14px)!important;
    overflow:visible!important;
    transform:none!important;
  }
  .site-header .nav.ot-nav a{
    flex:0 0 auto!important;
    min-width:0!important;
    white-space:nowrap!important;
    font-size:clamp(13.2px,1.05vw,15.4px)!important;
    line-height:1.15!important;
  }
  .site-header .phone.ot-phone{
    grid-column:3!important;
    grid-row:1!important;
    justify-self:end!important;
    align-self:center!important;
    width:auto!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    font-size:clamp(17px,1.45vw,20px)!important;
    line-height:1!important;
    white-space:nowrap!important;
    transform:none!important;
  }
  .site-header .menu-btn.ot-menu-btn,
  #otFullMenuBtn,
  #otFullMenuBackdrop,
  #otFullMenuPanel{
    display:none!important;
  }
  .header-spacer.ot-header-spacer{
    height:76px!important;
    min-height:76px!important;
    max-height:76px!important;
  }
}

/* 태블릿 / 펼친 폴더블 */
@media (max-width:1179px){
  .site-header.ot-site-header{
    height:76px!important;
    min-height:76px!important;
    max-height:76px!important;
  }
  .site-header .header-inner.ot-header-inner{
    width:100%!important;
    max-width:none!important;
    height:76px!important;
    min-height:76px!important;
    margin:0!important;
    padding:0 16px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto auto!important;
    grid-template-rows:76px!important;
    align-items:center!important;
    gap:10px!important;
  }
  .site-header .brand.ot-brand{
    grid-column:1!important;
    grid-row:1!important;
    width:220px!important;
    min-width:0!important;
    max-width:220px!important;
    height:68px!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    overflow:hidden!important;
    line-height:0!important;
  }
  .site-header .brand.ot-brand img{
    width:220px!important;
    max-width:100%!important;
    height:62px!important;
    max-height:62px!important;
    object-fit:contain!important;
    object-position:left center!important;
  }
  .site-header .nav.ot-nav{
    display:none!important;
  }
  .site-header .phone.ot-phone{
    display:block!important;
    grid-column:2!important;
    grid-row:1!important;
    justify-self:end!important;
    align-self:center!important;
    width:auto!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    font-size:18px!important;
    line-height:1!important;
    white-space:nowrap!important;
    transform:none!important;
  }
  .site-header .menu-btn.ot-menu-btn,
  #otFullMenuBtn{
    display:flex!important;
    grid-column:3!important;
    grid-row:1!important;
    align-items:center!important;
    justify-content:center!important;
    width:54px!important;
    min-width:54px!important;
    height:42px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid #d5e2ef!important;
    border-radius:11px!important;
    background:#f5f8fc!important;
    color:#0b63ce!important;
    font-family:inherit!important;
    font-size:14px!important;
    font-weight:900!important;
    line-height:1!important;
    cursor:pointer!important;
  }
  .header-spacer.ot-header-spacer{
    height:76px!important;
    min-height:76px!important;
    max-height:76px!important;
  }

  #otFullMenuBackdrop{
    display:none!important;
    position:fixed!important;
    z-index:9997!important;
    top:76px!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    background:rgba(9,31,58,.42)!important;
  }
  #otFullMenuBackdrop.open{
    display:block!important;
  }
  #otFullMenuPanel{
    display:block!important;
    position:fixed!important;
    z-index:9998!important;
    top:76px!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    max-height:calc(100vh - 76px)!important;
    padding:18px 16px 22px!important;
    background:#fff!important;
    border-top:1px solid #e6edf5!important;
    box-shadow:0 14px 30px rgba(14,45,82,.18)!important;
    transform:translateY(-110%)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:transform .18s ease,opacity .18s ease,visibility .18s ease!important;
    overflow-y:auto!important;
  }
  #otFullMenuPanel.open{
    transform:translateY(0)!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  #otFullMenuPanel .ot-full-menu-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:9px!important;
  }
  #otFullMenuPanel .ot-full-menu-link{
    min-width:0!important;
    white-space:normal!important;
    word-break:keep-all!important;
  }
  body.ot-full-menu-open{
    overflow:hidden!important;
  }
}

/* 모바일 */
@media (max-width:767px){
  .site-header.ot-site-header{
    height:72px!important;
    min-height:72px!important;
    max-height:72px!important;
  }
  .site-header .header-inner.ot-header-inner{
    height:72px!important;
    min-height:72px!important;
    grid-template-rows:72px!important;
    padding:0 10px!important;
    gap:6px!important;
  }
  .site-header .brand.ot-brand{
    width:170px!important;
    max-width:170px!important;
    height:64px!important;
  }
  .site-header .brand.ot-brand img{
    width:170px!important;
    height:56px!important;
    max-height:56px!important;
  }
  .site-header .phone.ot-phone{
    font-size:14.2px!important;
  }
  .site-header .menu-btn.ot-menu-btn,
  #otFullMenuBtn{
    width:48px!important;
    min-width:48px!important;
    height:40px!important;
    font-size:13.2px!important;
  }
  .header-spacer.ot-header-spacer{
    height:72px!important;
    min-height:72px!important;
    max-height:72px!important;
  }
  #otFullMenuBackdrop{
    top:72px!important;
  }
  #otFullMenuPanel{
    top:72px!important;
    max-height:calc(100vh - 72px)!important;
  }
  #otFullMenuPanel .ot-full-menu-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* 좁은 모바일 */
@media (max-width:390px){
  .site-header .brand.ot-brand{
    width:150px!important;
    max-width:150px!important;
  }
  .site-header .brand.ot-brand img{
    width:150px!important;
  }
  .site-header .phone.ot-phone{
    font-size:12.7px!important;
  }
  .site-header .menu-btn.ot-menu-btn,
  #otFullMenuBtn{
    width:45px!important;
    min-width:45px!important;
    font-size:13px!important;
  }
}


/* V13.94 OVERLAP SAFE OVERRIDE: menu icon + label width is accounted for */
@media (max-width:1179px){
  .site-header .header-inner.ot-header-inner{grid-template-columns:minmax(0,1fr) auto 68px!important;gap:8px!important;padding-left:12px!important;padding-right:12px!important}
  .site-header .brand.ot-brand{width:220px!important;max-width:30vw!important;min-width:0!important}
  .site-header .brand.ot-brand img{width:100%!important;max-width:100%!important}
  .site-header .phone.ot-phone{min-width:0!important;max-width:180px!important;font-size:clamp(14px,2vw,18px)!important;letter-spacing:-.25px!important;overflow:hidden!important}
  .site-header .menu-btn.ot-menu-btn,#otFullMenuBtn{width:68px!important;min-width:68px!important;max-width:68px!important;padding:0 7px!important;gap:5px!important;overflow:hidden!important}
}
@media (max-width:767px){
  .site-header .header-inner.ot-header-inner{grid-template-columns:minmax(0,1fr) auto 64px!important;padding:0 8px!important;gap:6px!important}
  .site-header .brand.ot-brand{width:170px!important;max-width:42vw!important;min-width:0!important}
  .site-header .brand.ot-brand img{width:100%!important;max-width:100%!important}
  .site-header .phone.ot-phone{max-width:30vw!important;font-size:clamp(11.5px,3.35vw,14.2px)!important;letter-spacing:-.45px!important;overflow:hidden!important}
  .site-header .menu-btn.ot-menu-btn,#otFullMenuBtn{width:64px!important;min-width:64px!important;max-width:64px!important;padding:0 5px!important;gap:4px!important;font-size:12.6px!important;overflow:hidden!important}
}
@media (max-width:390px){
  .site-header .header-inner.ot-header-inner{grid-template-columns:minmax(0,1fr) auto 60px!important;padding:0 7px!important;gap:5px!important}
  .site-header .brand.ot-brand{width:150px!important;max-width:40vw!important}
  .site-header .phone.ot-phone{max-width:29vw!important;font-size:clamp(11px,3.2vw,12.5px)!important;letter-spacing:-.55px!important}
  .site-header .menu-btn.ot-menu-btn,#otFullMenuBtn{width:60px!important;min-width:60px!important;max-width:60px!important;padding:0 4px!important;gap:3px!important;font-size:12px!important}
}


/* SOURCE: /assets/bundles/fares-styles-02.css */
/* V13.90 GLOBAL UI: button alignment, compact swipe, text clipping, menu list icon */
:root{--ot-ui-btn-h:40px;--ot-ui-btn-min:104px}
html,body{max-width:100%;overflow-x:hidden}
body :where(.card,.box,.item,.panel,.section,.wrap,.details,.content,[class*="-card"],[class*="-row"],[class*="-item"]){min-width:0}
body :where(h1,h2,h3,h4,p,label,.small,.sub,.meta,td,th){max-width:100%;overflow-wrap:anywhere;word-break:keep-all}
body :where(button,.btn,.button,a.btn,input[type="submit"],input[type="button"]){
  min-height:var(--ot-ui-btn-h);box-sizing:border-box;line-height:1.2;white-space:normal!important;overflow:hidden!important;overflow-wrap:anywhere!important;text-overflow:clip!important;
  display:inline-flex;align-items:center;justify-content:center;text-align:center;
}
body :where(.actions,.booking-actions,.signup-actions,.portal-actions,.home-member-actions,.form-actions,.driver-row-actions,.driver-registration-actions,.ride-operation-actions,.pin-change-actions,.driver-license-review-actions,.driver-qualification-actions,.commission-status-actions){
  display:flex!important;flex-wrap:wrap!important;align-items:stretch!important;gap:8px!important;
}
body :where(.actions,.booking-actions,.signup-actions,.portal-actions,.home-member-actions,.form-actions,.driver-row-actions,.driver-registration-actions,.ride-operation-actions,.pin-change-actions,.driver-license-review-actions,.driver-qualification-actions,.commission-status-actions) > :where(button,.btn,a.btn){
  min-width:var(--ot-ui-btn-min);min-height:var(--ot-ui-btn-h);margin:0!important;
}
/* menu list icon */
.ot-menu-list-icon{width:18px;height:18px;display:inline-flex;flex:0 0 18px;align-items:center;justify-content:center}
.ot-menu-list-icon svg{width:18px;height:18px;display:block}
#otFullMenuBtn,.menu-btn.ot-menu-btn{gap:6px!important;align-items:center!important;justify-content:center!important}
#adminMenuToggle .ot-menu-list-icon{width:22px;height:22px;flex-basis:22px}
#adminMenuToggle .ot-menu-list-icon svg{width:22px;height:22px}
/* compact horizontal swipe/data tables */
body :where([class*="table-wrap"],.policy-table,.admin-data-table,.ops-list){max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;scrollbar-width:thin}
body table{max-width:100%}
@media(max-width:900px){
  body table{font-size:11px!important;line-height:1.35!important}
  body table :where(th,td){padding:6px 5px!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:keep-all!important}
  body :where([class*="table-wrap"],.policy-table) table{min-width:620px!important}
  body :where(.actions,.booking-actions,.signup-actions,.portal-actions,.home-member-actions,.form-actions,.driver-row-actions,.driver-registration-actions,.ride-operation-actions,.pin-change-actions,.driver-license-review-actions,.driver-qualification-actions,.commission-status-actions) > :where(button,.btn,a.btn){
    flex:1 1 calc(50% - 4px)!important;min-width:0!important;max-width:none!important
  }
}
@media(max-width:480px){
  :root{--ot-ui-btn-h:42px}
  body :where(h1,h2,h3,h4,p,label,.small,.sub,.meta,td,th){overflow-wrap:anywhere!important}
}

/* V13.93 CUSTOMER MENU FIX: final mobile override */
@media(max-width:767px){
  .site-header .nav.ot-nav{display:none!important;}
  .site-header .menu-btn.ot-menu-btn,
  #otFullMenuBtn{display:flex!important;}
  #otFullMenuBackdrop{display:none!important;}
  #otFullMenuBackdrop.open{display:block!important;}
  #otFullMenuPanel{display:block!important;}
  #otFullMenuPanel.open{
    transform:translateY(0)!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
}

/* V13.94: final overlap / clipping guard for public pages */
html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
body :where(main,section,article,.wrap,.container,.card,.box,.panel,.row,.grid,[class*="-card"],[class*="-row"],[class*="-grid"]){min-width:0;max-width:100%}
body :where(img,video,canvas,iframe){max-width:100%;height:auto}
body :where(input,select,textarea){min-width:0;max-width:100%;box-sizing:border-box}
body :where(button,.btn,.button,a.btn,input[type="submit"],input[type="button"]){max-width:100%;min-width:0;overflow:hidden!important;overflow-wrap:anywhere!important}

/* tablet/fold: reserve real width for icon + menu label */
@media(max-width:1179px){
  .site-header .header-inner.ot-header-inner{
    grid-template-columns:minmax(0,1fr) auto 68px!important;
    padding-left:12px!important;padding-right:12px!important;gap:8px!important;
    overflow:visible!important;
  }
  .site-header .brand.ot-brand{width:220px!important;max-width:30vw!important;min-width:0!important;overflow:hidden!important}
  .site-header .brand.ot-brand img{width:100%!important;max-width:100%!important}
  .site-header .phone.ot-phone{
    min-width:0!important;max-width:180px!important;
    font-size:clamp(14px,2vw,18px)!important;letter-spacing:-.25px!important;
    overflow:hidden!important;text-overflow:clip!important;white-space:nowrap!important;
  }
  .site-header .menu-btn.ot-menu-btn,#otFullMenuBtn{
    width:68px!important;min-width:68px!important;max-width:68px!important;
    padding:0 7px!important;gap:5px!important;overflow:hidden!important;white-space:nowrap!important;
  }
}

/* phone: logo / phone / menu must always fit in one row */
@media(max-width:767px){
  .site-header.ot-site-header{height:72px!important;min-height:72px!important;max-height:72px!important;overflow:visible!important}
  .site-header .header-inner.ot-header-inner{
    width:100%!important;height:72px!important;min-height:72px!important;
    display:grid!important;grid-template-columns:minmax(0,1fr) auto 64px!important;grid-template-rows:72px!important;
    align-items:center!important;padding:0 8px!important;gap:6px!important;overflow:visible!important;
  }
  .site-header .brand.ot-brand{
    grid-column:1!important;grid-row:1!important;width:170px!important;max-width:42vw!important;min-width:0!important;height:64px!important;
    overflow:hidden!important;
  }
  .site-header .brand.ot-brand img{display:block!important;width:100%!important;max-width:100%!important;height:56px!important;max-height:56px!important;object-fit:contain!important;object-position:left center!important}
  .site-header .phone.ot-phone{
    grid-column:2!important;grid-row:1!important;justify-self:end!important;
    min-width:0!important;max-width:30vw!important;margin:0!important;padding:0!important;
    font-size:clamp(11.5px,3.35vw,14.2px)!important;letter-spacing:-.45px!important;line-height:1!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important;
  }
  .site-header .menu-btn.ot-menu-btn,#otFullMenuBtn{
    grid-column:3!important;grid-row:1!important;justify-self:end!important;
    width:64px!important;min-width:64px!important;max-width:64px!important;height:40px!important;
    padding:0 5px!important;gap:4px!important;font-size:12.6px!important;line-height:1!important;
    white-space:nowrap!important;overflow:hidden!important;
  }
  #otFullMenuBtn .ot-menu-list-icon,.site-header .menu-btn.ot-menu-btn .ot-menu-list-icon{width:16px!important;height:16px!important;flex:0 0 16px!important}
  #otFullMenuBtn .ot-menu-list-icon svg,.site-header .menu-btn.ot-menu-btn .ot-menu-list-icon svg{width:16px!important;height:16px!important}
  #otFullMenuPanel{
    left:0!important;right:0!important;width:100%!important;max-width:100vw!important;box-sizing:border-box!important;
    overflow-x:hidden!important;
  }
  #otFullMenuPanel .ot-full-menu-grid{width:100%!important;max-width:100%!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #otFullMenuPanel .ot-full-menu-link{min-width:0!important;max-width:100%!important;white-space:normal!important;overflow:hidden!important;overflow-wrap:anywhere!important}
  .header-spacer.ot-header-spacer{height:72px!important;min-height:72px!important;max-height:72px!important}

  body :where(.actions,.booking-actions,.signup-actions,.portal-actions,.home-member-actions,.form-actions) > :where(button,.btn,a.btn){
    height:auto!important;min-height:42px!important;white-space:normal!important;overflow:hidden!important;overflow-wrap:anywhere!important;
  }
}

@media(max-width:390px){
  .site-header .header-inner.ot-header-inner{grid-template-columns:minmax(0,1fr) auto 60px!important;padding:0 7px!important;gap:5px!important}
  .site-header .brand.ot-brand{width:150px!important;max-width:40vw!important}
  .site-header .phone.ot-phone{max-width:29vw!important;font-size:clamp(11px,3.2vw,12.5px)!important;letter-spacing:-.55px!important}
  .site-header .menu-btn.ot-menu-btn,#otFullMenuBtn{width:60px!important;min-width:60px!important;max-width:60px!important;padding:0 4px!important;gap:3px!important;font-size:12px!important}
  #otFullMenuBtn .ot-menu-list-icon,.site-header .menu-btn.ot-menu-btn .ot-menu-list-icon{width:15px!important;height:15px!important;flex-basis:15px!important}
  #otFullMenuBtn .ot-menu-list-icon svg,.site-header .menu-btn.ot-menu-btn .ot-menu-list-icon svg{width:15px!important;height:15px!important}
}

@media(max-width:340px){
  .site-header .header-inner.ot-header-inner{grid-template-columns:minmax(0,1fr) auto 58px!important;padding:0 6px!important;gap:4px!important}
  .site-header .brand.ot-brand{width:128px!important;max-width:39vw!important}
  .site-header .phone.ot-phone{max-width:30vw!important;font-size:10.6px!important;letter-spacing:-.65px!important}
  .site-header .menu-btn.ot-menu-btn,#otFullMenuBtn{width:58px!important;min-width:58px!important;max-width:58px!important;font-size:11.5px!important}
}

/* V13.95 CUSTOMER MENU HARD FIX - one button / one handler */
#otFullMenuBtn{position:relative!important;z-index:10002!important;pointer-events:auto!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important}
#otFullMenuBtn .ot-menu-list-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 17px!important;width:17px!important;height:17px!important}
#otFullMenuBtn .ot-menu-list-icon svg{display:block!important;width:17px!important;height:17px!important}
#otFullMenuBtn .ot-menu-label{display:inline-block!important;white-space:nowrap!important}
@media(max-width:767px){
  .site-header .header-inner.ot-header-inner{grid-template-columns:minmax(0,1fr) auto 72px!important;padding:0 8px!important;gap:5px!important}
  .site-header .brand.ot-brand{width:154px!important;max-width:43vw!important}
  .site-header .phone.ot-phone{max-width:31vw!important;font-size:clamp(11.5px,3.2vw,13.8px)!important;letter-spacing:-.55px!important}
  #otFullMenuBtn{display:inline-flex!important;width:72px!important;min-width:72px!important;max-width:72px!important;height:42px!important;padding:0 7px!important;gap:5px!important;overflow:hidden!important}
  #otFullMenuPanel{display:block!important;box-sizing:border-box!important;left:0!important;right:0!important;width:100%!important;max-width:100vw!important}
  #otFullMenuBackdrop{display:none!important}
  #otFullMenuBackdrop.open{display:block!important}
  #otFullMenuPanel:not(.open){transform:translateY(-110%)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}
  #otFullMenuPanel.open{transform:translateY(0)!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}
}
@media(max-width:390px){
  .site-header .header-inner.ot-header-inner{grid-template-columns:minmax(0,1fr) auto 68px!important;gap:4px!important}
  .site-header .brand.ot-brand{width:142px!important;max-width:40vw!important}
  .site-header .phone.ot-phone{max-width:30vw!important;font-size:11.5px!important}
  #otFullMenuBtn{width:68px!important;min-width:68px!important;max-width:68px!important;padding:0 5px!important;gap:4px!important;font-size:12px!important}
}
@media(max-width:340px){
  .site-header .brand.ot-brand{width:124px!important;max-width:38vw!important}
  .site-header .phone.ot-phone{font-size:10.5px!important;max-width:29vw!important}
  #otFullMenuBtn{width:66px!important;min-width:66px!important;max-width:66px!important}
}

/* V13.95b: hide stray raw menu glyphs, keep only canonical icon + label */
#otFullMenuBtn{font-size:0!important}
#otFullMenuBtn .ot-menu-list-icon{font-size:0!important}
#otFullMenuBtn .ot-menu-label{font-size:12.6px!important;line-height:1!important}
@media(max-width:390px){#otFullMenuBtn .ot-menu-label{font-size:12px!important}}

/* V13.96: 대절요금제 모바일 6열 한 화면 표시 - 공통 min-width:620px 규칙보다 우선 */
@media(max-width:640px){
  #pageCharterPanel{
    padding-left:8px!important;
    padding-right:8px!important;
    overflow:hidden!important;
  }
  #pageCharterPanel .international-charter-table-wrap{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow-x:hidden!important;
  }
  #pageCharterPanel .international-charter-table-wrap .international-charter-table{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    table-layout:fixed!important;
    border-collapse:collapse!important;
    box-sizing:border-box!important;
  }
  #pageCharterPanel .international-charter-table th,
  #pageCharterPanel .international-charter-table td{
    min-width:0!important;
    max-width:none!important;
    padding:7px 1px!important;
    box-sizing:border-box!important;
    text-align:center!important;
    vertical-align:middle!important;
    line-height:1.15!important;
    overflow:hidden!important;
    text-overflow:clip!important;
  }
  #pageCharterPanel .international-charter-table thead th:first-child,
  #pageCharterPanel .international-charter-table tbody th{
    width:17%!important;
    font-size:8.5px!important;
    letter-spacing:-.55px!important;
    white-space:normal!important;
    word-break:keep-all!important;
    overflow-wrap:anywhere!important;
  }
  #pageCharterPanel .international-charter-table thead th:nth-child(n+2),
  #pageCharterPanel .international-charter-table tbody td{
    width:16.6%!important;
    font-size:8.6px!important;
    letter-spacing:-.65px!important;
    white-space:nowrap!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
  }
}
@media(max-width:360px){
  #pageCharterPanel{padding-left:6px!important;padding-right:6px!important}
  #pageCharterPanel .international-charter-table th,
  #pageCharterPanel .international-charter-table td{padding:6px 0!important}
  #pageCharterPanel .international-charter-table thead th:first-child,
  #pageCharterPanel .international-charter-table tbody th{font-size:7.8px!important;letter-spacing:-.65px!important}
  #pageCharterPanel .international-charter-table thead th:nth-child(n+2),
  #pageCharterPanel .international-charter-table tbody td{font-size:7.9px!important;letter-spacing:-.75px!important}
}


/* SOURCE: /assets/bundles/fares-styles-01.css */
/* V16.3: 지역검색 차량종류별 단일 탭 표시 */
.vehicle-fare-filter{margin:0 0 16px;padding:14px;border:1px solid #d7e3ef;border-radius:14px;background:#f8fbff}
.vehicle-fare-filter-title{margin:0 0 9px;color:#26496f;font-size:13.5px;font-weight:900}
.vehicle-fare-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.vehicle-fare-tab{height:44px;border:1px solid #cfddea;border-radius:11px;background:#fff;color:#35536f;font-size:14px;font-weight:900;cursor:pointer;transition:.15s ease}
.vehicle-fare-tab:hover{border-color:#86acd7;background:#f2f8ff}
.vehicle-fare-tab.active{background:#0b63ce;border-color:#0b63ce;color:#fff;box-shadow:0 5px 14px rgba(11,99,206,.18)}
.vehicle-fare-filter-note{margin:9px 2px 0;color:#72859a;font-size:12.5px;line-height:1.45}
#pageSearchPanel .vehicle-grid.single-vehicle-grid{grid-template-columns:minmax(0,1fr)!important}
#pageSearchPanel .vehicle-grid.single-vehicle-grid>.card,#pageSearchPanel .vehicle-grid.single-vehicle-grid>.fixed-vehicle-card{width:100%;max-width:none}
.international-fixed-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:#eaf4ff;color:#0b63ce;font-size:12px;font-weight:900}
.international-zone-note strong{color:#0b63ce}
@media(max-width:720px){.vehicle-fare-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.vehicle-fare-tab{height:42px;font-size:13px}}


/* SOURCE: /assets/customer-i18n-v1687.css */
/* V16.7.7 customer code-based multilingual UI */
.ot-customer-lang{position:relative;z-index:10020;display:flex;align-items:center;justify-content:center;box-sizing:border-box}
.ot-lang-btn{width:40px;height:40px;border:1px solid #d5e2ef;border-radius:12px;background:#fff;color:#0b63ce;display:flex;align-items:center;justify-content:center;gap:2px;padding:0 3px;cursor:pointer;box-shadow:0 2px 8px rgba(8,39,84,.08);font-family:inherit;box-sizing:border-box}
.ot-lang-btn:hover,.ot-lang-btn:focus-visible,.ot-customer-lang.open .ot-lang-btn{background:#eef6ff;border-color:#9fc6ee;outline:none}
.ot-lang-btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ot-lang-code{font-size:8.5px;font-weight:900;line-height:1;letter-spacing:-.2px;min-width:12px;text-align:center}
.ot-lang-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:142px;padding:7px;background:#fff;border:1px solid #dbe6f0;border-radius:12px;box-shadow:0 14px 34px rgba(8,39,84,.18);z-index:10030}
.ot-lang-menu[hidden]{display:none!important}
.ot-lang-menu button{display:block;width:100%;border:0;background:transparent;color:#16324f;text-align:left;padding:10px 12px;border-radius:8px;font-family:inherit;font-size:14px;font-weight:800;line-height:1.2;cursor:pointer;white-space:nowrap}
.ot-lang-menu button:hover,.ot-lang-menu button:focus-visible{background:#f1f7fd;outline:none}
.ot-lang-menu button.active{background:#e8f3ff;color:#075eb9}
.ot-lang-floating{position:fixed!important;top:12px;right:12px;z-index:12000!important}

/* Add the globe as a first-class header control without overlapping phone/menu. */
@media (min-width:1180px){
 .site-header .header-inner.ot-header-inner{grid-template-columns:240px minmax(0,1fr) 42px auto!important;gap:12px!important}
 .site-header .nav.ot-nav{grid-column:2!important}
 .site-header .ot-customer-lang{grid-column:3!important;grid-row:1!important;justify-self:end!important}
 .site-header .phone.ot-phone{grid-column:4!important}
 body.ot-lang-foreign .site-header .header-inner.ot-header-inner{grid-template-columns:205px minmax(0,1fr) 40px auto!important;gap:9px!important}
 body.ot-lang-foreign .site-header .brand.ot-brand{width:205px!important;max-width:205px!important}
 body.ot-lang-foreign .site-header .brand.ot-brand img{width:205px!important}
 body.ot-lang-foreign .site-header .nav.ot-nav{gap:clamp(5px,.65vw,9px)!important}
 body.ot-lang-foreign .site-header .nav.ot-nav a{font-size:clamp(11.5px,.91vw,13.2px)!important;letter-spacing:-.25px!important}
 body.ot-lang-foreign .site-header .phone.ot-phone{font-size:clamp(15px,1.2vw,18px)!important}
}
@media (max-width:1179px){
 .site-header .header-inner.ot-header-inner{grid-template-columns:minmax(0,1fr) auto 42px 68px!important;gap:7px!important}
 .site-header .phone.ot-phone{grid-column:2!important}
 .site-header .ot-customer-lang{grid-column:3!important;grid-row:1!important;justify-self:center!important}
 .site-header .menu-btn.ot-menu-btn,#otFullMenuBtn{grid-column:4!important}
}
@media (max-width:767px){
 .site-header .header-inner.ot-header-inner{grid-template-columns:minmax(0,1fr) auto 36px 60px!important;gap:5px!important;padding-left:8px!important;padding-right:8px!important}
 .site-header .brand.ot-brand{max-width:38vw!important}
 .site-header .phone.ot-phone{max-width:25vw!important;font-size:clamp(10.8px,3vw,13.4px)!important}
 .site-header .menu-btn.ot-menu-btn,#otFullMenuBtn{width:60px!important;min-width:60px!important;max-width:60px!important;font-size:11.8px!important}
 .ot-lang-btn{width:36px;height:36px;border-radius:10px;padding:0}
 .ot-lang-btn svg{width:21px;height:21px}
 .ot-lang-code{display:none}
 .ot-lang-menu{right:-64px;top:calc(100% + 7px);min-width:132px}
 .ot-lang-menu button{font-size:13.5px;padding:10px}
}
@media (max-width:390px){
 .site-header .header-inner.ot-header-inner{grid-template-columns:minmax(0,1fr) auto 34px 56px!important;gap:4px!important;padding-left:7px!important;padding-right:7px!important}
 .site-header .brand.ot-brand{width:145px!important;max-width:38vw!important}
 .site-header .phone.ot-phone{max-width:23vw!important;font-size:clamp(10px,2.8vw,11.8px)!important;letter-spacing:-.6px!important}
 .site-header .menu-btn.ot-menu-btn,#otFullMenuBtn{width:56px!important;min-width:56px!important;max-width:56px!important;padding:0 3px!important;font-size:11px!important}
 .ot-lang-btn{width:34px;height:34px}
 .ot-lang-btn svg{width:20px;height:20px}
}
/* Longer translated copy should wrap naturally instead of clipping. */
body.ot-lang-foreign button,body.ot-lang-foreign a,body.ot-lang-foreign label,body.ot-lang-foreign .card,body.ot-lang-foreign .notice,body.ot-lang-foreign .legal-box{word-break:normal;overflow-wrap:anywhere}
body.ot-lang-ja,body.ot-lang-zh{line-break:strict}


/* === V16.8.5 REPEATED LANGUAGE SWITCH + MOBILE FOREIGN LAYOUT === */
@media(max-width:720px){
  body.ot-lang-foreign #quick-service .home-quick-trip-toggle{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:100%!important;
    min-width:0!important;
  }
  body.ot-lang-foreign #quick-service .home-quick-trip-btn{
    min-width:0!important;
    height:auto!important;
    min-height:48px!important;
    padding:8px 7px!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:break-word!important;
    line-height:1.25!important;
  }
  body.ot-lang-foreign #quick-service .home-quick-trip-btn:nth-child(3){
    border-left:0!important;
    border-top:1px solid #0b63ce!important;
  }
  body.ot-lang-foreign #quick-service .home-quick-trip-btn:nth-child(4){
    border-top:1px solid #0b63ce!important;
  }
  body.ot-lang-en #quick-service .home-quick-copy p,
  body.ot-lang-en #quick-service .home-quick-copy h3{
    word-break:normal!important;
    overflow-wrap:break-word!important;
    writing-mode:horizontal-tb!important;
  }
}
/* === V16.8.5 END === */

/* === V16.8.7 FOREIGN-LANGUAGE MOBILE FIT / NO CLIP === */
@media (max-width:720px){
  /* Home quick reservation buttons: long English/Japanese/Chinese labels use a stable 2x2 grid. */
  body.ot-lang-foreign #quick-service .home-quick-trip-toggle{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
  }
  body.ot-lang-foreign #quick-service .home-quick-trip-btn{
    min-width:0!important;
    width:100%!important;
    height:auto!important;
    min-height:54px!important;
    padding:8px 8px!important;
    border-left:0!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:anywhere!important;
    line-height:1.22!important;
    text-align:center!important;
    box-sizing:border-box!important;
  }
  body.ot-lang-foreign #quick-service .home-quick-trip-btn:nth-child(even){
    border-left:1px solid #0b63ce!important;
  }
  body.ot-lang-foreign #quick-service .home-quick-trip-btn:nth-child(n+3){
    border-top:1px solid #0b63ce!important;
  }

  /* My Page benefit pills: allow translated copy to wrap inside each cell. */
  body.ot-lang-foreign #member-service .home-member-benefits{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:5px!important;
    align-items:stretch!important;
  }
  body.ot-lang-foreign #member-service .home-member-benefits span{
    min-width:0!important;
    min-height:48px!important;
    height:auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:6px 4px!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:anywhere!important;
    line-height:1.2!important;
    text-align:center!important;
    box-sizing:border-box!important;
  }

  /* Reservation trip-type controls: never let translated labels force horizontal overflow. */
  body.ot-lang-foreign #reserveForm .trip-type-buttons{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.ot-lang-foreign #reserveForm .trip-type-btn{
    min-width:0!important;
    width:100%!important;
    height:auto!important;
    min-height:52px!important;
    padding:8px 8px!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:anywhere!important;
    line-height:1.2!important;
    text-align:center!important;
    box-sizing:border-box!important;
  }

  /* Verification button: stack below phone field on translated mobile layouts. */
  body.ot-lang-foreign #reserveForm .phone-auth-line{
    grid-template-columns:minmax(0,1fr)!important;
    gap:8px!important;
    width:100%!important;
    min-width:0!important;
  }
  body.ot-lang-foreign #reserveForm .phone-auth-line > *{
    min-width:0!important;
    max-width:100%!important;
  }
  body.ot-lang-foreign #reserveForm .phone-auth-btn{
    grid-column:1!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:46px!important;
    padding:9px 10px!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:anywhere!important;
    line-height:1.2!important;
    box-sizing:border-box!important;
  }

  /* Fare-method cards: descriptions must wrap inside the card, never extend past it. */
  body.ot-lang-foreign #reserveForm .fare-method-options,
  body.ot-lang-foreign #reserveForm .fare-method-option,
  body.ot-lang-foreign #reserveForm .fare-method-title,
  body.ot-lang-foreign #reserveForm .fare-method-option small{
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  body.ot-lang-foreign #reserveForm .fare-method-option{
    overflow:hidden!important;
  }
  body.ot-lang-foreign #reserveForm .fare-method-title{
    flex-wrap:wrap!important;
  }
  body.ot-lang-foreign #reserveForm .fare-method-option small{
    padding-left:0!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:anywhere!important;
    line-height:1.45!important;
  }

  /* General translated form/card safety. */
  body.ot-lang-foreign #reserveView,
  body.ot-lang-foreign #reserveForm,
  body.ot-lang-foreign #reserveForm .field,
  body.ot-lang-foreign #reserveForm .reservation-fare-panel,
  body.ot-lang-foreign #reserveForm .intercity-distance-panel,
  body.ot-lang-foreign #reserveForm .charter-panel,
  body.ot-lang-foreign #reserveForm .departure-flight-panel{
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
}

@media (max-width:420px){
  body.ot-lang-en #quick-service .home-quick-trip-btn{
    font-size:11.4px!important;
  }
  body.ot-lang-en #member-service .home-member-benefits span{
    font-size:9.3px!important;
  }
  body.ot-lang-en #reserveForm .fare-method-option small{
    font-size:10.2px!important;
  }
}
/* === V16.8.7 END === */


/* SOURCE: /assets/global-button-size-v16980.css */
/* V16.9.8.0 - Global action button size normalization
   Standardizes action-button height, typography, padding and radius across customer, driver, partner and admin pages.
   Navigation tabs, language buttons, icon-only close/menu controls and FAQ toggles intentionally keep their specialized layout. */
:root{
  --ot-action-btn-height:44px;
  --ot-action-btn-pad-x:16px;
  --ot-action-btn-font-size:13.5px;
  --ot-action-btn-radius:10px;
}

:where(
  button.btn,
  a.btn,
  input.btn,
  .phone-auth-btn,
  .member-primary,
  .member-secondary,
  .search-btn,
  .driver-order-refresh,
  button.primary,
  button.secondary,
  input[type="submit"].primary,
  input[type="button"].primary
){
  box-sizing:border-box!important;
  height:var(--ot-action-btn-height)!important;
  min-height:var(--ot-action-btn-height)!important;
  max-height:var(--ot-action-btn-height)!important;
  padding:0 var(--ot-action-btn-pad-x)!important;
  border-radius:var(--ot-action-btn-radius)!important;
  font-size:var(--ot-action-btn-font-size)!important;
  line-height:1.15!important;
  font-weight:800!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  text-align:center!important;
  vertical-align:middle!important;
}

/* Preserve full/block-width behavior while keeping the same 44px height. */
:where(.btn.full,.btn.block,.member-primary,.search-btn)[style*="width:100%"],
:where(button.btn,a.btn,input.btn).full,
:where(button.btn,a.btn,input.btn).block{
  width:100%!important;
}

/* Action groups use the same vertical rhythm on all pages. */
:where(
  .actions,
  .form-actions,
  .signup-actions,
  .portal-actions,
  .pin-change-actions,
  .booking-actions,
  .driver-row-actions,
  .driver-registration-actions,
  .ride-operation-actions,
  .driver-license-review-actions,
  .driver-qualification-actions,
  .b2b-actions,
  .b2b-account-actions
){
  align-items:center!important;
}

/* Mobile keeps the exact same action-button height for consistency and touchability. */
@media(max-width:767px){
  :root{
    --ot-action-btn-height:44px;
    --ot-action-btn-pad-x:14px;
    --ot-action-btn-font-size:13px;
  }
}


/* SOURCE: /assets/mobile-tablet-ui-v161030.css */
/* V16.10.27 - mobile/tablet typography + equal action buttons.
   Desktop (>1024px) remains untouched.
   Font weights are NOT overridden here: original page/component emphasis is restored. */
@media screen and (max-width:1024px){
  :root{
    --ot-action-btn-min-height:38px;
    --ot-action-btn-pad-x:10px;
    --ot-action-btn-font-size:8.60625px; /* V16.10.25 10.125px × 0.85 */
    --ot-mobile-control-gap:8px;
  }

  /* Copy/forms: additional 15% reduction from V16.10.25. Keep original font-weight. */
  body :where(p,li,dd,dt,label,caption,.note,.desc,.description,.help,.hint,.caption,.status,.guide,.subtext,.meta,.copy){
    font-size:clamp(8.5px,.6375em,13.6px)!important;
  }
  body :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea){
    font-size:10.2px!important;
  }

  /* Buttons: additional 15% reduction. Do not override component weight. */
  body :where(
    button:not(.ot-lang-btn):not(.ot-menu-btn):not(.menu-btn):not(.admin-menu-toggle):not([class*="close"]),
    a.btn,
    input[type="submit"],
    input[type="button"]
  ){
    box-sizing:border-box!important;
    font-size:var(--ot-action-btn-font-size)!important;
    line-height:1.2!important;
  }

  /* Known same-row action groups: equal sizing + small gap. */
  body :where(
    .actions,.form-actions,.signup-actions,.portal-actions,.pin-change-actions,.booking-actions,
    .driver-row-actions,.driver-registration-actions,.ride-operation-actions,.driver-license-review-actions,
    .driver-qualification-actions,.b2b-actions,.b2b-account-actions,.fare-mode,.quick,.vehicle-fare-tabs,
    .trip-type-buttons,.booking-service-category-buttons,.member-actions,.member-tabs,.status-tabs,
    .booking-main-tabs,.ride-stage-filters,.analytics-presets,.admin-nav-buttons,.modal-actions,.button-row,
    .btn-row,.action-row,.departure-plan-actions,.phone-auth-line
  ){
    gap:var(--ot-mobile-control-gap)!important;
  }
  body :where(
    .actions,.form-actions,.signup-actions,.portal-actions,.pin-change-actions,.booking-actions,
    .driver-row-actions,.driver-registration-actions,.ride-operation-actions,.driver-license-review-actions,
    .driver-qualification-actions,.b2b-actions,.b2b-account-actions,.fare-mode,.quick,.vehicle-fare-tabs,
    .trip-type-buttons,.booking-service-category-buttons,.member-actions,.member-tabs,.status-tabs,
    .booking-main-tabs,.ride-stage-filters,.analytics-presets,.modal-actions,.button-row,.btn-row,.action-row,
    .departure-plan-actions
  ) > :where(button,a.btn,input[type="submit"],input[type="button"]){
    flex:1 1 0!important;
    min-width:0!important;
    min-height:var(--ot-action-btn-min-height)!important;
    height:auto!important;
    padding:7px var(--ot-action-btn-pad-x)!important;
    box-sizing:border-box!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    white-space:normal!important;
  }

  /* Reservation login bar: My Page / Logout must be exactly the same size. */
  .reservation-member-actions{
    display:flex!important;
    align-items:stretch!important;
    gap:var(--ot-mobile-control-gap)!important;
    width:100%!important;
  }
  .reservation-member-actions > #reservationMemberLink,
  .reservation-member-actions > #reservationMemberLogout{
    flex:1 1 0!important;
    width:0!important;
    min-width:0!important;
    min-height:42px!important;
    height:42px!important;
    margin:0!important;
    padding:0 12px!important;
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    line-height:1.15!important;
    font-size:var(--ot-action-btn-font-size)!important;
  }
  .reservation-member-actions > #reservationMemberLogout[hidden]{display:none!important;}

  /* Homepage quick reservation: prevent long translated labels from squeezing copy. */
  .home-quick-panel{
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:center!important;
    gap:14px!important;
  }
  .home-quick-copy{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    flex:0 0 auto!important;
  }
  .home-quick-copy p{
    width:auto!important;
    max-width:none!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:break-word!important;
  }
  .home-quick-trip-toggle{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:var(--ot-mobile-control-gap)!important;
    overflow:visible!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
  }
  .home-quick-trip-btn{
    width:100%!important;
    min-width:0!important;
    min-height:42px!important;
    height:auto!important;
    padding:7px 8px!important;
    border:1px solid #0b63ce!important;
    border-radius:8px!important;
    box-sizing:border-box!important;
    font-size:var(--ot-action-btn-font-size)!important;
    line-height:1.2!important;
    white-space:normal!important;
    text-align:center!important;
  }
  .home-quick-trip-btn + .home-quick-trip-btn{border-left:1px solid #0b63ce!important;}

  /* Admin: mobile/tablet controls remain normalized, original font weights restored. */
  #app :where(button:not(.admin-menu-toggle):not([class*="close"]),a.btn,input[type="button"],input[type="submit"]){
    min-height:var(--ot-action-btn-min-height)!important;
    height:auto!important;
    max-height:none!important;
    padding:7px var(--ot-action-btn-pad-x)!important;
    border-radius:9px!important;
    font-size:var(--ot-action-btn-font-size)!important;
    line-height:1.2!important;
    box-sizing:border-box!important;
    white-space:normal!important;
  }
  #app :where(.admin-nav-buttons,.status-tabs,.booking-main-tabs,.driver-order-admin-tabs,.ride-stage-filters,.commission-detail-status-tabs,.analytics-presets){
    gap:var(--ot-mobile-control-gap)!important;
  }
  #app :where(.status-tabs,.booking-main-tabs,.driver-order-admin-tabs,.ride-stage-filters,.commission-detail-status-tabs,.analytics-presets) > button{
    flex:1 1 0!important;
    min-width:0!important;
    width:auto!important;
  }
}

@media screen and (max-width:720px){
  .home-quick-trip-toggle{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}

/* V16.10.29 - Admin booking action grid: no horizontal scroll.
   Tablet: 3 equal columns. Mobile: 2 equal columns. Desktop untouched. */
@media screen and (max-width:1024px){
  #bookingsView .booking > .actions{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-auto-rows:minmax(48px,auto)!important;
    align-items:stretch!important;
    gap:8px!important;
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
    padding:2px 0 5px!important;
    margin-top:14px!important;
  }
  #bookingsView .booking > .actions > :where(button,.btn,a.btn){
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:48px!important;
    min-height:48px!important;
    max-height:48px!important;
    margin:0!important;
    padding:6px 7px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    white-space:normal!important;
    word-break:keep-all!important;
    overflow-wrap:break-word!important;
    line-height:1.15!important;
    box-sizing:border-box!important;
  }
}
@media screen and (max-width:640px){
  #bookingsView .booking > .actions{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}


/* V16.10.30 - MOBILE/TABLET FINAL TYPOGRAPHY + ADMIN ACTION GRID
   Desktop (>1024px) untouched.
   Typography is recalculated from the pre-reduction baseline at 70% size / approximately 70% weight. */
@media screen and (max-width:1024px){
  :root{
    --ot-action-btn-font-size:9.45px!important; /* 13.5px baseline x 70% */
    --ot-body-font-scale:.70;
    --ot-mobile-control-gap:8px;
  }

  /* baseline 70% typography: do not compound V16.10.24~27 reductions */
  body :where(p,li,dd,dt,label,small,caption,.small,.note,.desc,.description,.help,.hint,.status,.guide,.subtext,.meta,.copy){
    font-size:clamp(9px,.70em,14px)!important;
    font-weight:300!important;
  }
  body :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea){
    font-size:11.2px!important;
    font-weight:300!important;
  }
  body :where(td,th){font-size:70%!important;font-weight:300!important;}
  body :where(b,strong){font-weight:500!important;}
  body :where(h1,h2,h3,h4,h5,h6,legend,.title,.section-title,.card-title,.panel-title,.modal-title,.page-title,.hero-title,.fare-search-title,.admin-title,.member-title,.admin-login-brand,.admin-console-name){
    font-weight:500!important;
  }
  body :where(button:not(.ot-lang-btn):not(.ot-menu-btn):not(.menu-btn):not(.admin-menu-toggle):not([class*="close"]),a.btn,input[type="submit"],input[type="button"]){
    font-size:var(--ot-action-btn-font-size)!important;
    font-weight:400!important;
  }

  /* ADMIN: every action group uses one layout rule across all admin pages/tabs.
     Navigation/status tab bars are deliberately excluded. */
  #app :where(
    .actions,
    [class*="-actions"],
    .admin-review-toolbar,
    .analytics-toolbar-bottom,
    .b2b-period-toolbar,
    .cms-toolbar,
    .driver-registration-toolbar,
    .fare-toolbar,
    .ops-toolbar,
    .ride-ops-toolbar,
    .visual-cms-toolbar,
    .visual-cms-actionbox
  ):not(.admin-brand-actions):not(.admin-nav-buttons):not(.admin-permission-head){
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    gap:8px!important;
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
    align-items:stretch!important;
  }
  #app :where(
    .actions,
    [class*="-actions"],
    .admin-review-toolbar,
    .analytics-toolbar-bottom,
    .b2b-period-toolbar,
    .cms-toolbar,
    .driver-registration-toolbar,
    .fare-toolbar,
    .ops-toolbar,
    .ride-ops-toolbar,
    .visual-cms-toolbar,
    .visual-cms-actionbox
  ):not(.admin-brand-actions):not(.admin-nav-buttons):not(.admin-permission-head) > :where(button,a.btn,input[type="submit"],input[type="button"]){
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    min-height:44px!important;
    height:44px!important;
    max-height:44px!important;
    margin:0!important;
    padding:5px 6px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    white-space:normal!important;
    word-break:keep-all!important;
    overflow-wrap:break-word!important;
    line-height:1.15!important;
    box-sizing:border-box!important;
  }
  /* keep navigational/filter tab strips as navigation, not action grids */
  #app :where(.admin-nav-buttons,.status-tabs,.booking-main-tabs,.driver-order-admin-tabs,.ride-stage-filters,.commission-detail-status-tabs,.analytics-presets,.notify-category-tabs){
    display:flex!important;
    flex-wrap:wrap!important;
    gap:8px!important;
  }
}
@media screen and (max-width:640px){
  #app :where(
    .actions,
    [class*="-actions"],
    .admin-review-toolbar,
    .analytics-toolbar-bottom,
    .b2b-period-toolbar,
    .cms-toolbar,
    .driver-registration-toolbar,
    .fare-toolbar,
    .ops-toolbar,
    .ride-ops-toolbar,
    .visual-cms-toolbar,
    .visual-cms-actionbox
  ):not(.admin-brand-actions):not(.admin-nav-buttons):not(.admin-permission-head){
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* V16.10.30 consistency override for the previously more-specific booking action rule. */
@media screen and (max-width:1024px){
  #app #bookingsView .booking > .actions{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    grid-auto-rows:44px!important;
    gap:8px!important;
    overflow:visible!important;
  }
  #app #bookingsView .booking > .actions > :where(button,.btn,a.btn){
    width:100%!important;
    min-width:0!important;
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    padding:5px 6px!important;
    font-size:9.45px!important;
    font-weight:400!important;
  }
}
@media screen and (max-width:640px){
  #app #bookingsView .booking > .actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}


/* SOURCE: /assets/fares-mobile-v161035.css */
/* V16.10.32 - fare result readability redesign for mobile/tablet.
   Direction cards stack vertically, while each card keeps a compact horizontal fare table.
   Fare-page typography is restored to readable sizes without changing the rest of the site. */
@media screen and (max-width:1024px){
  .ot-fares-main{
    --fare-readable-body:14px;
    --fare-readable-small:12px;
    --fare-readable-head:15px;
    --fare-readable-price:15px;
  }

  /* Undo the global 70% typography reduction only inside the fare page. */
  .ot-fares-main :where(p,li,label,.note,.desc,.description,.help,.hint,.status,.guide,.subtext,.meta,.copy){
    font-size:var(--fare-readable-body)!important;
    line-height:1.5!important;
    font-weight:400!important;
  }
  .ot-fares-main :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea,button){
    font-size:13px!important;
    line-height:1.3!important;
  }
  .ot-fares-main :where(b,strong){font-weight:700!important;}

  .auto-direction-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:14px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding:10px!important;
    box-sizing:border-box!important;
  }
  .auto-direction-grid .auto-direction{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding:14px!important;
    box-sizing:border-box!important;
    border-radius:14px!important;
    background:#fff!important;
  }
  .auto-direction-grid .auto-direction + .auto-direction{margin-top:0!important;}

  .auto-direction-grid .auto-direction-title{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:7px!important;
    margin-bottom:6px!important;
  }
  .auto-direction-grid .auto-direction-title > b{
    font-size:16px!important;
    line-height:1.35!important;
    font-weight:700!important;
    color:#173a60!important;
  }
  .auto-direction-grid .direction-badge,
  .auto-direction-grid .outside-label{
    font-size:12px!important;
    line-height:1.2!important;
    font-weight:700!important;
    white-space:nowrap!important;
  }
  .auto-direction-grid .direction-badge{
    min-width:46px!important;
    height:27px!important;
    padding:0 9px!important;
  }
  .auto-direction-grid .auto-direction-route{
    margin:8px 0 6px!important;
    font-size:13px!important;
    line-height:1.45!important;
    color:#64758a!important;
    white-space:normal!important;
    overflow-wrap:break-word!important;
    word-break:keep-all!important;
  }
  .auto-direction-grid .auto-airport-meta{
    margin:0 0 10px!important;
    font-size:14px!important;
    line-height:1.45!important;
    font-weight:600!important;
  }

  /* Restore a real table. The previous mobile block layout created huge vertical cards. */
  .auto-direction-grid .auto-fare-table{
    display:table!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    table-layout:fixed!important;
    border-collapse:collapse!important;
    margin-top:6px!important;
  }
  .auto-direction-grid .auto-fare-table thead{display:table-header-group!important;}
  .auto-direction-grid .auto-fare-table tbody{display:table-row-group!important;width:auto!important;}
  .auto-direction-grid .auto-fare-table tr{
    display:table-row!important;
    width:auto!important;
    padding:0!important;
    border:0!important;
  }
  .auto-direction-grid .auto-fare-table th,
  .auto-direction-grid .auto-fare-table td{
    display:table-cell!important;
    width:auto!important;
    min-width:0!important;
    height:auto!important;
    padding:10px 6px!important;
    border-bottom:1px solid #e3e8ef!important;
    box-sizing:border-box!important;
    vertical-align:middle!important;
    text-align:right!important;
    writing-mode:horizontal-tb!important;
    text-orientation:mixed!important;
    white-space:normal!important;
    word-break:keep-all!important;
    overflow-wrap:normal!important;
    line-height:1.32!important;
  }
  .auto-direction-grid .auto-fare-table th{
    background:#f7f9fc!important;
    color:#52657a!important;
    font-size:12px!important;
    font-weight:700!important;
    text-align:center!important;
  }
  .auto-direction-grid .auto-fare-table th small{
    display:block!important;
    margin-top:2px!important;
    font-size:10px!important;
    line-height:1.2!important;
    font-weight:500!important;
    color:#7a8999!important;
  }
  .auto-direction-grid .auto-fare-table th:first-child,
  .auto-direction-grid .auto-fare-table td:first-child{
    width:25%!important;
    text-align:left!important;
  }
  .auto-direction-grid .auto-fare-table th:nth-child(2),
  .auto-direction-grid .auto-fare-table td:nth-child(2){width:21%!important;}
  .auto-direction-grid .auto-fare-table th:nth-child(3),
  .auto-direction-grid .auto-fare-table td:nth-child(3){width:21%!important;}
  .auto-direction-grid .auto-fare-table th:nth-child(4),
  .auto-direction-grid .auto-fare-table td:nth-child(4){width:33%!important;}
  .auto-direction-grid .auto-fare-table td{
    font-size:13px!important;
    font-weight:500!important;
    color:#26394e!important;
  }
  .auto-direction-grid .auto-fare-table td:first-child{
    font-size:12.5px!important;
    font-weight:700!important;
  }

  /* Remove labels injected by the old stacked-cell mobile layout. */
  .auto-direction-grid .auto-fare-table td:nth-child(2)::before,
  .auto-direction-grid .auto-fare-table td:nth-child(3)::before,
  .auto-direction-grid .auto-fare-table td:nth-child(4)::before{content:none!important;display:none!important;}

  .auto-direction-grid .auto-airport-badge{
    display:inline-flex!important;
    align-items:center!important;
    margin:4px 3px 0 0!important;
    padding:3px 6px!important;
    font-size:10.5px!important;
    line-height:1.2!important;
    font-weight:700!important;
    white-space:nowrap!important;
  }
  .auto-direction-grid .international-meter-price{
    display:table-cell!important;
    text-align:right!important;
  }
  .auto-direction-grid .international-meter-price span{
    display:block!important;
    font-size:var(--fare-readable-price)!important;
    line-height:1.2!important;
    font-weight:700!important;
    white-space:nowrap!important;
  }
  .auto-direction-grid .international-meter-price small{
    display:block!important;
    margin-top:3px!important;
    font-size:10.5px!important;
    line-height:1.25!important;
    font-weight:500!important;
    color:#60758d!important;
    white-space:normal!important;
  }
  .auto-airport-head b{font-size:15px!important;font-weight:700!important;}
  .auto-airport-head > span{font-size:12.5px!important;}
  .auto-airport-foot{font-size:12.5px!important;line-height:1.5!important;}
}

@media screen and (max-width:640px){
  .ot-fares-main{
    --fare-readable-body:13.5px;
    --fare-readable-price:14px;
  }
  .auto-direction-grid{gap:12px!important;padding:8px!important;}
  .auto-direction-grid .auto-direction{padding:12px 10px!important;}
  .auto-direction-grid .auto-direction-title > b{font-size:15px!important;}
  .auto-direction-grid .direction-badge,.auto-direction-grid .outside-label{font-size:11px!important;}
  .auto-direction-grid .auto-direction-route{font-size:12.5px!important;}
  .auto-direction-grid .auto-airport-meta{font-size:13px!important;}
  .auto-direction-grid .auto-fare-table th{font-size:11px!important;padding:8px 3px!important;letter-spacing:-.2px!important;}
  .auto-direction-grid .auto-fare-table th small{font-size:9px!important;}
  .auto-direction-grid .auto-fare-table td{font-size:12px!important;padding:9px 3px!important;letter-spacing:-.2px!important;}
  .auto-direction-grid .auto-fare-table td:first-child{font-size:11.5px!important;}
  .auto-direction-grid .auto-fare-table th:first-child,
  .auto-direction-grid .auto-fare-table td:first-child{width:26%!important;}
  .auto-direction-grid .auto-fare-table th:nth-child(2),
  .auto-direction-grid .auto-fare-table td:nth-child(2){width:20%!important;}
  .auto-direction-grid .auto-fare-table th:nth-child(3),
  .auto-direction-grid .auto-fare-table td:nth-child(3){width:20%!important;}
  .auto-direction-grid .auto-fare-table th:nth-child(4),
  .auto-direction-grid .auto-fare-table td:nth-child(4){width:34%!important;}
  .auto-direction-grid .international-meter-price small{font-size:9.5px!important;}
  .auto-direction-grid .auto-airport-badge{font-size:9.5px!important;padding:2px 5px!important;}
}

@media screen and (max-width:390px){
  .auto-direction-grid .auto-fare-table th{font-size:10.5px!important;}
  .auto-direction-grid .auto-fare-table td{font-size:11.5px!important;}
  .auto-direction-grid .international-meter-price span{font-size:13px!important;}
  .auto-direction-grid .international-meter-price small{font-size:9px!important;}
}

/* V16.10.33 - restore International Taxi as a fully separate fare table.
   Applies to region search and distance calculator. */
.international-separate-card{
  margin-top:14px!important;
  border:1px solid #d8c6f1!important;
  background:linear-gradient(180deg,#fbf9ff 0%,#fff 100%)!important;
}
.international-separate-card .international-inline-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  margin-bottom:8px!important;
}
.international-separate-card .international-inline-head h3{
  margin:0!important;
  color:#3f2865!important;
}
.international-table-wrap{width:100%!important;overflow:visible!important;}
.international-search-table,
.international-auto-table,
.international-distance-table{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  table-layout:fixed!important;
  border-collapse:collapse!important;
  background:#fff!important;
}
.international-search-table th,
.international-search-table td,
.international-auto-table th,
.international-auto-table td,
.international-distance-table th,
.international-distance-table td{
  box-sizing:border-box!important;
  vertical-align:middle!important;
  word-break:keep-all!important;
  overflow-wrap:break-word!important;
}
.international-search-table th:nth-child(1),.international-search-table td:nth-child(1){width:34%!important;}
.international-search-table th:nth-child(2),.international-search-table td:nth-child(2){width:16%!important;min-width:0!important;}
.international-search-table th:nth-child(3),.international-search-table td:nth-child(3){width:25%!important;}
.international-search-table th:nth-child(4),.international-search-table td:nth-child(4){width:25%!important;}
.international-auto-head{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:6px 10px!important;
  padding:10px 0 12px!important;
  border-bottom:1px solid #e6ddf1!important;
}
.international-auto-head>b{grid-column:1/-1!important;color:#4d2a78!important;}
.international-auto-head>span{color:#64758a!important;}
.international-auto-vehicle{margin-top:14px!important;}
.international-auto-vehicle-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin-bottom:7px!important;
  flex-wrap:wrap!important;
}
.international-auto-vehicle-head>b{color:#3f2865!important;}
.international-auto-vehicle-head>span{color:#6e35b7!important;font-weight:700!important;}
.international-auto-table th:first-child,.international-auto-table td:first-child{width:26%!important;}
.international-auto-table th:nth-child(2),.international-auto-table td:nth-child(2),
.international-auto-table th:nth-child(3),.international-auto-table td:nth-child(3){width:37%!important;}
.international-auto-table td strong,
.international-distance-table td strong{display:block!important;white-space:nowrap!important;color:#17243a!important;}
.international-auto-table td small,
.international-distance-table td small{display:block!important;margin-top:3px!important;color:#67798d!important;line-height:1.3!important;}
.international-auto-foot,
.international-distance-foot{
  margin-top:10px!important;
  padding:9px 10px!important;
  border-radius:9px!important;
  background:#f4effb!important;
  color:#563580!important;
  line-height:1.45!important;
}
.separate-international-card{
  border-color:#d8c6f1!important;
  background:linear-gradient(180deg,#fbf9ff 0%,#fff 100%)!important;
}
.separate-international-card>h4{color:#3f2865!important;}
.international-distance-table th:first-child,.international-distance-table td:first-child{width:28%!important;}
.international-distance-table th:nth-child(2),.international-distance-table td:nth-child(2),
.international-distance-table th:nth-child(3),.international-distance-table td:nth-child(3){width:36%!important;}

@media screen and (max-width:1024px){
  .international-separate-card .international-inline-head h3,
  .separate-international-card>h4{font-size:17px!important;line-height:1.35!important;font-weight:700!important;}
  .international-separate-card .international-search-intro,
  .international-separate-card .international-search-city-note,
  #internationalCalcGuide{font-size:14px!important;line-height:1.5!important;}
  .international-search-table th,
  .international-search-table td,
  .international-auto-table th,
  .international-auto-table td,
  .international-distance-table th,
  .international-distance-table td{font-size:13px!important;line-height:1.35!important;padding:10px 7px!important;}
  .international-search-table th,
  .international-auto-table th,
  .international-distance-table th{font-weight:700!important;}
  .international-auto-table td strong,
  .international-distance-table td strong{font-size:14px!important;}
  .international-auto-table td small,
  .international-distance-table td small{font-size:11.5px!important;}
  .international-auto-vehicle-head>b{font-size:15px!important;}
  .international-auto-vehicle-head>span,
  .international-auto-head>span,
  .international-auto-foot,
  .international-distance-foot{font-size:12.5px!important;}
}

@media screen and (max-width:640px){
  .international-separate-card{padding:14px 12px!important;}
  .international-separate-card .international-inline-head h3,
  .separate-international-card>h4{font-size:16px!important;}
  .international-separate-card .fare-kind-label{font-size:11px!important;}
  .international-search-table th,
  .international-search-table td{font-size:11.5px!important;padding:8px 4px!important;}
  .international-search-table th:nth-child(1),.international-search-table td:nth-child(1){width:31%!important;}
  .international-search-table th:nth-child(2),.international-search-table td:nth-child(2){width:15%!important;}
  .international-search-table th:nth-child(3),.international-search-table td:nth-child(3){width:27%!important;}
  .international-search-table th:nth-child(4),.international-search-table td:nth-child(4){width:27%!important;}
  .international-auto-head{grid-template-columns:1fr!important;}
  .international-auto-head>b{grid-column:auto!important;font-size:15px!important;}
  .international-auto-table th,
  .international-auto-table td,
  .international-distance-table th,
  .international-distance-table td{font-size:11.5px!important;padding:8px 4px!important;}
  .international-auto-table th:first-child,.international-auto-table td:first-child{width:25%!important;}
  .international-auto-table th:nth-child(2),.international-auto-table td:nth-child(2),
  .international-auto-table th:nth-child(3),.international-auto-table td:nth-child(3){width:37.5%!important;}
  .international-distance-table th:first-child,.international-distance-table td:first-child{width:27%!important;}
  .international-distance-table th:nth-child(2),.international-distance-table td:nth-child(2),
  .international-distance-table th:nth-child(3),.international-distance-table td:nth-child(3){width:36.5%!important;}
  .international-auto-table td strong,
  .international-distance-table td strong{font-size:13px!important;}
  .international-auto-table td small,
  .international-distance-table td small{font-size:10px!important;}
}

@media screen and (max-width:1024px){
  /* V16.10.33 regular taxi tables no longer contain an International column. */
  .auto-airport-fare[data-auto-airport-vehicle="middle"] .auto-fare-table th:first-child,
  .auto-airport-fare[data-auto-airport-vehicle="middle"] .auto-fare-table td:first-child{width:30%!important;}
  .auto-airport-fare[data-auto-airport-vehicle="middle"] .auto-fare-table th:nth-child(2),
  .auto-airport-fare[data-auto-airport-vehicle="middle"] .auto-fare-table td:nth-child(2),
  .auto-airport-fare[data-auto-airport-vehicle="middle"] .auto-fare-table th:nth-child(3),
  .auto-airport-fare[data-auto-airport-vehicle="middle"] .auto-fare-table td:nth-child(3){width:35%!important;}
  .auto-airport-fare[data-auto-airport-vehicle="large"] .auto-fare-table th:first-child,
  .auto-airport-fare[data-auto-airport-vehicle="large"] .auto-fare-table td:first-child{width:40%!important;}
  .auto-airport-fare[data-auto-airport-vehicle="large"] .auto-fare-table th:nth-child(2),
  .auto-airport-fare[data-auto-airport-vehicle="large"] .auto-fare-table td:nth-child(2){width:60%!important;}
}

/* V16.10.35 SIMPLE INTERNATIONAL TABLE + TOLL READABILITY */
.international-simple-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:16px 18px;margin-top:14px;border:1px solid #e8e0f4;border-radius:16px;background:#faf7ff}.international-simple-head b{font-size:22px;color:#41255d}.international-simple-head span{font-size:14px;font-weight:800;color:#7738bc;background:#f0e7fb;border-radius:999px;padding:7px 11px}.international-direction-simple{margin-top:14px;padding:16px 18px;border:1px solid #e6e9ef;border-radius:16px;background:#fff}.international-direction-head{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.international-direction-head b{font-size:16px;color:#24364d}.international-direction-meta{margin:10px 0 12px;font-size:14px;color:#637083}.international-simple-table{width:100%;table-layout:fixed;border-collapse:collapse}.international-simple-table th,.international-simple-table td{padding:12px 8px;border-top:1px solid #edf0f4;text-align:center;vertical-align:top}.international-simple-table thead th{border-top:0;background:#f8f9fb;font-size:14px;color:#34445a}.international-simple-table th:first-child,.international-simple-table td:first-child{text-align:left;width:28%}.international-simple-table td b{font-size:14px}.international-simple-table td strong{display:block;font-size:17px;line-height:1.25;color:#202a3c}.international-simple-table td small{display:block;margin-top:5px;font-size:12px;line-height:1.45;color:#7a8492;word-break:keep-all}.international-simple-foot{margin-top:12px;padding:12px 14px;border-radius:12px;background:#f6f2fb;color:#665475;font-size:13px;line-height:1.55}.auto-airport-meta{line-height:1.65;word-break:keep-all}
@media(max-width:768px){.international-simple-head{padding:14px}.international-simple-head b{font-size:18px}.international-simple-head span{font-size:13px}.international-direction-simple{padding:14px 12px}.international-direction-head b{font-size:14px}.international-direction-meta{font-size:13px}.international-simple-table th,.international-simple-table td{padding:11px 5px}.international-simple-table thead th{font-size:13px}.international-simple-table td b{font-size:13px}.international-simple-table td strong{font-size:16px}.international-simple-table td small{font-size:11.5px}.international-simple-foot{font-size:12.5px}}


/* SOURCE: /assets/fares-mobile-v161036.css */
/* V16.10.36 - fare amount alignment + International amount font unification
   Mobile/tablet only. Regular taxi amount columns are centered and International
   medium/large amount typography follows the regular-taxi amount size. */
@media screen and (max-width:1024px){
  /* Regular taxi: keep headers and monetary values on the same column centerline. */
  .auto-direction-grid .auto-fare-table th:nth-child(n+2),
  .auto-direction-grid .auto-fare-table td:nth-child(n+2){
    text-align:center!important;
  }
  .auto-direction-grid .auto-fare-table td:not(:first-child){
    font-size:13px!important;
    line-height:1.3!important;
    font-weight:700!important;
    letter-spacing:0!important;
  }

  /* Middle taxi and International use the same 30 / 35 / 35 column geometry. */
  .auto-airport-fare[data-auto-airport-vehicle="middle"] .auto-fare-table th:first-child,
  .auto-airport-fare[data-auto-airport-vehicle="middle"] .auto-fare-table td:first-child,
  .international-simple-table th:first-child,
  .international-simple-table td:first-child{
    width:30%!important;
  }
  .auto-airport-fare[data-auto-airport-vehicle="middle"] .auto-fare-table th:nth-child(2),
  .auto-airport-fare[data-auto-airport-vehicle="middle"] .auto-fare-table td:nth-child(2),
  .auto-airport-fare[data-auto-airport-vehicle="middle"] .auto-fare-table th:nth-child(3),
  .auto-airport-fare[data-auto-airport-vehicle="middle"] .auto-fare-table td:nth-child(3),
  .international-simple-table th:nth-child(2),
  .international-simple-table td:nth-child(2),
  .international-simple-table th:nth-child(3),
  .international-simple-table td:nth-child(3){
    width:35%!important;
  }

  /* International amounts: exactly the same visible size/weight as regular amounts. */
  .international-simple-table td strong{
    display:block!important;
    margin:0!important;
    font-size:13px!important;
    line-height:1.3!important;
    font-weight:700!important;
    color:#26394e!important;
    text-align:center!important;
    letter-spacing:0!important;
  }
  .international-simple-table th:nth-child(n+2),
  .international-simple-table td:nth-child(n+2){
    text-align:center!important;
  }
  .international-simple-table td small{
    margin-top:5px!important;
    text-align:center!important;
  }
}

@media screen and (max-width:390px){
  .auto-direction-grid .auto-fare-table td:not(:first-child),
  .international-simple-table td strong{
    font-size:12px!important;
  }
}


/* SOURCE: /assets/fares-mobile-v161037.css */
/* V16.10.37 - mobile/tablet fare UI redesign
   - Departure/arrival cards stay side by side
   - No horizontal scrolling
   - Compact readable fare tables
   - Distance calculator redesigned with one toll summary per vehicle
   - International table stays separate and simplified */

@media screen and (max-width:1024px){
  .ot-fares-main{overflow-x:hidden!important;}
  .auto-airport-fare,
  .international-auto-airport-fare,
  .auto-direction-grid,
  .international-direction-grid,
  .auto-direction,
  .international-direction-simple,
  .auto-fare-table,
  .international-simple-table,
  .calc-card,
  .calc-rate-list,
  .international-distance-table{
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }

  /* ---------- REGION SEARCH: DEPARTURE / ARRIVAL SIDE BY SIDE ---------- */
  .auto-airport-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    padding:12px 14px!important;
    border-radius:14px 14px 0 0!important;
  }
  .auto-airport-head b{font-size:15px!important;line-height:1.25!important;}
  .auto-airport-head>span{font-size:11.5px!important;line-height:1.3!important;text-align:right!important;}

  .auto-direction-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    padding:10px!important;
    width:100%!important;
  }
  .auto-direction-grid .auto-direction{
    margin:0!important;
    padding:12px 10px 10px!important;
    border:1px solid #dbe5f0!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:0 4px 14px rgba(37,67,101,.06)!important;
    overflow:hidden!important;
  }
  .auto-direction-grid .auto-direction.departure{border-top:4px solid #3989d6!important;}
  .auto-direction-grid .auto-direction.arrival{border-top:4px solid #3e9b6d!important;}
  .auto-direction-grid .auto-direction-title{
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:5px!important;
    margin:0 0 7px!important;
  }
  .auto-direction-grid .auto-direction-title>b{
    flex:1 1 100%!important;
    margin-top:2px!important;
    font-size:12px!important;
    line-height:1.35!important;
    color:#24415f!important;
    font-weight:800!important;
  }
  .auto-direction-grid .direction-badge{
    min-width:40px!important;
    height:24px!important;
    padding:0 8px!important;
    font-size:11px!important;
    line-height:24px!important;
  }
  .auto-direction-grid .outside-label{
    font-size:10px!important;
    padding:4px 6px!important;
    line-height:1.15!important;
  }
  .auto-direction-grid .auto-direction-route{
    margin:0 0 8px!important;
    min-height:34px!important;
    font-size:11.5px!important;
    line-height:1.45!important;
    color:#687b8f!important;
    word-break:keep-all!important;
  }
  .auto-direction-grid .auto-airport-meta,
  .international-direction-meta{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:5px!important;
    margin:0 0 10px!important;
    color:inherit!important;
  }
  .route-meta-chip{
    display:inline-flex!important;
    align-items:center!important;
    min-height:25px!important;
    padding:4px 7px!important;
    border-radius:999px!important;
    background:#f1f5f9!important;
    color:#52677d!important;
    font-size:10.5px!important;
    line-height:1.2!important;
    font-weight:700!important;
    white-space:nowrap!important;
  }
  .route-meta-chip.distance{background:#eef5ff!important;color:#28649a!important;}
  .route-meta-chip.toll{background:#eef8ed!important;color:#33723b!important;}
  .route-meta-chip.ev{background:#eaf7ff!important;color:#156b98!important;}

  .auto-direction-grid .auto-fare-table{
    width:100%!important;
    table-layout:fixed!important;
    border-collapse:separate!important;
    border-spacing:0!important;
    margin:0!important;
    border:1px solid #edf1f5!important;
    border-radius:11px!important;
    overflow:hidden!important;
  }
  .auto-direction-grid .auto-fare-table th,
  .auto-direction-grid .auto-fare-table td{
    height:auto!important;
    padding:8px 4px!important;
    border:0!important;
    border-top:1px solid #edf1f5!important;
    text-align:center!important;
    vertical-align:middle!important;
    line-height:1.3!important;
    white-space:normal!important;
    word-break:keep-all!important;
    letter-spacing:-.15px!important;
  }
  .auto-direction-grid .auto-fare-table thead th{
    border-top:0!important;
    background:#f7f9fc!important;
    color:#647589!important;
    font-size:10.5px!important;
    font-weight:800!important;
  }
  .auto-direction-grid .auto-fare-table thead th small{display:none!important;}
  .auto-direction-grid .auto-fare-table tbody td{
    color:#26384c!important;
    font-size:11.5px!important;
    font-weight:750!important;
  }
  .auto-direction-grid .auto-fare-table th:first-child,
  .auto-direction-grid .auto-fare-table td:first-child{
    width:42%!important;
    text-align:left!important;
    padding-left:6px!important;
    font-size:10.5px!important;
  }
  .auto-airport-fare[data-auto-airport-vehicle="middle"] .auto-fare-table th:nth-child(2),
  .auto-airport-fare[data-auto-airport-vehicle="middle"] .auto-fare-table td:nth-child(2),
  .auto-airport-fare[data-auto-airport-vehicle="middle"] .auto-fare-table th:nth-child(3),
  .auto-airport-fare[data-auto-airport-vehicle="middle"] .auto-fare-table td:nth-child(3){width:29%!important;}
  .auto-airport-fare[data-auto-airport-vehicle="large"] .auto-fare-table th:first-child,
  .auto-airport-fare[data-auto-airport-vehicle="large"] .auto-fare-table td:first-child{width:46%!important;}
  .auto-airport-fare[data-auto-airport-vehicle="large"] .auto-fare-table th:nth-child(2),
  .auto-airport-fare[data-auto-airport-vehicle="large"] .auto-fare-table td:nth-child(2){width:54%!important;}
  .auto-direction-grid .auto-airport-badge{
    display:inline-flex!important;
    margin:3px 2px 0 0!important;
    padding:2px 5px!important;
    font-size:9px!important;
    line-height:1.15!important;
    white-space:nowrap!important;
  }
  .auto-airport-foot{
    padding:10px 12px!important;
    font-size:11.5px!important;
    line-height:1.5!important;
    color:#738296!important;
  }

  /* ---------- INTERNATIONAL: SAME TWO-COLUMN DIRECTION LAYOUT ---------- */
  .international-simple-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    margin:14px 0 10px!important;
    padding:12px 14px!important;
    border:1px solid #e6dcf4!important;
    border-radius:14px!important;
    background:linear-gradient(135deg,#fbf8ff,#f6f0ff)!important;
  }
  .international-simple-head b{font-size:16px!important;line-height:1.25!important;color:#42225d!important;}
  .international-simple-head span{font-size:10.5px!important;padding:5px 8px!important;line-height:1.2!important;text-align:right!important;}
  .international-direction-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    width:100%!important;
  }
  .international-direction-simple{
    margin:0!important;
    padding:12px 10px 10px!important;
    border:1px solid #e6e2ec!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:0 4px 14px rgba(70,42,94,.05)!important;
    overflow:hidden!important;
  }
  .international-direction-simple.departure{border-top:4px solid #3989d6!important;}
  .international-direction-simple.arrival{border-top:4px solid #3e9b6d!important;}
  .international-direction-head{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:5px!important;margin-bottom:7px!important;}
  .intl-foreign-badge,
  .intl-row-badge{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:999px!important;
    font-weight:800!important;
    white-space:nowrap!important;
  }
  .intl-foreign-badge{padding:4px 6px!important;background:#f2e9ff!important;color:#7137ad!important;font-size:9.5px!important;}
  .international-direction-route{min-height:34px!important;margin:0 0 8px!important;color:#687b8f!important;font-size:11.5px!important;line-height:1.45!important;word-break:keep-all!important;}
  .international-simple-table{
    width:100%!important;
    table-layout:fixed!important;
    border-collapse:separate!important;
    border-spacing:0!important;
    border:1px solid #eeeaf3!important;
    border-radius:11px!important;
    overflow:hidden!important;
  }
  .international-simple-table th,
  .international-simple-table td{
    padding:8px 3px!important;
    border:0!important;
    border-top:1px solid #eeeaf3!important;
    text-align:center!important;
    vertical-align:middle!important;
  }
  .international-simple-table thead th{border-top:0!important;background:#faf8fc!important;color:#6a6074!important;font-size:10.5px!important;font-weight:800!important;}
  .international-simple-table th:first-child,
  .international-simple-table td:first-child{width:40%!important;text-align:left!important;padding-left:5px!important;}
  .international-simple-table th:nth-child(2),.international-simple-table td:nth-child(2),
  .international-simple-table th:nth-child(3),.international-simple-table td:nth-child(3){width:30%!important;}
  .international-simple-table td b{font-size:10.5px!important;line-height:1.3!important;}
  .international-simple-table td strong{font-size:11.5px!important;line-height:1.25!important;font-weight:800!important;color:#26334a!important;white-space:nowrap!important;}
  .intl-row-badge{margin-top:4px!important;padding:2px 4px!important;background:#fff0e6!important;color:#ae531c!important;font-size:8.5px!important;}
  .international-simple-foot{margin-top:10px!important;padding:10px 12px!important;border-radius:12px!important;font-size:11px!important;line-height:1.45!important;}

  /* ---------- DISTANCE CALCULATOR: CLEAN CARD / ROW UI ---------- */
  .calc-section .calc-card{
    padding:15px!important;
    border:1px solid #dce6f1!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:0 5px 18px rgba(32,65,100,.055)!important;
  }
  .calc-section .calc-card+.calc-card{margin-top:14px!important;}
  .calc-section .calc-card h4{margin:0 0 5px!important;font-size:17px!important;line-height:1.3!important;color:#173959!important;}
  .calc-section .calc-card p{margin:0 0 10px!important;font-size:12.5px!important;line-height:1.5!important;color:#75869a!important;}
  .calc-toll-summary{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:7px!important;
    margin:0 0 9px!important;
    padding:9px 10px!important;
    border-radius:11px!important;
    background:#f7fafc!important;
  }
  .calc-toll-chip{
    display:inline-flex!important;
    align-items:center!important;
    gap:4px!important;
    padding:5px 8px!important;
    border-radius:999px!important;
    background:#edf7ec!important;
    color:#34703b!important;
    font-size:11px!important;
    line-height:1.2!important;
    font-weight:700!important;
  }
  .calc-toll-chip.ev{background:#e9f6ff!important;color:#176b98!important;}
  .calc-toll-chip b{font-weight:900!important;color:inherit!important;}
  .calc-rate-clean-list{display:grid!important;gap:0!important;border:1px solid #e9eef4!important;border-radius:12px!important;overflow:hidden!important;}
  .calc-rate-clean-list .calc-rate.clean{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:10px!important;
    margin:0!important;
    padding:11px 10px!important;
    border:0!important;
    border-top:1px solid #e9eef4!important;
    border-radius:0!important;
    background:#fff!important;
  }
  .calc-rate-clean-list .calc-rate.clean:first-child{border-top:0!important;}
  .calc-rate-clean-list .calc-rate.clean.auto-outside{background:#fbfdff!important;}
  .calc-rate-clean-list .calc-rate-name{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:5px!important;
    max-width:none!important;
    min-width:0!important;
    font-size:13px!important;
  }
  .calc-rate-clean-list .calc-rate-time{font-size:13px!important;line-height:1.25!important;font-weight:850!important;color:#3f5872!important;}
  .calc-rate-badges{display:flex!important;flex-wrap:wrap!important;gap:4px!important;}
  .calc-rate-clean-list .calc-rate-surcharge{height:auto!important;min-height:21px!important;padding:3px 6px!important;font-size:10px!important;}
  .calc-rate-clean-list .calc-rate-amount-stack{display:grid!important;gap:5px!important;min-width:116px!important;max-width:none!important;flex-basis:auto!important;text-align:right!important;}
  .calc-rate-clean-list .calc-rate-amount-line{display:grid!important;grid-template-columns:auto minmax(72px,auto)!important;align-items:center!important;gap:6px!important;}
  .calc-rate-clean-list .calc-rate-amount-line small{height:auto!important;min-height:22px!important;padding:3px 6px!important;font-size:10px!important;}
  .calc-rate-clean-list .calc-rate-amount{font-size:15px!important;line-height:1.25!important;font-weight:850!important;}
  .calc-rate-clean-list .calc-rate-waypoint-summary{margin-bottom:2px!important;}

  .international-calc-card{border-color:#e3d8f1!important;background:linear-gradient(180deg,#fdfbff,#fff)!important;}
  .international-distance-legend{display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin:0 0 9px!important;}
  .international-distance-legend span{display:inline-flex!important;padding:5px 8px!important;border-radius:999px!important;background:#f1e9fb!important;color:#694091!important;font-size:10.5px!important;line-height:1.2!important;font-weight:800!important;}
  .international-distance-table.clean,
  .international-distance-table.fixed{
    width:100%!important;
    table-layout:fixed!important;
    border-collapse:separate!important;
    border-spacing:0!important;
    border:1px solid #ebe7f0!important;
    border-radius:12px!important;
    overflow:hidden!important;
  }
  .international-distance-table.clean th,
  .international-distance-table.clean td,
  .international-distance-table.fixed th,
  .international-distance-table.fixed td{
    padding:10px 7px!important;
    border:0!important;
    border-top:1px solid #ebe7f0!important;
    text-align:center!important;
    vertical-align:middle!important;
    font-size:12px!important;
    line-height:1.3!important;
  }
  .international-distance-table.clean thead th,
  .international-distance-table.fixed thead th{border-top:0!important;background:#faf8fc!important;color:#625b6d!important;font-weight:800!important;}
  .international-distance-table.clean th:first-child,
  .international-distance-table.clean td:first-child{width:34%!important;text-align:left!important;}
  .international-distance-table.clean th:nth-child(2),.international-distance-table.clean td:nth-child(2),
  .international-distance-table.clean th:nth-child(3),.international-distance-table.clean td:nth-child(3){width:33%!important;}
  .international-distance-table.clean td strong,
  .international-distance-table.fixed td strong{font-size:14px!important;line-height:1.25!important;font-weight:850!important;color:#253249!important;white-space:nowrap!important;}
  .intl-distance-badges{display:flex!important;flex-wrap:wrap!important;gap:3px!important;margin-top:4px!important;}
  .intl-distance-badges .intl-row-badge{margin:0!important;}
  .international-distance-foot{margin-top:9px!important;padding:9px 10px!important;border-radius:10px!important;font-size:11px!important;line-height:1.45!important;}
}

@media screen and (max-width:640px){
  .auto-airport-head{padding:10px 11px!important;}
  .auto-airport-head b{font-size:13px!important;}
  .auto-airport-head>span{font-size:9.5px!important;}
  .auto-direction-grid,.international-direction-grid{gap:7px!important;}
  .auto-direction-grid{padding:7px!important;}
  .auto-direction-grid .auto-direction,
  .international-direction-simple{padding:9px 7px 8px!important;border-radius:13px!important;}
  .auto-direction-grid .auto-direction-title>b{display:none!important;}
  .auto-direction-grid .auto-direction-route,
  .international-direction-route{min-height:40px!important;font-size:10.5px!important;line-height:1.4!important;}
  .route-meta-chip{min-height:22px!important;padding:3px 5px!important;font-size:9px!important;}
  .auto-direction-grid .auto-fare-table th,
  .international-simple-table thead th{font-size:9.5px!important;}
  .auto-direction-grid .auto-fare-table td,
  .international-simple-table td strong{font-size:10.5px!important;}
  .auto-direction-grid .auto-fare-table th:first-child,
  .auto-direction-grid .auto-fare-table td:first-child{font-size:9.5px!important;}
  .auto-direction-grid .auto-fare-table th,
  .auto-direction-grid .auto-fare-table td,
  .international-simple-table th,
  .international-simple-table td{padding-top:7px!important;padding-bottom:7px!important;}
  .auto-direction-grid .auto-airport-badge{font-size:8px!important;padding:2px 4px!important;}
  .international-simple-head{padding:10px 11px!important;}
  .international-simple-head b{font-size:14px!important;}
  .international-simple-head span{font-size:9px!important;}
  .intl-foreign-badge{font-size:8.5px!important;padding:3px 5px!important;}
  .intl-row-badge{font-size:7.8px!important;}
  .international-simple-table td b{font-size:9.5px!important;}
  .international-simple-foot{font-size:10px!important;}

  .calc-section .calc-card{padding:12px!important;}
  .calc-section .calc-card h4{font-size:16px!important;}
  .calc-section .calc-card p{font-size:11.5px!important;}
  .calc-toll-summary{padding:8px!important;gap:5px!important;}
  .calc-toll-chip{font-size:10px!important;padding:4px 6px!important;}
  .calc-rate-clean-list .calc-rate.clean{padding:10px 8px!important;gap:7px!important;}
  .calc-rate-clean-list .calc-rate-time{font-size:11.5px!important;}
  .calc-rate-clean-list .calc-rate-surcharge{font-size:9px!important;}
  .calc-rate-clean-list .calc-rate-amount-stack{min-width:108px!important;}
  .calc-rate-clean-list .calc-rate-amount-line{grid-template-columns:auto minmax(66px,auto)!important;gap:4px!important;}
  .calc-rate-clean-list .calc-rate-amount-line small{font-size:9px!important;padding:3px 5px!important;}
  .calc-rate-clean-list .calc-rate-amount{font-size:13px!important;}
  .international-distance-table.clean th,
  .international-distance-table.clean td,
  .international-distance-table.fixed th,
  .international-distance-table.fixed td{padding:9px 4px!important;font-size:10.5px!important;}
  .international-distance-table.clean td strong,
  .international-distance-table.fixed td strong{font-size:12px!important;}
  .international-distance-legend span{font-size:9px!important;padding:4px 6px!important;}
}

@media screen and (max-width:380px){
  .auto-direction-grid,.international-direction-grid{gap:5px!important;}
  .auto-direction-grid{padding:5px!important;}
  .auto-direction-grid .auto-direction,
  .international-direction-simple{padding-left:5px!important;padding-right:5px!important;}
  .auto-direction-grid .auto-fare-table th,
  .auto-direction-grid .auto-fare-table td,
  .international-simple-table th,
  .international-simple-table td{padding-left:2px!important;padding-right:2px!important;}
  .auto-direction-grid .auto-fare-table td,
  .international-simple-table td strong{font-size:10px!important;}
  .route-meta-chip{font-size:8.5px!important;}
}


/* SOURCE: /assets/fares-mobile-v161040.css */
/* V16.10.40 - fare mobile vertical direction hard fix
   - Mobile only (<=767px): departure above, arrival below
   - Applies to regular middle/large and International fare result cards
   - International outside +20% badge uses same purple pill style as foreign +20%
*/
@media screen and (max-width:767px){
  .auto-direction-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:12px!important;
    width:100%!important;
    max-width:100%!important;
  }
  .auto-direction-grid>.auto-direction,
  .auto-direction-grid .auto-direction{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
  }

  .international-direction-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:12px!important;
    width:100%!important;
    max-width:100%!important;
  }
  .international-direction-grid>.international-direction-simple,
  .international-direction-simple{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
  }

  .international-direction-head .outside-label,
  .international-direction-simple .outside-label{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:4px 6px!important;
    border:0!important;
    border-radius:999px!important;
    background:#f2e9ff!important;
    color:#7137ad!important;
    font-size:9.5px!important;
    line-height:1.15!important;
    font-weight:800!important;
    white-space:nowrap!important;
  }
}

@media screen and (max-width:640px){
  .international-direction-head .outside-label,
  .international-direction-simple .outside-label{
    padding:3px 5px!important;
    font-size:8.5px!important;
  }
}


/* SOURCE: /assets/fares-mobile-v161043.css */
@media (max-width: 1024px){
  .international-direction-head .intl-foreign-badge.outside{
    background:#efe6fb!important;
    color:#7a43be!important;
    border-radius:999px!important;
    padding:5px 10px!important;
    font-weight:900!important;
    display:inline-flex!important;
    align-items:center!important;
  }
  .international-direction-head .outside-label{display:none!important;}
  .international-direction-simple .intl-distance-badges{display:inline-flex!important;flex-wrap:wrap!important;gap:4px!important;margin-left:6px!important;}
  .international-direction-simple .intl-row-badge.outside{background:#efe6fb!important;color:#7a43be!important;}
}


/* SOURCE: /assets/fares-device-v161044.css */
.international-direction-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:14px}
.international-simple-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:16px 18px;margin-top:14px;border:1px solid #e8e0f4;border-radius:16px;background:#faf7ff}
.international-simple-head b{font-size:22px;color:#41255d;line-height:1.3}
.international-simple-head span{font-size:14px;font-weight:900;color:#7738bc;background:#f0e7fb;border-radius:999px;padding:7px 11px}
.international-direction-simple{margin-top:0;padding:16px 18px;border:1px solid #e6e9ef;border-radius:16px;background:#fff}
.international-direction-simple.departure{border-top:4px solid #3989d6}
.international-direction-simple.arrival{border-top:4px solid #3e9b6d}
.international-direction-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.international-direction-head .intl-foreign-badge{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;background:#efe6fb;color:#7a43be;font-size:12px;font-weight:900;line-height:1.2}
.international-direction-head .intl-foreign-badge.outside{background:#efe6fb;color:#7a43be}
.international-direction-head .outside-label{display:none!important}
.international-direction-route{margin-top:10px;color:#5c6b7e;font-size:14px;line-height:1.55;word-break:keep-all}
.international-direction-meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:12px 0 12px}
.international-simple-table{width:100%;table-layout:fixed;border-collapse:collapse}
.international-simple-table th,.international-simple-table td{padding:12px 8px;border-top:1px solid #edf0f4;text-align:center;vertical-align:top}
.international-simple-table thead th{border-top:0;background:#f8f9fb;font-size:14px;color:#34445a}
.international-simple-table th:first-child,.international-simple-table td:first-child{text-align:left;width:32%}
.international-simple-table td b{font-size:14px}
.international-simple-table td strong{display:block;font-size:17px;line-height:1.25;color:#202a3c}
.international-direction-simple .intl-distance-badges{display:inline-flex;flex-wrap:wrap;gap:4px;margin-left:6px;vertical-align:middle}
.intl-row-badge{display:inline-flex;align-items:center;padding:3px 7px;border-radius:999px;font-size:11px;font-weight:900;line-height:1.15}
.intl-row-badge.night{background:#fff0e6;color:#ae531c}
.intl-row-badge.outside{background:#efe6fb;color:#7a43be}
.international-simple-foot{margin-top:14px;padding:12px 14px;border-radius:12px;background:#f6f2fb;color:#665475;font-size:13px;line-height:1.55}
@media (max-width: 1024px){
  .international-direction-grid{grid-template-columns:1fr}
  .international-simple-head b{font-size:18px}
  .international-simple-head span{font-size:13px}
  .international-direction-simple{padding:14px 12px}
  .international-simple-table th,.international-simple-table td{padding:11px 5px}
}
@media (max-width: 768px){
  .international-simple-head{padding:12px 14px}
  .international-simple-head b{font-size:16px}
  .international-simple-head span{font-size:11px;padding:5px 8px}
  .international-direction-route{font-size:13px}
  .international-direction-meta{margin:10px 0}
  .international-simple-table thead th{font-size:13px}
  .international-simple-table td strong{font-size:16px}
  .intl-row-badge{font-size:9px;padding:3px 6px}
}


/* SOURCE: /assets/fares-device-v161046.css */
.international-direction-head .intl-foreign-badge{font-size:12px!important;font-weight:900!important;line-height:1.2!important}
.international-simple-table td b,.international-distance-table.clean td b{display:block;font-size:15px;line-height:1.25;font-weight:500;color:#35435a}
@media (max-width:768px){.international-simple-table td b,.international-distance-table.clean td b{font-size:14px}}


/* SOURCE: /assets/fares-surcharge-position-v161047.css */
/* V16.10.46 surcharge position hard-fix */
.auto-fare-table .auto-airport-badge,
.international-simple-table .intl-distance-badges,
.international-simple-table .intl-row-badge{display:none!important;}
.auto-fare-table td:first-child,
.international-simple-table td:first-child{white-space:nowrap;}
.auto-direction-title .outside-label,
.international-direction-head .intl-foreign-badge{font-size:12px!important;font-weight:900!important;line-height:1.2!important;}
@media (max-width:768px){
  .auto-direction-title .outside-label,
  .international-direction-head .intl-foreign-badge{font-size:11px!important;}
}


/* SOURCE: /assets/fares-card-unified-v161048.css */
/* V16.10.48 fare-card surcharge/header/border unification */
.auto-direction-grid .auto-direction,
.international-direction-simple{
  border-top-width:4px!important;
  border-left-width:4px!important;
  border-right-width:1px!important;
  border-bottom-width:1px!important;
  border-style:solid!important;
}
.auto-direction-grid .auto-direction.departure,
.international-direction-simple.departure{
  border-top-color:#3989d6!important;
  border-left-color:#3989d6!important;
  border-right-color:#dbe5f0!important;
  border-bottom-color:#dbe5f0!important;
}
.auto-direction-grid .auto-direction.arrival,
.international-direction-simple.arrival{
  border-top-color:#3e9b6d!important;
  border-left-color:#3e9b6d!important;
  border-right-color:#dbe5f0!important;
  border-bottom-color:#dbe5f0!important;
}
.auto-direction-grid .auto-direction-title,
.international-direction-head.surcharge-header-row{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-direction:row!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  width:100%!important;
  background:transparent!important;
  padding:0!important;
  margin:0 0 12px!important;
}
.auto-direction-grid .auto-direction-title>b{display:none!important;}
.surcharge-head-badge,
.international-direction-head .intl-foreign-badge,
.auto-direction-title .outside-label{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:30px!important;
  padding:5px 11px!important;
  border:0!important;
  border-radius:999px!important;
  font-size:12px!important;
  line-height:20px!important;
  font-weight:900!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
  margin:0!important;
}
.surcharge-head-badge.foreign{background:#f2e9ff!important;color:#7137ad!important;}
.surcharge-head-badge.outside{background:#f2e9ff!important;color:#7137ad!important;}
.surcharge-head-badge.night{background:#fff0e6!important;color:#ae531c!important;}
.auto-direction-grid .direction-badge,
.international-direction-head .direction-badge{
  margin:0!important;
}
.auto-direction-grid .auto-direction-route,
.international-direction-route{
  margin-top:0!important;
}
.auto-fare-table .auto-airport-badge,
.international-simple-table .intl-distance-badges,
.international-simple-table .intl-row-badge{display:none!important;}
@media(max-width:768px){
  .surcharge-head-badge,
  .international-direction-head .intl-foreign-badge,
  .auto-direction-title .outside-label{
    min-height:26px!important;
    padding:4px 8px!important;
    font-size:11px!important;
    line-height:18px!important;
  }
  .auto-direction-grid .auto-direction-title,
  .international-direction-head.surcharge-header-row{
    gap:5px!important;
    margin-bottom:10px!important;
  }
}


/* SOURCE: /assets/fares-row-surcharge-v161049.css */
/* V16.10.49: surcharge badges beside each time row */
.surcharge-header-row .surcharge-head-badge,
.international-direction-head .surcharge-head-badge,
.auto-direction-title .outside-label{display:none!important;}
.auto-fare-table .fare-time-wrap,
.international-simple-table .fare-time-wrap{
  display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:5px!important;
}
.auto-fare-table .fare-row-badges,
.international-simple-table .fare-row-badges{
  display:inline-flex!important;align-items:center!important;flex-wrap:wrap!important;gap:4px!important;
}
.surcharge-row-badge{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:24px!important;padding:3px 7px!important;border:0!important;border-radius:999px!important;
  font-size:11px!important;line-height:18px!important;font-weight:900!important;white-space:nowrap!important;box-sizing:border-box!important;
}
.surcharge-row-badge.foreign,.surcharge-row-badge.outside{background:#f2e9ff!important;color:#7137ad!important;}
.surcharge-row-badge.night{background:#fff0e6!important;color:#ae531c!important;}
.auto-fare-table th:first-child,.auto-fare-table td:first-child{width:46%!important;text-align:left!important;}
.international-simple-table th:first-child,.international-simple-table td:first-child{width:48%!important;text-align:left!important;}
.auto-fare-table td:first-child,.international-simple-table td:first-child{white-space:normal!important;}
@media(max-width:768px){
  .surcharge-row-badge{min-height:22px!important;padding:2px 6px!important;font-size:10px!important;line-height:18px!important;}
  .auto-fare-table .fare-time-wrap,.international-simple-table .fare-time-wrap{gap:4px!important;}
  .auto-fare-table .fare-row-badges,.international-simple-table .fare-row-badges{gap:3px!important;}
  .auto-fare-table th:first-child,.auto-fare-table td:first-child{width:48%!important;}
  .international-simple-table th:first-child,.international-simple-table td:first-child{width:52%!important;}
}


/* SOURCE: /assets/fares-time-badge-spacing-v161051.css */
/* V16.10.51: time line + surcharge badge line, spacing hard-fix */
.auto-fare-table .fare-time-wrap,
.international-simple-table .fare-time-wrap{display:none!important;}
.auto-fare-table .fare-time-stack,
.international-simple-table .fare-time-stack{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  gap:8px!important;
}
.auto-fare-table .fare-time-line,
.international-simple-table .fare-time-line{
  display:block!important;
  width:100%!important;
  font-size:14px!important;
  line-height:1.25!important;
  font-weight:900!important;
  color:#34445a!important;
  white-space:nowrap!important;
}
.auto-fare-table .fare-row-badges,
.international-simple-table .fare-row-badges{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  width:100%!important;
  margin:0!important;
}
.surcharge-row-badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:24px!important;
  padding:3px 8px!important;
  margin:0!important;
  border:0!important;
  border-radius:999px!important;
  font-size:11px!important;
  line-height:18px!important;
  font-weight:900!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
}
.surcharge-row-badge.foreign,
.surcharge-row-badge.outside{background:#f2e9ff!important;color:#7137ad!important;}
.surcharge-row-badge.night{background:#fff0e6!important;color:#ae531c!important;}
.auto-fare-table td,
.international-simple-table td{vertical-align:middle!important;}
.auto-fare-table tbody td,
.international-simple-table tbody td{padding-top:15px!important;padding-bottom:15px!important;}
.auto-fare-table th:first-child,
.auto-fare-table td:first-child{width:47%!important;text-align:left!important;}
.international-simple-table th:first-child,
.international-simple-table td:first-child{width:52%!important;text-align:left!important;}
.auto-fare-table td:first-child,
.international-simple-table td:first-child{white-space:normal!important;overflow:visible!important;}
@media(max-width:1024px){
  .auto-fare-table .fare-time-stack,
  .international-simple-table .fare-time-stack{gap:7px!important;}
  .auto-fare-table tbody td,
  .international-simple-table tbody td{padding-top:14px!important;padding-bottom:14px!important;}
}
@media(max-width:768px){
  .auto-fare-table th:first-child,
  .auto-fare-table td:first-child{width:50%!important;}
  .international-simple-table th:first-child,
  .international-simple-table td:first-child{width:55%!important;}
  .auto-fare-table .fare-time-line,
  .international-simple-table .fare-time-line{font-size:12px!important;line-height:1.25!important;}
  .surcharge-row-badge{min-height:21px!important;padding:2px 5px!important;font-size:8.5px!important;line-height:17px!important;}
  .auto-fare-table .fare-row-badges,
  .international-simple-table .fare-row-badges{gap:3px!important;flex-wrap:nowrap!important;}
  .auto-fare-table tbody td,
  .international-simple-table tbody td{padding-top:13px!important;padding-bottom:13px!important;}
  .auto-fare-table td:not(:first-child),
  .international-simple-table td:not(:first-child){padding-left:3px!important;padding-right:3px!important;}
}
@media(max-width:390px){
  .international-simple-table th:first-child,
  .international-simple-table td:first-child{width:56%!important;}
  .surcharge-row-badge{padding:2px 4px!important;font-size:7.8px!important;letter-spacing:-.15px!important;}
  .auto-fare-table .fare-row-badges,
  .international-simple-table .fare-row-badges{gap:2px!important;}
}