@charset "utf-8";
.wrap {width: 100%;overflow: hidden;}
.wrap header{position: fixed;width: 100%;height: 4.5rem;display: flex;align-items: center;top:0;left: 0;z-index: 10;transition-duration: 0.6s;transition-property: background;}
.wrap header .container{height:100%;display: flex;justify-content: space-between;align-items: center;}
.wrap header .logo-box{background-image: url("../images/logo.svg");background-repeat:no-repeat;background-size:cover;width: 10.375rem;height: 1.875rem;transition-duration: 0.6s;transition-property: background-image;}
.wrap header .client-login{height: 2.625rem;flex-shrink: 0;border-radius: 6.1875rem;border: 1px solid var(--white-op-70, rgba(255, 255, 255, 0.70));background-color: var(--black-op-50);color: var(--white-op-100, #FFF);text-align: center;font-family: var(--Pretendard);font-size: 16px;font-style: normal;font-weight: 500;    line-height: 1;padding: 0.7375rem 1.125rem 0.5875rem;transition-duration: 0.3s;transition-property: background-color;}
.wrap header .client-login:hover{background-color: var(--white-op-20);}
.wrap header[data-color='white']{background: var(--white-op-40);backdrop-filter: blur(0.4375rem);}
.wrap header[data-color='white'] .client-login {border: 1px solid var(--black-op-40);background: var(--white-op-10);color: var(--black-op-60, rgba(0, 0, 0, 0.60));}
.wrap header[data-color='white'] .client-login:hover{background: var(--black-op-5);}
.wrap header[data-color='white'] .logo-box{background-image: url("../images/logo-color.svg");}
.wrap header[data-color='black']{background: var(--black-op-20);backdrop-filter: blur(0.4375rem);}
.wrap header[data-color='black'] .client-login {border: 1px solid var(--white-op-70, rgba(255, 255, 255, 0.70));color: var(--white-op-100, #FFF);}
.wrap header[data-color='black'] .client-login:hover{background: var(--white-op-20);}
.wrap header[data-color='black'] .logo-box{background-image: url("../images/logo.svg");}


.wrap .big-banner{width: 100%;height: 62.5rem;background-image:url("../images/top-bg.png");background-repeat: no-repeat;background-position: center;background-size: cover;}
.wrap .big-banner .container{height:100%;}
.wrap .big-banner .text-box{ position: absolute;bottom: 10.25em;left: 0;}
.wrap .big-banner .text-box p{color: var(--white-op-100, #FFF);font-family: var(--Pretendard);font-size: 4.5rem;font-style: normal;font-weight: 700;line-height: normal;letter-spacing: -0.02em;}
.wrap .big-banner .market-box{margin-top: 3rem;display: flex;justify-content:flex-start;column-gap: 1.6875rem;}
.wrap .big-banner .market-box > a {background-color: rgba(0,0,0,.4);display: inline-flex;border-radius: 2.4375rem;transition-duration: 0.3s;transition-property: background-color;}
.wrap .big-banner .market-box > a:hover {background-color: rgba(255,255,255,.1);}
.wrap .big-banner .market-box > a.mobile{display: none;}

.wrap .section-box{}

.wrap .subtitle_20R {color: var(--black-op-80, rgba(0, 0, 0, 0.80));font-family: var(--Pretendard);font-size: 1.25rem;font-style: normal;font-weight: 400;line-height: 1.5;}
.wrap .subtitle_20M{color: var(--white-op-80, rgba(255, 255, 255, 0.80));text-align: center;font-family: var(--Pretendard);font-size: 1.25rem;font-style: normal;font-weight: 500;line-height: 1.5;}
.wrap .heading1_32B{color: var(--white-op-100, #FFF);font-family: var(--Pretendard);font-size: 2rem;font-style: normal;font-weight: 700;line-height: 1.5;letter-spacing: -0.02em;}

.wrap .section-box .title-box{}
.wrap .section-box .title-box h2{color: var(--gray-10, #101010);font-family: var(--Pretendard);font-size: 3.5rem;font-style: normal;font-weight: 700;line-height: normal;letter-spacing: -0.02em;}
.wrap .section-box .title-box p{margin-top: 1.25rem;}
.wrap .section-box .title-box.white h2{color: var(--white-op-100, #FFF);}
.wrap .section-box .title-box.white p{color: var(--white-op-80, rgba(255, 255, 255, 0.80));}

.wrap .section-box.section-01{padding:9.0625rem 0;}
.wrap .section-box.section-01 .list-box{display: flex;width: 100%;margin-top: 4rem;}
.wrap .section-box.section-01 .list-box .list-item{display: flex;width: 23.5rem;height: 35.625rem;flex-shrink: 0;background-size: cover;background-position: center;background-repeat: no-repeat;align-items: flex-end;justify-content: center;padding-bottom: 2.5rem;}
.wrap .section-box.section-01 .list-box .list-item:nth-of-type(1){background-image: url("../images/bg_safety.png");}
.wrap .section-box.section-01 .list-box .list-item:nth-of-type(2){background-image: url("../images/bg_trust.png");}
.wrap .section-box.section-01 .list-box .list-item:nth-of-type(3){background-image: url("../images/bg_customize.png");}
.wrap .section-box.section-01 .list-box .list-item .text-box h2{color: var(--white-op-100, #FFF);text-align: center;font-family: var(--Pretendard);font-size: 2.5rem;font-style: normal;font-weight: 700;line-height: 1.2;letter-spacing: -0.02em;}
.wrap .section-box.section-01 .list-box .list-item .text-box p{margin-top: 0.5rem;}

.wrap .section-box.section-02{width: 100%;height: 68.75rem;background-color: var(--black-op-100, #000);padding-top:11rem;position: relative;}
.wrap .section-box.section-02 .year-graph{position: absolute;top:4.875em;left: 50%;width: 1920px;transform: translateX(-50%);}
.wrap .section-box.section-02 .year-graph  img{width: 100%;height: 100%;}

.wrap .section-box.section-03{width: 100%;height: 68.75rem;background-color: var(--black-op-100, #000);background-image:url("../images/bg_section03.png");background-repeat: no-repeat;background-position: center;background-size: cover;}
.wrap .section-box.section-03 .container{display: flex;height:100%;justify-content:center;align-items: center;}
.wrap .section-box.section-03 .text-box{width: 50%;}
.wrap .section-box.section-03 h2{color: var(--white-op-100, #FFF);font-family: var(--Pretendard);font-size: 3.5rem;font-style: normal;font-weight: 700;line-height: normal;letter-spacing: -0.02em;}
.wrap .section-box.section-03 .list-box{display: flex;flex-wrap: wrap;row-gap: 1.5rem;margin-top: 2.75rem;}
.wrap .section-box.section-03 .list-box .list-item:nth-of-type(odd){width: 12.5rem;}
.wrap .section-box.section-03 .list-box .list-item:nth-of-type(even){width: calc(100% - 12.5rem);}
.wrap .section-box.section-03 .list-box .list-item h3{color: var(--white-op-80, rgba(255, 255, 255, 0.80));font-family: var(--Pretendard);font-size: 1.125rem;font-style: normal;font-weight: 400;line-height: 1.44;}
.wrap .section-box.section-03 .list-box .list-item p{color: var(--white-op-100, #FFF);font-family: var(--Pretendard);font-size: 3rem;font-style: normal;font-weight: 600;line-height: normal;letter-spacing: -0.002em;}


.wrap .section-box.section-04{width: 100%;background: var(--black-op-100, #000);padding:13.1875rem 0 16.5rem;}
.wrap .section-box.section-04 .list-box{display: flex;overflow: hidden;}
.wrap .section-box.section-04 .brand-list{display: flex;width: auto;align-items: flex-start;gap: 2.1875rem;flex-wrap: nowrap;}
.wrap .section-box.section-04 .brand-list .list-item{ width: 10rem;height: 5rem;}
.wrap .section-box.section-04 .brand-list .list-item .mark-img{width: 100%;height: 100%;overflow: hidden;margin: 0 auto;}
.wrap .section-box.section-04 .brand-list .list-item .mark-img > img{width: 100%;height: 100%;object-fit: cover;}
.wrap .section-box.section-04 .brand-list.flow-motion.clone {display: flex;}
.wrap .section-box.section-04 .brand-list.flow-motion{padding-left: 2.1875rem;}

.wrap .section-box.section-05{padding:8.375rem 0 2.5rem;}
.wrap .section-box.section-05 .title-box h2 {font-size: 2.5rem;}
.wrap .section-box.section-05 .tab-box{display: flex;column-gap: 0.75rem;margin-top: 3.5rem;}
.wrap .section-box.section-05 .tab-box .tab-item{padding:0 2.5rem;height:3.875rem;flex-shrink: 0;border-radius: 2.6875rem;background: var(--white-op-100, #FFF);color: var(--gray-10, #101010);border: 1px solid var(--gray-ed, #EDEDED);text-align: center;font-family: var(--Pretendard);font-size: 1.25rem;font-style: normal;font-weight: 600;line-height: 3.875rem;cursor: pointer;transition-duration: .6s;transition-property: background-color,color,border;}
.wrap .section-box.section-05 .tab-box .tab-item:hover{border: 1px solid var(--gray-ed, #EDEDED);background: var(--gray-f-8, #F8F8F8);}
.wrap .section-box.section-05 .tab-box .tab-item.active{background: var(--gray-10, #101010);color: var(--white-op-100, #FFF);}
.wrap .section-box.section-05 .tab-content{margin-top: 3.125rem;}

.wrap .section-box.section-05 .swiper-slide{width: 23.4375rem;display: block;}
.wrap .section-box.section-05 .swiper-slide .img-box{width: 100%;aspect-ratio: 0.62 / 1;overflow: hidden;}
.wrap .section-box.section-05 .swiper-slide .img-box img{width: 100%;height: 100%;object-fit: cover;}
.wrap .section-box.section-05 .swiper-slide .text-box{padding:2.5rem 0;}
.wrap .section-box.section-05 .swiper-slide .text-box h2{color: var(--black-op-100, #000);text-align: center;font-family: var(--Pretendard);font-size: 1.375rem;font-style: normal;font-weight: 700;line-height: 1.45;}
.wrap .section-box.section-05 .swiper-slide .text-box p{color: var(--gray-93, #939393);text-align: center;font-family: var(--Pretendard);font-size: 1.125rem;font-style: normal;font-weight: 500;line-height: 1.44;}
.wrap .section-box.section-05 .swiper-list{display: none;}
.wrap .section-box.section-05 .tab-content.drive .swiper-list.drive{display: flex;}
.wrap .section-box.section-05 .tab-content.rental .swiper-list.rental{display: flex;}


.wrap .section-box .swiper-next{width:4rem;height: 4rem;border-radius: 100%;border:1px solid var(--gray-ed);position: absolute;top: 50%;right: -2.5rem;z-index: 10;cursor: pointer;display: flex;align-items: center;justify-content: center;transform: translateX(100%);background-image: url("../images/icons/icon-arrow.svg");background-size: cover;}
.wrap .section-box .swiper-prev{width:4rem;height: 4rem;border-radius: 100%;border:1px solid var(--gray-ed);position: absolute;top: 50%;left: -2.5rem;z-index: 10;cursor: pointer;display: flex;align-items: center;justify-content: center;transform: translateX(-100%) rotate(180deg);background-image: url("../images/icons/icon-arrow.svg");background-size: cover;}
.wrap .section-box .swiper-button{background-color:var(--white-op-100);transition-duration: 0.6s;transition-property: background-color,opacity;}
.wrap .section-box .swiper-button:hover{background-color: var(--gray-f-8);}
.wrap .section-box .swiper-button-disabled{opacity: 0;pointer-events: none;}



.wrap .section-box.section-06{width: 100%;background: #F7F7F7;padding:8.3125rem 0 8.625rem;}
.wrap .section-box.section-06 .title-box h2 {font-size: 2.5rem;}
.wrap .section-box.section-06 .swiper-list {margin-top: 3.5rem;}
.wrap .section-box.section-06 .swiper-slide {width: 36.75rem;height: 21.1875rem;flex-shrink: 0;border-radius: 1.25rem;background: var(--white-op-100, #FFF);padding:2rem;}
.wrap .section-box.section-06 .swiper-slide .title-box{border-bottom: 1px solid var(--gray-ed, #EDEDED);padding-bottom: 1rem;}
.wrap .section-box.section-06 .swiper-slide .title-box .name{color: #000;font-family: var(--Pretendard);font-size: 1.5rem;font-style: normal;font-weight: 500;line-height: 1.5;}
.wrap .section-box.section-06 .swiper-slide .title-box .type{font-family: var(--Pretendard);font-size: 1.125rem;font-style: normal;font-weight: 500;line-height: 1.44;margin-top: 0.25rem;}
.wrap .section-box.section-06 .swiper-slide .title-box .type.drive{color: var(--pri-70, #7590F4);}
.wrap .section-box.section-06 .swiper-slide .title-box .type.rental{color: var(--green-70);}
.wrap .section-box.section-06 .swiper-slide .title-box .type.carrier{color: var(--sec-70);}
.wrap .section-box.section-06 .swiper-slide .text-box p{color: var(--gray-3-c);font-family: var(--Pretendard);font-size: 1.125rem;font-style: normal;font-weight: 400;line-height: 1.77;padding:1rem 0;min-height: 9.99rem;}
.wrap .section-box.section-06 .swiper-slide .text-box .info-box{color: var(--gray-a-7);font-family:var(--Pretendard);font-size: 1rem;font-style: normal;font-weight: 400;line-height: 1.5;}
.wrap .section-box.section-06 .swiper-slide .text-box .info-box .address::after{content:'|';display: inline-block;    padding: 0 0.2em;}

.wrap .flow-motion.motion-left.original {animation: rollingleft1 100s linear infinite;}
.wrap .flow-motion.motion-left.clone {animation: rollingleft2 100s linear infinite;}
.wrap .flow-motion.motion-right.original {animation: rollingright1 100s linear infinite;}
.wrap .flow-motion.motion-right.clone {animation: rollingright2 100s linear infinite;}

@keyframes rollingleft1 { 0% { transform: translateX(0); } 50% { transform: translateX(-100%); } 50.01% { transform: translateX(100%); } 100% { transform: translateX(0); } }
@keyframes rollingleft2 { 0% { transform: translateX(0); } 100% { transform: translateX(-200%); } }
@keyframes rollingright1 { 0% { transform: translateX(0); } 50% { transform: translateX(100%); } 50.01% { transform: translateX(-100%); } 100% { transform: translateX(0); } }
@keyframes rollingright2 { 0% { transform: translateX(-200%); } 100% { transform: translateX(0%); } }


.wrap .banner-box{width: 100%;background: var(--black-op-100, #000);height: 14rem;display: flex;align-items: center;}
.wrap .banner-box .text-box{display: flex;justify-content: space-between;align-items: center}
.wrap .banner-box .text-box h2 {}
.wrap .banner-box .market-box{display: flex;justify-content:flex-start;column-gap: 1.6875rem;}
.wrap .banner-box .market-box > a {background-color: rgba(0,0,0,.4);display: inline-flex;border-radius: 2.4375rem;transition-duration: 0.3s;transition-property: background-color;}
.wrap .banner-box .market-box > a:hover {background-color: rgba(255,255,255,.1);}
.wrap .banner-box .market-box > a.mobile{display: none;}

.wrap footer{padding:3rem 0 2.75rem;}
.wrap footer .footer-content{display: flex;justify-content: space-between;}
.wrap footer address{color: var(--gray-93, #939393);font-family: var(--Pretendard);font-size: 0.875rem;font-style: normal;font-weight: 400;line-height: 1.71;margin-top: 2.125rem;}
.wrap footer .copyright{color: var(--gray-c-2);font-family: var(--Pretendard);font-size: 0.875rem;font-style: normal;font-weight: 400;line-height: 1.71;margin-top: 3.75rem;}
.wrap footer .button{display:flex;align-items:center;border-radius: 0.625rem;border: 1px solid var(--gray-d-9, #D9D9D9);padding:0.8125rem 1.3125rem;}
.wrap footer .button .text-box{margin-left: 0.8125rem;}
.wrap footer .button .text-box .t-box{display: block;color: var(--gray-10, #101010);font-family: var(--Pretendard);font-size: 0.875rem;font-style: normal;font-weight: 600;line-height: 1.42;}
.wrap footer .button .text-box .time{display: block;color: var(--gray-93);font-family: var(--Pretendard);font-size: 0.875rem;font-style: normal;font-weight: 400;line-height: 1.42;}
.wrap footer .button .text-box .time em{color: var(--gray-55, #555);font-weight: 500;}


@media screen and (max-width: 1400px) {
    .wrap .section-box.section-02 .year-graph {transform: translateX(-53%);}
    .wrap .section-box.section-03 .text-box {text-align: center;}
}
@media screen and (max-width: 1200px) {
    .dummy{display: none !important;}
    .mobile-only{display: block}
    .mt-64 {margin-top: 1.5rem;}
    .mt-88 {margin-top: 3.6875rem;}
    .wrap header {height: 3.625rem;}
    .wrap header .logo-box{width: 7.625rem;height: 1.375rem;}
    .wrap header .client-login {height: 1.875rem;font-size: 0.75rem;line-height: 1.4;padding: 0.375rem 0.875rem;}

    .wrap .big-banner {height: auto;aspect-ratio: 1.11 / 1;position: relative;}
    .wrap .big-banner::before {content:'';background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);position: absolute;top:0;left: 0;width: 100%;height: 100%;display: block;}
    .wrap .big-banner .text-box {width: 100%;bottom: 5.5em;left: 0;text-align: center;}
    .wrap .big-banner .text-box p {font-size: 2.5rem;text-align: center;}
    .wrap .big-banner .market-box {margin-top: 2rem;justify-content: center;}
    .wrap .big-banner .market-box > a.mobile{display: inline-flex;}
    .wrap .big-banner .market-box > a:not(.mobile){display: none;}

    .wrap .section-box .title-box h2 {font-size: 2rem;}
    .wrap .subtitle_20R {font-size: 1rem;word-break: keep-all;}
    .wrap .subtitle_20M {font-size: 1rem;}

    .wrap .section-box.section-01 {padding: 2.875rem 0;}
    .wrap .section-box.section-01 .list-box {margin-top: 1.5rem;}
    .wrap .section-box.section-01 .list-box .list-item {width: 23rem;height: auto;aspect-ratio: 0.66 / 1;padding-bottom: 2rem;}
    .wrap .section-box.section-01 .list-box .list-item .text-box h2 {font-size: 2rem;}
    .wrap .section-box.section-02 {height: auto;padding: 3rem 0 2rem;}
    .wrap .section-box.section-02 .year-graph {position: relative;width: 100%;height: auto;transform: none;top: 0;left: 0;}


    .wrap .section-box.section-03 {height: 48.75rem;}
    .wrap .section-box.section-03 h2 {font-size: 2rem;}
    .wrap .section-box.section-03 .container {flex-direction: column;row-gap: 7.4375rem;}
    .wrap .section-box.section-03 .text-box {width: 21rem;}
    .wrap .section-box.section-03 .list-box .list-item:nth-of-type(odd) {width: 50%;}
    .wrap .section-box.section-03 .list-box .list-item:nth-of-type(even) {width: 50%}
    .wrap .section-box.section-03 .list-box .list-item h3 {font-size: 0.875rem;}
    .wrap .section-box.section-03 .list-box .list-item p {font-size: 1.5rem;}

    .wrap .section-box.section-04 {padding: 4rem 0 6rem;}
    .wrap .section-box.section-04 .brand-list {gap: 0.25rem;}
    .wrap .section-box.section-04 .brand-list.flow-motion {padding-left: 0.25rem;}
    .wrap .section-box.section-04 .brand-list .list-item {width: 6rem;height: 3rem;}



    .wrap .section-box.section-05 {padding:4rem 0 2.4375rem;}
    .wrap .section-box.section-05 .container{padding:0;}
    .wrap .section-box.section-05 .title-box{padding:0 1.5rem;}
    .wrap .section-box.section-05 .title-box h2 {font-size: 2rem;}
    .wrap .section-box.section-05 .tab-box {column-gap: 0.5rem;margin-top: 1.5rem;}
    .wrap .section-box.section-05 .tab-box .tab-item {padding: 0 1rem;height: 2.25rem;border-radius: 2.6875rem;font-size: 0.875rem;line-height: 2.25rem;}
    .wrap .section-box.section-05 .driveSwiper {padding: 0 1.5rem;}
    .wrap .section-box.section-05 .rentalSwiper {padding: 0 1.5rem;}
    .wrap .section-box.section-05 .tab-content {margin-top: 1.5rem;}
    .wrap .section-box.section-05 .swiper-slide .text-box {padding: 1.0625rem 0;}
    .wrap .section-box.section-05 .swiper-slide .text-box h2 {font-size: 1rem;}
    .wrap .section-box.section-05 .swiper-slide .text-box p {font-size: 0.875rem;margin-top: 0.6875rem;}

    .wrap .section-box.section-06 .title-box h2 {font-size: 2rem;}
    .wrap .section-box.section-06 {width: 100%;background: #F7F7F7;padding: 4rem 0;}
    .wrap .section-box.section-06 .reviewSwiper  {overflow: visible !important;}
    .wrap .section-box.section-06 .swiper-list {margin-top: 1.5rem;}
    .wrap .section-box.section-06 .swiper-slide {width: 15.375rem;height: auto;padding: 1.5rem;}
    .wrap .section-box.section-06 .swiper-slide .title-box .name {font-size: 1.125rem;}
    .wrap .section-box.section-06 .swiper-slide .title-box .type{font-size: 0.75rem;}
    .wrap .section-box.section-06 .swiper-slide .text-box p {font-size: 0.875rem;padding: 0.75rem 0;min-height: 13.8rem;}
    .wrap .section-box.section-06 .swiper-slide .text-box .info-box {font-size: 0.75rem;}


    .wrap .heading1_32B {font-size: 1rem;}
    .wrap .banner-box .text-box {flex-direction: column;}
    .wrap .banner-box {height: auto;padding: 2.5rem 0;}
    .wrap .banner-box .market-box {margin-top:1.25rem;justify-content: center;}
    .wrap .banner-box .market-box > a.mobile{display: inline-flex;}
    .wrap .banner-box .market-box > a:not(.mobile){display: none;}

    .wrap footer {padding: 1.4375rem 0 4rem;}
    .wrap footer .footer-content {align-items: flex-start;flex-direction: column;}
    .wrap footer address {font-size: 0.75rem;margin-top: 1.75rem;}
    .wrap footer .button {padding: 0.75rem 1.125rem;margin-top: 1.75rem;}
    .wrap footer .copyright {font-size: 0.75rem;line-height: 1.5;margin-top: 3rem;}
    .wrap footer .button .text-box {margin-left: 0.75rem;}
    .wrap footer .button .text-box .t-box {font-size: 0.75rem;line-height: 1.5;}
    .wrap footer .button .text-box .time {font-size: 0.75rem;line-height: 1.5;}
}

@media screen and (max-width: 720px) {
    .wrap .big-banner {height: 43.75rem;aspect-ratio: auto}
    .wrap .subtitle_20R {word-break: keep-all;}
    .wrap .subtitle_20R br{display: none;}
    .wrap .section-box.section-03 .text-box {width: 100%;}

    .wrap .section-box.section-04 .brand-list {gap: 0.5rem;}
    .wrap .section-box.section-04 .brand-list.flow-motion {padding-left: 0.5rem;}
}