.slide-bgimg{position:absolute;top:0;left:0;width:100%;height:100%;background-position:center;background-size:cover;}
.entity-img{display:none;}

[class^=swiper-button-] {  transition: all 0.3s ease;}
.swiper-slide {  backface-visibility: hidden;  -webkit-backface-visibility: hidden;position: relative;}
*, *:before, *:after {  box-sizing: border-box;  margin: 0;  padding: 0;}
.swiper-container {width: 100%;  height: 34rem;   transition: opacity 0.6s ease, transform 0.3s ease;overflow: hidden; display: flex; flex-direction: column;}

.main-con{  height: auto;}
.main-con, .swiper-container{ position: relative; }
.swiper-container:hover .swiper-button-prev, .swiper-container:hover .swiper-button-next {  transform: translateX(0);  opacity: 1;  visibility: visible;}
.swiper-container.loading {  opacity: 0;  visibility: hidden;}
.swiper-container .swiper-wrapper{ position: absolute; }
.swiper-slide {position: relative;overflow: hidden;}
.swiper-slide .slide-bgimg {  position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-position: center;background-size: cover;}
.swiper-slide .slide-bgimg.bg01{ background-image:url(/assets/img/sa/card001.png)}
.swiper-slide .slide-bgimg.bg02{ background-image:url(/assets/img/sa/card002.png)}
.swiper-slide .slide-bgimg.bg03{ background-image:url(/assets/img/sa/card003.png)}
.swiper-slide .slide-bgimg.bg04{ background-image:url(/assets/img/sa/card004.png)}
.swiper-slide .entity-img {display: none;}
.swiper-slide .content {width: 100%;}

.swiper-slide .content{position:absolute;top:4.5rem;left:0;width:80%; padding-left:2.2rem; }
.swiper-slide .content .caption { position:absolute;top:0;display:block;  z-index: 100000000;   opacity: 0;transform:translateX(50px); transition:opacity 0.3s ease, transform .7s ease; 	-webkit-animation-delay: 1s;animation-delay: 1s; color: #fff !important;}
.swiper-slide .content .caption li strong{font-weight: 700;font-size:3rem;}
.swiper-slide .content .caption li:nth-child(1){font-size:1.3rem;line-height:1.2; font-weight: 400;}
.swiper-slide .content .caption li:nth-child(2){font-size:2.8rem;line-height:1.1; font-weight: 400; padding-top: .5rem; letter-spacing: -0.2rem;}
.swiper-slide .content .caption li:nth-child(3){font-size:1.3rem;line-height:1.4; font-weight: 400; padding-top: 1rem; }

.swiper-slide .content .caption.show {transform: translateX(0);opacity: 1;  }
[class^=swiper-button-] {width: 44px;opacity: 0;visibility: hidden;}
.swiper-button-prev {transform: translateX(50px);}
.swiper-button-next {transform: translateX(-50px);}

figure { margin: 0 !important;background-size: cover;}

.swiper-container .card-logo  {position: absolute;top: 5.2rem;right: 2rem;width: 5rem;height: 5rem;background: url(/assets/img/sa/card_logo.png) 0 0 no-repeat;background-size: 100%;font-size:0; z-index: 10000000;}
.swiper-container.main-slider .swiper-pagination {justify-content: center; position: relative; }
.swiper-container.main-slider .swiper-pagination::-webkit-scrollbar, .main-banner .swiper-pagination::-webkit-scrollbar  {display: none;}
.swiper-container.main-slider .swiper-pagination{width:100%; margin-left: auto; margin-right:auto;  top:0; z-index: 10000; padding: 0 ; display: flex;}
.swiper-container.main-slider .swiper-pagination .swiper-pagination-bullet{ width:22% ;height:3rem;margin: 0;  border-radius: 0;background: #fff;opacity: 1;-webkit-tap-highlight-color: transparent;outline: 0; text-align: center; color: #b1b1b1; font-size:1.6rem}
.swiper-container.main-slider .swiper-pagination .swiper-pagination-bullet:nth-child(1)::before{ content: '대출한도'; top:0; left: 0;}
.swiper-container.main-slider .swiper-pagination .swiper-pagination-bullet:nth-child(2)::before{ content: 'WON Pick'; top:0; left: 0;letter-spacing: 0; white-space:nowrap;}
.swiper-container.main-slider .swiper-pagination .swiper-pagination-bullet:nth-child(3)::before{ content: '금융상품'; top:0; left: 0;}
.swiper-container.main-slider .swiper-pagination .swiper-pagination-bullet:nth-child(4)::before{ content: '우리차고'; top:0; left: 0;}
.swiper-container.main-slider .swiper-pagination .swiper-pagination-bullet:nth-child(n+2)  {margin-left: 0.6rem;}
.swiper-container.main-slider .swiper-pagination .swiper-pagination-bullet-active{ color: #000 !important; border-bottom:0.3rem solid #000;}


.swiper-container  .num-pagination {position: absolute; bottom: 0; left:83%; width:4.8rem; height: 2rem; display: flex; align-items: center; z-index: 100000; padding: 1rem ; color:#fff; font-size:1.1rem; font-weight:400;justify-content: center; background-color:rgba(0, 0, 0, 0.4);margin-bottom: 1rem; border-radius: 2rem; letter-spacing: .15rem;font-family: roboto;}
.swiper-container  .num-pagination span{ color: #fff; font-weight:400; padding-right: 0.2rem;font-family: roboto;}

@media only screen and (max-width: 360px) {
   .swiper-container { height:33.5rem !important;}
   .woncarservice .serviceic .tit{ font-size: 1.2rem;}
   .swiper-container.main-slider  .swiper-pagination .swiper-pagination-bullet{font-size: 1.3rem;height:2.6rem}
   .swiper-container  .num-pagination{ left:80%;}

.swiper-slide .content{top:3rem;padding-left:1.8rem; }
.content .title{  font-size:1.2em;  font-weight:bold; color: #fff; }


}

@media only screen and (max-width: 330px) {
   .swiper-container { height:29rem !important;}
   .woncarservice .serviceic .tit{ font-size: 1.2rem;}
   .swiper-container  .swiper-pagination .swiper-pagination-bullet{font-size: 1.3rem;height:2.6rem}
   .swiper-container  .num-pagination{ left:80%;}
   .swiper-slide .content .caption li strong{font-weight: 700;font-size:2rem;}
.swiper-slide .content .caption li:nth-child(1){font-size:1rem;line-height:1.2; font-weight: 400;}
.swiper-slide .content .caption li:nth-child(2){font-size:1.8rem;line-height:1.2; font-weight: 400; padding-top: .3rem; letter-spacing: 0rem;}
.swiper-slide .content .caption li:nth-child(3){font-size:1.2rem;line-height:1.2; font-weight: 400; padding-top: 0.7rem; }
}

@media only screen and (max-width: 290px) {
   .swiper-container.main-slider .swiper-pagination .swiper-pagination-bullet{font-size: 1.3rem;}
   .serviceic { box-shadow: none;}
   .woncarservice .serviceic .tit{ font-size: 1.1rem;}
   .swiper-container  .num-pagination{ left:80%;}
}

@media only screen and (min-width:410px) {
   .swiper-container { height: 37rem !important;}
   .swiper-container .card-logo  {top: 5.4rem;right: 2.9rem;width: 6rem;height: 6.6rem;}
   .swiper-container  .num-pagination{ left:85%;}
}

@media only screen and (min-width: 540px) {
   .swiper-container { height: 29rem !important;}
    .swiper-slide .slide-bgimg.bg01{ background-image:url(/assets/img/sa/bigcard001.png)}
   .swiper-slide .slide-bgimg.bg02{ background-image:url(/assets/img/sa/bigcard002.png)}
   .swiper-slide .slide-bgimg.bg03{ background-image:url(/assets/img/sa/bigcard003.png)}
   .swiper-slide .slide-bgimg.bg04{ background-image:url(/assets/img/sa/bigcard004.png)}
   .swiper-slide .content{position:absolute;top:5rem;left:0;width:80%; padding-left:4rem; }
}

@media only screen and (min-width: 640px) {
   .swiper-container { height: 36rem !important;}
   .swiper-container .card-logo  {top: 5rem;right: 2.8rem;width: 7rem;height: 6.2rem;}
   .swiper-container  .num-pagination{ left:90%;}
}

@media only screen and (min-width: 768px) {
   .swiper-container { height: 40rem !important;}
   .swiper-container .card-logo  {top: 4.8rem;right: 2.8rem;width: 7rem;height: 6.2rem;}
   .swiper-container  .num-pagination{ left:91%; font-size: 1.6rem; padding: 1.5rem; width: 6rem; }
}

@media only screen and (min-width: 910px) {
   .swiper-container { height: 44rem !important;}
}

/* 메인 슬라이더 (24년 5/6월 리뉴얼) => 화면 넓이랑 상관없이 높이 고정 - 2024.06.12 */
.carSlider.swiper-container { height:310px !important;}