/* ===== Car_Search.html ===== */
body.page-car-search .booking-panel{
background:#fff; border:1px solid #EBE5DF; border-radius:14px; padding:22px 20px;
}
body.page-car-search .field-row{display:flex; gap:10px; margin-bottom:10px;}
body.page-car-search .field-row .field{flex:1; min-width:0;}
body.page-car-search .field label{
display:block; font-size:1.2rem; font-weight:700; color:var(--text-body); margin-bottom:7px;
letter-spacing:0.04em;
}
body.page-car-search .field .input{
width:100%; display:block; text-align:left;
border:1.5px solid var(--line); border-radius:10px; padding:12px 12px;
font-size:1.35rem; font-weight:600; color:var(--ink); background:#FCFAF9;
}
body.page-car-search .field .input:hover{border-color:var(--tangerine);}
body.page-car-search .field .input small{display:block; font-weight:500; color:var(--text-muted); font-size:1.15rem; margin-top:2px;}
body.page-car-search .rent-hours{
display:inline-block; font-size:1.2rem; font-weight:800; color:var(--tangerine);
background:#FBECEA; padding:5px 10px; border-radius:8px; margin-bottom:16px;
}
body.page-car-search .chip-group{margin-bottom:16px;}
body.page-car-search .chip-group label{
display:block; font-size:1.2rem; font-weight:700; color:var(--text-body); margin-bottom:8px;
letter-spacing:0.04em;
}
body.page-car-search .chip-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:8px;}
body.page-car-search .chip-row{display:flex; gap:8px;}
body.page-car-search .chip-help{margin-top:9px; font-size:1.2rem; line-height:1.75; color:var(--sea);}
body.page-car-search .chip-help b{color:var(--tangerine); font-weight:700;}
body.page-car-search .chip-help strong{color:var(--tangerine); font-weight:700;}
body.page-car-search .chip-help a{
display:inline-block; margin-top:4px;
color:var(--tangerine); font-weight:700; text-decoration:underline; text-underline-offset:2px;
}
body.page-car-search .chip-row.need-pick .chip{
border-color:var(--tangerine-deep); color:var(--tangerine-deep);
box-shadow:0 0 0 3px rgba(176,48,48,0.14);
}
body.page-car-search .chip{
flex:1; padding:9px 4px; border-radius:9px; border:1.5px solid var(--line);
background:#FCFAF9; font-size:1.2rem; font-weight:700; color:var(--text-body);
text-align:center; white-space:nowrap;
}
body.page-car-search .chip.active{background:var(--tangerine); border-color:var(--tangerine); color:#fff;}
body.page-car-search .reset-btn{
width:100%; background:#fff; color:var(--text-muted); font-weight:700; font-size:1.3rem;
padding:10px; border-radius:10px; border:1.5px solid var(--line); margin-bottom:8px;
}
body.page-car-search .reset-btn:hover{border-color:var(--tangerine-deep); color:var(--tangerine-deep);}
body.page-car-search .search-btn{
width:100%; background:var(--tangerine); color:#fff; font-weight:800; font-size:1.5rem;
padding:14px 26px; border-radius:10px; border:none;
box-shadow:0 8px 18px rgba(176,48,48,0.22);
}
body.page-car-search .search-btn:hover{background:var(--tangerine-deep);}
body.page-car-search .date-modal-backdrop{
display:none; position:fixed; inset:0; background:rgba(20,24,22,0.5);
z-index:200; align-items:center; justify-content:center; padding:20px;
}
body.page-car-search .date-modal-backdrop.open{display:flex;}
body.page-car-search .date-modal{
background:#fff; border-radius:14px; width:100%; max-width:680px; max-height:88vh;
display:flex; flex-direction:column; overflow:hidden;
box-shadow:0 24px 60px rgba(0,0,0,0.25);
}
body.page-car-search .date-modal-head{display:flex; align-items:center; justify-content:space-between; padding:18px 22px; border-bottom:1px solid #F2ECE7;}
body.page-car-search .date-modal-head h3{font-size:1.6rem; font-weight:800;}
body.page-car-search .date-modal-close{background:none; border:none; font-size:2.2rem; line-height:1; color:var(--text-muted); padding:4px;}
body.page-car-search .date-modal-close:hover{color:var(--ink);}
body.page-car-search .date-modal-body{padding:18px 22px; overflow-y:auto;}
body.page-car-search .date-modal-cals{display:flex; align-items:flex-start; gap:14px;}
body.page-car-search .cal-panel{flex:1; min-width:0;}
body.page-car-search .cal-side-btn{
flex:0 0 auto; background:#FCFAF9; border:1.5px solid var(--line); border-radius:8px;
width:28px; height:28px; font-size:1.5rem; color:var(--text-body); margin-top:2px;
}
body.page-car-search .cal-side-btn:hover{border-color:var(--tangerine-deep); color:var(--tangerine-deep);}
body.page-car-search .cal-title{font-size:1.45rem; font-weight:800; color:var(--ink); text-align:center; margin-bottom:10px;}
body.page-car-search .cal-grid{display:grid; grid-template-columns:repeat(7,1fr); gap:4px;}
body.page-car-search .cal-dow{text-align:center; font-size:1.15rem; font-weight:800; color:var(--text-muted); padding-bottom:6px;}
body.page-car-search .cal-day{
position:relative; text-align:center; font-size:1.3rem; font-weight:700; color:var(--ink);
padding:8px 0; border-radius:8px; border:none; background:none;
}
body.page-car-search .cal-day:disabled{color:var(--text-disabled); cursor:default;}
body.page-car-search .cal-day.blank{visibility:hidden;}
body.page-car-search .cal-day.today::after{content:""; position:absolute; bottom:3px; left:50%; transform:translateX(-50%); width:4px; height:4px; border-radius:50%; background:var(--tangerine-deep);}
body.page-car-search .cal-day.in-range{background:#FBECEA; border-radius:0;}
body.page-car-search .cal-day.range-start, body.page-car-search .cal-day.range-end{background:var(--tangerine); color:#fff;}
body.page-car-search .cal-day.range-start{border-radius:8px 0 0 8px;}
body.page-car-search .cal-day.range-end{border-radius:0 8px 8px 0;}
body.page-car-search .cal-day.range-start.range-end{border-radius:8px;}
body.page-car-search .cal-day:not(:disabled):not(.blank):hover{background:#FFE3CC;}
body.page-car-search .date-modal-times{display:flex; gap:16px; margin-top:22px; padding-top:18px; border-top:1px solid #F2ECE7;}
body.page-car-search .time-field{flex:1; display:flex; flex-direction:column; gap:6px;}
body.page-car-search .time-field span{font-size:1.15rem; color:var(--text-muted); font-weight:800; letter-spacing:0.03em;}
body.page-car-search .time-field select{
border:1.5px solid var(--line); background:#FCFAF9; border-radius:10px; padding:10px 12px;
font-family:inherit; font-size:1.4rem; font-weight:700; color:var(--ink);
}
body.page-car-search .date-modal-note{margin-top:12px; font-size:1.25rem; line-height:1.7; color:var(--sea);}
body.page-car-search .date-modal-note b{color:var(--ink); font-weight:700;}
body.page-car-search .date-modal-note a{color:var(--tangerine); font-weight:800; text-decoration:underline; text-underline-offset:2px; white-space:nowrap;}
body.page-car-search .date-modal-foot{display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px 22px; border-top:1px solid #F2ECE7;}
body.page-car-search .date-modal-summary{font-size:1.3rem; font-weight:700; color:var(--text-body);}
body.page-car-search .date-modal-summary b{color:var(--tangerine);}
body.page-car-search .date-modal-apply{flex:0 0 auto; background:var(--tangerine); color:#fff; font-weight:800; font-size:1.7rem; padding:15px 46px; min-width:132px; border-radius:12px; border:none;}
body.page-car-search .date-modal-apply:hover{background:var(--tangerine-deep);}
@media (max-width:640px){
body.page-car-search .date-modal-backdrop{padding:0; align-items:flex-end;}
body.page-car-search .date-modal{max-width:none; max-height:88vh; border-radius:14px 20px 0 0;}
body.page-car-search .date-modal-head{padding:14px 18px;}
body.page-car-search .date-modal-body{padding:14px 18px;}
body.page-car-search .cal-panel-right{display:none;}
body.page-car-search .date-modal-cals{gap:10px;}
body.page-car-search .cal-day{font-size:1.25rem; padding:6px 0;}
body.page-car-search .date-modal-times{margin-top:16px; padding-top:14px;}
body.page-car-search .date-modal-note{font-size:1.2rem; margin-top:10px;}
body.page-car-search .date-modal-foot{flex-direction:column; align-items:stretch; padding:12px 18px;}
body.page-car-search .date-modal-summary{text-align:center;}
body.page-car-search .date-modal-apply{width:100%;}
}
body.page-car-search .results-area{padding:36px 0 90px;}
body.page-car-search .results-grid{display:grid; grid-template-columns:268px 1fr; gap:28px; align-items:start;}
body.page-car-search .results-grid > .side-col{grid-column:1;}
body.page-car-search .results-grid > .results-main{grid-column:2;}
body.page-car-search .side-col, body.page-car-search .results-main{min-width:0;}
body.page-car-search .side-col{position:sticky; top:96px;}
body.page-car-search .results-main{min-width:0;}
body.page-car-search .results-count{font-size:1.4rem; color:var(--sea); margin-bottom:16px;}
body.page-car-search .results-count b{color:var(--ink); font-weight:800;}
body.page-car-search .car-grid{display:grid; grid-template-columns:1fr 1fr; gap:18px;}
body.page-car-search .car-card{
background:#fff; border:1px solid #EBE5DF; border-radius:14px; overflow:hidden;
transition:box-shadow .2s, transform .2s;
display:flex; flex-direction:column;
}
body.page-car-search .car-card > .car-card-body{flex:1;}
body.page-car-search .car-card:hover{box-shadow:0 14px 34px rgba(42,37,33,0.10); transform:translateY(-2px);}
body.page-car-search .car-card-body{display:flex; gap:16px; padding:18px;}
body.page-car-search .car-card-info{flex:1; min-width:0;}
body.page-car-search .car-year{font-size:1.2rem; color:var(--sea); font-weight:700; margin-bottom:4px;}
body.page-car-search .car-name{font-size:1.7rem; font-weight:800; margin-bottom:8px;}
body.page-car-search .car-tags{display:grid; grid-template-columns:repeat(3, 1fr); gap:6px; margin-bottom:12px;}
body.page-car-search .car-tag{
font-size:1.1rem; font-weight:700; padding:4px 6px; border-radius:5px;
background:var(--wave); color:var(--text-body); text-align:center; white-space:nowrap;
}
body.page-car-search .car-tag.included{background:#F5F1EE; color:var(--hallasan-mint);}
body.page-car-search .car-price{font-size:1.25rem; color:var(--text-muted); margin-bottom:2px;}
body.page-car-search .car-price .original{text-decoration:line-through;}
body.page-car-search .car-price-final{font-size:2rem; font-weight:800; color:var(--tangerine);}
body.page-car-search .car-price-sub{font-size:.86rem; color:#8a7f76; margin-top:3px;}
body.page-car-search .car-photo{
position:relative; overflow:hidden;
flex:0 0 150px; height:92px; border-radius:10px;
background:#F4EEEA;
display:flex; align-items:center; justify-content:center; color:var(--text-muted); font-weight:700; font-size:1.2rem;
text-align:center;
}
body.page-car-search .car-photo img{position:absolute; inset:0; width:100%; height:100%; object-fit:contain; background:#fff; border-radius:10px;}
body.page-car-search .car-select-btn{
display:flex; align-items:center; justify-content:center; gap:6px;
width:calc(100% - 36px); margin:0 18px 18px; padding:12px; border-radius:10px;
border:1.5px solid var(--line); background:#FCFAF9; font-size:1.4rem; font-weight:700; color:var(--text-body);
}
body.page-car-search .car-select-btn:hover{border-color:var(--tangerine-deep); color:var(--tangerine-deep);}
body.page-car-search .car-select-btn .caret{
width:9px; height:6px; flex:0 0 auto; fill:currentColor; display:block;
transition:transform .15s;
}
body.page-car-search .car-select-btn:hover .caret{transform:translateY(1px);}
@media (max-width:1000px){
body.page-car-search .car-grid{grid-template-columns:1fr 1fr; gap:12px;}
}
@media (max-width:1024px){
body.page-car-search .results-grid{display:flex; flex-direction:column; gap:0; align-items:stretch;}
body.page-car-search .results-grid > .side-col{order:2; margin-bottom:24px;}
body.page-car-search .results-grid > .results-main{order:3;}
body.page-car-search .side-col{position:static;}
}
@media (max-width:860px){
body.page-car-search .header-bottom{justify-content:center;}
body.page-car-search .car-card-body{flex-direction:column-reverse; gap:10px; padding:12px;}
body.page-car-search .car-photo{width:100%; flex:none; height:104px;}
body.page-car-search .car-year{font-size:1.1rem; margin-bottom:3px;}
body.page-car-search .car-name{font-size:1.4rem; margin-bottom:6px; line-height:1.35; word-break:keep-all;}
body.page-car-search .car-tags{grid-template-columns:repeat(2,1fr); gap:4px; margin-bottom:9px;}
body.page-car-search .car-tag{font-size:1rem; padding:3px 4px;}
body.page-car-search .car-price{font-size:1.15rem;}
body.page-car-search .car-price-final{font-size:1.65rem;}
body.page-car-search .car-select-btn{font-size:1.3rem; padding:10px 12px;}
}
@media (max-width:400px){
body.page-car-search .car-name{font-size:1.35rem;}
body.page-car-search .car-tag{font-size:0.95rem; padding:3px 3px;}
body.page-car-search .car-grid{gap:10px;}
}
/* ===== Reserve_1.html ===== */
body.page-reserve-1 .select-area{padding:36px 0 90px;}
body.page-reserve-1 .top-grid{display:grid; grid-template-columns:1.35fr 1fr; gap:20px; align-items:stretch; margin-bottom:44px;}
body.page-reserve-1 .top-grid > .car-info{order:1;}
body.page-reserve-1 .top-grid > .promo-banner{order:2;}
body.page-reserve-1 .top-grid > *{min-width:0;}
body.page-reserve-1 .car-info{
background:#fff; border:1px solid #EBE5DF; border-radius:14px;
display:flex; align-items:center; gap:20px; padding:24px;
}
body.page-reserve-1 .car-info-photo{
position:relative; overflow:hidden;
flex:0 0 200px; height:130px; border-radius:10px;
background:#F4EEEA;
display:flex; align-items:center; justify-content:center;
color:var(--text-muted); font-weight:700; font-size:1.3rem; text-align:center;
}
body.page-reserve-1 .car-info-photo img{position:absolute; inset:0; width:100%; height:100%; object-fit:contain; background:#fff; border-radius:10px;}
body.page-reserve-1 .car-info-detail{flex:1; min-width:0;}
body.page-reserve-1 .car-info-year{font-size:1.25rem; color:var(--sea); font-weight:700; margin-bottom:4px;}
body.page-reserve-1 .car-info-name{font-size:2.2rem; font-weight:800; letter-spacing:-0.01em; margin-bottom:6px;}
body.page-reserve-1 .car-info-spec{font-size:1.3rem; color:var(--text-muted); margin-bottom:16px;}
body.page-reserve-1 .car-info-row{display:flex; align-items:center; gap:12px; margin-bottom:10px; flex-wrap:wrap;}
body.page-reserve-1 .car-info-row:last-child{margin-bottom:0;}
body.page-reserve-1 .car-info-row .lb{font-size:1.3rem; font-weight:800; color:var(--text-body); flex:0 0 62px;}
body.page-reserve-1 .car-info-row .period{
border:1.5px solid var(--line); background:#FCFAF9; border-radius:9px;
padding:9px 14px; font-size:1.35rem; font-weight:700; color:var(--ink);
display:flex; align-items:center; gap:10px;
}
body.page-reserve-1 .car-info-row select{
border:1.5px solid var(--line); background:#FCFAF9; border-radius:9px;
padding:9px 12px; font-family:inherit; font-size:1.35rem; font-weight:700; color:var(--ink);
}
body.page-reserve-1 .car-info-row .total{font-size:1.4rem; font-weight:800; color:var(--tangerine-deep); margin-left:auto;}
body.page-reserve-1 button.car-period-btn{font-family:inherit; cursor:pointer; text-align:left;}
body.page-reserve-1 .car-info-row .car-period-btn::after{
content:"변경"; font-size:1.1rem; font-weight:800; color:#fff;
background:var(--tangerine); border-radius:5px; padding:3px 7px; flex:0 0 auto;
}
body.page-reserve-1 .car-info-row .car-period-btn:hover{border-color:var(--tangerine); color:var(--tangerine-deep);}
body.page-reserve-1 .promo-banner{position:relative; border-radius:14px; overflow:hidden;}
body.page-reserve-1 .promo-slider{display:flex; height:100%; transition:transform .5s ease;}
body.page-reserve-1 .promo-slide{
flex:0 0 100%; display:flex; align-items:center; padding:26px 28px; min-height:178px;
background:var(--tangerine);
}
body.page-reserve-1 .promo-slide.s2{background:var(--tangerine);}
body.page-reserve-1 .promo-slide.s3{background:var(--tangerine);}
body.page-reserve-1 .promo-slide h3{color:#fff; font-size:2rem; font-weight:800; letter-spacing:-0.01em; margin-bottom:6px; line-height:1.4;}
body.page-reserve-1 .promo-slide h3 em{font-style:normal; text-decoration:underline; text-decoration-color:rgba(255,255,255,0.62);}
body.page-reserve-1 .promo-slide p{color:rgba(255,255,255,0.85); font-size:1.35rem; font-weight:500;}
body.page-reserve-1 .promo-banner.has-img{height:100%;}
body.page-reserve-1 .promo-banner.has-img .promo-slide{padding:0; min-height:0; background:none;}
body.page-reserve-1 .promo-slide--img{position:relative; overflow:hidden;}
body.page-reserve-1 .promo-img{
display:block; width:100%; height:178px;
object-fit:cover; object-position:50% 50%;
}
body.page-reserve-1 .promo-img[data-pos="top"]{object-position:50% 0%;}
body.page-reserve-1 .promo-img[data-pos="top-middle"]{object-position:50% 25%;}
body.page-reserve-1 .promo-img[data-pos="center"]{object-position:50% 50%;}
body.page-reserve-1 .promo-img[data-pos="bottom-middle"]{object-position:50% 75%;}
body.page-reserve-1 .promo-img[data-pos="bottom"]{object-position:50% 100%;}
body.page-reserve-1 .promo-img[data-pos="fit"]{object-fit:contain; background:transparent;}
body.page-reserve-1 .promo-slide--img .promo-bg{
position:absolute; top:0; left:0; width:100%; height:100%;
object-fit:cover; filter:blur(18px); transform:scale(1.15);
opacity:0.55; z-index:0; pointer-events:none;
}
body.page-reserve-1 .promo-slide--img .promo-img{position:relative; z-index:1;}
body.page-reserve-1 .promo-dots{position:absolute; bottom:12px; left:50%; transform:translateX(-50%); display:flex; gap:6px; z-index:5;}
body.page-reserve-1 .promo-dot{width:8px; height:8px; border-radius:50%; background:rgba(255,255,255,0.5); border:none; padding:0;}
body.page-reserve-1 .promo-dot.active{background:#fff; width:18px; border-radius:4px;}
body.page-reserve-1 .car-opts-box{
background:#fff; border:1px solid #EBE5DF; border-radius:14px;
padding:22px 24px 18px; margin-bottom:44px;
}
body.page-reserve-1 .car-opts-head{display:flex; align-items:baseline; gap:10px; margin-bottom:16px;}
body.page-reserve-1 .car-opts-head h3{font-size:1.7rem; font-weight:800; letter-spacing:-0.01em;}
body.page-reserve-1 .car-opts-head span{font-size:1.25rem; color:var(--text-muted); font-weight:600;}
body.page-reserve-1 .car-opts-list{
display:grid; grid-template-columns:repeat(3, max-content); justify-content:start;
gap:10px 40px; list-style:none; margin:0; padding:0;
}
body.page-reserve-1 .car-opts-list li{
font-size:1.4rem; color:var(--text-body); line-height:1.5;
padding:6px 0 6px 20px; position:relative;
}
body.page-reserve-1 .car-opts-list li::before{
content:'✓'; position:absolute; left:0; top:6px;
color:var(--tangerine-deep); font-weight:800; font-size:1.3rem;
}
body.page-reserve-1 .car-opts-note{
margin:14px 0 0; padding-top:12px; border-top:1px solid #F2ECE7;
font-size:1.2rem; color:var(--text-muted); line-height:1.6;
}
@media (max-width:860px){
body.page-reserve-1 .car-opts-box{padding:18px 16px 14px; margin-bottom:32px;}
body.page-reserve-1 .car-opts-head h3{font-size:1.55rem;}
body.page-reserve-1 .car-opts-list{grid-template-columns:repeat(2, minmax(0,1fr)); justify-content:stretch; gap:6px 12px;}
body.page-reserve-1 .car-opts-list li{font-size:1.35rem;}
}
body.page-reserve-1 .section-title{text-align:center; font-size:2.2rem; font-weight:800; letter-spacing:-0.01em; margin-bottom:26px;}
body.page-reserve-1 .plan-grid{display:grid; grid-template-columns:repeat(auto-fit, minmax(220px,1fr)); gap:16px;}
body.page-reserve-1 .plan-card{
background:#fff; border:1.5px solid #EBE5DF; border-radius:14px;
overflow:hidden; position:relative; display:flex; flex-direction:column;
transition:box-shadow .2s, transform .2s;
}
body.page-reserve-1 .plan-card:hover{box-shadow:0 14px 34px rgba(42,37,33,0.10); transform:translateY(-2px);}
body.page-reserve-1 .plan-card.selected{border-color:var(--tangerine); border-width:2px;}
body.page-reserve-1 .plan-badge{
position:absolute; top:-1px; left:50%; transform:translateX(-50%);
background:var(--tangerine); color:#fff; font-size:1.15rem; font-weight:800;
padding:4px 14px; border-radius:0 0 8px 8px;
}
body.page-reserve-1 .plan-body{padding:26px 20px 18px; flex:1;}
body.page-reserve-1 .plan-name{text-align:center; font-size:1.6rem; font-weight:800; margin-bottom:8px;}
body.page-reserve-1 .plan-card.selected .plan-name{color:var(--tangerine-deep);}
body.page-reserve-1 .plan-name .hl{
display:inline-block; font-size:1.3rem; font-weight:800; padding:2px 8px; border-radius:6px;
background:#FBECEA; color:var(--tangerine-deep);
}
body.page-reserve-1 .plan-name .hl.orange{background:#FFF0E4; color:var(--tangerine-deep);}
body.page-reserve-1 .plan-cond{text-align:center; font-size:1.25rem; color:var(--text-muted); margin-bottom:18px;}
body.page-reserve-1 .plan-rows{border-top:1px solid #F2ECE7; padding-top:14px;}
body.page-reserve-1 .plan-row{display:flex; justify-content:space-between; gap:10px; font-size:1.3rem; padding:6px 0;}
body.page-reserve-1 .plan-row .k{color:var(--text-muted); font-weight:600;}
body.page-reserve-1 .plan-row .v{color:var(--text-body); font-weight:700;}
body.page-reserve-1 .plan-row .v.good{color:var(--hallasan-mint);}
body.page-reserve-1 .plan-row .v.bad{color:var(--tangerine-deep);}
body.page-reserve-1 .plan-note{
margin-top:12px; text-align:center; font-size:1.15rem; font-weight:800;
color:var(--tangerine-deep); background:#FBECEA; border-radius:999px; padding:5px 8px;
}
body.page-reserve-1 .plan-note.off{color:var(--text-muted); background:#F4F0EB;}
body.page-reserve-1 .plan-cond-req{
margin-top:8px; text-align:center; font-size:1.15rem; font-weight:800;
color:var(--ink); line-height:1.5;
}
body.page-reserve-1 .rent-cond{
margin-top:18px; background:#FFF; border:1.5px solid var(--line); border-radius:12px;
padding:16px 18px; font-size:1.35rem; line-height:1.75; color:var(--text-body);
}
body.page-reserve-1 .rent-cond h4{font-size:1.35rem; font-weight:800; color:var(--ink); margin-bottom:8px;}
body.page-reserve-1 .rent-cond ul{list-style:none;}
body.page-reserve-1 .rent-cond li{position:relative; padding-left:12px; margin-bottom:5px;}
body.page-reserve-1 .rent-cond li:last-child{margin-bottom:0;}
body.page-reserve-1 .rent-cond li::before{content:'·'; position:absolute; left:2px;}
body.page-reserve-1 .rent-cond b{color:var(--tangerine); font-weight:700;}
body.page-reserve-1 .rent-cond strong{color:var(--ink); font-weight:700;}
body.page-reserve-1 .plan-more{
margin:16px auto 0; max-width:760px; padding:0; list-style:none; text-align:left;
font-size:1.3rem; line-height:1.7; color:var(--text-body);
}
body.page-reserve-1 .plan-more li{position:relative; padding-left:13px; margin-bottom:7px; word-break:keep-all;}
body.page-reserve-1 .plan-more li:last-child{margin-bottom:0;}
body.page-reserve-1 .plan-more li::before{content:'·'; position:absolute; left:2px; color:#A9A29B;}
body.page-reserve-1 .plan-more a{color:var(--tangerine); font-weight:700; text-decoration:underline; text-underline-offset:2px;}
body.page-reserve-1 .plan-price{
background:var(--wave); text-align:center; padding:16px;
font-size:1.9rem; font-weight:800; color:var(--ink);
}
body.page-reserve-1 .plan-card.selected .plan-price{background:var(--tangerine); color:#fff;}
body.page-reserve-1 .next-btns{display:flex; justify-content:center; gap:12px; margin-top:36px;}
body.page-reserve-1 .btn-back{
padding:15px 34px; border-radius:10px; border:1.5px solid var(--line);
background:#fff; font-size:1.5rem; font-weight:700; color:var(--text-body);
}
body.page-reserve-1 .btn-back:hover{border-color:var(--tangerine); color:var(--tangerine-deep);}
body.page-reserve-1 .btn-next{
padding:15px 48px; border-radius:10px; border:none;
background:var(--tangerine); color:#fff; font-size:1.55rem; font-weight:800;
box-shadow:0 8px 18px rgba(176,48,48,0.22);
}
body.page-reserve-1 .btn-next:hover{background:var(--tangerine-deep);}
@media (max-width:1024px){
body.page-reserve-1 .top-grid{grid-template-columns:1fr;}
body.page-reserve-1 .top-grid > .car-info, body.page-reserve-1 .top-grid > .promo-banner{order:initial;}
body.page-reserve-1 .plan-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:860px){
body.page-reserve-1 .header-bottom{justify-content:center;}
body.page-reserve-1 .car-info{flex-direction:column; align-items:stretch; padding:18px;}
body.page-reserve-1 .car-info-photo{flex:none; width:100%; height:150px;}
body.page-reserve-1 .car-info-row .total{margin-left:0;}
body.page-reserve-1 .plan-grid{grid-template-columns:1fr;}
body.page-reserve-1 .next-btns{flex-direction:column;}
body.page-reserve-1 .btn-back, body.page-reserve-1 .btn-next{width:100%; text-align:center;}
}
body.page-reserve-1 .date-modal-backdrop{
display:none; position:fixed; inset:0; background:rgba(20,24,22,0.5);
z-index:200; align-items:center; justify-content:center; padding:20px;
}
body.page-reserve-1 .date-modal-backdrop.open{display:flex;}
body.page-reserve-1 .date-modal{
background:#fff; border-radius:14px; width:100%; max-width:680px; max-height:88vh;
display:flex; flex-direction:column; overflow:hidden;
box-shadow:0 24px 60px rgba(0,0,0,0.25);
}
body.page-reserve-1 .date-modal-head{display:flex; align-items:center; justify-content:space-between; padding:18px 22px; border-bottom:1px solid #F2ECE7;}
body.page-reserve-1 .date-modal-head h3{font-size:1.6rem; font-weight:800;}
body.page-reserve-1 .date-modal-close{background:none; border:none; font-size:2.2rem; line-height:1; color:var(--text-muted); padding:4px;}
body.page-reserve-1 .date-modal-close:hover{color:var(--ink);}
body.page-reserve-1 .date-modal-body{padding:18px 22px; overflow-y:auto;}
body.page-reserve-1 .date-modal-cals{display:flex; align-items:flex-start; gap:14px;}
body.page-reserve-1 .cal-panel{flex:1; min-width:0;}
body.page-reserve-1 .cal-side-btn{
flex:0 0 auto; background:#FCFAF9; border:1.5px solid var(--line); border-radius:8px;
width:28px; height:28px; font-size:1.5rem; color:var(--text-body); margin-top:2px;
}
body.page-reserve-1 .cal-side-btn:hover{border-color:var(--tangerine); color:var(--tangerine-deep);}
body.page-reserve-1 .cal-title{font-size:1.45rem; font-weight:800; color:var(--ink); text-align:center; margin-bottom:10px;}
body.page-reserve-1 .cal-grid{display:grid; grid-template-columns:repeat(7,1fr); gap:4px;}
body.page-reserve-1 .cal-dow{text-align:center; font-size:1.15rem; font-weight:800; color:var(--text-muted); padding-bottom:6px;}
body.page-reserve-1 .cal-day{
position:relative; text-align:center; font-size:1.3rem; font-weight:700; color:var(--ink);
padding:8px 0; border-radius:8px; border:none; background:none;
}
body.page-reserve-1 .cal-day:disabled{color:var(--text-disabled); cursor:default;}
body.page-reserve-1 .cal-day.blank{visibility:hidden;}
body.page-reserve-1 .cal-day.today::after{content:""; position:absolute; bottom:3px; left:50%; transform:translateX(-50%); width:4px; height:4px; border-radius:50%; background:var(--tangerine-deep);}
body.page-reserve-1 .cal-day.in-range{background:#FBECEA; border-radius:0;}
body.page-reserve-1 .cal-day.range-start, body.page-reserve-1 .cal-day.range-end{background:var(--tangerine); color:#fff;}
body.page-reserve-1 .cal-day.range-start{border-radius:8px 0 0 8px;}
body.page-reserve-1 .cal-day.range-end{border-radius:0 8px 8px 0;}
body.page-reserve-1 .cal-day.range-start.range-end{border-radius:8px;}
body.page-reserve-1 .cal-day:not(:disabled):not(.blank):hover{background:#FFE3CC;}
body.page-reserve-1 .date-modal-times{display:flex; gap:16px; margin-top:22px; padding-top:18px; border-top:1px solid #F2ECE7;}
body.page-reserve-1 .time-field{flex:1; display:flex; flex-direction:column; gap:6px;}
body.page-reserve-1 .time-field span{font-size:1.15rem; color:var(--text-muted); font-weight:800; letter-spacing:0.03em;}
body.page-reserve-1 .time-field select{
border:1.5px solid var(--line); background:#FCFAF9; border-radius:10px; padding:10px 12px;
font-family:inherit; font-size:1.4rem; font-weight:700; color:var(--ink);
}
body.page-reserve-1 .date-modal-note{margin-top:12px; font-size:1.25rem; line-height:1.7; color:var(--sea);}
body.page-reserve-1 .date-modal-note b{color:var(--ink); font-weight:700;}
body.page-reserve-1 .date-modal-note a{color:var(--tangerine); font-weight:800; text-decoration:underline; text-underline-offset:2px; white-space:nowrap;}
body.page-reserve-1 .date-modal-foot{display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px 22px; border-top:1px solid #F2ECE7;}
body.page-reserve-1 .date-modal-summary{font-size:1.3rem; font-weight:700; color:var(--text-body);}
body.page-reserve-1 .date-modal-summary b{color:var(--tangerine-deep);}
body.page-reserve-1 .date-modal-apply{flex:0 0 auto; background:var(--tangerine); color:#fff; font-weight:800; font-size:1.7rem; padding:15px 46px; min-width:132px; border-radius:12px; border:none;}
body.page-reserve-1 .date-modal-apply:hover{background:var(--tangerine-deep);}
@media (max-width:640px){
body.page-reserve-1 .date-modal-backdrop{padding:0; align-items:flex-end;}
body.page-reserve-1 .date-modal{max-width:none; max-height:88vh; border-radius:14px 20px 0 0;}
body.page-reserve-1 .date-modal-head{padding:14px 18px;}
body.page-reserve-1 .date-modal-body{padding:14px 18px;}
body.page-reserve-1 .cal-panel-right{display:none;}
body.page-reserve-1 .date-modal-cals{gap:10px;}
body.page-reserve-1 .cal-day{font-size:1.25rem; padding:6px 0;}
body.page-reserve-1 .date-modal-times{margin-top:16px; padding-top:14px;}
body.page-reserve-1 .date-modal-note{font-size:1.2rem; margin-top:10px;}
body.page-reserve-1 .date-modal-foot{flex-direction:column; align-items:stretch; padding:12px 18px;}
body.page-reserve-1 .date-modal-summary{text-align:center;}
body.page-reserve-1 .date-modal-apply{width:100%;}
}
body.page-reserve-1 .date-modal-summary .sold-out{color:var(--tangerine-deep);}
/* ── 아래 8줄은 합치실 때 빠져 있어 다시 넣었습니다 ─────────────────
① 배너 깜빡임 방지 : 등록한 배너가 뜨기 전 기본 안내 문구가 잠깐
보이던 문제를 막습니다 (2026-09-05 수정분)
② 새 요금구조 표시 : 기본요금 · 자차보험료를 나눠 보여줄 때 쓰는
작은 글씨들입니다 (없으면 요금 설명이 큰 글씨로 뭉쳐 보입니다) */
body.page-reserve-1 .promo-banner.is-loading .promo-slide{visibility:hidden;}
body.page-reserve-1 .promo-banner.is-loading{background:#F3ECEB;}
body.page-reserve-1 .plan-price-calc{display:block; margin-top:4px; font-size:1.05rem; font-weight:600; color:var(--text-muted);}
body.page-reserve-1 .plan-price-day{font-weight:600;}
body.page-reserve-1 .fee-basis{
text-align:center; margin:-14px 0 22px; font-size:1.25rem; line-height:1.7; color:var(--text-muted);
}
body.page-reserve-1 .fee-basis b{color:var(--ink); font-weight:700;}
body.page-reserve-1 .fee-basis span{display:block; color:var(--text-muted); font-size:1.15rem;}
body.page-reserve-1 .plan-card.selected .plan-price-calc{color:rgba(255,255,255,.9);}
/* ===== Reserve_2.html ===== */
body.page-reserve-2 .select-area{padding:36px 0 90px;}
body.page-reserve-2 .top-grid{display:grid; grid-template-columns:1.35fr 1fr; gap:20px; align-items:stretch; margin-bottom:44px;}
body.page-reserve-2 .top-grid > *{min-width:0;}
body.page-reserve-2 .car-info{
background:#fff; border:1px solid #EBE5DF; border-radius:14px;
display:flex; align-items:center; gap:20px; padding:24px;
}
body.page-reserve-2 .car-info-photo{
flex:0 0 200px; height:130px; border-radius:10px;
background:#F4EEEA;
display:flex; align-items:center; justify-content:center;
color:var(--text-muted); font-weight:700; font-size:1.3rem; text-align:center;
}
body.page-reserve-2 .car-info-detail{flex:1; min-width:0;}
body.page-reserve-2 .car-info-year{font-size:1.25rem; color:var(--sea); font-weight:700; margin-bottom:4px;}
body.page-reserve-2 .car-info-name{font-size:2.2rem; font-weight:800; letter-spacing:-0.01em; margin-bottom:6px;}
body.page-reserve-2 .car-info-spec{font-size:1.3rem; color:var(--text-muted); margin-bottom:16px;}
body.page-reserve-2 .car-info-row{display:flex; align-items:center; gap:12px; margin-bottom:10px; flex-wrap:wrap;}
body.page-reserve-2 .car-info-row:last-child{margin-bottom:0;}
body.page-reserve-2 .car-info-row .lb{font-size:1.3rem; font-weight:800; color:var(--text-body); flex:0 0 62px;}
body.page-reserve-2 .car-info-row .period{
border:1.5px solid var(--line); background:#FCFAF9; border-radius:9px;
padding:9px 14px; font-size:1.35rem; font-weight:700; color:var(--ink);
display:flex; align-items:center; gap:10px;
}
body.page-reserve-2 .car-info-row select{
border:1.5px solid var(--line); background:#FCFAF9; border-radius:9px;
padding:9px 12px; font-family:inherit; font-size:1.35rem; font-weight:700; color:var(--ink);
}
body.page-reserve-2 .car-info-row .total{font-size:1.4rem; font-weight:800; color:var(--tangerine-deep); margin-left:auto;}
body.page-reserve-2 .promo-banner{position:relative; border-radius:14px; overflow:hidden;}
body.page-reserve-2 .promo-slider{display:flex; height:100%; transition:transform .5s ease;}
body.page-reserve-2 .promo-slide{
flex:0 0 100%; display:flex; align-items:center; padding:26px 28px; min-height:178px;
background:var(--tangerine);
}
body.page-reserve-2 .promo-slide.s2{background:var(--tangerine);}
body.page-reserve-2 .promo-slide.s3{background:var(--tangerine);}
body.page-reserve-2 .promo-slide h3{color:#fff; font-size:2rem; font-weight:800; letter-spacing:-0.01em; margin-bottom:6px; line-height:1.4;}
body.page-reserve-2 .promo-slide h3 em{font-style:normal; text-decoration:underline; text-decoration-color:rgba(255,255,255,0.62);}
body.page-reserve-2 .promo-slide p{color:rgba(255,255,255,0.85); font-size:1.35rem; font-weight:500;}
body.page-reserve-2 .promo-dots{position:absolute; bottom:12px; left:50%; transform:translateX(-50%); display:flex; gap:6px; z-index:5;}
body.page-reserve-2 .promo-dot{width:8px; height:8px; border-radius:50%; background:rgba(255,255,255,0.5); border:none; padding:0;}
body.page-reserve-2 .promo-dot.active{background:#fff; width:18px; border-radius:4px;}
body.page-reserve-2 .section-title{text-align:center; font-size:2.2rem; font-weight:800; letter-spacing:-0.01em; margin-bottom:26px;}
body.page-reserve-2 .plan-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:16px;}
body.page-reserve-2 .plan-card{
background:#fff; border:1.5px solid #EBE5DF; border-radius:14px;
overflow:hidden; position:relative; display:flex; flex-direction:column;
transition:box-shadow .2s, transform .2s;
}
body.page-reserve-2 .plan-card:hover{box-shadow:0 14px 34px rgba(42,37,33,0.10); transform:translateY(-2px);}
body.page-reserve-2 .plan-card.selected{border-color:var(--tangerine); border-width:2px;}
body.page-reserve-2 .plan-badge{
position:absolute; top:-1px; left:50%; transform:translateX(-50%);
background:var(--tangerine); color:#fff; font-size:1.15rem; font-weight:800;
padding:4px 14px; border-radius:0 0 8px 8px;
}
body.page-reserve-2 .plan-body{padding:26px 20px 18px; flex:1;}
body.page-reserve-2 .plan-name{text-align:center; font-size:1.6rem; font-weight:800; margin-bottom:8px;}
body.page-reserve-2 .plan-card.selected .plan-name{color:var(--tangerine-deep);}
body.page-reserve-2 .plan-name .hl{
display:inline-block; font-size:1.3rem; font-weight:800; padding:2px 8px; border-radius:6px;
background:#FBECEA; color:var(--tangerine-deep);
}
body.page-reserve-2 .plan-name .hl.orange{background:#FFF0E4; color:var(--tangerine-deep);}
body.page-reserve-2 .plan-cond{text-align:center; font-size:1.25rem; color:var(--text-muted); margin-bottom:18px;}
body.page-reserve-2 .plan-rows{border-top:1px solid #F2ECE7; padding-top:14px;}
body.page-reserve-2 .plan-row{display:flex; justify-content:space-between; gap:10px; font-size:1.3rem; padding:6px 0;}
body.page-reserve-2 .plan-row .k{color:var(--text-muted); font-weight:600;}
body.page-reserve-2 .plan-row .v{color:var(--text-body); font-weight:700;}
body.page-reserve-2 .plan-row .v.good{color:var(--hallasan-mint);}
body.page-reserve-2 .plan-row .v.bad{color:var(--tangerine-deep);}
body.page-reserve-2 .plan-price{
background:var(--wave); text-align:center; padding:16px;
font-size:1.9rem; font-weight:800; color:var(--ink);
}
body.page-reserve-2 .plan-card.selected .plan-price{background:var(--tangerine); color:#fff;}
body.page-reserve-2 .next-btns{display:flex; justify-content:center; gap:12px; margin-top:36px;}
body.page-reserve-2 .btn-back{
padding:15px 34px; border-radius:10px; border:1.5px solid var(--line);
background:#fff; font-size:1.5rem; font-weight:700; color:var(--text-body);
}
body.page-reserve-2 .btn-back:hover{border-color:var(--tangerine); color:var(--tangerine-deep);}
body.page-reserve-2 .btn-next{
padding:15px 48px; border-radius:10px; border:none;
background:var(--tangerine); color:#fff; font-size:1.55rem; font-weight:800;
box-shadow:0 8px 18px rgba(176,48,48,0.22);
}
body.page-reserve-2 .btn-next:hover{background:var(--tangerine-deep);}
@media (max-width:1024px){
body.page-reserve-2 .top-grid{grid-template-columns:1fr;}
body.page-reserve-2 .plan-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:860px){
body.page-reserve-2 .header-bottom{justify-content:center;}
body.page-reserve-2 .car-info{flex-direction:column; align-items:stretch; padding:18px;}
body.page-reserve-2 .car-info-photo{flex:none; width:100%; height:150px;}
body.page-reserve-2 .car-info-row .total{margin-left:0;}
body.page-reserve-2 .plan-grid{grid-template-columns:1fr;}
body.page-reserve-2 .next-btns{flex-direction:column;}
body.page-reserve-2 .btn-back, body.page-reserve-2 .btn-next{width:100%; text-align:center;}
}
body.page-reserve-2 .summary-box, body.page-reserve-2 .form-box{
background:#fff; border:1px solid #EBE5DF; border-radius:14px;
/* 2026-09-06 — 좌우 빈 공간이 너무 많아 720px → 1000px 로 넓혔습니다. */
padding:30px 28px; max-width:1000px; margin:0 auto 20px;
}
body.page-reserve-2 .summary-title{font-size:1.9rem; font-weight:800; margin-bottom:20px; letter-spacing:-0.01em;}
body.page-reserve-2 .summary-rows{border-top:1px solid #F2ECE7;}
body.page-reserve-2 .summary-row{
display:flex; justify-content:space-between; gap:16px;
padding:13px 0; border-bottom:1px solid #F2ECE7; font-size:1.45rem;
}
body.page-reserve-2 .summary-row .k{color:var(--text-muted); font-weight:600; flex:0 0 100px;}
body.page-reserve-2 .summary-row .v{color:var(--ink); font-weight:700; text-align:right;}
body.page-reserve-2 .summary-row.total{border-bottom:none; padding-top:18px;}
body.page-reserve-2 .summary-row.total .k{color:var(--ink); font-weight:800;}
body.page-reserve-2 .summary-row.total .v{color:var(--tangerine-deep); font-weight:800; font-size:2rem;}
/* ── 2026-09-06 : PC 2단 폼 (왼쪽 예약자 · 오른쪽 운전자) ── */
@media (min-width:861px){
body.page-reserve-2 .form-grid{display:grid; grid-template-columns:1fr 1fr; column-gap:24px; align-items:start;}
body.page-reserve-2 .fr-uname {grid-column:1; grid-row:1;}
body.page-reserve-2 .fr-phone {grid-column:1; grid-row:2;}
body.page-reserve-2 .fr-phone2{grid-column:1; grid-row:3;}
body.page-reserve-2 .fr-dname {grid-column:2; grid-row:1;}
body.page-reserve-2 .fr-birth {grid-column:2; grid-row:2;}
body.page-reserve-2 .fr-memo {grid-column:1 / -1; grid-row:4;}
}
/* ── 2026-09-06 : 면책 · 종합보험 · 환불규정 탭 ─────────── */
body.page-reserve-2 .info-tabs{
border:1px solid #EBE5DF; border-radius:14px; overflow:hidden; margin:6px 0 24px;
}
body.page-reserve-2 .it-head{display:flex; background:var(--wave); border-bottom:1px solid #EBE5DF;}
body.page-reserve-2 .it-tab{
flex:1; font-family:inherit; cursor:pointer; background:none; border:0;
padding:14px 10px; font-size:1.45rem; font-weight:700; color:var(--text-muted);
border-bottom:3px solid transparent;
}
body.page-reserve-2 .it-tab .it-ar{display:none; margin-left:6px; font-size:1.1rem; color:var(--text-muted);}
body.page-reserve-2 .it-tab.is-on .it-ar{color:var(--tangerine);}
body.page-reserve-2 .it-tab:hover{color:var(--ink);}
body.page-reserve-2 .it-tab.is-on{background:#fff; color:var(--tangerine); border-bottom-color:var(--tangerine);}
body.page-reserve-2 .it-panel{padding:20px 22px 18px; background:#fff;}
body.page-reserve-2 .it-panel[hidden]{display:none !important;}
body.page-reserve-2 .it-lead{font-size:1.35rem; color:var(--text-muted); font-weight:600; margin-bottom:14px;}
body.page-reserve-2 .it-scroll{overflow-x:auto;}
body.page-reserve-2 .it-table{width:100%; min-width:520px; border-collapse:collapse;}
body.page-reserve-2 .it-table th{
font-size:1.25rem; font-weight:700; color:var(--text-muted); text-align:center;
padding:0 8px 9px; border-bottom:1.5px solid var(--line); white-space:nowrap;
}
body.page-reserve-2 .it-table td{
font-size:1.3rem; color:var(--text-body); text-align:center; line-height:1.6;
padding:12px 8px; border-bottom:1px solid #F2ECE7; word-break:keep-all;
}
body.page-reserve-2 .it-table td.nm{font-weight:800; color:var(--ink);}
body.page-reserve-2 .it-table td small{color:var(--text-muted); font-size:1.2rem; font-weight:600;}
body.page-reserve-2 .it-table .warn{color:var(--tangerine); font-weight:700;}
body.page-reserve-2 .it-table b.ok{color:var(--tangerine); font-weight:800;}
body.page-reserve-2 .it-table tbody tr:last-child td{border-bottom:none;}
body.page-reserve-2 .it-notes{list-style:none; margin-top:14px; padding:0;}
body.page-reserve-2 .it-notes li{
position:relative; padding-left:12px; margin-bottom:7px;
font-size:1.3rem; color:var(--text-muted); line-height:1.7; word-break:keep-all;
}
body.page-reserve-2 .it-notes li:last-child{margin-bottom:0;}
body.page-reserve-2 .it-notes li::before{content:'·'; position:absolute; left:2px; color:#A9A29B;}
body.page-reserve-2 .it-notes b{color:var(--ink); font-weight:700;}
body.page-reserve-2 .it-notes a{color:var(--tangerine); font-weight:700; text-decoration:underline; text-underline-offset:2px;}
body.page-reserve-2 .form-row{margin-bottom:20px;}
body.page-reserve-2 .form-row label{display:block; font-size:1.4rem; font-weight:800; margin-bottom:9px;}
body.page-reserve-2 .req{
display:inline-block; font-size:1.1rem; font-weight:800; padding:2px 7px;
border-radius:5px; background:#FFF0E4; color:var(--tangerine-deep); margin-left:5px;
}
body.page-reserve-2 .opt{
display:inline-block; font-size:1.1rem; font-weight:700; padding:2px 7px;
border-radius:5px; background:var(--wave); color:var(--text-muted); margin-left:5px;
}
body.page-reserve-2 .form-row input, body.page-reserve-2 .form-row textarea{
width:100%; border:1.5px solid var(--line); border-radius:11px; padding:14px 15px;
font-family:inherit; font-size:1.5rem; color:var(--ink); background:#FCFAF9; outline:none;
}
body.page-reserve-2 .form-row input:focus, body.page-reserve-2 .form-row textarea:focus{border-color:var(--tangerine);}
body.page-reserve-2 .form-row textarea{min-height:90px; line-height:1.7; resize:vertical;}
body.page-reserve-2 .form-row .help{display:block; font-size:1.25rem; color:var(--text-muted); margin-top:7px;}
body.page-reserve-2 .form-row .help.warn{color:var(--tangerine); font-weight:700;}
/* ── 2026-09-06 : 약관 동의 ─────────────────────────────── */
body.page-reserve-2 .agree-box{margin:26px 0 20px;}
body.page-reserve-2 .agree-all{
display:flex; align-items:center; gap:10px; cursor:pointer;
background:var(--basalt); color:#fff; border-radius:11px;
padding:15px 18px; font-size:1.45rem; font-weight:800;
}
body.page-reserve-2 .agree-all input{width:18px; height:18px; flex:0 0 18px; cursor:pointer; accent-color:var(--tangerine);}
body.page-reserve-2 .agree-rows{padding:6px 4px 0;}
body.page-reserve-2 .agree-row{
display:flex; align-items:center; justify-content:space-between; gap:12px;
padding:12px 14px;
}
body.page-reserve-2 .agree-one{display:flex; align-items:center; gap:9px; cursor:pointer; font-size:1.4rem; font-weight:600; color:var(--text-body);}
body.page-reserve-2 .agree-one input{width:17px; height:17px; flex:0 0 17px; cursor:pointer; accent-color:var(--tangerine);}
body.page-reserve-2 .agree-one em{font-style:normal; color:var(--tangerine); font-weight:800;}
body.page-reserve-2 .agree-view{
flex:0 0 auto; font-family:inherit; cursor:pointer;
border:1.5px solid var(--line); background:#fff; color:var(--text-muted);
border-radius:999px; padding:6px 14px; font-size:1.25rem; font-weight:700;
}
body.page-reserve-2 .agree-view:hover{border-color:var(--tangerine); color:var(--tangerine-deep);}
body.page-reserve-2 .agree-doc{
background:var(--wave); border:1px solid var(--line); border-radius:10px;
margin:0 14px 10px; padding:16px 18px;
font-size:1.3rem; color:var(--sea); line-height:1.8;
max-height:230px; overflow-y:auto;
}
body.page-reserve-2 .agree-doc[hidden]{display:none !important;}
body.page-reserve-2 .agree-doc ul{list-style:none; margin:0; padding:0;}
body.page-reserve-2 .agree-doc li{position:relative; padding-left:12px; margin-bottom:8px; word-break:keep-all;}
body.page-reserve-2 .agree-doc li:last-child{margin-bottom:0;}
body.page-reserve-2 .agree-doc li::before{content:'·'; position:absolute; left:2px; color:#A9A29B;}
body.page-reserve-2 .agree-doc p{margin-bottom:6px; word-break:keep-all;}
body.page-reserve-2 .agree-doc p:last-child{margin-bottom:0;}
body.page-reserve-2 .agree-doc b{color:var(--ink); font-weight:700;}
body.page-reserve-2 .agree-doc b.ok{color:var(--tangerine);}
body.page-reserve-2 .agree-doc a{color:var(--tangerine); font-weight:700; text-decoration:underline; text-underline-offset:2px;}
body.page-reserve-2 .same-check{display:inline-flex; align-items:center; gap:7px; margin-top:9px;
font-size:1.3rem; color:#6b6560; font-weight:500; cursor:pointer;}
body.page-reserve-2 .same-check input{width:16px; height:16px; flex:0 0 16px; cursor:pointer; accent-color:var(--tangerine);}
body.page-reserve-2 .same-check span{user-select:none;}
body.page-reserve-2 .notice-list{list-style:none; margin-bottom:8px;}
body.page-reserve-2 .notice-list li{
font-size:1.35rem; color:var(--text-body); line-height:1.75;
padding-left:12px; position:relative; margin-bottom:13px;
}
body.page-reserve-2 .notice-list li:last-child{margin-bottom:0;}
body.page-reserve-2 .notice-list li::before{content:'·'; position:absolute; left:2px; color:#A9A29B;}
body.page-reserve-2 .notice-list li b{color:var(--tangerine); font-weight:700;}
body.page-reserve-2 .notice-list li strong{color:var(--ink); font-weight:700;}
body.page-reserve-2 .notice-list li a{color:var(--tangerine); font-weight:700; text-decoration:underline; text-underline-offset:2px;}
@media (max-width:860px){
body.page-reserve-2 .summary-box, body.page-reserve-2 .form-box{padding:24px 20px;}
body.page-reserve-2 .it-tab{font-size:1.35rem; padding:12px 6px;}
body.page-reserve-2 .it-tab .it-ar{display:inline;}
body.page-reserve-2 .it-panel{padding:16px 14px 14px;}
body.page-reserve-2 .agree-all{font-size:1.35rem; padding:13px 14px;}
body.page-reserve-2 .agree-rows{padding:6px 0 0;}
body.page-reserve-2 .agree-row{padding:11px 6px; gap:8px;}
body.page-reserve-2 .agree-one{font-size:1.3rem;}
body.page-reserve-2 .agree-doc{margin:0 6px 10px; padding:14px 15px;}
body.page-reserve-2 .summary-row{flex-direction:column; gap:4px;}
body.page-reserve-2 .summary-row .k{flex:0 0 auto;}
body.page-reserve-2 .summary-row .v{text-align:left;}
}
/* ===================================================================
2026-09-05 — 넓은 화면 대응 (차량 목록 화면 전용)
① 내용 폭 제한(1180px)을 풀어 «화면 폭 그대로» 씁니다
② PC 는 한 줄에 3대 · 태블릿은 2대 · 모바일(860px 이하)은 지금 그대로 2대
③ 사진칸을 16:9 로 (차량 사진 원본이 대체로 1.7:1 이라 여백이 가장 적습니다)
④ 옵션 태그 위에 「차량 옵션」 이름표 (PC 에서만 보입니다)
되돌리려면 이 블록만 통째로 지우면 원래대로 돌아옵니다.
=================================================================== */
/* 「차량 옵션」 이름표는 기본으로 숨김 — 모바일 화면을 지금 그대로 두기 위해서입니다 */
body.page-car-search .car-opt-label{display:none;}
@media (min-width:861px){
/* ⚠️ 오른쪽 118px 은 «비워 두는 자리»입니다. 화면 오른쪽에 떠 있는
퀵메뉴(일반문의·전연령문의·카시트)가 카드를 덮지 않도록 합니다.
퀵메뉴 폭 86px + 오른쪽 여백 16px + 여유 16px = 118px. 지우지 마세요. */
body.page-car-search .results-area > .wrap{padding-right:118px;}
/* 사진칸 16:9 */
body.page-car-search .car-photo{flex:0 0 168px; height:95px;}
/* 「차량 옵션」 이름표 + 태그는 글자 길이대로 나란히 */
body.page-car-search .car-opt-label{
display:block; font-size:1.15rem; font-weight:700;
color:var(--text-muted); margin:2px 0 5px;
}
body.page-car-search .car-tags{display:flex; flex-wrap:wrap; gap:6px; margin-bottom:12px;}
body.page-car-search .car-tag{padding:4px 9px;}
}
/* 861~1699px : 한 줄에 2대
(이 구간에서 3대로 나누면 카드 한 장이 300px 아래로 좁아져서
사진 옆 글자가 뭉개집니다. 3대는 1700px 이상에서만 씁니다) */
@media (min-width:861px) and (max-width:1699px){
body.page-car-search .car-grid{grid-template-columns:repeat(2,1fr); gap:16px;}
}
/* 1700px 이상 : 한 줄에 3대 */
@media (min-width:1700px){
body.page-car-search .car-grid{grid-template-columns:repeat(3,1fr); gap:18px;}
}
/* 1400px 이상 : 좌우 여백을 없애고 화면을 꽉 채웁니다
★ 너무 넓게 느껴지면 max-width:none 을 1600px 처럼 숫자로 바꾸면
그 폭까지만 넓어지고 나머지는 좌우 여백이 됩니다. */
@media (min-width:1400px){
body.page-car-search .results-area > .wrap{max-width:none; padding-left:32px; padding-right:118px;}
body.page-car-search .results-grid{grid-template-columns:320px 1fr; gap:34px;}
}
/* 2026-09-06 — 모바일에서만 쓰는 줄바꿈 (body.page-reserve-1) */
body.page-reserve-1 .mbr{display:none;}
@media (max-width:860px){ body.page-reserve-1 .mbr{display:inline;} }
/* 2026-09-06 — 모바일에서만 쓰는 줄바꿈 (body.page-reserve-2) */
body.page-reserve-2 .mbr{display:none;}
@media (max-width:860px){ body.page-reserve-2 .mbr{display:inline;} }