@charset "utf-8";
/* 서브 페이지 */
.root_daum_roughmap .wrap_map, .root_daum_roughmap, .direction-map iframe {width: 100% !important; height: 100% !important;}

/* 회사소개 */
body#sub.page-company #contArea.wide{padding-top: 0}
.page-company{background:#fff}
.about-editorial{padding: var(--sub-content-gap) var(--space-40) 0; background:#fff}
.about-editorial__inner{max-width:var(--page-w); width:100%; margin: 0 auto}
.about-intro__head{margin-bottom: var(--space-80); text-align:center}
.about-intro__title{font-size: var(--font-size-42); font-weight:700; line-height:1.2em; letter-spacing:-0.84px; color:var(--text); margin-bottom: 0}
.about-intro__feature{position:relative;}
.about-intro__feature-img{margin: 0; width:100%; border-radius:20px; overflow:hidden; background:#eef2ef; line-height:0}
.about-intro__feature-img img{display:block; width:100%; height:auto; aspect-ratio:3 / 1; object-fit:cover; object-position:68% center}
.about-intro__feature-panel{position:relative; z-index:1; max-width:1280px; width:100%; margin:0 auto; padding:0 var(--space-48) var(--space-60); background:#fff; border-radius:0; box-shadow:none; text-align:center}
.about-intro__feature-headline{font-size: var(--font-size-30); font-weight:700; line-height:1.33em; letter-spacing:-0.9px; color:var(--text); margin-bottom: var(--space-28); word-break:keep-all}
.about-intro__feature-headline span{display:block}
.about-intro__feature-headline .accent{font-style:normal; color:var(--green)}
.about-intro__feature-body p{font-size: var(--font-size-18); font-weight:400; line-height:1.56em; letter-spacing:-0.54px; color:var(--text-body); margin: 0 auto; word-break:keep-all}
.about-intro__feature-lead{max-width:100%; white-space:nowrap}
.about-intro__feature-body p + p{max-width:665px; margin-top: var(--space-4)}
/* 차별성 */
body#sub.page-difference #contArea.wide{padding-top: 0}
.page-difference{background: #fff}
.edge-page{padding-bottom: 0}
.edge-page__head{max-width: var(--page-w); margin: 0 auto; padding: var(--sub-content-gap) var(--space-40) 0; text-align: center}
.edge-page__title{font-size: var(--font-size-42); font-weight: 700; line-height:1.2em; letter-spacing: -0.84px; color: var(--text); margin: 0}
.edge-section{padding: 0}
.edge-page__head + .edge-section{padding-top: var(--space-80)}
#edge-license{padding-top: var(--sub-content-gap); padding-bottom: var(--space-120)}
#edge-training{padding-top: var(--space-120); padding-bottom: var(--space-120)}
#edge-monitoring{padding-top: var(--space-120); padding-bottom: var(--space-120)}
.edge-section--muted{background: #f3f4f2}
.edge-section__inner{max-width: var(--page-w); margin: 0 auto; padding: 0 var(--space-40)}
.edge-section__inner--split{display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--space-48) var(--space-56); align-items: stretch}
.edge-section__visual{display: flex; align-self: stretch; min-height: 0}
#edge-license .edge-section__inner--split{align-items: start}
#edge-license .edge-section__visual{flex-direction: column; overflow: hidden}
#edge-license .edge-doc{flex: 1; min-height: 0; height: 100%; overflow: hidden; padding: var(--space-24) var(--space-20) var(--space-16)}
#edge-license .edge-doc__frame{flex: 1 1 auto; width: 100%; min-height: 0; overflow: hidden; display: flex; justify-content: center; align-items: center; padding: var(--space-16) var(--space-12)}
#edge-license .edge-doc__frame img{width: auto; height: auto; max-width: 86%; max-height: 86%; object-fit: contain; object-position: center center}
.edge-section__inner--editorial{display: grid; grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr); gap: var(--space-48) var(--space-80); align-items: start}
.edge-badge{margin-bottom: var(--space-28)}
.edge-badge__pill{display: inline-flex; align-items: center; gap: var(--space-8); padding: var(--space-9) var(--space-18) var(--space-9) var(--space-16); border: 0; border-radius: 999px; background: var(--green)}
.edge-section--muted .edge-badge__pill{background: var(--green)}
.edge-badge__num{font-size: var(--font-size-16); font-weight: 700; letter-spacing: -0.32px; color: #fff; line-height:1em}
.edge-badge__label{font-size: var(--font-size-16); font-weight: 600; letter-spacing: -0.32px; color: #fff; line-height:1em}
.edge-section__title{margin-bottom: var(--space-12); font-size: var(--font-size-36); font-weight: 700; line-height:1.2em; letter-spacing: -0.72px; color: var(--text); word-break: keep-all}
.edge-section__title .is-regular{font-weight: 400}
.edge-section__title--lg{font-size: var(--font-size-36); line-height:1.31em; letter-spacing: -0.72px; margin-bottom: 0}
.edge-section__desc{margin-bottom: var(--space-32); font-size: var(--font-size-18); font-weight: 400; line-height:1.45em; letter-spacing: -0.54px; color: var(--text-sub); word-break: keep-all}
#edge-license .edge-section__desc{margin-bottom: var(--space-44)}
.edge-section__desc--right{margin-bottom: 0; padding-top: var(--space-8); text-align: right}
.edge-section__intro{margin-bottom: var(--space-40)}
.edge-section__intro-grid{display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr); gap: var(--space-32) var(--space-48); align-items: start}
.edge-checklist{display: flex; flex-direction: column}
.edge-checklist li{display: flex; align-items: flex-start; gap: var(--space-14); padding: var(--space-22) 0; border-top: 1px solid #e8ebe8}
.edge-checklist li:first-child{border-top: 0; padding-top: 0}
.edge-checklist__icon{flex-shrink: 0; margin-top: var(--space-2)}
.edge-checklist__text strong{display: block; margin-bottom: var(--space-6); font-size: var(--font-size-24); font-weight: 700; line-height:1.33em; letter-spacing: -0.72px; color: var(--text)}
.edge-checklist__text p{font-size: var(--font-size-18); font-weight: 400; line-height:1.45em; letter-spacing: -0.54px; color: var(--text-sub); word-break: keep-all}
.edge-caution{margin-top: var(--space-32); padding: var(--space-22) var(--space-24); background: #fff; border: 1px solid #dfe8e3; border-radius: 12px; box-shadow: 0 8px 24px rgba(32, 90, 75, 0.06)}
.edge-caution__head{display: flex; align-items: center; gap: var(--space-10); margin-bottom: var(--space-12); padding-bottom: var(--space-12); border-bottom: 1px solid #eef2ef}
.edge-caution__icon{flex-shrink: 0; display: grid; place-items: center; line-height:0em}
.edge-caution__title{font-size: var(--font-size-24); font-weight: 700; line-height:1.33em; letter-spacing: -0.72px; color: var(--text)}
.edge-caution__body{font-size: var(--font-size-18); line-height:1.56em; letter-spacing: -0.54px; color: var(--text-sub); font-weight: 400; word-break: keep-all}
.edge-caution__body em{font-style: normal; font-weight: 700; color: #c2410c}
.edge-doc{flex: 1; width: 100%; height: 100%; min-height: 100%; background: #eceeed; border-radius: 4px; padding: var(--space-28) var(--space-24) var(--space-20); display: flex; flex-direction: column}
.edge-doc__frame{flex: 1; min-height: 0; margin: 0; display: flex; justify-content: center; align-items: center}
.edge-doc__frame img{display: block; max-width: 100%; max-height: 100%; width: auto; height: auto; box-shadow: 0 8px 28px rgba(0, 0, 0, 0.1); object-fit: contain; background: #fff}
.edge-doc__caption{flex-shrink: 0; margin: var(--space-16) 0 0; padding: 0; font-size: var(--font-size-16); font-weight: 500; line-height:1.5em; letter-spacing: -0.32px; text-align: center; color: var(--text-sub)}
.edge-white-cards{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-24)}
.edge-white-card{padding: var(--space-32) var(--space-28) var(--space-28); background: #fff; border: 1px solid #e8ebe8; border-radius: 4px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04)}
.edge-white-card__head{display: flex; align-items: center; justify-content: space-between; gap: var(--space-12); margin-bottom: var(--space-8); padding-bottom: var(--space-18); border-bottom: 1px solid #eef0ee}
.edge-white-card__title{font-size: var(--font-size-24); font-weight: 700; line-height:1.33em; letter-spacing: -0.72px; color: var(--text)}
.edge-tag{flex-shrink: 0; padding: var(--space-6) var(--space-12); border-radius: 4px; background: #eef4f1; font-size: var(--font-size-12); font-weight: 700; letter-spacing: -0.24px; color: var(--green); white-space: nowrap}
.edge-white-card__list li{display: flex; align-items: center; justify-content: space-between; gap: var(--space-16); padding: var(--space-16) 0; border-bottom: 1px solid #eef0ee; font-size: var(--font-size-18); line-height:1.56em; letter-spacing: -0.54px; color: var(--text-body); word-break: keep-all}
.edge-white-card__list li:last-child{border-bottom: 0; padding-bottom: 0}
.edge-white-card__list li span{flex: 1; font-size: var(--font-size-18); font-weight: 400; line-height:1.56em; letter-spacing: -0.54px; color: var(--text-body)}
.edge-white-card__list em{flex-shrink: 0; font-style: normal; font-size: var(--font-size-16); font-weight: 700; letter-spacing: -0.32px; color: var(--green); white-space: nowrap}
.edge-white-card__list em.is-main{color: var(--main)}
.edge-white-card__list li.has-note{flex-wrap: wrap; align-items: flex-start}
.edge-white-card__item-main{flex: 1; min-width: 100%; margin-bottom: var(--space-4)}
.edge-white-card__list em.is-note{font-size: var(--font-size-18); font-weight: 400; color: var(--text-body); white-space: normal; margin-left: 0}
.edge-section__subtitle{margin-bottom: var(--space-24); font-size: var(--font-size-22); font-weight: 700; line-height:1.45em; letter-spacing: -0.44px; color: var(--text); word-break: keep-all}
.edge-section__para p{margin-bottom: var(--space-18); font-size: var(--font-size-18); line-height:1.56em; letter-spacing: -0.54px; color: var(--text-sub); word-break: keep-all}
.edge-section__para p:last-child{margin-bottom: 0}
.edge-section__para strong{display: block; margin-bottom: var(--space-6); font-size: var(--font-size-24); font-weight: 700; line-height:1.33em; letter-spacing: -0.72px; color: var(--text)}
.edge-training-head{margin-bottom: var(--space-40)}
.edge-training-head .edge-badge{margin-bottom: var(--space-28)}
.edge-training-head__stack{display: flex; flex-direction: column; gap: var(--space-12); align-items: flex-start; max-width: 100%}
.edge-training-head__stack .edge-section__title{margin-bottom: 0}
.edge-training-head__stack .edge-section__desc{margin-bottom: 0}
.edge-training-cards{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-24)}
.edge-training-card{padding: var(--space-28) var(--space-24) var(--space-24); background: #fff; border-radius: 16px; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.05)}
.edge-training-card__head{display: flex; align-items: center; justify-content: space-between; gap: var(--space-12); margin-bottom: var(--space-20); padding-bottom: var(--space-18); border-bottom: 1px solid #eef0ee}
.edge-training-card__title{font-size: var(--font-size-24); font-weight: 700; line-height:1.33em; letter-spacing: -0.72px; color: var(--text)}
.edge-training-card__tag{flex-shrink: 0; padding: var(--space-6) var(--space-12); border-radius: 999px; background: #eef4f1; font-size: var(--font-size-16); font-weight: 700; letter-spacing: -0.32px; color: var(--green); white-space: nowrap}
.edge-training-card__list{display: flex; flex-direction: column; gap: var(--space-8); margin: 0; padding: 0; list-style: none}
.edge-training-card__list li{display: flex; align-items: center; justify-content: space-between; gap: var(--space-12); padding: var(--space-14) var(--space-16); background: #f8faf9; border-radius: 10px; word-break: keep-all}
.edge-training-card__list li.is-stack{flex-direction: column; align-items: flex-start; gap: var(--space-4)}
.edge-training-card__label{flex: 1; font-size: var(--font-size-18); font-weight: 400; line-height:1.56em; letter-spacing: -0.54px; color: var(--text-body)}
.edge-training-card__sub{font-size: var(--font-size-18); font-weight: 400; line-height:1.56em; letter-spacing: -0.54px; color: var(--text-body)}
.edge-training-card__freq{flex-shrink: 0; font-style: normal; font-size: var(--font-size-16); font-weight: 700; letter-spacing: -0.32px; color: var(--green); padding: var(--space-5) var(--space-12); background: #eef4f1; border-radius: 999px; white-space: nowrap}
.edge-training-card__freq.is-main{color: var(--main); background: rgba(255, 168, 0, 0.12)}
.edge-monitor-head{margin-bottom: var(--space-48)}
.edge-monitor-head .edge-badge{margin-bottom: var(--space-28)}
.edge-monitor-head__grid{display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 0.88fr); gap: var(--space-32) var(--space-64); align-items: end}
.edge-monitor-head__grid .edge-section__title{margin-bottom: 0}
.edge-monitor-head__lead{margin: 0; font-size: var(--font-size-18); font-weight: 400; line-height:1.56em; letter-spacing: -0.54px; color: var(--text-sub); text-align: right; word-break: keep-all}
.edge-monitor-features{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-20); margin: 0; padding: 0; list-style: none}
.edge-monitor-feature{display: flex; flex-direction: column; gap: var(--space-20); min-height: 100%; padding: var(--space-28) var(--space-24); background: #f8faf9; border: 1px solid #e8ebe8; border-radius: 16px}
.edge-monitor-feature__icon{display: grid; place-items: center; width: 52px; height: 52px; border-radius: 50%; background: #eef4f1; line-height:0em}
.edge-monitor-feature__lucide{display: block; flex-shrink: 0; width: 32px; height: 32px}
.edge-monitor-feature__title{display: block; margin-bottom: var(--space-8); font-size: var(--font-size-24); font-weight: 700; line-height:1.33em; letter-spacing: -0.72px; color: var(--text); word-break: keep-all}
.edge-monitor-feature__desc{margin: 0; font-size: var(--font-size-18); font-weight: 400; line-height:1.56em; letter-spacing: -0.54px; color: var(--text-sub); word-break: keep-all}

/* 서비스 */
body#sub.page-service #contArea.wide{padding-top: 0}
.page-service{background: #fff}
.page-service .edge-page__head{padding-top: var(--sub-content-gap)}
.service-page__head{max-width: var(--page-w); margin: 0 auto; padding: var(--sub-content-gap) var(--space-40) 0; text-align: center}
.service-page__title{margin: 0; font-size: var(--font-size-46); font-weight: 700; line-height:1.2em; letter-spacing: -0.92px; color: var(--text)}
.service-page__head .edge-page__title{margin-bottom: 0}
.service-page__head + .service-detail{padding-top: var(--space-80)}
.service-page > .svc-commute{padding-top: var(--sub-content-gap); padding-bottom: var(--sub-content-gap)}
.service-detail--simple{padding-top: var(--sub-content-gap)}
.service-detail{padding-bottom: var(--space-150)}
.service-detail__note{margin: 0 0 var(--space-8); font-size: var(--font-size-18); line-height:1.56em; letter-spacing: -0.54px; color: var(--text-sub); text-align: center; word-break: keep-all}
.service-detail .edge-section__inner{max-width: var(--page-w); margin: 0 auto; padding: 0 var(--space-40)}
.service-detail__visual{margin-bottom: var(--space-32); border-radius: 16px; overflow: hidden; background: #eceeed; line-height:0em}
.service-detail__visual--wide img{display: block; width: 100%; height: auto; aspect-ratio: 21 / 9; object-fit: cover}
.service-detail__split--reverse{direction: rtl}
.service-detail__split--reverse .edge-section__copy, .service-detail__split--reverse .edge-section__visual{direction: ltr}
.service-page__tags{margin-top: var(--space-32)}
.service-page__tags--center{margin-top: var(--space-40); text-align: center}
.service-page__tags-label{display: block; margin-bottom: var(--space-12); font-size: var(--font-size-16); font-weight: 600; letter-spacing: -0.32px; color: var(--text-sub)}
.service-page__tags--center .vehicle-card__tags{justify-content: center}
.service-page .vehicle-card__tags span{background: #eef4f1; border: 1px solid rgba(32, 90, 75, 0.12)}
.service-visual{position: relative; flex: 1; width: 100%; min-height: 360px; background: #eceeed; border-radius: 16px; overflow: hidden; display: flex; flex-direction: column}
.service-visual__frame{flex: 1; margin: 0; display: flex; align-items: center; justify-content: center; padding: var(--space-32) var(--space-24) var(--space-48); min-height: 0}
.service-visual__frame img{display: block; width: 100%; max-width: 420px; height: auto; object-fit: contain}
.service-visual__icon{position: absolute; right: 24px; bottom: 24px; width: 72px; height: 72px; border-radius: 50%; background: #fff; display: grid; place-items: center; box-shadow: 0 8px 24px rgba(32, 90, 75, 0.15)}
.service-visual__icon img{width: 44px; height: 44px; object-fit: contain}
.service-tour-grid{display: grid; grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr); gap: var(--space-32) var(--space-48); align-items: start; margin-bottom: var(--space-8)}
.service-tour-grid__visual{margin: 0; border-radius: 16px; overflow: hidden; background: #eceeed; line-height:0em}
.service-tour-grid__visual img{display: block; width: 100%; height: auto; object-fit: cover; aspect-ratio: 4 / 3}
.service-tour-grid__features{margin: 0}
.service-page-cta{max-width: var(--page-w); margin: 0 auto; padding: 0 var(--space-40) var(--space-150)}
.service-page-cta__inner{display: flex; align-items: center; justify-content: space-between; gap: var(--space-32) var(--space-48); padding: var(--space-40) var(--space-48); border-radius: 20px; background: linear-gradient(135deg, #f3f7f5 0%, #eef4f1 100%); border: 1px solid #dfe8e3}
.service-page-cta__eyebrow{margin-bottom: var(--space-8); font-size: var(--font-size-14); font-weight: 700; letter-spacing: 0.12em; color: var(--green)}
.service-page-cta__title{margin-bottom: var(--space-8); font-size: var(--font-size-28); font-weight: 700; line-height:1.3em; letter-spacing: -0.56px; color: var(--text)}
.service-page-cta__desc{font-size: var(--font-size-18); line-height:1.56em; letter-spacing: -0.54px; color: var(--text-sub); word-break: keep-all}
.service-page-cta__note{margin-top: var(--space-10); font-size: var(--font-size-16); font-weight: 600; letter-spacing: -0.32px; color: var(--green)}
.service-page-cta__link{flex-shrink: 0; display: inline-flex; align-items: center; gap: var(--space-12); padding: var(--space-18) var(--space-32); border-radius: 999px; background: var(--green); color: #fff; font-size: var(--font-size-18); font-weight: 700; letter-spacing: -0.36px; white-space: nowrap; transition: transform .25s ease, box-shadow .25s ease}
.service-page-cta__link span:last-child{font-size: var(--font-size-20); line-height:1em; transition: transform .25s ease}
.service-page-cta__link:hover{transform: translateY(-2px); box-shadow: 0 8px 24px rgba(32, 90, 75, 0.2)}
.service-page-cta__link:hover span:last-child{transform: translateX(4px)}
.service-page--commute, .service-page--shuttle, .service-page--school, .service-page--tour{padding-bottom: 0}
.svc-commute{max-width: var(--page-w); margin: 0 auto; padding: 0 var(--space-40) 0}
.svc-commute-intro{display: flex; flex-direction: column; align-items: center; gap: 0; margin-bottom: var(--space-56); text-align: center}
.svc-commute-intro__header{display: flex; flex-wrap: nowrap; justify-content: center; align-items: baseline; gap: 0.4em; max-width: 100%; margin-bottom: var(--space-36); text-align: center}
.svc-commute-vehicles__head-copy{justify-self: start; align-self: start; width: fit-content; padding: var(--space-16) var(--space-24); border: 2px solid var(--green); border-radius: 12px}
.svc-commute-vehicles__eyebrow{margin-bottom: var(--space-16); font-size: var(--font-size-16); font-weight: 600; letter-spacing: -0.32px; color: var(--green)}
.svc-commute-intro__title{margin-bottom: 0; font-size: var(--font-size-36); font-weight: 700; line-height:1.2em; letter-spacing: -0.72px; white-space: nowrap}
.svc-commute-intro__subtitle{margin: 0; font-size: var(--font-size-36); font-weight: 700; line-height:1.2em; letter-spacing: -0.72px; color: var(--text); white-space: nowrap}
.svc-commute-intro__copy{max-width: var(--page-w); margin: 0 auto var(--space-40); text-align: center}
.svc-commute-intro__text{margin: 0; font-size: var(--font-size-18); font-weight: 400; line-height:1.65em; letter-spacing: -0.54px; color: var(--text-sub); word-break: keep-all}
.svc-commute-intro__features{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-20); width: 100%; max-width: var(--page-w)}
.svc-commute-intro__feature{display: flex; align-items: flex-start; gap: var(--space-16); padding: var(--space-28) var(--space-24); border: 1px solid #e8ebe8; border-radius: 12px; background: #fff; text-align: left}
.svc-commute-intro__feature-mark{flex-shrink: 0; line-height:0em}
.svc-commute-intro__feature-body{flex: 1; min-width: 0}
.svc-commute-intro__feature-title{display: block; margin-bottom: var(--space-8); font-size: var(--font-size-24); font-weight: 700; line-height:1.35em; letter-spacing: -0.72px; color: var(--text)}
.svc-commute-intro__feature-desc{font-size: var(--font-size-18); font-weight: 400; line-height:1.5em; letter-spacing: -0.54px; color: var(--text-sub); word-break: keep-all}
.svc-commute-showcase{width: 100%; max-width: var(--page-w);  margin: 0; line-height:0em; border-radius: 12px; background: #eceeed; overflow: hidden}
.svc-commute-showcase img{display:block; width:100%; height:auto}
.service-page--shuttle .svc-commute-showcase img{object-position: center 72%}
.service-page--school .svc-commute-showcase img{object-position: center 72%}
.service-page--tour .svc-commute-showcase img{object-position: center 72%}
.svc-commute-vehicles{background: #fff; margin-bottom: var(--space-56)}
.svc-commute-vehicles:last-child {margin-bottom: 0;}
.svc-commute-vehicles__head{display: grid; grid-template-columns: minmax(0, 0.55fr) minmax(0, 1fr); gap: var(--space-24) var(--space-48); align-items: end; margin-bottom: var(--space-36)}
.svc-commute-vehicles__head .edge-section__title{margin-bottom: 0}
.svc-commute-vehicles__title{margin-bottom: 0}
.svc-commute-vehicles__head-desc{max-width: 420px; margin: 0 0 0 auto; font-size: var(--font-size-17); line-height:1.55em; color: var(--text-sub); text-align: right; word-break: keep-all}
.svc-commute-vehicles__grid{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-24)}
.svc-commute-vehicle-card{display: flex; flex-direction: column; align-items: flex-start; min-height: 280px; padding: var(--space-32) var(--space-28) var(--space-28); border: 0; border-radius: 12px; background: rgba(var(--green-rgb), 0.08); box-shadow: none}
.svc-commute-vehicle-card__label{margin-bottom: var(--space-16); font-size: var(--font-size-13); font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: #b0bab4}
.svc-commute-vehicle-card__title{margin-bottom: var(--space-14); font-size: var(--font-size-24); font-weight: 700; line-height:1.3em; letter-spacing: -0.72px; color: var(--text)}
.svc-commute-vehicle-card__desc{flex: 1; margin: 0 0 var(--space-28); font-size: var(--font-size-18); font-weight: 400; line-height:1.55em; letter-spacing: -0.54px; color: var(--text-sub); word-break: keep-all}
.svc-commute-vehicle-card__icon{flex-shrink: 0; margin-top: auto; color: var(--green); line-height:0em}
.svc-commute-vehicle-card__icon svg{display: block; width: 32px; height: 32px}
.service-page-cta--band .service-page-cta__inner{align-items: center; padding: var(--space-36) var(--space-48); border: 0; border-radius: 16px; background: var(--main); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.28)}
.service-page-cta--band .service-page-cta__eyebrow{color: var(--green-deep); letter-spacing: 0.1em}
.service-page-cta--band .service-page-cta__title{font-size: var(--font-size-30); letter-spacing: -0.6px; color: var(--text)}
.service-page-cta--band .service-page-cta__desc{color: var(--text-sub)}
.service-page-cta--band .service-page-cta__note{display: inline-flex; margin-top: var(--space-14); padding: var(--space-7) var(--space-14); border-radius: 999px; background: rgba(255, 255, 255, 0.58); color: var(--green-deep)}
.service-page-cta--band .service-page-cta__action{flex-shrink: 0}
.service-page-cta--band .service-page-cta__bar{display: inline-flex; align-items: center; gap: var(--space-16); min-height: 60px; padding: var(--space-10) var(--space-10) var(--space-10) var(--space-32); border-radius: 999px; background: #fff; color: var(--green-deep); font-size: var(--font-size-17); font-weight: 700; letter-spacing: -0.3px; text-decoration: none; white-space: nowrap; transition: background .3s ease, transform .25s ease}
.service-page-cta--band .service-page-cta__bar-go{display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; background: var(--green-deep); color: #fff; font-size: var(--font-size-17); line-height:1em; transition: transform .25s ease}
.service-page-cta--band .service-page-cta__bar:hover{background: var(--ivory); transform: translateY(-2px)}
.service-page-cta--band .service-page-cta__bar:hover .service-page-cta__bar-go{transform: translateX(2px)}

/* 차량안내 */
body#sub.page-vehicle #contArea.wide{padding-top: 0}
.page-vehicle{background: #fff}
.vehicle-page__lead{max-width: 720px; margin: var(--space-16) auto 0; text-align: center}
.sub-tabs--vehicle .sub-tabs__item{padding: 0 var(--space-10); font-size: var(--font-size-18); letter-spacing: -0.54px}
.vehicle-guide-page__head{max-width: var(--page-w); margin: 0 auto; padding: var(--sub-content-gap) var(--space-40) 0; text-align: center}
.vehicle-guide-page__title{margin: 0; font-size: var(--font-size-46); font-weight: 700; line-height:1.2em; letter-spacing: -0.92px; color: var(--text)}
.vehicle-guide-page > .vehicle-guide{padding-top: var(--sub-content-gap)}
.vehicle-guide{max-width: var(--page-w); margin: 0 auto; padding: 0 var(--space-40) 0}
.vehicle-guide__head{display: grid; grid-template-columns: minmax(0, 0.55fr) minmax(0, 1fr); gap: var(--space-24) var(--space-48); align-items: end; padding-bottom: var(--space-32); border-bottom: 1px solid #e5eaea}
.vehicle-guide__head .edge-section__title{margin-bottom: 0; white-space: nowrap}
.vehicle-guide__eyebrow{margin-bottom: var(--space-14); font-size: var(--font-size-13); font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #9aa3a0}
.vehicle-guide__head-desc{max-width: 420px; margin: 0 0 0 auto; font-size: var(--font-size-17); line-height:1.55em; letter-spacing: -0.51px; color: var(--text-sub); text-align: right; word-break: keep-all}
.veh-detail{display: grid; grid-template-columns: minmax(0, 1.18fr) minmax(0, 0.82fr); gap: 0; min-height: 520px; margin-top: var(--space-32)}
.veh-detail__visual{position: relative; min-height: 520px; padding: 0; background: #eceeed; overflow: hidden}
.veh-detail__visual img{display: block; width: 100%; height: 100%; min-height: 520px; object-fit: cover; object-position: center center}
.veh-detail--rounded .veh-detail__visual{border-radius: 12px}
.veh-detail__body{display: flex; flex-direction: column; justify-content: center; padding: var(--space-56) var(--space-56) var(--space-56) var(--space-64); background: #fff}
.veh-detail__category{margin-bottom: var(--space-12); font-size: var(--font-size-13); font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--green)}
.veh-detail__title{margin-bottom: var(--space-14); font-size: var(--font-size-24); font-weight: 700; line-height:1.3em; letter-spacing: -0.72px; color: var(--text)}
.veh-detail__desc{margin: 0 0 var(--space-28); font-size: var(--font-size-18); font-weight: 400; line-height:1.55em; letter-spacing: -0.54px; color: var(--text-sub); word-break: keep-all}
.veh-detail__specs{margin: 0 0 var(--space-32); border-top: 1px solid #e5eaea}
.veh-detail__spec{display: flex; align-items: center; justify-content: space-between; gap: var(--space-24); padding: var(--space-20) 0; border-bottom: 1px solid #e5eaea; font-size: var(--font-size-18); line-height:1.5em; letter-spacing: -0.54px}
.veh-detail__spec dt{flex-shrink: 0; font-weight: 500; color: var(--text-sub)}
.veh-detail__spec dd{margin: 0; font-weight: 700; color: var(--text); text-align: right}
.veh-detail__tags{display: flex; flex-wrap: wrap; gap: var(--space-8)}
.veh-detail__tags span{display: inline-flex; align-items: center; padding: var(--space-8) var(--space-16); border-radius: 6px; background: rgba(var(--green-rgb), 0.1); color: var(--green); font-size: var(--font-size-16); font-weight: 600; letter-spacing: -0.32px; line-height:1.25em}
.veh-usecase{margin-top: var(--space-120)}
.veh-usecase__head{max-width: 880px; margin: 0 auto var(--space-56); text-align: center}
.veh-usecase__eyebrow{display: flex; align-items: center; justify-content: center; gap: var(--space-16); margin-bottom: var(--space-20); font-size: var(--font-size-13); font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: #4a7fd4}
.veh-usecase__eyebrow::before, .veh-usecase__eyebrow::after{content: ""; width: 48px; height: 1px; background: #c5d4e8; flex-shrink: 0}
.veh-usecase__title{margin-bottom: var(--space-20)}
.veh-usecase__lead{margin: 0; font-size: var(--font-size-18); font-weight: 400; line-height:1.65em; letter-spacing: -0.54px; color: var(--text-sub); word-break: keep-all}
.veh-usecase__board{position: relative; padding: 0 0 var(--space-24)}
.veh-usecase__band{position: absolute; left: 0; right: 0; bottom: 0; height: calc(100% - 48px); min-height: 180px; background: #e8f2fc; z-index: 0}
.veh-usecase__grid{position: relative; z-index: 1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-24)}
.veh-usecase-card{display: flex; flex-direction: column; align-items: flex-start; min-height: 220px; padding: var(--space-32) var(--space-28) var(--space-36); background: #fff; border-radius: 4px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06)}
.veh-usecase-card__num{margin-bottom: var(--space-16); font-size: var(--font-size-14); font-weight: 600; letter-spacing: 0.04em; color: #b8c0bd; line-height:1em}
.veh-usecase-card__bar{display: block; width: 36px; height: 3px; margin-bottom: var(--space-20); background: #4a7fd4; border-radius: 2px}
.veh-usecase-card__title{margin-bottom: var(--space-12); font-size: var(--font-size-24); font-weight: 700; line-height:1.35em; letter-spacing: -0.72px; color: var(--text)}
.veh-usecase-card__desc{margin: 0; font-size: var(--font-size-18); font-weight: 400; line-height:1.55em; letter-spacing: -0.54px; color: var(--text-sub); word-break: keep-all}
.veh-usecase--route{margin-top: var(--space-120)}
.veh-route__head{max-width: 880px; margin: 0 auto var(--space-56); text-align: center}
.veh-route__eyebrow{display: flex; align-items: center; justify-content: center; gap: var(--space-16); margin-bottom: var(--space-20); font-size: var(--font-size-13); font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--green)}
.veh-route__eyebrow::before, .veh-route__eyebrow::after{content: ""; width: 48px; height: 1px; background: rgba(var(--green-rgb), 0.25); flex-shrink: 0}
.veh-route__title{margin-bottom: var(--space-20)}
.veh-route__lead{margin: 0; font-size: var(--font-size-18); font-weight: 400; line-height:1.65em; letter-spacing: -0.54px; color: var(--text-sub); word-break: keep-all}
.veh-route__grid{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-24)}
.veh-route__card{display: flex; flex-direction: column; align-items: center; min-height: 0; padding: var(--space-40) var(--space-28) var(--space-36); text-align: center; background: #eceeed; border-radius: 14px}
.veh-route__icon{display: flex; align-items: center; justify-content: center; width: 64px; height: 64px; margin-bottom: var(--space-24); border-radius: 50%; background: #fff}
.veh-route__icon svg{display: block; width: 32px; height: 32px; color: var(--green); stroke: currentColor; stroke-width: 1.5}
.veh-route__card-title{margin-bottom: var(--space-12); font-size: var(--font-size-22); font-weight: 700; line-height:1.35em; letter-spacing: -0.66px; color: var(--text)}
.veh-route__card-desc{margin: 0; max-width: 280px; font-size: var(--font-size-17); font-weight: 400; line-height:1.6em; letter-spacing: -0.51px; color: var(--text-sub); word-break: keep-all}

/* 견적문의 */
body.page-quote #container {padding-top: var(--header-h)}
body#sub.page-quote #container{padding-top: 0}
body#sub.page-quote #contArea.wide{padding-top: 0}
body#sub.page-quote .real-cont{padding-bottom: 0}
.page-quote{background: #fff}
.page-quote .quote-banner{padding-top: calc(var(--header-h) + var(--space-32)); padding-bottom: var(--space-150)}
.page-quote .quote-banner__inner{gap: var(--space-40)}
.page-quote .quote-promo__media{margin-top: var(--space-24); align-items: flex-start}
.page-quote .quote-promo__visual{justify-content: flex-start; align-items: flex-start; width: 100%}
.page-quote .quote-promo__visual img{width: auto; max-width: 100%; max-height: 200px; object-fit: contain; object-position: left bottom}
.page-quote .quote-card{padding: var(--space-24) var(--space-28) var(--space-24)}
.page-quote .quote-card__head{margin-bottom: 0; padding-bottom: var(--space-10)}
.page-quote .quote-panel.is-active{padding-top: var(--space-8)}
.page-quote .quote-panel{gap: var(--space-14)}
.page-quote .quote-card__tab{min-height: 42px; padding: var(--space-10) var(--space-12); font-size: var(--font-size-15)}
.page-quote .quote-row{gap: var(--space-10)}
.page-quote .quote-form__input, .page-quote .quote-form__select, .page-quote .quote-form__textarea{min-height: 42px; font-size: var(--font-size-15)}
.page-quote .quote-form__textarea--compact{min-height: 56px; max-height: 88px; padding: var(--space-8) var(--space-12); line-height:1.45em}
.page-quote .quote-row--time-dual{grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-10)}
.page-quote .quote-time-block{display: grid; grid-template-columns: 44px minmax(0, 1fr) minmax(0, 1fr); gap: var(--space-10); align-items: center}
.page-quote .quote-time-field{position: relative; min-width: 0; width: 100%}
.page-quote .quote-time-field__native{position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; overflow: hidden}
.page-quote .quote-time-field__trigger{display: flex; align-items: center; width: 100%; text-align: left; cursor: pointer; background: #fff}
.page-quote .quote-time-field__trigger:disabled{opacity: 0.55; cursor: not-allowed}
.page-quote .quote-time-field__menu{position: absolute; z-index: 30; top: calc(100% + 4px); left: 0; right: 0; max-height: calc(35px * 10 + 8px); margin: 0; padding: var(--space-4) 0; list-style: none; overflow-y: auto; overscroll-behavior: contain; border: 1px solid #dde3df; border-radius: 6px; background: #fff; box-shadow: 0 8px 20px rgba(24, 69, 57, 0.12)}
.page-quote .quote-time-field__option{min-height: 35px; padding: var(--space-8) var(--space-12); font-size: var(--font-size-15); line-height:1.3em; color: var(--text); cursor: pointer}
.page-quote .quote-time-field__option:hover, .page-quote .quote-time-field__option.is-selected{background: rgba(var(--green-rgb), 0.08); color: var(--green)}
.page-quote .quote-row--vehicle{grid-template-columns: 108px minmax(0, 1fr); align-items: center}
.page-quote .quote-row__label{font-size: var(--font-size-15)}
.page-quote .quote-vehicle__label{font-size: var(--font-size-15)}
.page-quote .quote-form__hint--inline{margin: var(--space-20) 0 0; padding: 0 0 var(--space-24); font-size: var(--font-size-14); line-height:1.45em; color: var(--text-sub)}
.page-quote .quote-form__extras{margin-top: 0; padding-top: 0; border-top: none; gap: 0}
.page-quote .quote-form__extras-divider{border-top: 1px solid #eef1ee}
.page-quote .quote-form__privacy-compact{padding-top: var(--space-24); gap: var(--space-4)}
.page-quote .quote-form__actions{margin-top: var(--space-16)}
.page-quote .quote-form__privacy-deem{font-size: var(--font-size-16); margin: 0; line-height:1.4em}
.page-quote .quote-form__privacy-details{margin: 0; line-height:1.35em}
.page-quote .quote-form__privacy-toggle{display: inline-flex; align-items: center; gap: var(--space-4); font-size: var(--font-size-14); font-weight: 500; color: var(--text-sub); cursor: pointer; list-style: none; user-select: none}
.page-quote .quote-form__privacy-toggle::-webkit-details-marker{display: none}
.page-quote .quote-form__privacy-toggle::before{content: "+"; display: inline-grid; place-items: center; width: 16px; height: 16px; border-radius: 4px; background: #eef1ee; font-size: var(--font-size-12); font-weight: 700; color: var(--green); line-height:1em}
.page-quote .quote-form__privacy-details[open] .quote-form__privacy-toggle::before{content: "−"}
.page-quote .quote-form__privacy-details .quote-form__privacy-box{margin-top: var(--space-8)}
.page-quote .quote-form__privacy-box--compact{padding: var(--space-10) var(--space-12)}
.page-quote .quote-form__privacy-list{font-size: var(--font-size-13); line-height:1.45em}
.page-quote .quote-form__submit{min-height: 48px; font-size: var(--font-size-17)}
.quote-banner{position: relative; padding: var(--space-72) 0 var(--space-150); background: #fff; border-top: 1px solid rgba(228, 224, 214, 0.65)}
.quote-banner__inner{width: min(100% - 48px, var(--page-w)); max-width: var(--page-w); margin: 0 auto; display: grid; grid-template-columns: minmax(300px, 380px) minmax(0, 1fr); gap: var(--space-64); align-items: start}
.quote-promo{min-width: 0; display: flex; flex-direction: column; align-items: flex-start}
.quote-promo__title{font-size: var(--font-size-52); font-weight: 800; line-height:1.2em; letter-spacing: -1px; color: #2c2c2c; white-space: nowrap}
.quote-promo__media{width: 100%; margin-top: var(--space-40); display: flex; flex-direction: column; gap: var(--space-12)}
.quote-promo__contact{display: inline-flex; flex-direction: row; align-items: center; gap: var(--space-14); margin-top: 0; padding: 0; border-radius: 0; background: none; color: var(--text); box-shadow: none; text-decoration: none; transition: opacity .25s}
.quote-promo__contact:hover{background: none; transform: none; box-shadow: none; opacity: 0.82}
.quote-promo__contact-icon{display: grid; place-items: center; width: 44px; height: 44px; border-radius: 12px; background: var(--main); color: #fff; flex-shrink: 0}
.quote-promo__contact-icon svg{width: 22px; height: 22px}
.quote-promo__contact-body{display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-2); min-width: 0}
.quote-promo__contact-label{font-size: var(--font-size-15); font-weight: 600; letter-spacing: -0.2px; line-height:1.2em; color: var(--text-sub)}
.quote-promo__contact-num{font-size: var(--font-size-26); font-weight: 600; letter-spacing: -0.6px; line-height:1.1em; color: #2c2c2c; white-space: nowrap}
.quote-promo__visual{margin-top: 0; display: flex; justify-content: center; align-items: flex-end; width: 100%; min-height: 0; padding: 0; border-radius: 14px; overflow: hidden; background: transparent}
.quote-promo__visual img{width: 100%; height: auto; min-height: 0; display: block; border-radius: 14px; object-fit: contain; object-position: center bottom}
.quote-card{min-width: 0; background: #fff; border-radius: 20px; border: 1px solid #eceee9; padding: var(--space-28) var(--space-32) var(--space-32); box-shadow: 0 4px 24px rgba(24, 69, 57, 0.06)}
.quote-card__head{margin-bottom: var(--space-8); padding-bottom: var(--space-24); border-bottom: 1px solid #eef1ee; background: transparent}
.quote-card__tabs{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-10); width: 100%}
.quote-card__tab{min-height: 48px; padding: var(--space-12) var(--space-14); border-radius: 999px; border: none; background: #e8ece9; font-size: var(--font-size-16); font-weight: 600; letter-spacing: -0.3px; color: var(--text-sub); text-align: center; cursor: pointer; transition: color .2s, background .2s}
.quote-card__tab.is-active{background: var(--green); color: #fff; font-weight: 700}
.quote-card__tab:hover:not(.is-active){background: #dde3df; color: var(--green)}
.quote-form{display: flex; flex-direction: column; gap: 0; padding: 0}
.quote-panel{display: none; flex-direction: column; gap: var(--space-12)}
.quote-panel.is-active{display: flex}
.quote-row{display: grid; gap: var(--space-10); align-items: center}
.quote-row--5{grid-template-columns: repeat(5, minmax(0, 1fr))}
.quote-row--3{grid-template-columns: repeat(3, minmax(0, 1fr))}
.quote-row--2{grid-template-columns: repeat(2, minmax(0, 1fr))}
.quote-row--1{grid-template-columns: 1fr}
.quote-row--time{grid-template-columns: 88px minmax(0, 1fr) minmax(0, 1fr)}
.quote-row__label{font-size: var(--font-size-16); font-weight: 600; color: var(--text); white-space: nowrap}
.quote-form__input, .quote-form__select, .quote-form__textarea{width: 100%; min-height: 44px; padding: 0 var(--space-12); border: 1px solid #dde3df; border-radius: 6px; background: #fff; color: var(--text); font-size: var(--font-size-16); letter-spacing: -0.32px; transition: border-color .2s, box-shadow .2s}
.quote-form__textarea{min-height: 100px; padding: var(--space-12); resize: vertical; line-height:1.6em}
.quote-form__input:hover, .quote-form__select:hover, .quote-form__textarea:hover{border-color: rgba(var(--green-rgb), 0.35)}
.quote-form__input:focus, .quote-form__select:focus, .quote-form__textarea:focus{outline: none; border-color: var(--green); box-shadow: 0 0 0 3px rgba(var(--green-rgb), 0.1)}
.quote-form__input::placeholder, .quote-form__textarea::placeholder{color: #aaa}
.quote-form__input[type="date"]{padding-right: var(--space-8); color-scheme: light}
.quote-form__hint{font-size: var(--font-size-14); line-height:1.55em; color: var(--text-sub); margin-top: var(--space-4)}
.quote-vehicle{display: flex; flex-direction: column; gap: var(--space-8)}
.quote-vehicle__head{display: flex; align-items: baseline; flex-wrap: wrap; gap: var(--space-6) var(--space-12)}
.quote-vehicle__label{font-size: var(--font-size-16); font-weight: 600; color: var(--text); white-space: nowrap}
.quote-vehicle__label .req{font-style: normal; color: #d64545}
.quote-vehicle__note{font-size: var(--font-size-13); line-height:1.45em; color: var(--text-sub)}
.quote-form__extras{margin-top: var(--space-20); padding-top: var(--space-20); border-top: 1px solid #f0f2f0; display: flex; flex-direction: column; gap: var(--space-16)}
.quote-form__privacy-title{font-size: var(--font-size-18); font-weight: 700; letter-spacing: -0.54px; color: var(--text)}
.quote-form__privacy-box{padding: var(--space-16) var(--space-18); border-radius: 8px; background: #fafafa; border: 1px solid rgba(221, 221, 221, 0.87); font-size: var(--font-size-16); line-height:1.55em; color: var(--text-sub)}
.quote-form__privacy-box p + p{margin-top: var(--space-4)}
.quote-form__privacy-compact{display: flex; flex-direction: column; gap: var(--space-10)}
.quote-form__privacy-deem{font-size: var(--font-size-15); font-weight: 600; line-height:1.5em; letter-spacing: -0.28px; color: var(--text)}
.quote-form__privacy-box--compact{padding: var(--space-12) var(--space-14)}
.quote-form__privacy-list{list-style: none; margin: 0; padding: 0; font-size: var(--font-size-14); line-height:1.55em; color: var(--text-sub)}
.quote-form__privacy-list li + li{margin-top: var(--space-4)}
.quote-form__privacy-list strong{font-weight: 600; color: var(--text); margin-right: var(--space-6)}
.quote-form__agree-row{display: flex; align-items: center; flex-wrap: wrap; gap: var(--space-12) var(--space-16)}
.quote-form__agree{display: flex; align-items: flex-start; gap: var(--space-10); font-size: var(--font-size-16); line-height:1.5em; color: var(--text)}
.quote-form__agree input{width: 18px; height: 18px; margin-top: var(--space-2); accent-color: var(--green)}
.quote-form__privacy-view{display: inline-flex; align-items: center; padding: var(--space-6) var(--space-12); border: 1px solid var(--line); border-radius: 6px; background: #fff; font-size: var(--font-size-16); color: var(--text-sub)}
.quote-form__captcha{display: flex; align-items: center; gap: var(--space-10); flex-wrap: wrap}
.quote-form__captcha-entry{display: flex; align-items: center; gap: var(--space-8); flex: 1 1 200px; min-width: 0}
.quote-form__captcha-entry .quote-form__input{flex: 1 1 auto; min-width: 0}
.quote-form__captcha-display{min-width: 120px; min-height: 44px; padding: 0 var(--space-16); display: flex; align-items: center; justify-content: center; border: 1px solid #dde3df; border-radius: 6px; background: #f0f2f0; font-size: var(--font-size-20); font-weight: 700; letter-spacing: 5px; color: var(--green)}
.quote-form__captcha-refresh{width: 44px; height: 44px; border: 1px solid #dde3df; border-radius: 6px; background: #fff; font-size: var(--font-size-20); color: var(--text-sub)}
.quote-form__captcha-error{font-size: var(--font-size-16); color: #d64545}
.quote-form__actions{display: flex; justify-content: stretch; margin-top: var(--space-12)}
.quote-form__submit{display: flex; align-items: center; justify-content: center; gap: var(--space-10); width: 100%; min-height: 60px; padding: var(--space-18) var(--space-32); border-radius: 10px; border: 0; background: linear-gradient(135deg, var(--green) 0%, var(--green-deep) 100%); color: #fff; font-size: var(--font-size-20); font-weight: 700; letter-spacing: -0.4px; transition: background .25s, transform .25s}
.quote-form__submit:hover{transform: translateY(-2px)}
.quote-form__submit span{font-size: var(--font-size-22); line-height:1em}
.page-quote .quote-form__hint a{color: var(--green); font-weight: 600}
.quote-list{padding-top: calc(var(--header-h) + var(--space-32)); padding-bottom: var(--space-150)}
.quote-list__inner{width: min(100% - 48px, var(--page-w)); max-width: var(--page-w); margin: 0 auto}
.quote-list__head{display: flex; align-items: center; justify-content: space-between; gap: var(--space-16); margin-bottom: var(--space-16)}
.quote-list__notice{display: flex; align-items: center; gap: var(--space-8); min-width: 0; margin: 0; padding: var(--space-10) var(--space-14); border-radius: 8px; background: #f7f6f2; color: var(--text-sub); font-size: var(--font-size-14); line-height: 1.45em}
.quote-list__notice svg{flex-shrink: 0; width: 18px; height: 18px; color: #c4a35a}
.quote-list__apply{display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; min-height: 42px; padding: 0 var(--space-18); border-radius: 6px; background: #1a1a1a; color: #fff; font-size: var(--font-size-14); font-weight: 600; text-decoration: none}
.quote-list__apply:hover{opacity: 0.88; color: #fff}
.quote-list__scroll{overflow-x: auto}
.quote-list__table{width: 100%; border-collapse: collapse; border-top: 1px solid #e6e6e6}
.quote-list__table .col-no{width: 72px}
.quote-list__table .col-service{width: 110px}
.quote-list__table .col-name{width: 120px}
.quote-list__table .col-date{width: 130px}
.quote-list__table .col-lock{width: 72px}
.quote-list__table th{height: 48px; padding: var(--space-8) var(--space-10); background: #fafafa; border-bottom: 1px solid #eee; color: var(--text); font-size: var(--font-size-14); font-weight: 600; text-align: center}
.quote-list__table td{height: 52px; padding: var(--space-10); border-bottom: 1px solid #eee; color: var(--text); font-size: var(--font-size-15); text-align: center}
.quote-list__table td.subject{text-align: left}
.quote-list__table td.subject a{color: var(--text); text-decoration: none}
.quote-list__table tbody tr:hover td{background: #fafafa}
.quote-list__table td.subject a:hover{color: var(--green)}
.quote-list__lock{display: inline-flex; color: #c4a35a}
.quote-list__lock svg{width: 18px; height: 18px}
.quote-list__empty{padding: var(--space-40) 0; color: var(--text-sub); text-align: center}
.quote-list .paginate{margin-top: var(--space-32)}
.quote-view{padding-top: calc(var(--header-h) + var(--space-32)); padding-bottom: var(--space-150)}
.quote-view__inner{width: min(100% - 48px, 880px); margin: 0 auto}
.quote-view__head{margin-bottom: var(--space-20); padding-bottom: var(--space-16); border-bottom: 1px solid #e6e6e6}
.quote-view__service{margin: 0 0 var(--space-8); color: var(--green); font-size: var(--font-size-14); font-weight: 700}
.quote-view__title{margin: 0; color: var(--text); font-size: var(--font-size-24); font-weight: 700; line-height: 1.4em}
.quote-view__meta{display: flex; flex-wrap: wrap; gap: var(--space-8) var(--space-16); margin: var(--space-10) 0 0; color: var(--text-sub); font-size: var(--font-size-14)}
.quote-view__table{width: 100%; border-collapse: collapse}
.quote-view__table th{width: 140px; padding: var(--space-12) var(--space-14); border-bottom: 1px solid #eee; background: #fafafa; color: var(--text); font-size: var(--font-size-15); font-weight: 600; text-align: center}
.quote-view__table td{padding: var(--space-12) var(--space-14); border-bottom: 1px solid #eee; color: var(--text); font-size: var(--font-size-15); line-height: 1.5em; text-align: left}
.quote-reply{margin-top: var(--space-28); padding: var(--space-20); border: 1px solid #e6e6e6; border-radius: 12px; background: #f7f8f7}
.quote-reply__title{margin: 0 0 var(--space-12); color: var(--text); font-size: var(--font-size-18); font-weight: 700}
.quote-reply__body{color: var(--text); font-size: var(--font-size-15); line-height: 1.6em}
.quote-reply__empty{margin: 0; color: var(--text-sub); font-size: var(--font-size-15)}
.quote-view__actions{margin-top: var(--space-24)}
.quote-view__back{display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: 0 var(--space-18); border: 1px solid #dde3df; border-radius: 6px; background: #fff; color: var(--text); font-size: var(--font-size-14); font-weight: 600; text-decoration: none}
.quote-view__back:hover{border-color: var(--green); color: var(--green)}
.quote-pass{max-width: 480px; margin: 0 auto; padding: var(--space-32) var(--space-28); border: 1px solid #eceee9; border-radius: 16px; background: #fff; box-shadow: 0 4px 24px rgba(24, 69, 57, 0.06); text-align: center}
.quote-pass__title{margin: 0 0 var(--space-12); color: var(--text); font-size: var(--font-size-22); font-weight: 700}
.quote-pass__desc{margin: 0 0 var(--space-8); color: var(--text-sub); font-size: var(--font-size-15); line-height: 1.5em}
.quote-pass__error{margin: var(--space-8) 0 0; color: #d64545; font-size: var(--font-size-14); font-weight: 600}
.quote-pass__form{display: flex; flex-direction: column; gap: var(--space-12); margin-top: var(--space-20)}
.quote-pass .quote-view__back{margin-top: var(--space-16)}
@media (max-width: 760px){
	.quote-list__head{flex-direction: column; align-items: stretch}
	.quote-list__apply{align-self: flex-end}
	.quote-list__table .is-hide-m{display: none}
	.quote-view__table th{width: 96px}
}