/**sil-swiper**/
.slider-tab-container{
border-radius: 30px 0;
  padding: 25px;
  background-color: white;
  margin-top: -30px;
  padding: 55px 25px 25px;
}
.sil-swiper-row{
display: flex;
flex-wrap: nowrap;
align-items: center;
padding: 0 60px;
gap: 10px 30px;
}
.sil-swiper-col-img{
flex-shrink: 0;
width: 50%;
}
.sil-swiper-col-img img{
width: 100%;
max-width: 260px;
}
@media (max-width: 576px){
.sil-swiper-row{
flex-flow: column;
padding: 0;
align-items: flex-start;
}
.sil-swiper-col-img{
padding: 0 40px;
width: 100%;
}
}

.swiper-container{
padding-bottom: 30px;
}
.sil-apply-swiper.stepSwiper-button-next{
cursor: pointer;
  position: absolute;
  display: block;
  height: 100%;
  width: 30px;
  overflow: hidden;
  background: url("../images/installment_loan/sil-apply-swipe-btn-right.png");
  background-size: 30px auto;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 9;
  right: 0;
  top: 0;
  margin-top: 0;
}
.sil-apply-swiper.stepSwiper-button-prev{
cursor: pointer;
  position: absolute;
  display: block;
  height: 100%;
  width: 30px;
  overflow: hidden;
  background: url("../images/installment_loan/sil-apply-swipe-btn-left.png");
  background-size: 30px auto;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 9;
  left: 0;
  top: 0;
  margin-top: 0;
}
.sil-apply-swiper.stepSwiper-button-next.swiper-button-disabled, .sil-apply-swiper.stepSwiper-button-prev.swiper-button-disabled{
filter: grayscale(100%);
opacity: 0.5;
cursor: default;
}

.sil-apply-swiper .swiper-pagination-bullet-active{
background: #007bd3;
}

.sil-fps-swiper.stepSwiper-button-next{
cursor: pointer;
  position: absolute;
  display: block;
  height: 100%;
  width: 30px;
  overflow: hidden;
  background: url("../images/installment_loan/sil-fps-swipe-btn-right.png");
  background-size: 30px auto;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 9;
  right: 0;
  top: 0;
  margin-top: 0;
}
.sil-fps-swiper.stepSwiper-button-prev{
cursor: pointer;
  position: absolute;
  display: block;
  height: 100%;
  width: 30px;
  overflow: hidden;
  background: url("../images/installment_loan/sil-fps-swipe-btn-left.png");
  background-size: 30px auto;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 9;
  left: 0;
  top: 0;
  margin-top: 0;
}
.sil-fps-swiper.stepSwiper-button-next.swiper-button-disabled, .sil-fps-swiper.stepSwiper-button-prev.swiper-button-disabled{
filter: grayscale(100%);
opacity: 0.5;
cursor: default;
}

.sil-fps-swiper .swiper-pagination-bullet-active{
background: #8d00c1;
}

/**slide-tab-sil**/
.tab-wrap{
width: 85%;
max-width: 340px;
margin-left: auto;
margin-right: auto;
display: flex;
background: 
    linear-gradient(to bottom, #007bd3, #033a73) padding-box, 
    linear-gradient(to bottom, #007bd3 10%, #033a73) border-box;
border: 6px solid transparent;
border-radius: 9999px;
align-items: center;
position: relative;
}
.tab-wrap-en{
width: 85%;
  max-width: 500px;
}
.tab{
background: none !important;
border: none;
font-size: 20px;
padding: 10px 40px;
border-radius: 9999px;
font-weight: bold;
box-shadow: none;
z-index: 5;
}
.tab-wrap-en .tab{
padding: 10px 20px;
}
.tab.active{
color: #0767a6;
}
.tab-slider{
position: absolute;
width: 50%;
height: 100%;
left: 0;
background: #fff;
z-index: 1;
border-radius: 9999px;
}
.tab-con{
border: none;
background: none;
padding: 0;
}
.tab-wrap.sliderleft .tab-slider{
left: 0;
transition-duration: 0.2s;
z-index: 1;
}
.tab-wrap.sliderright .tab-slider{
left: 50%;
transition-duration: 0.2s;
z-index: 1;
}
@media (max-width: 768px){
.tab{
height: 100%;
}
}
@media (max-width: 576px){
.tab, .tab-wrap-en .tab{
font-size: 18px;
padding: 10px 20px;
line-height: 1.2;
}
}

.tab-btn {
    background-color: white;;
	border: 1px solid #8d00c1;
    vertical-align: middle;
    text-align: center;
    color: #8d00c1;
    width: 100%;
	max-width: 300px;
    box-sizing: border-box;
    padding: 10px 20px;
    cursor: pointer;
    border-radius: 20px;
}
.tabActive2 {
     background-color: #8d00c1 !important;
	 color: white;
}

.tab-wrap-new {
display: flex;
flex-wrap: nowrap;
justify-content: center;
gap:  10px;
width: 100%;
margin-top: 40px;
}
.tab-con-new {
    display: none;
    box-sizing: border-box;
    width: 100%;
}
.conActive {
    display: block !important;
}

/**sil_1026**/


.sil-color1 {
  color: #8d00c1;
}
.sil-color2 {
  color: #164db1;
}
.sil-color3 {
  color: #007bd3;
}
.sil-red {
  color: #e62e8b;
}
.kfs-col{
background-image: url("../images/installment_loan/doc-icon.svg");
background-position: center left;
background-size: auto 20px;
padding: 5px 0 5px 24px;
background-repeat: no-repeat;
}
.leading-bk-sil{
background-image: linear-gradient(to bottom, white, #cceaf1);
padding: 30px 0;
position: relative;
}
.leading-bk-sil::before{
content: "";
position: absolute;
top: 0;
left: -1000px;
width: 1000px;
height: 100%;
background-image: linear-gradient(to bottom, white, #cceaf1);
}
.leading-bk-sil::after{
content: "";
position: absolute;
top: 0;
right: -1000px;
width: 1000px;
height: 100%;
background-image: linear-gradient(to bottom, white, #cceaf1);
}
.insurance-detail-container{
position: relative;
text-align: center;
}
.insurance-detail-btn {
  position: relative;
  display: inline-block;
  text-align: center;
  padding: 8px 40px;
  cursor: pointer;
  background: 
    linear-gradient(#007bd3, #007bd3) padding-box, 
    linear-gradient(to bottom, #80bde9, white, #80bde9) border-box;
border: 3px solid transparent;
  border-radius: 99px;
}
.insurance-detail-inner{
display: inline-block;
font-size: 18px;
line-height: 1.2;
font-weight: bold;
color: #fff;
padding-right: 20px;
position: relative;
}
.insurance-detail-arrow {
  position: absolute;
  top: 0;
  right: 0;
  width: 15px;
  height: 100%;
  background-image: url("../images/installment_loan/arrow-white-down.svg");
  background-position: center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  transition: 0.2s;
}
.insurance-detail-arrow.btn-open{
transform: rotate(-180deg);
transition: 0.2s;
}
.insurance-block{
border-radius: 40px 0;
padding: 25px;
background-color: #b2d7f2;
position: relative;
box-shadow: 20px 20px 0 #4ca3e0;
margin-top: 10px;
margin-bottom: 60px;
display: none;
}
.insurance-block-inner{
border-radius: 30px 0;
padding: 20px;
background-color: white;
}
@media (max-width: 576px){
.insurance-block{
padding: 20px;
border-radius: 35px 0;
}
.insurance-block-inner{
border-radius: 25px 0;
padding: 15px;
}
}
.sil-promoTablx{
border-collapse: separate;
border-bottom: 1px solid #007bd3;
width: 100%;
}
.sil-promoTablx td{
	padding: 10px 15px;
  vertical-align: middle;
  border-bottom: 1px solid #007bd3;
  text-align: center;
  position: relative;
}
.sil-promoTablx .head{
background-color: #007bd3;
font-weight: normal;
color: #ffffff;
border-bottom: none;
}

.td-right-line::after{
content: "";
position: absolute;
background-color: #007bd3;
width: 1px;
height: calc(100% - 20px);
right: 0;
top: 10px;
}
.td-right-line-w::after{
content: "";
position: absolute;
background-color: #ffffff;
width: 1px;
height: calc(100% - 20px);
right: 0;
top: 10px;
}
.td-bottom-line-w:before{
content: "";
position: absolute;
background-color: #fff;
width: calc(100% - 20px);
height: 1px;
left: 10px;
bottom: 0;
}
.sil-app-header-container{
overflow: hidden;
text-align: center;
}
.sil-app-header{
  background-image: linear-gradient(to bottom, #007bd3, #033a73);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  font-weight: bold;
  display: inline-block;
  position: relative;
  margin-left: 40px;
  margin-right: 40px;
}
.sil-app-header::before{
content: "";
width: 200px;
height: 100%;
background-image: linear-gradient(to left, #007bd3, #033a73);
background-position: center;
background-repeat: no-repeat;
background-size: 100% 2px;
position: absolute;
top: 0;
left: -220px;
}
.sil-app-header::after{
content: "";
width: 200px;
height: 100%;
background-image: linear-gradient(to right, #007bd3, #033a73);
background-position: center;
background-repeat: no-repeat;
background-size: 100% 2px;
position: absolute;
top: 0;
right: -220px;
}
.sil-app-apple-cfa{
background: 
    linear-gradient(to right, #033a73, #007bd3) padding-box, 
    linear-gradient(60deg, #80bde9, white, #80bde9, white, #80bde9) border-box;
border: 2px solid transparent;
border-radius: 15px;
padding: 15px 20px;
width: 100%;
max-width: 440px;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 10px 15px;
color: white;
font-weight: bold;
margin-left: auto;
margin-right: auto;
text-align: center;
}

.sil-content-block{
border-radius: 40px 0;
padding: 25px;
position: relative;
margin-bottom: 60px
}
@media (max-width: 576px){
.sil-content-block{
padding: 20px;
border-radius: 35px 0;
}
}
.sil-content-block.sil-feature{
background-color: #cceaf1;
box-shadow: 20px 20px 0 #0096b9;
}
.sil-content-block.sil-app-apply{
background-color: #e5f2fb;
box-shadow: 20px 20px 0 #007bd3;
}
.sil-content-block.more-feature{
background-color: #f9f2fc;
box-shadow: 20px 20px 0 #8d00c1;
}
.sil-feature-row{
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
}
.sil-feature-col{
width: calc((100% - 60px) / 4);
text-align: center;
position: relative;
}
@media (max-width: 576px){
.sil-feature-col{
width: calc((100% - 20px) / 2); 
}
}
.sil-feature-col-img{
position: relative;
z-index: 5;
}
.sil-feature-col-block{
margin-top: -50px;
height: calc(100% - 30px);
border: 1px solid #007bd3;
border-radius: 20px 0;
background-color: white;
padding: 65px 10px 40px;
position: relative;
}
.sil-feature-col.clickable{
cursor: pointer;
}
.active .sil-feature-col-block{
border: 1px solid #8d00c1;
background-color: #f9f2fc;
}
.sil-feture-arrow{
width: 100%;
height: 8px;
background-image: url("../images/installment_loan/feature-arrow.svg");
background-size: auto 8px;
background-repeat: no-repeat;
background-position: center;
position: absolute;
left: 0;
bottom: 8px;
animation: flash-opacity 1.5s ease-in-out infinite;
}
@keyframes flash-opacity {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0; /* Drops to 30% visibility at the halfway mark */
  }
}
.sil-feeature-point-arrow{
position: absolute;
left: 0;
bottom: -20px;
width: 100%;
height: 16px;
background-image: url("../images/installment_loan/feature-point-arrow.svg");
background-size: auto 16px;
background-repeat: no-repeat;
background-position: center bottom;
display: none;
}
.active .sil-feeature-point-arrow{
display: block;
}
@media (max-width: 576px){
.active .sil-feeature-point-arrow{
display: none;
}
}
.sil-con-container{
display: none;
border-radius: 30px 0;
padding: 25px;
background-color: white;
margin-top: 20px;
}
.apple-sil-cfa-head{
background-image: linear-gradient(to bottom, #8d00c1, #164db1);
padding: 10px 30px;
display: inline-block;
margin: 0 30px;
font-weight: bold;
color: white;
position: relative;
border-radius: 99px;
z-index: 5;
}
.apple-sil-cfa-block{
background: 
    linear-gradient(#f9f2fc, #f9f2fc) padding-box, 
    linear-gradient(60deg, #8d00c1, #164db1) border-box;
border: 1px solid transparent;
border-radius: 20px 0;
width: 100%;
max-width: 540px;
margin-left: auto;
margin-right: auto;
margin-top: -25px;
text-align: center;
padding: 35px 20px 15px;
}
.promo-preiod-bar{
background-image: linear-gradient(to right, transparent, #0096b9, transparent);
padding: 10px 30px;
text-align: center;
font-weight: bold;
color: white;
margin-left: auto;
margin-right: auto;
}
.sil-more-header-container{
overflow: hidden;
text-align: center;
width: 100%;
max-width: 600px;
margin-left: auto;
margin-right: auto;
}
.sil-more-header{
  font-weight: bold;
  display: inline-block;
  position: relative;
  color: #8d00c1;
  margin: 0 40px;
}
.sil-more-header::before{
content: "";
width: 200px;
height: 100%;
background-image: linear-gradient(to left, #8d00c1, #8d00c1);
background-position: center;
background-repeat: no-repeat;
background-size: 100% 1px;
position: absolute;
top: 0;
left: -220px;
}
.sil-more-header::after{
content: "";
width: 200px;
height: 100%;
background-image: linear-gradient(to left, #8d00c1, #8d00c1);
background-position: center;
background-repeat: no-repeat;
background-size: 100% 1px;
position: absolute;
top: 0;
right: -220px;
}
.fps-cfa-bar{
background-image: linear-gradient(to right, transparent, white, transparent);
padding: 8px 30px;
text-align: left;
font-weight: bold;
color: #0066b3;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 10px;
}
@media (max-width: 768px){
.fps-cfa-bar{
text-align: center;
}
}
.more-feature-row{
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px 30px;
width: 100%;
max-width: 700px;
margin-left: auto;
margin-right: auto;
}
.more-feature-col{
width: calc((100% - 60px) / 3);
text-align: center;
position: relative;
}
@media (max-width: 576px){
.more-feature-col{
width: 100%
}
}
.more-feature-col-img{
position: relative;
z-index: 5;
}
.more-feature-col-block{
margin-top: -25px;
height: calc(100% - 25px);
border: 1px solid #8d00c1;
border-radius: 20px 0;
background-color: white;
padding: 40px 10px 20px;
position: relative;
}