@charset "UTF-8";#skipNav {position: relative;}
#skipNav a {display: block;position: absolute;left: 0;top: -300px;width: 100%;text-align: center;color: #fff;background: #000;z-index: 200;}
#skipNav a:focus, #skipNav a:hover {top: 0px;}

.wrapper {width: 100%;min-height: 100vh;height: 100vh;min-height: calc(var(--vh, 1vh) * 100);height: calc(var(--vh, 1vh) * 100);padding: 0;display: flex;flex-direction: column;overflow: hidden;}
.wrapper.bg {overflow: auto;}
.header {width: 100%;height: 6rem;padding: 0 2rem;position: fixed;left: 0;top: 0;display: flex;justify-content: space-between;align-items: center;z-index: 10;background-color: #fff;border: 0.1rem solid rgba( 255, 255, 255, 0 );}
.container {position: relative;flex: 1;overflow: auto;overflow-x: hidden;}
.container .contents {position: relative;min-height: 100%;/* height: 100%; */
padding: 8rem 2rem 6rem;overflow: auto;overflow-x: hidden;}
.container .contents_car {position: relative;min-height: 100%;/* height: 100%; */
padding: 8rem 2rem  0  2rem;overflow: auto;overflow-x: hidden;}
.container .contents_0 {position: relative;min-height: 100%;/* height: 100%; */
padding: 8rem 0 6rem;overflow: auto;overflow-x: hidden;}
.st-wrap .container .contents,
.has-map .container {padding-top: 0;padding-bottom: 0;}
.footer {margin-top: -6rem;position: relative;z-index: 10;}
.nav-side {width: 100%;height: 100vh;position: fixed;top: 0;right: 0;transform: translate3d(100%, 0, 0);z-index: 10;}
/* .nav-bottom {width: 100%;height: 6rem;position: fixed;left: 0;bottom: 0;display: flex;justify-content: space-between;padding: 0 1rem;flex-wrap: nowrap;z-index: 50;background-color: #ffffff;box-shadow: 0px -1.5px 3.5px 0 rgba(51, 51, 51, 0.1); box-shadow: 0px 7px 11px 5px rgb(0 0 0 / 20%);
} */
.nav-bottom{display: flex;justify-content: space-around;position: fixed;left: 0;bottom: 0;width: 100%;height: 7rem;padding: 0 1rem;flex-wrap: nowrap;background-color:#fff;/*border-radius:1.5rem 1.5rem 0 0;*/box-shadow:0px -3px 8px #d8d8d8;z-index: 50;}
.nav-bg div{position: absolute;left: -0.6rem; width: 105%;height: 9.8rem;background: url(/assets/img/sa/navi-bg.png) center center no-repeat; background-size: 100%;}

.bottomsheets {width: 100%;min-height: 50vh;max-height: 80vh;overflow-y: auto;position: fixed;left: 0;bottom: 0;display: flex;justify-content: space-evenly;align-items: center;z-index: 10;transform: translate3d(0, 100%, 0);}
.modal-wrap {width: 100%;height: 100vh;overflow: hidden;position: fixed;top: 0;left: 0;display: none;justify-content: center;flex-direction: column;z-index: 30;}
.modal-wrap .modal-tit {width: calc(100% - 6.8rem);height: 3rem;line-height: 3rem;margin: 0;position: absolute;top: 1.4rem;left: 1.4rem;font-size: 2rem;}
.modal-wrap .modal-wrap-con {overflow-y: auto;}
.modal-wrap .modal-wrap-con .contract-scroll-y {height: 100%;overflow: hidden;overflow-y: auto;}

.alert-wrap {width: auto;min-width: 80vw;height: auto;min-height: 30vh;overflow: hidden;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);display: none;justify-content: center;align-items: center;z-index: 3;}

.dim {width: 100%;min-height: 100vh;height: 100%;display: none;position: fixed;top: 0;left: 0;background-color:#000000;opacity: 0.5 !important;z-index: 4;}
.dim.show {display: block;}
/* dim fade in&out opacity custom */
.dim.animate__fadeIn {-webkit-animation-name:fadeInDim;animation-name:fadeInDim}
.dim.animate__fadeOut{-webkit-animation-name:fadeOutDim;animation-name:fadeOutDim}
@-webkit-keyframes fadeInDim{0%{opacity:0}to{opacity:0.4}}
@keyframes fadeInDim{0%{opacity:0}to{opacity:0.4}}
@-webkit-keyframes fadeOutDim{0%{opacity:0.4}to{opacity:0}}
@keyframes fadeOutDim{0%{opacity:0.4}to{opacity:0}}

/* Modals */
.modal.modal-left .modal-content, .modal.modal-right .modal-content { height: 100%; overflow-y: auto;}
.modal.modal-left .modal-content, .modal.modal-right .modal-content, .modal.modal-top .modal-content, .modal.modal-full .modal-content {border-radius: 0;    border: none;}
/*  20221230 백그라운드 투명수정 추가  */
.modal.modal-bottom .modal-content {   background: #fff 0% 0% no-repeat padding-box; border-radius: 1.5rem 1.5rem 0 0;border: #e9e9e9;}
.modal.modal-bottom .modal-content.trans{ background: transparent;}
.modal.modal-bottom .modal-content.has-footer {    padding-bottom: 6rem;}
.modal.modal-left .modal-dialog, .modal.modal-right .modal-dialog, .modal.modal-top .modal-dialog, .modal.modal-bottom .modal-dialog {-webkit-transform: translate3d(0%, 0, 0);-ms-transform: translate3d(0%, 0, 0);-o-transform: translate3d(0%, 0, 0);transform: translate3d(0%, 0, 0);}
.modal.modal-left .modal-dialog, .modal.modal-right .modal-dialog {position: fixed; margin: auto;width: 500px;max-width: 100%;height: 100%;}
.modal.modal-left.fade .modal-dialog { left: -500px;-webkit-transition: opacity 0.3s linear, left 0.3s ease-out;-moz-transition: opacity 0.3s linear, left 0.3s ease-out;-o-transition: opacity 0.3s linear, left 0.3s ease-out;transition: opacity 0.3s linear, left 0.3s ease-out;}
.modal.modal-left .modal-body, .modal.modal-right .modal-body { max-height: calc(100vh - 13.5rem); padding: 0 2rem 4rem;}
.modal-footer-fixed {position: fixed;bottom: 0;width: 100%;background: #fff;border-radius: 0;}
.modal { position: fixed;top: 0;left: 0;z-index: 1050;display: none;width: 100%;height: 100%;overflow: hidden;outline: 0;}
.modal.alert,
.modal.confirm,
.modal.notice { z-index: 1060; background: rgba(0,0,0,.4);}
.modal.alert .modal-content,
.modal.confirm .modal-content {border-radius: 0.8rem;}

.modal.notice .modal-content {border-radius: 1.5rem;}
.modal.notice.pc .modal-content {border-radius: 1.2rem;}
.modal.notice.pc .modal-dialog {max-width: 46rem;}
.modal-content {position: relative;display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;width: 100%;pointer-events: auto;background-color: #fff;background-clip: padding-box;outline: 0;}
.modal-dialog {position: relative;width: auto;margin: 2rem;pointer-events: none;}
@media (min-width: 576px) {.modal-dialog {max-width: 500px;margin: 1.75rem auto;}}
.modal-header {display: -ms-flexbox;display: flex;-ms-flex-align: start;-ms-flex-pack: justify;justify-content: space-between;padding: 3rem 2rem;}
.modal-title {width: calc(100% - 3.2rem);margin-top: -0.5rem;font-weight: 700;margin-bottom: 0;font-size: 2rem;color: #111;line-height: 1.5;}

/* 경로찾기 */
.map-con{position: relative; margin-bottom:30px; font-weight: 700;height:60px;line-height: 1.8;font-size: 1.8rem; color: #111;;}
.map-title{position:absolute; left:0; top:0; }
/* 경로찾기 아이콘 */
.map-icon{position: absolute; right: 0; width:140px;height: 60px;}
.map-icon li{ display: inline-block; width: 60px;}
.tmap img{margin-left: 20px;}
.map-icon img{ width: 60px;}



/* 20230103수정 */
.subtit{width:100%;background-color: #eee; padding: 1.2rem 1.2rem 1.2rem 2rem ; margin-bottom: 2rem !important; font-size: 1.5rem; color: #1490EF;font-weight: 600; border-top: .1rem solid #ccc;}
.modal-header .close {padding: 1rem 1rem;margin: -1rem -1rem -1rem auto;}
.modal .modal-header .close,
.modal.modal-bottom .modal-header .close {width: 2.4rem;height: 2.4rem;position: relative;background: #fff url(/assets/img/co/btn-x.svg) center center no-repeat;background-size: 2rem;padding: 0;margin: 0;opacity: 1;}
.modal.modal-bottom .modal-header .close span {clip:rect(0 0 0 0); clip-path:inset(50%); width:1px; height:1px; overflow:hidden; position:absolute; white-space:nowrap;}
.modal.modal-bottom .modal-header {padding: 1.2rem 2rem 3rem;}
.modal-body {position: relative;-ms-flex: 1 1 auto;flex: 1 1 auto;padding: 4.8rem 3rem;overflow-y: auto;overflow-x: hidden;}
.polestarMH {padding: 1.2rem 2rem 2rem !important;}
.teslaMH {padding: 1.2rem 2rem !important;}

.modal-body.round{border-radius: 1.5rem 1.5rem 0 0 ; display: flex; justify-content: center; align-items: center;}
.modal-body > :last-child {margin-bottom: 0 !important;padding-bottom: 0 !important;}
.modal .fixed-contents {padding: 0 2rem;}
.modal-content.has-footer .modal-body {padding: 4.8rem 3rem;max-height: calc(100vh - 21rem);}
/* .modal.confirm .modal-body {padding: 0 2rem 4rem;} */
.modal.notice .modal-body {padding: 0;}

.modal.confirm .modal-body .confirm-text,
.modal.alert .modal-body .confirm-text {font-size: 1.6rem;font-weight: 700;color: #111;text-align: center;letter-spacing: -0.05em;word-break: keep-all;}
.modal.confirm .modal-body .confirm-desc,
.modal.alert .modal-body .confirm-desc {font-size: 1.4rem;font-weight: 400;color: #666;text-align: center;letter-spacing: -0.06em;padding: 1rem 0 0;}
.modal-body > *:first-child {margin-top: 0;}
.modal-footer {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-ms-flex-align: center;align-items: center;-ms-flex-pack: end;justify-content: space-between;/* border-top: 1px solid #dee2e6; */
border-bottom-right-radius: calc(.3rem - 1px);border-bottom-left-radius: calc(.3rem - 1px);}
/* .modal-footer>* {} */
.modal-footer button {flex: 1 0 50%;height: 6rem;font-size: 1.8rem;font-weight: 700;}
.modal-footer button.btn-secondary {background-color: #fff;color: #111 !important;border-top: 1px solid #ccc;}
.modal-footer button.btn-primary:disabled {color: #cccc;background-color: #f4f4f4;}
.modal-footer button.btn-secondary:disabled {color: #cccc !important;border-top: 1px #ccc solid;}
.modal.alert .modal-footer button,
.modal.confirm .modal-footer button {width: 100%;height: 5rem;font-size: 1.6rem;font-weight: 700;}
.modal.alert .modal-footer button.btn-secondary,
.modal.confirm .modal-footer button.btn-secondary {border: 1px solid #ccc;}
.modal.confirm .modal-footer button {width: 50%;}
.modal.alert .modal-footer button:first-of-type,
.modal.confirm .modal-footer button:first-of-type {border-bottom-left-radius: 0.8rem;}
.modal.alert .modal-footer button:last-of-type,
.modal.confirm .modal-footer button:last-of-type {border-bottom-right-radius: 0.8rem;}
.fade:not(.show) {opacity: 0;}
.fade {transition: opacity 5s linear;}
.modal.fade .modal-dialog {transition: -webkit-transform .9s ease-out;transition: transform .9s ease-out;transition: transform .9s ease-out,-webkit-transform .9s ease-out;-webkit-transform: translate(0,-50px);transform: translate(0,-50px);}
.modal.fade .modal-dialog {transition: -webkit-transform .9s ease-out;transition: transform .9s ease-out;transition: transform .9s ease-out,-webkit-transform .9s ease-out;-webkit-transform: translate(0,-50px);transform: translate(0,-50px);}
.nav-side {animation-duration: 1s;animation-fill-mode: both;}
.nav-side.animate__animated.show {animation-name: slideInRight;}
.modal-open .modal {overflow-x: hidden;overflow-y: auto;}
.modal .dim {z-index: 0;}
.show {display: block;}
.modal.modal-bottom.fade .modal-dialog {bottom: -100%;}
.modal.modal-bottom.fade.show .modal-dialog {border-radius: 1.5rem 1.5rem 0 0;bottom: 0;}
.modal.modal-bottom.fade .modal-dialog {bottom: -100%;-webkit-transition: opacity 0.3s linear, bottom 0.3s ease-out;-moz-transition: opacity 0.3s linear, bottom 0.3s ease-out;-o-transition: opacity 0.3s linear, bottom 0.3s ease-out;transition: opacity 0.3s linear, bottom 0.3s ease-out;}
.modal.modal-top .modal-dialog, .modal.modal-bottom .modal-dialog {position: fixed;margin: auto;width: 100%;max-width: 100%;height: auto;}
.modal.modal-left.fade.show .modal-dialog {left: 0;}
.modal.show .modal-dialog {-webkit-transform: none;transform: none;}
.modal-dialog-centered {display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;min-height: calc(100% - 1rem);}
.modal-dialog-centered::before {display: block;height: calc(100vh - 1rem);height: -webkit-min-content;height: -moz-min-content;height: min-content;content: "";border-radius:.5rem 1.5rem 0 0 ;}
.modal.modal-top .modal-content, .modal.modal-bottom .modal-content {height: auto;max-height: 80vh;max-height: calc(var(--vh, 1vh) * 80);overflow-y: auto;}

.modal-dialog.fullPage{height:100% !important;}
.modal-content.fullPage{ max-height: 100vh !important;border-radius: 0 !important; height:100% !important;}
.modal.modal-bottom .modal-content.fullPage::after{ border-radius:0 !important;}


/* 20230101 상품약관팝업 */
.modal-content.fullPage .close {width: 4rem;height: 4rem;border-radius: 0;background-color: #fff;background-size: 2.6rem 2.6rem;background-position: 50% 50%; background-repeat: no-repeat; background-image: url(/assets/img/co/btn-x.svg);display: flex;justify-content:flex-end;align-items: center; margin: 1.5rem 1.5rem 0 0 ;}
.modal-content.fullPage .next-item{ position: absolute; top:50%; display: flex; justify-content: space-between; width: 100%;}
.modal-content.fullPage .next-item button{background-color:rgba(0, 0, 0, 0.4); content: '';width: 1.8rem;height:1.8rem;content: '';  z-index: 10000;padding:2.4rem ;background-position: 50% 50%; background-repeat: no-repeat;background-size: 30%;}
.modal-content.fullPage .next-item button:nth-last-child(1) {display: block;background-image: url(/assets/img/co/arrow-right-white.svg);}
.modal-content.fullPage .next-item button:nth-last-child(2) {display: block;background-image: url(/assets/img/co/arrow-left-white.svg); }
.pagingMun{ width: 100%; padding: 0.5rem; text-align: center;}

.modal.modal-bottom .modal-content::after{ border-radius:.5rem 1.5rem 0 0 ;}
.modal.modal-top .modal-body, .modal.modal-bottom .modal-body {padding: 0 2rem 4rem 2rem;}

.modal.modal-bottom .modal-body > *:last-child.form-wrap {margin-bottom: 0;}

.modal.modal-bottom .modal-handle-bar {height:3rem;min-height: 3rem;width: 100%;position: relative;}
.modal.modal-bottom .modal-handle-bar::after {content: '';width: 6rem;height: 0.6rem;display: block;position: absolute;top: 1.2rem;left: 50%;margin-left: -3rem;border-radius: 0.3rem;background-color: #ddd;}
.modal.modal-bottom .modal-handle-pseudo {width: 6rem;height: 0.6rem;display: block;position: absolute;top: 1.2rem;left: 50%;margin-left: -3rem;border-radius: 0.3rem;background-color: transparent;z-index: 1;cursor: pointer;}
.modal.modal-bottom.parking-bottom .modal-handle-pseudo {display: none;}
.modal.modal-bottom.parking-bottom .modal-handle-bar {visibility: hidden;height: 1.8rem;}
.modal.modal-bottom.parking-bottom .modal-body {padding-bottom: 3rem;}
.modal.fade.show .modal-dialog-dim {display: flex;width: 100%;height: 100%;position: fixed;top: 0;left: 0;/* pointer-events: all; */
}
.modal.modal-bottom .modal-header .close,
.modal.modal-bottom.on-bottom .modal-header .close.hidden {visibility: hidden;}
/* bottom sheets on bottom sheets */
.modal.modal-bottom.on-bottom .modal-header .close {visibility: visible;}
.modal.modal-bottom.on-bottom .modal-header {padding-top: 3rem;}
.modal.modal-bottom.on-bottom .modal-handle-bar {display: none;}
.modal.modal-bottom.on-bottom .modal-content {border-radius: 0;}
/* bottom sheets without close event function */
.modal.modal-bottom.no-event .modal-dialog-dim {pointer-events: none;}
.modal.modal-bottom.no-event .modal-handle-pseudo {pointer-events: none;}
.modal.modal-bottom.no-event .modal-handle-bar {pointer-events: none;}
.modal.modal-bottom.no-event .modal-handle-bar::after {display: none;}

.modal.modal-left .modal-body,
.modal.modal-right .modal-body,
.modal.modal-full .modal-body,
.modal.confirm .modal-header + .modal-body {max-height: calc(100vh - 9.5rem);padding: 0 2rem 4rem;}
.modal.modal-left .modal-content.has-footer .modal-body,
.modal.modal-right .modal-content.has-footer .modal-body,
.modal.modal-full .modal-content.has-footer .modal-body {max-height: calc(100vh - 13.5rem);padding: 0 2rem 4rem;}
.modal.alert,
.modal.confirm,
.modal-dialog-dim-light {background: rgba(0,0,0,.1);}
.modal.alert .modal-body {padding: 4rem 2rem;max-height: calc(100vh - 13rem);}

.d-none {display: none!important;}

button.close {padding: 0;background-color: transparent;border: 0;}
.close {float: right;font-size: 1.5rem;font-weight: 700;line-height: 1;color: #000;text-shadow: 0 1px 0 #fff;background: rgba(255, 255, 255, 0.);}

.btn-primary {color: #fff;background-color: #1490ef;border-color: #1490ef;}
.btn-secondary {color: #777 !important;background-color: #e9e9e9;border-color: #e9e9e9;}
.btn-secondary-w {color: #111;background-color: #fff;border-color: #e9e9e9;}
.btn-primary:disabled,
.btn-secondary:disabled {color: #ccc;background-color: #f4f4f4;border-color: #f4f4f4;}

.modal.modal-full .modal-dialog {position: fixed;margin: auto;width: 100%;max-width: 100%;height: 100%;}
.modal.modal-full .modal-content {height: 100%;overflow-y: auto;}

.modal-backdrop.show {opacity: .5;}
.modal-backdrop.fade {opacity: 0;}
.modal-backdrop {position: fixed;top: 0;left: 0;z-index: 1040;width: 100vw;height: 100vh;background-color: #000;}

/* 금융소비자 보호에 관한 법률 */
.modal-body.law {padding: 4.8rem 2rem;}
.modal .modal-body.law .close-area {position: relative;margin-bottom: 1rem;}
.modal .modal-body.law .close-area .btn-close {background: transparent;width: 1.8rem;height: 1.8rem;padding: 0;position: absolute;right: 0;top: -3rem;background-image: url(/assets/img/co/btn-close-popup.svg);background-size: 1.8rem auto;background-position: center;}

/* serial section */
.section + .section {margin-top: 4rem;margin-bottom: 4rem;}

/* header components */
.header h1, .header .h1 {width: 100%;margin: 0;font-size: 1.6rem;line-height: 1.2;letter-spacing: -0.09em;color: #111;text-align: center;font-weight: 400;}
.header > div {display: flex;min-width: 3rem;}
.header > div > * + * {margin-left: 1rem;}
[class^='header-btn-'] {position: relative;display: flex;justify-content: center;align-items: center;width: 3rem;height: 3rem;box-shadow: none;background: 50% 50% no-repeat;}
.header-btn-history,
.header-bg-color.dark .header-btn-history  {background-image: url(/assets/img/co/header-btn-history.svg);background-position: 0 center;background-size: 2.2rem auto
}
.header-btn-home,
.header-bg-color.dark .header-btn-home {background-image: url(/assets/img/co/header-btn-home.svg);background-position: 100% center;background-size: 2.2rem auto;
}
.header-btn-cart,
.header-bg-color.dark .header-btn-cart {background-image: url(/assets/img/sa/cart.svg);background-size: 2.2rem auto;background-position: 0.2rem 0.7rem;}
.header-btn-cart .cart-circle {position: absolute;top: 0.2rem;right: 0.2rem;display: block;width: 1.6rem;height: 1.6rem;line-height: 1.4rem;font-size: 0.8rem;color:#ffffff;letter-spacing: -0.06em;text-align: center;background: #ee2617 url(/assets/img/sa/cart-ea.svg) 50% 50% no-repeat;background-size: contain;border-radius: 50%;}
/* .header-btn-menu {}
.header-btn-x {} */

/* setting header components */
.settings {padding-bottom: 4rem;}
.settings .section + .section {margin-top: 4rem;}
.settings .section {padding: 0 2rem;}
.settings .section > .box {position: relative;display: flex;align-items: center;width: calc(100% + 4rem);padding: 1.6rem 2rem;background: #fff;color: #666666;font-size: 1.4rem;overflow: hidden;margin-left: -2rem;border-bottom: 0;margin-top: 1.6rem;}
.settings .section:first-of-type {margin-top: 2rem;}
.settings .hgroup {position: relative;height: 6rem;background: #fff;}
.settings .hgroup h1 {width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;text-align: center;margin: 0;padding: 0;font-size: 1.6rem;font-weight: 400;color: #111;}
.settings .header-btn-history {position: absolute;top: 50%;left: 1.4rem;transform: translateY(-50%);box-shadow: none;}

.settings .btn {background: #fff;color: #111;font-size: 1.4rem;height: 4rem;line-height: 4rem;border: 0.1rem solid #666666;border-radius: 0.4rem;width: 100%;}
.settings h2 {font-size: 1.6rem;font-weight: 700;color: #111;}
.settings h2 + .desc {padding-top: 1.6rem;color: #666666;}
.settings .section.withdrawal {
margin-top: 6rem;}
.settings .menu-list {margin-top: 1.6rem;}
.settings .alter + .menu-list {margin-top: 0;}
.settings .menu-list:before {display: none;}
.settings .menu-list li.box {padding: 1.5rem 2rem;}
.settings .menu-list li.box .desc {margin-top: 0.3rem;font-size: 1.2rem;font-weight: 400;}
.settings .desc a.link {text-decoration: underline;border-bottom: none;}
.settings a.link.underline {text-decoration: underline;}
.settings .txt-link {margin-top: 0;background: transparent;box-shadow: none;}
.settings .version {color: #001113;}

/* side components : setting layer */
.side-btn-x {display: flex;justify-content: center;align-items: center;width: 3rem;height: 3rem;position: absolute;top: 1.4rem;right: 1.4rem;}

/* bottom navigation components */
/* .nav-bottom > div {width: 100%;} */
/* .nav-bottom-btn {width: 100%;height: 100%;min-width: 6rem;min-height: 6rem;padding: 0 !important;position: relative;flex-direction: column;font-size: 1rem;background: #fff;}
.nav-bottom-btn span {display: block;margin-top: 0.5rem;font-size: 1.1rem;font-weight: 800;color: #111;}
.nav-bottom-btn:hover span,
.nav-bottom-btn.active span {color: #111;font-weight: 700;}
.nav-bottom-btn::before {content: '';width: 3.6rem;height: 2.8rem;min-width: 6rem;display: block;}
.nav-bottom-btn.home::before {background:url(/assets/img/sa/nav-bott-home-off.png) center center no-repeat;background-size: contain;}
.nav-bottom-btn.home:hover::before,
.nav-bottom-btn.home.active::before {background-image:url(/assets/img/sa/nav-bott-home-on.png);}

.nav-bottom-btn.loan::before {background:url(/assets/img/sa/nav-bott-loan-off.png) center center no-repeat;background-size: contain;}
.nav-bottom-btn.loan:hover::before,
.nav-bottom-btn.loan.active::before {background-image:url(/assets/img/sa/nav-bott-loan-on.png);}

.nav-bottom-btn.garage::before {background:url(/assets/img/sa/nav-bott-garage-off.png) center center no-repeat;background-size: contain;}
.nav-bottom-btn.garage:hover::before,
.nav-bottom-btn.garage.active::before {background-image:url(/assets/img/sa/nav-bott-garage-on.png);}
.nav-bottom-btn.setting::before {background:url(/assets/img/sa/nav-bott-setting-on.png) center center no-repeat;background-size: contain;}
.nav-bottom-btn.setting:hover::before,
.nav-bottom-btn.setting.active::before {background-image:url(/assets/img/sa/nav-bott-setting-off.png);}
.nav-bottom-btn.setting::before {background:url(/assets/img/sa/nav-bott-setting-on.png) center center no-repeat;background-size: contain;} */

/* 홈 */
/* 전체메뉴 */

/* 네비 아이콘 에니메이션 */
.nav-bottom-btn{transition: all 0.2s ease-in-out;animation-duration: 0.5s;}
.nav-bottom-btn:hover::before{animation: fa-beat 2s ease;animation-iteration-count: 1;}
@keyframes fa-beat{
    0%{
        transform:scale(1);
    }
    5%{
        transform:scale(1.25);
    }
    20%{
        transform:scale(1);
    }
    30%{
        transform:scale(1.25);
    }
    35%{
        transform:scale(1);
    }
}

/* bottom sheets components */
.bottomsheets-tit {width: calc(100% - 6.8rem);height: 3rem;margin: 0;position: absolute;top: 1.4rem;left: 1.4rem;font-size: 2rem;line-height: 3rem;}
.bottomsheets-btn-o {display: flex;justify-content: center;align-items: center;height: 3rem;}
.bottomsheets-btn-x {display: flex;justify-content: center;align-items: center;width: 3rem;height: 3rem;position: absolute;top: 1.4rem;right: 1.4rem;}

/* modal popup components */
/* .modal-btn-o {
} */
.modal-btn-x {display: flex;justify-content: center;align-items: center;width: 3rem;height: 3rem;position: absolute;top: 1.4rem;right: 1.4rem;z-index: 31;}

/* alert popup components */
/* .alert-btn-o {
} */
.alert-btn-x {display: flex;justify-content: center;align-items: center;width: 3rem;height: 3rem;position: absolute;top: 1.4rem;right: 1.4rem;}

/* 오은주 - 설정에서 재지정  */
.modal-wrap {overflow-y: auto;}
.bottomsheets {flex-direction: column;align-items: flex-start;padding: 5rem 0;min-height: 10vh;}
.bottomsheets-content {width: 100%;height: 100%;padding: 0 1.4rem;}
.bottomsheets .btn-wrap {width: 100%;position: absolute;bottom : 0;left: 0;}
.alert-wrap {flex-direction: column;text-align: center;}
.alert-wrap .btn-wrap {position: absolute;bottom: 0;left: 0;display: flex;width: 100%;}
.alert-wrap .btn-wrap .btn {width: 100%;}

/* 20211213 개발요청 메인 바틈시트 to 페이지 */
.pg-popup {position: relative;}
.pg-popup .header {padding-top:3rem;padding-bottom:2rem;position: static;height: 8rem;}
.pg-popup .container {padding: 0;min-height: auto;}
.pg-popup .container > .contents {padding-top: 0;}
.pg-popup .form-group label span {margin-left: 0;}
.pg-popup .basic-slide .swiper-pagination {position: fixed;bottom: 7rem;}
.pg-popup .form-group.weekchk .chk-small,
.pg-popup .set-cookie button.close span {color: #111;font-size: 1.4rem !important;padding-left: 0;opacity: 1;font-weight: 400;}
.pg-popup .set-cookie button.close {opacity: 1;}
.pg-popup .set-cookie {width: 100%;padding:1.5rem 2rem;display: flex;justify-content: space-between;position: fixed;bottom: 0;left: 0;z-index: 1;background-color: #fff;}
.pg-popup .set-cookie .form-group .chk-small::before,
.pg-popup .set-cookie .form-group .chk-small::after {display: none;}
.pg-popup .swiper-slide{ border-radius: 1.5rem 1.5rem 0 0 !important;}

/*2023.03.09 전체약관동의 전체동의 후 진행 버튼 */
.clusAgreAllBtn {float: right !important;color: #fff !important;text-shadow: 0 1px 0 black;background-color: #1490ef !important;background-image: none !important;width: 12rem !important;justify-content: center !important;border-radius: 1rem !important;border: 1px solid transparnt !important;margin: 1.5rem 1.5rem 0 0 !important;align-items: center !important;}

/* 2023.10.23 모바일 메인 리뉴얼 하단 네비게이션  */
/* bottom navigation components */
/* .nav-bottom > div {width: 100%;} */
.nav-bottom-btn {width: 20%;height: 100%;/*min-width: 8rem;min-height: 6rem;padding: 0 !important;*/position: relative;justify-content: end;flex-direction: column;font-size: 1rem;background: rgba(255,255,255,0);}
.nav-bottom-btn span {display: block; position: absolute; bottom: 1rem;margin-top: 0.5rem;font-size: 1.2rem; font-weight:500;color: #111;}
.nav-bottom-btn:hover span,
.nav-bottom-btn.active span {color: #111;font-weight: 700;}
.nav-bottom-btn::before {content: '';position: absolute;width: 3.6rem;height: 2.8rem;min-width: 6rem;display: block;}

.nav-bottom-btn.home::before {background:url(/assets/img/sa/nav-btn-home-off.png) center center no-repeat;background-size: contain;height: 2.65rem;top: 14px;}
.nav-bottom-btn.home:hover::before,
.nav-bottom-btn.home.active::before {background-image:url(/assets/img/sa/nav-btn-home-on.png);}

.nav-bottom-btn.product::before {background:url(/assets/img/sa/nav-btn-product-off.png) center center no-repeat;background-size: contain;height: 2.38rem;top: 16px;}
.nav-bottom-btn.product:hover::before,
.nav-bottom-btn.product.active::before {background-image:url(/assets/img/sa/nav-btn-product-on.png);}

.nav-bottom-btn.loan::before {background:url(/assets/img/sa/nav-btn-loan-off.png) center center no-repeat;background-size: contain;top: 13px;}
.nav-bottom-btn.loan:hover::before,
.nav-bottom-btn.loan.active::before {background-image:url(/assets/img/sa/nav-btn-loan-on.png);height: 2.8rem; top: 9px;}

.nav-bottom-btn.benefit::before {background:url(/assets/img/sa/nav-btn-benefit-off.png) center center no-repeat;background-size: contain; top: 12px; height: 2.7rem;}
.nav-bottom-btn.benefit:hover::before,
.nav-bottom-btn.benefit.active::before {background-image:url(/assets/img/sa/nav-btn-benefit-on.png);}

.nav-bottom-btn.garage::before {background:url(/assets/img/sa/nav-bott-garage-off.png) center center no-repeat;background-size: contain;}
.nav-bottom-btn.garage:hover::before,
.nav-bottom-btn.garage.active::before {background-image:url(/assets/img/sa/nav-bott-garage-on.png);}

.nav-bottom-btn.setting::before {background:url(/assets/img/sa/nav-btn-setting-on.png) center center no-repeat;background-size: contain;}
.nav-bottom-btn.setting:hover::before,
.nav-bottom-btn.setting.active::before {background-image:url(/assets/img/sa/nav-btn-setting-on.png);}
.nav-bottom-btn.setting::before {background:url(/assets/img/sa/nav-btn-setting-off.png) center center no-repeat;background-size: contain;top: 17px;height: 2rem;}
/* bottom sheets components */
.bottomsheets-tit {width: calc(100% - 6.8rem);height: 3rem;margin: 0;position: absolute;top: 1.4rem;left: 1.4rem;font-size: 2rem;line-height: 3rem;}
.bottomsheets-btn-o {display: flex;justify-content: center;align-items: center;height: 3rem;}
.bottomsheets-btn-x {display: flex;justify-content: center;align-items: center;width: 3rem;height: 3rem;position: absolute;top: 1.4rem;right: 1.4rem;}


/* 메인 테슬라 배너 */