@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;;}

/*폴스타 계약자 전용 페이지 250708*/
.underline-highligt {background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));background-size: 100% 0.5em;background-repeat: no-repeat;background-position: 0 100%;}
.pst .tit-headline1 .desc2 {padding-top: 10px;font: var(--w-typography-b1-dense-700);color: var(--w-color-text-default-01);}
.pst .tit-headline1 .info-prefer-txt:not(ul){padding-left:8px;margin-top: 4px; font: var(--w-typography-d1-500); }
.pst .tit-headline1 .info-prefer-txt:not(ul):before{content: '';left: 0; top: 7px; width: 4px; height: 4px;background: var(--w-color-text-default-04); border-radius: 50%;}
.order-details + p.desc2 {color: var(--w-color-text-default-03);margin-top: 1rem;}
.pst .info-option-car1 li.prd-car > div:first-of-type + div a:after{display: none;}

.pst .info-option-car1 li > div:first-of-type + div a {padding-right: 0;}
.pst .order-details ul li {display: flex;align-items: center; justify-content: space-between;padding: 6px 0;font: var(--w-typography-b1-500);color: var(--w-color-text-default-04);}
.pst .order-details ul li:nth-child(n+3):nth-child(-n+5) {padding: 9px 0 0 4px;}
.pst .order-details ul li:nth-child(2){ color:#333;}
.pst .order-details ul li:nth-child(3) {padding:5px 0 0 4px!important;}
.pst .order-details {padding:1.2rem 0 1.4rem; border-top:var(--w-borderWidth-01) solid var(--w-color-border-default-05);; border-bottom:var(--w-borderWidth-01) solid var(--w-color-border-default-05); margin-top: 2rem;}

.pst .area-action > [class*="btn-"] {border-radius:0;}
.pst [class^=btn-action] {background-color: #000; border-radius: 0;}

.pst .form-group-item[data-mode="readonly"]:before{    border: 1.5px solid #ededed;}
.pst dl.form-group-item{border-radius: 0;}
.pst dl.form-group-item + p.desc2 {color: var(--w-color-text-default-03); margin:12px 0;}
.pst .form-group-item > dd {padding: 16px 20px;}

.pst .label-btn1{display: grid;grid-template-columns: repeat(3, 1fr);grid-template-rows: repeat(2, auto);gap: 10px;}
.pst .label-btn1 .form-group + .form-group{margin-left: 0;}
.pst .label-btn1 .form-group [type=checkbox]:checked + span:before { border: 1.5px solid #ededed}
.pst .label-btn1 .form-group [type=radio]:checked + span:before{    border: 1.5px solid #000!important; border-radius: 0;}
.pst .label-btn1 .form-group span::before {content: '';display: block;position: absolute; left: 0;top: 0;right: 0; bottom: 0; border:1.5px solid #ededed;border-radius:0;}
.pst .label-btn1 .form-group [type=checkbox] + span,.pst .label-btn1 .form-group [type=radio] + span{background-color: #fff;}

.pst .tab-radio1{padding:0 ; background: none; border-radius: 0;margin-bottom: 10px;}
.pst .tab-radio1 label input + span{width: 100%; border-radius: 0;border: 1px solid #dedede;}
.pst .tab-radio1 label input:checked + span{box-shadow: none; border:1.5px solid #000;}
.pst .tab-radio1 label input + span:before{background: none;}
.pst dl.form-group-item:before{border-radius: 0;}
.pst [data-input-type=cash][data-mode="readonly"]  {background: #f9f9f9;}
.pst .form-group-item[data-mode="readonly"] dd .text{font: var(--w-typography-h5-dense-600); color: var(--w-color-text-default-02);}
.pst .label-btn1.fl-bk {display: flex;}
.pst .form-group-tab.label-btn1.sm.fl-bk span { background-color: #F1F3F5;}
.pst .form-group-tab.label-btn1.sm.fl-bk span::before{ border: 1.5px solid #F1F3F5;}
.pst .form-group-tab.label-btn1.sm.fl-bk [type=radio]:checked { border: 1.5px solid #000;}

.pst .form-group-wrap section{display: none;}
.pst .label-btn1.fl-bk .form-group [type=radio]:checked + span{background: #000;color: #fff;border-radius: 0;}
.pst .input-group div {display: flex;align-items: flex-end;margin-left: 6px;}

.pst .tit-sub1 .tooltip {background: url(../img/icon/modeComp/base/ico-info.svg) no-repeat 2px 2px;-webkit-mask-image: none;}

.pay-row {display: flex;justify-content: space-around;align-content: baseline;margin-bottom: 1rem;padding: 20px;background-color: #f5f5f5;gap: 9px;}
.pay-label {display: flex;align-items: center;white-space: nowrap;font: var(--w-typography-h5-600); color: var(--w-color-text-default-01);}
.pay-label p{margin-left: 3px;  font: var(--w-typography-b2-dense-400); color: var(--w-color-text-default-03); letter-spacing: -0.05rem;}
.pay-won { display: flex;text-align: right;align-items: center;justify-content: flex-end;}
.pay-won input{text-align: right;    font-weight: 800;}

.pst .area-action .btn-action span{justify-content: left; padding-left: 16px;}
.pst .area-action .btn-action span::after { background: url(../img/icon/modeComp/base/ico-arrow.svg) no-repeat 7px 3px; content: '';width: 30px; height: 20px;}

.pst ul.btn-tabs {display: flex; justify-content: space-between;}
.pst ul.btn-tabs li { text-align: center;border: 1.5px solid #000;width: 32%;display: block;height: 48px; line-height: 48px;    font-weight: 500;box-sizing: border-box;}
.pst ul.btn-tabs li.active {background-color: #000;color: #fff;}
.pst .tab-cont {margin-top: 2rem;}

.pst .form-group-item.calendar dd div:before, .form-group-item2.calendar dd div:before{-webkit-mask-image: url(../img/icon/modeComp/base/ico-arrow.svg);}
.pst dl.form-group-item.mail .input-btn1{position: relative;}
/*.pst dl.form-group-item.mail .input-btn1::after {background: url(../img/icon/modeComp/base/select-down.svg) no-repeat 7px 3px; content: ''; width: 26px;height: 20px; position: absolute; right: 0;top: -2px;}*/

.pst .info-accordion2 {border-radius: 0; background-color: #f8f8f8; border:none}
.pst .area-action .btn-center span{justify-content: center;padding-left: 0;}
.pst .area-action .btn-center span::after{display: none;}

.pst .limit-result{    padding: 1.2rem 0 1.4rem;border-top: var(--w-borderWidth-01) solid var(--w-color-border-default-05); border-bottom: var(--w-borderWidth-01) solid var(--w-color-border-default-05); margin-top: 1rem;}
.pst .limit-result li {display: flex; align-items: center;justify-content: space-between;font: var(--w-typography-b1-500);margin-bottom:14px;}
.pst .limit-result li:last-child { margin-bottom: 0;}
.pst .limit-result li div:first-child {color: var(--w-color-text-default-03);}
.blue_02{color: #2589f4;}
.pst .limit-result + p.desc2 {color: var(--w-color-text-default-03); margin-top: 1rem;}
.pst .result-caution:not([data-toggle="box"]) .tit { border-bottom: 0; background-color: #f2f2f2; padding: 1rem 0.6rem; margin: 1rem 0;color: var(--w-color-text-default-03);font: var(--w-typography-b2-600);}

.pst .line-modal .modal-content{width: calc(100% - 2rem);}
.pst .line-modal .modal-header .modal-title {width: 100%;border-bottom: 1px solid;padding-bottom: 1rem;}

.pst .modal-content{border-radius: 0;}
.pst .search.form-group-item {border-radius: 0;}
.pst .tit-headline1.webee-blue .tit:after{width: 0;}
.pst .terms-list .label-check1{border-radius: 0;}
.pst .info-con3{border-radius: 0;}
.pst .label-box1, .pst .label-box2{border-radius: 0;}
.pst  .info-state2{border-radius: 0;}
.pst .info-space4.bgbox{border-radius: 0;}
.pst [class^=btn-][class*=-md]{border-radius: 0;}
.label-btn2 .form-group input:checked + span:before{border: var(--w-borderWidth-02) solid var(--modeGray-900);}

.pst .terms-list .label-check1 .term-list-btn:before{    background: url(../img/icon/modeComp/color/icon_check-off-square.svg) center no-repeat;}
.pst .label-check1 label input[type="checkbox"] + span:before { background-image: url(../img/icon/modeComp/color/icon_check-off-square.svg);}
.pst .label-check1 label input[type="checkbox"]:checked + span:before {background-image: url(../img/icon/modeComp/color/icon_check-on-square.svg);}
.pst .label-box1 .form-group input + span:before, .pst .label-box2 .form-group input + span:before {background-image: url(../img/icon/modeComp/color/icon_check-off-square.svg);}
.pst .label-box1 .form-group input:checked + span:before, .pst .label-box2 .form-group input:checked + span:before { background-image: url(../img/icon/modeComp/color/icon_check-on-square.svg);}


.pst  [class*=select-btn] li button[aria-selected="true"]:after
.pst .label-btn2 .form-group input:checked + span:after{background-color: var(--modeGrayNonOpaque-900);}
.pst .link-btn1.t1 a[aria-checked="true"]:before, .pst .link-btn1.t1 button[aria-checked="true"]:before{background-color: var(--modeGrayNonOpaque-900);}
/*폴스타 계약자 전용 페이지 끝 250708*/