@charset "utf-8";


/* visual */
.layout--visual {
    position: relative;
    padding-top: 80px;
}

.layout--visual .swiper {
    height: 200px;
    background-color: #202020;
}

.layout--visual .swiper .swiper-slide {
    cursor: pointer;
}

.main--container {
    margin-top: 80px;
    padding: 0;
}

.main--container .layout-row {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.flex-row {
    display: flex;
}

.flex-between {
    display: flex;
    justify-content: space-between;
}

/* 메인베너 */
.visual-slider {
    position: relative;
}

.visual-slider .paging-wrap {
    position: absolute;
    display: flex;
    justify-content: flex-end;
    left: 50%;
    transform: translateX(-50%);
    bottom: 16px;
    z-index: 10;
    width: 1200px;
}

.visual-slider .swiper-pagination-custom {
    width: fit-content;
    padding: 3px 8px;
    border-radius: 20px;
    background: rgba(26, 26, 26, 0.60);
    font-size: 13px;
    color: #fff;
}

/* 차량선택 */

.brand-area .title p {
    font-size: 32px;
    margin-bottom: 24px;
    font-weight: 800;
}

.brand-area .title strong {
    color: #f33;
    letter-spacing: -1px;
    font-weight: 800;
}


/* 메인 검색 필터 */
.brand-filter {
    width: 792px;
    height: 280px;
    border: 1px solid #000;
    border-radius: 16px;
    overflow: hidden;
}

.brand-filter .header-tab {
    padding: 16px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.brand-filter .header-tab button {
    padding: 6px 16px;
    color: #666;
    border-radius: 16px;
    font-weight: 700;
}

.brand-filter .header-tab button.on {
    background: #FFF2F2;
    color: #f33;
    font-weight: 700;
}

.brand-filter .header-tab button:hover {
    color: #f33;
}

.brand-filter .tab-content.on {
    margin: 0;
}

.sub-tab-content {
    display: none;
    height: 154px;
}

.sub-tab-content.on {
    display: flex;
    align-items: center;
}

.sub-tab-wrap .sub-tab {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #E6E6E6;
    border-bottom: 1px solid #E6E6E6;
}

.sub-tab-wrap .sub-tab button:not(.btn-more) {
    display: flex;
    align-items: center;
    position: relative;
    flex: 1;
    padding: 18px 16px;
    text-align: left;
    color: #1A1A1A;
    background: #FFF;
}

.sub-tab-wrap .sub-tab button:disabled {
    color: #999;
    background: #F7F7F7;
}

.sub-tab button img {
    position: relative;
    margin-right: 8px;
    max-width: 34px;
    max-height: 20px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sub-tab-wrap .sub-tab button:after {
    position: absolute;
    display: block;
    content: '';
    width: 16px;
    height: 16px;
    top: 50%;
    transform: translateY(-50%);
    right: 18px;
    background: url('../images/rent_new/icon/arrow_down_black_s.svg') center/cover no-repeat;
}

.sub-tab-wrap .sub-tab button:disabled:after {
    opacity: 0.3;
}

.sub-tab-wrap .sub-tab button:last-child:after {
    background: none;
}

.sub-tab-wrap .sub-tab button:nth-child(3) p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    width: 130px;
}

.sub-tab-wrap .sub-tab button.on:after {
    position: absolute;
    display: block;
    content: '';
    width: 16px;
    height: 16px;
    top: 50%;
    transform: translateY(-50%);
    right: 18px;
    background: url('../images/rent_new/icon/arrow_up_black_s.svg') center/cover no-repeat;
}

.sub-tab-wrap .sub-tab button.on {
    background: #FFF;
    color: #1A1A1A;
    font-weight: 800;
}
.sub-tab-wrap .sub-tab button + button {
    border-left: 1px solid #E6E6E6;
}

.sub-tab-wrap .sub-tab .new-title {
    width: 100%;
    display: flex;
    align-items: center;
}

.sub-tab-wrap .sub-tab .new-title span {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    width: 95px;
}

.brand-filter .sub-tab-wrap .sub-tab button.btn-more,
.brand-filter .tit-wrap button.btn-more {
    margin-right: -1px;
    padding: 18px 16px;
    width: 214px;
    text-align: center;
    font-weight: 700;
    background: #f33;
    color: #fff;
}

.brand-filter .car-list .swiper-scrollbar-drag,
.brand-filter .detail-car-list .swiper-scrollbar-drag {
    background: #DDDDDD;
}

.brand-filter .car-list .swiper-scrollbar,
.brand-filter .detail-car-list .swiper-scrollbar {
    height: 4px;
    padding: 0 14px;
    background: #fff;
    top: 148px;
}

/* 브랜드선택 */
.brand-filter .brand-list {
    width: 100%;
    height: 154px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.brand-filter .brand-list ul {
    height: 100%;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.brand-filter .brand-list li {
    display: flex;
    align-items: flex-start;
    flex: 1;
    height: 100%;
    transition: background 0.2s;
}

.brand-filter .brand-list li:hover {
    background: #F5F7FA;
}

.brand-filter .brand-list li button {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding-top: 15px;
    width: 100%;
    text-align: center;
}

.brand-filter .brand-list li button span {
    display: block;
}

.brand-filter .brand-list li img {
    width: 50%;
    transition: transform 0.2s;
}

.brand-filter .brand-list li:hover img {
    transform: scale(1.2);
}

/* 모델선택 */
.brand-filter .car-list,
.brand-filter .detail-car-list {
    display: flex;
    width: 100%;
    height: 100%;
    overflow: visible;
}

.brand-filter .car-list .swiper-slide,
.brand-filter .detail-car-list .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.brand-filter .car-list .swiper-slide span,
.brand-filter .detail-car-list .swiper-slide span {
    word-break: auto-phrase
}

.brand-filter .car-list button img,
.brand-filter .car-list button,
.brand-filter .detail-car-list button img {
    width: 93%;
    object-fit: contain;
}

.brand-filter .car-list button,
.brand-filter .detail-car-list button {
    padding: 20px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
    text-align: center;
    white-space: pre-line;
    transition: all 0.2s;
}

.brand-filter .car-list .swiper-slide:hover,
.brand-filter .detail-car-list .swiper-slide:hover {
    background: #F5F7FA;
    transition: all 0.2s;
}

/* 차종선택 */
.brand-filter .tit-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #E6E6E6;
}

.brand-filter .car-type .tit-wrap p {
    padding-left: 26px;
    font-size: 16px;
    font-weight: 700;
}

.brand-filter .car-type .tit-wrap span {
    color: #999;
    font-weight: 400;
}

.brand-filter .car-type ul {
    display: flex;
    justify-content: space-between;
}

.brand-filter .car-type ul li {
    flex: 1;
    text-align: center;
}

.brand-filter .car-type ul li {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.brand-filter .car-type ul li input {
    width: 100%;
    height: 64px;
    margin: 20px 0 16px;
    background-image: none;
    background-size: contain;
    opacity: 0.4;
}

.content-wrap ul li input[type="checkbox"]+label {
    opacity: 0.4;
}

.content-wrap ul li input[type="checkbox"]:checked+label {
    opacity: 100%;
}

.brand-filter .car-type ul li input:checked {
    opacity: 100;
}

.brand-filter .car-type ul li:nth-child(1) input {
    background-image: url("../images/rent_new/main/filter_icon01.png");
}

.brand-filter .car-type ul li:nth-child(2) input {
    background-image: url("../images/rent_new/main/filter_icon02.png");
}

.brand-filter .car-type ul li:nth-child(3) input {
    background-image: url("../images/rent_new/main/filter_icon03.png");
}

.brand-filter .car-type ul li:nth-child(4) input {
    background-image: url("../images/rent_new/main/filter_icon04.png");
}

.brand-filter .car-type ul li:nth-child(5) input {
    background-image: url("../images/rent_new/main/filter_icon05.png");
}

.brand-filter .car-type ul li:nth-child(6) input {
    background-image: url("../images/rent_new/main/filter_icon06.png");
}

.brand-filter .car-type ul:after {
    display: none;
}

.brand-filter .car-type .car-tag {
    height: 100%;
    padding-left: 24px;
    margin-top: 0;
    overflow-x: scroll;
    margin-top: 10px;
    padding-bottom: 5px;
    white-space: nowrap;
}

.brand-filter .car-type .car-tag li {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-right: 12px;
    padding: 0 12px;
    height: 36px;
    border: 1px solid #E6E6E6;
    border-radius: 50px;
}

.brand-filter .car-type .car-tag li button {
    width: 15px;
    height: 15px;
    background: url("../images/rent_new/icon/icon_close_grey.svg") center/cover;
}

.brand-filter .car-type .car-tag li a {
    margin-right: 4px;
    border: none;
}

.brand-filter .car-type .car-tag::-webkit-scrollbar {
    height: 5px;
}


/* 가격별 검색 */
.price-range-wrap .tit-wrap {
    border-bottom: 1px solid #E6E6E6;
}

.price-range-wrap .input-wrap {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 48px;
}

.price-range-wrap .input-wrap::before {
    position: absolute;
    display: block;
    content: "~";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.price-range-wrap .input-wrap div {
    position: relative;
    padding: 0 16px;
    flex: 1;
    display: flex;
    align-items: center;
}

.price-range-wrap .input-wrap div p {
    width: 105px;
}

.price-range-wrap .input-wrap div input {
    padding: 0 35px 0 0;
    border: none;
    text-align: right;
    font-weight: 800;
    font-size: 20px;
}

.price-range-wrap .input-wrap div:after {
    position: absolute;
    content: "만원";
    top: 16px;
    right: 16px;
    font-size: 16px;
}

.price-range-wrap .input-wrap div input::placeholder {
    font-size: 20px;
    font-weight: 700;
    color: #999;
}

.price-range-wrap .range-cont .range {
    width: 99%;
    padding: 32px 56px 0;
}

.price-range-wrap .range-txt {
    position: relative;
}

.price-range-wrap .range-txt li {
    position: absolute;
    display: flex;
    top: 16px;
    left: 50px;
    content: '';
}

.price-range-wrap .range-txt li:nth-child(2) {
    left: 174px;
}

.price-range-wrap .range-txt li:nth-child(3) {
    left: 307px;
}

.price-range-wrap .range-txt li:nth-child(4) {
    left: 442px;
}

.price-range-wrap .range-txt li:nth-child(5) {
    left: 577px;
}

.price-range-wrap .range-txt li:nth-child(6) {
    left: 705px;
}

.price-range-wrap .range-txt .price-range-wrap .content-wrap {
    padding: 22px 0 0;
}

.price-range-wrap .ui-slider-handle {
    width: 24px;
    height: 24px;
    top: -10px;
    border-radius: 50%;
    background: #fff !important;
    border: 1px solid #E6E6E6 !important;
    cursor: pointer;
}

.price-range-wrap .ui-widget.ui-widget-content {
    border: none;
    background: #DDDDDD;
    border-radius: 50px;
}

.price-range-wrap .ui-slider-horizontal {
    height: 4px;
}

.price-range-wrap .ui-widget-header {
    background: #000 !important;
}

.price-range-wrap .hash-tag {
    margin-top: 56px;
}

.price-range-wrap .hash-tag ul {
    display: flex;
    justify-content: center;
    gap: 16px;
}

.price-range-wrap .hash-tag ul li {
    padding: 8px 12px;
    border: 1px solid #E6E6E6;
    border-radius: 50px;
}

.price-range-wrap .hash-tag ul:after {
    display: none;
}

.price-range-wrap .hash-tag::after {
    display: none;
}

/* 차량명 검색 */
.search-name-wrap .tit-wrap input {
    padding-left: 44px;
    width: 100%;
    border: none;
    background-image: url("../images/rent_new/icon/ico-search.png");
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: 16px center;
}

.search-name-wrap .content-wrap {
    overflow-y: visible;
    background: #F5F7FA;
    padding: 16px 24px;
    height: 100vh;
}

.search-name-wrap .content-wrap ul {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.search-name-wrap .content-wrap .search-list ul {
    padding-top: 10px;
    gap: 20px;
    color: #666;
}

.search-name-wrap .content-wrap .result-list {
    font-size: 20px;
    height: 140px;
    overflow-y: scroll;

}

.search-name-wrap .content-wrap .result-list ul {
    height: 100%;
}

.search-name-wrap .content-wrap .result-list ul li {
    cursor: pointer;
}

.tag-slider {
    position: relative;
    margin-top: 24px;
    width: 792px;
}

.tag-slider .swiper-slide {
    width: fit-content;
}

.tag-slider .swiper-slide a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 16px;
    height: 40px;
    border: 1px solid #E6E6E6;
    border-radius: 50px;
    font-weight: 700;
    color: #666;
}

.tag-slider .swiper-slide.type2 a {
    border: 1px solid #E9E9E9;
    border-radius: 50px;
    background: #EDF4FF;
    font-weight: 400;
    color: #4B87FF;
}

.tag-slider .swiper-slide.type2 a:before {
    content: '';
    display: inline-block;
    margin-right: 4px;
    width: 21px;
    height: 21px;
    background: url("../images/rent_new/icon/ico-promotion.png") 50%/21px auto;
    vertical-align: middle;
}

.tag-slider .swiper-slide a:hover {
    border-color: #1A1A1A;
    color: #1A1A1A;
}

.tag-slider .custom-wrap {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -10px;
    z-index: 10;
}

.tag-slider .custom-wrap div {
    width: 50px;
    height: 43px;
    background: #fff;
}

.tag-slider .custom-wrap .swiper-button-next {}

.tag-slider .custom-wrap .swiper-button-next:after {
    display: none;
}

.tag-slider .custom-wrap .swiper-button-next:before {
    position: absolute;
    content: "";
    display: block;
    width: 40px;
    height: 44px;
    top: 0;
    left: 10px;
    background: url("../images/rent_new/icon/swiper-arr-r.png") center/contain no-repeat;
}


/* 인기모델 */
.models-area {
    position: relative;
    width: 384px;
}

.models-area .swiper {
    left: 0;
    top: 0;
    width: 100%;
    height: 364px;
}

.models-area .swiper-slide {
    left: 0;
    width: 100%;
    height: 240px;
    height: 100%;
}

.models-area .card-slide {
    width: 100%;
    height: 248px;
    border-radius: 16px;
    border: 1px solid #DCE3EF;
    background: #ECF2FD;
    padding: 24px;
    opacity: 1;
    overflow: hidden;
}


.models-area .card-slide .page-num {
    position: absolute;
    left: 160px;
    top: 16px;
    color: #8C9BB7;
    text-align: center;
    font-size: 96px;
    font-weight: 800;
    line-height: 96px;
    opacity: 0.1;
}

.models-area .card-slide .img-wrap {
    position: absolute;
    transform: translateX(100px);
    right: 0px;
    top: 52px;
}

.models-area .card-slide dl dt:nth-child(2) {
    font-size: 22px;
    font-weight: 800;
    line-height: 32px;
}

.models-area .card-slide dl dt:nth-child(3) {
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 8px;
}


.models-area .card-slide .page-num {
    transform: translateY(50px);
    opacity: 0;
}

.models-area .card-slide dl {
    transform: translateY(50px);
    opacity: 0;
}

.models-area .swiper-slide:nth-child(1) {
    top: 0px;
}

.models-area .swiper-slide:nth-child(2) {
    top: 25px;
}

.models-area .swiper-slide:nth-child(3) {
    top: 50px;
}

.models-area .swiper-slide:nth-child(4) {
    top: 75px;
}

.models-area .swiper-slide:nth-child(5) {
    top: 100px;
}

.models-area h2 {
    margin-bottom: 24px;
    font-size: 32px;
    font-weight: 800;
}

.btn-custom {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    z-index: 5;
}

.models-area .swiper-slide .img-wrap img {
    transform: translateX(500px) scale(0.1) translateY(50px);
    opacity: 0;
    scale: 0.1;
}

.models-area .swiper-slide-active .img-wrap img {
    scale: 1;
    transform: scale(1) translateY(0);
    opacity: 1;
    transition-duration: 0.2s;
}

.models-area .swiper-slide-active .page-num {
    transform: translateY(0);
    opacity: 0.1;
    transition-duration: 0.2s;
}

.models-area .swiper-slide-active .card-slide dl {
    transform: translateY(0);
    opacity: 1;
    transition-duration: 0.2s;
}

.models-area .swiper-slide .card-slide dt:first-of-type {
    margin-bottom: 15px;
    width: 35px;
    height: 20px;
}

.models-area .swiper-slide-active .card-slide {
    box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.05);
}

.models-area .swiper-slide.theme-01 .card-slide {
    border: 1px solid #E1E7F1;
    background: #ECF2FD;
}

.models-area .swiper-slide.theme-02 .card-slide {
    border: 1px solid #EBE4E4;
    background: #F3EBEB;
}

.models-area .swiper-slide.theme-03 .card-slide {
    border: 1px solid #E9E8E0;
    background: #F4F3EB;
}

.models-area .swiper-slide.theme-04 .card-slide {
    border: 1px solid #E5E4F2;
    background: #F0EFFE;
}

.models-area .swiper-slide.theme-05 .card-slide {
    border: 1px solid #E4EDEF;
    background: #EFF9FB;
}

.models-area .swiper-button-prev,
.models-area .swiper-button-next {
    top: 15px;
    height: auto;
    margin: 0;
}

.models-area .swiper-button-prev {
    right: 52px;
    left: auto;
}

.models-area .swiper-button-next {
    right: 8px;
}

.models-area .swiper-button-prev::after,
.models-area .swiper-button-next:after {
    font-size: 16px;
    font-weight: bold;
    color: #1a1a1a;
}

/* 중간배너 */
.main--container .banner-area {
    display: flex;
    justify-content: space-between;
    height: 142px;
    margin: 48px 0 80px 0;
}

.main--container .banner-area a {
    display: block;
    width: 588px;
    height: 142px;
    border-radius: 16px;
    overflow: hidden;
}

.main--container .banner-area a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* 조회수많은 차량 */
.popular-area {
    position: relative;
    margin-bottom: 80px;
}

.popular-area h2 {
    margin-bottom: 20px;
}

.popular-area .swiper {
    position: relative;
    margin: 0 auto;
    overflow: hidden;
}

.popular-area .swiper .swiper-slide a {
    display: block;
}

.popular-area .swiper .img-wrap {
    width: 100%;
    height: 165px;
    margin-bottom: 16px;
    border-radius: 12px;
    overflow: hidden;
}

.popular-area .swiper .img-wrap img {
    height: 100%;
    object-fit: cover;
}

.popular-area .swiper dl {
    display: flex;
    flex-wrap: wrap;
    height: 77px;
    margin-bottom: 12px;
}

.popular-area .swiper dl dt {
    width: 100%;
    margin-bottom: 8px;
    overflow: hidden;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.32px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    align-self: stretch;
}

.popular-area .swiper dl dd {
    position: relative;
    margin-right: 10px;
    color: #666;
    letter-spacing: -0.28px;
}

.popular-area .swiper dl dd:after {
    position: absolute;
    display: inline-block;
    content: '';
    width: 1px;
    height: 10px;
    top: 6px;
    right: -6px;
    background: #E6E6E6;
}

.popular-area .swiper dl dd:last-child:after {
    display: none;
}

.popular-area .swiper .txt-wrap {
    padding: 0 4px;
}

.popular-area .swiper .txt-wrap p {
    font-size: 20px;
    color: #F33;
    font-weight: 800;
    letter-spacing: -0.32px;
}

.popular-area .swiper .txt-wrap p span {
    font-size: 16px;
    font-weight: 400;
    margin-left: 8px;
}

.popular-area .swiper .badge {
    height: 36px;
}

.popular-area .swiper .badge ul {
    display: flex;
    margin-bottom: 12px;
}
.popular-area .swiper .badge ul li { display: flex; justify-content: center; align-items: center; width: max-content; height: 21px; line-height: 21px; padding: 0px 4px; margin-right: 4px; margin-bottom: 5px; border: 0; color: #1A1A1A; background: #F0EFF4; border-radius: 4px; text-align: center; font-size: 12px; font-weight: 700; }
.popular-area .swiper .badge ul li.certification { color: #1A1A1A; background-color: #F0EFF4; }
.popular-area .swiper .badge ul li.diagnosis { color: #1A1A1A; background: #F0EFF4; }
.popular-area .swiper .badge ul li.direct { color: #fff; background-color: #FF3333; }
.popular-area .swiper .badge ul li.promotion { color: #fff; background-color: #111111; }
.popular-area .swiper-button-prev,
.popular-area .swiper-button-next {
    height: auto;
    margin: 0;
}

.popular-area .swiper-button-prev {
    left: -60px;
}

.popular-area .swiper-button-next {
    right: -60px;
}

.popular-area .swiper-button-prev::after,
.popular-area .swiper-button-next:after {
    font-size: 24px;
    font-weight: bold;
    color: #1a1a1a;
}


/* 테마기획전 */
.theme-area {
    height: 160px;
    margin: 24px 0 80px 0;
}

.layout-row .tit-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.layout-row .tit-flex .btn-more {
    font-size: 20px;
    color: #666;
}

.theme-area .swiper-wrapper .swiper-slide {
    font-size: 0;
    height: 160px;
    border-radius: 16px;
    overflow: hidden;
}

.theme-area .swiper-wrapper .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.theme-area .swiper-button-prev,
.theme-area .swiper-button-next {
    width: 24px;
    height: 24px;
    margin: 0;
    top: 50%;
    transform: translateY(-50%);
}

.theme-area .swiper-button-prev {
    left: 48px;
}

.theme-area .swiper-button-next {
    right: 48px;
}

.theme-area .swiper-button-prev::after,
.theme-area .swiper-button-next:after {
    font-size: 16px;
    font-weight: bold;
    color: #1a1a1a;
}


.car-list-area .acc-title dl {
    background: #F5F7FA;
}

.car-list-area .acc-title dl dt {
    position: relative;
    display: flex;
    align-items: center;
    height: 100px;
    background-color: #fff;
    font-size: 24px;
    font-weight: 800;
    padding: 0 24px;
    border-bottom: 1px solid #E6E6E6;
    cursor: pointer;
}

.car-list-area .acc-title li:last-child dl dt {
    border: none;
}

.car-list-area .acc-title dl dt::before {
    content: '';
    width: 1px;
    height: 14px;
    position: absolute;
    top: 50%;
    right: 30px;
    transform: translateY(-50%);
    background-color: #999;
    transition: transform 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.car-list-area .acc-title dl dt::after {
    content: '';
    width: 14px;
    height: 1px;
    position: absolute;
    top: 50%;
    right: 24px;
    transform: translateY(-50%);
    background-color: #999;
    transition: transform 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.car-list-area .acc-title li.active dl dt {
    border-bottom: none;
}

.car-list-area .acc-title li.active dl dt::before {
    transform: translateY(-50%) rotate(-90deg);
}

.car-list-area .acc-title li.active dl dt::after {
    transform: translateY(-50%) rotate(180deg);
}

.car-list-area .acc-title li.active dl dd::after {
    content: '';
    width: 32px;
    height: 16px;
    position: absolute;
    top: -16px;
    left: 50%;
    transform: translateX(-50%);
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    background-color: #F5F7FA;
}

.acc-contents .accoianContents {
    display: none;
}

.acc-contents .accoianContents.active {
    display: block;
}

.car-list-area .acc-title dl dd {
    position: relative;
    font-size: 20px;
    padding: 24px;
    flex-direction: column;
    justify-content: space-between;
}

.car-list-area .acc-title dl dd .point {
    color: #f33;
}


.car-list-area .acc-title dl dd a {
    display: none;
    opacity: 0;
    position: absolute;
    bottom: 24px;
    left: 24px;
    padding-right: 20px;
    color: #666;
    font-size: 20px;
    background-image: url("../images/rent_new/icon/card-arr-r.png");
    background-size: 24px 24px;
    background-position: 90px 50%;
    background-repeat: no-repeat;
}


.car-list-area .acc-contents {
    width: 850px;
}

.car-list-area .acc-contents .total-num {
    position: absolute;
    width: 52vw;
    padding: 40px 0px 24px;
    top: 0;
    font-size: 20px;
    font-weight: 700;
    background: #fff;
}

.car-list-area .acc-contents p {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 24px;
    padding: 40px 0 0 48px;
}

.car-list-area .acc-contents dl dd p {
    font-weight: 800;
    margin-bottom: 0;
    padding: 0;
}

.car-list-area .acc-contents .inner-scroll {
    height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0 40px 48px;
    margin: 100px 10px 0 0;
}

.car-list-area .acc-contents ul {
    width: 800px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 24px;
}

.car-list-area .acc-contents ul li {
    width: 236px;
}

.car-list-area .acc-contents .img-wrap {
    width: 100%;
    height: 185px;
    margin-bottom: 16px;
    border-radius: 12px;
    overflow: hidden;
}

.car-list-area .acc-contents .img-wrap img {
    height: 100%;
    object-fit: cover;
}

.car-list-area .acc-contents dl dt {
    width: 100%;
    margin-bottom: 4px;
    overflow: hidden;
    font-size: 16px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    align-self: stretch;
}

.car-list-area .acc-contents dl dd {
    font-size: 20px;
    color: #F33;
    font-weight: 800;
}

.car-list-area .acc-contents dl dd span {
    font-size: 16px;
    font-weight: 400;
}

/* 인증차,진단차,관리차 */
.car-list-area {
    position: relative;
    border: 1px solid #E6E6E6;
    border-radius: 24px;
    overflow: hidden;
    display: flex;
    margin-bottom: 80px;
}

.car-list-area .acc-title {
    width: 350px;
    height: 600px;
    border-right: 1px solid #E6E6E6;
}

.car-list-area .acc-title ul li {
    height: 100%;
    overflow: hidden;
}

.car-list-area .acc-title ul li dl dd {
    height: 0px;
    opacity: 0;
    padding: 0;
    transition: 0.3s height;
}

.car-list-area .acc-title ul li.active dl dd {
    height: 400px;
    padding: 24px;
    transition: 0.3s height;
    opacity: 100;
}

.car-list-area .acc-title ul li.active a {
    display: block;
    opacity: 100;
}

/* 다른 고객 후기 */
.customer-reviews {
    padding: 90px 0;
    background-color: #F3F6FA;
}

hgroup {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}

hgroup a {
    font-size: 14px;
    color: #666;
}

hgroup a:hover {
    color: #1A1A1A;
}

.review-area {
    position: relative;
}

.review-slider .car-info .user-info div:first-child {
    margin-bottom: 10px;
    margin-top: 17px;
    min-height: 40px;
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.review-area .swiper-slide {
    width: 380px;
    height: 158px;
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
}

.review-area .img-wrap {
    height: 200px;
    overflow: hidden;
}

.review-area .img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.review-area .car-info {
    height: 200px;
    padding: 16px;
}

.review-area .car-info .car-name {
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    font-weight: 700;
}

.review-area .car-info .rating {
    display: flex;
    align-items: center;
}

.review-area .car-info .rating ul {
    display: flex;
    margin-right: 4px;
}

.review-area .car-info .rating ul .star {
    width: 16px;
    height: 16px;
    background: url("../images/rent_new/icon/star_blank.png") center/contain no-repeat;
}

.review-area .car-info .rating ul .star.full {
    background: url("../images/rent_new/icon/star_full.png") center/contain no-repeat;
}

.review-area .car-info .rating ul .star.half {
    background: url("../images/rent_new/icon/star_half.png") center/contain no-repeat;
}

.review-area .car-info .rating .rate {
    font-size: 16px;
    color: #666;
}

.review-area .user-info p {
    font-size: 14px;
    height: 45px;
    margin: 16px 0 4px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    overflow: hidden;
}

.review-area .user-name {
    display: flex;
}

.review-area .user-name span {
    position: relative;
    display: block;
    color: #999;
    line-height: 1;
    font-size: 13px;
}

.review-area .user-name span:first-child {
    margin-right: 10px;
    padding-right: 12px;
    font-size: 13px;
}

.review-area .user-name span:first-child::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 12px;
    background-color: #E6E6E6;
    transform: translateY(-50%);
}


.review-area .swiper-button-prev,
.review-area .swiper-button-next {
    height: auto;
    margin: 0;
}

.review-area .swiper-button-prev {
    left: -60px;
}

.review-area .swiper-button-next {
    right: -60px;
}

.review-area .swiper-button-prev::after,
.review-area .swiper-button-next:after {
    font-size: 24px;
    font-weight: bold;
    color: #1a1a1a;
}


/* 2024.09.11 메인 리뉴얼 추가(소매추가) */
/*.approachContent{background:#FFC85A;}*/
/*.purchaseTypeContent{position:relative;z-index:5;background:#fff;}*/


.mainVisualContent {
    position: relative;
    min-width: 1200px;
    margin-top:80px;
}

.mainVisualContent .srhBx {
    /*animation:txtTop 1s 0.3s ease-in-out both;*/
    bottom: 5%;
    width: 100%;
    text-align: center;
    margin-top:40px;
}

.mainVisualContent .srhBx .iconSroll {
    animation: downScroll 1.8s ease-out infinite;
    display: block;
    width: 40px;
    height: 40px;
    margin: 20px auto 0;
    background: url("../images/icon/ic_scroll.png") no-repeat center center;
}

.mainVisualContent .srhBx .btnSrhOpen {
    display: inline-block;
    width: 600px;
    height: 64px;
    padding: 0 84px 0 30px;
    margin-top: 24px;
    font-size: 16px;
    font-weight: 400;
    color: #999999;
    line-height: 24px;
    border-radius: 64px;
    background: #fff url("../images/icon/ic_srh.png") no-repeat right 30px center;
    box-sizing: border-box;
    text-align: left;
    border:3px solid #ff3333;
}

.mainVisualContent .srhBx .txt {
    font-size: 32px;
    font-weight: 800;
    color: #151515;
    line-height: 36px;
}

.mainVisualContent .srhBx .txt .countNum {
    color: #FF3333;
    font-weight: 800;
}

.mainVisualWrap {
    /*position:relative;*/
    width: 100%;
    max-width:1580px;
    height:676px;;
    overflow: hidden;
    display: flex;
    margin:0 auto;
    gap:24px;
    padding:48px 0;
}

.mainVisualWrap .sale,
.mainVisualWrap .rent {
    box-sizing:border-box;
}

.mainVisualWrap .sale {
    position: relative;
    z-index: 3;
    /*float:left;*/
    transition: 0.5s;
    transition-timing-function: ease;
    background: url("../video/main_video_cover.png") no-repeat 0 0 #012971;
    background-size: cover;
    border-radius:42px;
    border-top-right-radius:0;
    flex:1 0 516px;
    padding:0 64px;
    cursor:pointer;
brightness(30%);
}

.mainVisualWrap .sale .main-visual-overlay {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#012971CC;
}

.mainVisualWrap .sale.active .main-visual-overlay {
    background:url("../images/renew/main_visual_overlay_sale.png")no-repeat center / cover scroll #012971;
}

.mainVisualWrap .main-visual-side-logo {
    position:absolute;
    top:0;
    right:0;
    z-index:1;
}

.mainVisualWrap .sale .main-visual-side-logo {
    width:180px;
    height:113px;
}

.mainVisualWrap .rent .main-visual-side-logo {
    width:335px;
    height:113px;
}

.mainVisualWrap .sale div.main_bg_video {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 0;
}

.mainVisualWrap .sale div.main_bg_video .main_video_content {
    height: 100%;
    width: 100%;
    object-fit: cover;
    /*filter: brightness(30%);*/ opacity: 1;
}

.mainVisualWrap .sale .main-visual-contents-wrap {
    position:absolute;
    bottom:64px;
    left:64px;
    z-index:5;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    width:912px;
    transform:translateX(-50px);
    opacity:0;
    text-align:center;
}

.mainVisualWrap .sale .main-visual-contents-wrap .main-visual-contents {
    padding:20px 0;
    background: #163977;
    border-radius:30px;
    flex:1;
}

.mainVisualWrap .sale .main-visual-contents-wrap .main-visual-contents img {
    width:60px;
    height:60px;
}

.mainVisualWrap .sale .main-visual-contents-wrap .main-visual-contents h4 {
    font-weight:700;
    font-size:20px;
    margin:8px auto 4px;
    color:#fff;
}

.mainVisualWrap .sale .main-visual-contents-wrap .main-visual-contents h4 span {
    color:#ff3333;
}

.mainVisualWrap .sale .main-visual-contents-wrap .main-visual-contents p {
    font-weight:500;
    font-size:16px;
    color:#ddd;
}

.mainVisualWrap .sale.active div.main_bg_video .main_video_content {
    opacity: 1;
}

.mainVisualWrap .sale.active.intro {
    width: 100%;
    /*height: 100vh;*/
    height:100%;
}

.mainVisualWrap .sale.active,
.mainVisualWrap .rent.active {
    flex-direction: column;
    align-items:flex-start;
    gap:50px;
    padding:0 64px;
}

.mainVisualWrap .sale .main-visual-contents-wrap.active {
    opacity:1;
    transform:translateX(0);
    transition:all .5s;
}

.mainVisualWrap .sale .saleBg {background:url("../images/renew/main2.png") no-repeat right scroll; background-size:cover;}
.mainVisualWrap .sale.active.intro{width:100%;}
.mainVisualWrap > div .rentBg{animation:idx_bg 2s ease-in-out both;position:absolute;left:0;top:0;display:block;width:100%;height:100%;background: url("../images/renew/main2.jpg") no-repeat 0 0;background-size:cover;  }
.mainVisualWrap > div a{display:inline-block;position: absolute;z-index:5;;transition:all .6s; top:50%;left:50%;transform:translateX(-50%) translateY(-50%);width:436px;}
.mainVisualWrap > div a > * {position:absolute;}
.mainVisualWrap > .sale.active a {top:64px; left:64px;transform:translate(0);}
.mainVisualWrap > .rent.active a {left:64px;transform:translate(0, -50%);}
.mainVisualWrap > div.active a.moving-animate {
    animation: mainVisualSaleTxtLeft .6s ease-in-out forwards;
}

.mainVisualWrap > div a .tit {
    display: block;
    font-size: 24px;
    font-weight: 700;
    color: #FFF;
    line-height: 28px;
    transition: all .4s;
}

.mainVisualWrap > div a .vsEx {
    top: 46px;
    left: 50%;
    transition: all .4s;
    white-space: nowrap;
    display: block;
    margin: 16px 0 32px;
    font-size: 40px;
    font-weight: 700;
    color: #FFF;
    line-height: 1.3;
}

.mainVisualWrap > div.sale a .vsEx {
    transform: translateX(-50%);
}

.mainVisualWrap > div.rent a .vsEx {
    transform: translateX(-50%);
}

.mainVisualWrap > div.rent a .vsEx + .vsEx {
    top:98px;
}

.mainVisualWrap .sale.intro a .tit{animation:txtLeft 1s ease-in-out forwards;}
.mainVisualWrap .sale.intro a .vsEx{animation:txtLeft 1s 0.3s ease-in-out forwards;}
.mainVisualWrap .rent a .tit{animation:txtRight 1s 0.3s ease-in-out;}
.mainVisualWrap .rent a .vsEx{animation:txtRight 1s 0.8s ease-in-out;}
.mainVisualWrap .rent .rentBg{background: url("../images/renew/main2.png") no-repeat right scroll;background-size:cover;}
.mainVisualWrap .sale.active, .mainVisualWrap .rent.active{ flex-basis:1040px;}

.mainVisualWrap .rent {
    position: relative;
    z-index: 1;
    /*float:left;*/
    width: 35%;
    background: #333;
    transition: 0.5s;
    transition-timing-function: ease;
    height: 100%;
    border-radius:42px;
    border-top-right-radius:0;
    flex:1 0 516px;
    padding:0 64px;
    cursor:pointer;
}

.mainVisualWrap>div {
    position: relative;
    height: 100%;
    box-sizing: content-box;
    overflow: hidden;
    top: 0;
}

.mainVisualWrap>div .rentBg {
    animation: idx_bg 2s ease-in-out;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: url("../images/renew/main2.jpg") no-repeat 0 0;
    background-size: cover;
    filter: brightness(50%);
}

.mainVisualWrap>div a .tit {
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
    color: #FFF;
    padding:8px 16px;
    border:1px solid #fff;
    border-radius:999px;
    top:0;
    left:50%;
    transform:translateX(-50%);
    transition:all .6s;
}

.mainVisualWrap > div.active a .tit,
.mainVisualWrap > div.active a .vsEx {
    left:0;
    transform:translateX(0);
    transition:all .4s;
}

.mainVisualWrap > div.active a .vsTit{color:#fff;}
.mainVisualWrap > div.active .btnArrow{ animation:txtLeft 1s 0.25s ease-in-out both;}
.mainVisualWrap > div.active .saleBg{animation:idx_bg 2s ease-in-out both;position:absolute;left:0;top:0;display:block;width:100%;height:100%;background: url("../images/renew/main1.jpg") no-repeat 0 0;background-size:cover;}
.mainVisualWrap > div a .btnArrow{bottom:0;display:inline-block;opacity:0;font-weight:700;font-size:18px;padding:12px 48px 12px 16px;height:50px;border-radius:999px;color:#fff;background:#FF3333 url("../images/icon/ic_arrow2.png") no-repeat center right 16px;}
.mainVisualWrap > div a .btnArrow:hover{background-color:#1a1a1a;}

.mainVisualWrap > .sale a {height:196px;}
.mainVisualWrap > .rent a {height:248px;top:50%;left:50%;transform:translate(-50%, -50%);}

/*어떤차량이 궁금하세요 검색*/
.srhWrap{display:none;position: fixed;z-index:100;left:0;top:0; width:100%;height:100%;background:rgba(0, 0, 0, 0.8);}
.mainSrhBx{position:absolute;left:50%;top:50%;width:588px;margin:-70px 0 0 -290px;}
.mainSrhBx *{vertical-align: middle;}
.mainSrhBx .txt{margin-bottom:20px;font-size:24px;font-weight:400;color:#fff;line-height:36px;text-align:center;}
.mainSrhBx .txt .countNum{margin-top:-2px;display:inline-block; color:#FF0000;font-weight:900;}
.mainSrhBx .selectSrh{display:none;position:absolute;left:0;top:86px;width:100px;width:140px;min-height:128px;padding:12px; box-sizing: border-box;background: #fff;border-radius: 20px; z-index: 1;}
.mainSrhBx .selectSrh.active{display:block;}
.mainSrhBx .selectSrh li{margin-top:8px;}
.mainSrhBx .selectSrh li:first-child{margin-top:0;}
.mainSrhBx .selectSrh li a{display:block;padding:12px;font-size:16px;font-weight:400;color:#1A1A1A;line-height:24px;border-radius: 10px;background:#fff;}
.mainSrhBx .selectSrh li a:hover{background:#F5F7FA;}
.mainSrhBx .srhTxtList{position:absolute;left: 0;top:100px;width: 557px;height: 180px;overflow-y: auto; overflow-x:hidden}
.mainSrhBx .srhTxtList li {padding-left:18px;position:relative; left:27px; cursor: pointer;}
.mainSrhBx .srhTxtList li:hover{
    background:rgba(255,255,255,0.2);
}
.mainSrhBx .srhTxtList li span {font-size:18px;font-weight:400;color:#fff;line-height:40px;vertical-align: middle;}
.mainSrhBx .srhTxtList li .bold{color:#FFC85A;font-weight:700; }
.mainSrhBx .inputSrhBx{position:relative;width:100%;height:80px;padding:17px 30px 0;border:4px solid #FF3333;background: #fff;border-radius:80px;box-sizing: border-box;}
.mainSrhBx .inputSrhBx input[type='text']{width:360px;height:40px;border:none; font-size:20px;font-weight:400;color:#1A1A1A;line-height:24px;}
.mainSrhBx .inputSrhBx input[type='text']::placeholder{color:#999;}
.mainSrhBx .inputSrhBx .btnSrhSelect{position:relative;min-width:100px;margin-right:16px; font-size:20px;font-weight:400;color:#1A1A1A;line-height:24px;text-align:left;}
.mainSrhBx .inputSrhBx .btnSrhSelect::after{position:absolute;right:0;top:4px; display:block;content:''; width:16px;height:16px;background: url("../images/btn/btn_select_arrow.png") no-repeat 0 0;}
.mainSrhBx .inputSrhBx .btnMainSrh{position:absolute;right:30px;top:17px; width:40px;height:40px; overflow:hidden;font-size:0;line-height:0;text-indent: -9999px; background: url("../images/icon/ic_srh.png") no-repeat center center;}
.btnSrhClose{position:absolute;left:50%;bottom:5%; width:60px;height:60px;margin:0 0 0 -25px;background: url("../images/btn/btn_close.png") no-repeat center center;  font-size:0;line-height:0;text-indent: -9999px;border-radius: 50%;border:2px solid #fff;}

.mainSrhBx .inputSrhBx .btnMainSrh {
    position: absolute;
    right: 30px;
    top: 17px;
    width: 40px;
    height: 40px;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
    background: url("../images/icon/ic_srh.png") no-repeat center center;
}

.btnSrhClose {
    position: absolute;
    left: 50%;
    bottom: 5%;
    width: 60px;
    height: 60px;
    margin: 0 0 0 -25px;
    background: url("../images/btn/btn_close.png") no-repeat center center;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
    border-radius: 50%;
    border: 2px solid #fff;
}


/* 구매하고 싶어요. 렌트하고 싶어요 */
.categoryContent{width:1120px;margin:0 auto;padding:80px 0 0;}
.categoryContent .titTab{display:flex;justify-content:center;}
.categoryContent .titTab button{display:inline-block;min-width:160px;height:54px;padding:13px 30px;margin-left:12px;border-radius:54px;font-size:16px;font-weight:400;color:#999;line-height:18px;border:1px solid #F7F7F7;background:#F7F7F7;box-sizing:border-box;}
.categoryContent .titTab button:first-child{margin-left:0;}
.categoryContent .titTab button.active{font-weight:700;color:#1A1A1A;border:1px solid #666;background:#fff;}

.categoryContent .categoryTab{text-align:center;}
.categoryContent .categoryTab *{vertical-align:middle;}
.categoryContent .categoryTab button{}
.categoryContent .categoryTab button:first-child::before{display:none;}
.categoryContent .categoryTab button::before{display:inline-block;content:'';width:16px;height:16px;margin:0 8px 0 8px;background:url("../images/icon/ic_arrow_cate.png") no-repeat center center;vertical-align:middle;}
.categoryContent .categoryTab button .num{display:inline-block;width:32px;height:32px;padding:7px 0;font-size:14px;font-weight:700;color:#fff;line-height:16px;background:#000;border:1px solid #000; border-radius:50%;box-sizing:border-box;}
.categoryContent .categoryTab button .txt{margin-left:8px;font-size:20px;font-weight:700;color:#000;line-height:22px;}
.categoryContent .categoryTab button:disabled{background:transparent !important; border: none !important;}
.categoryContent .categoryTab button:disabled .txt{display:none;}
.categoryContent .categoryTab button:disabled .num{border:1px solid #DDD;color:#999;background:#fff;}
.categoryContent .categoryTab button:first-child:disabled .num{border:1px solid #000;color:#fff;background:#000;}

.categoryContent .brandList{margin-top:30px;display:flex;justify-content:center;text-align:center;}
.categoryContent .brandList li{}
.categoryContent .brandList li button{display:inline-flex;flex-direction:column;align-items:center;justify-content:flex-start;width:132px;height:160px;padding-top:26px;background:#fff;box-sizing:border-box;border-radius:16px; }
.categoryContent .brandList li button .imgBx{display:inline-block;width:100%;height:48px;}
.categoryContent .brandList li button .imgBx img{vertical-align:middle;}
.categoryContent .brandList li button .tit{display:inline-block;margin-top:16px;font-size:14px;font-weight:400;color:#1A1A1A;line-height:18px;}
.categoryContent .brandList li button.active{background:#F5F7FA;}
.categoryContent .brandList li button:hover{background:#F5F7FA;}

.typeListWrap{position:relative; margin-top: 30px; min-height:160px;}
.typeListWrap .typeListBx{position:relative;width:1120px;margin:0 auto;}
.typeListWrap .typeList{margin-top:30px;text-align:center;}
.typeListWrap .typeList li{width:160px !important;}
.typeListWrap .typeList li button, .typeListWrap .typeListBx .swiper-slide button {
    display:inline-flex;flex-direction:column;align-items:center;justify-content:flex-start;width:160px;height:160px;padding-top:26px;background:#fff;box-sizing:border-box;border-radius:16px;
}
.typeListWrap .typeListBx.centered .swiper-wrapper{
    justify-content:center;
}
.typeListWrap .typeList li button .imgBx{display:inline-block;width:100%;height:64px;}
.typeListWrap .typeList li button .imgBx img{vertical-align:middle;}
.typeListWrap .typeList li button .tit{display:inline-block;margin-top:16px;font-size:14px;font-weight:400;color:#1A1A1A;line-height:18px;}
.typeListWrap .typeList li button.active{background:#F5F7FA;}
.typeListWrap .typeList li button:hover{background:#F5F7FA;}
.typeListWrap .typeListBx .swiper-slide:hover button { background:#F5F7FA; }
.typeListWrap .typeListBx .swiper-slide span.imgBx img{
    width:128px; height:auto;
}

.typeListWrap .swiper-scrollbar{bottom:-12px;background:transparent;}
.typeListWrap .swiper-scrollbar-drag{background:#E6E6E6;}
.typeListWrap .swiper-button-prev {position:absolute;left:-60px;width:40px;height:40px;background:url("../images/btn/btn_cate_prev.png") no-repeat center center;}
.typeListWrap .swiper-button-next {position:absolute;right:-60px;width:40px;height:40px;background:url("../images/btn/btn_cate_next.png") no-repeat center center;}

.detailListWrap{position:relative; margin-top:30px; min-height:160px;}
.detailListWrap .detailListBx{position:relative;width:1120px;margin:0 auto;min-height:160px;}
/*.detailListWrap .detailList{margin-top:30px;text-align:center;justify-content: center;}*/
.detailListWrap .swiper-wrapper{justify-content: center}
.detailListWrap .detailListBx .swiper-wrapper{justify-content: left}
.detailListWrap .detailListBx.centered .swiper-wrapper{justify-content: center}
.detailListWrap .swiper-slide{width:160px !important;}
.detailListWrap .swiper-slide button{display:inline-flex;flex-direction:column;align-items:center;justify-content:flex-start;width:160px;height:160px;padding-top:26px;background:#fff;box-sizing:border-box;border-radius:16px; }
.detailListWrap .swiper-slide button .imgBx{display:inline-block;width:100%;height:64px;}
.detailListWrap .swiper-slide button .imgBx img{width:128px;vertical-align:middle;}
.detailListWrap .swiper-slide button .tit{display:inline-block;margin-top:16px;font-size:14px;font-weight:400;color:#1A1A1A;line-height:18px;}
.detailListWrap .swiper-slide button.active{background:#F5F7FA;}
.detailListWrap .swiper-slide button:hover{background:#F5F7FA;}
.detailListWrap .swiper-scrollbar{bottom:-12px;background:transparent;}
.detailListWrap .swiper-scrollbar-drag{background:#E6E6E6;}
.detailListWrap .swiper-button-prev {position:absolute;left:-60px;width:40px;height:40px;background:url("../images/btn/btn_cate_prev.png") no-repeat center center;}
.detailListWrap .swiper-button-next {position:absolute;right:-60px;width:40px;height:40px;background:url("../images/btn/btn_cate_next.png") no-repeat center center;}

.swiper-button-next:after, .swiper-button-prev:after{display:none;}
.btnCateSrh{margin-top:40px;text-align:center;}
.btnCateSrh button{min-width:200px;height:60px;padding:15px 45px;font-size:16px;font-weight:700;color:#fff;line-height:18px;background:#FF3333;border-radius: 60px;}


/* 중간 배너 */
.midBannerCotent{position:relative;padding:120px 0;}
.midBannerCotent .bannerList{position:relative;width:100%;margin:0 auto;}
.midBannerCotent .bannerList .swiper-slide {width:1200px;}
.midBannerCotent .swiper-button-prev{position:absolute;z-index:5;left: 50%;top: 50%;width:24px;height:24px;transform: translate(-575px, 25%);}
.midBannerCotent .swiper-button-next{position:absolute;z-index:5;right: 50%;top: 50%;width:24px;height:24px;transform: translate(575px, 28%);}
.midBannerCotent .swiper-button-prev{background:url("../images/btn/btn_ban_prev.png") no-repeat center center;}
.midBannerCotent .swiper-button-prev:hover{background:url("../images/btn/btn_ban_prev.png") no-repeat center center;}
.midBannerCotent .swiper-button-prev::before{display:none;}
.midBannerCotent .swiper-button-next{background:url("../images/btn/btn_ban_next.png") no-repeat center center;}
.midBannerCotent .swiper-button-next:hover{background:url("../images/btn/btn_ban_next.png") no-repeat center center;}
.midBannerCotent .swiper-button-next::before{display:none;}
.midBannerCotent .swiper-pagination {left:50%;bottom: 20px !important;transform: translateX(-50%);width: 100%;}
.midBannerCotent .swiper-pagination .swiper-pagination-bullet {width:12px;height:12px;text-align:center;margin: 0 4px;vertical-align:middle;background: #e5e5e5;border-radius:50px;padding:4px;}
.midBannerCotent .swiper-pagination .swiper-pagination-bullet-active{width: 12px;padding:0;background:#1A1A1A;}
.midBannerCotent .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active :before{width:11px;height:11px;background:#1A1A1A;border-radius:16px;opacity:1;border:none;}


/* 지금 구매가능한 인기차량 */
.favoriteContent {width:100%;background:#F5F7FA;overflow: hidden;}
.favoriteWrap {position:relative;width:1200px;height:653px;margin:0 auto;padding:120px 0;box-sizing:border-box;}
.favoriteWrap .tit{}
.favoriteWrap .tit dt{font-size:32px;font-weight:700;color:#999;line-height:44px;}
.favoriteWrap .tit dt .bold{color:#111;}
.favoriteWrap .tit dd{margin-top:24px;font-size:16px;font-weight:400;color:#999;line-height:24px;}

.carBuyList{padding:0 0 0 0;}
.carBuyBox{position:absolute;left:306px;top:120px;/*width:1200px*/; width:1221px; }
.carBuyBox .swiper-wrapper {width:1300px;height:495px;padding:0 !important;}
.carBuyBox .swiper-slide {position:relative;width:280px !important; text-align:center; margin:0 12px; }
.carBuyBox .swiper-slide a{position:relative;display:inline-block;width:280px;}
.carBuyBox .swiper-slide .state{display:block;position:absolute;right:12px;top:12px;padding:8px 10px;font-size:12px;font-weight:600;color:#fff;background:rgba(0, 0, 0, 0.4);border-radius:4px;}
.carBuyBox .swiper-slide .imgBx{border-radius:15px;overflow:hidden;}
.carBuyBox .swiper-slide .imgBx img{width:280px;height:200px;display:table;}
.carBuyBox .swiper-slide .carTxtCon{margin-top:16px;text-align:left;}

.carBuyBox .swiper-slide .carTxtCon dl.txtTit{display:flex;flex-wrap:wrap;height:71px;}
.carBuyBox .swiper-slide .carTxtCon dl.txtTit dt{ width: 100%; height: 47px; font-size:18px;font-weight:700;color:#1A1A1A;line-height:24px;}
.carBuyBox .swiper-slide .carTxtCon dl.txtTit dd{margin-top:4px;font-size:14px;font-weight:400;color:#666666;line-height:20px;}
.carBuyBox .swiper-slide .carTxtCon dl.txtTit dd::after{display:inline-block;content:'';width:1px;height:10px;margin:0 4px;background:#DDDDDD;}
.carBuyBox .swiper-slide .carTxtCon dl.txtTit dd:last-child::after{display:none;}

.carBuyBox .swiper-slide .carTxtCon dl.txtPrice{margin-top:10px;}
.carBuyBox .swiper-slide .carTxtCon dl.txtPrice dt{width:100%;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;align-self:stretch; margin-top:5px;}
.carBuyBox .swiper-slide .carTxtCon dl.txtPrice dt .bold{font-weight:800;}
.carBuyBox .swiper-slide .carTxtCon dl.txtPrice dt .month{margin-left:4px;font-size:14px;}
.carBuyBox .swiper-slide .carTxtCon dl.txtPrice .sale{color: rgba(177, 177, 177, 1);font-size: 14px;font-weight:400;letter-spacing: -0.01em; text-decoration: line-through; }
.carBuyBox .swiper-slide .carTxtCon dl.txtPrice .discount{color:#FF3333;font-size: 20px;font-weight: 800;}
.carBuyBox .swiper-slide .carTxtCon .txtPrice .noPrice{color:#FF3333;font-size: 20px;font-weight: 800;}
.carBuyBox .swiper-slide .carTxtCon dl.txtPrice dd{color:#666;font-size:14px;font-weight:400;line-height:20px;margin-top:4px;}
.carBuyBox .swiper-slide .carTxtCon .txtPrice .newCarPrice{ color:#666; font-family: Pretendard;font-size:14px;line-height:19.6px;}

.carBuyBox .swiper-slide .carTxtCon .badgeList{margin-top:16px;overflow:hidden;}
.carBuyBox .swiper-slide .carTxtCon .badgeList li{float:left;padding:8px;margin-left:4px;font-size:12px;font-weight:600;color:#1A1A1A;line-height:14px;background:#F5F7FA; border:1px solid #ddd; border-radius:4px;}
.carBuyBox .swiper-slide .carTxtCon .badgeList li:first-child{margin-left:0;}
.carBuyBox .swiper-slide .carTxtCon .badgeList li.direct{background:#1A1A1A;color:#fff;border:none;}

.order-type {
    position:relative;width:280px;background-size:100%;background-position:50% 50%;background-repeat:no-repeat;
}
.order-type a {display:block;display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;}
.order-type .car-thumb-slider{width: 100%;height: 100%; position:relative;}
.order-type .car-thumb-slider.type::after {
    position: absolute; bottom: 5px; left: 7px; z-index: 1;
    width: 36px; height: auto;
    background-image: none;
    padding: 5px 0; border-radius: 16px;
    text-align: center; color: white; font-weight: 600; font-size: 12px; line-height: 1;
}

.order-type .car-thumb-slider.type.rent::after {
    content: '렌트'; background-color: rgba(0,0,0,1); z-index: 11;
}

.order-type .car-thumb-slider.type.sale::after {
    content: '구매'; background-color: #EE2929; z-index: 11;
}

.favoriteContent .swiper-button-prev,.favoriteContent .swiper-button-next{z-index:5; position:absolute; width:24px;height:24px;}
.favoriteContent .swiper-button-prev{top:520px; left:0px;background:url("../images/btn/btn_buy_prev.png") no-repeat center center;}
.favoriteContent .swiper-button-prev:hover{background:url("../images/btn/btn_buy_prev.png") no-repeat center center;}
.favoriteContent .swiper-button-prev::before{display:none;}
.favoriteContent .swiper-button-next{top:520px; left:40px;background:url("../images/btn/btn_buy_next.png") no-repeat center center;}
.favoriteContent .swiper-button-next:hover{background:url("../images/btn/btn_buy_next.png") no-repeat center center;}
.favoriteContent .swiper-button-next::before{display:none;}


/* 마이카세이브 구매고객 혜택 */
.serviceContent{width: 100%;overflow: hidden;position: relative;word-break: keep-all;}
.serviceContent .serviceWrap{position: relative;width:1200px;margin:0 auto; padding: 120px 0 120px; box-sizing: border-box;display: flex;flex-direction: column;justify-content: center;}
.serviceContent .serviceList{position:relative;width:1200px;margin:12px auto 0;}
.serviceContent .serviceList ul{display: flex; flex-wrap: nowrap;margin-top: 35px;}
.serviceContent .serviceWrap .tit{text-align:center;font-size:32px;font-weight:700;color:#1A1A1A;line-height:44px;}
.serviceWrap .swiper-pagination{width:100%;height:54px;left:0;top: 190px;color:#fff;}
.serviceWrap .swiper-pagination span{display:inline-block;margin:0 20px;color:#fff;font-size:20px;}
.serviceWrap .swiper-pagination span{display:inline-block;margin:0 20px;color:#fff;font-size:20px;}
.serviceWrap .swiper-pagination .swiper-pagination-bullet{display:inline-block;width:200px;min-width:200px;height:54px;padding:18px 30px;margin-left:12px;border-radius:54px;font-size:16px;font-weight:400;color:#999;line-height:18px;border:1px solid #F7F7F7;background:#F7F7F7;box-sizing:border-box;}
.serviceWrap .swiper-pagination .swiper-pagination-bullet:first-child:first-child{margin-left:0;}
.serviceWrap .swiper-pagination .swiper-pagination-bullet-active {font-weight:700;color:#1A1A1A;border:1px solid #666;background:#fff;}
.serviceWrap .swiper-wrapper{margin-top: 120px;}
.serviceWrap .swiper-scrollbar{width:1200px;bottom: 102px;background:transparent;}
.serviceWrap .swiper-scrollbar-drag{background:#ddd;}


/*추천키워드*/
.keywordCotent {position:relative;width:100%; padding-bottom:120px; margin:0px auto; }
.keywordCotent .tit{font-size:32px;font-weight:800;color:#111;text-align:center;}
.keywordCotent .btnList{width:1200px;margin:32px auto 0;text-align:center;}
.keywordCotent .btnList button{display:inline-block;height:40px;padding:8px 20px;font-size:14px;font-weight:400;color:#666666;background:#F7F7F7 ;border-radius:30px; margin-right: 8px; }
.keywordCotent .btnList button.active{color:#fff;background:#FF3333;}

.keywordCotent .keytab { width: 1216px; height:486px; margin: 60px auto 0 auto; }
.keywordCotent .keywordList{position:relative;width:1026px;margin:0 auto;}
.keywordCotent .swiper-wrapper { /*width: 1056px;*/ width: 100%; height: 487px; /*margin-left: 60px;*/ transition-duration: .5s !important; }
/*.keywordCotent .slider {width:100%;}*/
.keywordCotent .swiper-button-prev, .keywordCotent .swiper-button-next {z-index:5; position:absolute; top:138px; width:40px;height:40px;color:#fff;}
.keywordCotent .swiper-button-prev{left: -40px;background:url("../images/btn/btn_keyword_prev.png") no-repeat center center;}
.keywordCotent .swiper-button-prev:hover{background:url("../images/btn/btn_keyword_prev.png") no-repeat center center;}
.keywordCotent .swiper-button-prev::before{display:none;}
.keywordCotent .swiper-button-next{right:-40px;background:url("../images/btn/btn_keyword_next.png") no-repeat center center;}
.keywordCotent .swiper-button-next:hover{background:url("../images/btn/btn_keyword_next.png") no-repeat center center;}
.keywordCotent .swiper-button-next::before{display:none;}

.keywordCotent .swiper-slide {position:relative;width:280px !important; text-align:center; margin:43px 24px 0 24px; /*margin: 0 24px;*/ transition: all .4s .2s; }
.keywordCotent .swiper-slide a{position:relative;display:inline-block;width:inherit;}
.keywordCotent .swiper-slide .state{display:block;position:absolute;right:12px;top:12px;padding:5px 8px;font-size:12px;font-weight:600;color:#fff;background:rgba(0, 0, 0, 0.4);border-radius:4px;}
.keywordCotent .swiper-slide .imgBx{max-height:200px; border-radius:15px;overflow:hidden;}
.keywordCotent .swiper-slide-active .imgBx, .keywordCotent .swiper-slide-duplicate-active .imgBx{ /*height:286px; max-height:286px;*/ }
.keywordCotent .swiper-slide .imgBx .timesaleWrap2{
    border-radius:0 0 15px 15px;
}
.keywordCotent .swiper-slide .imgBx img{width:100%;}
.keywordCotent .swiper-slide .carTxtCon{margin-top:15px;text-align:left;}

.keywordCotent .swiper-slide .carTxtCon dl.txtTit{display:flex;flex-wrap:wrap;height:71px;}
.keywordCotent .swiper-slide .carTxtCon dl.txtTit dt{ width: 100%; height: 47px; font-size:18px;font-weight:700;color:#1A1A1A;line-height:24px;}
.keywordCotent .swiper-slide .carTxtCon dl.txtTit dd{margin-top:4px;font-size:14px;font-weight:400;color:#666666;line-height:20px;}
.keywordCotent .swiper-slide .carTxtCon dl.txtTit dd::after{display:inline-block;content:'';width:1px;height:10px;margin:0 4px;background:#DDDDDD;}
.keywordCotent .swiper-slide .carTxtCon dl.txtTit dd:last-child::after{display:none;}

.keywordCotent .swiper-slide .carTxtCon .txtPrice {color:#FF3333; margin-top:16px;}
.keywordCotent .swiper-slide .carTxtCon .inst { color:#FF3333; margin-bottom:4px;}
.keywordCotent .swiper-slide .carTxtCon .unit { font-weight: 400; font-size: 20px; }
.keywordCotent .swiper-slide .carTxtCon .unit:first-child{margin-right:5px}
.keywordCotent .swiper-slide .carTxtCon .month {font-size: 14px;font-weight: 500;}
.keywordCotent .swiper-slide .carTxtCon .sale{color: rgba(177, 177, 177, 1);font-size: 14px;font-weight:400;letter-spacing: -0.01em; text-decoration: line-through; }
.keywordCotent .swiper-slide .carTxtCon .discount{color:#FF3333;font-size: 20px;font-weight: 800;}
.keywordCotent .swiper-slide .carTxtCon .price{color: rgba(177, 177, 177, 1);font-size: 14px;font-weight:400;letter-spacing: -0.01em; }
.keywordCotent .swiper-slide .carTxtCon .txtPrice .noPrice{color:#FF3333;font-size: 20px;font-weight: 800;}
.keywordCotent .swiper-slide .carTxtCon .txtPrice .newCarPrice{font-family: Pretendard;font-size:14px;line-height:19.6px;letter:-0.3%;color:#666666;}

.keywordCotent .swiper-slide .carTxtCon .badgeList{margin-top:15px;overflow:hidden;}
.keywordCotent .swiper-slide .carTxtCon .badgeList li{float:left;padding:8px;margin-left:4px;font-size:12px;font-weight:600;color:#1A1A1A;line-height:14px;background:#F5F7FA;border-radius:4px;}
.keywordCotent .swiper-slide .carTxtCon .badgeList li:first-child{margin-left:0;}
.keywordCotent .swiper-slide .carTxtCon .badgeList li.direct{background:#000000;color:#fff;}

.keywordCotent .swiper-slide .carTxtCon .discount {
    color: #FF3333;
    font-size: 20px;
    font-weight: 800;
}

.keywordCotent .swiper-slide.swiper-slide-active, .keywordCotent .swiper-slide.swiper-slide-duplicate-active {
    /*width:400px !important; margin-top: 0;*/
    transform: scale(1.1) translateY(12px);
}
.keywordCotent .swiper-slide img.active, .keywordCotent .swiper-slide-duplicate-active img.active { /*width:400px !important;*/ }
.keywordCotent .swiper-slide-duplicate-active .order-type, .keywordCotent .swiper-slide.swiper-slide-active .order-type {
    position:relative; /*width:400px !important;height:286px;*/ background-size:100%;background-position:50% 50%;background-repeat:no-repeat;
}
.keywordCotent .swiper-slide.swiper-slide-active .carTxtCon, .keywordCotent .swiper-slide.swiper-slide-duplicate-active .carTxtCon {
    transform: scale(0.9) translate(-16px, -15px);
}


.keywordCotent .swiper-slide.swiper-slide-active .order-type .car-thumb-slider{width: 100%;height: 100%;}
.keywordCotent .swiper-slide.swiper-slide-active .order-type .car-thumb-slider.type::after {
    position: absolute; bottom: 5px; left: 7px; z-index: 1;
    width: 36px; height: auto;
    background-image: none;
    padding: 5px 0; border-radius: 16px;
    text-align: center; color: white; font-weight: 600; font-size: 12px; line-height: 1;
}
.keywordCotent .swiper-slide.swiper-slide-active .order-type .car-thumb-slider.type.rent::after {
    content: '렌트'; background-color: rgba(0,0,0,1); z-index: 11;
}
.keywordCotent .swiper-slide.swiper-slide-active .order-type .car-thumb-slider.type.sale::after {
    content: '구매'; background-color: #EE2929; z-index: 11;
}

/* 테마기획전 */
.themeContent{position:relative;z-index:9;background:#fff;}
.themeContentWrap{position:relative;background:#F5F7FA;padding-top:120px;}
.themeContentWrap .mainThemeCon{ position:relative; z-index:5; display:flex; justify-content:space-between; width:1200px;margin:0 auto;}
.slideListBx{position:sticky; top:150px; left:0;width:578px; height:calc(100vh - 224px); }
.slideListBx .banThemeList{ height:calc(100vh - 180px); position:sticky; top:180px; left:0; }
.slideListBx .banThemeList .themeimage{position:absolute; right:0; bottom:20%;}
.slideListBx .banThemeList dt{font-size:24px;font-weight:500;color:#111;line-height:40px;}
.slideListBx .banThemeList .tit {margin-top:15px;font-size:48px;font-weight:700;color:#1A1A1A;line-height:60px;max-width:300px;}
.slideListBx .banThemeList .emp {color:#FF3333;}
.slideListBx .banThemeList .desc {margin-top:12px;font-size:18px;font-weight:400;color:#666666;line-height:24px;}
.slideListBx .banThemeList .icon{display:block;position:absolute;right:20px;bottom:180px;width:486px;height:268px;background:url("../images/icon/ic_car.png") no-repeat 0 0;}
.slideListBx .banThemeList .moreView:hover{background:#1a1a1a;color:#fff;}
.slideListBx .banThemeList a {position:relative;display:inline-block;margin-top:32px;width: 97px;height: 20px;padding: 8px 0 8px 16px;font-size:14px;font-weight: 500;color:#1A1A1A;border-radius:36px;border:1px solid #666;box-sizing: content-box;}
.slideListBx .banThemeList a:after{display:block;content:'';position:absolute;right: 19px;top: 13px;width: 8px;height: 8px;border: solid black;border-width: 0 1px 1px 0;display: inline-block;padding: 0px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
.slideListBx .banThemeList a:hover:after {border-color:white;}

.carThemeWrap{width:598px;height:100%;}
.carThemeList{display:flex;flex-wrap:wrap;justify-content:space-between;padding-bottom:100px;}
.carThemeList > li{position:relative;width:280px;}
.carThemeList > li:nth-child(even){margin-top:60px;}
.carThemeList > li a{display:block;padding:0 0 15px 0;border-radius:5px;}
.carThemeList li .state{display:block;position:absolute;right:12px;top:12px;padding:5px 8px;font-size:12px;font-weight:600;color:#fff;background:rgba(0, 0, 0, 0.4);border-radius:4px;}
.carThemeList li .imgBx{border-radius:15px;height:200px;overflow:hidden;}
.carThemeList li .imgBx img{width:280px;}
.carThemeList li .carTxtCon{margin-top:16px;}
.carThemeList li .carTxtCon dl.txtTit{height:71px;}
.carThemeList li .carTxtCon dl.txtTit dt{font-size:18px;font-weight:700;color:#1A1A1A;line-height:24px;}
.carThemeList li .carTxtCon dl.txtTit dd{display:inline-block;font-size:14px;font-weight:400;color:#666666;line-height:20px;margin-top:4px;}
.carThemeList li .carTxtCon dl.txtTit dd::after{display:inline-block;content:'';width:1px;height:10px;margin:0 4px;background:#DDDDDD;}
.carThemeList li .carTxtCon dl.txtTit dd:last-child::after{display:none;}

.carThemeList li .carTxtCon .txtPrice{width:100%;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;align-self:stretch; margin-top:16px;}
.carThemeList li .carTxtCon .txtPrice .bold{font-weight:800;}
.carThemeList li .carTxtCon .txtPrice .month{margin-left:4px;font-size:14px;}

.carThemeList li .carTxtCon .txtPrice .month {
    margin-left: 4px;
    font-size: 14px;
}

.order-type .carTxtCon .txtPrice {color:#FF3333; margin-top:16px;}
.order-type .carTxtCon .inst { color:#FF3333; margin-bottom:4px;}
.order-type .carTxtCon .unit { font-weight: 400; font-size: 20px; }
.order-type .carTxtCon .unit:first-child{margin-right:5px}
.order-type .carTxtCon .month {font-size: 14px;font-weight: 500;}
.order-type .carTxtCon .sale{color: rgba(177, 177, 177, 1);font-size: 14px;font-weight:400;letter-spacing: -0.01em; text-decoration: line-through; }
.order-type .carTxtCon .discount{color:#FF3333;font-size: 20px;font-weight: 800;}
.order-type .carTxtCon .price{color: rgba(177, 177, 177, 1);font-size: 14px;font-weight:400;letter-spacing: -0.01em; }
.order-type .carTxtCon .txtPrice .noPrice{color:#FF3333;font-size: 20px;font-weight: 800;}
.order-type .carTxtCon .txtPrice .newCarPrice{font-family: Pretendard;font-size:14px;line-height:19.6px;letter:-0.3%;color:#666666;}

.carThemeList li .carTxtCon .txtPrice dd{margin-top:4px;font-size:14px;font-weight:400;color:#666666;line-height:20px;}
.carThemeList li .carTxtCon .txtPrice .noPrice{color:#FF3333;font-size: 20px;font-weight: 800;}
.carThemeList li .carTxtCon .txtPrice .newCarPrice{font-family: Pretendard;font-size:14px;line-height:19.6px;letter:-0.3%;color:#666;}

.carThemeList li .carTxtCon .badgeList{margin-top:16px;overflow:hidden;}
.carThemeList li .carTxtCon .badgeList li{float:left;padding:8px;margin-left:4px;font-size:12px;font-weight:600;color:#1A1A1A;line-height:14px;background:#F5F7FA; border:1px solid #ddd; border-radius:4px;}
.carThemeList li .carTxtCon .badgeList li:first-child{margin-left:0;}
.carThemeList li .carTxtCon .badgeList li.direct{background:#000000;color:#fff; border:none;}


/* 중고차 할부금융 */
.etcContent{display:flex;justify-content:space-between;width:1200px;padding:60px 0;margin:130px auto 0;}
.etcContent .tit {}
.etcContent .conTit {color: #111;font-weight: 700;font-size: 24px;margin-bottom: 10px;}
.etcContent .subTitle { color: #666; font-size: 16px; }
.etcContent ul {display:flex;gap: 20px;width: 940px;}
.etcContent li {padding: 22px 30px;border:1px solid #ddd;border-radius: 12px;width: 300px;}
.etcContent li a {display: flex; align-items: center;}
.etcContent li img {}
.etcContent .txt {margin-left: 16px;}
.etcContent .txt strong {color: #1A1A1A;font-weight: 600;font-size: 16px;position: relative;}
.etcContent .txt strong:after {
    content: ''; position: absolute; top: 7px; display: inline-block;
    padding: 3px; border: solid #1A1A1A; border-width: 0 1px 1px 0;
    transform: rotate(-45deg); -webkit-transform: rotate(-45deg);
    margin-left: 10px;
}
.etcContent .txt p {color: #666;font-weight: 400;font-size: 14px;margin-top: 8px;}


/*.etcContent li{}
.etcContent li a{display:block;position:relative;width:380px;height:160px;padding:34px 40px 40px;box-sizing:border-box;border:1px solid #ddd;border-radius:8px;}
.etcContent li a::before{display:block;content:'';position:absolute;right:40px;top:40px;width:88px;height:88px;}
.etcContent li a:hover{border:1px solid #bbb;}
.etcContent li a:hover .banTit{color:#FF3333;}
.etcContent li a.bg1::before{background:url("../images/icon/ic_sellcar.png") no-repeat center center; background-size: contain; }
.etcContent li a.bg2::before{background:url("../images/icon/ic_insurance.png") no-repeat center center; background-size: contain; }
.etcContent li a.bg3::before{background:url("../images/icon/ic_loan.png") no-repeat center center; background-size: contain; }
.etcContent li a .banTit{display:block;margin-bottom:8px;font-size:24px;font-weight:600;color:#1A1A1A;}
.etcContent li a .banEx{font-size:14px;font-weight:400;color:#666;line-height:22px;}*/


.quickBanner{display:flex;flex-direction:column;gap:16px;position:fixed;z-index:91;right:40px;bottom:60px;width:68px;}
.quickBanner button{width:68px;height:68px;font-size:0;line-height:0;text-indent: -9999px;border-radius: 50%;box-shadow:7px 5px 21px -2px rgba(0, 0, 0, 0.20);}
.quickBanner .btnTop{background:#fff url("../images/btn/btn_top.png") no-repeat center 12px ; text-indent:0; font-size:16px; font-weight:600;padding-top:24px;}
.quickBanner .btnSimpleConsult {text-indent:0;font-weight:600;font-size:16px;line-height:108%;letter-spacing:1px;color:#fff;background:#f33 url("../images/btn/btn_simple_consult_bg.png")no-repeat center/cover scroll;box-shadow: 2px 4px 24px 0px #00000014;}
#simpleConsultation .custom-tooltip {min-height:auto;right:0;left:initial;top:-10px;}
#simpleConsultation .custom-tooltip p {line-height:20px;}
#simpleConsultation .custom-tooltip::after {left:initial;right:25px;}
.quickBanner .quickList{padding:10px;position:relative;height:68px;transition: 0.3s ease-out;overflow:hidden;width:100%;background:#fff;border-radius:68px;box-sizing: border-box;box-shadow:7px 5px 21px -2px rgba(0, 0, 0, 0.20);}
.quickBanner .quickList ul {display:flex;flex-direction: column;gap:16px;}
.quickBanner .quickList.active{padding:20px 10px 58px;height:300px;transition: 0.3s ease-out;}
.quickBanner .quickList a{position:relative;display:inline-block;width:100%;opacity:0;transition:0.3s;padding-top:44px; font-size:11px;font-weight:400;color:#1A1A1A;line-height:14px;letter-spacing: -0.05em;text-align:center;}
.quickBanner .quickList.active a {opacity:1;transition:0.3s;}
.quickBanner .quickList a:first-child{margin-top:0;}
.quickBanner .quickList a.btnQuickCar{background:url("../images/renew/quick_car.png") no-repeat center top;}
.quickBanner .quickList a.btnQuickFav{background:url("../images/renew/quick_favorites.png") no-repeat center top;}
.quickBanner .quickList a.btnQuickPrice{background:url("../images/renew/quick_estimate.png") no-repeat center top;}
.quickBanner .quickList a .num{position:absolute;right:-3px;top:0;  display: inline-block; min-width:24px;height:18px;padding:2px 5px; font-size:13px;font-weight:700;color:#fff;line-height:14px;background: #FF3333;border-radius: 18px;box-sizing: border-box;text-align: center;}

.quickBanner .btnQuick {
    width:68px;
    height:68px;
    position:absolute;
    bottom:0;
    left:0;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:none;
    background-color:#fff;
}
.quickBanner .btnQuick span {
    background: #fff url("../images/btn/btn_close_bk.png") no-repeat center center/24px;
    width:48px;
    height:48px;
    display:block;
    box-shadow:none;
    border:1px solid transparent;
    border-radius:50%;
    transform:rotate(45deg);
    transition:transform 0.3s ease-out;
}


.quickBanner .quickList.active .btnQuick span {
    border-color:#f4f4f4;
    transform:rotate(0deg);
    transition:transform 0.3s ease-out;
}

/*main에서만 사용하는 style만 추출해서 css파일 안불러오도록 정리*/
/*from pc/css/common_new.css*/
/** {margin:0;padding:0;box-sizing:border-box; font-family:"Pretendard", "Pretendard Variable"; letter-spacing : -0.02em;}*/
/*html, body, h1, h2, h3, h4, h5, h6, input, select, textarea, button, a { line-height:1.5;color:#1A1A1A;font-size:14px;font-weight:400;-webkit-font-smoothing:antialiased;}*/
body {background:#fff;}
::-webkit-scrollbar {
    width: 5px;
}
::-webkit-scrollbar-thumb {
    background: #D9D9D9; /* 스크롤바 색상 */
    border-radius: 50px; /* 스크롤바 둥근 테두리 */
}

::-webkit-scrollbar-track {
    display: none;
}
img {border:0;max-width:100%;}
li {list-style:none;}
a {border:0;text-decoration:none;color:#1A1A1A;transition: all 0.1s;}
button {border:0;background:0;cursor:pointer;outline:none;transition: all 0.1s;}
.ir {display:inline-block;text-indent:-9999px;overflow:hidden;text-align:left;background-repeat:no-repeat;background-position:50% 50%;}
.layout--wrap {min-width:1300px;}
h3 {
    font-size: 40px;
    font-weight: 800;
}
button:disabled:not(.btn-filter) {background:#999999 !important;color:#fff !important;cursor:default !important;}
.layer_popup_wrappper {position:fixed;top:0;right:0;left:0;bottom:0;background-color: rgba(0,0,0,0.6);width:100%;height:100%;overflow-x:hidden;overflow: hidden;/*overflow-y:auto;*/-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-user-drag:none;z-index:100021;display:none}
.footer-content {
    background: #fff;
}
.footer-inner, .footer-cs {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}
.footer-inner {
    display: flex;
    justify-content: space-between;
    padding: 48px 0 80px;
}
.footer-info{
    font-size: 12px;
}
.footer-info li {
    margin-bottom: 8px;
}
.footer-info li span {
    display: inline-block;
    position: relative;
    font-size: 16px;
    padding-right: 12px;
    margin-right: 12px;
}
.footer-info li span b {
    font-weight: 700;
}
.footer-info li span:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 12px;
    background-color: #999;
    transform: translateY(-50%);
}
.footer-info li span:last-child::after {
    display: none;
}
.footer-content .footer-link ul {
    margin: 24px 0 0;
    display:flex;
    flex-wrap: wrap;
}
.footer-content .footer-link ul li{
    position: relative;
    padding: 0px 8px;
}
.footer-content .footer-link ul li:first-child {
    padding-left: 0px;
}
.footer-content .footer-link ul li:last-child {
    padding-right: 0px;
}
.footer-content .footer-link ul li:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 14px;
    background-color: #e6e6e6;
    transform: translateY(-50%);
}
.footer-content .footer-link ul li:last-child:after {
    content: '';
}
.footer-content .footer-link ul li a {
    font-size: 16px;
    display: block;
    text-align: center;
}
.qr-wrap {
    text-align: center;
}
.qr-wrap .img-wrap {
    width: 86px;
    height: 86px;
    margin: 0 auto;
}
.qr-wrap dl {
    margin-top: 16px;
}
.qr-wrap dt {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 4px;
}

/*from https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css*/
:root {
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1
}
.animate__animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

/* from pc/css/sub.css*/
.swiper-pagination-bullet {
    opacity: 1;
    width: 5px;
    height: 5px;
    background: #999
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #f33
}


/* from pc/css/car_incert.css*/
.swiper-pagination-bullet {
    opacity: 1;
    width: 5px;
    height: 5px;
    background: #999
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #f33
}

/* from pc/css/popup.css*/
.preloader {position: fixed;left:0;top:0;z-index: 110; display: flex;justify-content: center;align-items: center;width: 100%;height: 100vh;}


/* from pc/css/aos.css*/
[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos] {
    transition-duration: 1.2s
}
[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos] {
    transition-delay: 0
}
[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos] {
    transition-timing-function: ease
}

[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos] {
    transition-timing-function: ease-in
}
[data-aos^=fade][data-aos^=fade] {
    opacity: 0;
    transition-property: opacity,transform
}

[data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 1;
    transform: translateZ(0)
}

[data-aos=fade-up] {
    transform: translate3d(0,100px,0)
}

[data-aos=fade-down] {
    transform: translate3d(0,-100px,0)
}

[data-aos=fade-right] {
    transform: translate3d(-100px,0,0)
}

[data-aos=fade-left] {
    transform: translate3d(100px,0,0)
}

/* from pc/css/et_ux.css*/
.ico-timesale {background: url('../images/icon/ico-timesale.svg') center;background-size: 16px auto;width: 16px;height: 16px;}
.timesaleWrap .time, .timesaleWrap2 .time { font-family: inherit; font-weight: 700; font-size:12px; }

.timesaleWrap2 {position: absolute;left:0px;bottom:0px;height: 32px;color:#fff;display: flex;align-items: center;justify-content: center;gap: 5px;z-index: 10;    font-size:14px;    box-sizing: border-box;    letter-spacing: -0.5px;    overflow: hidden;    width: 100%; padding-left:20px;}
.timesaleWrap2:before {width: 100%;height: 100%;position: absolute;top:0;left:0;content: '';background:#9eb0d4; z-index: -1;}

@media (max-width: 1500px) {
    .keywordCotent .swiper-button-prev{left: -40px;}
    .keywordCotent .swiper-button-next{right: -40px;}
}



@keyframes downScroll{
    0%{
        transform: translateY(10px);
    }
    50%{
        transform: translateY(0);
    }
    100%{
        transform: translateY(10px);
    }
}

@keyframes txtLeft2 {
    0% {
        width: 100%;

    }

    50% {
        width: 100%;

    }

    100% {

        width: 65%;
    }
}

@keyframes txtLeft3 {
    0% {

        transform: translateX(150px);
        opacity: 0;
    }

    100% {

        transform: translateX(0px);
        opacity: 1;
    }
}

@keyframes txtLeft {
    0% {

        transform: translateX(-50px);
        opacity: 0;
    }

    100% {

        transform: translateX(0px);
        opacity: 1;
    }
}

@keyframes txtRight {
    0% {

        transform: translateX(50px);
        opacity: 0;
    }

    100% {

        transform: translateX(-50%);
        opacity: 1;
    }
}

@keyframes txtTop {
    0% {
        transform: translateY(30px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes quickTop {
    0% {
        transform: translateY(30px);
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes quickDown {
    0% {
        transform: translateY(0px);
    }

    100% {
        transform: translateY(30px);
        opacity: 0;
    }
}