@charset "utf-8";
/* 반응형 */

@media (max-width: 1400px) {
	/* 헤더 */
	.header__inner {grid-template-columns:170px minmax(0, 1fr) 228px}
	.header__logo {width:auto; height:clamp(44px, calc(62 / var(--inner) * 100vw), 62px); aspect-ratio: 170/62;}

	/* 메인 */
	body#main .partners__item{width: 200px; height: 80px}
	body#main .service-card{ min-height: 200px}
	body#main .service-card__icon-wrap{width: clamp(80px, calc(152 / var(--inner) * 100vw), 152px); height: auto; aspect-ratio: 1/1;}
	body#main .service-card__icon-wrap img{width: clamp(50px, calc(108 / var(--inner) * 100vw), 108px); height: auto; aspect-ratio: 1/1;}
	body#main .service-card:nth-child(3) .service-card__icon-wrap img, body#main .service-card:nth-child(4) .service-card__icon-wrap img{width: 102px; height: 102px}
	body#main .hero .survey__question{ letter-spacing: -0.72px}
	body#main .hero .survey__question--compact{ letter-spacing: -0.56px}
	body#main .hero .survey__choice-col{width: 152px}
	body#main .hero .survey__bus-icon-wrap{width: 152px; height: auto; align-items: center; overflow: visible}
	body#main .hero .survey__bus-icon{width: 100%; height: auto; max-height: none; object-position: center center}
	body#main .hero .survey__panel[data-step="1"] .survey__choice-col{width: 184px}
	body#main .hero .survey__panel[data-step="1"] .survey__bus-icon-wrap{width: 184px; height: 136px}
	body#main .hero .survey__panel[data-step="1"] .survey__bus-icon{width: 92%}
	body#main .hero .survey__box-body{ min-height: 0}
	body#main .vehicle-card{flex-basis: calc((100% - 24px) / 2)}
	body#main .cta__illust{width: min(30vw, 260px)}
	body#main .section-title{ line-height:1.3em}
	body#main .side-dots{right: 16px}
	
	/* 서브 */
	.sub-hero {height: clamp(150px, calc(500 / var(--inner) * 100vw), 500px);}

	/* 컨텐츠 */
	.svc-commute-vehicle-card {min-height: auto; aspect-ratio: 44 / 28;}
	.veh-route__card {min-height: auto;}
}

@media (max-width: 1280px) {
	/* 헤더 */
	.header__tel {width: 200px;}
	.header__tel-bg {justify-content: flex-end;}
	/* 메인 */
	body#main .hero__content {padding-right: 50px;}
	body#main .service-card {min-height: auto;}
	body#main .survey__legal-desc{white-space: normal}
	body#main .survey__choice-note, body#main .survey__choice-badge{white-space: normal}
	body#main .survey__question--oneline{white-space: normal}
	/* 컨텐츠 */
	.veh-detail {grid-template-columns: 53% 1fr; min-height: auto;}
	.veh-detail__visual {min-height: 300px;}
	.veh-detail__visual img {min-height: auto;}
	.quote-banner__inner {grid-template-columns: 30% 1fr;}

}

@media (max-width: 1024px) {
/* Landscape tablet */
/* header */
	/* main */
	/* footer */
	/* layout */
	/* content */

	/* board */
	.input { height:40px}
	.board-search .search input.input {width:240px}

	.board-list colgroup col {width:auto !important}
	.news-list .thumb {width:200px}
	.faq .tit a:after {top:14px}
	.faq .q {flex:0 0 32px; width:32px; height:32px; line-height:32px}
	.calendar-head .cal-btn {width:40px; height:40px}
	.calendar table td {height:110px}
	.calendar ul li:before {top:7px}
	.btn-pack.medium {height:40px; line-height:38px}
	.btn-pack.large {min-width:140px; height:50px; line-height:48px}

	.product-list ul li {width:25%}
	.product-image {width:350px}
	.store-search .map-area {width:280px}
	.store-search .map-img .local { line-height:22px}

	.result-group .gall li {width:25%}
	.goods-photo {width:45%}
	.goods-info .btns .btn { line-height:48px}
	.goods-info .btns .btn img {height:48px}
	.shop-guide .tit h4 {width:130px}
	.shop-guide .qa dt {width:220px}
}

@media (max-width: 980px) {
	/* 견적문의 안내 이미지는 PC에서만 표시 */
	.page-quote .quote-promo__visual--desktop {display: none;}

/* 헤더 · 푸터 · 서브 비주얼 */
.header__inner {display:flex; align-items:center; justify-content:space-between}
	.header__logo {grid-column:auto; width:96px; height:35px}
	.menu-toggle {display:flex; grid-column:auto}
	#gnb.gnb {position:fixed; top:var(--header-h); left:0; right:0; grid-column:auto; justify-self:stretch; width:auto; max-width:none; height:auto; max-height:calc(100vh - var(--header-h)); overflow-y:auto; background:#fff; box-shadow:none; transform:translateY(-120%); opacity:0; pointer-events:none; transition:.3s ease}
	html.menu-opened #gnb.gnb {transform:translateY(0); opacity:1; pointer-events:auto}
	html.menu-opened #header.header {background:#fff}
	html.menu-opened #header.header .menu-toggle {border-color:var(--line)}
	html.menu-opened #header.header .menu-toggle span {background:var(--text)}
	#gnb.gnb > ul {display:flex; flex-direction:column; height:auto}
	#gnb.gnb > ul > li {width:100%; height:auto; border-bottom: 1px solid var(--line)}
	#gnb.gnb > ul > li > a {justify-content:flex-start; height:auto; padding:16px 48px 16px 20px; color:var(--text)}
	#gnb.gnb > ul > li > a:after {content:""; position:absolute; top:50%; right:20px; width:8px; height:8px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:translateY(-70%) rotate(45deg); transition:transform .2s ease}
	#gnb.gnb > ul > li:has(> .submenu[style*="display: block"]) > a:after {transform:translateY(-30%) rotate(225deg)}
	#header.header #gnb > ul > li.active > a, #header.header #gnb > ul > li.active:hover > a, #header.header #gnb > ul > li.active:focus-within > a {background:rgba(255,168,0,.12); color:var(--text)}
	#header.header #gnb.gnb > ul > li.active:hover > a:after, #header.header #gnb.gnb > ul > li.active:focus-within > a:after {top:50%; right:20px; bottom:auto; left:auto; width:8px; height:8px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; background:none; transform:translateY(-70%) rotate(45deg)}
	#header.header #gnb.gnb > ul > li.active:hover:has(> .submenu[style*="display: block"]) > a:after, #header.header #gnb.gnb > ul > li.active:focus-within:has(> .submenu[style*="display: block"]) > a:after {transform:translateY(-30%) rotate(225deg)}
	#gnb .submenu {position:static; display:none; height:auto; background:transparent}
	#header.header #gnb > ul > li.active:hover .submenu, #header.header #gnb > ul > li.active:focus-within .submenu {background:transparent}
	#gnb .submenu > ul {align-items:flex-start; padding:16px 20px;}
	#gnb .submenu a, #header.header #gnb > ul > li.active:hover .submenu a, #header.header #gnb > ul > li.active:focus-within .submenu a {color:var(--text); text-align:left}
	.submenu-bg {display:none !important}
	.header__tel {display:none}
	
	.sub-hero__title { line-height:1.2em; letter-spacing:-0.72px}
	.sub-tabs {display:block; height:var(--sub-tabs-h); overflow:hidden}
	.sub-tabs .swiper-wrapper {width: max-content; min-width: 100%;}
	.sub-tabs .swiper-slide {flex:0 0 auto; width:auto}
	.sub-tabs .swiper-slide > .sub-tabs__item {flex:none; width:auto; white-space:nowrap; padding-left: var(--space-8); padding-right: var(--space-8)}
	
	.footer__row, .footer__row--bottom {flex-direction:column; align-items:flex-start}
	.footer__contacts { white-space:normal}
	.family-site {width:100%; max-width:226px}

body#main .hero{display: flex; flex-direction: column; height: auto; min-height: 0; max-height: none}
body#main .hero__content{width: 100%; height: auto; min-height: calc(100vh - var(--header-h)); align-items: center; padding-left: var(--space-16); padding-right: var(--space-16); padding-bottom: 96px; box-sizing: border-box}
body#main .hero__content > .section__inner{width: 100%}
body#main .hero__strip{width: 8px; bottom: 0}
body#main .hero__guide.survey__box{border-radius: 16px}
body#main .hero .survey__desc{ line-height:1.6em}
body#main .hero .survey__box-body{ min-height: 0}
body#main .hero .survey__question{ letter-spacing: -0.68px}
body#main .hero .survey__question--oneline{white-space: normal}
body#main .hero .survey__question--compact{ letter-spacing: -0.48px}
body#main .hero .survey__question-line{white-space: normal}
body#main .hero .survey__panel[data-step="2"] .survey__choice-col{width: 116px}
body#main .hero .survey__panel[data-step="2"] .survey__bus-icon-wrap{width: 116px; height: auto; align-items: center; overflow: visible}
body#main .hero .survey__panel[data-step="2"] .survey__bus-icon{width: 100%; height: auto; max-height: none; object-position: center center}
body#main .hero .survey__panel[data-step="2"] .survey__bus-label{ margin-top: 0}
body#main .hero .survey__panel[data-step="2"] .survey__legal p{ line-height:1.4em}
body#main .hero .survey__choice-col{width: 132px}
body#main .hero .survey__bus-icon-wrap{width: 132px; height: auto; align-items: center; overflow: visible}
body#main .hero .survey__bus-icon{width: 100%; height: auto; max-height: none; object-position: center center}
body#main .hero .survey__bus-label{ margin-top: 0}
body#main .hero .survey__panel[data-step="1"] .survey__choice-col{width: 148px}
body#main .hero .survey__panel[data-step="1"] .survey__bus-icon-wrap{width: 148px; height: 108px}
body#main .hero .survey__panel[data-step="1"] .survey__bus-icon{width: 92%; height: auto; max-height: none; object-position: center center}
body#main .hero .survey__panel[data-step="1"] .survey__bus-label{ margin-top: 0}
body#main .hero .survey__step-item{min-width: 0; flex: 1 1 33.333%}
body#main .hero .survey__step-num{width: 38px; height: 38px}
body#main .hero .survey__step-item.is-done .survey__step-num::after{ transform: translateY(-20%)}
body#main .hero .survey__step-label{ letter-spacing: -0.24px; padding-top: 0}
body#main .hero .survey__step-item.is-active .survey__step-label{font-weight: 700}
body#main .hero .survey__step-line{min-width: 12px; max-width: 36px}
body#main .hero .survey__legal p{ line-height:1.6em}
body#main .hero .survey__purpose-icon{width: 96px; height: 96px}
body#main .hero .survey__purpose-icon img{width: 64px; height: 64px}
body#main .hero .survey__panel[data-step="2"] .survey__legal-desc{white-space: normal}
body#main .survey__step-item{min-width: 56px}
body#main .survey__step-num{width: 34px; height: 34px}
body#main .survey__step-item.is-done .survey__step-num::after{ transform: translateY(-20%)}
body#main .survey__step-line{width: 32px}
body#main .section{height: auto; min-height: auto; max-height: none; overflow: visible}
body#main .service, body#main .vehicle{height: auto; min-height: auto; display: block}
body#main .section__inner{width: min(100% - 40px, var(--content-w))}
body#main .service-card{flex-direction: column; align-items: center; min-height: 0}
body#main .service-card:nth-child(3) .service-card__icon-wrap img, body#main .service-card:nth-child(4) .service-card__icon-wrap img{width: 98px; height: 98px}
body#main .service-card__body{padding-top: 0}
body#main .service-card.is-active, body#main .service-card:hover{transform: translateY(-6px)}
body#main .vehicle__nav{width: 48px; height: 48px}
body#main .vehicle-card{min-height: auto}
body#main .cta{height: auto; min-height: 0; max-height: none}
body#main .cta__top-inner{flex-direction: column; align-items: flex-start}
body#main .cta__content{max-width: none}
body#main .cta__title-line--lead{ letter-spacing: -0.7px}
body#main .cta__title-line--main{ letter-spacing: -0.9px; white-space: normal}
body#main .cta__illust{width: min(100%, 220px); align-self: center}
body#main .cta__bottom-inner{flex-direction: column; align-items: flex-start}
body#main .cta__action{width: 100%; align-items: stretch}
body#main .cta__note{align-self: flex-start}
body#main .cta__bar{width: 100%; justify-content: space-between}
body#main .side-dots{display: none}
body#main .partners__item{width: 160px; height: 64px}
body#main .quote-shortcut{right: 16px; bottom: 20px; min-width: 0}

/* 회사소개 */
.about-intro__title{ letter-spacing:-0.64px}
.about-intro__feature-img{border-radius:14px}
.about-intro__feature-img img{object-position:75% center}
.about-intro__feature-panel{ border-radius:14px}
.about-intro__feature-headline{ letter-spacing:-0.66px}
.about-intro__feature-body p{ line-height:1.75em; letter-spacing:-0.48px; max-width:100%}
.about-intro__feature-lead{white-space:normal}

/* 서브 간격 · 차별성 */
.edge-page__title{ letter-spacing: -0.64px}

.edge-section__title{ letter-spacing: -0.48px}
.edge-section__title--lg{ letter-spacing: -0.48px}
.edge-section__visual{display: block; height: auto}
.edge-doc{height: auto; min-height: auto}
.edge-doc__frame{flex: none; min-height: 220px}
.edge-doc__frame img{width: auto; height: auto; max-width: 100%; max-height: 220px}
#edge-license .edge-doc{min-height: auto}
#edge-license .edge-doc__frame img{height: auto; max-height: 220px}
.edge-caution__title{ letter-spacing: -0.6px}
.edge-section__desc--right{text-align: left}
.edge-monitor-head__lead{text-align: left}
.edge-checklist__text strong{ letter-spacing: -0.6px}

/* 서비스 */
.service-page__title{ letter-spacing: -0.64px}
.svc-commute-intro__header{flex-direction: column; align-items: center; max-width: none}
.svc-commute-intro__copy{max-width: none}
.svc-commute-intro__title{ letter-spacing: -0.56px; line-height:1.2em; white-space: normal}
.svc-commute-intro__subtitle{ letter-spacing: -0.56px; line-height:1.2em; white-space: normal}
.svc-commute-intro__text{ line-height:1.65em}
.svc-commute-intro__feature-mark svg{width: 32px; height: 32px}
.svc-commute-showcase{ border-radius: 10px}
.svc-commute-vehicles__head{grid-template-columns: 1fr; align-items: start}
.svc-commute-vehicles__head-desc{max-width: none; margin-left: 0; text-align: left}
.service-page--commute, .service-page--shuttle, .service-page--school, .service-page--tour{padding-bottom: 0}
.svc-commute-vehicle-card {aspect-ratio: auto;}


/* 차량안내 */
.vehicle-guide-page__title{ letter-spacing: -0.64px}
.vehicle-guide__head{grid-template-columns: 1fr; align-items: start}
.vehicle-guide__head-desc{max-width: none; margin-left: 0; text-align: left}
.vehicle-guide__head .edge-section__title{white-space: normal}
.veh-detail{grid-template-columns: 1fr; min-height: 0}
.veh-detail__visual{min-height: 280px}
.veh-detail__visual img{min-height: 280px}
.veh-detail__spec{flex-direction: column; align-items: flex-start}
.veh-detail__spec dd{text-align: left}
.veh-usecase__grid{grid-template-columns: 1fr}
.veh-usecase-card{min-height: 0}
.veh-usecase__band{min-height: 120px; height: calc(100% - 32px)}


/* 견적문의 */

.page-quote .quote-row--time-dual, .page-quote .quote-row--vehicle{grid-template-columns: 1fr}
.page-quote .quote-time-block{grid-template-columns: 44px minmax(0, 1fr) minmax(0, 1fr)}
.quote-banner__inner{width: min(100% - 40px, var(--page-w)); grid-template-columns: 1fr}
.quote-promo__title{ white-space: normal}
.quote-promo__contact{width: 100%; max-width: 320px}
.quote-promo__visual img{min-height: 0}
.quote-card{ border-radius: 16px}
.quote-card__tab{min-height: 44px}
.quote-row--5, .quote-row--3, .quote-row--2, .quote-row--time{grid-template-columns: 1fr}
.quote-form__submit{min-height: 56px; border-radius: 10px}
.page-quote .quote-promo__media {flex-direction: row-reverse; justify-content: flex-end; align-items: flex-end;gap: 20px;}
.page-quote .quote-promo__visual {width: auto;}
}

@media (max-width: 900px) {
/* portrait tablet */
.only-desktop {display:none}
	.only-tablet {display:block}

	/* layout */
	.quote-shortcut {width:210px; height:auto; min-height:64px; padding:16px 22px; flex-direction:row; gap:10px; border-radius:999px; font-size:18px;}
	/* content */
	.edge-section__inner--split, 
	.edge-section__inner--editorial, 
	.edge-section__intro-grid, 
	.edge-training-head__stack, 
	.edge-monitor-head__grid, 
	.edge-training-cards,
	.edge-monitor-features{grid-template-columns: 1fr; align-items: start}

	.veh-route__grid{grid-template-columns: 1fr}
	.veh-route__card{min-height: 0}
	.veh-route__icon{width: 56px; height: 56px}
	.veh-route__icon svg{width: 28px; height: 28px}
	.veh-route__card-desc{ max-width: none}

	/* board */
	.gallery-list ul li {width:33.33333333%}

	.event-list ul li {width:50%}
	.store-search .map-area {display:none}
	.store-search .search-area h3 {text-align:center}

	/* member */

	/* shop */
}

@media (max-width: 760px) {
/* 메인 */
body#main .hero__scroll{display: none}
body#main .vehicle-card{flex-basis: 100%}
}

@media (max-width: 640px) {
/* Landscape phone */
.only-desktop-tablet {display:none}
	.only-tablet {display:none}
	.only-mobile {display:block}
	:root {
		--header-height: 60px;
	}
	/* header */
	/* main */
	body#main .vehicle .section__inner, body#main .cta__top-inner,body#main .cta__bottom-inner {max-width: 100%; width: 100%; padding-left: 16px; padding-right: 16px;}
	body#main .vehicle__nav {width: 40px; height: 40px;}
	body#main .vehicle-card__foot {flex: 1; justify-content: space-between}
	/* footer */
	/* layout */
	/* content */
	.about-intro__feature-panel {margin-top: 0; width: 100%;}
	.quote-card__tabs{grid-template-columns: repeat(2, minmax(0, 1fr))}
	.svc-commute-intro__features,
	.svc-commute-vehicles__grid {grid-template-columns: 1fr;}
	.veh-detail__body {padding-left: 0; padding-right: 0;}
	.page-quote .quote-promo__media {flex-direction: column-reverse; align-items: flex-start;}
	.page-quote .quote-banner{padding-top: calc(var(--header-h) + 8px); padding-bottom: 16px}
	.page-quote .quote-banner__inner{width: min(100% - 24px, var(--page-w)); gap: 10px}
	.page-quote .quote-promo__title{font-size: 22px; letter-spacing: -0.4px}
	.page-quote .quote-promo__media{margin-top: 8px; gap: 0}
	.page-quote .quote-promo__contact-icon{width: 36px; height: 36px}
	.page-quote .quote-promo__contact-num{font-size: 18px}
	.page-quote .quote-card{padding: 12px 12px 14px; border-radius: 12px}
	.page-quote .quote-panel, .page-quote .quote-panel.is-active{gap: 6px; padding-top: 6px}
	.page-quote .quote-row{gap: 6px}
	.page-quote .quote-form__input, .page-quote .quote-form__select, .page-quote .quote-form__textarea{min-height: 34px; font-size: 13px}
	.page-quote .quote-form__textarea{min-height: 52px; padding-top: 8px}
	.page-quote .quote-form__extras{margin-top: 8px; padding-top: 8px; gap: 8px}
	.page-quote .quote-form__submit{min-height: 42px}

	/* board */
	.input { height:38px}
	select.input { background-position:right 8px center; background-size:12px auto}
	.board-search {display:flex; flex-direction:column}
	.board-search .total-page {order:3; float:none}
	.board-search .cate {float:none; order:1; margin-left:0}
	.board-search .cate .input {display:block; width:100%}
	.board-search .search {float:none; order:2; display:flex}
	.board-search .search .input {flex:1 1 auto; min-width:0; width:1%}

	.board-list {display:none}
	.board-list-m {display:block}
	.gallery-list ul li {width:50%}
	.news-list .thumb {width:38%}
	.news-list .tit { max-height:2.8em; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical}
	.news-list .txt { max-height:3em; -webkit-line-clamp:2}
	.news-list .date {display:none}
	.event-list ul li {width:100%}
	.faq .tit a:after {display:none}
	.faq .q {flex:0 0 26px; width:26px; height:26px; line-height:26px}
	.calendar-head .cal-btn {width:34px; height:34px; background-size:9px auto}
	.calendar-head .cal-prev {background-image:url("/images/bbs/cal_prev_x2.png")}
	.calendar-head .cal-next {background-image:url("/images/bbs/cal_next_x2.png")}
	.calendar table td {height:60px}
	.calendar ul li {padding-left:0}
	.calendar ul li:before {display:none}
	.board-white table {display:block; border-top:0; border-bottom:0}

	.board-white table tbody {display:block}
	.board-white table tr {display:block}
	.board-white table th {display:block; border:0; text-align:left; padding:0; background:none}
	.board-white table td {display:block; border:0; padding:0}
	.board-white .editor {padding:0}
	.board-white #user_name {max-width:100% !important}
	.board-form table tbody {display:block}
	.board-form table tr {display:block}
	.board-form table th {display:block; border:0; text-align:left; padding:0; background:none}
	.board-form table td {display:block; border:0; padding:0}
	.form-agree .scroll-box { max-height:110px; overflow:auto}
	.board-prev-next dt {width:70px}
	.btn-pack.small {height:26px; line-height:24px}
	.btn-pack.medium {height:38px; line-height:36px}
	.btn-pack.large {min-width:120px; height:42px; line-height:40px}
	.btn-pack.xlarge {min-width:120px; height:50px; line-height:48px}
	.btn-pack.comment {width:80px; height:32px}
	.paginate a,
	.paginate strong{width:30px;height:30px;line-height:30px}
	.paginate a.direction {margin:0}
	.comment-write {position:relative}
	.comment-write .byte {position:absolute; bottom:15px; left:12px}
	.comment-write .write {display:block}
	.comment-write .write textarea {display:block; width:100%; height:65px; margin-right:0}
	.comment-write .write .btn {text-align:right}
	.comment-item.comment-reply { background-image:url("/images/bbs/icon_reply_x2.png"); background-position:3px 18px; background-size:auto 13px}
	.comment-ctr .bar {vertical-align:middle}
	.comment-input textarea {height:48px}
	.product-list ul li {width:50%}
	.product-summary {display:block}
	.product-image {width:100%}
	.product-info {width:100%}
	.store-search {padding:0}
	.store-search .search-area h3 { background:#f4f4f4}
	.store-search .search-area dl {display:block}
	.store-search .search-area dl dt {width:auto}
	.store-search .search-area dl dd {width:auto}
	.store-search .search-area input.input {width:calc(100% - 74px)}
	.store-search .search-area select.input {width:calc(50% - 39px)}
	.store-search .search-area .btn-pack.medium {width:70px}
	.result-group .gall li {width:50%}
	/* member */
	.login-tab {border-bottom-width:2px}
	.login-tab ul li {border-width:2px}
	.login-tab ul li a { line-height:46px}
	.login-content .group .input {height:48px}
	.sns-login img {width:44px}
	.agree-wrap .agree-tit .checkbox label:before {background-image:url("../images/member/checkbox_x2.png"); background-size:11px auto}
	.agree-wrap .agree-tit .checkbox input:checked + label:before {background-image:url("../images/member/checkbox_on_x2.png")}
	.agree-wrap .agree-box { max-height:130px}
	.agree-wrap .agree-box .terms-wrap {line-height:1.4em; word-break:break-all}

	.terms-wrap .policy-contact {display:block}
	.terms-wrap .policy-contact dl {border-left:0; border-top:1px solid #e5e5e5}
	.terms-wrap .policy-contact dl:first-child {border-top:0}

	.join-form table tbody {display:block}
	.join-form table tr {display:block}
	.join-form table th {display:block; border:0; text-align:left; padding:0; background:none}
	.join-form table td {display:block; border:0; padding:0}
	.join-form .help-text {display:block; clear:both; margin-left:0; line-height:1.5em}
	.join-form #user_id {float:left; width:calc(100% - 90px) !important}
	.join-form #user_id + .btn-pack {width:90px; text-align:center}
	.join-form #user_pw,
	.join-form #user_pw2,
	.join-form #user_name {width:100% !important}
	.join-complete .icon {width:110px; height:110px; background-size:48px}

	.find-tab {border-bottom-width:2px}
	.find-tab ul li {border-width:2px}
	.find-tab ul li a { line-height:46px}
	.find-content .group .input {height:48px}
	.member-leave .form .group .label-tt {width:80px}
	.goods-cate-wrap .depth ul li:after {height:11px}
	.goods-sort {position:relative; z-index:10}
	.goods-sort .sort {flex:0 0 auto; width:auto; text-align:left; position:relative}
	.goods-sort .sort .sort-name {display:flex; align-items:center; border:1px solid #ddd; border-radius:5px; font-weight:500; line-height:1.5em}
	.goods-sort .sort .sort-name:after {content:""; display:inline-block; vertical-align:top; margin-top:-.2em; transform:rotate(45deg); width:6px; height:6px; border-right:1px solid #505050; border-bottom:1px solid #505050}
	.goods-sort .sort ul {display:none; position:absolute; right:0; width:auto; background:#fff; border-radius:5px; border:1px solid #ddd}
	.goods-sort .sort ul li {padding:0}
	.goods-sort .sort ul li:after {display:none}
	.goods-sort .sort ul li a {display:block; white-space:nowrap}
	.goods-sort .sort.active ul {display:block}
	.goods-list ul li {width:50%}
	.goods-summary {display:block}
	.goods-photo {width:100%}
	.goods-info {width:100%}
	.goods-info .table table tbody th { width:85px}
	.goods-info .btns .btn {line-height:40px}
	.goods-info .btns .btn img {height:40px}
	.add-opt-select .select-input { height:40px; line-height:38px}
	.add-opt-select .select-options {margin-top:0; bottom:39px}
	.add-options {max-height:230px; overflow:auto; margin-top:0}
	.cart-opt {position:fixed; bottom:0; left:0; width:100%; background:#fcfcfc; border-top:1px solid #d8d8d8; z-index:100}
	.cart-opt .opt-toggle {position:absolute; top:-19px; left:0; width:100%; height:19px; overflow:hidden; text-indent:-9999em; background:url("../images/shop/btn_view_cart_dropdonw.png") 50% 50% no-repeat; background-size:auto 100%}
	.cart-opt .inner {display:none}
	.cart-opt .btns.mobile-btn {display:block}
	.cart-opt .table th {display:none}
	.cart-opt .table td {border:0 !important; padding:0 !important}
	.cart-opt.active .opt-toggle {display:block}
	.cart-opt.active .inner {display:block}
	.cart-opt.active .btns.mobile-btn {display:none}

	.relatied-goods { overflow:hidden}
	.relatied-goods .goods-list {overflow:inherit}
	.relatied-goods .goods-list ul li .tit { word-break:break-all}
	.relatied-goods .slick-list {overflow: visible}
	.goods-view-tab ul li {height:40px}
	.shop-table ul li {flex-wrap:wrap; position:relative}
	.shop-table .order-check {width:35px; order:1}
	.shop-table .order-image {position:relative; width:45px; height:45px; overflow:hidden; order:2}
	.shop-table .order-image img  {position:absolute; top:50%; left:0; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover}
	.shop-table .order-title {flex:0 0 auto; width:calc(100% - 110px); order:3}
	.shop-table .order-title .tit { margin-bottom:0}
	.shop-table .order-delete {position:absolute; top:15px; right:5px}
	.shop-table .order-price {order:4; width:auto; text-align:left}
	.shop-table .order-quantity {order:5; width:auto; display:flex}
	.shop-table .order-quantity .input {width:60px; height:26px; margin-bottom:0}
	.shop-table .order-qnt {order:3; width:auto; text-align:left}
	.shop-table .order-btn {order:10; display:flex; align-items:center; text-align:left; width:calc(100% - 60px)}
	.shop-table .order-btn p {width:calc(25% - 4px) !important}
	.shop-table .order-btn .btn-pack {width:calc(25% - 4px) !important}
	.total-price h3 {display:none}
	.total-price ul {width:100%}
	.order-info-table colgroup col:nth-child(1) {width:100px !important}
	.order-info-table tbody th { height:40px; line-height:1.5em}
	.order-info-table tbody td { line-height:1.5em}
	.order-info-table #orderName,
	.order-info-table #shipName,
	.order-info-table #bankType,
	.order-info-table #bankName,
	.order-info-table #bankDate {width:100% !important}
	.order-info-table #orderPhone1,
	.order-info-table #orderPhone2,
	.order-info-table #orderPhone3,
	.order-info-table #orderMobile1,
	.order-info-table #orderMobile2,
	.order-info-table #orderMobile3,
	.order-info-table #shipPhone1,
	.order-info-table #shipPhone2,
	.order-info-table #shipPhone3,
	.order-info-table #shipMobile1,
	.order-info-table #shipMobile2,
	.order-info-table #shipMobile3 {width:calc(33.33333333% - 7px) !important}

	.order-info { line-height:1.5em}
	.order-complete .item {display:block}
	.order-date .bar {display:block; width:100%; height:0; overflow:hidden; text-indent:-999em}

/* 작업 가이드 */
.content-list ul li {width:50%}
	.temp-list ul li {width:50%}

/* 게시판 달력 */
.input.datepicker {background-image:url("../images/bbs/datepicker_icon_x2.png"); background-size:22px auto}
	.ui-datepicker-prev,
	.ui-datepicker-next {background-size:8px auto}
	.ui-datepicker-prev {background-image:url("../images/bbs/datepicker_prev_x2.png")}
	.ui-datepicker-next {background-image:url("../images/bbs/datepicker_next_x2.png")}
	.ui-datepicker-trigger {width:38px; height:38px}
}

@media (min-width: 981px) {
body#main .vehicle__nav{display: grid}
}

@media (min-width: 1920px) {
.temp-list ul li {width:14.2857142%}
}

@media (prefers-reduced-motion: reduce) {
body#main .hero__inner > .hero__guide-head, body#main .hero__inner > .hero__guide-body{animation: none !important; opacity: 1 !important; transform: none !important}
body#main .hero .survey__panel[data-step="1"] .survey__choice-col:first-child .survey__bus-label, body#main .hero .survey__panel[data-step="2"] .survey__choice-col:first-child .survey__bus-label{animation: none !important}
}

@media (max-width: 980px) {
	body#main .hero .survey__choices{flex-wrap: nowrap; gap: var(--space-12)}
	body#main .hero .survey__panel[data-step="1"] .survey__choices{gap: var(--space-12)}
	body#main .hero .survey__panel[data-step="2"] .survey__choices{gap: var(--space-12)}
	body#main .hero .survey__choice-col{width: 42%; max-width: 148px; flex-shrink: 1}
	body#main .hero .survey__panel[data-step="1"] .survey__choice-col{width: 42%; max-width: 148px}
	body#main .hero .survey__panel[data-step="2"] .survey__choice-col{width: 42%; max-width: 140px}
	body#main .hero .survey__bus-icon-wrap{width: 100%; height: auto; max-height: none; overflow: visible; align-items: center}
	body#main .hero .survey__panel[data-step="1"] .survey__bus-icon-wrap{width: 100%; height: auto; max-height: none; overflow: visible}
	body#main .hero .survey__panel[data-step="2"] .survey__bus-icon-wrap{width: 100%; height: auto; max-height: none; overflow: visible; align-items: center}
	body#main .hero .survey__bus-icon{max-height: none; object-fit: contain; object-position: center center}
	body#main .hero .survey__box-body{margin: 0 var(--space-12) var(--space-16); padding: var(--space-20) var(--space-12) var(--space-24)}
	body#main .hero .survey__purpose-grid{grid-template-columns: repeat(2, minmax(0, 1fr))}
	body#main .hero .survey__question{white-space: normal}
	.quote-shortcut{width: auto; max-width: calc(100% - var(--space-32)); height: auto; min-height: 48px; padding: var(--space-10) var(--space-16); right: var(--space-16); bottom: var(--space-16); font-size: var(--font-size-15)}
	.quote-list{padding-bottom: 120px}
	.quote-view{padding-bottom: 120px}
	.page-quote .quote-banner{padding-bottom: 120px}
	.quote-list__inner{width: min(100% - 32px, var(--page-w))}
	.quote-list__table thead{display: none}
	.quote-list__table{display: block; border-top: 1px solid #e6e6e6}
	.quote-list__table tbody{display: block}
	.quote-list__table tr{display: grid; grid-template-columns: 28px minmax(0, 1fr) auto 28px; gap: var(--space-8); align-items: center; padding: var(--space-12) 0; border-bottom: 1px solid #eee}
	.quote-list__table td{display: block; height: auto; padding: 0; border: 0; text-align: left}
	.quote-list__table td:nth-child(5){white-space: nowrap; font-size: var(--font-size-13); text-align: right}
	.quote-list__table .is-hide-m{display: none}
	.quote-view__inner{width: min(100% - 32px, 880px)}
	.quote-view__table th{width: 88px; padding: var(--space-10) var(--space-8)}
	.quote-view__table td{padding: var(--space-10) var(--space-8)}
	.page-quote .quote-time-block{grid-template-columns: 40px minmax(0, 1fr) minmax(0, 1fr)}
}

/* Compact mobile quote forms: keep related inputs on the same row. */
@media (max-width: 640px) {
 body#sub:has(.page-quote) .sub-hero {height: 90px;}
 .page-quote .quote-banner {padding-top: 12px; padding-bottom: 20px;}
 .page-quote .quote-promo {flex-direction: row; align-items: center; justify-content: space-between; gap: 8px;}
 .page-quote .quote-promo__title {font-size: 18px; white-space: nowrap;}
 .page-quote .quote-promo__media {width: auto; margin-top: 0;}
 .page-quote .quote-promo__contact {gap: 6px;}
 .page-quote .quote-promo__contact-icon {width: 28px; height: 28px; border-radius: 8px;}
 .page-quote .quote-promo__contact-icon svg {width: 16px; height: 16px;}
 .page-quote .quote-promo__contact-label {font-size: 11px;}
 .page-quote .quote-promo__contact-num {font-size: 14px; letter-spacing: -0.3px;}
 .page-quote .quote-panel {padding-top: 0;}
 .page-quote .quote-row--5 {grid-template-columns: repeat(6, minmax(0, 1fr));}
 .page-quote .quote-row--5 > input {grid-column: span 2;}
 .page-quote .quote-row--5 > input:nth-child(-n+2) {grid-column: span 3;}
 .page-quote .quote-row--2 {grid-template-columns: repeat(2, minmax(0, 1fr));}
 .page-quote .quote-row--vehicle {grid-template-columns: 70px minmax(0, 1fr);}
 .page-quote .quote-form__input, .page-quote .quote-form__select {width: 100%; min-width: 0; padding-left: 8px; padding-right: 8px;}
 .page-quote select.quote-form__select {padding-right: 24px; background-position: right 8px center;}
 .page-quote .quote-time-block {grid-template-columns: 32px minmax(0, 1fr) minmax(0, 1fr); gap: 6px;}
 .page-quote .quote-row__label, .page-quote .quote-vehicle__label {font-size: 12px;}
 .page-quote .quote-form__textarea {min-height: 38px; height: 38px;}
 .page-quote .quote-form__extras {margin-top: 6px; padding-top: 0; gap: 4px;}
 .page-quote .quote-form__hint {font-size: 11px; line-height: 1.4; margin: 0; padding: 0;}
 .page-quote .quote-form__privacy-compact {padding-top: 4px; gap: 0;}
 .page-quote .quote-form__privacy-deem, .page-quote .quote-form__privacy-toggle {font-size: 11px; line-height: 1.5;}
 .page-quote .quote-form__actions {margin-top: 4px;}
 body#sub:has(.page-quote) #quoteShortcut {display: none;}
}