.apply-body {
  /* padding-top: 80px; */
  /* padding-bottom: 80px; */
  background-color: #FAFAFA;
  /* clip-path: border-box; */
}

* {
  font-family: "kurious-looped";
  /* font-size: 16px; */
}

a,
p,
.kbiz-footer *{
  font-family: "kurious-looped" !important;
}

body {
  background-color: #f4f3f9;
}

p,
h1,
h2,
h3 {
  color: #3d4d5a;
  font-family: "kurious-looped";
}

h1 {
  font-weight: 500;
}

/* h2 {
  font-size: 2.2em !important;
  font-weight: 600;
} */

ul,
ol,
li {
  margin: 0;
  padding: 0;
  font-family: "kurious-looped";
  line-height:1.5;
}

dl,
ol,
ul {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol,
ul {
  padding-left: 2rem;
}

/* Banner */
.location-link {
  color: #3d4d5a;
  text-align: center;
  display: block;
  position: relative;
  padding-left: 10px;
}

/* .location-link::after {
    content: "\1433";
    font-size: 14px;
    position: absolute;
    top: 3px;
    margin: 0 5px;
} */

/* Requirement */
.tab-title {
  font-size: 26px !important;
  margin: 0 0 20px;
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
}

.line-section{
  border-bottom: 1px solid #eee;
  padding-bottom: 40px;
}

.tab-item {
  text-decoration: none;
  color: #3d4d5a;
}

.tab-list {
  width: 100%;
  /* padding: 0 40px 20px; */
  padding: 0;
}

.tab-listmenu {
  margin-bottom: 30px;
}

.tab-listmenu li {
  font-size: 16px;
  list-style: initial;
  color: #666;
  line-height: 30px;
  font-weight: 400;
}
.note .tab-listmenu li{
  font-size: 13px;
}

.tab-link-wrapper {
  /* text-align: center; */
  padding-left: 2rem;
}

.tab-link {
  color:var(--cr-green);
  text-decoration: underline;
  font-size: 16px;
  font-weight: 700;

}

.tab-link:hover {
  color:var(--cr-green);
  text-decoration: none;
}

.tab-link-green {
  color:var(--cr-green);
  text-decoration: underline;
}

.tab-link-green:hover {
  color:var(--cr-green);
  text-decoration: none;
}

.register-btn {
  width: 349px;
  padding: 10px 25px;
  background: var(--cr-green);
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  border-radius: 8px;
  transition: transform 0.3s ease;
  /* line-height: 3rem; */
}

.register-btn:hover {
  color: white;
  transform: scale(1.1);
}

.register-btn:active,
.register-btn:focus {
  color: #fff;
}

.prev-btn {
  color:var(--cr-green);
  font-size: 14px;
}

.prev-btn::before {
  content: "\1438";
  font-size: 10px;
  margin-right: 5px;
  font-weight: bold;
}

.text-green,
.location-link ,
.a-link{
  color:var(--cr-green);
}

.location-link ,
.a-link{
  text-decoration: underline !important;
}

.location-link:hover,
.a-link:hover {
  color:var(--cr-green);
  opacity: 0.9;
}


/*============================== button ===============================*/
.icw .btn {
  padding: 8px 32px;
  width: auto;
  min-width: 120px;
  font-family: "kurious-looped";
  font-weight: 600;
  border: 0;
  font-size: 16px;
  height: auto;
  background: transparent;
  display: inline-flex;
  color: var(--cr-light);
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: 8px;
  transition: var(--tsition);
  line-height: 1.5em;
  text-decoration: none;
  overflow: hidden;
  position: relative;
  z-index: 1; /*box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25); */
}
.icw .btn.btn-fs20 {
  font-size: 20px;
}
.icw .btn.btn-h40 {
  height: 40px;
}
.icw .btn:hover,
.icw .btn:active:hover,
.icw .btn.active:hover,
.icw .btn:active:focus,
.icw .btn.actitve:focus,
.icw .btn:active.focus,
.icw .btn.active.focus,
.icw .btn:focus,
.icw .btn:focus:hover,
.icw .btn.focus:hover {
  color: var(--cr-gray);
  outline: none;
  box-shadow: none;
  border-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  outline-offset: 0;
}

.icw .btn:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  transition: var(--tsition);
  opacity: 0;
}
.icw .btn:hover:before {
  left: 0;
  opacity: 1;
}

.icw .btn.disabled,
.icw .btn.disabled:hover {
  opacity: 0.5;
  pointer-events: none;
}

.icw .btn:focus {
  outline: none;
  border: none;
}

.icw .btn.fluid {
  width: 100%;
  min-width: inherit;
}

.icw .btn.btn-primary {
  height: 48px;
}

.icw .btn.btn-secondary {
  height: 40px;
}

.icw .btn.btn-tertiary {
  background: transparent;
  color: var(--cr-light);
  height: 24px;
}
.icw .btn.btn-tertiary.underline {
  text-decoration: underline;
}
.icw .btn.btn-tertiary.disabled {
  color: var(--cr-lightgray);
  pointer-events: none;
}
.icw .btn.btn-tertiary:hover {
  background: transparent;
  color: var(--cr-light);
  text-decoration: underline;
}
.icw .btn.btn-tertiary:focus {
  background: transparent;
  outline: none;
  border: none;
}

.icw .btn.btn-green{
  background: var(--cr-green);
  color: var(--cr-light);
  /* transition: all 0.8s, color 0.3s 0.3s; */
  transition: all 0.8s;

}

.icw .btn.btn-green:before {
  background-color: #0bc160;
}

.icw .btn.btn-green:hover{
  background: var(--cr-green);
  color: var(--cr-light);
  border-color: var(--cr-green);
}
.icw .btn.btn-green.disabled{
  color: var(--cr-gray);
  background: var(--cr-lightgray-ccc);
  pointer-events: none;
}

.icw .btn.btn-light{
  background: var(--cr-light);
  color: var(--cr-green);
  border-color: var(--cr-light);
  transition: all 0.8s;

}

.icw .btn.btn-light:hover{
  background: var(--cr-light);
  color: var(--cr-green);
  border-color: var(--cr-light);
}
.icw .btn.btn-light.disabled{
  color: var(--cr-lightgray-ccc);
  pointer-events: none;
}

.icw .btn.btn-dark{
  background: var(--cr-dark);
  color: var(--cr-light);
  border-color: var(--cr-dark);
  transition: all 0.8s;

}

.icw .btn.btn-dark:hover{
  background: var(--cr-dark);
  color: var(--cr-light);
  border-color: var(--cr-dark);
}
.icw .btn.btn-dark.disabled{
  color: var(--cr-lightgray-ccc);
  pointer-events: none;
}


/* Swiper */
.swiper-wrapper {
  height: inherit;
  min-height: 400px !important;
}
.swiper-button-next:after,
.swiper-button-prev:after {
  content:"";
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 48%;
  box-shadow: 0 3px 6px rgba(0, 0, 0, .26);
  z-index: 1;
  font-size: 0;
  background-color: rgba(0, 0, 0, 0.6);
  overflow: hidden;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transform: translate(0, -50%);
  display: flex;
  align-items: center;
}


.swiper-button-next:before,
.swiper-button-prev:before {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    position: relative;
    top: -12px;
    border-top: 2px solid var(--cr-light);
    border-left: 2px solid var(--cr-light);
    visibility: visible;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: 16px;
}

.swiper-button-next:before {
    left: 12px;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{
  width: 24px;
  height: 8px;
  border-radius: 4px;
}

.swiper-pagination {
  bottom: 0 !important;
}

.swiper-pagination-bullet {
  background: #ccc;
}

.swiper-pagination-bullet-active {
  background:var(--cr-green);
}

.swiper-slide {
  align-items: baseline;
}

.swiper-card {
  width: 100%;
}

.swiper-container {
  max-width: 1140px;
}

/* Register */
.kbiz-regist {
  display: none;
}

.kbiz-regist.active {
  display: block;
}

.register-link,
.location-link {
  color: #3d4d5a;
  text-align: center;
  display: block;
  position: relative;
}

/* .register-link::after,
.location-link::after {
    content: "\1433";
    font-size: 14px;
    position: absolute;
    top: 3px;
    margin: 0 5px;
} */
.register-link:hover {
  color: #3d4d5a;
  opacity: 0.9;
}

.register-header {
  padding: 20px;
}

.register-title {
  font-size: 30px !important;
  margin-bottom: 20px;
}

.register-content img {
  width: 80%;
}

.register-content {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 20px 0;
}

.regist-list li {
  text-align: start;
  list-style: initial;
}

.regist-item-1 {
  line-height: 3rem;
}

.text-green,
.location-link {
  color:var(--cr-green);
}

.location-link {
  text-decoration: underline !important;
}

.location-link:hover {
  color:var(--cr-green);
  opacity: 0.9;
}

/* download form */
.download-form {
  position: relative;
}

.download-form::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  margin: 1px 10px 0 0;
  background: url("../../../theme/img/icon/downloadform-icon.svg") no-repeat right center/70%;
}

.download-link {
  color: white;
  text-decoration: none;
}

.download-link:hover {
  color: white;
}

.pdfFileLink,
.pdfFileLink:hover,
.pdfFileLink:visited {
  font-weight: 400;
  color: #777;
  text-decoration: none;
}

@media screen and (min-width: 768px) {
  .tab-title {
    font-size: 30px !important;
  }

  .list-menu-1 {
    max-width: 768px;
    margin: 0 auto;
  }

  .tab-listmenu li {
    font-size: 16px ;
  }

  .tab-list {
    padding: 0 0 20px;
  }

  .tab .panel {
    width: 370px;
  }

  .tab-card {
    margin-bottom: 15px;
    padding: 30px;
  }

  .swiper-pagination,
  .swiper-button-next,
  .swiper-button-prev {
    display: block;
  }

  .swiper-wrapper {
    justify-content: normal;
    /* height: 320px; */
  }

  /* .swiper-button-next,
  .swiper-button-prev {
    top: 40%;
  } */

  .swiper-card {
    display: flex;
  }

  .swiper-img {
    width: 55%;
  }

  .swiper-img img {
    height: 250px;
  }

  .swiper-content {
    width: 45%;
    padding: 20px 40px;
    margin-right: 40px;
  }

  #popup-gallery .swiper-button-next,
  #popup-gallery .swiper-button-prev {
    top: 37.5%;
  }

  #step .swiper-button-next,
  #step .swiper-button-prev {
    top: 35.5%;
  }

  .register-channel {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
  }

  .register-content {
    width: 40%;
    margin: 20px 40px;
  }

  .register-content img {
    width: 100%;
  }

  .register-header {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .register-channel .register-header h2,
  .register-header p,
  .register-header a {
    text-align: start;
  }

  .register-title {
    font-size: 26px !important;
    margin-bottom: 10px;
  }
}

@media screen and (min-width: 1024px) {

  .register-title {
    font-size: 30px !important;
  }

  .swiper-img img {
    height: 350px;
  }

  .swiper-wrapper {
    padding-bottom: 40px;
    /* height: 380px; */
  }

  .swiper-button-next{
    top: 50%;
  }
  .swiper-button-next{
    right: 0;
  }
  .swiper-button-prev{
    left: 0;
  }

  .register-title {
    font-size: 30px !important;
  }

  .swiper-content {
    padding-top: 35px;
  }
}

/* applyAccordion */
.kbiz-accordion .accordion-item {
  border: none;
  box-shadow: none;
  background-color: inherit;
}

.kbiz-accordion .accordion-header {
  margin-top: 10px;
}

.kbiz-accordion .accordion-button {
  font-family: "kurious-looped";
  font-size: 20px;
  font-weight: 500;
  color: #3d4d5a;
  border: none;
  border-left: 4px solidvar(--cr-green);
  box-shadow: none;
  padding: 16px 32px;
}

.kbiz-accordion .accordion-button:not(.collapsed) {
  color: #05a951;
  background-color: white;
}

.kbiz-accordion .accordion-button:not(.collapsed)::after {
  background-image: url("../../../theme/img/icon/fn_minus_green.png");
}

.kbiz-accordion .accordion-button.collapsed::after {
  background-image: url("../../../theme/img/icon/fn_plus_green.png");
}

.kbiz-accordion .accordion-body {
  padding: 38px;
  background-color: white;
}

.kbiz-accordion .read-more-wrapper {
  max-height: initial;
  overflow: hidden;
  transition: all 0.5s;
  position: relative;
}

.kbiz-accordion .read-more-wrapper.show .read-more-btn {
  display: none;
}

.kbiz-accordion .read-more-wrapper:not(.show) .read-less-btn {
  display: none;
}

.kbiz-accordion .read-more-btn {
  cursor: pointer;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  color: #4FD794;
  font-weight: bold;
  text-decoration: underline;
  background-image: linear-gradient(to bottom, transparent, white);
  height: 140px;
  padding-top: 120px;
}

.kbiz-accordion .read-more-btn img {
  filter: invert(41%) sepia(91%) saturate(931%) hue-rotate(114deg) brightness(90%) contrast(96%);
  width: 14px;
  margin-left: 5px;
}

.kbiz-accordion .read-less-btn img {
  filter: invert(41%) sepia(91%) saturate(931%) hue-rotate(114deg) brightness(90%) contrast(96%);
  width: 14px;
  margin-left: 5px;
  transform: rotate(180deg);
}

.kbiz-accordion .read-less-btn {
  cursor: pointer;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  color: #05a951;
  height: 30px;
  padding-top: 10px;
}

.kbiz-accordion .accordion-section:not(:last-child) {
  margin-bottom: 40px;
}

span.nw{
  white-space: nowrap;
}

.kbiz-accordion .accordion-section-droplead {
  margin-bottom: 80px;
  margin-left: -1rem;
  margin-right: -1rem;
}

.kbiz-accordion .accordion-section-droplead .section-droplead {
  border-radius: 8px;
}

.kbiz-accordion .section-droplead input.form-control {
  background-color: #fff;
  padding-left: 25px;
  border-radius: 100px;
  border: 2px solid transparent;
  outline: none;
}

.kbiz-accordion .section-droplead input.form-control {
  cursor: auto;
}

.kbiz-accordion .section-droplead input[type=number] {
  -webkit-appearance: none;
  margin: 0;
}

.kbiz-accordion .section-droplead input[type=number]::-webkit-outer-spin-button,
.kbiz-accordion .section-droplead input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

@media (min-width: 992px) {
  .kbiz-accordion .accordion-section-droplead {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }
}

.kbiz-accordion .accordion-section-droplead .droplead-title {
  font-family: "kurious-looped";
  color: #fff !important;
  text-align: center !important;
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
  font-size: 30px !important;
}

.kbiz-accordion .swiper-container {
  padding-top: 0;
}

.kbiz-accordion .swiper-wrapper {
  height: fit-content;
}

.kbiz-accordion .apply-content {
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 15px;
}

.kbiz-accordion .apply-img img {
  max-height: 475px;
  max-width: 270px;
}

.kbiz-accordion .apply-step-no {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 50px;
  width: 50px;
  background-color: #59d794;
  border-radius: 100px;
}

.kbiz-accordion .apply-step-no span {
  color: white;
  font-size: 22px;
}

.kbiz-accordion .apply-step-text {
  max-width: 230px;
  text-align: center;
  font-size: 14px;
  color: #666666;
}

.kbiz-accordion .apply-step-text .green {
  font-size: 14px;
  color: #05a951;
}

.kbiz-accordion .register-method-normal-mobile {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

.disabled-action {
  pointer-events: none;
  opacity: 0.5;
}

.register-header p {
  position: relative;
  padding-left: 10px;
  margin-bottom: 0;
}

.register-header p:before {
  content: "•";
  position: relative;
  top: 0px;
  left: 0px;
  margin-right: 5px;
}

@media (max-width: 575px) {
  .kbiz-regist {
    text-align: center;
  }
}

.download-popup-style .mfp-content {
  max-width: 1440px !important;
  width: 100%;
  background: linear-gradient(180deg,
      rgba(58, 64, 76, 1) 0%,
      rgba(37, 40, 50, 1) 100%);
  border-radius: 15px;
}

.download-popup-style.mfp-close-btn-in .mfp-close {
  background-color: #02ca77;
}

.download-popup-style .popup-inner {
  padding: 60px 0;
}

.popup-inner .sc-content .title{
  max-width: 660px;
  margin: auto;
  margin-bottom: 32px;
  
}



.popup-inner .sc-content .title p{
  color:var(--cr-green-3);
  font-family: "kurious-looped";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 0;
  margin-left: -57px;
}

.download-popup-style .sc-content .title ul{
  display: block;
  color: #fff;
}

.download-popup-style .sc-content .title li{
  list-style: disc;
  padding: 0;
}

.download-popup-style .sc-heading {
  text-align: center;
  margin-bottom: 40px;
}

.download-popup-style .sc-heading .title {
  color: #fff;
  font-family: "kurious-looped";
  font-size: 24px;
  font-weight: 600;
}

.download-popup-style .sc-content ul {
  padding: 0;
  margin: 0 -40px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.download-popup-style .sc-content li {
  padding: 0 40px;
  list-style: none;
}

.download-popup-style .sc-content .thumb {
  width: 220px;
  margin: 0 auto;
  position: relative;
  text-align: center;
}

.download-popup-style .sc-content .thumb img {
  position: relative;
  z-index: 1;
}

.download-popup-style .sc-content .thumb .qrcode {
  position: absolute;
  z-index: 0;
  top: -20px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  /* background-color: #fff; */
  border-radius: 10px;
  padding: 35px;
  scale:1.1;
}

.download-popup-style .sc-content .content {
  padding-top: 16px;
  text-align: center;
}

.download-popup-style .sc-content .content .txt {
  color: #fff;
  font-family: "kurious-looped";
  font-size: 16px !important;
  font-weight: 400;
  line-height: 1.5;
}

.download-popup-style .sc-content .note {
  color: #fff;
  font-family: "kurious-looped";
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  margin-top: 30px;
  max-width: 720px;
}

.download-popup-style .sc-content .note .link {
  transition: transform 0.3s ease;
  color: #fff;
  text-decoration: underline;
}

.download-popup-style .sc-content .note .link:hover {
  color: #00a950;
}

.download-popup-style .mfp-content {
  max-width: 960px !important;
  /* height: 638px; */
  height: auto;
}


#popup-tel .sc-heading{
  margin-bottom: 0 !important;
}

#popup-tel .sc-heading h3.title{
  margin-bottom: 0 !important;
}



.download-popup-style .sc-content .thumb img {
  width: 180px;
}

.download-popup-style .sc-content .thumb #qrcode1 {
  width: 150px;
  max-width: inherit;
  position: relative;
  border-radius: 15px;
  left: 0px;
  top: 0px;
}

.download-popup-style.mfp-close-btn-in .mfp-close {
  background-color: var(--cr-green);
  border-radius: 50%;
  position: absolute;
  top: -20px;
  right: -20px;
  width: 40px;
  height: 40px;
  line-height: 0;
  text-align: center;
  font-size: 40px;
  color: #fff;
  opacity: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media only screen and (min-width: 576px) {
  .download-popup-style .sc-content ul {
    flex-direction: row;
  }

  .download-popup-style .sc-content li {
    padding: 0 10px;
  }
}

@media only screen and (min-width: 768px) {
  .download-popup-style .sc-heading .title {
    font-size: 33px;
    line-height: 50px;
  }

  .download-popup-style .popup-inner {
    padding: 40px 0;
  }

}

@media only screen and (min-width: 991px) {
  .download-popup-style .sc-content li {
    padding: 0 40px;
  }

  .download-popup-style .sc-content .step li {
    padding: 0 40px;
    max-width: 300px;
  }
}

.kbiz-accordion .section-droplead::before {
  background: transparent;
}

.kbiz-accordion .section-droplead::after {
  background: transparent;
}

.kbiz-accordion .section-droplead {
  background: url('https://www.kasikornbank.com/SiteCollectionDocuments/kbiz2023/assets/pages/apply/img/bg-droplead.png');
  background-repeat: no-repeat;
  background-size: cover;
}


/* ##############################option##################################### */
:root {
  --wp-green: #00A94F;
  --wp-green2: #34998E;
  --wp-green3: #E7F5ED;
  --wp-green4: #E6F7EE;
  --wp-green5: #75D2C5;

  --wp-dark: #333;
  --wp-dark-2: #666;
  --wp-dark-3: #999;
  --wp-dark-4: #B0B0B0;

  --wp-light: #F4F4F4;
  --wp-light2: #FBFBFB;
  --wp-light3: #D9D9D9;
  --wp-light4: #DDD;
  --wp-light5: #ECECEC;
  --wp-light6: #EBEBEB;
  --wp-light7: #E8E8E8;
  --wp-light8: #D7D7D7;
  --wp-light9: #F9F9F9;

  --wp-red: #ED0000;

  --wp-candy-1: #409E45;
  --wp-candy-2: #BEC842;
  --wp-candy-3: #2DAB9A;
  --wp-candy-4: #EE825C;
  --wp-candy-5: #A987BD;
}

.requirement-section .check-box {
  background-color: #fff;
  border-top: 4px solid var(--cr-green);;
  border-radius: 8px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding: 48px 0;
}

.requirement-section .check-box .line-box {
  border-bottom: 1px solid #eee;
  margin: 40px 40px 24px;
}

.requirement-section .button {
  display: grid;
  justify-content: center;
  gap: 24px;
}

.mt-30 {
  margin-top: 30px;
}

.requirement-section .button .btn-more {
  border-radius: 8px;
  background: #4FD794;
  color: #FFF;
  font-family: "kurious-looped";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
  width: 100%;
  max-width: inherit;
  padding: 0 16px;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
  /* pointer-events: none; */
}

.requirement-section .button .btn-more.inactive{
  pointer-events: none;
  background: #9de0bf;
}

.requirement-section .button .btn-more{
  background: #49C789;
  pointer-events: all;
}

.requirement-section .button .link {
  text-decoration: underline;
  font-weight: 600;
  text-align: center;
}

/* ############################ plan mobile ############################ */

#plan {
  padding: 48px 0 0;
}

.wp-c-choice {
  max-width: 600px;
  margin: 0 auto;
  /* padding-bottom: 16px; */
}

.wp-c-wrapper-radio {
  padding: 0 16px;
  border-radius: 8px;
  /* border: 1px solid var(--wp-light4); */
  background: #FFF;
  display: block;
  /* margin-bottom: 16px; */
  /* background-color: var(--wp-light5); */
  cursor: pointer;
  position: relative;
  margin-bottom: 24px;
}

.wp-c-wrapper-radio::after {
  content: '';
  position: absolute;
  top: -12px;
  right: 0;
  width: 270px;
  height: 73px;
  background-size: cover;
  display: none;
}

.wp-c-wrapper-radio.active {
  background-color: #FFF;
}

.wp-c-wrapper-radio.active::after {
  display: block;
}

._radio {
  width: 24px !important;
  height: 24px !important;
  max-width: 24px;
  background: #FFF;
  border-radius: 100%;
  vertical-align: middle;
  position: relative;
  margin: 0;
  margin-right: 16px;
  display: inline-block;
}

.wp-c-wrapper-radio input[type="radio"] {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  margin: 0;
}

._radio i {
  content: '';
  position: absolute;
  width: 24px;
  height: 24px;
  border-radius: 100%;
  background-color: #FFF;
  border: 1px solid var(--wp-dark-3);
  top: 0;
  left: 0;

  -webkit-appearance: none;
  -webkit-font-smoothing: antialiased;
  resize: none;
}

.wp-c-wrapper-radio.active ._radio i {
  border: 1px solid var(--wp-green);
}

.wp-c-wrapper-radio.active ._radio i::after {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  background-color: var(--wp-green);
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px;
}

.wp-c-wrapper-radio span {
  font-weight: 600;
  color: #333;
  /* margin-left: 16px; */
  /* margin-bottom: 10px; */
  line-height: 35px;
}


.wp-c-wrapper-radio.active span {
  color: #00A94F;
}

.wp-c-wrapper-radio.active i {
  color: var(--wp-green);
}

.wp-c-wrapper-radio i {
  font-size: 27px;
  color: var(--wp-dark-4);
  vertical-align: middle;
}

#plan .form-text-input {
  color: var(--wp-dark);
}

.wp-c-form {
  padding-top: 16px;
  border-top: 1px solid var(--wp-light6);
  display: none;
}

.wp-c-form.active {
  display: block;
}

.wp-c-btn {
  padding-bottom: 48px;
  padding-top: 32px;
  text-align: center;
}

.wp-c-btn .btn-green-sm-default {
  font-size: 16px;
  font-weight: 600;
  width: 100%;
  text-align: center;
  margin-bottom: 24px;
}

.wp-c-switch {
  display: flex;
  margin-bottom: 24px;
}

.switch {
  position: relative;
  display: inline-block;
  margin-right: 8px;
}

.switch-input {
  display: none;
}

.switch-label {
  display: block;
  width: 40px;
  height: 24px;
  clip: rect(0 0 0 0);
  color: var(--wp-dark);
  font-weight: 600;
  user-select: none;
}

.switch-text {
  color: var(--wp-dark);
  font-weight: 600;
}

.switch-label:before,
.switch-label:after {
  content: "";
  display: block;
  position: absolute;
  cursor: pointer;
}

.switch-label:before {
  width: 100%;
  height: 100%;
  background-color: var(--wp-light7);
  border-radius: 9999em;
  transition: background-color 0.25s ease;
}

.switch-label:after {
  top: 2px;
  left: 2px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.45);
  transition: left 0.25s ease;
}

.switch-input:checked+.switch-label:before {
  background-color: var(--wp-green);
}

.switch-input:checked+.switch-label:after {
  left: 18px;
}

.content-switch {
  display: none;
}

.content-switch.active {
  display: block;
}

.form-input input {
  font-size: 16px;
  color: var(--wp-dark);
}

.custom-sync-wrapper {
  position: relative;
  cursor: pointer;
}

.custom-sync-wrapper i {
  top: 16px;
  right: 19px;
  position: absolute;
  width: 9px;
  height: 9px;
  border-right: 2px solid var(--wp-dark);
  border-bottom: 2px solid var(--wp-dark);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg)
}

.custom-input.active .custom-sync-wrapper i {
  top: 19px;
  right: 19px;
  position: absolute;
  width: 9px;
  height: 9px;
  border-right: 2px solid var(--wp-dark);
  border-bottom: 2px solid var(--wp-dark);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(-135deg);
}

.custom-input.active .custom-input-wrapper {
  display: block;
}

.custom-input-wrapper {
  position: absolute;
  top: 78px;
  left: 0;
  right: 0;
  border: 1px solid var(--wp-light4);
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.25);
  z-index: 9;
  display: none;
}

.custom-fill {
  padding: 16px;
  background: var(--wp-green4)
}

.custom-suggestion {
  padding: 16px;
  background: #FFF;
  display: flex;
  flex-wrap: wrap;
}

.suggestion-value {
  font-size: 13px;
  font-weight: 600;
  line-height: 40px;
  text-align: center;
  border: 1px solid var(--wp-light8);
  border-radius: 8px;
  margin: 0 4px 8px;
  width: calc(50% - 8px);
  cursor: pointer;
}

.suggestion-value.active {
  background: var(--wp-green4);
  border: 1px solid var(--wp-green);
}

.wp-c-calculate {
  padding: 48px 0 0;
  background-image: url(../img/section-cal/wealthplus_bg-cal_mobile.jpg);
  background-size: cover;
  background-position: top center;
}

.wp-c-calculate .wp-h2 {
  text-align: center;
}

.box-wp-c-chart {
  margin-right: -69px;
  margin-left: -13px;
}


.wp-c-chart-box {
  background-color: #FFF;
  border-radius: 8px;
  margin: 16px 0;
  padding: 24px 16px;
  /* height: 345px; */
}

.wp-c-chart-title {
  display: flex;
  justify-content: space-between;
  color: var(--wp-dark);
  align-items: end;
  margin-bottom: 8px;
}

.wp-c-chart-title div {
  display: flex;
  align-items: baseline;
  color: var(--wp-dark-2);
  font-weight: 600;
}

.wp-c-chart-title span {
  color: var(--wp-green);
  font-size: 24px;
  margin-right: 8px;
}

.wp-c-chart-remark {
  display: flex;
  align-items: center;
  justify-content: center;
}

.wp-c-chart-remark i {
  width: 32px;
  height: 3px;
  background-color: var(--wp-green5);
  display: inline-block;
}

.wp-c-chart-remark div {
  font-size: 13px;
  font-weight: 500;
  color: var(--wp-dark);
  font-family: "kurious-looped";
  margin-left: 8px;
}

.wp-c-heading {
  font-weight: 700;
  color: var(--wp-dark);
  position: relative;
  margin-bottom: 16px;
}

.wp-c-heading span {
  padding-right: 24px;
}

.wp-c-heading:after {
  content: '';
  position: absolute;
  height: 1px;
  background-color: rgba(102, 102, 102, 0.3);
  top: 50%;
  right: 0px;
  left: 132px;
}

.wp-c-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: "kurious-looped";
  color: var(--wp-dark);
  padding: 8px 16px;
  margin-left: -16px;
  margin-right: -16px;
}

.wp-c-wrapper:nth-child(even) {
  background-color: rgba(255, 255, 255, 0.5);
}

.wp-c-wrapper:nth-child(odd) {
  background-color: rgba(46, 170, 153, 0.10);

}

#level-of-risk {
  text-align: right;
}

/* ############################ plan mobile ############################ */

@media screen and (min-width: 1024px) {

  /* ############################ plan desktop ############################ */
  #plan {
    padding: 64px 0 0;
  }

  /* .wp-c-choice {
      display: flex;
      margin-left: -10px;
      margin-right: -10px;
      padding-bottom: 24px;
  } */

  .wp-c-wrapper-radio {
    /* width: 45%; */
    margin: 0 auto;
    margin-left: 0;
  }

  .wp-c-wrapper-radio span {
    line-height: 38px;
  }

  .custom-fill {
    padding: 16px 50px;
  }

  .custom-suggestion {
    padding: 16px 50px;
  }

  .wp-c-btn {
    text-align: center;
  }

  .wp-c-btn .btn-green-sm-default {
    width: 315px;
    margin-bottom: 0;
  }

  .wp-c-btn .btn-green-sm-default.hide-xs {
    display: inline-block !important;
  }

  .custom-suggestion {
    margin-left: -16px;
    margin-right: -16px;
  }

  .suggestion-value {
    width: calc(25% - 32px);
    margin-left: 16px;
    margin-right: 16px;
  }

  .wp-c-chart-box {
    /* height: 310px; */
    padding: 40px;
  }

  .wp-c-chart-remark {
    justify-content: left;
  }

  .wp-c-result {
    display: flex;
    margin-left: -8px;
    margin-right: -8px;
  }

  .wp-c-result>div {
    width: 50%;
    margin: 0 8px;
  }

  .wp-c-wrapper {
    margin: 0;
  }

  .wp-c-calculate {
    background-image: url(../img/section-cal/wealthplus_bg-cal_desktop.jpg);
  }

  .wp-c-btn a {
    margin: 0 20px;
  }

  .wp-c-wrapper-radio::after {
    top: 0;
  }

  .wp-c-chart-title {
    width: max-content;
    align-items: baseline;
  }

  .wp-c-chart-title div {
    margin-left: 24px;
  }

  .box-wp-c-chart {
    margin-left: -53px;
    margin-right: -80px;
  }

  #wp-c-chart {
    padding-left: 40px;
  }


}

@media screen and (max-width: 767px) {
  .requirement-section .button {
    display: block;
    padding: 0 16px;
    text-align: center;
  }

  .requirement-section .check-box {
    padding: 44px 0;
  }

  .requirement-section .button .link {
    margin-top: 24px;
    display: block;
  }

  .requirement-section .button .btn-more {
    margin: 0 auto;
  }

  .wp-c-wrapper-radio {
    display: flex;
  }
  .wp-c-wrapper-radio span{
    line-height: 30px;
  }

  .wp-c-wrapper-radio span.mg{
    margin-left: 10px;
  }
}


/* ############################ plan desktop ############################ */
/* ##############################option##################################### */

/* ##############################download##################################### */

.sc-download {
  background: url(../img/new-pages/bg-pc.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border-radius: 10px;
  padding: 0 150px;
  padding-bottom: 0;
}

.c-white {
  color: #fff;
}

.tb {
  display: table;
  width: 100%;
}

.tbcell {
  display: table-cell;
}

.v-bottom {
  vertical-align: bottom;
}

.v-middle {
  vertical-align: middle;
}

.icon-download a {
  text-decoration: none;
  font-size: 0;
}

.sc-download h3.heading {
  font-size: 40px;
}

.btn-w{
  width: 100%;
    max-width: 304px;
    height: 44px;
    border-radius: 8px;
    background: #FFF;
    color: #00A94F;
    text-align: center;
    font-family: "kurious-looped";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    padding: 10px 30px;
    display: block;
}

.btn-w:hover{
  color: #00A94F;
}

@media screen and (min-width: 320px) {
  .icon-download a img {
    margin-right: 5px;
  }
}


@media screen and (min-width: 767px) {
  .sc-download-inner {
    padding: 0 30px;
  }

  .sc-main-download .image {
    margin-top: 35px;
    text-align: center; 
  }

  .icon-download {
    margin-top: 16px;
    /* margin-bottom: 59px; */
  }

  .sc-download h3.heading {
    font-size: 45px;
  }

  .visible-w767 {
    display: none !important;
  }
}

@media screen and (min-width: 991px) {
  .sc-download-inner {
    padding: 0 150px;
  }
}



@media screen and (min-width: 1024px) {
  .requirement-section.pb-0 {
    padding: 0 60px
  }
}

@media screen and (max-width: 991px) {
  .requirement-section.pb-0 {
    padding: 60px 0;
  }
}



@media screen and (max-width: 1024px) {
  .sc-download {
    padding: 40px 70px;
    padding-bottom: 0;
  }

  .requirement-section.pb-0 {
    padding: 0;
  }

  .icon-download a img {
    margin-bottom: 5px;
  }
}

@media screen and (max-width: 767px) {
  .sc-download-inner {
    padding: 25px 15px 0;
  }

  .sc-download {
    padding: 50px 30px;
    padding-bottom: 0;
    background: url(../img/new-pages/bg-mb.jpg);
  }

  .tbcell {
    display: block
  }

  .requirement-section.pb-0 {
    padding: 0 16px;
  }


  .sc-main-download .image {
    margin-top: 32px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }

  .icon-download a img {
    margin-right: 5px;
    margin-bottom: 8px;
  }

  h2.mb-l strong {
    text-align: left;
    font-size: 24px !important;
  }
}

.sc-download img {
  border: 0;
  max-width: 100%;
  vertical-align: middle;
}


span.nw {
  white-space: nowrap;
  margin-left: 0;
}

@media screen and (max-width: 767px) {
  .hidden-w767 {
    display: none !important;
  }
}

/* ##############################download##################################### */

/* ##############################esa##################################### */
/* title-kesavings */
.title-kesavings {
  background: url('https://www.kasikornbank.com/SiteCollectionDocuments/kbiz2023/assets/pages/apply/img/new-pages/k-esaving-acc_bg.png'), linear-gradient(to right, #26B15F 0%, #6DCF96 100%);
  background-size: cover;
  border-radius: 8px;
  padding: 40px 75px;
  display: flex;
  align-items: center ;
  gap: 79px;

}

.txt-ke h3 {
  margin-bottom: 16px;
}

.txt-ke p{
  color: #FFF;
  font-family: "kurious-looped";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
  margin-bottom: 0;
}

.btn-sc {
  border-radius: 8px;
  background: #FFF;
  color: #00A94F;
  text-align: center;
  font-family: "kurious-looped";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  width: 100%;
  max-width: 304px;
  height: 44px;
  /* padding: 10px 60px; */
  margin-top: 24px;
  display: grid;
  align-content: center;
  padding: 0px 16px;
}

.btn-sc:hover {
  color: #00A94F;
}
@media screen and (max-width: 767px) {
  .title-kesavings{
    background: url('https://www.kasikornbank.com/SiteCollectionDocuments/kbiz2023/assets/pages/apply/img/new-pages/k-esaving-acc_bg-m.png'), linear-gradient(to right, #26B15F 0%, #6DCF96 100%);
    display: block;
    padding: 40px;
  }
  .logo-ke img{
    width: 100%;
    max-width: 264px;
  }
}

@media screen and (max-width: 1024px) {
  .title-kesavings{
    padding: 40px 30px;
    gap: 0;
  }
}

/* .kbiz-navbar .nav-item .nav-link{
  font-family: 'Kanit';
} */
/* ##############################esa##################################### */




/* ####################popup####################### */

.popup-box{
  padding: 48px;
}

.icw-popup .mfp-content{
  top: -95px !important;
}

.popup-box p{
  color: #333;
  font-family: "kurious-looped";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
}
.popup-box p.scan-qr-desc{
  color: #666;
  font-family: "kurious-looped";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}

.icw-popup{
  background: #fff !important;
  border-radius: 8px;
}

.icw-popup .content-table.mt-24.wd-70{
  margin-top: 24px;
}
.icw-popup table.table-style2 {
    overflow: hidden;
    margin-bottom: 0;
    border-collapse: collapse;
    border-radius: 10px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.06);
}

.icw-popup .mfp-close{
  background-color: #00A94F !important;
  color: #fff;
  top: -20px !important;
  right: -20px !important;
  opacity: 1;
}

.icw-popup h3{
  font-size: 20px;
  color: #333;
  font-family: "kurious-looped";
  font-weight: 700;
  margin-bottom: 16px;
}

.icw-popup h4{
  font-size: 16px;
  color: #666;
  font-family: "kurious-looped";
  font-weight: 500;
  margin-bottom: 0;
}

.icw-popup h4.mb-8{
  margin-bottom: 8px;
}

.icw-popup h4.mb-15{
  margin-bottom: 35px;
}

@media screen and (max-width:767px) {
  .popup-box{
    padding: 32px 16px;
  }
}
/* ####################popup####################### */



/*############################ sc-interest ###################################*/
@media screen and (min-width: 200px) {
    .sc-interest{background: #fafafa;}
    .sc-interest .sc-inner{padding: 48px 0 48px;}
    .sc-interest.section .sc-heading{margin-bottom: 16px;}
    .sc-interest .sc-heading .title{margin: 0;}
    .sc-interest .tab .control{gap: 24px;}
    .sc-interest .tab-inner{padding: 0; background: #fff;border-top:solid 0px var(--cr-green);box-shadow: 0px 1px 3px 0px #0000001A; border-radius: 0 0 8px 8px; margin-bottom: 40px; margin-left:-7.5px; margin-right:-7.5px;}
    .sc-interest .tab-inner li{list-style-position: outside; margin-left:16px;line-height:32px;}
    .sc-interest .tab-inner .h-title{color: var(--cr-black); margin: 0 0 16px; text-align: center; font-size: 18px;}
    .sc-interest .tab-inner .content{background:#fff; padding:16px 32px; height:fit-content;}
    .sc-interest .note{margin: 40px 0px 0; background: #FAFAFA; padding: 16px;}
    .sc-interest .note p{line-height: 1.5em; font-family: kurious-looped; font-weight: 500; color: var(--cr-dark); font-size: 13px;}
    .sc-interest .note p strong{font-weight: 600; color: var(--cr-black)}
    .sc-interest .action{text-align: center; padding-top: 32px; padding-bottom: 0px;}
    .sc-interest .action .link{padding-left: 0px; display: inline; text-decoration: none;}
    .sc-interest .action .link .icon{color: var(--cr-green); font-size: 18px; display: inline-block; vertical-align: middle;}
    .sc-interest .action .link .txt{text-decoration: underline;}

}
@media screen and (min-width: 768px) { 
  
  .sc-interest .tab-inner{padding: 0; background: #fff;border-top:solid 5px var(--cr-green);box-shadow: 0px 1px 3px 0px #0000001A; border-radius: 0 0 8px 8px; margin-bottom: 40px; margin-left:0; margin-right:0;}
  .sc-interest .tab-inner .content{background:#fff; padding:48px 32px;}
    .sc-interest .sc-inner{padding: 64px 0;}
    .sc-interest .tab .control{gap: 48px;}
    .sc-interest .note{margin:0; border-radius: 8px;}
    .sc-interest .action{padding-bottom: 0;}
    /* .sc-interest .tab-inner{padding: 48px 32px;} */
    .sc-interest .tab-inner .h-title{font-size: 16px;}

}
@media screen and (min-width: 1200px) {

}


/*============================== tab ===============================*/
.tab-control{position: relative; height: 32px; position: relative; margin-bottom: 40px;}
.tab-control:before{content: ''; position: absolute; height: 1px; left: 0; bottom: 0px; right: 0; 
  background-color: #DBDBDB; border-radius: 50px; z-index: 4;
}
.tab {position: relative; z-index: 3;}
.tab .control{display: flex; flex-wrap: nowrap; justify-content: center; gap: 48px;}
.tab .control a {display: flex; justify-content: center; align-items: center; height: 32px; line-height: 1.4; white-space: nowrap;
  font-weight: 600; font-size: 16px; color: var(--cr-lightgray);text-align: center; position: relative; z-index: 1; text-decoration: none; transition: var(--tsition);
}
.tab .control a.active {color:var(--cr-dark); font-weight: 600; pointer-events: none;}
.tab .selector {height: 3px; background-color: var(--cr-green); position: absolute;
  left: 0;bottom: 0;z-index: 0; border-radius: 0;
  -webkit-transition-duration: .5s;
  -o-transition-duration: .5s;
  transition-duration: .5s;
  -webkit-transition-timing-function: cubic-bezier(.42, 0, .58, 1);
  -o-transition-timing-function: cubic-bezier(.42, 0, .58, 1);
  transition-timing-function: cubic-bezier(.42, 0, .58, 1);
}
.tab.active{overflow: visible;}
.tab.active .control {display: block; flex-wrap: inherit; width: auto; margin-left: -16px; margin-right: -41px;
  position: relative; z-index: 1; top: 40px; padding: 15px 5px; background-color: #f4f4f4;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.05);
}
.tab.active .control a {display: inline-flex; height: auto; padding: 8px 32px; border: 1px solid #ddd;
  border-radius: var(--radius); background-color: var(--cr-light); margin: 4px; color: #999;
}
.tab.active .control a.active {border-color: var(--cr-green); color: var(--cr-green);}

.tab-content {position: relative;opacity: 0;height: 0;overflow: hidden;visibility: hidden; display: block; transition: var(--tsition);}
.tab-content.active {opacity: 1;height: auto;overflow: visible;visibility: visible;}

@media screen and (max-width: 767px) {
  ::-webkit-scrollbar {display: none;}
.tab-control{position: relative; height: 32px; position: relative; margin-bottom: 32px;}

}

/*############################ sc-nav-gallery  ###################################*/

.details-container{
  border-top:none;
  background:#ECF4F3;
  padding-left:16px;
  padding-right:16px;
}

/* .sc-nav-gallery .wrapper {
  max-width: 336px
} */
.sc-nav-gallery .wrapper .title{
  font-weight: 600;
}

.sc-nav-gallery .wrapper .title,
.sc-nav-gallery .wrapper .desc{
  text-align: center;

}

/*============================== sc-highlight-banner ===============================*/

.sc-highlight-banner{
  background-image: url(../img/promotion-banner-mb.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  margin-top: 64px;
}
.sc-highlight-banner .sc-inner{
  padding: 32px 0;
  padding-top:80px;

}

@media (min-width: 768px) {
  .sc-highlight-banner{
    background-image: url(../img/promotion-banner-pc.png);
    margin-top: 0;
  }
  .sc-highlight-banner .sc-inner{
    padding: 32px 0;
    padding-top:156px;
  }
}



/*============================== sc-support ===============================*/

.sc-support{
  background-image: url(../img/shortcut-bg-mb.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
}

.sc-support .container{
  padding: 64px 0px ;
}

.sc-support .container .content-top{
  margin: 0 auto 40px;
  text-align: center;
  color: #fffFFF;
}



.sc-support .container .contact-list{
  display: flex;
  flex-direction: column;
  gap:0px;
  margin-bottom: 0px;
  padding: 24px 16px 0px;
  background: transparent;

}

.sc-support .container .contact-list .contact{
  background: transparent;
  max-width: none;
  border-radius: none;
  padding: 16px 0px;
  border-bottom: 1px solid #DBDBDB;
  display: flex;
  flex-direction: row;
  gap: 12px;
}

.sc-support .container .contact-list .contact i{
  font-size: 24px;
}

.sc-support .container .contact-list .contact .contact-data{
  line-height: 24px;
}
.sc-support .container .contact-list .contact .contact-data p{
  margin-top: 8px;
  line-height: 24px;

}

.sc-support .container  .contact p{
  text-underline-offset: 1px;
  text-decoration: underline;
  text-decoration-color: #00A94F
}

@media screen and (min-width:768px) {
  .sc-support{
    background-image: url(../img/shortcut-bg-pc.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
  }
  .sc-support .container .content-top p{
    margin-top:8px;
  }

  .sc-support .container .contact-list{
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap:16px;
    padding:0px;
    background: transparent;

  }
  .sc-support .container .contact-list .contact{
      max-width: 215px;
      width:100%;
      height: 144px;
      padding:16px;
      border-radius: 8px;
      display: flex;
      flex-direction: column;
      gap: 8px;
      background:#fff;
  }

  .sc-support .container .contact-list .contact i{
    font-size: 32px;
  }

  .sc-support .container .contact-list .contact .contact-data{
    margin-top: 8px;
  }

  .sc-support .container .contact-list .contact .contact-data p{
    margin-top: 0px;
  }
}


/*############################ select2 ###################################*/
.select2-hidden-accessible {border: 0;clip: rect(0 0 0 0);clip-path: inset(50%); height: 1px; overflow: hidden; padding: 0; 
  position: absolute;width: 1px;white-space: nowrap;
}
.select2-container {position: relative;display: block;margin: 0;}
.select2-dropdown {background: var(--cr-light); display: block;position: absolute;width: 100%; z-index: 1051;
  -webkit-transition: border-color 250ms ease-in-out;
  -o-transition: border-color 250ms ease-in-out;
  transition: border-color 250ms ease-in-out;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-animation: fadeIn 400ms;
  animation: fadeIn 400ms;
}
.select2-dropdown { border: 1px solid #D7D7D7; border-top: 0; border-radius: 0 0 25px 25px;box-shadow: 0 5px 6px rgba(0, 0, 0, .1);}
.select2-dropdown.select2-dropdown--above{ border-bottom: 0; border-top: 1px solid var(--cr-green); border-radius: 25px 25px 0 0;box-shadow: 0 0px 0px rgba(0, 0, 0, .1);}
.select2-container--default.select2-container--open:not(.select2-container--disabled) .select2-selection--single, 
.select2-container--default.select2-container--open:not(.select2-container--disabled) .select2-dropdown, 
.select2-container--default.select2-container--focus:not(.select2-container--disabled) .select2-selection--single {/* background-color: var(--cr-light); */border-color: var(--cr-green);}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single{ border-bottom: 0;border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
.select2-container--open .select2-dropdown--below { border-top: 0;border-top-left-radius: 0; border-top-right-radius: 0;}
.select2-container--open .select2-dropdown {left: 0;overflow: hidden;}
.select2-search--dropdown.select2-search--hide {display: none;}
.select2-container .select2-results {display: block;}
.select2-container .select2-results__options {list-style: none;margin: 0;padding: 0;}
.select2-container--default .select2-results > .select2-results__options {
  max-height: 170px;
  overflow-y: auto;
  background-color: var(--cr-light);
  color: #aaa;
}
.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar {
display: none;
}
.select2-container .select2-results__option { margin: 0; font-size: 16px; word-wrap: break-word;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.select2-container .select2-results__option {padding: 13px 8px 13px 16px;border: 0;font-weight: 600;font-family: 'kurious-looped';}
.select2-container .select2-results__option[role="group"] {padding: 0; border: 0;}
.select2-container .select2-results__option[role="group"] .select2-results__group{display: block; padding: 13px 8px 13px 16px; font-weight: 600; color: var(--cr-gray); font-size: 13px;}
.select2-container--default .select2-results__option--highlighted[aria-selected] {background-color: var(--cr-green);color: var(--cr-light);}
.select2-selection__rendered{border-radius: 25px;border: none;margin: 0;width: 100%; min-height: 48px; font-size: 16px; font-weight: 600; position: relative;
  padding-left: 16px; padding-top: 10px; padding-bottom: 10px; padding-right: 64px; background-color: var(--cr-light); color:var(--cr-green); 
  border: 1px solid #D7D7D7; line-height: 1.5em; text-align: left; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;
}
.select2-selection__rendered:after{content: ''; display: table; clear: both;}
.select2-selection__rendered .select2-selection__clear{position: absolute; top: 12px; right: 16px; font-size: 26px; color: var(--cr-gray); background: #f2f2f2; cursor: pointer;
  border-radius: 50%; width: 26px; height: 26px; line-height: 25px; display: flex; justify-content: center; align-items: center; text-align: center; display: none;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder{color: var(--cr-lightgray);}
.select2-container--default .select2-selection--single{background-color: transparent; border: none;}
.select2-container--open .select2-selection__rendered{border-radius: 25px 25px 0 0; border-color: var(--cr-green); border-bottom-color: transparent;}
.select2-container--above.select2-container--open .select2-selection__rendered{border-radius: 0 0 25px 25px;}
.select2-container--default .select2-selection--single .select2-selection__arrow b{display: none;}
.select2-container--default .select2-selection--single .select2-selection__clear{display: none;}
.select2-container--default .select2-selection--single .select2-selection__arrow{right: 24px; top: 16px; margin: auto; height: 16px; width: 16px; 
  pointer-events: none; position: absolute; display: none;
}
.select2-container--default .select2-selection--single .select2-selection__arrow:before,
.select2-container--default .select2-selection--single .select2-selection__arrow:after { position: absolute;content: "";display: inline-block;width: 12px; height: 3px;
  background-color: var(--cr-gray); transition: var(--tsition);
}
.select2-container--default .select2-selection--single .select2-selection__arrow:before{position: absolute;transform: rotate(45deg);top: 5px;left: -1px;}
.select2-container--default .select2-selection--single .select2-selection__arrow:after {position: absolute;transform: rotate(-45deg);top: 5px;left: 6px;}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow:before {transform: rotate(-45deg);}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow:after {transform: rotate(45deg);}


.select2-container--default .select2-search--hide + .select2-results .select2-results__option[role="treeitem"]{padding-left: 16px;}
.select2-container--default .select2-search--hide + .select2-results .select2-results__option[role="treeitem"]:before{display: none;}
.select2-container--default .select2-results__option[role="treeitem"]{position: relative; padding-left: 24px;}
.select2-container--default .select2-results__option[role="treeitem"]:before {content: ""; position: absolute; top: 11px; left: 16px;
  display: block; height: 24px;width: 24px; border: 1px solid var(--cr-lightgray);border-radius: 4px;background-color: var(--cr-light);
}
.select2-container--default .select2-results__option[aria-selected=true]:before {content: "\e972"; font-family: 'iconavigation';
  display: inline-flex; justify-content: center; align-items: center; font-size: 16px; 
}
.select2-container--default .select2-results__option.select2-results__option--highlighted[aria-selected="true"]{color: var(--cr-light);}
.select2-container--default .select2-results__option.select2-results__option--highlighted[aria-selected="true"]:before{
  color: var(--cr-green);
  border-color: var(--cr-light);
  background: var(--cr-light);
}
.select2-container--default .select2-results__option[aria-selected="true"]{color: var(--cr-green);}
.select2-container--default .select2-results__option[aria-selected="true"]:before{color: var(--cr-light); border-color: var(--cr-green); background: var(--cr-green);}
.select2-container--default .select2-selection--multiple .select2-selection__choice {background-color: var(--cr-light); font-size: 16px;line-height: 1.5em;
  border: 1px solid #CCEEDC;border-radius: 8px;cursor: default;float: left;padding: 4px 8px;color: var(--cr-dark); margin: 3px; 
  text-overflow: ellipsis; overflow: hidden; max-width: 100%;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove{margin-right: 4px; 
  font-size: 18px; color: var(--cr-red); position: relative; top: 1px; display: none;
}
.select2-container--default .select2-selection--multiple .select2-search.select2-search--inline{pointer-events: none;margin: 4px 3px;}
/*.select2-container--default.select2-container--open .select2-selection--multiple .select2-selection__rendered{display: flex; flex-wrap: nowrap; overflow: auto;}*/
/*.select2-container--default.select2-container--open .select2-selection__rendered .select2-selection__clear{display: none;}*/
.select2-selection.select2-selection--multiple .select2-selection__rendered{padding-top: 7px; padding-bottom: 7px; padding-left: 13px; padding-right: 13px;}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {list-style: none;}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li .select2-search__field{max-width: 100%; pointer-events: none;}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li .select2-search__field:focus-visible{outline-offset: 0; border: 0; box-shadow: none; outline: 0;}
.select2-selection--multiple:focus-visible{outline-offset: 0; border: 0; box-shadow: none; outline: 0;}
.select2-container--default .dropdown-wrapper{right: 24px; top: 18px; margin: auto; height: 16px; width: 16px; pointer-events: none; display: block; position: absolute; }
.select2-container--default .dropdown-wrapper:before,
.select2-container--default .dropdown-wrapper:after { position: absolute;content: "";display: inline-block;width: 12px; height: 2px;
  background-color: var(--cr-dark); transition: var(--tsition);
}
.select2-container--default .dropdown-wrapper:before{position: absolute;transform: rotate(45deg);top: 5px;left: -1px;}
.select2-container--default .dropdown-wrapper:after {position: absolute;transform: rotate(-45deg);top: 5px;left: 6px;}
.select2-container--default.select2-container--open .dropdown-wrapper:before {transform: rotate(-45deg);}
.select2-container--default.select2-container--open .dropdown-wrapper:after {transform: rotate(45deg);}

/* ===================== Custom select2 ===================== */

.select2-search--dropdown {
border-top-right-radius: 10px;
border-top-left-radius: 10px;
padding: 10px;
background-color: #ECF4F3;
width:100%;
display: block;
position: relative;
border-bottom:solid 1px var(--cr-green);
}

.select2-search--dropdown:before,
.select2-search--dropdown:after { position: absolute;content: "";display: inline-block;width: 12px; height: 2px;
  background-color: var(--cr-dark); transition: var(--tsition);
}
.select2-search--dropdown:before{position: absolute;transform: rotate(45deg);top: 20px;right: 16px;}
.select2-search--dropdown:after {position: absolute;transform: rotate(-45deg);top: 20px;right: 24px;}


.select2-container--open .select2-dropdown:not(:has(.select2-search--hide)){
  top:-48px;
  border-radius: 24px;
  background-color:transparent;
}

.select2-search--dropdown .select2-search__field {
padding: 4px;
width: 100%;
box-sizing: border-box
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none
}

.select2-search--dropdown.select2-search--hide {
display: none
}

.select2-search--dropdown .select2-search__field {
height: 24px;
border-radius: 8px;
padding: 2px 15px;
}
.select2-search--dropdown .select2-search__field::placeholder{
  color:#999999;
  font-weight:600;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
/* border: 1px solid #aaa; */
border: 0;
font-size: 16px;
background:#ECF4F3;
}

.select2-container--default .select2-search--inline .select2-search__field {
background: transparent;
border: none;
outline: 0;
box-shadow: none;
-webkit-appearance: textfield
}

.select2-search--dropdown .select2-search__field:focus {
outline: none;
box-shadow: 0 0 1px 1px var(--green-color-3);
-webkit-box-shadow: 0 0 1px 1px var(--green-color-3);
-moz-box-shadow: 0 0 1px 1px var(--green-color-3);
}

.select2-search--dropdown .select2-search__field:focus {
outline: none;
box-shadow: 0 0 1px 1px var(--green-color-3);
-webkit-box-shadow: 0 0 1px 1px var(--green-color-3);
-moz-box-shadow: 0 0 1px 1px var(--green-color-3);
}

.select2-container--default .select2-results__option[role="treeitem"]:before,
.select2-container--default .select2-results__option[aria-selected=true]:before{
  content:"";
  display:none;
}
.select2-dropdown .select2-results{
  background:#fff;
}
.select2-results__option.select2-results__message{
  color:var(--cr-green);
  text-align:center;
  padding-top:56px;
  padding-bottom: 56px;
}
.select2-results .mCSB_scrollTools_vertical{
  width:0;
}
.select2-selection__rendered:has(:not(.select2-selection__placeholder)){
border:solid 1px var(--cr-green) !important;
}

.select2-container--open .select2-dropdown.select2-dropdown--above{
  top: 48px;
}

.select2-container--open .select2-dropdown.select2-dropdown--above:not(:has(.select2-search--hide)) {
  top: 48px;
  display: flex;
  flex-direction: column;
}

.select2-container--open .select2-dropdown.select2-dropdown--above .select2-search{
  order: 1;
}




/*############################ droplead-form  ###################################*/
@media screen and (min-width: 200px) {
  .droplead-form{margin: 0 auto; position: relative;}
  .droplead-form .client-radio{display: flex;width: 100%;justify-content: center; margin-bottom: 36px;}
  .droplead-form .form-check{display: flex; align-items: center;}
  .droplead-form .form-check+.form-check{margin-left: 48px;}
  .droplead-form .form-radio{width: 24px;height: 24px; margin: 0; margin-right: 16px;}
  .droplead-form .form-radio[type=radio]{width: 24px; height: 24px; padding: 0; cursor: pointer;
      background-color: var(--cr-light); border-radius: 50%; position: relative; border: 1px solid var(--cr-lightgray);
  }
  .droplead-form .form-radio:before{content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;
      width: 16px; height: 16px; background-color: transparent; border-radius: 50%; transition: var(--transition);
  }
  .droplead-form .form-radio-label{color: var(--cr-dark); margin-top: 1px; font-size: 16px; font-weight: 600; cursor: pointer;}
  .droplead-form .form-radio:checked[type=radio]{border-color: var(--cr-green);}
  .droplead-form .form-radio:checked[type=radio]:before{background-color: var(--cr-green);}
  .droplead-form .form-radio:checked[type=radio] ~ .form-radio-label{color: var(--cr-green);}
  .droplead-form .form-field{position: relative; transition: var(--transition); max-width: 400px;}
  .droplead-form .form-field:after{content: "\e93a"; font-size: 24px; font-family: 'iconavigation';
      position: absolute; right: 16px; bottom: 0px; color: var(--cr-warning2); opacity: 0; pointer-events: none;
      transition: var(--transition);
  }
  .droplead-form .form-field.-select:after{right: 56px;}
  .droplead-form .form-field{height: 0; opacity: 0; pointer-events: none; visibility: hidden; margin: 0; transition: var(--transition);}
  .droplead-form .form-field.show{height: auto; opacity: 1; pointer-events: visible; visibility: visible; margin-left: auto; margin-right: auto;}
  .droplead-form .form-field.show {margin-top: 36px;}
  .droplead-form .form-field.show + .form-field.show{margin-top: 36px;}
  .droplead-form label.txt{font-family: 'kurious-looped'; font-weight: 600; font-size: 13px; margin: 0 0 4px 16px; color: var(--cr-black); display: block;}
  .droplead-form label.txt small{font-family: 'kurious-looped'; font-weight: 500; font-size: 10px; margin: 0; color: var(--cr-dark); margin-left: 4px;}
  .droplead-form input.form-control{border-radius: 100px; min-height: 48px; padding: 12px 16px; color: var(--cr-dark); font-size: 16px; font-weight: 600; 
      line-height: 1.2em; background-color: var(--cr-light); margin: 0; width: 100%; height: 48px; font-family: 'kurious-looped';
      border: 1px solid #d7d7d7; outline: none; transition: var(--transition);
  }
  .droplead-form input.form-control:focus{border-color: var(--cr-green); box-shadow: none;}
  .droplead-form input.form-control::placeholder{color:var(--cr-lightgray);}
  .droplead-form input.form-control::-webkit-outer-spin-button,
  .droplead-form input.form-control::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
  .droplead-form input.form-control[type=number] {-moz-appearance: textfield;}
  .droplead-form .txt-note-box{display: block; background-color: rgba(255, 255, 255, 0.6); padding: 12px; border-radius: 8px; margin: 32px 0 40px;}
  .droplead-form .txt-note-box p{font-family: 'kurious-looped'; font-size: 13px; font-weight: 500; color: var(--cr-gray); line-height: 1.5em; margin: 0;}
  .droplead-form .txt-note-box p strong{font-weight: 600; color: var(--cr-black);}
  .droplead-form p.txt-note{font-family: 'kurious-looped'; font-size: 13px; font-weight: 500; color: var(--cr-gray); width: auto; padding-left: 16px; line-height: 1.5em; margin: 8px 0 0;}
  .droplead-form p.txt-note strong{font-weight: 600;}
  .droplead-form small.invalid-feedback{font-family: 'kurious-looped'; font-size: 13px; font-weight: 500; position: absolute; z-index: +1; opacity: 0;
      color: var(--cr-light); background-color: var(--cr-warning);width: auto; padding: 0px 16px; left: 0; right: 0px; bottom: 0px; pointer-events: none;
      border-radius: 100px; transition: var(--transition); line-height: 24px; display: block;
  }
  .droplead-form .form-field.inactive{opacity: 0.3; pointer-events: none;}
  .droplead-form .form-field.required{padding-bottom: 0;}
  .droplead-form .form-field.required:after {bottom: 8px; opacity: 1; }
  .droplead-form .form-field.required input.form-control{border-color: var(--cr-warning);}
  .droplead-form .form-field.required small.invalid-feedback{bottom: -32px; opacity: 1;}
  .droplead-form .form-field-radio{display: flex; min-height: 48px; padding-left: 16px;}
  .droplead-form .form-field-radio.show{display: flex !important;}
  .droplead-form .form-field-radio .form-check + .form-check{margin-left: 24px;}
  .droplead-form .form-field.-radio.required:after{display: none;}
  .droplead-form .form-field.-radio.required .form-field-radio .form-radio[type=radio]{border-color: var(--cr-warning);}

  .droplead-form .form-field.-range.required:after{display: none;}

  .droplead-form .form-row{display: block; flex-wrap: nowrap; margin: 0 auto; max-width: 864px;}
  .droplead-form .form-row > .form-field.show{width: 100%}
  .droplead-form .form-row + .form-row{margin-top: 36px;}

  .droplead-form .form-row.-flex-mb{display: flex; margin-left: -8px; margin-right: -8px;}
  .droplead-form .form-row.-flex-mb > .form-field.show{width: 50%; padding-left: 8px; padding-right: 8px;}
  .droplead-form .form-row.-flex-mb > .form-field.show + .form-field.show{margin-top: 0;}

  .droplead-form .form-spacial{display: block; justify-content: space-between; align-items: center; border-radius: 8px; 
      border: 1px solid #14CB8E; background: #F0F8F6; padding: 14px 24px; text-align: center;
  }
  .droplead-form .form-spacial .txt{font-size: 16px; font-weight: 600; color: var(--cr-black); line-height: 1.5em; white-space: nowrap;}
  .droplead-form .form-spacial .number{font-size: 28px; text-align: center; font-weight: 600; color: var(--cr-black); margin-top: 8px; display: block;}

  .droplead-form p.remark{padding: 40px 0px 0; font-family: 'kurious-looped'; line-height: 1.5em; font-size: 13px;
      color: var(--cr-gray); font-weight: 500; max-width: 430px; margin: 0 auto;
  }
  .droplead-form p.remark a{text-decoration: underline;}
  .droplead-form p.remark-note{font-family: 'kurious-looped'; padding: 40px 0px 0; line-height: 1.5em; font-size: 16px;
      color: var(--cr-gray); font-weight: 500; max-width: 430px; margin: 0 auto; text-align: center;
  }

  .droplead-form .action{padding-top: 16px; max-width: 430px; margin: 0 auto;}
  .droplead-form .action .btn{display: flex;width: 100%;align-items: center;justify-content: center; color: var(--cr-light);
      font-size: 18px;font-weight: 600;height: 48px;border: none;border-radius: var(--radius);background-color: var(--cr-green);
      font-family: 'kurious-looped'; transition: all .8s,color .3s .3s; overflow: hidden; position: relative; z-index: 1; cursor: pointer;
  }
  .droplead-form .action .btn.btn:before {content: '';position: absolute;z-index: -1;top: 0;left: -100%;width: 100%;height: 100%;
      transition: var(--transition);opacity: 0; background-color: #0BC160; margin: -1px;
  }
  .droplead-form .action .btn:hover:before{left: 0;opacity: 1;}
  .droplead-form .action .btn.disable{background: #CCC; color: var(--cr-lightgray); pointer-events: none;}
  .droplead-form .action-back{text-align: center; padding-top: 16px;}
  .droplead-form .action-back .btn-clear{display: inline-block;width: inherit; min-width: inherit; color: var(--cr-green); text-decoration: underline;
      font-size: 16px; font-weight: 600; height: inherit; border: none; border-radius: 0; cursor: pointer;
      background-color: transparent; padding: 0; font-family: 'kurious-looped';
  }
  .droplead-form .action-back .btn-clear .ic{margin-right: 6px; position: relative; top: -2px;}

  .droplead-form .captcha{margin: 16px 0 0; line-height: 1.6em; text-align: center; color: var(--cr-gray); font-family: 'kurious-looped'; font-size: 10px;}
  .droplead-form .captcha .link{line-height: 1.6em; color: var(--cr-gray); font-family: 'kurious-looped'; font-weight: 500;}

  .droplead-form .form-title{margin-top: 40px;}
  .droplead-form .form-title .title{text-align: center; line-height: 1.5em; color: var(--cr-gray);}
  .droplead-form .form-title + .form-row{margin-top: 36px;}

  .droplead-form .select2-selection__rendered{border-color: #d7d7d7;}
  .droplead-form .select2-container--open .select2-selection__rendered{border-color: var(--cr-green); border-bottom-color: var(--cr-light); background: #ECF4F3;}
  .droplead-form .select2-container--above.select2-container--open .select2-selection__rendered{border-color: var(--cr-green); border-top-color: var(--cr-light);}
  .droplead-form .select2-container--default .select2-selection--single .select2-selection__placeholder{color: var(--cr-black);}
  .droplead-form .select2-container .select2-selection--single [title].select2-selection__rendered {color: var(--cr-dark)}
  .droplead-form .form-field.required .select2-selection__rendered{border-color: var(--cr-warning);}

  .droplead-form .default-form,.droplead-thankyou .default-form{position: relative;opacity: 0;height: 0;overflow: hidden; visibility: hidden; pointer-events: none; padding: 0; border: none;
      -webkit-transition-property: opacity, visibility;
      -o-transition-property: opacity, visibility;
      transition-property: opacity, visibility;
      -webkit-transition: .6s ease-in-out;
      -o-transition: .6s ease-in-out;
      transition: .6s ease-in-out;
  }
  .droplead-form .default-form.active,.droplead-thankyou .default-form.active{opacity: 1;height: auto;overflow: visible; visibility: visible; pointer-events: visible;}
  
}
@media screen and (min-width: 768px) {
  .droplead-form .form-row{display: flex; margin: 0 -10px;}
  .droplead-form .form-row > .form-field.show{margin-left: 10px; margin-right: 10px; width: 50%; max-width: 400px;}
  .droplead-form .form-row > .form-field.show.fulid{width: 100%; max-width: inherit;}
  .droplead-form .form-row > .form-field.show + .form-field.show{margin-top: 0;}
  .droplead-form .form-row.-flex-mb{margin-left: -10px; margin-right: -10px;}
  .droplead-form .form-row.-flex-mb > .form-field.show{padding-left: 0; padding-right: 0; margin-left: 10px; margin-right: 10px;}
  .droplead-form .form-spacial{display: flex;}
  .droplead-form .form-spacial .txt{font-size: 20px;}
  .droplead-form .form-spacial .number{font-size: 33px; text-align: right; margin-top: 0; display: inline;}
  .droplead-form .txt-note-box{display: none;}
}
@media screen and (min-width: 992px) {
  .droplead-form .form-row > .form-field.show{max-width: 256px;}
}
@media screen and (min-width: 1025px) {
  .droplead-form .form-row{max-width: inherit;}
  .droplead-form .form-row > .form-field.show{max-width: inherit;}
}
@media screen and (min-width: 1200px) {
  .droplead-form .form-row > .form-field.show{max-width: 400px;}
}




/*############################ sc-apply ###################################*/
@media screen and (min-width: 200px) {
  .sc-apply{position: relative; overflow: visible;border-radius:8px;}
  /* .sc-apply.section .sc-inner{position: relative; overflow: hidden; background-image: linear-gradient( to right bottom, #445866, #3b4f5c, #334652, #2a3d48, #22343e );} */
  .sc-apply.form-step1{
    position: relative;
  }

  .sc-apply.form-step1:after{
    content: "";
    position: absolute;
    bottom: 0;
    background-image: url(../img/Droplead_K_Bank-bg-mb.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 0;
    width: 100%;
    height: 52.25%;
    border-radius: 8px;
    border-top-left-radius: 0px; border-top-right-radius: 0px;
  }
  .sc-apply.form-step1.show-confirm-tel:after{
    height: 49.20%;
  }
  .sc-apply.section .sc-inner{position: relative; overflow: hidden; background-image:url(../img/Droplead-bg-mb.jpg); background-repeat: no-repeat; background-size: cover; padding-top: 40px; padding-bottom: 60px;}
  .sc-apply.section .sc-heading{margin-bottom: 16px;}
  .sc-apply .sc-heading .title{line-height: 1.5em;}
  .sc-apply .sc-heading .title img{width: 40px; margin-top: -12px;}
  .sc-apply .sc-heading .title.-droplead{margin-bottom: 8px;}
  .sc-apply .sc-heading .desc{margin: 0; line-height: 1.5em; color: var(--cr-light);}
  .sc-apply .sc-heading .desc .icon{position: relative; top: 4px; margin-right: 3px; font-size: 20px;}

  .sc-apply .bg.-mb{position: absolute;z-index: 0;bottom: 0;width: 100%;height: 100%;right: 0; transition: var(--tsition);
    background-image: url(../img/table-bg-mb.png); background-repeat: no-repeat; background-size: cover;
    /* background-attachment: fixed;*/
}
  .sc-apply .bg.-dt{display: none;}

  .sc-apply .container{position: relative; z-index: 1;}
  .sc-apply .container > .row-flex{position: relative; display: block;}
  .sc-apply .container > .row-flex > div{display: block; max-width: inherit; padding-bottom:48px; }
  /* .sc-apply .container > .row-flex > div:first-child{padding: 24px 16px 42px; margin: -48px -16px 0; */
      /* background-image: linear-gradient( to right bottom, #445866, #3b4f5c, #334652, #2a3d48, #22343e ); */
      /* } */
  .sc-apply .container > .row-flex > div:last-child{padding: 48px 16px 0; margin: 0 -16px -48px;}

  .sc-apply .apply-list {display: flex;flex-wrap: wrap; max-width: 366px; margin: -8px auto 16px; justify-content: center; }
  .sc-apply .apply-list > div {width: 46%; display: flex;align-items: center; padding: 8px 0;}
  /* .sc-apply .apply-list > div:nth-child(even){justify-content: flex-end;} */
  .sc-apply .apply-list > div:nth-child(odd){justify-content: flex-start;}
  .sc-apply .apply-list span {color: var(--cr-light); line-height: 1.5em; font-weight: 500; width: auto; font-size: 16px;}
  .sc-apply .apply-list i{margin-right: 8px; min-width: 32px;}
  .sc-apply .apply-sub-text{text-align: center; color: #4CD6C3; line-height: 1.5em; margin: 0 0 24px; font-size: 13px;}
  .sc-apply .apply-sub-text .icon{font-size: 16px; position: relative; top: 2px; margin-right: 4px;}

  .sc-apply .apply-content{margin: 32px auto 32px; max-width: 400px; border-radius: 8px; padding: 0; align-items: center; flex-direction: column;}
  

  .sc-apply .apply-content .thumb{border-radius: 8px; background: #46C2B1; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.25); padding: 8px; font-weight: 182px;}
  .sc-apply .apply-content .thumb > img{border-radius: 6px;}
  .sc-apply .apply-content .content{margin-top:32px;padding-left: 32px; text-align: center;background-image: url(../img/doc-bg-pc.png); background-repeat: no-repeat center; background-size: cover;border: 1px solid #4CD6C399; border-radius: 8px; padding:24px 14px;}
  .sc-apply .apply-content .content li{margin-left:24px;font-size:16px;}
  .sc-apply .apply-content .content .h-title{color: var(--cr-light);}
  .sc-apply .apply-content .content .s-title{color: var(--cr-green);}
  .sc-apply .apply-content .content .app-logo{max-width: 80px; margin: 0 auto;}

  .sc-apply .apply-action{text-align: center;
      display: flex;
      flex-direction: column;
      gap: 16px;
  }
  .sc-apply .apply-action .link{color: var(--cr-light);}
  .sc-apply .apply-action .link.show-w767{display: inline-block;}
  .sc-apply .apply-action .link.hide-w767{display: none;}
  .sc-apply .apply-action .btn{margin-left: 0; padding: 0 24px;}
  .sc-apply .apply-action .btn.disable{background: #CCC; color: var(--cr-lightgray);}
  .sc-apply .apply-action .btn.active{display: inline-flex;}

  .sc-apply .container > .row-flex > .or-box{width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: -20px auto; 
      font-size: 18px; font-weight: 600; color: var(--cr-green); line-height: 1.5em; text-align: center; padding: 0; transition: var(--tsition);
      position: relative; top: auto; bottom: auto; right: 0; left: 0; background: var(--cr-light); opacity: 1;
  }

  .sc-apply .droplead-form{max-width: 864px;}
  .sc-apply .droplead-form .form-field{max-width: 432px;}
  .sc-apply .droplead-form .form-row{margin: 0 auto; max-width: 864px;}
  .sc-apply .droplead-form .form-row + .form-row{margin-top: 36px;}
  .sc-apply .droplead-form .form-row > .form-field.show{margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; width: 100%;}
  .sc-apply .droplead-form label.txt{color: var(--cr-light);}
  .sc-apply .droplead-form .form-field + .form-field.show{margin-top: 36px;}
  .sc-apply .droplead-form p.remark{color: var(--cr-light);}
  .sc-apply .droplead-form .captcha{color: var(--cr-light);}
  .sc-apply .droplead-form .captcha .link{color: var(--cr-light);}
  .sc-apply .droplead-form .personal-form.p1.active{display: flex; flex-direction: column; justify-content: space-between;}
  .sc-apply .droplead-form .action-back .btn-clear{color: var(--cr-light);}
  .sc-apply .droplead-form .form-row + .action{padding-top: 40px;}
  .sc-apply.-full .sc-inner:before{left: 100%; opacity: 0;}
  .sc-apply.-full .bg.-dt{width: 100%;}
  .sc-apply.-full .container > .row-flex > div:first-child{padding-right: 0px; display: none;}
  .sc-apply.-full .container > .row-flex > div:last-child{padding-left: 16px; margin-top: -68px;}
  .sc-apply.-full .container > .row-flex > .or-box{pointer-events: none; opacity: 0;}
  .sc-apply .warning{text-align: center; padding: 12px 16px; background: var(--cr-light); position: sticky; bottom: 0; z-index: 2;}
  .sc-apply .warning.active{position: relative; bottom: 0px;}
  .sc-apply .warning p{margin: 0; font-size: 13px; font-weight: 500; line-height: 1.8em; font-family: 'kurious-looped';}
  .sc-apply .warning .txt{font-weight: 600; display: inline-block; vertical-align: middle; margin-right: 8px; 
      border-radius: 4px; padding: 2px 10px 0; background: var(--cr-red); color: var(--cr-light); line-height: 1.5em;
  }
  .sc-heading .line{max-width: 260px; height: 1px; background: #CCCCCC; margin: 32px auto;}

  .accordion-section-droplead{
    margin-bottom: 16px;
  }
}

@media screen and (min-width: 768px) { 
  .sc-apply.section .sc-inner{position: relative; overflow: hidden; background-image:url(../img/Droplead_Full_-_Step_2_-bg-pc.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; padding-top: 40px; padding-bottom: 40px;}
  .sc-apply.form-step1{
    position: relative;
  }
  
  .sc-apply.form-step1:after{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    background-image: url(../img/Droplead_K_Bank-bg-pc.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 0;
    width: 50%;
    height: 100%;
    border-radius: 8px;
  }
  .sc-apply.form-step1.show-confirm-tel:after{
    width: 50%;
    height: 100%;
  }

  .sc-apply .container{padding: 0 0px;}
  .sc-apply.section .sc-inner{padding: 40px 0;}
  .sc-apply.section .sc-heading{margin-bottom: 16px;}
  .sc-apply .sc-heading .title{font-size: 26px;}
  .sc-apply .sc-heading .title img{width: 48px; margin-top: -12px;}

  .sc-apply .apply-list {max-width: 520px;}
  .sc-apply .apply-list i{margin-right: 16px; min-width: 42px;}
  .sc-apply .apply-list > div{width: 50%;}
  .sc-apply .apply-list > div:nth-child(even){justify-content: flex-start;}
  .sc-apply .apply-list span{width: auto;}
  .sc-apply .apply-content{display: flex; max-width: 500px;}
  /* .sc-apply .apply-action .btn{display: none;} */
  .sc-apply .apply-action .btn.active{display: none;}
  .sc-apply .apply-action .link.show-w767{display: none;}
  .sc-apply .apply-action .link.hide-w767{display: inline-block;}
  .sc-apply .apply-sub-text{font-size: 16px;}
  .sc-apply .apply-sub-text .icon{font-size: 20px; top: 3px; margin-right: 0;}

  .sc-apply .container > .row-flex > div:first-child{padding: 48px 16px 42px;}
  .sc-apply .container > .row-flex > div:last-child{padding: 42px 16px 48px; margin: 0 -16px -48px;}
  .sc-apply .container > .row-flex > .or-box{width: 60px; height: 60px; margin: -30px auto;}

  .sc-apply.-full .container > .row-flex > div:last-child{margin-top: -78px;}

  .sc-apply .droplead-form.-I{padding-top: 0px;}
  .sc-apply .droplead-form.-II,
  .sc-apply .droplead-form.-I.-II{padding-top: 16px;}
  .sc-apply .droplead-form .form-row > .form-field.show{width: 46%; margin-left: 16px; margin-right: 16px;}
  
  .sc-heading .line {max-width: 320px; margin: 40px auto;}
  .sc-apply .sc-content.droplead-thankyou{max-width:100%;}
}
@media screen and (min-width: 992px) {
  /* .sc-apply .sc-inner:before{content: "";position: absolute; z-index: 1; top: 0;width: 50%;height: 100%;left: 0; transition: var(--tsition);
      background-image: linear-gradient( to right bottom, #445866, #3b4f5c, #334652, #2a3d48, #22343e ); opacity: 1;
  } */
  .sc-apply{
    background: linear-gradient(133.56deg, #3D5160 0%, #20353B 74.55%);
  }
  .sc-apply .bg.-mb{background: none;}
  .sc-apply .bg.-dt{position: absolute;z-index: 0;bottom: 0;width: 100%;height: 100%;right: 0; transition: var(--tsition);
      background-image: url(../img/table-bg-pc.png); background-repeat: no-repeat; background-size: cover;
      /* background-attachment: fixed;*/
  }
  .sc-apply .bg.-dt{display: block;}
  .sc-apply .container > .row-flex{width: auto; display: flex;justify-content: space-between;}
  .sc-apply .container > .row-flex > div{-webkit-box-flex: 0;flex: 0 0 50%;max-width: 50%;}
  /* .sc-apply .container > .row-flex > div:first-child{padding: 0 24px 0 0; padding-bottom: 0; margin: 0; background: none;} */
  /* .sc-apply .container > .row-flex > div:last-child{padding: 0 0 0 44px; padding-top: 0; margin: 0;} */
  .sc-apply .container > .row-flex > .or-box{width: 60px; height: 60px;top: 0; bottom: 0; position: absolute; margin: auto;}

  .sc-apply .apply-list {max-width: 348px; /*padding: 35px 32px;*/}
  .sc-apply .apply-list > div:nth-child(even){justify-content: flex-end;}
  .sc-apply .apply-list span{width: 98px;}
  .sc-apply .apply-content{max-width: 402px;}

  .sc-apply .droplead-form .personal-form.p1.active{min-height: 485px;}

  .sc-apply.-full .container > .row-flex > div:last-child{margin-top: 0px; -webkit-box-flex: 1; flex: 0 0 100%; max-width: 100%;}
  .sc-apply.-full .sc-heading .title.-droplead br{display: none;}
}
@media screen and (min-width: 1140px) {
  .sc-apply .warning{bottom: 0;}
}
@media screen and (min-width: 1200px) {
  /* .sc-apply .container > .row-flex > div:first-child{padding: 0 96px 0 0;} */
  /* .sc-apply .container > .row-flex > div:last-child{padding: 0 0 0 96px;} */
}


/*############################ sc-thankyou ###################################*/
@media screen and (min-width: 200px) {
  .sc-thankyou{position: relative; overflow: hidden; background-image: url(../img/bg-droplead-dt.png); padding-top: 60px;}
  .sc-thankyou:after{content: "";position: absolute;z-index: 0;top: 0;width: 100%;height: 100%;right: 0;
      background-repeat: no-repeat; background-size: cover; background-position: top left; background-blend-mode: soft-light, normal;
      background-image: url(../img/bg-droplead-dt.png); transition: var(--tsition);
  }
  .sc-thankyou .sc-inner{position: relative; z-index: 1;}
  .sc-thankyou .sc-heading{text-align: center;}
  .sc-thankyou .sc-heading .title{margin: 0 0 16px; line-height: 1.5;}
  .sc-thankyou .sc-heading .desc{margin: 0; line-height: 1.5; color: var(--cr-light);}
  .sc-thankyou .sc-heading .line{max-width: 260px; height: 1px; background: #CCCCCC; margin: 32px auto;}
  .sc-thankyou .sc-content{text-align: center;}
  .sc-thankyou .sc-content .title{color: var(--cr-light); line-height: 1.5; margin: 0 0 32px;}
  .sc-thankyou .sc-content .desc{color: var(--cr-light); line-height: 1.5; margin: 0 0 32px; font-size: 13px;}
  .sc-thankyou .image {margin: 0 auto 32px auto; position: relative;}
  .sc-thankyou .image svg {width: 96px;margin: auto;display: block; color: var(--cr-light)}
  .sc-thankyou .note{text-align: center; padding: 12px 16px; background: var(--cr-light); border-radius: 8px; display: inline-flex;}
  .sc-thankyou .note p{margin: 0; font-size: 13px; font-weight: 500; line-height: 1.8em; font-family: 'kurious-looped';}
  .sc-thankyou .note .txt{font-weight: 600; display: inline-block; vertical-align: middle; margin-right: 8px; 
      border-radius: 4px; padding: 2px 10px 0; background: var(--cr-red); color: var(--cr-light); line-height: 1.5em;
  }
  .sc-thankyou .backhome{background: #ECF4F3; padding: 40px 0; text-align: center; position: relative; z-index: 1;}
  .sc-thankyou .backhome .desc{margin: 24px 0 0; text-align: center; color: var(--cr-gray); font-size: 13px;}

}
@media screen and (min-width: 768px) { 
  .sc-thankyou .image {margin: 0 auto 40px auto;}
  .sc-thankyou .sc-heading .title {margin: 0 0 24px;}
  .sc-thankyou .sc-heading .line {max-width: 320px; margin: 40px auto;}
  .sc-thankyou .sc-content .title {margin: 0 0 40px;}
  .sc-thankyou .sc-content .desc{margin: 0 0 40px;}
  .sc-thankyou .backhome{padding: 64px 0;}
}
@media screen and (min-width: 992px) {

}
@media screen and (min-width: 1200px) {
  .sc-thankyou{padding-top: 130px;}
}

.sc-content-wrapper{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  position: relative;
  z-index: 1;
  padding: 0;
}

@media screen and (min-width: 768px) {
  .sc-content-wrapper{
    display:flex;
    flex-direction:row;
    justify-content:center;
    gap:24px;
    align-items:center;
    position: relative;
    z-index: 1;
    padding: 0 16px;

  }
}

/*############################ kbxa-overlaycard ############################*/
.kbxa-overlaycard{
  margin-top:100px;
  width:100%;
  max-width: 414px;
  position: relative;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0px 1px 3px 0px #0000001A;
}


.kbxa-overlaycard-content{
  position: relative;
  padding: 114px 32px 32px 32px;
  background: #fff;
  border-radius: 8px;
  text-align: center;
}
.kbxa-overlaycard__image{
  position: absolute;
  top: -50%;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 64px);
  height: 100%;
  object-fit: contain;
  z-index: 1;
  border-radius: 8px;
}

@media screen and (max-width: 767px) {
  .kbxa-overlaycard:first-of-type{
    margin-top: 24px;
  }
  .kbxa-overlaycard__image{
    top: -45%;
  }
}


    /*############################ icw-popup-function sc-thumb-box ###################################*/
    .sc-thumb-box {
      max-width: 1140px;
      width: 100%;
      position: relative;
  }
  .sc-thumb-box {
      position: relative;
      background-color: var(--cr-light);
      box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.04);
  }
  .sc-thumb-box .inner {
      position: relative;
      max-width: 750px;
      margin: 0 auto;
      height: inherit;
  }
  .sc-thumb-box .swiper-slide {
      width: auto;
  }
  .sc-thumb-box .wrapper {
      display: block;
      max-width: 750px;
  }
  .sc-thumb-box .thumb {
      margin-bottom: 16px;
      max-width: 700px;
      margin-left: auto;
      margin-right: auto;
  }
  .sc-thumb-box .thumb>img {
      display: block;
      margin: 0 auto;
  }
  .sc-thumb-box .content {
      text-align: center;
  }
  .sc-thumb-box .content .title {
      margin-bottom: 8px;
      font-size: 13px;
      font-weight: 700;
      font-family: 'kurious';
      color: var(--cr-dark);
  }
  .sc-thumb-box .content .desc {
      font-family: 'kurious-looped';
      font-size: 16px;
      font-weight: 500;
      line-height: 1.5em;
      margin-bottom: 0;
      color: var(--cr-dark);
  }
  .sc-thumb-box .content ul.desc {
      padding: 0;
      margin-left: 20px;
      text-align: left;
  }
  .sc-thumb-box .content ul.desc>li {
      width: 100%;
  }
  .sc-thumb-box .content ul.desc>li>ul {
      padding: 0;
      margin-left: 20px;
  }
  .sc-thumb-box .content ul.desc>li>ul>li {
      position: relative;
      list-style: none;
  }
  .sc-thumb-box .content ul.desc>li>ul>li:before {
      content: '-';
      position: absolute;
      top: 0;
      left: -18px;
  }
  .sc-thumb-box .content .link {
      color: var(--cr-green);
      font-weight: 600;
      font-family: 'kurious-looped';
      text-decoration: underline;
  }

  .mfp-content {
    /* height: 90%; */
    height: auto;
  }

  .sc-thumb-box .swiper-slide.item img{
    aspect-ratio: 110/197;
    /* height: inherit; */
    max-height: 80%;
    object-fit: contain;
    /* max-width: 300px; */
  }

  @media screen and (min-width: 767px) {
    .sc-thumb-box {
      width: 95.24%;
      margin: 0px auto;
      border-radius: var(--radius);
      overflow: hidden;
      height: 100%;
  }
  }

/*############################ sc-checklist ###################################*/
.sc-checklist{
  background:url(../img/regis-bg-mb.jpg) no-repeat;
  background-size:cover;
  background-position:center;
}

.sc-checklist .sc-inner{
  padding:40px 0;
}

@media screen and (min-width: 767px) {
  .sc-checklist{
    background:url(../img/regis-bg-pc.jpg) no-repeat;
    background-size:cover;
    background-position:center;
  }
  .sc-checklist .sc-inner{
    padding: 64px 0;
  }
}

#navigation-header a,  #navigation-header .topbar-menu-inner .main_nav_header{
  color: #666666 !important;
}

@media screen and (min-width: 1140px) {
  #navigation-header a,  #navigation-header .topbar-menu-inner .main_nav_header{
      color: #ffffff !important;
  }
}


/* ################## sc-step ##################*/
.sc-step{
  background-color: #F0FAF7;
}
.sc-step h2{
  font-size: 28px;
  line-height: 42px;
  text-align: center;
}
.step-image-swiper .swiper-wrapper {
  justify-content: start;
  /* width: 33%; */
}
.sc-step .con-img a{
  margin: 0px auto;
}
.sc-step .con-img img {
  margin: 0px auto 20px;
  width: 100%;
  max-width: 220px;
  
}

.sc-step .zoom{margin:32px 0 16px; text-align: center;}
.sc-step .zoom .txt{font-weight: 600; color: var(--cr-green); margin: 0;}
.sc-step .zoom .txt .icon{margin-right: 8px; position: relative}

.sc-step .swiper-slide,.sc-thumb-box .swiper-slide{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.sc-thumb-gallery .step-popup-image-swiper{
  height: inherit;
}
.sc-thumb-gallery .step-popup-image-swiper .swiper-wrapper{
  height: 90%;
  padding: 0;
}
.sc-step .swiper-slide.item p,.sc-thumb-box .swiper-slide.item p{
  font-size: 16px;
  line-height: 24px;
  color: #333;
  text-align: center;
}

.sc-step .swiper-slide.item .num,.sc-thumb-box .swiper-slide.item .num{
  font-size: 13px;
  line-height: 20px;
  color: #111111;
  font-weight: 600;
}


@media screen and (min-width:768px) {
  .sc-step h2{
    font-size: 42px;
    line-height: 63px;
    text-align: center;
  }
.sc-step .zoom{margin:32px 0 24px; text-align: center;}

}

.swiper-pagination{width: 100%; display:flex;text-align: center; margin: 0; padding-top: 32px; position: relative; bottom: 0;justify-content: center;}

#popup-gallery .swiper-pagination {
  padding-bottom: 32px;
  width: fit-content!important;
}

#popup-gallery .swiper-pagination .swiper-pagination-bullet {
  flex: 1 0 auto;
}

.button a#nextstep {
  padding: 8px 16px;
}

/* ##################### #################### */
/* ##################### sc-thumb-box #################### */

/* .sc-thumb-box .inner{
  overflow: hidden;
  padding: 72px 16px 16px 16px;
}
.sc-thumb-box .swiper-wrapper{
  padding: 0
}

.sc-thumb-box {
  max-width: 1140px;
  width: 100%;
  position: relative;
} */
#btn-apply-action{text-align: center;}
.apply-action .btn.btn-primary{font-size: 16px !important;line-height: 1.5;}

.desc-queue{text-align: center;padding: 32px 0;color: #fff !important; }
.desc-queue p{color: #ffffff;font-size: 13px;line-height: 1.5;}
.desc-queue img{margin-left: 15px;}
#popup-qr .sc-container{padding: 60px 50px;background-color: #fff;}

/* .mfp-close-btn-in #popup-qr .mfp-close {
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  background: #00a850;
  color: #fff;
  text-align: center;
  position: absolute;
  top: -15px;
  right: -15px;
  z-index: 20;
  opacity: 1;
  border-radius: 50%;
} */


.yourshop-popup-style .mfp-content #popup-qr {
max-width: 1140px;
width: auto;
border-radius: 20px;
}

.yourshop-popup-style .mfp-container {
  padding-top: 20px;
  padding-bottom: 20px;
}

.yourshop-popup-style .mfp-content {
  max-width: 1140px;
  width: auto;
  border-radius: 20px;
  margin-bottom: 20px;
}

.yourshop-popup-style .mfp-close {
  color: #fff;
}

.yourshop-popup-style .popup-inner {
  background-color: #364a57;
  padding: 60px 40px;
  border-radius: 20px;
}

.yourshop-popup-style .text-left {
  text-align: left;
  padding-left: 0;
  padding-right: 0;
}

.yourshop-popup-style .icon {
  margin: 0 auto;
  position: relative;
  text-align: center;
}

.yourshop-popup-style .icon.-pd {
  padding-bottom: 50px;
}

.yourshop-popup-style .icon > img {
  width: 40px;
}

.yourshop-popup-style .icon > .txt {
  position: absolute;
  top: 50px;
  left: 0;
  right: 0;
}

.yourshop-popup-style .icon > .txt.-small {
  font-size: 14px;
}

.yourshop-popup-style tbody + thead th {
  padding-top: 40px;
}

.yourshop-popup-style .action {
  position: relative;
  text-align: center;
}

.yourshop-popup-style .action .btn {
  min-width: 100px;
}

.yourshop-popup-style .action .btn.btn-primary.more:after {
  top: 0px;
  right: 0;
  margin-left: 5px;
}

.scan-content2 {
  display: flex;
  align-items: center;
  padding: 100px 0px !important;
  min-width: 996px;
  height: 472px;
}

.w-50 {
  width: 50%;
  position: relative;
}

.qrcode2 {
  position: absolute;
  /* width: 100%; */
  top: 50%;
  left: calc(50%);
  margin: auto;
  z-index: 1;
  transform: translate(-50%,-50%);
  width: 225px;
  height: 225px;
}

#qrcode2.ezyQR{
  width: 225px;
  height: 225px;
}

#popup_scan_kmarket.popup-box{
  padding: 0px !important;
  border-radius: 8px;
  overflow: hidden;
}
.scan-content2:after {
  width: 50%;
  height: 100%;
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  border-radius: 0px 8px 8px 0px;
  background: linear-gradient(313deg, #1F313A -1.62%, #465968 100%);
}

.mfp-close-btn-in #popup-qr .mfp-close {
  font-size: 0;
  padding: 0;
  top: 21px !important;
  right: 21px !important;
  text-align: center;
  color: transparent;
  background-color: transparent !important;
  width: 32px;
  height: 32px;
  font-size: 32px;
}
.mfp-close-btn-in .mfp-close:before {
  transform: rotate(45deg);
}
.mfp-close-btn-in .mfp-close:after {
  transform: rotate(-45deg);
}
.mfp-close-btn-in #popup-qr .mfp-close:before, .mfp-close-btn-in #popup-qr .mfp-close:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 32px;
  height: 2px;
  background-color: var(--cr-light);
  margin: auto;
  transition: var(--tsition);
}

.scan-content .title {
  color: #00A94F;
  font-family: kurious-looped;
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  line-height: 39px;
}

.icw-popup-function.mfp-bg {
  background: rgba(0, 0, 0, 0.8);
}
.icw-popup-function.mfp-bg.mfp-ready {
  opacity: 1;
}