@charset "utf-8";

.ride-board-wrap{background:#f5f7fb;padding:24px 0 50px;font-family:Arial,'Noto Sans KR',sans-serif;color:#111827}
.ride-container{max-width:1180px;margin:0 auto;padding:0 15px}
.ride-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;flex-wrap:wrap}
.ride-title{font-size:28px;font-weight:900;margin:0;letter-spacing:-.5px;color:#0f172a}
.ride-sub{font-size:14px;color:#64748b;margin-top:5px}
.ride-write-btn{display:inline-flex;align-items:center;gap:7px;background:#1163d8;color:#fff!important;border-radius:14px;padding:12px 18px;font-weight:900;text-decoration:none;box-shadow:0 10px 24px rgba(17,99,216,.2)}
.ride-write-disabled{display:inline-flex;align-items:center;gap:7px;background:#e5e7eb;color:#64748b!important;border-radius:14px;padding:12px 18px;font-weight:900;text-decoration:none}
.ride-admin{display:inline-flex;align-items:center;gap:8px}
.ride-search{background:#fff;border:1px solid #e2e8f0;border-radius:22px;padding:18px;margin-bottom:18px;box-shadow:0 8px 22px rgba(15,23,42,.05)}
.ride-search-grid{display:grid;grid-template-columns:1fr 1fr 150px 130px;gap:10px}
.ride-search input,.ride-search select{height:46px;border:1px solid #dbe3ef;border-radius:13px;padding:0 12px;font-weight:700;width:100%;background:#f8fafc;color:#111827}
.ride-search button{height:46px;border:0;border-radius:13px;background:#0f63d8;color:#fff;font-weight:900;cursor:pointer}
.ride-cate-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:14px;margin-bottom:20px;box-shadow:0 8px 22px rgba(15,23,42,.04)}
.ride-cate-list{display:flex;gap:8px;flex-wrap:wrap;margin:0;padding:0;list-style:none}
.ride-cate-list a{display:block;padding:9px 13px;border-radius:999px;background:#f1f5f9;color:#334155;font-weight:800;text-decoration:none;font-size:14px}
.ride-cate-list a.active{background:#1163d8;color:#fff}
.ride-list{display:grid;grid-template-columns:1fr;gap:16px}
.ride-card{position:relative;background:#fff;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 10px 30px rgba(15,23,42,.06);overflow:hidden;transition:.18s ease}
.ride-card:hover{transform:translateY(-2px);box-shadow:0 16px 35px rgba(15,23,42,.1)}
.ride-card-link{display:grid;grid-template-columns:220px 1fr 160px;gap:0;color:inherit!important;text-decoration:none!important;min-height:190px}
.ride-thumb{background:#e2e8f0;position:relative;overflow:hidden}
.ride-thumb img{width:100%;height:100%;object-fit:cover;display:block;position:absolute;inset:0}
.ride-thumb.default{background:linear-gradient(135deg,#eff6ff,#dbeafe)}
.ride-thumb.default:before{content:'eKBS Ride';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:900;color:#1163d8;font-size:22px;white-space:nowrap}
.ride-body{padding:22px 24px;display:flex;flex-direction:column;gap:12px;justify-content:center}
.ride-route{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.ride-city{font-size:24px;font-weight:900;color:#0f172a;line-height:1.15}
.ride-arrow{width:34px;height:34px;border-radius:50%;background:#eff6ff;color:#1163d8;display:inline-flex;align-items:center;justify-content:center;font-weight:900}
.ride-meta{display:flex;gap:10px;flex-wrap:wrap;color:#475569;font-weight:800;font-size:14px}
.ride-chip{display:inline-flex;align-items:center;gap:6px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;padding:8px 11px}
.ride-driver{display:flex;align-items:center;gap:8px;color:#334155;font-size:14px;font-weight:800}
.ride-verify{color:#0f766e;background:#ecfdf5;border:1px solid #bbf7d0;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:900}
.ride-price-box{border-left:1px solid #eef2f7;padding:22px 18px;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;text-align:right;gap:8px}
.ride-price{font-size:28px;font-weight:900;color:#0f766e}
.ride-price small{display:block;font-size:12px;color:#64748b;font-weight:800;margin-top:2px}
.ride-seat{font-size:15px;font-weight:900;color:#1163d8;background:#eff6ff;border-radius:999px;padding:7px 11px}
.ride-status{font-size:13px;font-weight:900;color:#fff;background:#16a34a;border-radius:999px;padding:7px 11px}
.ride-status.closed{background:#64748b}
.ride-admin-check{position:absolute;top:12px;right:12px;z-index:5;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:6px;box-shadow:0 4px 12px rgba(0,0,0,.1)}
.ride-no-data{background:#fff;border:1px dashed #cbd5e1;border-radius:22px;padding:70px 20px;text-align:center;color:#64748b;font-weight:800}
.ride-view-wrap{max-width:1040px;margin:0 auto;padding:24px 15px 60px;font-family:Arial,'Noto Sans KR',sans-serif;color:#111827}
.ride-view-hero{background:linear-gradient(135deg,#0f172a,#1163d8);color:#fff;border-radius:26px;padding:32px;margin-bottom:20px}
.ride-view-hero h1{font-size:34px;font-weight:900;line-height:1.25;margin:0 0 14px;letter-spacing:-.5px}
.ride-view-main{display:grid;grid-template-columns:1fr 330px;gap:18px}
.ride-panel{background:#fff;border:1px solid #e2e8f0;border-radius:22px;padding:22px;box-shadow:0 8px 24px rgba(15,23,42,.05);margin-bottom:18px}
.ride-panel h2{font-size:20px;font-weight:900;margin:0 0 16px;color:#0f172a}
.ride-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.ride-summary-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:15px;text-align:center}
.ride-summary-label{font-size:13px;color:#64748b;font-weight:800;margin-bottom:6px}
.ride-summary-value{font-size:18px;color:#0f172a;font-weight:900}
.ride-info-table{width:100%;border-collapse:collapse}
.ride-info-table th,.ride-info-table td{border-bottom:1px solid #eef2f7;padding:13px 8px;text-align:left;vertical-align:top}
.ride-info-table th{width:150px;color:#64748b;font-weight:900;background:#f8fafc}
.ride-contact-card{position:sticky;top:20px}
.ride-contact-price{font-size:32px;font-weight:900;color:#0f766e;margin-bottom:10px;text-align:right}
.ride-contact-btn{display:block;text-align:center;background:#1163d8;color:#fff!important;border-radius:14px;padding:14px 18px;font-weight:900;text-decoration:none;margin-top:14px}
.ride-safe{background:#fff7ed;border:1px solid #fed7aa;color:#7c2d12;border-radius:18px;padding:16px;line-height:1.7;font-size:14px;font-weight:700}
.ride-write-wrap{max-width:980px;margin:0 auto;padding:24px 15px 60px;font-family:Arial,'Noto Sans KR',sans-serif;color:#111827}
.ride-write-card{background:#fff;border:1px solid #e2e8f0;border-radius:22px;padding:22px;box-shadow:0 8px 24px rgba(15,23,42,.05);margin-bottom:18px}
.ride-write-card h2{font-size:20px;font-weight:900;margin:0 0 16px;color:#0f172a}
.ride-form-row{display:grid;grid-template-columns:160px 1fr;gap:12px;align-items:center;margin-bottom:14px}
.ride-form-row label{font-weight:900;color:#334155;margin:0}
.ride-form-row input,.ride-form-row select,.ride-form-row textarea{width:100%;border:1px solid #dbe3ef;border-radius:13px;padding:12px;background:#f8fafc;color:#111827;font-weight:700}
.ride-form-row textarea{min-height:130px;resize:vertical}
.ride-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ride-checks{display:flex;gap:14px;flex-wrap:wrap}
.ride-checks label{font-weight:800;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;padding:9px 12px}
.ride-submit-area{text-align:center;margin:26px 0}
.ride-submit-area .btn{border-radius:14px;padding:13px 28px;font-weight:900}
.ride-email-alert{background:#fff7ed;border:1px solid #fed7aa;color:#7c2d12;border-radius:18px;padding:18px;font-weight:800;line-height:1.7;margin:20px 0}
@media(max-width:900px){.ride-search-grid{grid-template-columns:1fr}.ride-card-link{grid-template-columns:1fr}.ride-thumb{height:210px}.ride-price-box{border-left:0;border-top:1px solid #eef2f7;align-items:flex-start;text-align:left}.ride-view-main{grid-template-columns:1fr}.ride-summary-grid{grid-template-columns:repeat(2,1fr)}.ride-form-row{grid-template-columns:1fr}.ride-two{grid-template-columns:1fr}.ride-city{font-size:21px}}
