@charset "utf-8";
/* 웹앱 홈 */

/* 상단 : 인사 · 내 차 */
.home-hero {padding: var(--space-20) 0 var(--space-20); background: var(--grad-hero);}
.home-hero .page-tit {margin-bottom: var(--space-32);}
.home-hero .mycar-area {padding-inline: var(--gutter);}
.home-hero .home-hero-btn {margin-top: var(--space-24);}

/* 차량 여러 대 : 슬라이드 (다음 카드 살짝 보이게) */
.home-hero .mycar-area.swiper {padding-inline: 0;}
.home-hero .mycar-area.swiper .swiper-slide {width: calc(100% - var(--gutter) * 3); height: auto;}
.home-hero .mycar-area .swiper-pagination {position: static; display: flex; justify-content: center; column-gap: var(--space-8); margin-top: var(--space-16); line-height: 0;}
.home-hero .mycar-area .swiper-pagination-bullet {width: 8px; height: 8px; margin: 0 !important; /* 스와이퍼 기본 margin 덮기 */ background-color: var(--color-gray4); opacity: 1;}
.home-hero .mycar-area .swiper-pagination-bullet-active {background-color: var(--color-static2);}

/* 시공중 : 현재 작업 상태 */
.home-hero .home-work {margin-top: var(--space-20);}
.home-hero .home-work + .home-hero-btn {margin-top: var(--space-20);}

/* 배너 */
.home-banner {margin-top: var(--space-20);}
/* 카드 그림자 잘림 방지 */
.home-hero .mycar-area.swiper {margin-top: -10px; padding-block: 10px 0;}
.home-hero .mycar-area.swiper .swiper-wrapper {padding-bottom: var(--space-20);}
.home-hero .mycar-area.swiper .swiper-pagination {margin-top: -4px;}
.home-hero .mycar-area.swiper + .home-hero-btn {margin-top: var(--space-20);}