@charset "utf-8";
.price-search {padding-block: var(--space-32); background-color: var(--color-bg2);}
.price-search .price-search-tit {color: var(--color-gray9);}
.price-search .price-search-desc {margin-top: var(--space-8); color: var(--color-gray6);}
/* 검색 인풋 */
.price-search .price-search-field {margin-top: var(--space-32);}
.price-search .price-search-field .custom-input {background-color: var(--color-white);}
.price-search .price-search-field .custom-input::placeholder {color: var(--color-gray5);}
.price-search .price-keyword-list {gap: var(--space-8); margin-top: var(--space-16);}
.price-search .price-keyword-list .chip-btn {padding-inline: var(--space-12); color: var(--color-gray9);}
.price-search .price-brand {display: flex; flex-direction: column; row-gap: var(--space-12); margin-top: var(--space-20); padding-top: var(--space-24); border-top: 1px solid var(--color-gray3);}
.price-search .price-brand-tit {color: var(--color-gray9);}

/* 차량 목록 */
.price-result {padding-block: var(--space-30) var(--space-40);}
.price-car-list {display: flex; flex-direction: column; row-gap: var(--space-12);}
.car-card .price-car-price {display: flex; flex-wrap: wrap; column-gap: var(--space-6); color: var(--color-static1);}

/* 하단 안내 */
.price-page .price-note {margin-top: var(--space-24); color: var(--color-gray6);}
.price-page .price-size-btn {margin-top: var(--space-24);}
.price-page .price-size-btn .ico {width: 20px; height: 20px;}

/* 차량 선택 */
.price-section {padding-top: var(--space-40);}
.price-section .price-section-tit {margin-bottom: var(--space-16); color: var(--color-gray9);}
.price-section .section-tit-wrap {display: flex; align-items: center; justify-content: space-between; margin-bottom: var(--space-12);}
.price-section .section-tit-wrap .txt-btn {margin-right: -4px; color: var(--color-gray8);}
.price-section .section-tit-wrap .txt-btn .ico {width: 20px; height: 20px; color: var(--color-gray7);}
/* 스팀 손세차 코스 */
.price-course-list .course-item-time {margin-top: var(--space-4);}
.price-course-list .course-item-price {align-self: center;}
.price-course-list .price-course-btn {margin-top: var(--space-16);}

/* 온라인 할인패키지 */
.price-pkg {margin-top: var(--space-48); padding-block: var(--space-40); background-color: var(--color-gray1);}
.price-pkg .price-pkg-tit {color: var(--color-gray9);}
.price-pkg .price-pkg-desc {margin-top: var(--space-4); color: var(--color-gray6);}
.price-pkg .price-pkg-list {display: flex; flex-direction: column; row-gap: var(--space-24); margin-top: var(--space-24);}
.price-pkg-card {overflow: hidden;}
.price-pkg-card .price-pkg-img {aspect-ratio: 2 / 1; background-color: var(--color-gray2);}
.price-pkg-card .price-pkg-img img {width: 100%; height: 100%; object-fit: cover;}
.price-pkg-card .price-pkg-body {padding: var(--space-16) var(--space-16) var(--space-20);}
.price-pkg-card .price-pkg-head {display: flex; align-items: flex-end; justify-content: space-between; column-gap: var(--space-12); margin-top: var(--space-8);}
.price-pkg-card .price-pkg-txt {min-width: 0;}
.price-pkg-card .price-pkg-name {color: var(--color-gray9);}
.price-pkg-card .price-pkg-pick {margin-top: 2px; color: var(--color-gray6);}
.price-pkg-card .price-pkg-price {flex: none; display: flex; flex-direction: column; align-items: flex-end; color: var(--color-static1);}
.price-pkg-card .price-pkg-normal {color: var(--color-gray6);}
.price-pkg-card .price-pkg-link {display: flex; align-items: center; justify-content: space-between; min-height: var(--size-44); margin-top: var(--space-12); color: var(--color-gray9);}
.price-pkg-card .price-pkg-link .ico {width: 20px; height: 20px; color: var(--color-gray7);}
.price-pkg-card .square-btn {margin-top: var(--space-8);}
.price-pkg .price-pkg-note {margin-top: var(--space-24); color: var(--color-gray6);}
.price-pkg .price-pkg-btns {display: flex; flex-direction: column; align-items: center; row-gap: var(--space-8); margin-top: var(--space-24);}
.price-pkg .price-pkg-btns .square-btn .ico {width: 20px; height: 20px;}
.price-pkg .price-pkg-btns .txt-btn {color: var(--color-gray9);}
.price-pkg .price-pkg-btns .txt-btn .ico {width: 20px; height: 20px; color: var(--color-gray7);}
.price-foot {padding-bottom: var(--space-40);}

@media (hover: hover) {
    .price-pkg-card .price-pkg-link:hover {color: var(--color-static1);}
}