*{box-sizing:border-box}html{font-size:17px}body{margin:0;font-family:Arial,'Noto Sans KR',sans-serif;color:#172033;background:#fff;line-height:1.55}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.wrap{width:min(1120px,calc(100% - 36px));margin:0 auto}.site-header{height:72px;background:#fff;border-bottom:1px solid #e7ebf1;position:sticky;top:0;z-index:30}.nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:14px}.logo{font-size:21px;font-weight:800;letter-spacing:-.02em}.header-call{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 17px;border-radius:13px;background:#fff6da;color:#5f4300;font-weight:800;border:1px solid #efd78c}.hero-home{background:linear-gradient(180deg,#f2f6fc 0%,#f8fafe 100%);padding:56px 0 46px}.hero-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:38px;align-items:center}.eyebrow,.card-kicker,.request-kicker{display:inline-block;color:#1d5fd0;font-weight:800;font-size:15px}.hero-copy h1{font-size:50px;line-height:1.16;letter-spacing:-.04em;margin:12px 0 18px}.hero-copy>p{font-size:19px;color:#5d6878;max-width:540px;margin:0}.hero-call{display:grid;gap:2px;margin-top:26px;background:#fff;border:2px solid #f0c860;border-radius:18px;padding:18px 20px;max-width:360px;box-shadow:0 10px 24px rgba(87,62,0,.08)}.hero-call strong{font-size:20px;color:#4b3500}.hero-call span{color:#7a6740}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.service-card{min-height:310px;padding:28px;border-radius:26px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid #dce3ee;box-shadow:0 18px 40px rgba(33,49,72,.09);transition:transform .2s ease,box-shadow .2s ease}.service-card:hover{transform:translateY(-3px);box-shadow:0 22px 46px rgba(33,49,72,.13)}.quote-card-link{background:#1f5fce;color:#fff;border-color:#1f5fce}.group-card-link{background:#fff}.service-icon{width:54px;height:54px;border-radius:18px;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:30px}.group-card-link .service-icon{background:#eef4ff}.quote-card-link .card-kicker,.quote-card-link p{color:#dbe8ff}.service-card h2{font-size:29px;line-height:1.2;margin:8px 0 12px;letter-spacing:-.03em}.service-card p{margin:0;color:#687386}.card-action{display:block;margin-top:24px;font-size:18px}.trust-section{padding:28px 0}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.trust-grid article{display:flex;gap:14px;padding:22px;border:1px solid #e2e7ef;border-radius:18px;background:#fff}.trust-grid article>span{font-weight:800;color:#1d5fd0}.trust-grid b{font-size:18px}.trust-grid p{margin:4px 0 0;color:#6b7684}.home-guide{padding:0 0 70px}.home-guide details{border:1px solid #e2e7ef;border-radius:18px;padding:20px 22px;background:#fff}.home-guide summary{font-size:18px;font-weight:800;cursor:pointer}.home-guide p{margin:12px 0 0;color:#616d7c}footer{border-top:1px solid #e7ebf1;padding:26px 0;color:#6e7886}.footer-inner{display:flex;justify-content:space-between;gap:18px}.mobile-nav{display:none}.primary,.secondary{border:0;border-radius:14px;padding:15px 22px;font-weight:700;cursor:pointer}.primary{background:#1f5cc4;color:#fff}.secondary{background:#edf2f7;color:#253142}.link-btn{display:inline-flex;align-items:center;justify-content:center}.full{width:100%}.quote-page{padding:34px 0 80px;max-width:760px}.quote-head{text-align:center;margin-bottom:22px}.quote-head h1{font-size:42px;line-height:1.2;margin:10px 0 14px}.quote-head p,.step-help{font-size:18px;color:#596676}.quote-card{background:#fff;border:1px solid #e5e9ef;border-radius:20px;box-shadow:0 10px 30px rgba(24,33,47,.05);padding:26px}.quote-progress{font-weight:800;color:#1f5cc4}.progress{height:9px;background:#e7ebf0;border-radius:999px;margin:10px 0 24px}.progress i{display:block;height:100%;width:25%;background:#1f5cc4;border-radius:999px;transition:.2s}.quote-step,.request-step{display:none}.quote-step.active,.request-step.active{display:block}.quote-step h2,.request-step h2{font-size:27px;margin-bottom:4px}.quote-step label,.request-step label,dialog form>label{display:block;font-size:18px;font-weight:700;margin:16px 0}.quote-step input,.quote-step select,.quote-step textarea,.request-step input,.request-step select,.request-step textarea,dialog form>label input,dialog form>label select,dialog form>label textarea{width:100%;margin-top:8px;padding:16px;border:2px solid #cfd6df;border-radius:14px;background:#fff;font-size:18px}.quote-step small,.request-step small,dialog small{font-weight:400;color:#7a8490}.choice{display:grid;grid-template-columns:1fr 1fr;gap:12px}.big-choice label{border:2px solid #cfd6df;padding:18px;border-radius:14px;text-align:center}.big-choice input,.agree input{width:auto!important;margin:0 8px 0 0!important}.actions{display:flex;justify-content:space-between;gap:12px;margin-top:24px}.actions button{flex:1;font-size:18px}.hidden{display:none!important}.group-page{padding:38px 0 90px}.group-head{margin-bottom:22px}.group-head h1{font-size:44px;line-height:1.2;margin:10px 0 16px}.group-head p{font-size:19px;max-width:760px;color:#53606f}.route-request-highlight{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;padding:28px;margin-bottom:34px;border-radius:24px;background:linear-gradient(135deg,#edf4ff,#f8fbff);border:1px solid #cfdcf0;box-shadow:0 12px 32px rgba(31,95,206,.08)}.route-request-highlight h2{font-size:30px;margin:8px 0 10px}.route-request-highlight p{margin:0;color:#596676;font-size:18px}.route-request-highlight ul{margin:18px 0 0;padding-left:22px;color:#4f5d6c}.request-main-btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:16px;background:#1f5fce;color:#fff;padding:18px 24px;font-weight:800;font-size:19px;cursor:pointer;white-space:nowrap}.route-section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:16px}.route-section-head h2{font-size:28px;margin:6px 0 0}.route-section-head p{margin:0;color:#687386}.route-list{display:grid;gap:16px}.route-card{padding:22px;display:flex;justify-content:space-between;gap:24px;align-items:center;background:#fff;border:1px solid #e5e9ef;border-radius:20px;box-shadow:0 10px 30px rgba(24,33,47,.05)}.route-card h2{margin:10px 0 4px}.route-card p{margin:3px 0;color:#667281}.route-meta{text-align:right;display:grid;gap:8px;justify-items:end}.route-meta b{font-size:22px}.badge{display:inline-block;background:#fff0cf;color:#8d5a00;padding:6px 10px;border-radius:999px}.badge.confirmed{background:#e4f5ea;color:#246b3a}.badge.done{background:#e6f0ff;color:#1f5fce}.badge.cancelled{background:#fde7e7;color:#a12a2a}.notice{padding:22px;margin-top:18px;background:#fff;border:1px solid #e5e9ef;border-radius:20px}.request-note{padding:12px 14px;background:#f4f7fb;border-radius:12px;color:#5d6878}.dialog-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.dialog-head h2{margin:4px 0}.close{border:0;background:#eef1f5;width:42px;height:42px;border-radius:50%;font-size:28px;flex:0 0 auto}dialog{width:min(620px,calc(100% - 24px));border:0;border-radius:24px;padding:0;box-shadow:0 30px 90px rgba(0,0,0,.25)}dialog::backdrop{background:rgba(18,25,35,.55)}dialog form{padding:24px}.admin-body{background:#f4f6fa}.admin-title{font-size:18px}.admin-page{padding:34px 0 80px}.admin-top{display:flex;justify-content:space-between;gap:20px;align-items:flex-end}.admin-top h1{font-size:38px;margin:8px 0}.admin-top p{margin:0;color:#657180}.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0}.admin-stats article{background:#fff;border:1px solid #e1e7ef;border-radius:18px;padding:22px}.admin-stats span,.admin-stats b{display:block}.admin-stats b{font-size:34px;margin-top:6px}.admin-panel{background:#fff;border:1px solid #e1e7ef;border-radius:22px;padding:20px}.admin-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:18px}.admin-tabs{display:flex;gap:8px;overflow:auto}.admin-tabs button{border:0;border-radius:12px;padding:12px 16px;background:#edf1f6;font-weight:800;white-space:nowrap;cursor:pointer}.admin-tabs button.active{background:#1f5fce;color:#fff}.admin-filters{display:flex;gap:8px}.admin-filters input,.admin-filters select{padding:12px 14px;border:1px solid #cfd7e2;border-radius:12px;background:#fff}.admin-list{display:grid;gap:12px}.admin-card{border:1px solid #e1e7ef;border-radius:18px;padding:18px;background:#fff}.admin-card-main{display:flex;justify-content:space-between;gap:18px}.admin-card-kicker{font-size:13px;color:#778292}.admin-card h3{margin:5px 0 8px;font-size:20px}.admin-card p{margin:3px 0;color:#606c7a}.admin-card-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.admin-empty{padding:34px;text-align:center;color:#768191}.admin-error{padding:16px;border-radius:12px;background:#fdeaea;color:#9c2f2f;margin-bottom:14px}.admin-dialog form>label{margin-top:16px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.detail-grid div{background:#f5f7fa;border-radius:12px;padding:12px}.detail-grid span,.detail-grid b{display:block}.detail-grid span{font-size:13px;color:#778292}.detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.admin-card.new-card{border-color:#f2b544;background:#fffaf0;box-shadow:0 10px 28px rgba(242,181,68,.18)}.new-badge{display:inline-flex;align-items:center;justify-content:center;margin-right:6px;padding:3px 7px;border-radius:999px;background:#f2b544;color:#332100;font-size:11px;font-weight:900;letter-spacing:.02em}@media(max-width:900px){.hero-layout{grid-template-columns:1fr}.hero-copy{text-align:center}.hero-copy>p,.hero-call{margin-left:auto;margin-right:auto}.service-grid{max-width:760px;margin:0 auto}.route-request-highlight{grid-template-columns:1fr}.request-main-btn{width:100%}.admin-toolbar{align-items:stretch;flex-direction:column}.admin-filters{display:grid;grid-template-columns:1fr 1fr}}@media(max-width:760px){body{padding-bottom:74px}.site-header{height:auto}.nav{padding:10px 0}.logo{font-size:18px}.header-call{padding:9px 12px}.hero-home{padding:34px 0 30px}.hero-copy h1{font-size:36px}.hero-copy>p{font-size:17px}.service-grid{grid-template-columns:1fr}.service-card{min-height:0;padding:22px}.service-icon{margin-bottom:18px}.service-card h2{font-size:25px}.trust-grid{grid-template-columns:1fr}.footer-inner{flex-direction:column}.mobile-nav{display:grid;grid-template-columns:1fr 1fr .8fr;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:40;padding:10px;background:rgba(255,255,255,.97);border-top:1px solid #dfe5ed}.mobile-nav a{display:flex;align-items:center;justify-content:center;padding:13px 8px;border-radius:12px;background:#edf2f7;font-weight:800}.mobile-nav a:first-child{background:#1f5fce;color:#fff}.mobile-nav .mobile-call{background:#f2b544;color:#332100}.quote-head h1{font-size:32px}.quote-page{padding:24px 0 90px}.quote-card{padding:18px}.quote-step h2,.request-step h2{font-size:24px}.actions{position:sticky;bottom:74px;background:#fff;padding-top:12px}.actions button{padding:15px 10px}.group-head h1{font-size:34px}.route-request-highlight{padding:22px}.route-request-highlight h2{font-size:25px}.route-section-head{align-items:flex-start;flex-direction:column}.route-card{align-items:flex-start;flex-direction:column}.route-meta{text-align:left;justify-items:start;width:100%}.route-meta button{width:100%}dialog form{padding:18px}.admin-page{padding-top:22px}.admin-top{align-items:flex-start;flex-direction:column}.admin-top h1{font-size:30px}.admin-stats{grid-template-columns:1fr}.admin-panel{padding:14px}.admin-filters{grid-template-columns:1fr}.admin-card-main{flex-direction:column}.admin-card-actions{display:grid;grid-template-columns:1fr 1fr}.detail-grid{grid-template-columns:1fr}}
.quote-card-link p{color:#eaf2ff!important}
.admin-card.new-card{border-color:#f2b544;background:linear-gradient(180deg,#fffaf0 0%,#ffffff 100%);box-shadow:0 12px 30px rgba(242,181,68,.18)}
.admin-card.checked-card{border-color:#b8c7d9;background:#fbfcfe}
.admin-card.done-card{border-color:#9fc1f5;background:#f4f8ff}
.admin-card.confirmed-card{border-color:#8fd1a5;background:#f3fbf6}
.admin-card.cancelled-card{border-color:#f1b4b4;background:#fff6f6;opacity:.82}
.new-badge{display:inline-flex;align-items:center;justify-content:center;margin-right:6px;padding:3px 8px;border-radius:999px;background:#f2b544;color:#332100;font-size:11px;font-weight:900;letter-spacing:.02em}
.sms-btn{background:#fff7e6;color:#6a4200;border:1px solid #f2d79b}
.sms-btn:hover{background:#ffe9b8}
.quick-sms-box{margin:18px 0;padding:14px;border-radius:16px;background:#fffaf0;border:1px solid #f2d79b}
.quick-sms-box p{margin:0 0 10px;font-weight:900;color:#6a4200}
.quick-sms-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.danger-btn{border:0;border-radius:14px;padding:15px 22px;font-weight:800;cursor:pointer;background:#fde7e7;color:#a12a2a}
.danger-btn:hover{background:#f8cfcf}
.detail-actions{grid-template-columns:1fr 1fr 1fr}
@media(max-width:760px){.quick-sms-actions{grid-template-columns:1fr}.detail-actions{grid-template-columns:1fr}.admin-card-actions{grid-template-columns:1fr 1fr 1fr}}
.admin-form-card{margin-bottom:22px;padding:24px;border:1px solid #e1e7ef;border-radius:22px;background:linear-gradient(180deg,#ffffff 0%,#fbfcff 100%);box-shadow:0 12px 32px rgba(24,33,47,.06)}
.admin-form-card h2{margin:0 0 18px;font-size:24px;letter-spacing:-.03em}
.admin-route-form{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.admin-route-form label{display:grid;gap:8px;margin:0;font-size:14px;font-weight:900;color:#253142}
.admin-route-form input,.admin-route-form select,.admin-route-form textarea{width:100%;min-height:52px;padding:14px 15px;border:1px solid #cfd7e2;border-radius:14px;background:#fff;color:#172033;font-size:15px;outline:none;transition:border-color .15s,box-shadow .15s,background .15s}
.admin-route-form input:focus,.admin-route-form select:focus,.admin-route-form textarea:focus{border-color:#1f5fce;box-shadow:0 0 0 4px rgba(31,95,206,.12);background:#fff}
.admin-route-form textarea{min-height:108px;resize:vertical}
.admin-route-form label:has(textarea){grid-column:span 2}
.admin-route-form .detail-actions{grid-column:span 3;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px}
.admin-route-form .detail-actions button{min-height:56px;font-size:16px;font-weight:900}
#routesList{margin-top:18px}
#routesList .admin-card{border-radius:20px}
#routesList .admin-card h3{font-size:22px}
#routesList .admin-card-actions{display:grid;grid-template-columns:1fr 1fr;min-width:180px}
#routesList .danger-btn,#routesList .secondary{min-height:48px;padding:12px 16px}
@media(max-width:1000px){.admin-route-form{grid-template-columns:repeat(2,1fr)}.admin-route-form .detail-actions{grid-column:span 2}}
@media(max-width:760px){.admin-form-card{padding:18px}.admin-route-form{grid-template-columns:1fr}.admin-route-form label:has(textarea),.admin-route-form .detail-actions{grid-column:span 1}.admin-route-form .detail-actions{grid-template-columns:1fr}#routesList .admin-card-actions{grid-template-columns:1fr 1fr;width:100%}}
.bus-type-section{padding:54px 0 62px;background:#fff}
.section-title{margin-bottom:24px;max-width:720px}
.section-title h2{margin:8px 0 10px;font-size:36px;line-height:1.2;letter-spacing:-.04em}
.section-title p{margin:0;color:#5d6878;font-size:18px}
.bus-type-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.bus-type-card{text-align:left;border:1px solid #e1e7ef;border-radius:24px;background:#fff;padding:16px;cursor:pointer;box-shadow:0 14px 34px rgba(24,33,47,.07);transition:transform .18s,box-shadow .18s,border-color .18s}
.bus-type-card:hover{transform:translateY(-4px);border-color:#1f5fce;box-shadow:0 20px 44px rgba(31,95,206,.14)}
.bus-thumb{overflow:hidden;height:150px;border-radius:18px;background:#fff;border:1px solid #e1e7ef;margin-bottom:15px;display:flex;align-items:center;justify-content:center}
.bus-thumb img{width:100%;height:100%;object-fit:contain;display:block}
.bus-type-card span{color:#1f5fce;font-weight:900;font-size:14px}
.bus-type-card h3{margin:7px 0 8px;font-size:22px;letter-spacing:-.03em}
.bus-type-card p{margin:0;color:#647080;font-size:15px}
.bus-modal{width:min(860px,calc(100% - 24px))}
.bus-modal form{padding:24px}
.bus-modal .dialog-head span{color:#1f5fce;font-weight:900}
.bus-modal .dialog-head h2{font-size:28px;letter-spacing:-.04em}
.bus-modal-images{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0 16px}
.bus-modal-images img{width:100%;height:260px;border-radius:18px;background:#fff;border:1px solid #e1e7ef;display:block;color:transparent;object-fit:contain;object-position:center}
.bus-modal-text{margin:0 0 18px;color:#596676;font-size:17px}
.footer-business{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}
.footer-business strong{display:block;margin-bottom:8px;color:#172033;font-size:20px}
.footer-business p{margin:4px 0;color:#667281}
.footer-links{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.footer-links button{border:1px solid #d9e1ec;border-radius:999px;background:#fff;padding:10px 14px;color:#253142;font-weight:800;cursor:pointer}
.footer-links button:hover{border-color:#1f5fce;color:#1f5fce}
.policy-modal{width:min(720px,calc(100% - 24px))}
.policy-modal form{padding:24px}
.policy-content{display:grid;gap:12px;margin-top:16px;color:#556170;font-size:16px}
.policy-content p{margin:0;padding:14px;border-radius:14px;background:#f6f8fb;border:1px solid #e6ebf2}
.bus-thumb img,.bus-modal-images img{color:transparent}
@media(max-width:1000px){.bus-type-grid{grid-template-columns:repeat(2,1fr)}.bus-thumb{height:180px}}
@media(max-width:760px){
.bus-type-section{padding:36px 0 44px}
.section-title h2{font-size:29px}
.section-title p{font-size:16px}
.bus-type-grid{grid-template-columns:1fr}
.bus-thumb{height:190px}
.bus-modal form,.policy-modal form{padding:18px}
.bus-modal-images{display:flex !important;flex-direction:column !important;gap:12px}
.bus-modal-images img{height:auto !important;width:100% !important;object-fit:contain !important;object-position:center !important}
.footer-business{flex-direction:column}
.footer-links{justify-content:flex-start}
}
/* ── 메인 히어로 배경 ── */
.hero-home{
position:relative;
overflow:hidden;
padding:80px 0 72px;
background:#e8edf5;
}
/* 배경 이미지: 오버레이 없이 사진 그대로 선명하게 */
.hero-home::before{
content:"";
position:absolute;
inset:0;
background-image:url("images/현대유니버스.PNG");
background-size:cover;
background-position:center right;
z-index:0;
pointer-events:none;
}
/* 왼쪽만 흰색 페이드, 오른쪽은 완전 투명 → 사진 선명하게 보임 */
.hero-home::after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(
90deg,
rgba(255,255,255,.92) 0%,
rgba(255,255,255,.80) 28%,
rgba(255,255,255,.30) 52%,
rgba(255,255,255,.00) 70%
);
z-index:0;
pointer-events:none;
}
.hero-layout{position:relative;z-index:1}
.hero-copy{position:relative;padding:8px 0}
/* eyebrow 글자 크기 키움 */
.hero-copy .eyebrow{
font-size:17px;
font-weight:900;
color:#1a4faa;
letter-spacing:.01em;
}
/* 제목 글자 진하고 선명하게 */
.hero-copy h1{
color:#0a1628;
font-weight:900;
text-shadow:none;
}
/* 본문 글자 진하게 */
.hero-copy>p{
color:#253142;
font-weight:600;
}
.service-card{backdrop-filter:blur(6px)}
.group-card-link{background:rgba(255,255,255,.92)}
.hero-call{background:rgba(255,255,255,.95);backdrop-filter:blur(4px)}
@media(max-width:760px){
.hero-home{padding:44px 0 38px}
.hero-home::before{background-position:center}
.hero-home::after{
background:linear-gradient(
180deg,
rgba(255,255,255,.90) 0%,
rgba(255,255,255,.70) 50%,
rgba(255,255,255,.20) 100%
)
}
.hero-copy .eyebrow{font-size:15px}
}
.price-preview{margin:4px 0 16px;padding:16px 18px;border-radius:16px;background:linear-gradient(135deg,#eef8f0,#f4fbf6);border:1.5px solid #8fd1a5;display:grid;gap:4px}
.price-preview-label{font-size:14px;font-weight:800;color:#246b3a}
.price-preview-amount{font-size:26px;font-weight:900;color:#1a5230;letter-spacing:-.03em}
.price-preview-note{font-size:13px;color:#4a7a5a}
.group-call-notice{margin:4px 0 16px;padding:18px;border-radius:16px;background:linear-gradient(135deg,#fffaf0,#fff7e6);border:1.5px solid #f2d79b}
.group-call-notice p{margin:0 0 12px;font-size:16px;color:#5a3e00}
.group-call-notice .group-call-sub{margin:10px 0 0;font-size:14px;color:#8a6b30}
.group-call-btn{display:flex;align-items:center;justify-content:center;padding:14px 18px;border-radius:13px;background:#f2b544;color:#332100;font-size:17px;font-weight:900;text-decoration:none}
.group-call-btn:hover{background:#e8a832}
.link-text{background:none;border:none;padding:0;color:#1d5fd0;font-weight:700;font-size:inherit;cursor:pointer;text-decoration:underline}