@charset "UTF-8";
/* 유지보수용 css파일 */


/*테슬라 계약자 전용페이지_TSL000000*/

.tsl-ctr-bg {background-color: #E7F5FF;}
.tsl-ctr .tit-headline1.webee-car .tit:after{display: none;}
.tsl-ctr .info-prd.tesla .tit-wrap {display: block;}
.tsl-ctr .info-prd.tesla .tit-wrap dl {text-align: center;}
.tsl-ctr .info-prd.tesla .tit-wrap > .thumb {margin-top:10px; width:auto; height: 100px;}
.tsl-ctr .info-prd.tesla .info-con ul:first-child li {padding: 3px 0 3px 6px;}
.tsl-ctr .info-prd.tesla .info-con{margin-top: 14px;}
.tsl-ctr .tsl-bottom{width: calc(100% + 4rem);position: relative;left: -2rem;background-color: #2a2a2a;padding-bottom: 10rem;margin-top: 3rem;padding: 12px;}
.tsl-ctr ul.list-dot-md.rg {margin-top: 2rem;}
.tsl-ctr .tsl-info-wrap{display: flex;    justify-content: center;}
.tsl-ctr .tsl-info-wrap .img-box{ width: 25%; margin-right: 1.2rem;}
.tsl-ctr .tsl-info-wrap .img-box > img {width: 100%;}
.tsl-ctr .tsl-info-wrap img {width: 50px;margin-top: 15px;margin-right: 2rem; padding: 1.2rem 0;}
.tsl-ctr .step-guide1 .num_count { position: absolute; left: 0;top: 3px;font: var(--w-typography-h6-700);color: var(--w-color-text-default-01)}
.tsl-ctr .step-guide1 ol li .txt > strong{color: var(--w-color-text-default-04);}
.tsl-ctr .tit-headline1.webee-car p{font: var(--w-typography-h5-600);}
.tsl-ctr .tsl-loan-limit {display: flex; justify-content: space-between;}
.tsl-ctr .img-box {width: 50%; max-width: 154px; display: flex; align-items: center;}

.tsl-ctr .info-con3 li{border-bottom: var(--w-borderWidth-01) solid var(--w-color-border-default-05); padding: 6px 0;}
.tsl-ctr .info-con3 > p { padding: 0.6rem 0 0.6rem;text-align: right;opacity: 0.6;}
.tsl-ctr .info-wrap{display: flex;}
.tsl-ctr .tooltip{z-index: 10;width: 28px; height: 20px;background: url(../img/icon/modeComp/base/info.svg) no-repeat 3px 2px; -webkit-mask-image: none;}
.tsl-ctr .tsl-info-txt {padding: 0.6rem 0 0.6rem;text-align: right;opacity: 0.6;}


/*렌터카 상세페이지_URTRD0200_250514*/
.rentacar-swiper { width: 100%;flex: none;}
.nc-tab-wrap + .car-desc {margin-top: 0;}

.swiper.rentacar-swiper .swiper-pagination.swiper-pagination-fraction{position:absolute;left:inherit;left:20px;bottom:20px;display:inline-block;width:44px;height:20px;padding:3px 6px;color:var(--w-color-text-onAccent-02);line-height:15px;font-size:11px;border-radius:var(--radius24);background:var(--w-color-surface-toastBg-enabled);}
.swiper.rentacar-swiper .swiper-pagination.swiper-pagination-fraction .swiper-pagination-current{color:var(--w-color-text-onAccent-01);}
.rentacar-select{display: flex;}
.rentacar-select {flex-wrap: nowrap;overflow: visible;overflow-x: auto;flex: none;position: relative;width: calc(100% + 40px);height: auto;margin: 20px 0 30px -20px}
.rentacar-select .form-group{margin-top: 0; background: #fff;}
.rentacar-select .form-group > i {width: 60px; height: 60px; background-color: #F6F6F6;}
.rentacar-select .form-group:nth-child(1) > i {    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.9rem;
    font-weight: 700;}
.rentacar-select .form-group:nth-child(1) {margin-left: 20px;}
.rentacar-select .form-group [type=radio]:checked ~ span {color: #000;font-weight: 800;}
.rentacar-select .form-group [type=radio] ~ span:before{width:60px; height: 60px; border-radius: 60px; top: 10px; left: 2px;    border: 1px solid #333;}

.list-car1 li .txt .cost{margin-top: 3px;}
.list-car1 li .txt .cost span{    color: #0050ff;}
.badge-wrap .solid .rst{background:#10314b; color:#fff; padding: 3px 8px;}
span.bg-direct {background: #E9F4FF;color: #0565F0;}
.list-car1 li .txt .name{    color: #111;font-size: 0.956rem;font-weight: 600;}
.badge-wrap .solid .direct { background-color: #E9F4FF;color: #0565F0;padding: 3px 8px;font-size: 12px;border-radius: 30px;}
.list-car1 .cs-tit-wrap{margin-top: 8px;display: flex;align-items: center;}
.list-car1 .cs-tit-wrap .ico-speed { display: inline-block;width: 17px; height: 16px;margin-right: 4px;background-size: contain; background-position: center; background-repeat: no-repeat;background-image: url(../img/dummy//ico-speed.png);}

.floating-rentacar {position: fixed;bottom:2rem;left:0; z-index: 2; width: 100%; display: flex;justify-content: center;}
.floating-rentacar > a {display: flex;justify-content: center; width: 240px; border-radius: 20px;height: 50px; line-height: 50px; border-radius: 30px;background-color: #1E242B;color: #efefef;}
.floating-rentacar > a > p {margin: 0 17px 0 10px;font-weight: 500;}
.floating-rentacar .ico-rentacar{ background: url(../img/dummy/ico-rentacar.png) no-repeat 0px 12px;width: 26px;background-size: contain;}
.floating-rentacar .ico-rentacar-arrow{    background: url(../img/dummy/ico-rentacar-arrow.png) no-repeat 0px 18px;width: 8px;background-size: contain;;}