@charset "UTF-8";
.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.mh-100 {
  max-height: 100% !important;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.mh-100 {
  max-height: 100% !important;
}

.m-0 {
  margin: 0 !important;
}

.mt-0, .my-0 {
  margin-top: 0 !important;
}

.mr-0, .mx-0 {
  margin-right: 0 !important;
}

.mb-0, .my-0 {
  margin-bottom: 0 !important;
}

.ml-0, .mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1, .my-1 {
  margin-top: 0.25rem !important;
}

.mr-1, .mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1, .my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1, .mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2, .my-2 {
  margin-top: 0.5rem !important;
}

.mr-2, .mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2, .my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2, .mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3, .my-3 {
  margin-top: 1rem !important;
}

.mr-3, .mx-3 {
  margin-right: 1rem !important;
}

.mb-3, .my-3 {
  margin-bottom: 1rem !important;
}

.ml-3, .mx-3 {
  margin-left: 1rem !important;
}

.ml-n3 {
  margin-left: -1rem !important; /* 231228 공통 추가 */
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4, .my-4 {
  margin-top: 1.5rem !important;
}

.mr-4, .mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4, .my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4, .mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5, .my-5 {
  margin-top: 3rem !important;
}

.mr-5, .mx-5 {
  margin-right: 3rem !important;
}

.mb-5, .my-5 {
  margin-bottom: 3rem !important;
}

.ml-5, .mx-5 {
  margin-left: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0, .py-0 {
  padding-top: 0 !important;
}

.pr-0, .px-0 {
  padding-right: 0 !important;
}

.pb-0, .py-0 {
  padding-bottom: 0 !important;
}

.pl-0, .px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1, .py-1 {
  padding-top: 0.25rem !important;
}

.pr-1, .px-1 {
  padding-right: 0.25rem !important;
}

.pb-1, .py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1, .px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2, .py-2 {
  padding-top: 0.5rem !important;
}

.pr-2, .px-2 {
  padding-right: 0.5rem !important;
}

.pb-2, .py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2, .px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3, .py-3 {
  padding-top: 1rem !important;
}

.pr-3, .px-3 {
  padding-right: 1rem !important;
}

.pb-3, .py-3 {
  padding-bottom: 1rem !important;
}

.pl-3, .px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4, .py-4 {
  padding-top: 1.5rem !important;
}

.pr-4, .px-4 {
  padding-right: 1.5rem !important;
}

.pb-4, .py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4, .px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5, .py-5 {
  padding-top: 3rem !important;
}

.pr-5, .px-5 {
  padding-right: 3rem !important;
}

.pb-5, .py-5 {
  padding-bottom: 3rem !important;
}

.pl-5, .px-5 {
  padding-left: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto, .my-auto {
  margin-top: auto !important;
}

.mr-auto, .mx-auto {
  margin-right: auto !important;
}

.mb-auto, .my-auto {
  margin-bottom: auto !important;
}

.ml-auto, .mx-auto {
  margin-left: auto !important;
}

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0, .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0, .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0, .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0, .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .mt-sm-1, .my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-1, .mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-1, .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1, .mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .mt-sm-2, .my-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-2, .mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-2, .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-2, .mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .mt-sm-3, .my-sm-3 {
    margin-top: 1rem !important;
  }
  .mr-sm-3, .mx-sm-3 {
    margin-right: 1rem !important;
  }
  .mb-sm-3, .my-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-3, .mx-sm-3 {
    margin-left: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .mt-sm-4, .my-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-4, .mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-4, .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-4, .mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .mt-sm-5, .my-sm-5 {
    margin-top: 3rem !important;
  }
  .mr-sm-5, .mx-sm-5 {
    margin-right: 3rem !important;
  }
  .mb-sm-5, .my-sm-5 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-5, .mx-sm-5 {
    margin-left: 3rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0, .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0, .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0, .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0, .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .pt-sm-1, .py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-1, .px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-1, .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1, .px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .pt-sm-2, .py-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-2, .px-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-2, .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-2, .px-sm-2 {
    padding-left: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .pt-sm-3, .py-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3, .px-sm-3 {
    padding-right: 1rem !important;
  }
  .pb-sm-3, .py-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-3, .px-sm-3 {
    padding-left: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .pt-sm-4, .py-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-4, .px-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-4, .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-4, .px-sm-4 {
    padding-left: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .pt-sm-5, .py-sm-5 {
    padding-top: 3rem !important;
  }
  .pr-sm-5, .px-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-5, .py-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-5, .px-sm-5 {
    padding-left: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto, .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto, .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto, .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto, .mx-sm-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0, .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0, .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0, .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0, .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .mt-md-1, .my-md-1 {
    margin-top: 0.25rem !important;
  }
  .mr-md-1, .mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .mb-md-1, .my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1, .mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .mt-md-2, .my-md-2 {
    margin-top: 0.5rem !important;
  }
  .mr-md-2, .mx-md-2 {
    margin-right: 0.5rem !important;
  }
  .mb-md-2, .my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-2, .mx-md-2 {
    margin-left: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .mt-md-3, .my-md-3 {
    margin-top: 1rem !important;
  }
  .mr-md-3, .mx-md-3 {
    margin-right: 1rem !important;
  }
  .mb-md-3, .my-md-3 {
    margin-bottom: 1rem !important;
  }
  .ml-md-3, .mx-md-3 {
    margin-left: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .mt-md-4, .my-md-4 {
    margin-top: 1.5rem !important;
  }
  .mr-md-4, .mx-md-4 {
    margin-right: 1.5rem !important;
  }
  .mb-md-4, .my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-4, .mx-md-4 {
    margin-left: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .mt-md-5, .my-md-5 {
    margin-top: 3rem !important;
  }
  .mr-md-5, .mx-md-5 {
    margin-right: 3rem !important;
  }
  .mb-md-5, .my-md-5 {
    margin-bottom: 3rem !important;
  }
  .ml-md-5, .mx-md-5 {
    margin-left: 3rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0, .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0, .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0, .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0, .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .pt-md-1, .py-md-1 {
    padding-top: 0.25rem !important;
  }
  .pr-md-1, .px-md-1 {
    padding-right: 0.25rem !important;
  }
  .pb-md-1, .py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1, .px-md-1 {
    padding-left: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .pt-md-2, .py-md-2 {
    padding-top: 0.5rem !important;
  }
  .pr-md-2, .px-md-2 {
    padding-right: 0.5rem !important;
  }
  .pb-md-2, .py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-2, .px-md-2 {
    padding-left: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .pt-md-3, .py-md-3 {
    padding-top: 1rem !important;
  }
  .pr-md-3, .px-md-3 {
    padding-right: 1rem !important;
  }
  .pb-md-3, .py-md-3 {
    padding-bottom: 1rem !important;
  }
  .pl-md-3, .px-md-3 {
    padding-left: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .pt-md-4, .py-md-4 {
    padding-top: 1.5rem !important;
  }
  .pr-md-4, .px-md-4 {
    padding-right: 1.5rem !important;
  }
  .pb-md-4, .py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-4, .px-md-4 {
    padding-left: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .pt-md-5, .py-md-5 {
    padding-top: 3rem !important;
  }
  .pr-md-5, .px-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-5, .py-md-5 {
    padding-bottom: 3rem !important;
  }
  .pl-md-5, .px-md-5 {
    padding-left: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto, .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto, .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto, .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto, .mx-md-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0, .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0, .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0, .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0, .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .mt-lg-1, .my-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-1, .mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-1, .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-1, .mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .mt-lg-2, .my-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-2, .mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-2, .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-2, .mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .mt-lg-3, .my-lg-3 {
    margin-top: 1rem !important;
  }
  .mr-lg-3, .mx-lg-3 {
    margin-right: 1rem !important;
  }
  .mb-lg-3, .my-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-3, .mx-lg-3 {
    margin-left: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .mt-lg-4, .my-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-4, .mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-4, .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-4, .mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .mt-lg-5, .my-lg-5 {
    margin-top: 3rem !important;
  }
  .mr-lg-5, .mx-lg-5 {
    margin-right: 3rem !important;
  }
  .mb-lg-5, .my-lg-5 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-5, .mx-lg-5 {
    margin-left: 3rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0, .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0, .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0, .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0, .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .pt-lg-1, .py-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-1, .px-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-1, .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-1, .px-lg-1 {
    padding-left: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .pt-lg-2, .py-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-2, .px-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-2, .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-2, .px-lg-2 {
    padding-left: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .pt-lg-3, .py-lg-3 {
    padding-top: 1rem !important;
  }
  .pr-lg-3, .px-lg-3 {
    padding-right: 1rem !important;
  }
  .pb-lg-3, .py-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-3, .px-lg-3 {
    padding-left: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .pt-lg-4, .py-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-4, .px-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-4, .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-4, .px-lg-4 {
    padding-left: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .pt-lg-5, .py-lg-5 {
    padding-top: 3rem !important;
  }
  .pr-lg-5, .px-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-5, .py-lg-5 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-5, .px-lg-5 {
    padding-left: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto, .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto, .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto, .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto, .mx-lg-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0, .my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0, .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0, .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0, .mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .mt-xl-1, .my-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xl-1, .mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xl-1, .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-1, .mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .mt-xl-2, .my-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-2, .mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-2, .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-2, .mx-xl-2 {
    margin-left: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .mt-xl-3, .my-xl-3 {
    margin-top: 1rem !important;
  }
  .mr-xl-3, .mx-xl-3 {
    margin-right: 1rem !important;
  }
  .mb-xl-3, .my-xl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-3, .mx-xl-3 {
    margin-left: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .mt-xl-4, .my-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-4, .mx-xl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-4, .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-4, .mx-xl-4 {
    margin-left: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .mt-xl-5, .my-xl-5 {
    margin-top: 3rem !important;
  }
  .mr-xl-5, .mx-xl-5 {
    margin-right: 3rem !important;
  }
  .mb-xl-5, .my-xl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-5, .mx-xl-5 {
    margin-left: 3rem !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0, .py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0, .px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0, .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0, .px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .pt-xl-1, .py-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xl-1, .px-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xl-1, .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-1, .px-xl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .pt-xl-2, .py-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-2, .px-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-2, .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-2, .px-xl-2 {
    padding-left: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .pt-xl-3, .py-xl-3 {
    padding-top: 1rem !important;
  }
  .pr-xl-3, .px-xl-3 {
    padding-right: 1rem !important;
  }
  .pb-xl-3, .py-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-3, .px-xl-3 {
    padding-left: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .pt-xl-4, .py-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-4, .px-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-4, .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-4, .px-xl-4 {
    padding-left: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .pt-xl-5, .py-xl-5 {
    padding-top: 3rem !important;
  }
  .pr-xl-5, .px-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-5, .py-xl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-5, .px-xl-5 {
    padding-left: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto, .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto, .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto, .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto, .mx-xl-auto {
    margin-left: auto !important;
  }
}

.fs-base {
  font-size: 16px !important;
}

.fs-xs {
  font-size: 11px !important;
}

.fs-sm {
  font-size: 12px !important;
}

.fs-md {
  font-size: 13px !important;
}

.fs-lg {
  font-size: 14px !important;
}

.fs-xl {
  font-size: 15px !important;
}

.fs-h1 {
  font-size: 34px !important;
}

.fs-h2 {
  font-size: 20px !important;
}

.fs-xxl {
  font-size: 17px !important;
}

.fs-xxxl {
  font-size: 18px !important;
}
/* [DPA] 추가 */
.fs-xxxxl {
  font-size: 20px !important;
}
.fs-xxxxxl {
  font-size: 24px !important;
}
.blue {
  background-color: #4f83bf !important;
}

.blue-text {
  color: #4f83bf !important;
}

.red {
  background-color: #ff3d3d !important;
}

.red-text-2 {
  color: #ff0000 !important;
}/* [dgp][추가]25.02.14*/

.red-text {
  color: #ff3d3d !important;
}

.yellow {
  background-color: #ffde33 !important;
}

.yellow-text {
  color: #ffde33 !important;
}

.yellow-lighten-9 {
  background-color: #ffde33 !important;
}

.yellow-text-lighten-9 {
  color: #ffde33 !important;
}

.yellow-lighten-8 {
  background-color: #fffae5 !important;
}

.yellow-text-lighten-8 {
  color: #fffae5 !important;
}

.yellow-lighten-7 {
  background-color: #eee9d4 !important;
}

.yellow-text-lighten-7 {
  color: #eee9d4 !important;
}

.yellow-lighten-6 {
  background-color: #cc9600 !important;
}

.yellow-text-lighten-6 {
  color: #cc9600 !important;
}

.yellow-lighten-5 {
  background-color: #ffe9aa !important;
}

.yellow-text-lighten-5 {
  color: #ffe9aa !important;
}

.yellow-lighten-4 {
  background-color: #ffe391 !important;
}

.yellow-text-lighten-4 {
  color: #ffe391 !important;
}

.orange {
  background-color: #f46600 !important;
}

.orange-text {
  color: #f46600 !important;
}

.orange-lighten-9 {
  background-color: #f46600 !important;
}

.orange-text-lighten-9 {
  color: #f46600 !important;
}

.orange-lighten-8 {
  background-color: #cc5209 !important;
}

.orange-text-lighten-8 {
  color: #cc5209 !important;
}

.brown {
  background-color: #60584C !important;
}

.brown-text {
  color: #60584C !important;
}

.brown-lighten-9 {
  background-color: #9e8c6e !important;
}

.brown-text-lighten-9 {
  color: #9e8c6e !important;
}

.brown-lighten-8 {
  background-color: #7e7058 !important;
}

.brown-text-lighten-8 {
  color: #7e7058 !important;
}

.brown-lighten-7 {
  background-color: #4d463d !important;
}

.brown-text-lighten-7 {
  color: #4d463d !important;
}

.grey {
  background-color: #222222 !important;
}

.grey-text {
  color: #222222 !important;
}

.grey-lighten-9 {
  background-color: #666666 !important;
}

.grey-text-lighten-9 {
  color: #666666 !important;
}

.grey-lighten-8 {
  background-color: #666 !important;
}

.grey-text-lighten-8 {
  color: #666 !important;
}

.grey-lighten-7 {
  background-color: #b0b0b0 !important;
}

.grey-text-lighten-7 {
  color: #b0b0b0 !important;
}

.grey-lighten-6 {
  background-color: #eeeeee !important;
}

.grey-text-lighten-6 {
  color: #eeeeee !important;
}

.grey-lighten-5 {
  background-color: #cccccc !important;
}

.grey-text-lighten-5 {
  color: #cccccc !important;
}

.grey-lighten-4 {
  background-color: #d8d8d8 !important;
}

.grey-text-lighten-4 {
  color: #666 !important;
}

.grey-lighten-3 {
  background-color: #fcfcfc !important;
}

.grey-text-lighten-3 {
  color: #fcfcfc !important;
}

.grey-lighten-2 {
  background-color: #8d8d8d !important;
}

.grey-text-lighten-2 {
  color: #8d8d8d !important;
}

.grey-lighten-1 {
  background-color: #777777 !important;
}

.grey-text-lighten-1 {
  color: #777777 !important;
}

.black {
  background-color: #000000 !important;
}

.black-text {
  color: #000000 !important;
}

.white {
  background-color: #FFFFFF !important;
}

.white-text {
  color: #FFFFFF !important;
}

.transparent {
  background-color: transparent !important;
}

.transparent-text {
  color: transparent !important;
}

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */
article, aside, footer, header, nav, section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  margin: .67em 0;
  font-size: 2em;
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption, figure, main {
  /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  /* 1 */
  overflow: visible;
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  /* 1 */
  font-size: 1em;
  font-family: monospace, monospace;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b, strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b, strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code, kbd, samp {
  /* 1 */
  font-size: 1em;
  font-family: monospace, monospace;
  /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub, sup {
  position: relative;
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio, video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button, input, optgroup, select, textarea {
  /* 1 */
  margin: 0;
  /* 1 */
  font-size: 100%;
  font-family: sans-serif;
  /* 1 */
  line-height: 1.15;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button, input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button, select {
  /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button, html [type='button'],
[type='reset'], [type='submit'] {
  -webkit-appearance: button;
  /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner, [type='button']::-moz-focus-inner, [type='reset']::-moz-focus-inner, [type='submit']::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring, [type='button']:-moz-focusring, [type='reset']:-moz-focusring, [type='submit']:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: .35em .75em .625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  /* 2 */
  display: table;
  box-sizing: border-box;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 1 */
  color: inherit;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type='checkbox'], [type='radio'] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type='number']::-webkit-inner-spin-button, [type='number']::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type='search'] {
  /* 1 */
  outline-offset: -2px;
  -webkit-appearance: textfield;
  /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type='search']::-webkit-search-cancel-button, [type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  /* 1 */
  font: inherit;
  -webkit-appearance: button;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
  display: none;
}

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}

@font-face {
  font-weight: 300;
  font-style: normal;
  font-family: KBFGText;
  src: local(KBFGTextL), url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Spff%2S..%2Ssbag%2Srbg%2SXOSTGrkgY.rbg%3S%23vrsvk##iefix) format("embedded-opentype"), url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Spff%2S..%2Ssbag%2Sjbss2%2SXOSTGrkgY.jbss2) format("woff2"), url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Spff%2S..%2Ssbag%2Sjbss%2SXOSTGrkgY.jbss) format("woff"), url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Spff%2S..%2Ssbag%2Sggs%2SXOSTGrkgY.ggs) format("truetype");
  unicode-range: U+0-10FFFF;
}

@font-face {
  font-weight: 400;
  font-style: normal;
  font-family: KBFGText;
  src: local(KBFGTextM), url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Spff%2S..%2Ssbag%2Srbg%2SXOSTGrkgZ.rbg%3S%23vrsvk##iefix) format("embedded-opentype"), url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Spff%2S..%2Ssbag%2Sjbss2%2SXOSTGrkgZ.jbss2) format("woff2"), url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Spff%2S..%2Ssbag%2Sjbss%2SXOSTGrkgZ.jbss) format("woff"), url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Spff%2S..%2Ssbag%2Sggs%2SXOSTGrkgZ.ggs) format("truetype");
  unicode-range: U+0-10FFFF;
}

@font-face {
  font-weight: 600;
  font-style: normal;
  font-family: KBFGText;
  src: local(KBFGTextB), url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Spff%2S..%2Ssbag%2Srbg%2SXOSTGrkgO.rbg%3S%23vrsvk##iefix) format("embedded-opentype"), url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Spff%2S..%2Ssbag%2Sjbss2%2SXOSTGrkgO.jbss2) format("woff2"), url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Spff%2S..%2Ssbag%2Sjbss%2SXOSTGrkgO.jbss) format("woff"), url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Spff%2S..%2Ssbag%2Sggs%2SXOSTGrkgO.ggs) format("truetype");
  unicode-range: U+0-10FFFF;
}

@font-face {
	font-family:KBFGDisplayL; 
	src:local(KBFGDisplayL),
		url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Spff%2S..%2Ssbag%2Srbg%2SXOSTQvfcynlY.rbg%3S%23vrsvk##iefix) format('embedded-opentype'),
		url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Spff%2S..%2Ssbag%2Sjbss2%2SXOSTQvfcynlY.jbss2) format('woff2'),
		url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Spff%2S..%2Ssbag%2Sjbss%2SXOSTQvfcynlY.jbss) format('woff'),
		url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Spff%2S..%2Ssbag%2Sggs%2SXOSTQvfcynlY.ggs) format('truetype');
	font-style:normal; 
	font-weight:normal; 
	unicode-range:U+0-10FFFF; 
}
@font-face {
	font-family:KBFGDisplayM; 
	src:local(KBFGDisplayM),
		url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Spff%2S..%2Ssbag%2Srbg%2SXOSTQvfcynlZ.rbg%3S%23vrsvk##iefix) format('embedded-opentype'),
		url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Spff%2S..%2Ssbag%2Sjbss2%2SXOSTQvfcynlZ.jbss2) format('woff2'),
		url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Spff%2S..%2Ssbag%2Sjbss%2SXOSTQvfcynlZ.jbss) format('woff'),
		url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Spff%2S..%2Ssbag%2Sggs%2SXOSTQvfcynlZ.ggs) format('truetype');
	font-style:normal; 
	font-weight:normal; 
	unicode-range:U+0-10FFFF; 
}
@font-face {
	font-family:KBFGDisplayMI; 
	src:local(KBFGDisplayMI),
		url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Spff%2S..%2Ssbag%2Srbg%2SXOSTQvfcynlZV.rbg%3S%23vrsvk##iefix) format('embedded-opentype'),
		url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Spff%2S..%2Ssbag%2Sjbss2%2SXOSTQvfcynlZV.jbss2) format('woff2'),
		url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Spff%2S..%2Ssbag%2Sjbss%2SXOSTQvfcynlZV.jbss) format('woff'),
		url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Spff%2S..%2Ssbag%2Sggs%2SXOSTQvfcynlZV.ggs) format('truetype');
	font-style:normal; 
	font-weight:normal; 
	unicode-range:U+0-10FFFF; 
}
@font-face {
	font-family:KBFGDisplayB; 
	src:local(KBFGDisplayB),
		url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Spff%2S..%2Ssbag%2Srbg%2SXOSTQvfcynlO.rbg%3S%23vrsvk##iefix) format('embedded-opentype'),
		url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Spff%2S..%2Ssbag%2Sjbss2%2SXOSTQvfcynlO.jbss2) format('woff2'),
		url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Spff%2S..%2Ssbag%2Sjbss%2SXOSTQvfcynlO.jbss) format('woff'),
		url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Spff%2S..%2Ssbag%2Sggs%2SXOSTQvfcynlO.ggs) format('truetype');
	font-style:normal; 
	font-weight:normal; 
	unicode-range:U+0-10FFFF; 
}

a {
  text-decoration: none;
}

html {
  color: #222222;
  font-weight: normal;
  font-size: 13px;
  font-family: KBFGDisplayM, -apple-system, Roboto, sans-serif;
  line-height: 1.5;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  margin: 16px 0;
  color: #222222;
  font-weight: 400;
  font-family: inherit;
  line-height: 1.2;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  font-weight: inherit;
}

h1, .h1 {
  margin: 41px 0 39px 0;
  font-size: 34px;
}

h2, .h2 {
  display: block;
  margin: 77px 0 17px;
  font-size: 20px;
}

.step + h2, .step + .h2 {
  margin-top: 60px;
}

h1 + h2, h1 + .h2 {
  margin-top: 0;
}

h3, .h3 {
  font-size: 17px;
}

h4, .h4 {
  font-size: 16px;
}

h5, .h5 {
  font-size: 16px;
}

h6, .h6 {
  font-size: 16px;
}

em {
  font-style: normal;
}

strong {
  font-weight: 500;
}

small {
  font-size: 75%;
}

.light {
  font-weight: 300;
}

.thin {
  font-weight: 200;
}

html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
  margin: 0;
  padding: 0;
}

button, input, optgroup, select, textarea {
  font-family: KBFGDisplayM, -apple-system, Roboto, sans-serif;
  line-height: 1.5;
}

ol, ul {
  margin: 0;
}

ol:not(.browser-default), ul:not(.browser-default) {
  padding-left: 0;
  list-style-type: none;
}

ol:not(.browser-default) > li, ul:not(.browser-default) > li {
  list-style-type: none;
}

a {
  color: #222222;
  text-decoration: none;
}

mark {
  background-color: #ffde33;
}

.z-depth-0 {
  box-shadow: none !important;
}

/* 2dp elevation modified*/
.z-depth-1 {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

.z-depth-1-half {
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
}

/* 6dp elevation modified*/
.z-depth-2 {
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
}

/* 12dp elevation modified*/
.z-depth-3 {
  box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
}

/* 16dp elevation */
.z-depth-4 {
  box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -7px rgba(0, 0, 0, 0.2);
}

/* 24dp elevation */
.z-depth-5 {
  box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
}

.hoverable {
  transition: box-shadow .25s;
}

.hoverable:hover {
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

/*********************
  Transition Classes
**********************/
ul.staggered-list li {
  opacity: 0;
}

.fade-in {
  opacity: 0;
  transform-origin: 0 50%;
}

/*********************
  Media Query Classes
**********************/
@media only screen and (max-width: 600px) {
  .hide-on-small-only, .hide-on-small-and-down {
    display: none !important;
  }
}

@media only screen and (max-width: 992px) {
  .hide-on-med-and-down {
    display: none !important;
  }
}

@media only screen and (min-width: 601px) {
  .hide-on-med-and-up {
    display: none !important;
  }
}

@media only screen and (min-width: 600px) and (max-width: 992px) {
  .hide-on-med-only {
    display: none !important;
  }
}

@media only screen and (min-width: 993px) {
  .hide-on-large-only {
    display: none !important;
  }
}

@media only screen and (min-width: 1201px) {
  .hide-on-extra-large-only {
    display: none !important;
  }
}

@media only screen and (min-width: 1201px) {
  .show-on-extra-large {
    display: block !important;
  }
}

@media only screen and (min-width: 993px) {
  .show-on-large {
    display: block !important;
  }
}

@media only screen and (min-width: 600px) and (max-width: 992px) {
  .show-on-medium {
    display: block !important;
  }
}

@media only screen and (max-width: 600px) {
  .show-on-small {
    display: block !important;
  }
}

@media only screen and (min-width: 601px) {
  .show-on-medium-and-up {
    display: block !important;
  }
}

@media only screen and (max-width: 992px) {
  .show-on-medium-and-down {
    display: block !important;
  }
}

@media only screen and (max-width: 600px) {
  .center-on-small-only {
    text-align: center;
  }
}

/*******************
  Utility Classes
*******************/
.hide {
  display: none !important;
}

.non-hide {
  display: block !important;
}

.sr-only {
  position: absolute;
  z-index: -1;
  overflow: hidden;
  width: 1px;
  height: 1px;
  margin: 0 !important;
  font-size: 1px;
  line-height: 2;
  opacity: 0;
}

.nowrap {
  white-space: nowrap;
}

.left-align {
  text-align: left !important;
}

.right-align {
  text-align: right !important;
}

.center, .center-align {
  text-align: center !important;
}

.left {
  float: left !important;
}

.right {
  float: right !important;
}

.no-select {
  user-select: none;
}

.circle {
  border-radius: 50%;
}

.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.truncate {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.no-padding {
  padding: 0 !important;
}

.multiline {
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.of-v {
  overflow: visible !important;
  height: auto !important;
}

div[tabindex='0'] {
  outline: none;
}

input[type="text"]::-ms-clear {
  display: none;
}

input[type="password"]::-ms-reveal {
  display: none;
}

.container {
  max-width: 1280px;
  width: 90%;
  margin: 0 auto;
}

@media only screen and (min-width: 601px) {
  .container {
    width: 85%;
  }
}

@media only screen and (min-width: 993px) {
  .container {
    width: 70%;
  }
}

.col .row {
  margin-right: -0.75rem;
  margin-left: -0.75rem;
}

.section {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.section.no-pad {
  padding: 0;
}

.section.no-pad-bot {
  padding-bottom: 0;
}

.section.no-pad-top {
  padding-top: 0;
}

.row {
  margin-right: auto;
  margin-bottom: 20px;
  margin-left: auto;
}

.row:after {
  display: table;
  clear: both;
  content: '';
}

.row .col {
  float: left;
  box-sizing: border-box;
  min-height: 1px;
  padding: 0 0.75rem;
}

.row .col[class*='push-'], .row .col[class*='pull-'] {
  position: relative;
}

.row .col.s2 {
  width: 8.33333%;
  right: auto;
  left: auto;
  margin-left: auto;
}

.row .col.s3 {
  width: 16.66667%;
  right: auto;
  left: auto;
  margin-left: auto;
}

.row .col.s4 {
  width: 25%;
  right: auto;
  left: auto;
  margin-left: auto;
}

.row .col.s5 {
  width: 33.33333%;
  right: auto;
  left: auto;
  margin-left: auto;
}

.row .col.s6 {
  width: 41.66667%;
  right: auto;
  left: auto;
  margin-left: auto;
}

.row .col.s7 {
  width: 50%;
  right: auto;
  left: auto;
  margin-left: auto;
}

.row .col.s8 {
  width: 58.33333%;
  right: auto;
  left: auto;
  margin-left: auto;
}

.row .col.s9 {
  width: 66.66667%;
  right: auto;
  left: auto;
  margin-left: auto;
}

.row .col.s10 {
  width: 75%;
  right: auto;
  left: auto;
  margin-left: auto;
}

.row .col.s11 {
  width: 83.33333%;
  right: auto;
  left: auto;
  margin-left: auto;
}

.row .col.s12 {
  width: 91.66667%;
  right: auto;
  left: auto;
  margin-left: auto;
}

.row .col.s13 {
  width: 100%;
  right: auto;
  left: auto;
  margin-left: auto;
}

@media only screen and (min-width: 601px) {
  .row .col.m2 {
    width: 8.33333%;
    right: auto;
    left: auto;
    margin-left: auto;
  }
  .row .col.m3 {
    width: 16.66667%;
    right: auto;
    left: auto;
    margin-left: auto;
  }
  .row .col.m4 {
    width: 25%;
    right: auto;
    left: auto;
    margin-left: auto;
  }
  .row .col.m5 {
    width: 33.33333%;
    right: auto;
    left: auto;
    margin-left: auto;
  }
  .row .col.m6 {
    width: 41.66667%;
    right: auto;
    left: auto;
    margin-left: auto;
  }
  .row .col.m7 {
    width: 50%;
    right: auto;
    left: auto;
    margin-left: auto;
  }
  .row .col.m8 {
    width: 58.33333%;
    right: auto;
    left: auto;
    margin-left: auto;
  }
  .row .col.m9 {
    width: 66.66667%;
    right: auto;
    left: auto;
    margin-left: auto;
  }
  .row .col.m10 {
    width: 75%;
    right: auto;
    left: auto;
    margin-left: auto;
  }
  .row .col.m11 {
    width: 83.33333%;
    right: auto;
    left: auto;
    margin-left: auto;
  }
  .row .col.m12 {
    width: 91.66667%;
    right: auto;
    left: auto;
    margin-left: auto;
  }
  .row .col.m13 {
    width: 100%;
    right: auto;
    left: auto;
    margin-left: auto;
  }
}

@media only screen and (min-width: 993px) {
  .row .col.l2 {
    width: 8.33333%;
    right: auto;
    left: auto;
    margin-left: auto;
  }
  .row .col.l3 {
    width: 16.66667%;
    right: auto;
    left: auto;
    margin-left: auto;
  }
  .row .col.l4 {
    width: 25%;
    right: auto;
    left: auto;
    margin-left: auto;
  }
  .row .col.l5 {
    width: 33.33333%;
    right: auto;
    left: auto;
    margin-left: auto;
  }
  .row .col.l6 {
    width: 41.66667%;
    right: auto;
    left: auto;
    margin-left: auto;
  }
  .row .col.l7 {
    width: 50%;
    right: auto;
    left: auto;
    margin-left: auto;
  }
  .row .col.l8 {
    width: 58.33333%;
    right: auto;
    left: auto;
    margin-left: auto;
  }
  .row .col.l9 {
    width: 66.66667%;
    right: auto;
    left: auto;
    margin-left: auto;
  }
  .row .col.l10 {
    width: 75%;
    right: auto;
    left: auto;
    margin-left: auto;
  }
  .row .col.l11 {
    width: 83.33333%;
    right: auto;
    left: auto;
    margin-left: auto;
  }
  .row .col.l12 {
    width: 91.66667%;
    right: auto;
    left: auto;
    margin-left: auto;
  }
  .row .col.l13 {
    width: 100%;
    right: auto;
    left: auto;
    margin-left: auto;
  }
}

@media only screen and (min-width: 1201px) {
  .row .col.xl2 {
    width: 8.33333%;
    right: auto;
    left: auto;
    margin-left: auto;
  }
  .row .col.xl3 {
    width: 16.66667%;
    right: auto;
    left: auto;
    margin-left: auto;
  }
  .row .col.xl4 {
    width: 25%;
    right: auto;
    left: auto;
    margin-left: auto;
  }
  .row .col.xl5 {
    width: 33.33333%;
    right: auto;
    left: auto;
    margin-left: auto;
  }
  .row .col.xl6 {
    width: 41.66667%;
    right: auto;
    left: auto;
    margin-left: auto;
  }
  .row .col.xl7 {
    width: 50%;
    right: auto;
    left: auto;
    margin-left: auto;
  }
  .row .col.xl8 {
    width: 58.33333%;
    right: auto;
    left: auto;
    margin-left: auto;
  }
  .row .col.xl9 {
    width: 66.66667%;
    right: auto;
    left: auto;
    margin-left: auto;
  }
  .row .col.xl10 {
    width: 75%;
    right: auto;
    left: auto;
    margin-left: auto;
  }
  .row .col.xl11 {
    width: 83.33333%;
    right: auto;
    left: auto;
    margin-left: auto;
  }
  .row .col.xl12 {
    width: 91.66667%;
    right: auto;
    left: auto;
    margin-left: auto;
  }
  .row .col.xl13 {
    width: 100%;
    right: auto;
    left: auto;
    margin-left: auto;
  }
}

.skip {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
}

.skip a {
  display: block;
  width: 0;
  height: 0;
  font-size: 0;
}

.skip a:hover, .skip a:focus {
  width: 100%;
  height: 40px;
  background-color: #222222;
  color: #FFFFFF;
  text-align: center;
  font-size: 15px;
  line-height: 40px;
}

.l-wrap {
  overflow: hidden;
  min-width: 960px;
}

.header {
  position: relative;
  height: 88px;
  border-bottom: 1px solid #eeeeee;
}

.header .inside::after {
  display: block;
  clear: both;
  content: "";
}

.header .logo {
  float: left;
  margin: 47px 0 0 0;
}

.header .logo a {
  display: block;
  width: 144px;
  height: 24px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svzt_ybtb.cat") no-repeat 0 0;
}

.header .util {
  position: absolute;
  top: 5px;
  right: 50%;
  margin-right: -480px;
  letter-spacing: -.5px;
}

.header .util::after {
  display: block;
  clear: both;
  content: "";
}

.header .util li {
  position: relative;
  float: left;
  color: #666;
  font-size: 11px;
  font-family: malgun gothic;
}

.header .util li::after {
  position: absolute;
  top: 10px;
  right: 0;
  width: 1px;
  height: 8px;
  background-color: #eeeeee;
  content: '';
}

.header .util li:last-child a {
  padding-right: 0;
}

.header .util li:last-child::after {
  display: none;
}

.header .util a {
  padding: 5px 8px;
  color: #666;
  font-size: 11px;
}

.header .util a.on {
  font-weight: bold;
  color: #666666;
}

.header .util .smart-alarm {
  position: relative;
  height: 26px;
  padding: 5px 0 5px 14px;
  color: #222222;
  vertical-align: top;
  font-family: KBFGDisplayB;
}

.header .util .smart-alarm::before {
  position: absolute;
  top: 7px;
  left: 0;
  width: 11px;
  height: 12px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Sfznegabgv_qrsnhyg.tvs") no-repeat;
  content: '';
}

.header .util .smart-alarm.active::before {
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Sfznegabgv_ba.tvs") no-repeat;
}

.header .util .user {
  display: inline-block;
  margin-left: 2px;
}

.header .util .user strong {
  color: #222222;
}

.header .util .logout {
  text-decoration: underline;
}

.header .gnb {
  float: right;
  margin-top: 41px;
}

.header .gnb .list {
  font-size: 0;
}

.header .gnb .list.type-1 .item:nth-child(n+2) {
  margin-left: 60px;
}

.header .gnb .list.type-2 .item:nth-child(n+2) {
  margin-left: 27px;
}

.header .gnb .list.type-3 .item:nth-child(n+2) {
  margin-left: 27px;
}

.header .gnb .list.type-4 .item:nth-child(n+2) {
  margin-left: 40px;
}

.header .gnb .item {
  display: inline-block;
  vertical-align: top;
}

.header .gnb .item:nth-child(n+2) {
  margin-left: 50px;
}

.header .gnb .anchor {
  height: 47px;
  padding: 7px 0 0;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
}

.header .gnb .anchor:hover, .header .gnb .anchor:focus {
  border-bottom: 3px solid #ffde33;
}

.header .gnb .anchor.internet {
  position: relative;
  padding-right: 8px;
  color: #855d22;
}

.header .gnb .anchor.internet::after {
  position: absolute;
  top: 12px;
  right: 0;
  width: 5px;
  height: 5px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svpb.cat") no-repeat -61px 0;
  content: '';
}

.header .gnb .anchor.internet:hover, .header .gnb .anchor.internet:focus {
  border-bottom: none;
}

.header .gnb-close {
  position: absolute !important;
  top: 31px;
  right: 50%;
  margin-right: -490px;
  position: relative;
  width: 40px;
  height: 40px;
}

.header .gnb-close:before, .header .gnb-close:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 26px;
  height: 2px;
  background-color: #60584C;
  box-sizing: content-box;
}

.header .gnb-close:before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}

.header .gnb-close:after {
  -webkit-transform: translate(-50%, -50%) rotate(135deg);
  transform: translate(-50%, -50%) rotate(135deg);
}

.header .gnb .panel {
  position: absolute;
  top: 88px;
  left: 0;
  z-index: 10;
  display: none;
  width: 100%;
  padding: 35px 0;
  border-bottom: 3px solid #ffde33;
  background-color: #FFFFFF;
  font-size: 0;
}

.header .gnb .active .panel {
  display: block;
}

.header .gnb .panel-col {
  display: inline-block;
  vertical-align: top;
}

.header .gnb .panel-col.type-1 > ul li:nth-child(1) {
  margin-top: 0;
}

.header .gnb .panel-col.type-1 > ul li {
  margin-top: 39px;
}

.header .gnb .col-2 .panel-col {
  width: 470px;
  padding: 0 20px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Sot_tao_1.cat") repeat-y 244px 0;
}

.header .gnb .col-2 .panel-col:nth-child(odd) {
  width: 470px;
  padding-left: 0;
}

.header .gnb .col-2 .panel-col:nth-child(even) {
  background: none;
}

.header .gnb .col-3 .panel-col {
  width: 327px;
  padding: 0 20px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Sot_tao_1.cat") repeat-y 80px 0;
}

.header .gnb .col-3 .panel-col:nth-child(1) {
  width: 306px;
  padding-left: 0;
}

.header .gnb .col-3 .panel-col:nth-child(3) {
  background: none;
}

.header .gnb .col-4 {
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Sot_tao_1.cat") repeat-y 0 0;
}

.header .gnb .col-4 .panel-col {
  width: 245px;
  padding: 0 20px;
}

.header .gnb .col-4 .panel-col:nth-child(1) {
  width: 225px;
  padding-left: 0;
}

.header .gnb .col-5 {
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Sot_tao_2.cat") repeat-y 0 0;
}

.header .gnb .col-5 .panel-col {
  width: 196px;
  padding: 0 20px;
}

.header .gnb .col-5 .panel-col:nth-child(1) {
  width: 176px;
  padding-left: 0;
}

.header .gnb .link {
  display: block;
  margin-top: 39px;
  padding: 2px 0;
  color: #333;
  font-size: 15px;
}

.header .gnb .link:first-child {
  margin-top: 0;
}

.header .gnb .link:hover, .header .gnb .link:focus {
  text-decoration: underline solid #ffde33;
}

.header .gnb .link + ul {
  margin-top: 7px;
}

.header .gnb .link.type-1:hover, .header .gnb .link.type-1:focus {
  text-decoration: none;
}

.header .gnb .sub-link {
  display: block;
  padding: 4px 0 3px;
  color: #666666;
  font-weight: 300;
  font-size: 13px;
}

.header .gnb .sub-link:hover, .header .gnb .sub-link:focus {
  color: #222222;
  text-decoration: underline solid #ffde33;
}

.footer {
  border-top: 1px solid #eeeeee;
}

.footer .inside {
  position: relative;
  padding: 25px 0 40px;
}

.footer .link-list {
  overflow: hidden;
  width: 700px;
}

.footer .link-list ul {
  margin-left: -9px;
}

.footer .link-list ul::after {
  display: block;
  clear: both;
  content: "";
}

.footer .link-list li {
  position: relative;
  float: left;
}

.footer .link-list li::before {
  position: absolute;
  top: 5px;
  left: 0;
  display: block;
  width: 1px;
  height: 11px;
  background-color: #eeeeee;
  content: '';
}

.footer .link-list a {
  display: block;
  padding: 1px 8px 2px 9px;
  color: #666666;
  font-size: 12px;
}

.footer .link-list strong {
  color: #222222;
}

.footer .family-site {
  position: absolute;
  top: 30px;
  right: 0;
  width: 200px;
}

.footer .family-site .anchor {
  height: 40px;
  padding-left: 15px;
  border-color: #fcfcfc;
  background-color: #f5f5f5;
  color: #666666;
  font-weight: 300;
  font-size: 12px;
  line-height: 38px;
}

.footer .family-site .anchor::before {
  border-color: #b0b0b0 !important;
}

.footer .family-site .active .anchor {
  background-color: #FFFFFF;
  color: #666666;
}

.footer .family-site .panel {
  top: auto;
  bottom: 39px;
  overflow: inherit;
  max-height: inherit;
  padding: 10px 0;
}

.footer .family-site .panel a {
  height: 30px;
  color: #666666;
  font-weight: 300;
  font-size: 12px;
  line-height: 30px;
}

.footer .family-site .panel a:hover, .footer .family-site .panel a:focus {
  background-color: #eeeeee;
}

.footer address, .footer .info, .footer .copyright {
  display: block;
  color: #666;
  font-weight: 300;
  font-size: 11px;
}

.footer address {
  margin-top: 9px;
  font-style: normal;
}

.footer .banner-list {
  margin-top: 30px;
  font-size: 0;
}

.footer .banner-list li {
  display: inline-block;
}

.footer .banner-list li:nth-child(n+2) {
  margin-left: 20px;
}

.footer .banner-list a {
  display: block;
}

.footer .qrcode {
  position: absolute;
  top: 117px;
  right: 0;
  padding: 51px 91px 0 0;
  color: #666666;
  text-align: right;
  font-size: 12px;
  line-height: 15px;
}

.footer .qrcode img {
  position: absolute;
  top: 0;
  right: 0;
}

main {
  overflow: hidden;
  padding-bottom: 160px;
  min-width: 1280px;
}

.location {
  width: 100%;
  border-bottom: 3px solid #ffde33;
}

.location ol {
  font-size: 0;
}

.location li {
  position: relative;
}

.location .item {
  display: inline-block;
  border-right: 1px solid #eeeeee;
  vertical-align: top;
}

.location .item:nth-child(1) {
  border-left: 1px solid #eeeeee;
}

.location .anchor {
  position: relative;
  display: block;
  height: 38px;
  padding: 10px 16px 0;
  color: #666666;
  font-weight: 300;
  font-size: 13px;
}

.location a.anchor {
  padding-right: 34px;
  position: relative;
}

.location a.anchor:before {
  content: '';
  position: absolute;
  box-sizing: content-box;
  top: 50%;
  left: 100%;
  width: 5px;
  height: 5px;
  -webkit-transform: translate(-100%, -50%) scale(1, 0.8) rotate(45deg);
  transform: translate(-100%, -50%) scale(1, 0.8) rotate(45deg);
  margin-left: -1px;
  margin-top: -1px;
  border-right: 1px solid #b0b0b0;
  border-bottom: 1px solid #b0b0b0;
}

.location a.anchor::before {
  margin-left: -12px;
}

.location .home {
  width: 43px;
}

.location .home::after {
  position: absolute;
  top: 12px;
  left: 14px;
  width: 15px;
  height: 14px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svpb.cat") no-repeat -69px 0;
  content: '';
}

.location .panel {
  position: absolute;
  top: 38px;
  left: -1px;
  z-index: 2;
  display: none;
  min-width: calc(100% + 2px);
  padding: 11px 0;
  border: 1px solid #60584C;
  background-color: #FFFFFF;
}

.location .panel .panel {
  top: -12px;
  left: 100%;
}

.location .active > .panel {
  display: block;
}

.location .link {
  display: block;
  width: 100%;
  height: 34px;
  padding: 8px 23px 0 15px;
  color: #666666;
  white-space: nowrap;
  font-weight: 300;
  font-size: 13px;
}

.location .link:focus, .location .link:hover {
  background-color: #ffde33;
  color: #222222;
}

.location .active > .link {
  background-color: #ffde33;
  color: #222222;
}

.location .arrow {
  position: relative;
}

.location .arrow:before {
  content: '';
  position: absolute;
  box-sizing: content-box;
  top: 50%;
  left: 100%;
  width: 5px;
  height: 5px;
  -webkit-transform: translate(-100%, -50%) rotate(45deg);
  transform: translate(-100%, -50%) rotate(45deg);
  margin-left: -2px;
  border-top: 1px solid #b0b0b0;
  border-right: 1px solid #b0b0b0;
}

.location .arrow::before {
  margin-left: -11px;
}

.inside {
  width: 960px;
  margin: 0 auto;
}

.inside.online-header {
  text-align:center;
}

.loading {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1001;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  text-align: center;
}

.loading .text {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #FFFFFF;
  text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.35);
  font-size: 15px;
  transform: translate(-50%, -50%);
}

.loading .text::after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 110px;
  height: 110px;
  margin-top: -136px;
  margin-left: -55px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Sybnqvat-2.tvs");
  background-repeat: no-repeat;
  content: '';
}

.loading div {
  position: absolute;
  top: 50%;
  left: 50%;
  /* width: 110px;
  height: 110px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Sybnqvat-2.tvs") no-repeat; */
  width: 90px; 
  height: 90px; 
  background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Sybnqvat_zlxo.tvs') center top no-repeat;
  background-size: contain;
  transform: translate(-50%, -50%);
}/* [dgp][수정] 20241206 */

.btn-top {
  position: fixed !important;
  bottom: 0;
  left: 50%;
}

.btn-top a {
  position: absolute;
  top: -86px;
  left: 540px;
  width: 56px;
  height: 56px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svpb_gbc_oga.cat") no-repeat 0 0;
}

/* tab */
.tab-content .tab-panel {
  display: none !important;
}

.tab-content .tab-panel.active {
  display: block !important;
}

.tab-1 {
  height: 57px;
  margin-bottom: 73px;
  border-bottom: 1px solid #f7f7f7;
}

.tab-1 ul {
  display: table;
  width: 960px;
  margin: 0 auto;
  table-layout: fixed;
}

.tab-1 li {
  display: table-cell;
}

.tab-1 a {
  display: block;
  padding-top: 18px;
  padding-bottom: 17px;
  color: #666;
  text-align: center;
  font-size: 15px;
}

.tab-1 .active a {
  padding-bottom: 13px;
  border-bottom: 4px solid #ffde33;
  color: #222222;
}

.tab-2 {
  position: relative;
  display: table;
  width: 100%;
  margin: 0 auto 60px;
  border-collapse: collapse;
  table-layout: fixed;
}

.tab-2 li {
  position: relative;
  display: table-cell;
  vertical-align: middle;
}

.tab-2 li::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-bottom: 2px solid #222222;
  content: '';
}

.tab-2 li.active::before {
  width: calc(100% + 2px);
  margin: 0 -1px;
  border: 2px solid #222222;
  border-bottom: none;
}

.tab-2 li:first-child.active::before {
  width: calc(100% + 1px);
  margin-left: 0;
}

.tab-2 li:last-child.active::before {
  width: calc(100% + 1px);
  margin-right: 0;
}

.tab-2 a, .tab-2 span {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 46px;
  padding-top: 16px;
  padding-bottom: 13px;
  border-color: #FFFFFF;
  text-align: center;
  font-size: 14px;
}

.tab-2 a.double {
  padding-top: 3px;
}

.tab-2.tab-free {
  table-layout: auto;
}

.tab-2.tab-free a, .tab-2.tab-free button {
  height: 36px;
  padding: 9px 13px 10px;
  white-space: nowrap;
  font-size: 13px;
}

.tab-2.tab-multiline a {
  padding-top: 6px;
  letter-spacing: -.4px;
  font-size: 12px;
}

.tab-2 + .tab-scrol .tab-content {
  margin-top: 20px;/*수정*/
}
.tab-2 + .tab-scrol {
 overflow-y:scroll;height:680px;/*추가*/
}
/* [cyb][접근성][추가] */
.guidetab-scroll-area {
  overflow-y:auto;
  height:650px;
  position: relative;
}
.guidetab-scroll-area img {
  max-width: 100%;
}
/* //[cyb][접근성][추가] */
.tab-2 + .tab-content .tab-panel .accordion {
  border-top-color: #eeeeee;
}

.tab-3 {
  display: table;
  width: 100%;
  margin: 0 auto 80px;
  table-layout: fixed;
}

.tab-3 li {
  position: relative;
  display: table-cell;
}

.tab-3 li.active a {
  color: #222222;
  text-decoration: underline;/* [cyb][접근성][추가] */
}

.tab-3 li::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: calc(100% + 1px);
  height: 100%;
  margin: 0 -1px;
  border: 1px solid #d8d8d8;
  content: '';
}

.tab-3 li.active::before {
  z-index: 1;
  width: calc(100% + 1px);
  margin: 0 -1px;
  border-color: #ffde33;
  background-color: #ffde33;
}

.tab-3 li:first-child::before {
  width: 100%;
  margin-left: 0;
}

.tab-3 li:last-child::before {
  width: 100%;
  margin-right: 0;
}

.tab-3 a {
  position: relative;
  z-index: 1;
  display: block;
  height: 50px;
  padding-top: 16px;
  color: #666;
  text-align: center;
  font-size: 14px;
}

.tab-3 + .tab-content {
  margin-top: -20px;
}

.modal-content .tab-2 {
  margin: 0;
}

.modal-content .tab-2 li.on, .modal-content .tab-2 li.active {
  border-bottom-color: #eeeeee;
}

.modal-content .tab-2 + .tab-content {
  margin-top: 0;
}

.modal-content .text-list01 + .tab-2 {
  margin-top: 16px;
}

.modal-open {
  overflow: hidden;
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal {
  position: fixed;
  top: 50% !important;
  left: 50%;
  display: none;
  width: 600px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 9999999;/* !important*/
}

.modal:focus {
  outline: none;
}

.modal.alert {
  width: 380px;
}

.modal.w-s {
  width: 380px;
}

.modal.w-m {
  width: 600px;
}

.modal.w-m2 {
  width: 684px;
}

.modal.w-l {
  width: 890px;
}

.modal-overlay {
  position: fixed;
  top: -25%;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
  display: none;
  width: 100%;
  height: 125%;
  background: #000;
}

.modal-content {
  position: relative;
  margin: 0 auto;
  padding: 30px 30px 0;
  background-color: #eeeeee;
  -webkit-box-shadow: 0 1px 60px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 60px 4px rgba(0, 0, 0, 0.2);
}

.modal-title {
  height: 72px;
  margin: -2px 0 0 !important;
  font-family: KBFGDisplayB;
  font-size: 20px;
}

.modal-title.modal-title-sys {
  height: 0;
  font-size: 0;
}

.modal-top-title {
  margin: 58px 0 0 0;
  padding: 11px 0 0 0;
  border-top: 2px solid #9e8c6e;
  font-size: 18px;
}

.modal-body-title-cont {
  position: relative;
  margin-top: 60px;
}

.modal-body-title-cont .title-cont {
  margin-bottom: -16px;
}

.modal-body-title-cont .title-cont h3 {
  margin: 0;
  font-size: 15px;
}

.modal-body-title-cont .title-cont h4 {
  margin: 10px 0 0 0;
  color: #666666;
  font-size: 13px;
}

.modal-body-title-cont .modal-body-title {
  position: absolute;
  bottom: 0;
  left: 0;
}

.modal-body .modal-top-title:first-child {
  margin-top: 0;
}

.modal-body .modal-body-title-cont:first-child {
  margin-top: 0;
}

.body-scroll .modal-top-title:first-child {
  margin-top: 0;
}

.body-scroll .modal-body-title-cont:first-child {
  margin-top: 0;
}

.modal-top-title + .modal-body-title-cont {
  margin-top: 37px;
}

.modal-tabel-unit {
  margin-bottom: 6px;
  vertical-align: top;
  text-align: right;
  line-height: 17px;
}

.table + .modal-tabel-unit {
  margin-top: 28px;
}

.modal-body {
  padding: 0 0 30px;
}

.modal-body.type-1 {
  margin: 0 -30px;
  padding: 0;
}

.modal-body.type-2 {
  padding: 0 0 11px;
}

.modal-body-title {
  margin: 35px 0 0;
  font-size: 15px;
}

.modal-body-title:first-child {
  margin-top: 0;
}

.modal-body-title.type-2 {
  margin-bottom: 12px;
  padding-bottom: 7px;
  border-bottom: 1px solid #666666;
}

.modal-body-title + .table {
  margin-top: 4px;
}

.modal-body-title + .table + .info-text01 {
  letter-spacing: -0.25px;
}

.modal-body-title + .table + .info-text01 > span {
  display: inline-block;
  border-bottom: 2px solid #cacaca;
  color: #666;
  line-height: 12px;
  padding-left: 0;
  margin: 0;
}

.modal-body-title + .table + .info-text01 > span::before {
  content: '';
}



.info-text1 {
  letter-spacing: -0.25px;
}

.info-text1 > span {
  display: inline-block;
  border-bottom: 2px solid #cacaca;
  color: #666;
  line-height: 12px;
  padding-left: 0;
  margin: 0;
}

.info-text1 > span::before {
  content: '';
}

.modal-cont-head {
  position: relative;
  top: -70px;
  height: 0;
  vertical-align: top;
  text-align: right;
}

.modal-footer {
  padding-bottom: 30px;
  text-align: center;
}

.modal-footer.type2 button {
  width: 155px;
}

.modal-footer.type-3 {
  padding-top: 3px;
  padding-bottom: 12px;
}

.modal-footer.type-3::after {
  display: block;
  clear: both;
  content: "";
}

.modal-footer.type-3 a[class^=btn-] {
  padding: 0;
  font-size: 13px;
}

.modal-content > .modal-close, .modal-content > .modal-close2, .modal-content > .modal-close-confirm {/* cyb 추가 */
  position: absolute;
  top: 0;
  right: -37px;
}

.modal-content > .modal-close span, .modal-content > .modal-close2 span, .modal-content > .modal-close-confirm span {/* cyb 추가 */
  display: block;
  font-size: 0;
  position: relative;
  width: 30px;
  height: 30px;
}

.modal-content > .modal-close span:before, .modal-content > .modal-close span:after, .modal-content > .modal-close2 span:before, .modal-content > .modal-close2 span:after, .modal-content > .modal-close-confirm span:before, .modal-content > .modal-close-confirm span:after {/* cyb 추가 */
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 26px;
  height: 2px;
  background-color: #fff;
  box-sizing: content-box;
}

.modal-content > .modal-close span:before, .modal-content > .modal-close2 span:before, .modal-content > .modal-close-confirm span:before {/* cyb 추가 */
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}

.modal-content > .modal-close span:after, .modal-content > .modal-close2 span:after, .modal-content > .modal-close-confirm span:after {/* cyb 추가 */
  -webkit-transform: translate(-50%, -50%) rotate(135deg);
  transform: translate(-50%, -50%) rotate(135deg);
}

.modal-input-search {
  position: absolute;
  top: 0;
  right: 0;
  width: 280px;
  background-color: #FFFFFF;
}

.modal-input-search .input-txt {
  float: left;
  width: calc(100% - 69px);
  margin: 4px 0 0 11px;
  border: none;
  background: none;
}

.modal-input-search .input-btn {
  position: relative;
  float: right;
  width: 58px;
  height: 40px;
}

.modal-input-search .input-btn:before {
  position: absolute;
  top: 9px;
  left: 19px;
  width: 16px;
  height: 16px;
  border: 2px solid #9b9b9b;
  border-radius: 16px;
  content: '';
}

.modal-input-search .input-btn:after {
  position: absolute;
  top: 26px;
  left: 39px;
  width: 10px;
  height: 2px;
  background-color: #9b9b9b;
  content: '';
  -webkit-transform: translate(-100%, -50%) scale(1, 1.06667) rotate(45deg);
  -ms-transform: translate(-100%, -50%) scale(1, 1.06667) rotate(45deg);
  transform: translate(-100%, -50%) scale(1, 1.06667) rotate(45deg);
}

.modal-list1 {
  border-top: 1px solid #d8d8d8;
}

.modal-list1 li {
  border: 1px solid #d8d8d8;
  border-top: none;
  background-color: #fff;
}

.modal-list1 span {
  display: block;
  width: 100%;
  height: 54px;
  padding: 18px 0 0 19px;
  color: #666666;
}

.modal-list1 a {
  position: relative;
  display: block;
  width: 100%;
  padding: 18px 40px 16px 19px;
  color: #666666;
  position: relative;
}

.modal-list1 a:before {
  content: '';
  position: absolute;
  box-sizing: content-box;
  top: 50%;
  left: 100%;
  width: 7px;
  height: 7px;
  -webkit-transform: translate(-100%, -50%) scale(1.14286, 1) rotate(45deg);
  transform: translate(-100%, -50%) scale(1.14286, 1) rotate(45deg);
  margin-left: -3px;
  border-top: 1px solid #aeaeae;
  border-right: 1px solid #aeaeae;
}

.modal-list1 a::before {
  margin-left: -15px;
}

.modal-list1 a.list-icon1, .modal-list1 a.list-icon2, .modal-list1 a.list-icon3, .modal-list1 a.list-icon4, .modal-list1 a.list-icon5 {
  padding-left: 49px;
}

.modal-list1 a.list-icon1::after, .modal-list1 a.list-icon2::after, .modal-list1 a.list-icon3::after, .modal-list1 a.list-icon4::after, .modal-list1 a.list-icon5::after {
  position: absolute;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svpb.cat") no-repeat;
  content: '';
}

.modal-list1 a.list-icon1::after {
  top: 15px;
  left: 18px;
  width: 18px;
  height: 23px;
  background-position: 0 -218px;
}

.modal-list1 a.list-icon2::after {
  top: 15px;
  left: 20px;
  width: 15px;
  height: 23px;
  background-position: -21px -218px;
}

.modal-list1 a.list-icon3::after {
  top: 19px;
  left: 16px;
  width: 22px;
  height: 15px;
  background-position: -39px -218px;
}

.modal-list1 a.list-icon4::after {
  top: 19px;
  left: 17px;
  width: 20px;
  height: 18px;
  background-position: -64px -218px;
}

.modal-list1 a.list-icon5::after {
  top: 19px;
  left: 18px;
  width: 18px;
  height: 15px;
  background-position: -87px -218px;
}

.modal-body-title + .modal-list1 {
  margin-top: 6px;
}

.modal-list2 {
  height: 58px;
  margin-top: -4px;
}

.modal-list2 ul {
  width: 100%;
}

.modal-list2 ul::after {
  display: block;
  clear: both;
  content: "";
}

.modal-list2 li {
  position: relative;
  float: left;
  margin: 6px 12px 0 0;
  padding-right: 23px;
}

.modal-list2 .del {
  border-radius: 17px;
  background-color: #cccccc;
  font-size: 0;
  position: absolute;
  top: 0;
  right: 0;
  width: 18px;
  height: 18px;
}

.modal-list2 .del:before, .modal-list2 .del:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 1px;
  background-color: #fff;
  box-sizing: content-box;
}

.modal-list2 .del:before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}

.modal-list2 .del:after {
  -webkit-transform: translate(-50%, -50%) rotate(135deg);
  transform: translate(-50%, -50%) rotate(135deg);
}

.modal-list3 h2 {
  margin: 39px 0 5px;
  font-size: 15px;
}

.modal-list3 ul {
  padding-top: 20px;
  border-top: 1px solid #666666;
  border-bottom: 1px solid #cccccc;
}

.modal-list3 ul::after {
  display: block;
  clear: both;
  content: "";
}

.modal-list3 li {
  position: relative;
  float: left;
  width: 117px;
  height: 56px;
  padding-right: 38px;
}

.modal-list3 .none {
  margin-top: 63px;
  padding-top: 18px;
  border-top: 1px solid #666666;
  color: #666666;
}

.modal-list4 {
  border-top: 1px solid #666666;
}

.modal-list4 li {
  position: relative;
  height: 178px;
  border-bottom: 1px solid #cccccc;
}

.modal-list4 li::after {
  display: block;
  clear: both;
  content: "";
}

.modal-list4 li::after {
  position: absolute;
  bottom: 30px;
  left: 0;
  width: 46px;
  height: 46px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svpb_shaq.cat") no-repeat;
}

.modal-list4 li:nth-child(1)::after {
  background-position: 0 0;
}

.modal-list4 li:nth-child(2)::after {
  background-position: -46px 0;
}

.modal-list4 li:nth-child(3)::after {
  background-position: -92px 0;
}

.modal-list4 li:nth-child(4)::after {
  background-position: -138px 0;
}

.modal-list4 li:nth-child(5)::after {
  background-position: -184px 0;
}

.modal-list4 h2 {
  float: left;
  width: 214px;
  margin: 19px 0 0;
  font-size: 17px;
}

.modal-list4 h2 span {
  display: block;
  margin-top: 4px;
  color: #666666;
  font-size: 13px;
}

.modal-list4 dl {
  float: left;
  width: 138px;
  margin-left: 25px;
}

.modal-list4 dt {
  padding-top: 17px;
  font-size: 15px;
}

.modal-list4 dd {
  position: relative;
  padding-top: 25px;
  color: #666666;
}

.modal-list4 dd::after {
  position: absolute;
  top: 11px;
  left: 0;
  width: 20px;
  height: 1px;
  background-color: #ffde33;
  content: '';
}

.modal-list5 {
  overflow-x: hidden;
  overflow-y: auto;
  height: 103px;
  padding: 5px 19px 13px;
  border: 1px solid #cccccc;
}

.modal-list5 .input-radio, .modal-list5 .input-check {
  width: 33%;
  margin-top: 11px;
  color: #666666;
}

.modal-list5 .input-radio input:checked + span, .modal-list5 .input-check input:checked + span {
  color: #222222;
  text-decoration: underline;
}

.modal-list5 .input-check {
  width: 19%;
}

.modal-list5 .input-check input[type='text'] {
  position: static;
  width: 160px;
  margin-top: -8px;
  margin-left: 4px;
  vertical-align: top;
}

.modal-list5 .input-check:nth-child(10), .modal-list5 .input-check:nth-child(11), .modal-list5 .input-check:nth-child(12) {
  width: 33%;
}

.modal-list5 .input-radio + .input-radio, .modal-list5 .input-check + .input-check {
  margin-left: 0;
}

.modal-cont1 {
  padding-top: 20px;
}

.modal-cont1.col-3 {
  overflow: hidden;
}

.modal-cont1.col-3 .inside {
  float: left;
  width: calc(33.3% - 10px);
  margin-left: 14px;
}

.modal-cont1.col-3 .inside:first-child {
  margin-left: 0;
}

.modal-cont1.col-3 .input-radio {
  width: 100%;
}

.modal-cont1 .search-wrap {
  margin: 0;
}

.modal-cont1 h3 {
  margin: 0 0 5px;
}

.system-message {
  display: table;
  min-height: 114px;
  width: 100%;
  text-align: center;
  font-size: 15px;
}

.system-message .text1 {
  margin-top: 11px;
  color: #666666;
}

.system-message-align {
  display: table-cell;
  vertical-align: middle;
}

.isrc-text01 {
  margin-bottom: 9px;
  padding-bottom: 9px;
  border-bottom: 1px solid #cccccc;
  font-size: 15px;
}

.isrc-text02 {
  margin-top: 22px;
  padding: 11px 14px;
  background-color: #FFFFFF;
  color: #666666;
  font-size: 12px;
}

.isrc-text03 {
  margin-top: 7px;
  padding-bottom: 6px;
  color: #666666;
  font-size: 12px;
}

.isrc-text03 a {
  color: #6d9ed8;
}

.isrc-title01 {
  margin: 23px 0 0 0;
  padding-bottom: 7px;
  font-family: KBFGDisplayB;
  font-size: 14px;
}

.isrc-title01 em {
  color: #ff3d3d;
}

.isrc-title02 {
  margin: 19px 0 0;
  padding: 0;
  font-size: 14px;
}

.isrc-agree {
  display: table;
  width: 100%;
  border: 1px solid #d8d8d8;
  background-color: #FFFFFF;
}

.isrc-agree .agree-inner {
  display: table-cell;
  height: 64px;
  vertical-align: middle;
  text-align: center;
}

.isrc-agree .agree-no {
  display: none;
}

.isrc-agree .agree-no input {
  position: absolute;
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 1px;
  opacity: 0;
}

.isrc-agree .agree-no span {
  position: relative;
  color: #cccccc;
  text-decoration: underline;
  font-size: 12px;
}

.isrc-agree .agree-no span:before, .isrc-agree .agree-no span:after {
  position: absolute;
  top: 8px;
  left: -11px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  width: 9px;
  height: 1px;
  background-color: #cccccc;
  content: '';
}

.isrc-agree .agree-no span:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.isrc-agree .agree-no span:after {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}

.isrc-agree .agree-ok {
  display: none;
}

.isrc-agree .agree-ok input {
  position: absolute;
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 1px;
  opacity: 0;
}

.isrc-agree .agree-ok span {
  position: relative;
  color: #ffde33;
  text-decoration: underline;
  font-size: 12px;
}

.isrc-agree .agree-ok span:before, .isrc-agree .agree-ok span:after {
  position: absolute;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 1px;
  background-color: #ffde33;
  content: '';
}

.isrc-agree .agree-ok span:before {
  top: 8px;
  left: -11px;
  width: 4px;
  -webkit-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}

.isrc-agree .agree-ok span:after {
  top: 7px;
  left: -10px;
  width: 9px;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}

.isrc-agree.not-agree, .isrc-agree.agree {
  border: 1px solid #60584C;
  background-color: #60584C;
  color: #FFFFFF;
}

.isrc-agree.not-agree .agree-no {
  display: block;
}

.isrc-agree.agree .agree-ok {
  display: block;
}

.tab-isrc {
  display: table;
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

.tab-isrc li {
  position: relative;
  display: table-cell;
  padding-left: 4px;
  vertical-align: top;
}

.tab-isrc li:first-child {
  padding-left: 0;
}

.tab-isrc li:first-child.active > a::after, .tab-isrc li:first-child.active > span::after {
  width: 100%;
}

.tab-isrc li.active > a::after {
  position: absolute;
  top: 0;
  right: 0;
  width: calc(100%);
  height: 100%;
  border: 3px solid #ffde33;
  content: '';
}

.tab-isrc li.active > span::after {
  position: absolute;
  top: 0;
  right: 0;
  width: calc(100% - 4px);
  height: 100%;
  border: 3px solid #ffde33;
  content: '';
}

.tab-isrc a {
  position: relative;
  display: block;
}

.table-isrc th, .table-isrc td {
  padding-top: 20px;
  text-align: left;
  font-weight: 300;
}

.table-isrc th {
  color: #666666;
}

.table-isrc .input-radio + .input-radio {
  margin-left: 20px;
}

.modal-agree-wrap {
  padding-top: 13px;
}

.modal-agree-wrap .agree-check {
  padding-bottom: 12px;
}

.modal-agree-wrap .input-check2 span {
  font-size: 14px;
}

.modal-agree-wrap .accordion .head, .modal-agree-wrap .accordion-item > .panel {
  display: block;
  border-bottom: 1px solid #eeeeee;
  background-color: #FFFFFF;
}

.agree-check-cont {
  margin-top: 40px;
}

.agree-check-cont .check-total .input-check {
  font-size: 14px;
}

.agree-check-cont .check-list {
  margin-top: 3px;
  border-top: 1px solid #666666;
}

.agree-check-cont .check-list li {
  padding: 8px 20px;
  border-bottom: 1px solid #cccccc;
}

.agree-check-cont .check-list li::after {
  display: block;
  clear: both;
  content: "";
}

.agree-check-cont .check-list .input-check {
  float: left;
  margin-top: 8px;
  color: #666666;
  font-size: 12px;
}

.agree-check-cont .check-list .btn {
  float: right;
}

.parents-agree {
  margin-top: 22px;
  text-align: center;
}

.body-scroll {
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 -30px;
  padding: 0 13px 0 30px;
}

.body-scroll.scroll01 {
  height: 414px;
}

.body-scroll.scroll02 {
  height: 183px;
}

.body-scroll.scroll03 {
  height: 512px;
}

.body-scroll.scroll04 {
  height: 442px;
}

.body-scroll.scroll05 {
  height: 476px;
}

.body-scroll.scroll06 {
  height: 350px;
}

.body-scroll.scroll07 {
  height: 382px;
}

.body-scroll.scroll08 {
  height: 317px;
  margin-top: 30px;
}

.body-scroll.scroll09 {
  height: 209px;
}

.body-scroll.scroll10 {
  height: 172px;
}

.body-scroll.scroll11 {
  height: 95px;
}

.body-scroll.scroll12 {
  height: 134px;
}

.body-scroll.scroll13 {
  height: 310px;
  margin-top: 20px;
}

.body-scroll.scroll14 {
  height: 296px;
  margin-top: 30px;
}

.body-scroll.scroll15 {
  height: 225px;
}

.modal-body-title + .body-scroll, .agree-user-info + .body-scroll {
  margin-top: 6px;
}

.tab-2 + .body-scroll {
  margin-top: 20px;
}

@media print {
  .body-print header, .body-print footer, .body-print main > section {
    display: none !important;
  }
  .body-print .modal-print {
    position: static;
    z-index: 999;
    display: block !important;
    width: 100%;
    height: auto;
    background-color: #FFFFFF;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  .body-print .modal-print .modal-content {
    background-color: #FFFFFF;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .body-print .modal-print .modal-title {
    height: auto;
    margin-bottom: 30px;
  }
  .body-print .modal-print .btn-print, .body-print .modal-print .modal-footer, .body-print .modal-print + .modal-overlay {
    display: none !important;
  }
  .body-print .modal-print [class*='body-scrol'] {
    overflow: inherit;
    height: auto;
  }
}

.urgent-notice {
  width: 322px;
  margin-top: 10px;
  padding-top: 9px;
  border-top: 1px solid #cccccc;
}

.urgent-notice p {
  color: #666666;
  font-size: 12px;
  line-height: 17px;
}

.urgent-notice p:first-child {
  margin-bottom: 9px;
}

.urgent-notice > .attachment {
  padding-top: 107px;
}

.urgent-notice > .attachment .link {
  color: #9e8c6e;
  text-decoration: underline;
  font-size: 12px;
}

.note-list {
  padding: 25px 0;
}

.note-list .item:nth-child(n+2) {
  margin-top: 25px;
}

.note-list .title {
  display: block;
  margin-bottom: 10px;
  font-size: 13px;
}

.note-list .text {
  color: #666666;
  font-size: 13px;
  line-height: 20px;
}

.note-list .title + .text-list03, .note-list .text + .text-list03 {
  margin-left: 13px;
}

.note-list .operation-guide {
  margin-top: 10px;
}

.note-list .operation-guide .text-list11 {
  margin-left: 10px;
}

.note-list .text-list01 {
  margin-top: 8px;
}

.transfer-password {
  position: relative;
}

.transfer-password h2 {
  margin: 0;
  font-size: 14px;
}

.transfer-password input.input-txt {
  margin-top: 12px;
}

.transfer-password .keyboard {
  position: absolute;
  top: 77px;
  left: 0;
  z-index: 1;
}

.transfer-password .info-text01:first-of-type {
  margin-top: 16px;
}

.logout-time {
  position: relative;
  display: inline-block;
  width: 270px;
  height: 80px;
  margin: 30px 0 43px;
  padding: 2px 30px 0 0;
  background-color: #FFFFFF;
  text-align: right;
}

.logout-time .title {
  position: absolute;
  top: 23px;
  left: 30px;
  color: #666666;
  text-align: left;
  font-size: 15px;
  line-height: 18px;
}

.logout-time .number {
  color: #9e8c6e;
  font-weight: 300;
  font-size: 56px;
}

.logout-time .unit {
  color: #666666;
  font-size: 15px;
}

.post-search h3 {
  height: 22px;
  margin: 0;
  border-bottom: 1px solid #666666;
  font-size: 15px;
}

.post-search .post-list1 {
  padding-top: 3px;
}

.post-search .post-list1 li {
  margin-top: 12px;
}

.post-search .post-list2 li {
  border-bottom: 1px solid #cccccc;
}

.post-search .post-list2 label {
  display: block;
  cursor: pointer;
}

.post-search .post-list2 label input {
  position: absolute;
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 1px;
  opacity: 0;
}

.post-search .post-list2 label .inner {
  position: relative;
  display: block;
  padding: 14px 0 14px 76px;
}

.post-search .post-list2 label .inner::before {
  position: absolute;
  top: 50%;
  left: 22px;
  width: 16px;
  height: 16px;
  border: 1px solid #d8d8d8;
  border-radius: 50%;
  background-color: #FFFFFF;
  content: '';
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.post-search .post-list2 label .inner strong {
  display: block;
}

.post-search .post-list2 label .inner span {
  display: block;
  margin-top: 4px;
  color: #666666;
}

.post-search .post-list2 label input:checked + .inner::before {
  border: none;
  background: #ffde33;
}

.post-search .post-list2 label input:checked + .inner::after {
  position: absolute;
  top: 50%;
  left: 26px;
  display: inline-block;
  width: 8px;
  height: 8px;
  border: 2px solid #fff;
  border-radius: 50%;
  content: '';
  vertical-align: middle;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.post-search .post-list2 label input:focus + .inner {
  outline: 1px dotted #8d8d8d;
}

.post-search .post-search-text {
  margin-top: 16px;
  color: #666666;
}

.post-search .button-wrap {
  margin-bottom: 30px;
}

.help-guide {
  text-align: center;
}

.help-guide > h2 {
  font-size: 28px;
  margin-top: 20px;
  width:540px;/*추가*/
  margin-bottom:20px;/*추가*/
}

.help-guide .guide-way {
  width: 540px;
  height: 170px;
  margin-top: 50px;
  background: #ffff;
}

.help-guide .guide-way > li {
  position: relative;
  float: left;
  width: 180px;
}

.help-guide .guide-way > li::after {
  content: '';
  position: absolute;
  top: 30px;
  left: 0;
  height: 110px;
  border-right: 1px solid #eeeeee;
}

.help-guide .guide-way > li:first-child::after {
  border: 0;
}

.help-guide .guide-way > li > a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 115px 0 34px 0;
}

.help-guide .guide-way > li > a::before {
  content: '';
  position: absolute;
  top: 34px;
  left: 55px;
  width: 70px;
  height: 70px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Svfc%2Svpb_vfc_uryc_thvqr.cat");
  background-repeat: no-repeat;
}

.help-guide .guide-way > li > a.n-1::before {
  background-position: 0 0;
}

.help-guide .guide-way > li > a.n-2::before {
  background-position: -70px 0;
}

.help-guide .guide-way > li > a.n-3::before {
  background-position: -140px 0;
}

.help-guide .guide-way > li > a > span {
  font-size: 15px;
  color: #666666;
}

button, a {
  display: inline-block;
  border: 0;
  border-radius: 0;
  background-color: transparent;
  vertical-align: top;
  cursor: pointer;
}

/* size */
.btn-1x {
  height: 24px;
  padding: 3px 11px;
  text-align: center;
  font-size: 12px;
}

.btn-1x.icon-angle-right {
  padding-right: 22px;
  position: relative;
}

.btn-1x.icon-angle-right:before {
  content: '';
  position: absolute;
  box-sizing: content-box;
  top: 50%;
  left: 100%;
  width: 5px;
  height: 5px;
  -webkit-transform: translate(-100%, -50%) rotate(45deg);
  transform: translate(-100%, -50%) rotate(45deg);
  margin-left: -2px;
  border-top: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
}

.btn-1x.icon-angle-right::before {
  margin-left: -12px;
}

.btn-1x.icon-angle-right.disabled {
  position: relative;
}

.btn-1x.icon-angle-right.disabled:before {
  content: '';
  position: absolute;
  box-sizing: content-box;
  top: 50%;
  left: 100%;
  width: 5px;
  height: 5px;
  -webkit-transform: translate(-100%, -50%) rotate(45deg);
  transform: translate(-100%, -50%) rotate(45deg);
  margin-left: -2px;
  border-top: 1px solid;
  border-right: 1px solid;
}

.btn-1x.icon-angle-right.disabled::before {
  margin-left: -12px;
}

.btn-1x.icon-angle-right.btn-white {
  position: relative;
}

.btn-1x.icon-angle-right.btn-white:before {
  content: '';
  position: absolute;
  box-sizing: content-box;
  top: 50%;
  left: 100%;
  width: 5px;
  height: 5px;
  -webkit-transform: translate(-100%, -50%) rotate(45deg);
  transform: translate(-100%, -50%) rotate(45deg);
  margin-left: -2px;
  border-top: 1px solid #ffde33;
  border-right: 1px solid #ffde33;
}

.btn-1x.icon-angle-right.btn-white::before {
  margin-left: -12px;
}

.btn-2x {
  min-width: 70px;
  height: 32px;
  padding: 7px 0;
  text-align: center;
  font-size: 13px;
}

.btn-2x.icon-angle-right {
  padding-right: 12px;
  position: relative;
}

.btn-2x.icon-angle-right:before {
  content: '';
  position: absolute;
  box-sizing: content-box;
  top: 50%;
  left: 100%;
  width: 6px;
  height: 6px;
  -webkit-transform: translate(-100%, -50%) scale(1.16667, 1) rotate(45deg);
  transform: translate(-100%, -50%) scale(1.16667, 1) rotate(45deg);
  margin-left: -2px;
  border-top: 1px solid #9e8c6e;
  border-right: 1px solid #9e8c6e;
}

.btn-3x {
  width: 140px;
  height: 32px;
  padding: 6px 0;
  text-align: center;
  font-size: 13px;
}

.btn-3xs {
  width: 128px;
  height: 38px;
  padding: 9px 0;
  text-align: center;
  font-size: 14px;
}

.bxbx {
  height: 30px;
  padding: 5px 0;
  font-size: 15px;
  border-radius: 50px;
  border: 1px solid #666;
  background-color: #666;
  color: #FFFFFF;
}


.btn-3x.icon-angle-right span {
  padding-right: 14px;
  position: relative;
}

.btn-3x.icon-angle-right span:before {
  content: '';
  position: absolute;
  box-sizing: content-box;
  top: 50%;
  left: 100%;
  width: 6px;
  height: 6px;
  -webkit-transform: translate(-100%, -50%) rotate(45deg);
  transform: translate(-100%, -50%) rotate(45deg);
  margin-left: -2px;
  border-top: 1px solid #666;
  border-right: 1px solid #666;
}

.btn-3x.icon-angle-right span::before {
  margin-top: -1px;
}

.btn-4x {
  width: 200px;
  height: 46px;
  padding: 12px 0;
  text-align: center;
  font-size: 15px;
}

.btn-5x {
  width: 241px;
  height: 46px;
  padding: 14px 0;
  text-align: center;
  font-size: 13px;
}

.btn-full {
  width: 100%;
}

/* color */
.btn-brown {
  border: 1px solid #9e8c6e;
  background-color: #9e8c6e;
  color: #FFFFFF;
}

.btn-brown:hover, .btn-brown:focus {
  border-color: #7e7058;
  background-color: #7e7058;
}

.btn-darkbrown {
  border: 1px solid #60584C;
  background-color: #60584C;
  color: #FFFFFF;
}

.btn-darkbrown:hover, .btn-darkbrown:focus {
  border-color: #4d463d;
  background-color: #4d463d;
}

.btn-white {
  border: 1px solid #d8d8d8;
  background-color: #FFFFFF;
  color: #666666;
}

.btn-white:hover, .btn-white:focus {
  border-color: #666;
  background-color: #fcfcfc;
}

.btn-white2 {
  border: 1px solid #d8d8d8;
  background-color: #FFFFFF;
  color: #666666;
}

.btn-white2:hover, .btn-white2:focus {
  border-color: #666;
}

.btn-white2:disabled {
  border-color: #eeeeee;
  background-color: #fcfcfc;
  color: #b0b0b0;
}

.btn-lightgray {
  border: 1px solid #d8d8d8;
  background-color: #fcfcfc;
  color: #666666;
}

.btn-lightgray:hover, .btn-lightgray:focus {
  border-color: #666;
}

.btn-gray {
  border: 1px solid #666;
  background-color: #666;
  color: #FFFFFF;
}

.btn-gray:hover, .btn-gray:focus {
  background-color: #8d8d8d;
}

.btn-gray.disabled {
  border: 1px solid #8d8d8d !important;
  background-color: #f5f5f5 !important;
  color: #8d8d8d !important;
  cursor: default;
}
.btn-gray.disabled:not(.btn-main) {
  color: #8d8d8d !important;
}

.btn-gray.disabled:hover, .btn-gray.disabled:focus {
  background-color: #eeeeee;
}

.btn-yellow {
  background-color: #ffde33;
  color: #222;
}

.btn-yellow:hover, .btn-yellow:focus {
  background-color: #cc9600;
}

/*color 변경 */
.btn-4x.btn-brown {
  border: 1px solid #9e8c6e;
  background-color: #9e8c6e;
  color: #FFFFFF;
}

.btn-4x.btn-brown:hover, .btn-4x.btn-brown:focus {
  border-color: #7e7058;
  background-color: #7e7058;
}

.btn-4x.btn-darkbrown {
  border: 1px solid #9e8c6e;
  background-color: #9e8c6e;
  color: #FFFFFF;
}

.btn-4x.btn-darkbrown:hover, .btn-4x.btn-darkbrown:focus {
  border-color: #7e7058;
  background-color: #7e7058;
}

.btn-4x.btn-white {
  border: 1px solid #9e8c6e;
  background-color: #9e8c6e;
  color: #FFFFFF;
}

.btn-4x.btn-white:hover, .btn-4x.btn-white:focus {
  border-color: #7e7058;
  background-color: #7e7058;
}

.btn-4x.btn-white.register {
  border: 1px solid #d8d8d8;
  background-color: #FFFFFF;
  color: #666666;
}

.btn-4x.btn-white.register:hover, .btn-4x.btn-white.register:focus {
  border-color: #666;
  background-color: #fcfcfc;
}

.btn-4x.btn-yellow {
  border: 1px solid #ffde33;
  background-color: #ffde33;
  color: #222;
}

.btn-4x.btn-yellow:hover/*, .btn-4x.btn-yellow:focus*/ {
  border-color: #cc9600;
  background-color: #cc9600;
}

.btn-4x.btn-gray {
	border: 1px solid #666;
	background-color: #666;
	color: #FFFFFF;
}

/*[cyb][접근성]*/
/* .btn-4x.btn-gray:hover, .btn-4x.btn-gray:focus {
	border-color: #aaaaaa;
	background-color: #aaaaaa;
} */


/* etc */
[class^='btn-'] {
  position: relative;
  display: inline-block;
}

[class^='btn-'] input[type='file'] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

[class^='btn-'].link {
  color: #9e8c6e;
}

[class^='btn-'].link:hover, [class^='btn-'].link:focus {
  text-decoration: underline;
}

[class^='btn-'].more {
  margin-top: 30px;
}

[class^='btn-'].more::after {
  display: inline-block;
  width: 11px;
  height: 11px;
  margin-left: 5px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Soga.cat") no-repeat -48px 0;
  content: '';
}

[class^='btn-'].download {
  position: relative;
  padding-right: 43px;
  padding-left: 17px;
  text-align: left;
}

[class^='btn-'].download:after {
  position: absolute;
  top: 50%;
  right: 19px;
  display: block;
  width: 19px;
  height: 16px;
  margin-top: -8px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Soga.cat") no-repeat -12px 0;
  content: '';
}

[class^='btn-'].refresh::before {
  position: relative;
  top: 2px;
  display: inline-block;
  width: 12px;
  height: 13px;
  margin-right: 11px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Soga.cat") no-repeat -69px 0;
  content: '';
}

[class^='btn-'].voice::before {
  position: relative;
  top: 2px;
  display: inline-block;
  width: 15px;
  height: 14px;
  margin-right: 6px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Soga.cat") no-repeat -82px 0;
  content: '';
}

[class^='btn-'].register {
  display: inline-block;
  padding-right: 43px;
  padding-left: 17px;
  text-align: left;
}

[class^='btn-'].register:after {
  position: absolute;
  top: 50%;
  right: 16px;
  display: block;
  width: 15px;
  height: 14px;
  margin-top: -7px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Soga.cat") no-repeat -32px 0;
  content: '';
}

[class^='btn-3x'].confirm::before {
  display: inline-block;
  width: 11px;
  height: 9px;
  margin-right: 5px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Soga.cat") no-repeat 0 0;
  content: '';
}

[class^='btn-3x'].confirm.on::before {
  background-position: 0 -9px;
}

[class^='btn-4x'].confirm::before {
  display: inline-block;
  width: 14px;
  height: 11px;
  margin-right: 7px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Soga.cat") no-repeat -98px 0;
  content: '';
}

[class^='btn-4x'].confirm.on::before {
  background-position: -98px -11px;
}

[class^='btn-'].minus {
  position: relative;
  display: inline-block;
  min-width: 32px;
  height: 32px;
}

[class^='btn-'].minus::before {
  position: absolute;
  top: 50%;
  left: 50%;
  box-sizing: content-box;
  width: 11px;
  height: 1px;
  margin-left: -5px;
  background-color: #000;
  content: '';
}

[class^='btn-'].minus:hover {
  z-index: 1;
}

[class^='btn-'].plus {
  position: relative;
  display: inline-block;
  min-width: 32px;
  height: 32px;
  margin-left: -1px;
}

[class^='btn-'].plus::before, [class^='btn-'].plus::after {
  position: absolute;
  top: 50%;
  left: 50%;
  box-sizing: content-box;
  background-color: #000;
  content: '';
}

[class^='btn-'].plus::before {
  width: 11px;
  height: 1px;
  margin-left: -5px;
}

[class^='btn-'].plus::after {
  width: 1px;
  height: 11px;
  margin-top: -5px;
}
/*[cyb][접근성]*/
.close {
  float: right;
  color: #000000;
  text-shadow: 0 1px 0;
  font-family: KBFGDisplayB;
  font-size: 16px;
  line-height: 1;
  opacity: 1;
}

.close:not(:disabled):not(.disabled) {
  cursor: pointer;
}
/*[cyb][접근성]*/
.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
  color: #000000;
  text-decoration: none;
  opacity: 1;
}

/* 새창 */
.btn-new {
  height: 18px;
  padding: 1px 4px 0 3px;
  border: 1px solid #d8d8d8;
  background-color: #FFFFFF;
  color: #666666;
  font-size: 11px;
}

.btn-new::after {
  display: inline-block;
  width: 8px;
  height: 9px;
  margin-left: 4px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Soga.cat") no-repeat -60px 0;
  content: '';
}

/* 링크 */
.btn-link {
  height: 18px;
  padding: 1px 13px 0 3px;
  border: 1px solid #d8d8d8;
  background-color: #FFFFFF;
  color: #666666;
  font-size: 11px;
  position: relative;
}

.btn-link:before {
  content: '';
  position: absolute;
  box-sizing: content-box;
  top: 50%;
  left: 95%;
  width: 5px;
  height: 5px;
  -webkit-transform: translate(-95%, -50%) rotate(45deg);
  transform: translate(-95%, -50%) rotate(45deg);
  margin-left: -2px;
  border-top: 1px solid #ffde33;
  border-right: 1px solid #ffde33;
}

/* 삭제, 초기화 */
.btn-delete {
  position: relative !important;
  border-radius: 50%;
  background-color: #666;
  position: absolute;
  top: -2px;
  right: -2px;
  width: 16px;
  height: 16px;
}

.btn-delete:before, .btn-delete:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 1px;
  background-color: #FFFFFF;
  box-sizing: content-box;
}

.btn-delete:before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}

.btn-delete:after {
  -webkit-transform: translate(-50%, -50%) rotate(135deg);
  transform: translate(-50%, -50%) rotate(135deg);
}

button.close {
  padding: 0;
  border: 0;
  background-color: transparent;
  -webkit-appearance: none;
}

.button-wrap {
  margin-top: 60px;
  text-align: center;
  font-size: 0;
}

.button-wrap::after {
  display: block;
  clear: both;
  content: "";
}

.button-wrap button:nth-child(n+2), .button-wrap a:nth-child(n+2) {
  margin-left: 4px;
}

.text-list07 + .button-wrap {
  margin-top: 30px;
}

.button-wrap.type2 {
  margin: 12px 0;
}

.modal-body .button-wrap {
  margin-top: 30px;
}

.button-overlap {
  font-size: 0;
}

.button-overlap button {
  position: relative;
}

.button-overlap button:hover, .button-overlap button:focus {
  z-index: 1;
}

.button-overlap button:nth-child(n+2) {
  margin-left: -1px;
}

.button-overlap button.on {
  z-index: 2;
  border-color: #666;
  background-color: #666;
  color: #FFFFFF;
  text-decoration: underline;/*[cyb][접근성]*/
}

/* button sort */
.button-sort {
  margin: 20px 0;
  font-size: 0;
  text-align: center;
}
/*[cyb][접근성]*/
.button-sort a {
  position: relative;
  display: inline-block;
  /* 2024.02.20 [cyb][김선미] 요건 반영 */
  /* width: 234px; */
  width: 314px;
  height: 46px;
  padding: 12px 20px;
  border-radius: 23px;
  color: #FFFFFF;
  vertical-align: top;
  text-align: left;
  font-size: 14px;
  border: 1px solid transparent;
  box-sizing: border-box;
  cursor: pointer;
}

.button-sort a:nth-child(n+2) {
  margin-left: 8px;
}

.button-sort .text {
  position: absolute;
  top: 10px;
  right: 20px;
}
/*[cyb][접근성]*/
.button-sort .text:after {
  content: '';
  display: block;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 3px;
  border-bottom: 1px solid #fff;
}
.button-sort .yellow .text:after {
  border-bottom: 1px solid #222;
}

.button-sort .number {
  margin-right: 6px;
  font-size: 17px;
}
.disabled {
  border-color: #cccccc !important;
  background-color: #cccccc !important;
  cursor: default;
}

/*[cyb][접근성]*/
.button-sort a.disabled {
  border: 1px solid #8d8d8d !important;
  background-color: #f5f5f5 !important;
}

.button-sort a.disabled .title,
.button-sort a.disabled .text,
.button-sort a.disabled .number {
  color: #8d8d8d !important;
}

.button-sort a.disabled .text:after {
  content: none;
}
/* //[cyb][접근성]*/
.icon-angle-right {
  position: relative;
}

.icon-angle-right:before {
  content: '';
  position: absolute;
  box-sizing: content-box;
  top: 50%;
  left: 100%;
  width: 6px;
  height: 6px;
  -webkit-transform: translate(-100%, -50%) rotate(45deg);
  transform: translate(-100%, -50%) rotate(45deg);
  margin-left: -2px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
}

.icon-angle-right::before {
  margin-left: -5px;
}

.icon-angle-left {
  position: relative;
}

.icon-angle-left:before {
  content: '';
  position: absolute;
  box-sizing: content-box;
  top: 50%;
  left: 0;
  width: 6px;
  height: 6px;
  -webkit-transform: translate(0, -50%) rotate(45deg);
  transform: translate(0, -50%) rotate(45deg);
  margin-left: 2px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

.icon-angle-left::before {
  margin-left: 5px;
}

.icon-angle-up {
  position: relative;
}

.icon-angle-up:before {
  content: '';
  position: absolute;
  box-sizing: content-box;
  top: 50%;
  left: 100%;
  width: 6px;
  height: 6px;
  -webkit-transform: translate(-100%, -50%) rotate(45deg);
  transform: translate(-100%, -50%) rotate(45deg);
  margin-left: -2px;
  margin-top: 2px;
  border-top: 1px solid #222;
  border-left: 1px solid #222;
}

.icon-angle-up::before {
  margin-left: -10px;
}

.icon-angle-down {
  position: relative;
}

.icon-angle-down:before {
  content: '';
  position: absolute;
  box-sizing: content-box;
  top: 50%;
  left: 100%;
  width: 6px;
  height: 6px;
  -webkit-transform: translate(-100%, -50%) rotate(45deg);
  transform: translate(-100%, -50%) rotate(45deg);
  margin-left: -2px;
  margin-top: -2px;
  border-right: 1px solid #222;
  border-bottom: 1px solid #222;
}

.icon-angle-down::before {
  margin-left: -10px;
}

.icon-triangle-right {
  position: relative;
}

.icon-triangle-right:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translate(-100%, -50%);
  box-sizing: border-box;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #fff;
}

.icon-triangle-right::before {
  margin-left: -5px;
}

.icon-triangle-left {
  position: relative;
}

.icon-triangle-left:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  box-sizing: border-box;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 6px solid #fff;
}

.icon-triangle-left::before {
  margin-left: 5px;
}

.icon-triangle-up {
  position: relative;
}

.icon-triangle-up:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translate(-100%, -50%);
  box-sizing: border-box;
  border-bottom: 6px solid #222;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}

.icon-triangle-up::before {
  margin-left: -10px;
}

.icon-triangle-down {
  position: relative;
}

.icon-triangle-down:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translate(-100%, -50%);
  box-sizing: border-box;
  border-top: 6px solid #222;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}

.icon-triangle-down::before {
  margin-left: -10px;
}

.icon-cancel {
  position: absolute;
  top: 10px;
  right: 50px;
  width: 31px;
  height: 31px;
}

.icon-cancel:before, .icon-cancel:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 28px;
  height: 2px;
  background-color: #000;
  box-sizing: content-box;
}

.icon-cancel:before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}

.icon-cancel:after {
  -webkit-transform: translate(-50%, -50%) rotate(135deg);
  transform: translate(-50%, -50%) rotate(135deg);
}

.icon-arrow-right:before {
  content: '';
  position: absolute;
  border-top: 2px solid #222;
  border-left: 2px solid #222;
  box-sizing: content-box;
  top: 50%;
  width: 8px;
  height: 8px;
  right: 7px;
  transform: translate(50%, -50%) rotate(135deg);
}

.icon-arrow-right:after {
  content: '';
  position: absolute;
  background-color: #222;
  box-sizing: content-box;
  top: 50%;
  right: 1px;
  width: 19px;
  height: 2px;
  transform: translate(0, -50%);
}

.icon-arrow-right::before {
  right: 27px;
}

.icon-arrow-right::after {
  right: 21px;
}

.icon-arrow-left:before {
  content: '';
  position: absolute;
  border-top: 2px solid #222;
  border-left: 2px solid #222;
  box-sizing: content-box;
  top: 50%;
  width: 8px;
  height: 8px;
  left: 7px;
  transform: translate(-50%, -50%) rotate(-45deg);
}

.icon-arrow-left:after {
  content: '';
  position: absolute;
  background-color: #222;
  box-sizing: content-box;
  top: 50%;
  left: 1px;
  width: 19px;
  height: 2px;
  transform: translate(0, -50%);
}

.icon-arrow-up:before {
  content: '';
  position: absolute;
  border-top: 2px solid #222;
  border-left: 2px solid #222;
  box-sizing: content-box;
  left: 50%;
  width: 8px;
  height: 8px;
  top: 7px;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}

.icon-arrow-up:after {
  content: '';
  position: absolute;
  background-color: #222;
  box-sizing: content-box;
  top: 1px;
  left: 50%;
  width: 2px;
  height: 19px;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.icon-arrow-down:before {
  content: '';
  position: absolute;
  border-top: 2px solid #222;
  border-left: 2px solid #222;
  box-sizing: content-box;
  left: 50%;
  width: 8px;
  height: 8px;
  bottom: 7px;
  -webkit-transform: translate(-50%, 50%) rotate(-135deg);
  transform: translate(-50%, 50%) rotate(-135deg);
}

.icon-arrow-down:after {
  content: '';
  position: absolute;
  background-color: #222;
  box-sizing: content-box;
  bottom: 1px;
  left: 50%;
  width: 2px;
  height: 19px;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.step {
  position: relative;
  height: 46px;
  margin: 0 -5000px 60px;
  padding-top: 13px;
  background-color: #fcfcfc;
}

.step ol {
  display: table;
  width: 960px;
  margin: 0 auto;
  table-layout: fixed;
}

.step li {
  display: table-cell;
  color: #666;
  text-align: center;
  font-size: 14px;
}

.step li:nth-child(n+2) {
  position: relative;
}

.step li:nth-child(n+2):before {
  content: '';
  position: absolute;
  box-sizing: content-box;
  top: 50%;
  left: 0;
  width: 7px;
  height: 7px;
  -webkit-transform: translate(0, -50%) scale(1.125, 1) rotate(45deg);
  transform: translate(0, -50%) scale(1.125, 1) rotate(45deg);
  margin-left: -3px;
  border-top: 2px solid #ffde33;
  border-right: 2px solid #ffde33;
}

.step li:nth-child(n+2):before {
  margin-top: -1px;
  margin-left: -7px;
}

.step li.on {
  color: #222222;
}

.form-row {
  max-width: 415px;
  font-size: 0;
}

.form-row + .form-row {
  margin-top: 7px;
}

.form-row.right {
  width: 415px;
}

.form-row.full {
  max-width: 100%;
}

.form-row .unit {
  display: inline-block;
  width: 24px;
  vertical-align: top;
  text-align: center;
  font-size: 13px;
  line-height: 32px;
}

.form-row .text {
  position: relative;
  padding-left: 10px;
  color: #666666;
  font-size: 12px;
}

.form-row .text::before {
  position: absolute;
  top: 2px;
  left: 0;
  display: block;
  content: '*';
}

.form-row .text2 {
  display: inline-block;
  margin-right: 5px;
  vertical-align: top;
  font-size: 13px;
  line-height: 32px;
}

.form-row .select-box + .text2, .form-row .input-txt + .text2 {
  margin-left: 39px;
}

.form-row.type-1 .input-txt {
  width: calc(100% - 24px);
}

.form-row.type-1.text2 .input-txt {
  width: calc(100% - 36px);
}

.form-row.type-1.text2 .unit {
  width: 36px;
}

.form-row.type-2 .input-txt {
  width: calc(50% - 12px);
}

.form-row.type-2 .select-box {
  width: calc(50% - 12px);
}

.form-row.type-2 .last-id {
  width: 42px;
}

.form-row.type-2 .last-id-text {
  display: inline-block;
  padding: 9px 0 0 8px;
  color: #666666;
  vertical-align: top;
  font-size: 15px;
}

.form-row.type-3 .input-txt {
  width: calc(33.33% - 16px);
}

.form-row.type-3 .select-box {
  width: calc(33.33% - 16px);
}

.form-row.type-4 .input-txt {
  width: calc(33.33% - 24px);
}

.form-row.type-4 .select-box {
  width: calc(33.33% - 24px);
}

.form-row.type-5 .input-txt {
  width: calc(25% - 18px);
}

.form-row.type-6 {
  max-width: 100%;
  color: #666;
  font-size: 13px;
}

.form-row.type-6 .input-txt {
  width: 385px;
}

.form-row.type-6 .select-box {
  width: 100px;
}

.form-row.btn-align {
  margin: -6px 0 0 -6px;
}

.form-row.btn-align .btn-2x {
  width: calc(33.33% - 6px);
  margin: 6px 0 0 6px;
}

.form-row.btn-align .btn-2x.on {
  border-color: #666666;
  background-color: #777777;
  color: #FFFFFF;
}

.form-row.cont-text {
  position: relative;
}

.form-row.cont-text .input-textarea {
  width: 415px;
}

.form-row.cont-text .byte {
  position: absolute;
  bottom: 0;
  left: 100%;
  margin-left: 10px;
  color: #666;
  font-size: 13px;
  width:100px;/*추가*/
}

.form-row.account {
  max-width: 583px;
}

.form-row.account .select-box {
  width: calc(100% - 168px);
  margin-right: 5px;
}

.form-row.account ~ .form-row {
  position: relative;
  max-width: 583px;
}

.form-row.account ~ .form-row button {
  position: absolute;
  top: 4px;
  right: -5px;
  transform: translateX(100%);
}

.form-row.address .input-txt {
  width: 195px;
  margin-right: 5px;
}

.form-row.text {
  width: 440px;
  color: #222222;
  font-size: 13px;
}

.form-row.text .input-txt {
  width: 415px;
  margin-right: 2px;
}

.form-row.certify {
  position: relative;
}

.form-row.certify .input-txt {
  width: 195px;
  margin-right: 5px;
}

.form-row.certify .time {
  position: absolute;
  top: 8px;
  left: 150px;
  color: #ff3d3d;
  font-size: 13px;
}

.form-row.application-option {
  max-width: 100%;
  color: #666666;
  font-size: 13px;
}

.form-row.application-option span {
  display: inline-block;
}

.form-row.application-option span + .input-radio {
  margin-left: 20px;
}

.form-row.application-option .type-1 .calendar, .form-row.application-option .type-1 .input-txt {
  width: 209px;
}

.form-row.application-option .type-2 {
  margin-left: 30px;
}

.form-row.application-option .type-2 .input-txt {
  width: 60px;
}

.form-row.increase {
  max-width: 166px;
  margin: 0 auto;
  text-align: left;
}

.form-row.increase .input-txt {
  width: 75px;
}

.form-row.password .input-txt {
  width: 90px;
}

.form-row.password span {
  display: inline-block;
  margin-left: 5px;
  vertical-align: top;
  font-size: 13px;
  line-height: 32px;
}

.form-row .type-1 + .type-1 {
  margin-left: 30px;
}

.form-row-info .form-row {
  display: inline-block;
}

.form-row-info .input-check {
  margin-left: 16px;
  vertical-align: -6px;
}

.form-row.job .input-txt {
  width: 329px;
  margin-right: 5px;
}

.carousel {
  position: relative;
  overflow: hidden;
}

.carousel-list {
  display: flex;
  transition-timing-function: ease-out;
}

.carousel-item {
  flex-shrink: 0;
  transform-style: preserve-3d;
}

.swiper-container-android .carousel-item, .carousel-list {
  -webkit-transform: translate3d(0px, 0, 0);
  -moz-transform: translate3d(0px, 0, 0);
  -ms-transform: translate3d(0px, 0, 0);
  -o-transform: translate(0px, 0px);
  transform: translate3d(0px, 0, 0);
}

.swiper-scrollbar {
  position: relative;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.1);
  -ms-touch-action: none;
}

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  bottom: 3px;
  left: 1%;
  z-index: 50;
  width: 98%;
  height: 5px;
}

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  top: 1%;
  right: 3px;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.5);
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-container-no-flexbox .carousel-item {
  float: left;
}

.swiper-button-disabled::before {
  border-color: transparent !important;
  cursor: auto;
}

.accordion .head {
  position: relative;
  height: 50px;
  padding-right: 53px;
  border-bottom: 1px solid #eeeeee;
  line-height: 49px;
}

.accordion .head h2, .accordion .head .h2 {
  margin: 0;
  line-height: 49px;
}

.accordion .anchor {
  position: absolute !important;
  top: 0;
  right: 0;
  display: block;
  width: 100%;
  height: 100%;
  padding-left: 20px;
  color: #666666;
  line-height: 49px;
  position: relative;
}

.accordion .anchor:before {
  content: '';
  position: absolute;
  box-sizing: content-box;
  top: 50%;
  left: 100%;
  width: 8px;
  height: 8px;
  -webkit-transform: translate(-100%, -50%) scale(1, 1.06667) rotate(45deg);
  transform: translate(-100%, -50%) scale(1, 1.06667) rotate(45deg);
  margin-left: -3px;
  margin-top: -3px;
  border-right: 1px solid #60584C;
  border-bottom: 1px solid #60584C;
}

.accordion .anchor::before {
  margin-left: -22px;
}

.accordion .anchor .title {
  position: relative;
  display: inline-block;
  width: 120px;
  margin-right: 18px;
  color: #222222;
}

.accordion .anchor .title::after {
  position: absolute;
  top: 3px;
  right: 0;
  width: 1px;
  height: 13px;
  background-color: #eeeeee;
  content: '';
}

.accordion .input-check {
  margin: 17px 0 0 20px;
  line-height: 1.5;
}

.accordion .input-check + .anchor {
  width: 53px;
}

.accordion-item:first-child {
  border-top: 1px solid #666666;
}

.accordion-item > .panel {
  display: none;
  overflow: hidden;
  padding: 11px 20px 17px;
  border-bottom: 1px solid #eeeeee;
  background-color: #fcfcfc;
}

.accordion-item > .panel.scroll {
  overflow-y: auto;
  height: 116px;
}

.accordion-item.on .anchor, .accordion-item.active .anchor {
  position: relative;
}

.accordion-item.on .anchor:before, .accordion-item.active .anchor:before {
  content: '';
  position: absolute;
  box-sizing: content-box;
  top: 50%;
  left: 100%;
  width: 8px;
  height: 8px;
  -webkit-transform: translate(-100%, -50%) scale(1, 1.06667) rotate(45deg);
  transform: translate(-100%, -50%) scale(1, 1.06667) rotate(45deg);
  margin-left: -3px;
  margin-top: 3px;
  border-top: 1px solid #60584C;
  border-left: 1px solid #60584C;
}

.accordion-item.on .anchor:before, .accordion-item.active .anchor:before {
  margin-left: -20px;
  border-right: none;
  border-bottom: none;
}

.accordion-item.on > .panel, .accordion-item.active > .panel {
  display: block;
}

.accordion-item.type-2 > .panel {
  padding: 36px 0 0;
  background-color: #FFFFFF;
}

.accordion-item.type-2.on .head, .accordion-item.type-2.on .panel, .accordion-item.type-2.active .head, .accordion-item.type-2.active .panel {
  border-bottom: none;
}

.accordion-item.type-3 {
  margin-top: 64px;
  border-top: none;
}

.accordion-item.type-3 .head {
  border-bottom: 1px solid #666666;
}

.accordion-item.type-3 > .panel {
  padding: 0;
  border-bottom: none;
  background: none;
}

.accordion-item.type-3 > .panel .info-text04:first-child {
  margin-top: 29px;
}

.accordion .table-col {
  border-top-color: #eeeeee;
}

.text-list01 + .accordion {
  margin-top: 75px;
}

.panel.type-2 {
  padding-top: 11px;
}

.panel.type-2 .txt1 {
  color: #666666;
  font-size: 12px;
}

.panel.type-2 .txt1 span {
  color: #222222;
  text-decoration: underline;
}

.panel.type-2 .txt2 {
  display: block;
  margin-top: 15px;
  color: #666666;
  font-size: 12px;
}

.panel.type-2 .text-list02 {
  padding-bottom: 0;
}

.panel.type-2 .text-list02 li {
  margin-top: 15px;
  color: #666666;
}

.panel.type-2 .text-list02 li:after {
  background-color: #666666;
}

.panel.type-2 .text-list02 li span {
  position: relative;
  display: block;
  padding-left: 10px;
  color: #666666;
  line-height: 17px;
}

.panel.type-2 .text-list02 li span:before {
  position: absolute;
  top: 1px;
  left: 0;
  display: block;
  content: '-';
}

.virtualAccountCheckAndAgreeContents .accordion-item > .panel{border-bottom:none;background-color:#fff;}

.virtualAccountCheckAndAgreeContents .accordion .head{border-bottom:none;}

.input-check {
  display: inline-block;
  vertical-align: top;
}

.input-check + .input-check {
  margin-left: 35px;
}

.input-check input[type=checkbox] {
  position: absolute;
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 1px;
  opacity: 0;
}

.input-check input:checked + span::before {
  border: none;
  background: #ffde33;
}

.input-check input:checked + span::after {
  position: absolute;
  top: 10px;
  left: 3px;
  display: inline-block;
  width: 6px;
  height: 9px;
  margin: -8px 7px 0 2px;
  border-width: 2px;
  border-style: solid;
  border-color: transparent #FFFFFF #FFFFFF transparent;
  border-radius: 2px;
  content: '';
  vertical-align: middle;
  transform: rotate(45deg);
}

.input-check input:disabled + span {
  color: #b0b0b0;
  cursor: default;
}

.input-check input:focus + span {
  outline: 1px dotted #8d8d8d;
}

.input-check span {
  position: relative;
  display: inline-block;
  min-height: 16px;
  padding-left: 21px;
  vertical-align: top;
  font-size: 13px;
  line-height: 17px;
  cursor: pointer;
}

.input-check span.hidden {
  padding-left: 16px;
  font-size: 0;
}

.input-check span::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  border: 1px solid #8d8d8d;
  border-radius: 50%;
  background-color: #FFFFFF;
  content: '';
}
.input-check input+span::after {
  position: absolute;
  top: 10px;
  left: 3px;
  display: inline-block;
  width: 6px;
  height: 9px;
  margin: -8px 7px 0 2px;
  border-width: 2px;
  border-style: solid;
  border-color: transparent #8d8d8d #8d8d8d transparent;
  border-radius: 2px;
  content: '';
  vertical-align: middle;
  transform: rotate(45deg);
}
.input-check input:disabled+span::after {
  border-color: transparent;
}
.input-check.type-2 span {
  padding: 0 21px 0 0;
}

.input-check.type-2 span::before {
  right: 0;
  left: auto;
}

.input-check.type-2 input:checked + span::after {
  right: -2px;
  left: auto;
}

.input-check2 {
  display: inline-block;
  vertical-align: top;
}

.input-check2 + .input-check2 {
  margin-left: 35px;
}

.input-check2 input {
  position: absolute;
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 1px;
  opacity: 0;
}

.input-check2 input:checked + span::before {
  background: #ffde33;
}

.input-check2 input:checked + span::after {
  border-color: transparent #222 #222 transparent;
}

.input-check2 input:focus + span {
  outline: 1px dotted #8d8d8d;
}

.input-check2 span {
  position: relative;
  display: inline-block;
  height: 24px;
  padding-left: 32px;
  color: #222222;
  vertical-align: top;
  font-family: KBFGDisplayB;
  font-size: 20px;
  line-height: 25px;
  cursor: pointer;
}

.input-check2 span.hidden {
  padding-left: 24px;
  font-size: 0;
}

.input-check2 span::before {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #fff;
  content: '';
}

.input-check2 span::after {
  position: absolute;
  top: 11px;
  left: 7px;
  display: inline-block;
  width: 7px;
  height: 14px;
  margin: -8px 7px 0 2px;
  border-width: 2px;
  border-style: solid;
  border-color: transparent #8d8d8d #8d8d8d transparent;
  border-radius: 2px;
  content: '';
  vertical-align: middle;
  transform: rotate(45deg);
}
/* [cyb][접근성] */
.input-check2 input:disabled +span::after {
  border-color: transparent;
}
.input-radio {
  display: inline-block;
  vertical-align: top;
}

.input-radio + .input-radio {
  margin-left: 35px;
}

.input-radio input {
  position: absolute;
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 1px;
  opacity: 0;
}

.input-radio input:checked + span::before {
  border: none;
  background: #ffde33;
}
/* [cyb][접근성] */
.input-radio input + span::after {
  position: absolute;
  top: 4px;
  left: 4px;
  display: inline-block;
  width: 8px;
  height: 8px;
  background: transparent;
  border: 1px solid #8d8d8d;
  border-radius: 50%;
  content: '';
  vertical-align: middle;
}
.input-radio input:checked + span::after {
  width: 8px;
  height: 8px;
  background: #60584c;
  border: 1px solid transparent;
}

.input-radio input:disabled + span {
  color: #b0b0b0;
  cursor: default;
}

.input-radio input:disabled + span::after,
.input-radio input:disabled + span::before {
  background-color: #f5f5f5;
  border: 1px solid transparent;
}
/* //[cyb][접근성] */

.input-radio input:focus + span {
  outline: 1px dotted #8d8d8d;
}

.input-radio span {
  position: relative;
  display: inline-block;
  min-height: 16px;
  padding-left: 21px;
  vertical-align: top;
  text-indent: 5px;
  font-size: 13px;
  line-height: 17px;
  cursor: pointer;
}

.input-radio span.hidden {
  padding-left: 16px;
  font-size: 0;
}

.input-radio span::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  border: 1px solid #8d8d8d;
  border-radius: 50%;
  background-color: #FFFFFF;
  content: '';
}

.input-radio .tooltip {
  margin-top: 2px;
}

/*input::placeholder {
  color: #b0b0b0;
}

input::-webkit-input-placeholder {
  color: #b0b0b0;
}

input:-ms-input-placeholder {
  color: #b0b0b0;
}*/
/* [cyb][접근성] */
input:disabled {
  border-color: #d8d8d8;
  background-color: #fcfcfc;
  color: #8d8d8d;
}

input[readonly] {
  border-color: #d8d8d8;
  background-color: #fcfcfc;
  color: #42526e;
}
/* //[cyb][접근성] */
input[readonly]:hover, input[readonly]:focus, input:disabled:hover, input:disabled:focus {
  border-color: #d8d8d8;
}

.input-txt {
  display: inline-block;
  width: 100%;
  height: 32px;
  padding: 0 10px;
  padding-top: 3px;
  border: 1px solid #d8d8d8;
  color: #222222;
  vertical-align: middle;
  font-size: 13px;
}

.input-txt:hover, .input-txt:focus {
  border: 1px solid #222222;padding: 0 10px;
}

.input-txt.error {
  border-color: #ff3d3d;
}

textarea::placeholder {
  color: #42526e;
}

textarea::-webkit-input-placeholder {
  color: #42526e;
}

textarea:-ms-input-placeholder {
  color: #42526e;
}

textarea:disabled {
  border-color: #d8d8d8;
  background: #fcfcfc;
  color: #b0b0b0;
}

textarea:disabled:hover, textarea:disabled:focus {
  border-color: #d8d8d8;
}

.input-textarea {
  width: 100%;
  height: 138px;
  padding: 10px;
  border: 1px solid #d8d8d8;
  font-size: 13px;
  resize: none;
}

.input-textarea:hover, .input-textarea:focus {
  border: 1px solid #222222;padding: 10px;
}

.select-box {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: middle;
}

.select-box .anchor {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 32px;
  padding: 0 30px 0 10px;
  border: 1px solid #d8d8d8;
  background: #FFFFFF;
  color: #b0b0b0;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  line-height: 32px;
  position: relative;
}

.select-box .anchor:before {
  content: '';
  position: absolute;
  box-sizing: content-box;
  top: 50%;
  left: 100%;
  width: 6px;
  height: 6px;
  -webkit-transform: translate(-100%, -50%) rotate(45deg);
  transform: translate(-100%, -50%) rotate(45deg);
  margin-left: -2px;
  margin-top: -2px;
  border-right: 1px solid #222222;
  border-bottom: 1px solid #222222;
}

.select-box .anchor::before {
  margin-left: -10px;
}

.select-box .anchor:focus, .select-box .anchor:hover {
  border-color: #222222;
}

.select-box.on .anchor, .select-box.active .anchor {
  z-index: 1;
  border-color: #222222;
  color: #222222;
  position: relative;
}

.select-box.on .anchor:before, .select-box.active .anchor:before {
  content: '';
  position: absolute;
  box-sizing: content-box;
  top: 50%;
  left: 100%;
  width: 6px;
  height: 6px;
  -webkit-transform: translate(-100%, -50%) rotate(45deg);
  transform: translate(-100%, -50%) rotate(45deg);
  margin-left: -2px;
  margin-top: 2px;
  border-top: 1px solid #222222;
  border-left: 1px solid #222222;
}

.select-box.on .anchor::before, .select-box.active .anchor::before {
  margin-left: -10px;
  border-right: none;
  border-bottom: none;
}

.select-box.on .panel, .select-box.active .panel {
  display: block;
}

.select-box.disabled .anchor {
  border-color: #d8d8d8;
  background-color: #fcfcfc;
  color: #b0b0b0;
  cursor: default;
}

.select-box.disabled .anchor:hover, .select-box.disabled .anchor:focus {
  border-color: #d8d8d8;
}

.select-box.disabled .anchor::before {
  border-right-color: #666;
  border-bottom-color: #666;
}

.select-box .panel {
  position: absolute;
  top: 31px;
  left: 0;
  z-index: 3;
  display: none;
  overflow: auto;
  max-height: 196px;
  width: 100%;
  padding: 12px 0;
  border: 1px solid #222222;
  background-color: #FFFFFF;
}

.select-box .panel a {
  display: block;
  width: 100%;
  height: 34px;
  padding-left: 15px;
  background: #FFFFFF;
  text-align: left;
  font-size: 13px;
  line-height: 34px;
}

.select-box .panel a:hover, .select-box .panel a:focus {
  background-color: #ffde33;
}

.select-box.active .panel {
  display: block;
}

.pagination {
  margin-top: 30px;
  text-align: center;
}

.pagination .prev, .pagination .next {
  display: inline-block;
  width: 32px;
  height: 32px;
  border: 1px solid #d8d8d8;
  vertical-align: top;
}

.pagination .prev:hover, .pagination .prev:focus, .pagination .next:hover, .pagination .next:focus {
  border-color: #666;
}

.pagination .prev.disabled, .pagination .next.disabled {
  border-color: #eeeeee;
  cursor: default;
}

.pagination .prev.disabled::before, .pagination .next.disabled::before {
  border-color: #fff;
}

.pagination .prev {
  position: relative;
}

.pagination .prev:before {
  content: '';
  position: absolute;
  box-sizing: content-box;
  top: 50%;
  left: 50%;
  width: 6px;
  height: 6px;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
  margin-left: 2px;
  border-left: 1px solid #666666;
  border-bottom: 1px solid #666666;
}

.pagination .next {
  position: relative;
}

.pagination .next:before {
  content: '';
  position: absolute;
  box-sizing: content-box;
  top: 50%;
  left: 50%;
  width: 6px;
  height: 6px;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
  margin-left: -2px;
  border-top: 1px solid #666666;
  border-right: 1px solid #666666;
}

.pagination span {
  display: inline-block;
  margin: 0 9px;
}

.pagination span a, .pagination span strong {
  display: inline-block;
  width: 32px;
  height: 32px;
  color: #666;
  text-align: center;
  font-size: 13px;
  line-height: 32px;
}

.pagination span strong {
  color: #222222;
}

.calendar {
  position: relative;
  display: inline-block;
  width: 230px;
}

.calendar::after {
  position: absolute;
  top: 8px;
  right: 9px;
  display: block;
  width: 15px;
  height: 16px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svpb.cat") no-repeat 0 0;
  content: '';
}

table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

.table {
  border-top: 1px solid #666666;
}

.table th, .table td {
  height: 49px;
  padding: 8px 20px;
  border-bottom: 1px solid #eeeeee;
  text-indent: 0;
  font-weight: 400;
  font-size: 13px;
}

.table th {
  background-color: #fcfcfc;
  color: #666666;
}

.table th[scope='rowgroup'] {
  border-right: 1px solid #eeeeee;
}

.table td {
  background-color: #FFFFFF;
  color: #222222;
}

.table tfoot td {
  border-top: 1px solid #ffe9aa;
  border-bottom: 1px solid #ffe9aa;
  background-color: #fffae5;
}

.table tfoot + tbody tr:last-child td {
  border-bottom: 1px solid #ffe9aa;
}

.table tfoot.type-1 td {
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  background-color: transparent;
}

.table tfoot.type-1 + tbody tr:last-child td {
  border-bottom: 1px solid #666666;
}

.table a {
  vertical-align: middle;
}

.table-row th, .table-row td {
  text-align: left;
}

.table-col th {
  padding: 8px 0;
}

.table-col th, .table-col td {
  padding: 8px 15px;
  border-right: 1px solid #eeeeee;
  border-left: 1px solid #eeeeee;
  text-align: center;
}

.table-col th:first-child, .table-col td:first-child {
  border-left: 0;
}

.table-col th:last-child, .table-col td:last-child {
  border-right: 0;
}

.table-col th.type-1, .table-col td.type-1 {
  padding-left: 35px;
}

.table-col th.type-2, .table-col td.type-2 {
  border-bottom: 1px solid #666666;
}

.table-scroll-x {
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
}

.table-line td {
  border-bottom: none;
}

.table-line tr:last-child td {
  border-bottom: 1px solid #eeeeee;
}

.table + .table {
  margin-top: 30px;
}

h1 + .table {
  margin-bottom: 30px;
}

.insurance-list + .table, .insurance-item + .table {
  margin-top: 30px;
}

.more + .table {
  margin-top: 80px;
}

.text-list01 + .table, .text-list09 + .table, .text-list10 + .table, .text-list05 + .table {
  margin-top: 20px;
}

.info-text01 + .table, .info-text07 + .table {
  margin-top: 46px;
}

.button-wrap + .table {
  margin-top: 60px;
}

.modal-body .table th, .modal-body .table td {
  border-bottom: 1px solid #eee;
}

.modal-body .table th {
  background-color: #fcfcfc;
}

.modal-body .table th[scope='rowgroup'] {
  border-right: 1px solid #eee;
}

.modal-body .table-row th {
  background-color: #fcfcfc;
}

.modal-body .table-row td {
  background: none;
}

.modal-body .table-col tbody th {
  padding-left: 20px;
  background: none;
  text-align: left;
}

.modal-body .table-col th, .modal-body .table-col td {
  border-right: 1px solid #eee;
  border-left: 1px solid #eee;
}

.modal-body .table-col th:first-child, .modal-body .table-col td:first-child {
  border-left: 0;
}

.modal-body .table-col th:last-child, .modal-body .table-col td:last-child {
  border-right: 0;
}

.modal-body .table-col td {
  background: none;
}

.info-text01 {
  position: relative;
  margin-top: 9px;
  padding-left: 10px;
  color: #666666;
  text-indent: 0;
  font-size: 12px;
}

.info-text01::before {
  position: absolute;
  top: 2px;
  left: 0;
  display: block;
  content: '*';
}

.info-text01 span {
  position: relative;
  display: block;
  padding-left: 10px;
  color: #666;
  line-height: 1.45;
}

.info-text01 span::before {
  position: absolute;
  top: 1px;
  left: 0;
  display: block;
  content: '-';
}

.info-text01 span:first-of-type {
  margin-top: 4px;
}

.info-text01 span:last-of-type {
  margin-bottom: 14px;
}

.info-text01 span span {
  padding-left: 0;
}

.info-text01 span span::before {
  content: '';
}

.info-text01 span.sr-only {
  display: inline;
  margin: 0;
  padding: 0;
  font-size: 0;
}

.info-text01 + .info-text01 {
  margin-top: 5px;
}

h2 + .info-text01 {
  margin-bottom: 7px;
}

.pagination + .info-text01 {
  margin-top: 60px;
}

.button-wrap + .info-text01 {
  margin-top: -41px;
}

.info-text01 + .text-list01.type-2 {
  margin-top: 55px;
}

.info-text02 {
  position: relative;
  margin: 20px 0 9px;
  padding-left: 17px;
  color: #666666;
  font-size: 12px;
}

.info-text02::before {
  position: absolute;
  top: 2px;
  left: 0;
  display: block;
  width: 13px;
  height: 13px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svpb.cat") no-repeat -17px 0;
  content: '';
}

.info-text03 {
  margin-top: 16px;
  padding-bottom: 5px;
  text-align: right;
}

.info-text03 span {
  color: #666666;
}

.info-text01 + .info-text03 {
  margin-top: 74px;
}

.info-text04 {
  position: relative;
  margin: 56px 0 15px;
  padding-left: 12px;
  font-family: KBFGDisplayB;
  font-size: 15px;
}

.info-text04:after {
  position: absolute;
  top: 6px;
  left: 0;
  width: 5px;
  height: 5px;
  background-color: #9e8c6e;
  content: '';
}

.info-text06 + .info-text04 {
  margin-top: 29px;
}

.h2 + .info-text04 {
  margin-top: 0;
}

.info-text05 {
  position: relative;
  display: block;
  margin-top: 8px !important;
  padding-left: 13px !important;
  color: #666;
  word-break: keep-all;
  font-size: 13px;
}

.info-text05::before {
  position: absolute;
  top: 1px;
  left: 0;
  display: block;
  content: '※' !important;
}

.operation-guide + .info-text05 {
  margin-top: 30px !important;
}

.info-text06 {
  margin-bottom: 29px;
  padding-bottom: 16px;
  border-bottom: 1px solid #666666;
  line-height: 26px;
}

.info-text07 {
  position: relative;
  margin-top: 9px;
  padding-left: 13px;
  color: #666666;
  font-size: 12px;
}

.info-text07::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: '※';
}

ul.text-list09 + .info-text07 {
  margin-top: 15px;
}

.info-text07 + .info-text07 {
  margin-top: 5px;
}

.info-text08 {
  margin: 58px 0 18px;
  font-family: KBFGDisplayB;
  font-size: 15px;
}

.info-text09 + .info-text08 {
  margin-top: 13px;
}

.info-text09 {
  margin: 59px 0 13px;
  color: #666666;
  font-size: 13px;
}

.info-text14 {
  position: relative;
  margin-top: 9px;
  padding-left: 17px;
  color: #666666;
  text-indent: 0;
  font-size: 12px;
}

.info-text14::before {
  position: absolute;
  top: 2px;
  left: 0;
  display: block;
  content: '**';
}

.h2 + .info-text09, .info-text04 + .info-text09, .info-text08 + .info-text09 {
  margin-top: 0;
}

.text-list01 {
  color: #666666;
  font-size: 0;
}

.text-list01.type-2 > li {
  font-size: 13px;
}

.text-list01 > li {
  position: relative;
  padding-left: 10px;
  font-size: 12px;
  line-height: 17px;
}

.text-list01 > li:after {
  position: absolute;
  top: 6px;
  left: 0;
  width: 3px;
  height: 3px;
  border-radius: 3px;
  background-color: #666666;
  content: '';
}

.text-list01 > li:nth-child(n+2) {
  margin-top: 7px;
}

.text-list01.col-2 > li {
  display: inline-block;
  width: 50%;
  vertical-align: top;
}

.text-list01.col-2 > li:nth-child(2) {
  margin-top: 0;
}

.step-guide-cont + .text-list01 {
  margin-top: 50px;
}

.table + .text-list01 {
  margin-top: 19px;
}

.text-list02 {
  padding-bottom: 24px;
}

.text-list02 > li {
  position: relative;
  margin-top: 24px;
  padding-left: 10px;
  color: #222222;
  font-size: 12px;
  line-height: 17px;
}

.text-list02 > li:after {
  position: absolute;
  top: 6px;
  left: 0;
  width: 3px;
  height: 3px;
  border-radius: 3px;
  background-color: #222222;
  content: '';
}

.text-list02 > li strong {
  font-family: KBFGDisplayB;
}

.text-list02 > li p {
  position: relative;
  margin-top: 5px;
  padding-left: 10px;
  color: #666;
  line-height: 1.45;
}

.text-list02 > li p::before {
  position: absolute;
  top: 1px;
  left: 0;
  display: block;
  content: '-';
}

.text-list02 > li em {
  color: #ff3d3d;
}

.text-list02 > li em strong {
  text-decoration: underline;
}

.text-list02 .hyphen, .text-list02 .reference-mark {
  position: relative;
  display: block;
  margin-top: 4px;
  padding-left: 13px;
  text-indent: 0;
}

.text-list02 .hyphen::before, .text-list02 .reference-mark::before {
  position: absolute;
  top: 0;
  left: 0;
  color: #666666;
}

.text-list02 .hyphen::before {
  content: '-';
}

.text-list02 .reference-mark {
  color: #666;
}

.text-list02 .reference-mark::before {
  color: #666;
  content: '※';
}

.text-list03 {
  margin-top: 3px;
  font-size: 12px;
}

.text-list03 li {
  position: relative;
  margin-top: 7px;
  padding-left: 13px;
  color: #666666;
  text-indent: -13px;
  letter-spacing: -.25px;
  line-height: 17px;
}

.text-list04 li {
  padding-left: 15px;
  color: #666666;
  text-indent: -15px;
  font-size: 14px;
}

.text-list04 li:nth-child(n+2) {
  margin-top: 27px;
}

.text-list05 {
  margin-top: 8px;
  color: #666666;
}

.text-list05 > li {
  position: relative;
  margin-top: 8px;
  padding-left: 10px;
  line-height: 17px;
}

.text-list05 > li:first-child {
  margin-top: 0;
}

.text-list05 > li:after {
  position: absolute;
  top: 1px;
  left: 0;
  content: '-';
}

.text-list06 {
  margin-top: 8px;
  color: #666666;
}

.text-list06 > li {
  position: relative;
  margin-top: 8px;
  padding-left: 10px;
  line-height: 17px;
}

.text-list06 > li:first-child {
  margin-top: 0;
}

.text-list06 > li:after {
  position: absolute;
  top: 1px;
  left: 0;
  content: '◦';
}

.text-list07 {
  margin-bottom: 30px;
  padding: 27px 29px !important;
  background-color: #fffae5;
}

.text-list07 > li {
  position: relative;
  padding-left: 10px;
  font-size: 14px;
  line-height: 17px;
}

.text-list07 > li::before {
  position: absolute;
  top: 6px;
  left: 0;
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #ffde33;
  content: '';
}

.text-list07 > li:nth-child(n+2) {
  margin-top: 7px;
}

.text-list08 > li {
  position: relative;
  margin: 56px 0 0;
  padding-left: 12px;
  font-family: KBFGDisplayB;
  font-size: 15px;
}

.text-list08 > li:after {
  position: absolute;
  top: 6px;
  left: 0;
  width: 5px;
  height: 5px;
  background-color: #9e8c6e;
  content: '';
}

.text-list08 > li:first-child {
  margin-top: 0;
}

.text-list08 > li .sub-text {
  display: block;
  color: #666666;
  font-weight: 300;
  font-size: 13px;
}

.text-list08 > li .sub-text:first-of-type {
  margin-top: 13px;
}

.text-list08 > li ul, .text-list08 > li li {
  margin-top: 0;
  font-weight: 300;
  font-size: 13px;
}

.text-list08 + p {
  margin-top: 12px;
  padding-left: 12px;
}

.text-list09 {
  color: #666666;
  font-size: 13px;
}

.text-list09 .text-list09 {
  margin-top: 5px;
}

.table + .text-list09 {
  margin-top: 10px;
}

.text-list09 > li {
  padding-left: 17px;
  text-indent: -17px;
  line-height: 20px;
}

.text-list09 > li:nth-child(n+2) {
  margin-top: 4px;
}

.text-list09 a {
  display: inline;
}

.text-list09 .hyphen, .text-list09 .reference-mark {
  position: relative;
  display: block;
  margin-top: 4px;
  padding-left: 13px;
  text-indent: 0;
}

.text-list09 .hyphen::before, .text-list09 .reference-mark::before {
  position: absolute;
  top: 0;
  left: 0;
  color: #666666;
}

.text-list09 .hyphen::before {
  content: '-';
}

.text-list09 .reference-mark {
  color: #666;
}

.text-list09 .reference-mark::before {
  color: #666;
  content: '※';
}

.text-list09 + .text-list09, .info-text01 + .text-list09, .text-list10 + .text-list09 {
  margin-top: 13px;
}

.text-list09 .table {
  margin: 10px 0;
}

.text-list10 > li {
  position: relative;
  padding-left: 11px;
  color: #666666;
  font-size: 13px;
  line-height: 20px;
}

/* S: [DGP][2025.01.13] 목록형 추가: 블릿 내부 dash 간격 조정 */
.text-list10 > li .text-list05 {
  margin-top: 4px
}
.text-list10 > li .text-list05 > li{
 margin-top: 2px;
}
/* E: [DGP][2025.01.13] 목록형 추가: 블릿 내부 dash 간격 조정 */

.text-list10 > li::before {
  position: absolute;
  top: 7px;
  left: 0;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #666666;
  content: '';
}

.text-list10 > li:nth-child(n+2) {
  margin-top: 4px;
}

.text-list10 .hyphen, .text-list10 .reference-mark {
  position: relative;
  display: block;
  margin-top: 4px;
  padding-left: 13px;
  text-indent: 0;
}

.text-list10 .hyphen::before, .text-list10 .reference-mark::before {
  position: absolute;
  top: 0;
  left: 0;
  color: #666666;
}

.text-list10 .hyphen::before {
  content: '-';
}

.text-list10 .reference-mark {
  color: #666;
}

.text-list10 .reference-mark::before {
  color: #666;
  content: '※';
}

.text-list10 .text-list09 {
  margin-top: 13px;
}

.text-list10 .table {
  margin: 10px 0;
}

.img-wrap + .text-list10 {
  margin-top: 13px;
}

.text-list11 {
  font-size: 0;
}

.text-list11 li {
  position: relative;
  padding-left: 11px;
  color: #666666;
  vertical-align: top;
  font-size: 12px;
}

.text-list11 li::before {
  position: absolute;
  top: 0;
  left: 0;
  content: '◦';
}

.text-list11 li:nth-child(n+2) {
  margin-top: 2px;
}

.text-list11.col-3 li {
  display: inline-block;
  width: 33.33%;
}

.text-list11.col-3 li:nth-child(-n+3) {
  margin-top: 0;
}

.text-list12 {
  margin-top:10px;
  margin-left:5px;
}

.text-list12 > p {
  font-size:12px;
  padding-left: 17px;
  text-indent: -17px;
  line-height: 20px;
}

/* white 타입 추가: [DGP][김선미] 2025.02.16 */
.text-list01.bul-white {
  color: #fff;
}
.text-list01.bul-white > li:after { 
  background-color: #fff;
}


.text-ellipsis {
  display: inline-block;
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-underline {
  text-decoration: underline;
}

.text-bold {
  font-family: KBFGDisplayB;
}

.tooltip {
  position: relative;
  display: inline-block;
}

/*.tooltip .anchor {
  display: block;
  width: 12px;
  height: 12px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svpb.cat") no-repeat -32px 0;
  cursor: pointer;
}*/

.tooltip .anchor {
  display: block;
  width: 12px;
  height: 12px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svpb-dhrfgvba.cat") no-repeat center / 100% auto;
  cursor: pointer;
}

.tooltip.active .panel {
  display: block;
}

.tooltip .panel {
  position: absolute;
  top: 27px;
  left: -24px;
  z-index: 3;
  display: none;
  padding: 11px 14px;
  border: 2px solid #60584C;
  background-color: #FFFFFF;
  color: #666666;
  text-align: left;
  white-space: nowrap;
  font-size: 12px;
  line-height: 1.45;
}

.tooltip .panel::before {
  position: absolute;
  top: -13px;
  left: 28px;
  display: block;
  width: 0;
  border-width: 0 15px 13px 0;
  border-style: solid;
  border-color: #60584C transparent;
  content: '';
}

.tooltip .panel::after {
  position: absolute;
  top: -9px;
  left: 30px;
  display: block;
  width: 0;
  border-width: 0 10px 9px 0;
  border-style: solid;
  border-color: #FFFFFF transparent;
  content: '';
}

.datepicker-modal {
  position: absolute;
  top: 32px !important;
  left: 0;
  width: 278px !important;
  border: 1px solid #222222;
  background-color: #FFFFFF;
  transform: translate(0, 0);
}

/* [cyb][접근성][수정] */
.datepicker-date-display, .datepicker-footer {
  /* display: none; */
}
.datepicker-date-display {
  display: none;
}
.confirmation-btns {
  text-align: center;
  padding: 5px;
}
.datepicker-container .datepicker-footer .datepicker-cancel {
  display: inline-block;
  padding: 5px;
}
.datepicker-container .datepicker-footer .datepicker-clear,
.datepicker-container .datepicker-footer .datepicker-done {
  display: none;
}

.datepicker-calendar {
  padding: 15px 12px 5px;
}

.datepicker-controls .month-prev {
  position: absolute !important;
  top: 13px;
  left: 13px;
  width: 20px;
  height: 20px;
  font-size: 0;
  position: relative;
  border: 1px solid #222 !important;
}

.datepicker-controls .month-prev:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-left: -1px;
  box-sizing: border-box;
  border-top: 5px solid transparent;
  border-bottom: 4px solid transparent;
  border-right: 6px solid #222;
}

.datepicker-controls .month-next {
  position: absolute !important;
  top: 13px;
  right: 13px;
  width: 20px;
  height: 20px;
  font-size: 0;
  position: relative;
  border: 1px solid #222 !important;
}

.datepicker-controls .month-next:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-left: 1px;
  box-sizing: border-box;
  border-top: 5px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 6px solid #222;
}
.datepicker-controls .month-prev:focus,
.datepicker-controls .month-next:focus {
  border: 1px solid #222;
  outline-offset: 0.2rem;
}
.datepicker-controls .selects-container {
  text-align: center;
}

.datepicker-controls .selects-container select {
  margin: 0 5px;
}

.datepicker-table-wrapper th, .datepicker-table-wrapper td {
  height: auto;
  padding: 0;
  border: 0;
  font-size: 11px;
}

.datepicker-table-wrapper th {
  height: 38px;
  color: #777;
  text-align: center;
}

.datepicker-table-wrapper th abbr {
  text-decoration: none;
}

.datepicker-table-wrapper tr {
  border: 0;
}

.datepicker-table-wrapper tr:nth-child(odd) button {
  background-color: transparent;
}

.datepicker-table-wrapper tr:nth-child(even) button {
  background-color: transparent;
}
/* [cyb][접근성] */
.datepicker-table-wrapper td.is-today button {
  background-color: #ffde33;
  color: #222;
  border: 1px solid #222;
}

.datepicker-table-wrapper td.is-today.is-selected button,
.datepicker-table-wrapper td.is-selected button {
  background-color: #60584c;
  color: #fff !important;
  text-decoration: underline;
}

.datepicker-table-wrapper td button:focus-visible {
  outline-offset: .15rem;
}
/* //[cyb][접근성] */
.datepicker-table-wrapper td button {
  display: block;
  width: 30px;
  height: 30px;
  margin: 0 3px;
  color: #222222;
}

.datepicker-table-wrapper td:nth-child(1) button {
  color: #ef4a40;
}

.datepicker-table-wrapper td:nth-child(7) button {
  color: #1f83e0;
}

.ico-sprites-kb-rating::after {
  display: block;
  width: 94px;
  height: 90px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svpb_fcevgrf_xo_engvat.cat") no-repeat 0 0;
  content: '';
}

.ico-sprites-kb-rating.n-1::after {
  background-position: 0 0;
}

.ico-sprites-kb-rating.n-2::after {
  background-position: 0 -90px;
}

.ico-sprites-kb-rating.n-3::after {
  background-position: 0 -180px;
}

.ico-sprites-kb-rating.n-4::after {
  background-position: 0 -270px;
}

.ico-sprites-kb-rating.n-5::after {
  background-position: 0 -360px;
}

.icon-sp-cs {
  /* s 공인인증서 */
  /* e 공인인증서 */
  /* s 신고센터 */
  /* e 신고센터 */
  /* s 유용한 사이트 */
  /* e 유용한 사이트 */
}

.icon-sp-cs::before {
  display: block;
  width: 44px;
  height: 44px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svpb_fcevgrf_phfgbzre.cat") no-repeat 0 0;
  content: '';
}

.icon-sp-cs.n-1::before {
  background-position: 0 0;
}

.icon-sp-cs.n-2::before {
  background-position: -44px 0;
}

.icon-sp-cs.n-3::before {
  background-position: -88px 0;
}

.icon-sp-cs.n-4::before {
  background-position: -132px 0;
}

.icon-sp-cs.n-5::before {
  background-position: -176px 0;
}

.icon-sp-cs.n-6::before {
  background-position: -220px 0;
}

.icon-sp-cs.n-7::before {
  background-position: -264px 0;
}

.icon-sp-cs.n-8::before {
  background-position: -308px 0;
}

.icon-sp-cs.n-9::before {
  background-position: -352px 0;
}

.icon-sp-cs.n-10::before {
  background-position: -396px 0;
}

.icon-sp-cs.n-11::before {
  background-position: -440px 0;
}

.icon-sp-cs.n-12::before {
  background-position: -484px 0;
}

.icon-sp-cs.n-13::before {
  background-position: -528px 0;
}

.icon-sp-cs.n-14::before {
  background-position: -572px 0;
}

.icon-sp-cs.n-15::before {
  background-position: -616px 0;
}

.icon-sp-cs.n-16::before {
  background-position: -660px 0;
}

.icon-sp-cs.n-17::before {
  background-position: -704px 0;
}

.icon-sp-cs.n-18::before {
  background-position: -748px 0;
}

.icon-sp-cs.n-19::before {
  background-position: -792px 0;
}

/* 은퇴설계 */
.ico-sp-kblife-01::before {
  display: block;
  width: 91px;
  height: 91px;
  background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svpb_xoyvsr01.cat');
  content: '';
}

.ico-sp-kblife-01.n-1::before {
  background-position: 0 0;
}

.ico-sp-kblife-01.n-2::before {
  background-position: -99px 0;
}

.ico-sp-kblife-01.n-3::before {
  background-position: -198px 0;
}

/* 서류접수방법 */
.ico-sp-claims::before {
  display: block;
  width: 80px;
  height: 80px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svpb_phfgbzre_cncre.cat");
  content: '';
}

.ico-sp-claims.n-1::before {
  background-position: 0 0;
}

.ico-sp-claims.n-2::before {
  background-position: -80px 0;
}

.ico-sp-claims.n-3::before {
  background-position: -160px 0;
}

.ico-sp-claims.n-4::before {
  background-position: -240px 0;
}

.ico-sp-basic::after {
  display: inline-block;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svpb.cat");
  content: '';
}

.ico-sp-basic.ico1::after {
  width: 42px;
  height: 41px;
  background-position: -281px -818px;
}

.ico-sp-basic.ico2::after {
  width: 35px;
  height: 42px;
  background-position: -329px -818px;
}

.ico-sp-basic.ico3::after {
  width: 39px;
  height: 41px;
  background-position: -371px -818px;
}

.ico-sp-basic.ico4::after {
  width: 34px;
  height: 41px;
  background-position: -417px -818px;
}

.ico-sp-basic.ico5::after {
  width: 35px;
  height: 41px;
  background-position: -458px -818px;
}

.ico-sp-basic.ico6::after {
  width: 34px;
  height: 42px;
  background-position: -500px -818px;
}

.ico-sp-basic.ico7::after {
  width: 42px;
  height: 41px;
  background-position: -542px -818px;
}

.ico-sp-basic.ico2-1::after {
  top: 27px;
  width: 56px;
  height: 37px;
  background-position: 0 -785px;
}

.ico-sp-basic.ico2-2::after {
  top: 21px;
  width: 54px;
  height: 51px;
  background-position: -62px -785px;
}

.ico-sp-basic.ico2-3::after {
  top: 22px;
  width: 58px;
  height: 46px;
  background-position: -124px -785px;
}

.ico-sp-basic.ico2-4::after {
  top: 23px;
  width: 54px;
  height: 47px;
  background-position: -189px -785px;
}

.ico-sp-basic.ico3-1::after, .ico-sp-basic.ico3-2::after, .ico-sp-basic.ico3-3::after, .ico-sp-basic.ico3-4::after {
  width: 121px;
  height: 121px;
}

.ico-sp-basic.ico3-1::after {
  background-position: -281px -257px;
}

.ico-sp-basic.ico3-2::after {
  background-position: -412px -257px;
}

.ico-sp-basic.ico3-3::after {
  background-position: -542px -257px;
}

.ico-sp-basic.ico3-4::after {
  background-position: -281px -389px;
}

.icon-sp-complete::before, .complete-cont::before {
  display: block;
  width: 140px;
  height: 140px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svpb_fcevgrf_pbzcyrgr.cat") no-repeat 0 0;
  content: '';
}

.complete-cont.event::before {
  display: block;
  width: 140px;
  height: 140px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Sriragpbzcy.cat") no-repeat;
  background-size: contain;
  content: '';
}

.icon-sp-complete.error::before, .complete-cont.error::before {
  background-position: 0 0;
}

.icon-sp-complete.none-list::before, .complete-cont.none-list::before {
  background-position: -140px 0;
}

.icon-sp-complete.page-error::before, .complete-cont.page-error::before {
  background-position: -280px 0;
}

.icon-sp-complete.server::before, .complete-cont.server::before {
  background-position: -420px 0;
}

.icon-sp-complete.service::before, .complete-cont.service::before {
  background-position: -560px 0;
}

.icon-sp-complete.network::before, .complete-cont.network::before {
  background-position: 0 -140px;
}

.icon-sp-complete.logout::before, .complete-cont.logout::before {
  background-position: -140px -140px;
}

.icon-sp-complete.certification-complete::before, .complete-cont.certification-complete::before {
  background-position: -280px -140px;
}

.icon-sp-complete.counseling-complete::before, .complete-cont.counseling-complete::before {
  background-position: -420px -140px;
}

.icon-sp-complete.report::before, .complete-cont.report::before {
  background-position: -560px -140px;
}

.icon-sp-complete.call::before, .complete-cont.call::before {
  background-position: 0 -280px;
}

.icon-sp-complete.payment::before, .complete-cont.payment::before {
  background-position: -140px -280px;
}

.icon-sp-complete.change-cancel1::before, .complete-cont.change-cancel1::before {
  background-position: 0 -420px;
}

.icon-sp-complete.change-cancel2::before, .complete-cont.change-cancel2::before {
  background-position: -140px -420px;
}

.icon-sp-complete.change-cancel3::before, .complete-cont.change-cancel3::before {
  background-position: -280px -420px;
}

.icon-sp-complete.change-cancel4::before, .complete-cont.change-cancel4::before {
  background-position: -420px -420px;
}

.icon-sp-complete.change-cancel5::before, .complete-cont.change-cancel5::before {
  background-position: 0 -560px;
}

.icon-sp-complete.change-cancel6::before, .complete-cont.change-cancel6::before {
  background-position: -140px -560px;
}

.icon-sp-complete.change-cancel7::before, .complete-cont.change-cancel7::before {
  background-position: -280px -560px;
}

.icon-sp-complete.change-cancel8::before, .complete-cont.change-cancel8::before {
  background-position: -420px -560px;
}

.icon-sp-complete.change-cancel9::before, .complete-cont.change-cancel9::before {
  background-position: -560px -560px;
}

.icon-sp-complete.change-cancel10::before, .complete-cont.change-cancel10::before {
  background-position: 0 -700px;
}

.icon-sp-complete.subscription1::before, .complete-cont.subscription1::before {
  background-position: 0 -840px;
}

.icon-sp-complete.subscription2::before, .complete-cont.subscription2::before {
  background-position: -140px -840px;
}

.icon-sp-complete.provide1::before, .complete-cont.provide1::before {
  background-position: 0 -980px;
}

.icon-sp-complete.provide2::before, .complete-cont.provide2::before {
  background-position: -140px -980px;
}

.icon-sp-complete.claim1::before, .complete-cont.claim1::before {
  background-position: 0 -1120px;
}

.icon-sp-complete.claim2::before, .complete-cont.claim2::before {
  background-position: -140px -1120px;
}

.icon-sp-complete.paper1::before, .complete-cont.paper1::before {
  background-position: 0 -1260px;
}

.icon-sp-complete.paper2::before, .complete-cont.paper2::before {
  background-position: -140px -1260px;
}

.icon-sp-complete.paper3::before, .complete-cont.paper3::before {
  background-position: -280px -1260px;
}

.icon-sp-complete.paper4::before, .complete-cont.paper4::before {
  background-position: -420px -1260px;
}

.complete-cont.paper5::before {
  background-position: 0 0;
}

.icon-sp-complete.loan1::before, .complete-cont.loan1::before {
  background-position: 0 -1400px;
}

.icon-sp-complete.loan2::before, .complete-cont.loan2::before {
  background-position: -140px -1400px;
}

.icon-sp-complete.variable1::before, .complete-cont.variable1::before {
  background-position: -280px -1400px;
}

.icon-sp-complete.variable2::before, .complete-cont.variable2::before {
  background-position: -420px -1400px;
}

.icon-sp-complete.variable3::before, .complete-cont.variable3::before {
  background-position: -560px -1400px;
}

.icon-sp-complete.proof1::before, .complete-cont.proof1::before {
  background-position: 0 -1540px;
}

.icon-sp-complete.proof2::before, .complete-cont.proof2::before {
  background-position: -140px -1540px;
}

.icon-sp-complete.customer1::before, .complete-cont.customer1::before {
  background-position: -280px -1540px;
}

.icon-sp-complete.customer2::before, .complete-cont.customer2::before {
  background-position: -420px -1540px;
}

.icon-sp-complete.customer3::before, .complete-cont.customer3::before {
  background-position: -560px -1540px;
}

.icon-sp-complete.certification-register::before, .complete-cont.certification-register::before {
  background-position: 0 -1680px;
}

.icon-sp-complete.certification-import::before, .complete-cont.certification-import::before {
  background-position: -140px -1680px;
}

.icon-sp-complete.certification-cancel::before, .complete-cont.certification-cancel::before {
  background-position: -280px -1680px;
}

.icon-sp-complete.password1::before, .complete-cont.password1::before {
  background-position: -420px -1680px;
}

.icon-sp-complete.password2::before, .complete-cont.password2::before {
  background-position: 0 -1820px;
}

.icon-sp-complete.password3::before, .complete-cont.password3::before {
  background-position: -140px -1820px;
}

.icon-sp-complete.password4::before, .complete-cont.password4::before {
  background-position: -280px -1820px;
}

.icon-sp-complete.login-kakao::before, .complete-cont.login-kakao::before {
  background-position: -420px -1820px;
}

.icon-sp-complete.login-phone::before, .complete-cont.login-phone::before {
  background-position: -560px -1820px;
}

.ico-sp-product::before, .product-list .item::before {
  display: block;
  width: 60px;
  height: 60px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svpb_cebqhpg.cat");
  background-repeat: no-repeat;
  content: '';
}

.ico-sp-product.type-1::before, .product-list .item.type-1::before {
  background-position: 0 0;
}

.ico-sp-product.type-2::before, .product-list .item.type-2::before {
  background-position: -70px 0;
}

.ico-sp-product.type-3::before, .product-list .item.type-3::before {
  background-position: -140px 0;
}

.ico-sp-product.type-4::before, .product-list .item.type-4::before {
  background-position: -210px 0;
}

.ico-sp-product.type-5::before, .product-list .item.type-5::before {
  background-position: -280px 0;
}

.ico-sp-product.type-6::before, .product-list .item.type-6::before {
  background-position: 0 -70px;
}

.ico-sp-product.type-7::before, .product-list .item.type-7::before {
  background-position: -70px -70px;
}

.ico-sp-product.type-8::before, .product-list .item.type-8::before {
  background-position: -140px -70px;
}

.ico-sp-product.type-9::before, .product-list .item.type-9::before {
  background-position: -210px -70px;
}

.ico-sp-product.type-10::before, .product-list .item.type-10::before {
  background-position: -280px -70px;
}

.ico-sp-product.type-11::before, .product-list .item.type-11::before {
  background-position: 0 -140px;
}

.ico-sp-product.type-12::before, .product-list .item.type-12::before {
  background-position: -70px -140px;
}

.ico-sp-product.type-13::before, .product-list .item.type-13::before {
  background-position: -140px -140px;
}

.ico-sp-product.type-14::before, .product-list .item.type-14::before {
  background-position: -210px -140px;
}

.ico-sp-product.type-15::before, .product-list .item.type-15::before {
  background-position: -280px -140px;
}

.ico-sp-product.type-16::before, .product-list .item.type-16::before {
  background-position: 0 -210px;
}

.ico-sp-product.type-17::before, .product-list .item.type-17::before {
  background-position: -70px -210px;
}

.ico-sp-product.type-18::before, .product-list .item.type-18::before {
  background-position: -140px -210px;
}

.ico-sp-product.type-19::before, .product-list .item.type-19::before {
  background-position: -210px -210px;
}

.ico-sp-product.type-20::before, .product-list .item.type-20::before {
  background-position: -280px -210px;
}

.ico-sp-product.type-21::before, .product-list .item.type-21::before {
  background-position: 0 -280px;
}

.ico-sp-product.type-22::before, .product-list .item.type-22::before {
  background-position: -70px -280px;
}

.ico-sp-product.type-23::before, .product-list .item.type-23::before {
  background-position: -140px -280px;
}

.ico-sp-product.type-24::before, .product-list .item.type-24::before {
  background-position: -210px -280px;
}

.ico-sp-product.type-25::before, .product-list .item.type-25::before {
  background-position: -280px -280px;
}

.ico-sp-product.type-26::before, .product-list .item.type-26::before {
  background-position: 0 -350px;
}

.ico-sp-product.type-27::before, .product-list .item.type-27::before {
  background-position: -70px -350px;
}

.ico-sp-product.type-28::before, .product-list .item.type-28::before {
  background-position: -140px -350px;
}

.ico-sp-product.type-29::before, .product-list .item.type-29::before {
  background-position: -210px -350px;
}

.ico-sp-product.type-30::before, .product-list .item.type-30::before {
  background-position: -280px -350px;
}

.ico-sp-product.type-31::before, .product-list .item.type-31::before {
  background-position: 0 -420px;
}

.ico-sp-product.type-32::before, .product-list .item.type-32::before {
  background-position: -70px -420px;
}

.ico-sp-product.type-33::before, .product-list .item.type-33::before {
  background-position: -140px -420px;
}

.ico-sp-product.type-34::before, .product-list .item.type-34::before {
  background-position: -210px -420px;
}

.ico-sp-product.type-35::before, .product-list .item.type-35::before {
  background-position: -280px -420px;
}

.ico-sp-product.type-36::before, .product-list .item.type-36::before {
  background-position: 0 -490px;
}

.ico-sp-product.type-37::before, .product-list .item.type-37::before {
  background-position: -70px -490px;
}

.ico-sp-product.type-38::before, .product-list .item.type-38::before {
  background-position: -140px -490px;
}

.ico-sp-product.type-39::before, .product-list .item.type-39::before {
  background-position: -210px -490px;
}

.ico-sp-product.type-40::before, .product-list .item.type-40::before {
  background-position: -280px -490px;
}

.ico-sp-product.type-41::before, .product-list .item.type-41::before {
  background-position: 0 -560px;
}

.ico-sp-product.type-42::before, .product-list .item.type-42::before {
  background-position: -70px -560px;
}

.ico-sp-product.type-43::before, .product-list .item.type-43::before {
  background-position: -140px -560px;
}

.ico-sp-product.type-44::before, .product-list .item.type-44::before {
  background-position: -210px -560px;
}

.ico-sp-product.type-45::before, .product-list .item.type-45::before {
  background-position: -280px -560px;
}

.ico-sp-product.type-46::before, .product-list .item.type-46::before {
  background-position: 0 -630px;
}

.ico-sp-product.type-47::before, .product-list .item.type-47::before {
  background-position: -70px -630px;
}

.ico-sp-product.type-48::before, .product-list .item.type-48::before {
  background-position: -140px -630px;
}

.ico-sp-product.type-49::before, .product-list .item.type-49::before {
  background-position: -210px -630px;
}

.ico-sp-product.type-50::before, .product-list .item.type-50::before {
  background-position: -280px -630px;
}

.ico-sp-product.type-51::before, .product-list .item.type-51::before {
  background-position: 0 -700px;
}

.ico-sp-product.type-52::before, .product-list .item.type-52::before {
  background-position: -70px -700px;
}

.ico-sp-product.type-53::before, .product-list .item.type-53::before {
  background-position: -140px -700px;
}

.ico-sp-product.type-54::before, .product-list .item.type-54::before {
  background-position: -210px -700px;
}

.ico-sp-product.type-55::before, .product-list .item.type-55::before {
  background-position: -280px -700px;
}

.ico-sp-product.type-56::before, .product-list .item.type-56::before {
  background-position: 0 -770px;
}

.ico-sp-product.type-57::before, .product-list .item.type-57::before {
  background-position: -70px -770px;
}

.ico-sp-product.type-58::before, .product-list .item.type-58::before {
  background-position: -140px -770px;
}

.ico-sp-product.type-59::before, .product-list .item.type-59::before {
  background-position: -210px -770px;
}

.ico-sp-product.type-60::before, .product-list .item.type-60::before {
  background-position: -280px -770px;
}

.ico-sp-product.type-61::before, .product-list .item.type-61::before {
  background-position: 0 -840px;
}

.ico-sp-product.type-62::before, .product-list .item.type-62::before {
  background-position: -70px -840px;
}

.ico-sp-product.type-63::before, .product-list .item.type-63::before {
  background-position: -140px -840px;
}

.empty-text {
  height: 134px;
  margin-top: 60px;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  text-align: center;
  font-weight: 300;
  font-size: 14px;
  line-height: 132px;
}

.cont-head + .empty-text {
  margin-top: 0;
}

.search-wrap {
  margin-top: 80px;
  border: 1px solid #eeeeee;
}

.search-wrap .input {
  background-color: #fcfcfc;
}

.search-wrap .input::after {
  display: block;
  clear: both;
  content: "";
}

.search-wrap .input-txt {
  float: left;
  width: calc(100% - 69px);
  margin: 8px 0 8px 11px;
  border: none;
  background: none;
}

.search-wrap .input-txt.full {
  width: calc(100% - 22px);
}

.search-wrap .input-btn {
  position: relative;
  float: right;
  width: 58px;
  height: 48px;
}

.search-wrap .input-btn:before {
  position: absolute;
  top: 13px;
  left: 19px;
  width: 16px;
  height: 16px;
  border: 2px solid #666;
  border-radius: 16px;
  content: '';
}

.search-wrap .input-btn:after {
  position: absolute;
  top: 30px;
  left: 39px;
  width: 10px;
  height: 2px;
  background-color: #666;
  content: '';
  -webkit-transform: translate(-100%, -50%) scale(1, 1.06667) rotate(45deg);
  transform: translate(-100%, -50%) scale(1, 1.06667) rotate(45deg);
}

.search-wrap .keyword {
  padding: 15px 19px 14px;
  font-size: 0;
}

.search-wrap .keyword .title {
  font-size: 13px;
}

.search-wrap .keyword .anchor {
  margin-left: 15px;
  padding: 0 2px;
  font-size: 13px;
}

.search-wrap .keyword .on {
  background-color: #ffde33;
}

.search-wrap.type-1 {
  margin: 18px 0 0;
}

.search-wrap.type-1 .input-txt {
  margin: 3px 0 3px 11px;
}

.search-wrap.type-1 .input-btn {
  height: 38px;
}

.search-wrap.type-1 .input-btn:before {
  top: 8px;
}

.search-wrap.type-1 .input-btn:after {
  top: 25px;
}

h1 + .search-wrap {
  margin-top: 0;
}

.filter-wrap {
  padding: 15px 15px 15px;
  border-width: 1px;
  border-style: solid;
  border-color: #666666 #eeeeee #eeeeee;
  text-align: center;
  font-size: 0;
}

.filter-wrap .unit {
  display: inline-block;
  margin-left: 7px;
  vertical-align: top;
  font-size: 13px;
  line-height: 32px;
}

.filter-wrap .calendar {
  width: 232px;
  vertical-align: top;
  font-size: 13px;
}

.filter-wrap .select-box {
  width: 232px;
  margin-left: 20px;
}

.filter-wrap .select-box:first-child {
  margin-left: 0;
}

.filter-wrap .select-box + .calendar {
  margin-left: 20px;
}

.filter-wrap .symbol {
  display: inline-block;
  margin: 0 5px;
  color: #666;
  vertical-align: top;
  font-size: 13px;
  line-height: 32px;
}

.filter-wrap .button-overlap {
  display: inline-block;
  margin-left: 20px;
  vertical-align: top;
}

.filter-wrap .button-overlap button {
  float: left;
}

.filter-wrap .sort {
  margin-top: 16px;
  text-align: left;
}

.filter-wrap .radio-wrap .input-radio + .input-radio {
  margin-left: 23px;
}

.filter-wrap .radio-wrap + .input-wrap {
  margin-top: 14px;
}

.filter-wrap .input-wrap + .radio-wrap {
  margin-top: 14px;
}

.filter-wrap .input-wrap.type-1 .select-box, .filter-wrap .input-wrap.type-1 .calendar {
  width: 176px;
}

.filter-wrap .input-wrap.type-1 .product-name {
  width: 295px;
}

.filter-wrap + .button-wrap {
  margin: 34px 0 60px;
}

.filter-wrap.type-2 + .button-wrap {
  margin: 30px 0;
}

/* 상품공시실>상품목록 */
.filter-wrap.type-3{display: flex;justify-content: space-between;align-items: center;padding:16px 24px;}
.filter-wrap.type-3 .search-box{display: flex;align-items: center;flex: 1;margin-left: 24px;}
.filter-wrap.type-3 .search-box .input-txt{flex:1}
.filter-wrap.type-3 .search-box .input-txt::placeholder,
.filter-wrap.type-3 .search-box .input-txt::-webkit-input-placeholder,
.filter-wrap.type-3 .search-box .input-txt::-moz-placeholder,
.filter-wrap.type-3 .search-box .input-txt::-ms-input-placeholder{color:#42526e}
.filter-wrap.type-3 .search-box button{ margin-left: 24px;}
.filter-wrap.type-3 + .table{margin-top:46px}

.cont-head {
  position: relative;
  top: 0;
  margin: 60px 0 4px;
  vertical-align: top;
  text-align: right;
}

.cont-head > a, .cont-head > button {
  margin-top: -8px;
}

.cont-head > a:nth-child(n+2), .cont-head > button:nth-child(n+2) {
  margin-left: 26px;
}

h2 + .cont-head, .h2 + .cont-head, .info-text01 + .cont-head, .info-text02 + .cont-head, .info-text04 + .cont-head, .info-text09 + .cont-head {
  top: -27px;
  height: 0;
  margin: 0;
}

.cont-head .search-form {
  display: inline-block;
  margin-top: -10px;
  vertical-align: middle;
  font-size: 0;
}

.cont-head .search-form .select-box:hover, .cont-head .search-form .select-box:focus {
  position: relative;
  z-index: 1;
}

.cont-head .search-form .select-box.w80 {
  width: 80px;
}

.cont-head .search-form .select-box.w230 {
  width: 230px;
}

.cont-head .search-form .btn {
  margin-left: -1px;
}

.cont-head .search-form .btn:hover, .cont-head .search-form .btn:focus {
  position: relative;
  z-index: 1;
}

.cont-head .search-form + span {
  margin-left: 20px;
}

.table-unit {
  color: #666666;
  text-align: right;
  font-size: 12px;
}

.table-wrap {
  margin-top: 35px;
  font-size: 0;
}

.table-wrap .col {
  display: inline-block;
  width: calc(50% - 10px);
  vertical-align: top;
}

.table-wrap .col:nth-child(2) {
  margin-left: 20px;
}

.table-wrap .col .table-unit {
  margin-bottom: 10px;
}

.grid-list {
  font-size: 0;
}

.grid-list .item {
  position: relative;
  display: inline-block;
  margin-left: 15px;
  padding: 120px 0 39px;
  border: 1px solid #eeeeee;
  vertical-align: top;
  text-align: center;
}

.grid-list .item::before {
  position: absolute;
  top: 54px;
  left: 50%;
  margin-left: -22px;
}

.grid-list.col-2 .item {
  width: 472px;
}

.grid-list.col-2 .item:nth-child(2n+1) {
  margin-left: 0;
}

.grid-list.col-2 .item:nth-child(n+3) {
  margin-top: 15px;
}

.grid-list.col-3 .item {
  width: 310px;
}

.grid-list.col-3 .item:nth-child(3n+1) {
  margin-left: 0;
}

.grid-list.col-3 .item:nth-child(n+4) {
  margin-top: 15px;
}

.grid-list .title {
  display: block;
  text-align: center;
  font-size: 20px;
}

.grid-list .text {
  margin-top: 12px;
  color: #666666;
  font-size: 13px;
  line-height: 18px;
}

.grid-list a {
  margin-top: 35px;
}

.title-info {
  margin: -28px 0 42px;
  color: #666;
  font-weight: 300;
  font-size: 15px;
}

.title-info + h2 {
  margin-top: 0;
}

.operation-guide {
  margin-top: 80px;
  padding: 16px 20px;
  background: #fcfcfc;
}

.operation-guide strong {
  display: block;
  margin: 8px 0 33px;
  color: #222222;
  font-size: 15px;
}

.operation-guide strong.type-1 {
  margin: 20px 0 0 !important;
  color: #666666;
  font-size: 13px;
}

.operation-guide strong.type-1:first-child {
  margin-top: 0 !important;
}

.operation-guide .text-list01 + strong {
  margin-top: 50px;
}

.operation-guide p {
  color: #666666;
  font-size: 12px;
}

.operation-guide .text-list06 + strong {
  margin-top: 20px;
}

h1 + .operation-guide, .title-info + .operation-guide {
  margin-top: 0;
}

.text-list01 + .operation-guide {
  margin-top: 12px;
}

.info-text01 + .operation-guide {
  margin-top: 36px;
}

.table + .operation-guide {
  margin-top: 20px;
}

.down-cont + .operation-guide {
  margin-top: 30px;
}

.agree-wrap {
  margin-top: 80px;
}

.agree-wrap .agree-check {
  padding-bottom: 18px;
}

.agree-wrap .agree-check.line {
  border-bottom: 1px solid #666666;
}

.agree-wrap .agree-check-text {
  height: 50px;
  padding-left: 20px;
  border-top: 1px solid #666666;
  border-bottom: 1px solid #eeeeee;
  color: #666666;
  line-height: 49px;
}

.agree-wrap .accordion + .agree-check {
  padding: 18px 0 0 0;
}

.total-wrap {
  display: table;
  width: 100%;
  margin-bottom: 20px;
  padding: 15px 0;
  border: 1px solid #ffe9aa;
  background-color: #fffae5;
  table-layout: fixed;
}

.total-wrap .total-col {
  display: table-cell;
}

.total-wrap .total-col::after {
  display: block;
  clear: both;
  content: "";
}

.total-wrap .total-col:nth-child(n+2) {
  border-left: 1px solid #ffe391;
}

.total-wrap .total-col:nth-child(n+2) button {
  float: right;
  width: auto;
  margin-right: 20px;
  padding-right: 20px;
  padding-left: 20px;
}

.total-wrap .title {
  float: left;
  padding: 8px 0 8px 20px;
  color: #666666;
  font-size: 13px;
}

.total-wrap .text {
  float: right;
  padding: 8px 20px;
  font-size: 15px;
}

.more + .total-wrap {
  margin-top: 80px;
}

.insurance-item + .total-wrap, .insurance-list + .total-wrap {
  margin-top: 20px;
}

.total-wrap.type-2 {
  padding: 0;
  border: none;
  background: #ffde33;
}

.total-wrap.type-2 .total-col:nth-child(n+2) {
  border: none;
}

.total-wrap.type-2 .total-col {
  position: relative;
  padding: 30px 43px 30px 58px;
}

.total-wrap.type-2 .total-col:after {
  position: absolute;
  top: 16px;
  right: 18px;
}

.total-wrap.type-2 .total-col:nth-child(2):after:before {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 1px;
  height: 52px;
  background: #e5b700;
  content: '';
  transform: translateY(-50%);
}

.total-wrap.type-2 .total-col:nth-child(3) {
  background: #9e8c6e;
  text-align: center;
}

.total-wrap.type-2 .total-col:nth-child(3):after {
  display: none;
}

.total-wrap.type-2 .total-col:nth-child(3) .title {
  color: #FFFFFF;
  font-size: 14px;
}

.total-wrap.type-2 .total-col:nth-child(3) .text {
  color: #FFFFFF;
  font-weight: 600;
  font-size: 28px;
}

.total-wrap.type-2 .total-col .title {
  display: block;
  float: none;
  padding: 0;
  color: #222222;
  font-size: 14px;
}

.total-wrap.type-2 .total-col .text {
  display: block;
  float: none;
  padding: 0;
  font-size: 20px;
}

.down-cont {
  overflow: hidden;
  height: 50px;
  margin-top: 60px;
  padding: 0 20px;
  background: #fcfcfc;
  line-height: 50px;
}

.down-cont p {
  float: left;
  color: #666666;
  font-size: 12px;
}

.down-cont .download {
  float: right;
  width: auto;
  padding-right: 16px;
  color: #9e8c6e;
  font-size: 12px;
  line-height: 25px;
}

.down-cont .download:after {
  right: 0;
  width: 12px;
  height: 14px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Soga.cat") no-repeat -114px 2px;
}

.down-cont + .operation-guide {
  margin-top: 30px;
}

.best-question {
  background-color: #fffae5;
}

.best-question::after {
  display: block;
  clear: both;
  content: "";
}

.best-question li {
  float: left;
  width: 33.33%;
}

.best-question a {
  position: relative;
  display: block;
  height: 250px;
  padding: 24px 30px 0;
}

.best-question a:before {
  content: '';
  position: absolute;
  border-top: 1px solid #60584C;
  border-left: 1px solid #60584C;
  box-sizing: content-box;
  top: 50%;
  width: 6px;
  height: 6px;
  right: 5px;
  transform: translate(50%, -50%) rotate(135deg);
}

.best-question a:after {
  content: '';
  position: absolute;
  background-color: #60584C;
  box-sizing: content-box;
  top: 50%;
  right: 1px;
  width: 29px;
  height: 1px;
  transform: translate(0, -50%);
}

.best-question a::before {
  top: 215px;
  left: 48px;
}

.best-question a::after {
  top: 215px;
  left: 30px;
}

.best-question .title {
  display: block;
  color: #60584C;
  font-family: KBFGDisplayB;
  font-size: 18px;
}

.best-question .text {
  overflow: hidden;
  max-height: 105px;
  margin-top: 48px;
  font-size: 15px;
  line-height: 26px;
}

.best-question + .search-wrap {
  margin-top: 30px;
}

.view-list {
  border-top: 1px solid #222222;
}

.view-list li {
  position: relative;
  min-height: 188px;
  padding: 24px 0 24px 280px;
  border-bottom: 1px solid #eeeeee;
}

.view-list .thumb {
  position: absolute;
  top: 24px;
  left: 0;
  width: 250px;
  height: 140px;
}

.view-list .thumb img {
  width: 100%;
  height: 100%;
}

.view-list .txt-label {
  margin-bottom: 7px;
}

.view-list .anchor {
  display: block;
}

.view-list .title {
  display: block;
  font-size: 18px;
}

.view-list .text {
  display: block;
  margin-top: 11px;
  color: #666666;
  line-height: 20px;
}

.view-list .text.ellipsis {
  overflow: hidden;
  max-height: 40px;
}

.view-list .etc {
  position: absolute;
  top: 145px;
  left: 280px;
  font-size: 0;
}

.view-list .item {
  position: relative;
  display: inline-block;
  color: #666666;
  font-size: 13px;
}

.view-list .item:nth-child(n+2) {
  margin-left: 7px;
  padding-left: 8px;
}

.view-list .item:nth-child(n+2):before {
  position: absolute;
  top: 3px;
  left: 0;
  width: 1px;
  height: 12px;
  background-color: #eeeeee;
  content: '';
}

.view-list .item a {
  position: relative;
  top: -7px;
  left: -5px;
}

.search-wrap + .view-list {
  margin-top: 30px;
}

.txt-label {
  display: inline-block;
  min-width: 68px;
  padding: 4px 12px 2px;
  border-radius: 12px;
  color: #FFFFFF;
  text-align: center;
  font-size: 12px;
}

.icon-file {
  display: inline-block;
  width: 15px;
  height: 14px;
  margin-left: 10px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Soga.cat") no-repeat -32px 0;
  vertical-align: middle;
}

.file-attach .name {
  display: inline-block;
  margin-left: 20px;
}

.board-empty {
  margin-top: 30px;
  padding: 20px;
  border-top: 1px solid #666666;
  color: #222222;
  font-size: 13px;
}

.board-list {
  border-top: 1px solid #666666;
}

.search-wrap + .board-list {
  margin-top: 30px;
}

.board-list th {
  height: 40px;
  padding-left: 20px;
  border-bottom: 1px solid #666666;
  color: #666666;
  text-align: left;
  font-weight: 400;
  line-height: 40px;
}

.board-list td {
  height: 59px;
  padding: 0 20px;
  border-bottom: 1px solid #eeeeee;
  text-align: left;
  font-size: 14px;
}

.info-text01 + .board-list {
  margin-top: 46px;
}

.board-view {
  border-top: 1px solid #666666;
}

.board-view .head {
  position: relative;
  padding: 22px 0 13px;
}

.board-view .head .title {
  display: block;
  margin: 0 0 22px;
  color: #222222;
  word-break: break-all;
  font-size: 28px;
}

.board-view .head .title .o_tag {
  display: inline-block;
  font-size: 20px;
  margin-top: 1px;
  vertical-align: top;
}

.board-view .head .etc {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}

.board-view .head .item {
  position: relative;
  color: #666666;
}

.board-view .head .item + .item {
  margin-left: 5px;
  padding-left: 8px;
}

.board-view .head .item + .item::before {
  position: absolute;
  top: 2px;
  left: 0;
  width: 1px;
  height: 12px;
  background-color: #eeeeee;
  content: '';
}

.board-view .head .item span {
  display: inline-block;
  margin-right: 8px;
  color: #222222;
}

.board-view .panel {
  padding: 20px 20px 30px;
  background-color: #fcfcfc;
  font-size: 15px;
  line-height: 26px;
}

.board-view .panel img {
  display: block;
  max-width: 100%;
  margin: 0 auto 20px;
}

.board-view .panel .cont p + h3 {
  margin-top: 70px;
}

.board-view .panel .cont h3 + .info-text04 {
  margin-top: 25px;
}

.board-view .attachment {
  position: relative;
  margin-top: 60px;
  padding: 0 20px 0 65px;
  background-color: #fcfcfc;
  font-size: 13px;
}

.board-view .attachment .title {
  position: absolute;
  top: 0;
  left: 0;
}

.board-view .attachment .link {
  display: inline-block;
  margin-right: 17px;
  color: #666666;
  text-decoration: underline;
}

.board-view .txt-question, .board-view .txt-answer {
  display: block;
  width: 32px;
  height: 32px;
  margin-bottom: 18px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svpb_dan_pnfr.cat");
  background-repeat: no-repeat;
}

.board-view .txt-question {
  background-position: 0 0;
}

.board-view .txt-answer {
  background-position: -32px 0;
}

.board-view .answer {
  position: relative;
  margin: 30px -20px -30px;
  padding: 20px 20px 24px;
  background-color: #fffae5;
  font-size: 15px;
  line-height: 26px;
}

.board-view .answer .date {
  position: absolute;
  top: 17px;
  right: 20px;
  color: #666;
  font-size: 13px;
}

.board-pagenav {
  margin-top: 23px;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
}

.board-pagenav div {
  height: 60px;
  border-top: 1px solid #eeeeee;
  font-size: 0;
  line-height: 60px;
}

.board-pagenav div:first-child {
  border: none;
}

.board-pagenav div span {
  display: inline-block;
  width: 106px;
  color: #666666;
  text-align: center;
  font-size: 14px;
}

.board-pagenav .prev {
  position: relative;
}

.board-pagenav .prev:before {
  content: '';
  position: absolute;
  box-sizing: content-box;
  top: 50%;
  left: 16%;
  width: 6px;
  height: 6px;
  -webkit-transform: translate(-16%, -50%) rotate(45deg);
  transform: translate(-16%, -50%) rotate(45deg);
  margin-top: 2px;
  border-top: 1px solid #b2b2b2;
  border-left: 1px solid #b2b2b2;
}

.board-pagenav .next {
  position: relative;
}

.board-pagenav .next:before {
  content: '';
  position: absolute;
  box-sizing: content-box;
  top: 50%;
  left: 16%;
  width: 6px;
  height: 6px;
  -webkit-transform: translate(-16%, -50%) rotate(45deg);
  transform: translate(-16%, -50%) rotate(45deg);
  margin-top: -2px;
  border-right: 1px solid #b2b2b2;
  border-bottom: 1px solid #b2b2b2;
}

.board-pagenav .title {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: calc(100% - 106px);
  padding: 0 29px;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
}

.board-pagenav .title:before {
  position: absolute;
  top: 18px;
  left: 0;
  display: block;
  width: 1px;
  height: 22px;
  background: #eeeeee;
  content: '';
}

.kblife-list-link + .board-pagenav {
  margin-top: 60px;
}

.counsel-step {
  margin-bottom: 18px;
  padding-bottom: 30px;
  border-bottom: 1px solid #eeeeee;
  font-size: 0;
}

.counsel-step li {
  position: relative;
  display: inline-block;
  width: 160px;
  height: 44px;
  border: 1px solid #d8d8d8;
  background-color: #FFFFFF;
  color: #666666;
  vertical-align: top;
  text-align: center;
  font-size: 12px;
  line-height: 15px;
}

.counsel-step li span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
}

.counsel-step li:nth-child(n+2) {
  margin-left: 30px;
  position: relative;
}

.counsel-step li:nth-child(n+2):before {
  content: '';
  position: absolute;
  box-sizing: content-box;
  top: 50%;
  left: 0;
  width: 13px;
  height: 13px;
  -webkit-transform: translate(0, -50%) scale(1.09091, 1) rotate(45deg);
  transform: translate(0, -50%) scale(1.09091, 1) rotate(45deg);
  margin-left: -5px;
  border-top: 1px solid #d8d8d8;
  border-right: 1px solid #d8d8d8;
}

.counsel-step li:nth-child(n+2)::before {
  margin-left: -28px;
}

.img-wrap img {
  vertical-align: top;
}

.img-wrap + .img-wrap {
  margin-top: 20px;
}

.text-list10 + .img-wrap {
  margin-top: 13px;
}

.file-name {
  padding: 27px 20px;
  background-color: #fcfcfc;
  font-size: 15px;
}

.add-file .file-total {
  position: relative;
}

.add-file .file-total .text {
  position: absolute;
  top: 34px;
  right: 0;
  color: #666;
  font-size: 12px;
}

.add-file .file-total em {
  color: #222222;
}

.add-file .file-view {
  overflow-x: auto;
  overflow-y: hidden;
  min-height: 216px;
  max-height: 260px;
  margin-top: 10px;
  padding: 19px 20px;
  border: 1px solid #eeeeee;
  background-color: #fcfcfc;
}

.add-file .file-view .empty {
  padding-top: 65px;
  color: #666666;
  text-align: center;
  line-height: 24px;
}

.add-file .file-view .empty strong {
  color: #222222;
}

.add-file .file-view ul {
  width: 100%;
  white-space: nowrap;
  font-size: 0;
}

.add-file .file-view li {
  position: relative;
  display: inline-block;
  margin-right: 20px;
  vertical-align: top;
}

.add-file .file-view .thumb {
  display: block;
  width: 120px;
  height: 168px;
  border: 1px solid #d8d8d8;
}

.add-file .file-view .thumb img {
  width: 100%;
  height: 100%;
}

.add-file .file-view .title {
  display: block;
  overflow: hidden;
  max-height: 34px;
  width: 120px;
  margin-top: 10px;
  white-space: normal;
  font-size: 12px;
  line-height: 17px;
}

.add-file .file-view .del {
  border-radius: 19px;
  background-color: #60584C;
  position: absolute;
  top: 6px;
  right: 6px;
  width: 19px;
  height: 19px;
}

.add-file .file-view .del:before, .add-file .file-view .del:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 9px;
  height: 1px;
  background-color: #FFFFFF;
  box-sizing: content-box;
}

.add-file .file-view .del:before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}

.add-file .file-view .del:after {
  -webkit-transform: translate(-50%, -50%) rotate(135deg);
  transform: translate(-50%, -50%) rotate(135deg);
}

.tit-txt {
  margin-bottom: 16px;
  color: #666666;
  font-size: 13px;
}

.complete-cont {
  position: relative;
  width: 960px;
  padding: 184px 0 49px 0;
  border: 1px solid #eeeeee;
  text-align: center;
}

.complete-cont:before {
  position: absolute;
  top: 50px;
  left: 50%;
  display: block;
  width: 140px;
  height: 140px;
  content: '';
  transform: translateX(-50%);
}

.complete-cont:after {
  position: absolute;
  display: block;
  content: '';
  transform: translateX(-50%);
}

.complete-cont .txt1 {
  display: block;
  margin-top: 20px;
  font-size: 28px;
  line-height: 38px;
}

.complete-cont .txt2 {
  position: relative;
  margin-top: 23px;
  padding-top: 28px;
  color: #666666;
  font-size: 15px;
}

.complete-cont .txt2:before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 39px;
  height: 1px;
  background-color: #ffde33;
  content: '';
  transform: translateX(-50%);
}

.complete-cont .info-cont {
  margin: 44px 0 -49px;
  padding: 34px 0 39px;
  border-top: 1px solid #eeeeee;
  background: #fcfcfc;
}

.complete-cont .info-cont .txt-list li {
  position: relative;
  display: inline-block;
  margin-left: 8px;
  padding-left: 12px;
  color: #666666;
  font-weight: 300;
  font-size: 15px;
  line-height: 26px;
}

.complete-cont .info-cont .txt-list li:first-child {
  margin-left: 0;
  padding-left: 0;
}

.complete-cont .info-cont .txt-list li:before {
  position: absolute;
  top: 6px;
  left: 0;
  display: block;
  width: 1px;
  height: 13px;
  background-color: #eeeeee;
  content: '';
}

.complete-cont .info-cont2 {
  height: 49px;
  margin: 35px 0 -49px;
  border-top: 1px solid #eeeeee;
  background: #fcfcfc;
  color: #666;
  font-size: 12px;
  line-height: 49px;
}

.complete-cont .info-cont3 {
  margin: 35px 0 -39px;
  padding: 13px 0 39px;
  border-top: 1px solid #eeeeee;
  background: #fcfcfc;
  color: #666;
  font-size: 12px;
}

.complete-cont .info-txt {
  font-size: 15px;
  line-height: 26px;
}

.complete-cont .info-txt p {
  color: #666666;
  font-weight: 300;
}

.complete-cont .info-txt + .info-txt {
  margin-top: 18px;
}

.complete-cont .link-cont {
  display: table;
  width: 100%;
  margin: 39px 0 -49px;
  border-top: 1px solid #eeeeee;
  text-align: left;
}

.complete-cont .link-cont li {
  display: table-cell;
  border-left: 1px solid #eeeeee;
}

.complete-cont .link-cont li:first-child {
  border-left: none;
}

.complete-cont .link-cont li a {
  display: inline-block;
  width: 100%;
  height: 98px;
  padding: 26px 0 26px 39px;
  background: #fcfcfc;
  position: relative;
}

.complete-cont .link-cont li a:before {
  content: '';
  position: absolute;
  box-sizing: content-box;
  top: 50%;
  left: 100%;
  width: 14px;
  height: 14px;
  -webkit-transform: translate(-100%, -50%) rotate(45deg);
  transform: translate(-100%, -50%) rotate(45deg);
  margin-left: -5px;
  border-top: 2px solid #ccc;
  border-right: 2px solid #ccc;
}

.complete-cont .link-cont li a:before {
  margin-left: -33px;
}

.complete-cont .link-cont li span {
  color: #666;
  font-weight: 300;
  font-size: 12px;
}

.complete-cont .link-cont li p {
  margin-top: 3px;
  color: #222222;
  font-size: 20px;
}

.complete-cont .link-cont.type-2 a {
  text-align: center;
}

.complete-cont .info-cont + .link-cont {
  margin-top: 0;
}

.complete-cont .button-wrap {
  margin: 35px 0 0;
}

.complete-cont.page-error,
.complete-cont.server,
.complete-cont.service,
.complete-cont.network,
.complete-cont.logout {
  margin-top: 80px;
}

.login-list {
  margin-top: 27px;
}

.login-list::after {
  display: block;
  clear: both;
  content: "";
}

.login-list .item {
  position: relative;
  float: left;
  width: 304px;
  height: 420px;
  padding-top: 135px;
  border: 1px solid #eeeeee;
  text-align: center;
}

.login-list .item:nth-child(n+2) {
  margin-left: 24px;
}

.login-list .item::before {
  position: absolute;
  top: 72px;
  left: 50%;
  display: block;
  width: 39px;
  height: 41px;
  margin-left: -20px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svpb_ybtva.cat");
  background-repeat: no-repeat;
  content: '';
}

.login-list .item.cartificate::before {
  background-position: 0 0;
}

.login-list .item.phone::before {
  background-position: -39px 0;
}

.login-list .item.kakao::before {
  background-position: -78px 0;
}

.login-list .item.card::before {
  background-position: -120px 0;
}

.login-list .title {
  display: inline-block;
  font-family: KBFGDisplayB;
  font-size: 22px;
}

.login-list .title span {
  color: #666666;
  font-weight: 400;
}

.login-list .tooltip {
  top: -2px;
  z-index:1;
}

.login-list .tooltip .sr-only{
    z-index:3;
}

.login-list .text {
  height: 108px;
  margin-top: 11px;
  color: #666;
  font-weight: 300;
}

.login-list .btn-login {
  width: 210px;
  height: 52px;
  padding-top: 15px;
  border: 1px solid #9e8c6e !important;
  background-color: #9e8c6e !important;
  color: #FFFFFF !important;
  font-size: 15px;
}

.login-list .btn-login:focus, .login-list .btn-login:hover {
  border-color: #7e7058 !important;
  background-color: #7e7058 !important;
}

.login-list .link {
  margin-top: 22px;
}

.agree-price {
  margin-top: 17px;
  border: 1px solid #d8d8d8;
}

.agree-price::after {
  display: block;
  clear: both;
  content: "";
}

.agree-price .item {
  height: 44px;
  color: #666666;
  font-size: 12px;
  line-height: 44px;
}

.agree-price .item:nth-child(n+2) {
  border-top: 1px solid #d8d8d8;
}

.agree-price strong {
  display: block;
  float: left;
  width: 160px;
  margin-right: 20px;
  padding-left: 20px;
  border-right: 1px solid #d8d8d8;
}

.heading-wrap {
  margin-top: 77px;
}

.heading-wrap h2, .heading-wrap .h2 {
  display: inline-block;
  margin-top: 0;
}

.step + .heading-wrap {
  margin-top: 0;
}

.heading-wrap .input-radio {
  margin-left: 35px;
  vertical-align: baseline;
}

.step-guide {
  overflow: hidden;
  padding-top: 26px;
}

.step-guide-cont {
  padding-top: 12px;
  border-top: 1px solid #666666;
}

.step-guide-cont.type-2 {
  padding-top: 45px;
  border-top: none;
}

.step-guide-cont.type-2 .step-guide {
  padding-top: 0;
}

.step-guide-cont.type-2 li {
  width: 124px;
  height: 124px;
  margin-left: 43px;
}

.step-guide-cont + .step-guide-cont {
  margin-top: 60px;
}

.step-guide-cont .setp-title {
  display: block;
  font-family: KBFGDisplayB;
}

.step-guide-cont .setp-title em {
  float: right;
  color: #666666;
  text-align: right;
  font-weight: 400;
}

.step-guide li {
  position: relative;
  float: left;
  width: 154px;
  height: 154px;
  margin-left: 47px;
  border-radius: 50%;
  background: #fcfcfc;
  color: #666666;
  text-align: center;
  word-break: keep-all;
  font-size: 13px;
  position: relative;
}

.step-guide li:before {
  content: '';
  position: absolute;
  box-sizing: content-box;
  top: 50%;
  left: -23%;
  width: 14px;
  height: 14px;
  -webkit-transform: translate(23%, -50%) scale(1.08333, 1) rotate(45deg);
  transform: translate(23%, -50%) scale(1.08333, 1) rotate(45deg);
  margin-left: -5px;
  border-top: 1px solid #a8977c;
  border-right: 1px solid #a8977c;
}

.step-guide li:first-child {
  margin-left: 0;
}

.step-guide li:first-child:before {
  display: none;
}

.step-guide li span {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  width: 120px;
  transform: translateX(-50%) translateY(-50%);
}

.insurance-list .item {
  position: relative;
}

.insurance-list .item:nth-child(n+2) {
  margin-top: 30px;
}

.insurance-list .input-check2 {
  position: absolute;
  top: 17px;
  right: 20px;
}

.insurance-list .type-1 {
  position: relative;
  z-index: 1;
  display: table;
  width: 100%;
  margin-top: -1px;
  table-layout: fixed;
}

.insurance-list .type-1 a {
  display: table-cell;
  width: auto;
  padding: 14px 0;
  border: 1px solid #d8d8d8;
  border-left: 0;
  background-color: #fcfcfc;
}

.insurance-list .type-1 a:nth-child(1) {
  border-left: 1px solid #d8d8d8;
}

.insurance-list .type-2 {
  position: relative;
  height: 60px;
  margin-top: -1px;
  padding: 20px 20px 0;
  border: 1px solid #eee9d4;
  background-color: #fffae5;
}

.insurance-list .type-2 strong {
  display: inline-block;
  color: #222222;
}

.insurance-list .type-2 .etc {
  display: inline-block;
  margin-left: 50px;
}

.insurance-list .type-2 .panel {
  position: absolute;
  top: 20px;
  right: 20px;
}

.insurance-list .type-2 .input-txt {
  width: 140px;
  height: 24px;
  margin: -3px 3px 0;
  padding-top: 0;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: transparent;
  text-align: right;
  font-size: 15px;
  line-height: 24px;
}

.insurance-list .type-2 .input-txt.active {
  border-bottom: 1px solid #ffde33;
}

.insurance-list .type-2 a {
  margin-top: -7px;
}

.insurance-list .type-3 {
  position: relative;
  margin-top: -1px;
  padding: 23px 20px 22px;
  border: 1px solid #eeeeee;
}

.insurance-list .type-3::before, .insurance-list .type-3::after {
  position: absolute;
  top: -1px;
  display: block;
  width: 20px;
  height: 1px;
  background-color: #FFFFFF;
  content: '';
}

.insurance-list .type-3::before {
  left: 0;
}

.insurance-list .type-3::after {
  right: 0;
}

.insurance-list .type-3 strong {
  display: block;
  font-family: KBFGDisplayB;
}

.insurance-list .type-3 ul {
  margin-top: 15px;
  font-size: 0;
}

.insurance-list .type-3 li {
  display: inline-block;
  color: #666;
  font-size: 13px;
}

.insurance-list .type-3 li:nth-child(n+2) {
  margin-left: 29px;
}

.insurance-list .type-4 {
  position: relative;
  margin-top: -1px;
  padding: 23px 0 22px;
  border: 1px solid #eeeeee;
}

.insurance-list .type-4::before, .insurance-list .type-4::after {
  position: absolute;
  top: -1px;
  display: block;
  width: 20px;
  height: 1px;
  background-color: #FFFFFF;
  content: '';
}

.insurance-list .type-4::before {
  left: 0;
}

.insurance-list .type-4::after {
  right: 0;
}

.insurance-list .type-4 strong {
  display: block;
  margin-left: 20px;
  font-family: KBFGDisplayB;
}

.insurance-list .type-4 ul {
  display: table;
  width: 100%;
  margin-top: 15px;
  table-layout: fixed;
}

.insurance-list .type-4 li {
  position: relative;
  display: table-cell;
  padding: 0 20px;
  font-size: 13px;
}

.insurance-list .type-4 li:nth-child(n+2):before {
  position: absolute;
  top: -1px;
  left: 0;
  width: 1px;
  height: 20px;
  background-color: #eeeeee;
  content: '';
}

.insurance-list .type-4 em {
  color: #666;
}

.insurance-list .type-4 span {
  position: absolute;
  top: 0;
  right: 20px;
}

.insurance-list .type-5 {
  margin-top: -1px;
  padding: 22px 0;
  border: 1px solid #eeeeee;
  background-color: #fcfcfc;
}

.insurance-list .type-5 ul {
  font-size: 0;
}

.insurance-list .type-5 li {
  position: relative;
  display: inline-block;
  width: 50%;
  padding: 0 20px;
  vertical-align: top;
  font-size: 13px;
}

.insurance-list .type-5 li:nth-child(n+3) {
  padding-top: 15px;
}

.insurance-list .type-5 li:nth-child(odd) {
  border-right: 1px solid #eeeeee;
}

.insurance-list .type-5 em {
  color: #666;
}

.insurance-list .type-5 span {
  position: absolute;
  right: 20px;
  bottom: 0;
}

.insurance-list .type-6 {
  position: relative;
  margin-top: -1px;
  padding: 23px 20px 22px;
  border: 1px solid #eeeeee;
}

.table + .insurance-list {
  margin-top: 30px;
}

.insurance-item {
  position: relative;
  display: block;
  padding: 17px 0 24px;
  border: 1px solid #eeeeee;
  border-top-color: #666666;
  background-color: #FFFFFF;
}

.insurance-item > a {
  display: inline-block;
}
.insurance-item .in-item-r{display:inline-table;float:right;}/*21.1.5추가*/

.insurance-item .title {
  display: inline-block;
  margin-bottom: 27px;
  padding-left: 20px;
  font-family: KBFGDisplayB;
  font-size: 17px;
  line-height: 24px;
}

.insurance-item .label {
  display: inline-block;
  width: 46px;
  height: 24px;
  margin-right: 8px;
  padding-top: 0;
  border-radius: 12px;
  color: #FFFFFF;
  vertical-align: top;
  text-align: center;
  font-weight: 400;
  font-size: 12px;
}

.insurance-item .status {
  position: absolute;
  top: 18px;
  right: 20px;
  padding: 2px 8px 0;
  border: 1px solid #9e8c6e;
  color: #9e8c6e;
  font-size: 12px;
}

.insurance-item ul {
  white-space: normal;
  font-size: 0;
}

.insurance-item ul + ul {
  position: relative;
  margin-top: 25px;
  padding-top: 25px;
}

.insurance-item ul + ul:before {
  position: absolute;
  top: 0;
  right: 20px;
  left: 20px;
  display: block;
  border-top: 1px solid #eeeeee;
  content: '';
}

.insurance-item li {
  position: relative;
  display: inline-block;
  width: 50%;
  padding: 0 20px;
  vertical-align: top;
}

.insurance-item li::after {
  display: block;
  clear: both;
  content: "";
}

.insurance-item li:nth-child(n+3) {
  padding-top: 15px;
}

.insurance-item li:nth-child(n+3) .subtitle {
  top: 15px;
}

.insurance-item li:nth-child(odd) {
  border-right: 1px solid #eeeeee;
}

.insurance-item li:nth-child(even) {
  margin-left: -1px;
  border-left: 1px solid #eeeeee;
}

.insurance-item .subtitle {
  color: #666;
  font-size: 13px;
}

.insurance-item .text {
  float: right;
  color: #222222;
  text-align: right;
  font-size: 13px;
}

.insurance-item .text a {
  margin-top: -3px;
}

.insurance-item.type2 {
  margin-top: 6px;
}

.insurance-item.type2 li {
  width: 100%;
  border-right: none !important;
}

.insurance-item.type2 li:nth-child(n+2) {
  padding-top: 15px;
}

.carousel-insurance {
  position: relative;
  margin: 21px 0 80px;
}

.carousel-insurance .paging {
  position: absolute;
  top: -21px;
  right: 0;
  color: #666;
  font-size: 12px;
}

.carousel-insurance .paging span {
  margin-right: 4px;
  color: #222222;
}

.carousel-insurance .prev, .carousel-insurance .next {
  position: absolute !important;
  top: 0;
  display: block;
  width: 77px;
  height: 100%;
}

.carousel-insurance .prev.swiper-button-disabled:before, .carousel-insurance .next.swiper-button-disabled:before {
  border-color: #d8d8d8;
}

.carousel-insurance .prev {
  left: -77px;
  position: relative;
}

.carousel-insurance .prev:before {
  content: '';
  position: absolute;
  box-sizing: content-box;
  top: 50%;
  left: 50%;
  width: 17px;
  height: 17px;
  -webkit-transform: translate(-50%, -50%) scale(1.26667, 1) rotate(45deg);
  transform: translate(-50%, -50%) scale(1.26667, 1) rotate(45deg);
  margin-left: 8px;
  border-left: 2px solid #222;
  border-bottom: 2px solid #222;
}

.carousel-insurance .next {
  right: -77px;
  position: relative;
}

.carousel-insurance .next:before {
  content: '';
  position: absolute;
  box-sizing: content-box;
  top: 50%;
  left: 50%;
  width: 17px;
  height: 17px;
  -webkit-transform: translate(-50%, -50%) scale(1.26667, 1) rotate(45deg);
  transform: translate(-50%, -50%) scale(1.26667, 1) rotate(45deg);
  margin-left: -8px;
  border-top: 2px solid #222;
  border-right: 2px solid #222;
}

.agree-text {
  margin: 57px 0 60px;
  text-align: center;
  font-size: 17px;
}

.agree-text p {
  margin-bottom: 3px;
}

.agree-text .date {
  display: block;
  font-weight: 300;
}

.check-cont .check-total::after {
  display: block;
  clear: both;
  content: "";
}

.check-cont .check-total .input-check {
  float: left;
}

.check-cont .check-total .text {
  float: right;
  color: #666666;
}

.check-cont .check-total .text em {
  color: #222222;
}

.check-cont .check-list {
  margin-top: 11px;
  border-top: 1px solid #666666;
}

.check-cont .check-list li {
  padding: 16px 0 15px;
  border-bottom: 1px solid #eeeeee;
}

.check-cont .check-list .list-text01 {
  padding: 0 20px;
}

.check-cont .check-list .list-text01::after {
  display: block;
  clear: both;
  content: "";
}

.check-cont .check-list .list-text01 .input-check {
  float: left;
  font-weight: 600;
}

.check-cont .check-list .list-text01 .text {
  float: right;
  font-weight: 600;
}

.check-cont .check-list .list-text02 {
  margin-top: 13px;
}

.check-cont .check-list .list-text02::after {
  display: block;
  clear: both;
  content: "";
}

.check-cont .check-list .list-text02 .list-col {
  float: left;
  width: 50%;
  padding: 2px 20px 0;
}

.check-cont .check-list .list-text02 .list-col + .list-col {
  border-left: 1px solid #eeeeee;
}

.check-cont .check-list .list-text02 .title {
  float: left;
  color: #666666;
}

.check-cont .check-list .list-text02 .text {
  float: right;
}

.provide-step {
  padding: 10px 0 4px;
  font-size: 0;
}

.provide-step li {
  display: inline-block;
  width: 190px;
  height: 50px;
  border: 1px solid #d8d8d8;
  color: #666666;
  text-align: center;
  font-size: 14px;
  line-height: 48px;
}

.provide-step li:nth-child(n+2) {
  margin-left: 53px;
  position: relative;
}

.provide-step li:nth-child(n+2):before {
  content: '';
  position: absolute;
  box-sizing: content-box;
  top: 50%;
  left: 0;
  width: 13px;
  height: 13px;
  -webkit-transform: translate(0, -50%) scale(1.09091, 1) rotate(45deg);
  transform: translate(0, -50%) scale(1.09091, 1) rotate(45deg);
  margin-left: -5px;
  border-top: 1px solid #d8d8d8;
  border-right: 1px solid #d8d8d8;
}

.provide-step li:nth-child(n+2)::before {
  margin-left: -39px;
}

.current-step-cont {
  padding: 48px 0 0;
  border: 1px solid #eeeeee;
  border-top: 1px solid #666666;
}

.current-step-cont .current-step {
  padding: 7px 0 0;
  font-size: 0;
}

.current-step-cont .current-step li {
  position: relative;
  display: inline-block;
  width: 20%;
  padding-top: 14px;
  text-align: center;
  font-size: 14px;
}

.current-step-cont .current-step li span {
  height: 32px;
  color: #666666;
  line-height: 32px;
}

.current-step-cont .current-step li:last-child:before {
  display: none;
}

.current-step-cont .current-step li:before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 100%;
  border-top: 1px solid #cccccc;
  content: '';
}

.current-step-cont .current-step li:after {
  position: absolute;
  top: -7px;
  left: 50%;
  display: block;
  width: 16px;
  height: 16px;
  border: 3px solid #b0b0b0;
  border-radius: 50%;
  background: #FFFFFF;
  content: '';
  transform: translateX(-50%);
}

.current-step-cont .current-step li.pass span {
  color: #222222;
}

.current-step-cont .current-step li.pass:before {
  border-color: #ffde33;
}

.current-step-cont .current-step li.pass:after {
  border-color: #ffde33;
}

.current-step-cont .current-step li.current:after {
  border-color: #ffde33;
}

.current-step-cont .current-step li.current span {
  display: inline-block;
  padding: 0 25px;
  border-radius: 25px;
  background: #ffde33;
  color: #222;
}

.current-step-cont .desc-txt {
  height: 60px;
  margin-top: 46px;
  padding: 0 35px;
  background: #fffae5;
  color: #666666;
  text-align: center;
  font-size: 14px;
  line-height: 60px;
}

.current-step-cont .desc-txt strong {
  color: #222222;
  font-weight: 600;
}

.payment-reason {
  overflow: hidden;
  width: 960px;
}

.payment-reason li {
  position: relative;
  float: left;
  margin: 8px 0 0 8px;
}

.payment-reason li:nth-child(1), .payment-reason li:nth-child(2), .payment-reason li:nth-child(3), .payment-reason li:nth-child(4) {
  margin-top: 0;
}

.payment-reason li:nth-child(4n+1) {
  margin-left: 0;
}

.payment-reason li:after {
  position: absolute;
  bottom: 14px;
  left: 20px;
  display: block;
  width: 60px;
  height: 60px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svpb_cncre_erprvcg.cat") no-repeat;
  content: '';
}

.payment-reason li:nth-child(2):after {
  background-position: -60px 0;
}

.payment-reason li:nth-child(3):after {
  background-position: -120px 0;
}

.payment-reason li:nth-child(4):after {
  background-position: -180px 0;
}

.payment-reason li:nth-child(5):after {
  background-position: 0 -60px;
}

.payment-reason li:nth-child(6):after {
  background-position: -60px -60px;
}

.payment-reason li:nth-child(7):after {
  background-position: -120px -60px;
}

.payment-reason li:nth-child(8):after {
  background-position: -180px -60px;
}

.payment-reason a {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 234px;
  height: 180px;
  padding: 16px 19px;
  border: 1px solid #eeeeee;
  font-size: 17px;
  position: relative;
}

.payment-reason a:before {
  content: '';
  position: absolute;
  box-sizing: content-box;
  top: 13%;
  left: 92%;
  width: 10px;
  height: 10px;
  -webkit-transform: translate(-92%, -13%) rotate(45deg);
  transform: translate(-92%, -13%) rotate(45deg);
  margin-left: -4px;
  border-top: 1px solid #393939;
  border-right: 1px solid #393939;
}

.payment-reason a:hover:after {
  position: absolute;
  top: -1px;
  left: -1px;
  display: block;
  width: 234px;
  height: 180px;
  border: 2px solid #60584C;
  content: '';
}

.payment-reason a:focus:after {
  position: absolute;
  top: -1px;
  left: -1px;
  display: block;
  width: 234px;
  height: 180px;
  border: 2px solid #60584C;
  content: '';
}

.pension-select .form-row:nth-child(n+2) {
  margin-top: 24px;
}

.pension-select .form-row div {
  display: inline-block;
  margin-left: 35px;
}

.pension-select .input-radio {
  vertical-align: middle;
}

.pension-select .input-txt {
  width: 47px;
}

.basic-list li {
  height: 48px;
  padding-left: 20px;
  border-top: 1px solid #eeeeee;
  line-height: 48px;
}

.basic-list li:first-child {
  border-top-color: #666666;
}

.basic-list li:last-child {
  border-bottom: 1px solid #eeeeee;
}

.obligation-info {
  padding: 25px 30px;
  background: #fffae5;
}

.obligation-info .title {
  position: relative;
  display: block;
  margin-bottom: 15px;
  padding-bottom: 45px;
  color: #222222;
  font-size: 22px;
}

.obligation-info .title:before {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 40px;
  height: 2px;
  background: #ffde33;
  content: '';
}

.obligation-info .txt {
  color: #666666;
  letter-spacing: -.25px;
  font-size: 14px;
  line-height: 24px;
}

.obligation-info .txt em {
  color: #222222;
}

.obligation-info .txt-cont {
  margin-top: 44px;
}

.obligation-info .txt-cont .info-text01 {
  color: #666;
}

.diagnosis .diagnosis-info {
  padding: 16px 20px;
  background: #fcfcfc;
  color: #666666;
  font-size: 12px;
  line-height: 17px;
}

.diagnosis ul {
  margin-top: 46px;
}

.diagnosis li {
  margin-top: 91px;
}

.diagnosis li:first-child {
  margin-top: 0;
}

.diagnosis .diagnosis-title {
  margin-left: 34px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eeeeee;
  color: #222222;
  text-indent: -34px;
  font-size: 18px;
}

.diagnosis .diagnosis-title abbr[title] {
  text-decoration: none;
}

.diagnosis .diagnosis-title.type-2 {
  margin-left: 0;
  text-indent: 0;
}

.diagnosis .diagnosis-view {
  margin-top: 25px;
}

.diagnosis .diagnosis-view li {
  margin-top: 15px;
}

.diagnosis .diagnosis-view span {
  color: #666666;
}

.diagnosis.type-2 {
  margin-top: 40px;
}

.diagnosis.type-2 li {
  margin-top: 0;
  padding: 15px 0 20px;
  border-top: 1px solid #eeeeee;
}

.diagnosis.type-2 li:first-child {
  border-top: 1px solid #666666;
}

.diagnosis.type-2 li:nth-child(2) {
  padding-bottom: 0;
}

.diagnosis.type-2 li:nth-child(3) {
  padding-bottom: 0;
}

.diagnosis.type-2 .diagnosis-title {
  display: inline-block;
  width: 765px;
  padding-bottom: 46px;
  border: none;
  line-height: 28px;
}

.diagnosis.type-2 .diagnosis-list.disabled .diagnosis-title {
  color: #b0b0b0;
}

.diagnosis.type-2 .diagnosis-view {
  display: inline-block;
  margin-top: 4px;
  vertical-align: top;
}

.diagnosis-view-detail {
  padding: 23px 20px;
  background: #fcfcfc;
}

.diagnosis-view-detail .detail-title {
  margin-right: 40px;
}

.diagnosis-view-detail .info-text01 {
  margin-top: 14px;
}

.diagnosis-view-detail .next-list {
  margin-top: 10px;
}

.diagnosis-view-detail .input-check + .input-check {
  margin-left: 30px;
}

.diagnosis-view-detail input.type-1 {
  width: 60px;
  margin-right: 10px;
}

.diagnosis-view-detail input.type-2 {
  width: 225px;
  margin-right: 4px;
}

.diagnosis-view-detail input.type-3 {
  width: 475px;
  margin-right: 10px;
}

.diagnosis-view-detail .type-col {
  border-top: none;
}

.diagnosis-view-detail .type-col tr:last-child td {
  border-bottom: none;
}

.diagnosis-view-detail .type-col th {
  height: 32px;
  padding: 8px 0 3px 8px;
  border-bottom: none;
}

.diagnosis-view-detail .type-col th:first-child {
  padding-left: 0;
}

.diagnosis-view-detail .type-col th:nth-child(4) {
  padding-left: 30px;
}

.diagnosis-view-detail .type-col th:nth-child(5) {
  padding-left: 30px;
}

.diagnosis-view-detail .type-col th:nth-child(6) {
  padding-left: 30px;
}

.diagnosis-view-detail .type-col td {
  padding: 8px 0 8px 8px;
  background: #fcfcfc;
}

.diagnosis-view-detail .type-col td:first-child {
  padding-left: 0;
}

.diagnosis-view-detail .type-col td:nth-child(4) {
  padding-left: 30px;
}

.diagnosis-view-detail .type-col td:nth-child(5) {
  padding-left: 30px;
}

.diagnosis-view-detail .type-col td:nth-child(6) {
  padding-left: 30px;
}

.diagnosis-view-detail .type-col .check-cont1 .input-check + .input-check {
  margin-left: 6px;
}

.diagnosis-view-detail .type-col .radio-cont1 .input-radio + .input-radio {
  margin-left: 6px;
}

.diagnosis-view-detail .type-col .radio-cont1 .input-radio span {
  padding-left: 17px;
}

.diagnosis-view-detail .type-row {
  border: none;
}

.diagnosis-view-detail .type-row tr + tr th {
  border-top: 1px solid #eeeeee;
}

.diagnosis-view-detail .type-row tr + tr td {
  border-top: 1px solid #eeeeee;
}

.diagnosis-view-detail .type-row th {
  padding: 0;
  border-bottom: none;
}

.diagnosis-view-detail .type-row td {
  padding: 7px 0;
  border-bottom: none;
  background: #fcfcfc;
}

.diagnosis-view-detail.disabled .info-text01, .diagnosis-view-detail.disabled .type-col th, .diagnosis-view-detail.disabled .type-row th, .diagnosis-view-detail.disabled .type-row td {
  color: #b0b0b0;
}

.diagnosis-view-detail + .diagnosis-view-detail {
  margin-top: 4px;
}

.diagnosis-view-detail.type-2 {
  padding: 13px 20px;
}

.diagnosis-view-detail.type-3 {
  padding: 16px 20px;
}

.diagnosis-view-detail.type-3 a {
  vertical-align: middle;
}

.diagnosis-view-detail.disabled {
  color: #b0b0b0;
}

.diagnosis-result-cont .diagnosis-result {
  overflow: hidden;
  padding-bottom: 20px;
}

.diagnosis-result-cont .diagnosis-result li {
  position: relative;
  float: left;
  width: 20%;
  height: 80px;
  padding: 22px 20px;
  border: 1px solid #eeeeee;
  border-right: none;
  color: #666666;
  line-height: 18px;
}

.diagnosis-result-cont .diagnosis-result li:first-child {
  margin-left: 0;
}

.diagnosis-result-cont .diagnosis-result li:last-child {
  border-right: 1px solid #eeeeee;
}

.diagnosis-result-cont .diagnosis-result li:after {
  position: absolute;
  top: 25px;
  right: 20px;
  display: block;
  width: 36px;
  height: 36px;
  background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svpb_qvntabfvf.cat') no-repeat;
  content: '';
}

.diagnosis-result-cont .diagnosis-result li:nth-child(1):after {
  background-position: 0 -36px;
}

.diagnosis-result-cont .diagnosis-result li:nth-child(2):after {
  background-position: -36px -36px;
}

.diagnosis-result-cont .diagnosis-result li:nth-child(3):after {
  background-position: -72px -36px;
}

.diagnosis-result-cont .diagnosis-result li:nth-child(4):after {
  background-position: -108px -36px;
}

.diagnosis-result-cont .diagnosis-result li:nth-child(5):after {
  background-position: -144px -36px;
}

.diagnosis-result-cont .diagnosis-result li.on {
  position: relative;
  z-index: 1;
  border: 2px solid #ffde33;
  color: #222222;
  position: relative;
}

.diagnosis-result-cont .diagnosis-result li.on:before {
  content: '';
  position: absolute;
  box-sizing: content-box;
  top: 100%;
  left: 50%;
  width: 14px;
  height: 14px;
  -webkit-transform: translate(-50%, -100%) rotate(45deg);
  transform: translate(-50%, -100%) rotate(45deg);
  margin-top: -5px;
  border-right: 2px solid #ffde33;
  border-bottom: 2px solid #ffde33;
}

.diagnosis-result-cont .diagnosis-result li.on:nth-child(1):after {
  background-position: 0 0;
}

.diagnosis-result-cont .diagnosis-result li.on:nth-child(2):after {
  background-position: -36px 0;
}

.diagnosis-result-cont .diagnosis-result li.on:nth-child(3):after {
  background-position: -72px 0;
}

.diagnosis-result-cont .diagnosis-result li.on:nth-child(4):after {
  background-position: -108px 0;
}

.diagnosis-result-cont .diagnosis-result li.on:nth-child(5):after {
  background-position: -144px 0;
}

.diagnosis-result-cont .diagnosis-result li.on:before {
  display: block;
  margin-top: 10px;
  background: #fff;
  content: '';
}

.diagnosis-result-cont .diagnosis-result:after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: '';
}

.result-desc {
  margin-bottom: 20px;
  padding: 72px 60px 78px;
  background: #fcfcfc;
  color: #222222;
  font-size: 26px;
  line-height: 40px;
}

.result-desc strong {
  color: #222222;
  color: #f46600;
}

.result-desc span {
  display: block;
  margin-top: 11px;
  color: #666;
  font-size: 15px;
  line-height: 17px;
}

.result-desc span + span {
  margin-top: 0;
}

.result-info li {
  height: 68px;
  border-top: 1px solid #eeeeee;
  color: #666666;
  font-size: 15px;
  line-height: 68px;
}

.result-info li:last-child {
  border-bottom: 1px solid #eeeeee;
}

.result-info li span {
  display: inline-block;
  width: 128px;
  color: #222222;
  position: relative;
}

.result-info li span:before {
  content: '';
  position: absolute;
  box-sizing: content-box;
  top: 50%;
  left: 78%;
  width: 9px;
  height: 9px;
  -webkit-transform: translate(-78%, -50%) rotate(45deg);
  transform: translate(-78%, -50%) rotate(45deg);
  margin-left: -3px;
  border-top: 1px solid #ffde33;
  border-right: 1px solid #ffde33;
}

.info-example {
  margin: 18px 0;
  padding: 18px 20px;
  background-color: #fcfcfc;
  color: #666666;
  font-size: 12px;
}

.info-example strong {
  display: block;
  margin-bottom: 7px;
}

.info-example p {
  position: relative;
  padding-left: 9px;
}

.info-example p::before {
  position: absolute;
  top: 6px;
  left: 0;
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 3px;
  background-color: #666666;
  content: '';
}

.personal-info {
  overflow: hidden;
  border-top: 1px solid #666666;
  border-bottom: 1px solid #eeeeee;
}

.personal-info li {
  position: relative;
  float: left;
  width: 50%;
  height: 49px;
  padding-left: 30px;
  color: #666666;
  line-height: 49px;
}

.personal-info li:before {
  position: absolute;
  top: 22px;
  left: 20px;
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #222222;
  content: '';
}

.selected-cont {
  padding: 21px 20px 24px;
  background: #fcfcfc;
  color: #666666;
}

.selected-cont a {
  margin-top: 21px;
}

.selected-cont th {
  display: inline-block;
  height: 36px;
  padding: 9px 0;
  color: #222222;
  text-align: left;
  font-weight: 400;
}

.selected-cont td {
  padding: 9px 0;
}

.selected-cont td div {
  margin-top: 6px;
}

.selected-cont td span {
  display: inline-block;
  padding: 0 16px 0 20px;
  border-left: 1px solid #d8d8d8;
  color: #666666;
}

.selected-cont td span:first-child {
  border-left: none;
}

.selected-cont.type2 {
  padding: 14px 19px 22px;
}

.selected-cont.type2 button {
  margin-top: 10px;
}

.radio-select .input-radio {
  vertical-align: middle;
}

.radio-select .select-box {
  width: 75px;
  margin-left: 40px;
}

.info-text01 span.nonestyle {
  padding-left: 0;
}

.info-text01 span.nonestyle:before {
  content: '';
}

.present-condition {
  position: relative;
}

.present-condition .carousel-present .control-wrap {
  position: absolute;
  top: 100px;
  left: 50%;
  z-index: 1;
  transform: translateX(-50%);
}

.present-condition .carousel-present .controller {
  display: inline-block;
  margin-top: -6px;
  vertical-align: top;
}

.present-condition .carousel-present .controller button {
  position: relative;
  display: block;
  width: 20px;
  height: 18px;
}

.present-condition .carousel-present .controller button.stop::before, .present-condition .carousel-present .controller button.stop::after {
  position: absolute;
  top: 5px;
  display: block;
  width: 3px;
  height: 8px;
  background-color: #a4a4a4;
  content: '';
}

.present-condition .carousel-present .controller button.stop::before {
  left: 6px;
}

.present-condition .carousel-present .controller button.stop::after {
  right: 6px;
}

.present-condition .carousel-present .controller button.play::before {
  position: absolute;
  top: 4px;
  left: 6px;
  display: block;
  border-width: 6px 0 6px 9px;
  border-style: solid;
  border-color: transparent #a4a4a4 transparent #a4a4a4;
  content: '';
}

.present-condition .carousel-present .indicator {
  display: inline-block;
  vertical-align: top;
  font-size: 0;
}

.present-condition .carousel-present .indicator span {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #b2b2b2;
}

.present-condition .carousel-present .indicator span:nth-child(n+2) {
  margin-left: 8px;
}

.present-condition .carousel-present .indicator span.on {
  width: 22px;
  border-color: #ffde33;
  border-radius: 25px;
  background-color: #ffde33;
}

.present-condition .prev, .present-condition .next {
  position: absolute !important;
  top: 41px;
  display: block;
  width: 74px;
  height: 80px;
}

.present-condition .prev.swiper-button-disabled:before, .present-condition .next.swiper-button-disabled:before {
  border-color: #d8d8d8;
}

.present-condition .prev {
  left: -74px;
  position: relative;
}

.present-condition .prev:before {
  content: '';
  position: absolute;
  box-sizing: content-box;
  top: 50%;
  left: 50%;
  width: 19px;
  height: 19px;
  -webkit-transform: translate(-50%, -50%) scale(1.13333, 1) rotate(45deg);
  transform: translate(-50%, -50%) scale(1.13333, 1) rotate(45deg);
  margin-left: 8px;
  border-left: 1px solid #ffde33;
  border-bottom: 1px solid #ffde33;
}

.present-condition .next {
  right: -74px;
  position: relative;
}

.present-condition .next:before {
  content: '';
  position: absolute;
  box-sizing: content-box;
  top: 50%;
  left: 50%;
  width: 19px;
  height: 19px;
  -webkit-transform: translate(-50%, -50%) scale(1.13333, 1) rotate(45deg);
  transform: translate(-50%, -50%) scale(1.13333, 1) rotate(45deg);
  margin-left: -8px;
  border-top: 1px solid #ffde33;
  border-right: 1px solid #ffde33;
}

.present-condition .cont-head {
  top: -35px;
}

.present-condition-item {
  width: 960px;
}

.present-condition-item:nth-child(2) {
  margin-left: 20px;
}

.present-condition-item.exchange-rate .carousel-present {
  height: 125px;
}

.present-condition-item.exchange-rate .carousel-item {
  background-color: #f3f5f7;
}

.present-condition-item.exchange-rate .prev::before, .present-condition-item.exchange-rate .next::before {
  border-color: #5c97b8;
}

.present-condition-item.exchange-rate .prev:disabled:before, .present-condition-item.exchange-rate .next:disabled:before {
  border-color: #b7cfde;
}

.present-condition-item.stock-market .carousel-present {
  background-color: #fffae5;
}

.present-condition-item.stock-market .prev::before, .present-condition-item.stock-market .next::before {
  border-color: #ffaa57;
}

.present-condition-item.stock-market .prev:disabled:before, .present-condition-item.stock-market .next:disabled:before {
  border-color: #ffdaad;
}

.present-condition-cont {
  position: relative;
  height: 80px;
  text-align: center;
}

.present-condition .title {
  display: inline-block;
  margin: 29.5px 0;
  font-size: 18px;
}

.present-condition strong {
  margin: 0 12px 0 15px;
  font-size: 20px;
}

.present-condition .number {
  position: relative;
  display: inline-block;
  margin: 31px 0;
  vertical-align: top;
  font-size: 12px;
}

.present-condition .number.up {
  color: #008aff;
}

.present-condition .number.up::before {
  content: '▲';
}

.present-condition .number.down {
  color: #ff3d3d;
}

.present-condition .number.down::before {
  content: '▼';
}

.present-condition .date {
  display: block;
  margin-top: 27px;
  color: #666;
  font-size: 13px;
}

.insurance-item-cont .insurance-item {
  overflow: hidden;
  margin-top: -1px;
  padding: 29px 0 26px 59px;
  border-color: #eeeeee;
}

.insurance-item-cont .insurance-item:first-child {
  border-top-color: #666666;
}

.insurance-item-cont .insurance-item .list-img {
  float: left;
  overflow: hidden;
  width: 200px;
  height: 120px;
  border-radius: 7px;
}

.insurance-item-cont .insurance-item .list-img img {
  width: 100%;
}

.insurance-item-cont .insurance-item .title {
  margin-bottom: 22px;
  padding-left: 39px;
}

.insurance-item-cont .insurance-item .title .label {
  width: 66px;
}

.insurance-item-cont .insurance-item .item-list {
  position: relative;
  float: left;
  width: 659px;
  margin-left: 40px;
  padding-top: 8px;
}

.insurance-item-cont .insurance-item .item-list:after {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 1px;
  height: 78px;
  background: #eeeeee;
  content: '';
  transform: translateY(-50%);
}

.insurance-item-cont .insurance-item .item-list li {
  width: 100%;
  padding: 0 40px;
  border: none;
  line-height: 30px;
}

.assets-held {
  padding-top: 10px;
}

.assets-held li {
  position: relative;
  margin-top: 20px;
  border: 1px solid #9e8c6e;
  border-radius: 0 20px 0 20px;
  box-shadow: 8px 7px 26px -5px rgba(0, 0, 0, 0.2);
}

.assets-held li .link {
  display: block;
  height: 200px;
  padding: 28px 30px 0;
  position: relative;
}

.assets-held li .link:before {
  content: '';
  position: absolute;
  box-sizing: content-box;
  top: 0;
  left: 100%;
  width: 8px;
  height: 8px;
  -webkit-transform: translate(-100%, 0) scale(1.06667, 1) rotate(45deg);
  transform: translate(-100%, 0) scale(1.06667, 1) rotate(45deg);
  margin-left: -3px;
  border-top: 1px solid #666;
  border-right: 1px solid #666;
}

.assets-held li .link::before {
  margin: 23px 0 0 -19px;
}

.assets-held li:nth-child(1) {
  margin-top: 0;
}

.assets-held li:nth-child(2) {
  border: 1px solid #f46600;
}

.assets-held li:nth-child(2) h2, .assets-held li:nth-child(2) .total em {
  color: #f46600;
}

.assets-held li:nth-child(3) {
  border: 1px solid #4f83bf;
}

.assets-held li:nth-child(3) h2, .assets-held li:nth-child(3) .total em {
  color: #4f83bf;
}
.assets-held li:nth-child(4) {
  border: 1px solid #42526e;
}
.assets-held li:nth-child(4) h2, .assets-held li:nth-child(4) .total em {
  color: #42526e;
}

.assets-held h2 {
  margin: 0;
  color: #9e8c6e;
  font-family: KBFGDisplayB;
  font-size: 26px;
}

.assets-held .info {
  margin-top: 54px;
}

.assets-held .info::after {
  display: block;
  clear: both;
  content: "";
}

.assets-held .info strong {
  color: #666666;
  font-size: 17px;
}

.assets-held .info span {
  display: block;
  font-size: 17px;
}

.assets-held .info span em {
  font-family: KBFGDisplayB;
}

.assets-held .num {
  float: left;
  margin-top: 13px;
}

.assets-held .total {
  float: right;
  text-align: right;
}

.assets-held .total span {
  color: #666666;
}

.assets-held .total em {
  color: #ffde33;
  font-size: 26px;
}

.assets-held .info-agree {
  margin-top: 12px;
  text-align: center;
}

.assets-held .info-agree p {
  padding-bottom: 14px;
  color: #666666;
  font-size: 15px;
}

.captcha {
  height: 147px;
  padding: 20px 370px 0 180px;
  border-top: 1px solid #666666;
  border-bottom: 1px solid #eeeeee;
  background-color: #fcfcfc;
}

.captcha .text {
  display: inline-block;
  overflow: hidden;
  width: 260px;
  height: 63px;
  border: 1px solid #d8d8d8;
  background-color: #fffae5;
  vertical-align: top;
}

.captcha .btn {
  display: inline-block;
  width: 140px;
  margin-left: 6px;
  vertical-align: top;
}

.captcha .btn button:hover, .captcha .btn button:focus {
  position: relative;
  z-index: 1;
}

.captcha .btn button:nth-child(2) {
  margin-top: -1px;
}

.captcha .input-txt {
  display: block;
  width: 260px;
  margin-top: 10px;
}

.certificate-move {
  position: relative;
  border: 1px solid #eeeeee;
}

.certificate-move::after {
  display: block;
  clear: both;
  content: "";
}

.certificate-move .item {
  position: relative;
  float: left;
  width: 50%;
  height: 208px;
  padding-top: 142px;
  text-align: center;
  font-size: 18px;
}

.certificate-move .item:nth-child(1) {
  border-right: 1px solid #eeeeee;
}

.certificate-move .item::before {
  position: absolute;
  top: 58px;
  left: 50%;
  display: block;
  width: 52px;
  height: 52px;
  margin-left: -25px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svpb_pregvsvpngr_vzcbeg.cat");
  background-repeat: no-repeat;
  content: '';
}

.certificate-move .item.phone::before {
  background-position: 0 0;
}

.certificate-move .item.pc::before {
  background-position: -52px 0;
}

.certificate-move .item::after {
  position: absolute;
  top: 127px;
  left: 50%;
  width: 16px;
  height: 1px;
  margin-left: -8px;
  background-color: #ffde33;
  content: '';
}

.certificate-move .arrow {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 70px;
  height: 70px;
  margin: -35px 0 0 -35px;
  border: 1px solid #eeeeee;
  border-radius: 50%;
  background-color: #FFFFFF;
}

.certificate-move .arrow:before {
  content: '';
  position: absolute;
  border-top: 2px solid #666;
  border-left: 2px solid #666;
  box-sizing: content-box;
  top: 50%;
  width: 12px;
  height: 12px;
  right: 10px;
  transform: translate(50%, -50%) rotate(135deg);
}

.certificate-move .arrow:after {
  content: '';
  position: absolute;
  background-color: #666;
  box-sizing: content-box;
  top: 50%;
  right: 1px;
  width: 29px;
  height: 2px;
  transform: translate(0, -50%);
}

.certificate-move .arrow::before {
  right: 29px;
}

.certificate-move .arrow::after {
  right: 20px;
}

.certificate-step {
  margin-top: 20px;
}

.certificate-step li {
  height: 70px;
  padding-left: 40px;
  background-color: #fcfcfc;
  color: #666666;
  font-size: 15px;
  line-height: 70px;
}

.certificate-step li:nth-child(n+2) {
  margin-top: 20px;
}

.certificate-step .number {
  display: inline-block;
  width: 30px;
  color: #222;
  font-family: KBFGDisplayB;
}

.certificate-step strong {
  display: inline-block;
  width: 140px;
  color: #60584C;
}

.certificate-step em {
  color: #222222;
}

/* S: 230516 수정 */
.starclub-text01 {
  margin-top: 70px;
  padding: 0;
  border: 0;
}
/* E: 230516 수정 */

.starclub-text01::after {
  display: block;
  clear: both;
  content: "";
}
/* S: 230516 추가  */
.starclub-text01 h2 {
  margin: 0 0 47px 0;
  font-size: 26px;
  color: #000;
}
/* E: 230516 추가  */

/* S: 230516 수정 */
.starclub-text01 div {
  float: none;
  width: auto;
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
}
/* E: 230516 수정 */

.starclub-text01 div h2 {
  margin: 0;
  font-size: 26px;
}

.starclub-text01 div h2 span {
  color: #f46600;
}

/* S: 230516 수정 */
.starclub-text01 div p {
  margin-top: 80px;
  letter-spacing: -.25px;
  font-size: 15px;
  line-height: 24px;
  text-align: center;
  border-top: 1px solid #ffde33;
  border-bottom: 1px solid #eee;
  background-color: #fafafa;
  padding: 30px 0;
  width: 100%;
}
/* E: 230516 수정 */

.starclub-text01 div p .underline{
  color: #f46600;
  text-decoration: underline;
}

.starclub-text01 img {
  float: right;
  margin-top: 26px;
}

.starclub-text02 {
  width: 960px;
  height: 250px;
  margin-top: 75px;
  padding: 65px 60px 0;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svzt_fgnepyho02.cat") no-repeat 0 0;
}

.starclub-text02 h2 {
  margin: 0;
  font-size: 26px;
}

.starclub-text02 h2 span {
  color: #f46600;
}

.starclub-text02 p {
  margin-top: 12px;
  color: #666666;
  letter-spacing: -.25px;
  font-size: 14px;
  line-height: 21px;
}

.starclub-text03 {
  position: relative;
  height: 323px;
  margin-top: 53px;
  padding: 73px 60px 0;
  border-top: 1px solid #ffde33;
  background-color: #fcfcfc;
}

.starclub-text03::after {
  position: absolute;
  top: 24px;
  right: -30px;
  width: 542px;
  height: 282px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Scebqhpg%2Svzt_ivfhny_07.cat") no-repeat 0 0;
  background-size: 100%;
  content: '';
}

.starclub-text03 span {
  display: inline-block;
  margin-top: 12px;
  line-height: 24px;
}

.starclub-text03 h2 {
  margin: 0;
  font-size: 26px;
}

.starclub-text03 h2 span {
  color: #f46600;
}

.starclub-text03 p:nth-child(1) {
  font-size: 26px;
}

.starclub-text03 p:nth-child(1) strong {
  color: #f46600;
}

.starclub-text03 p:nth-child(2) {
  margin-top: 5px;
  color: #666666;
}

.starclub-text04 {
  margin: 20px 0 20px -16px;
  color: #222222;
}

.starclub-text04 .item::before {
  width: 100%;
  margin-left: 0;
  background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svpb_phfgbzre_snzvyl.cat') no-repeat center 0;
  transform: translateX(-50%);
}

.starclub-text04 .item:nth-child(2)::before {
  background-position: center -44px;
}

.starclub-text04 .item:nth-child(3)::before {
  background-position: center -88px;
}

.starclub-text05 {
  height: 70px;
  margin-bottom: 30px;
  border: 1px solid #ffe9aa;
  background-color: #fffae5;
  text-align: center;
  line-height: 70px;
}

.starclub-text05 strong {
  font-family: KBFGDisplayB;
  font-size: 15px;
}

.starclub-text05 strong::before {
  display: inline-block;
  width: 21px;
  height: 20px;
  margin-right: 4px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svpb.cat") no-repeat -134px -559px;
  content: '';
  vertical-align: middle;
}

.starclub-list01::after {
  display: block;
  clear: both;
  content: "";
}

.starclub-list01 dl::after {
  display: block;
  clear: both;
  content: "";
}

.starclub-list01 dl dt, .starclub-list01 dl dd {
  border-bottom: 1px solid #eeeeee;
  line-height: 38px;
}

.starclub-list01 dl dt {
  float: left;
  clear: both;
  width: 84px;
  color: #666666;
  text-align: center;
}

.starclub-list01 dl dd {
  float: left;
  width: 113px;
  padding-right: 20px;
  text-align: right;
}

.starclub-list01 dl + dl {
  position: relative;
  z-index: 1;
  margin-top: -1px;
}

.starclub-list01 strong {
  display: block;
  padding-bottom: 14px;
  text-align: center;
  font-size: 15px;
}

.starclub-list01 li {
  position: relative;
  float: left;
  width: 197px;
  margin-left: 46px;
  padding-top: 125PX;
}

.starclub-list01 li::after {
  position: absolute;
  top: 0;
  left: 39px;
}

.starclub-list01 li:nth-child(1) {
  margin-left: 18px;
}

.starclub-list01 li:nth-child(1) strong {
  color: #ffde33;
}

.starclub-list01 li:nth-child(1) dl {
  border-top: 2px solid #f9be00;
}

.starclub-list01 li:nth-child(2) strong {
  color: #c8a063;
}

.starclub-list01 li:nth-child(2) dl {
  border-top: 2px solid #c8a063;
}

.starclub-list01 li:nth-child(3) strong {
  color: #c9bc9c;
}

.starclub-list01 li:nth-child(3) dl {
  border-top: 2px solid #c9bc9c;
}

.starclub-list01 li:nth-child(4) strong {
  color: #666;
}

.starclub-list01 li:nth-child(4) dl {
  border-top: 2px solid #dcdedd;
}

.starclub-list02 {
  margin-top: 14px;
  padding: 14px 0;
  background-color: #fcfcfc;
}

.starclub-list02 ul {
  overflow: hidden;
}

.starclub-list02 li {
  position: relative;
  float: left;
  width: 320px;
  padding: 3px 20px 2px;
  border-right: 1px solid #eeeeee;
}

.starclub-list02 strong {
  float: left;
}

.starclub-list02 span {
  float: right;
  color: #666666;
}

.user-guide-text01 {
  margin-bottom: 20px;
  padding: 27px 30px 26px;
  background: #fffae5;
}

.user-guide-text02 {
  overflow: hidden;
  height: 68px;
  margin: 63px 0 19px;
  padding: 0 19px;
  border: 1px solid #eeeeee;
  background-color: #fcfcfc;
  line-height: 68px;
}

.user-guide-text02:first-child {
  margin-top: 0;
}

.user-guide-text02 h3 {
  float: left;
  margin: 0;
  font-family: KBFGDisplayB;
  line-height: 68px;
}

.user-guide-text02 span {
  color: #666666;
  font-size: 15px;
}

.user-guide-text02 .url {
  position: relative;
  float: left;
  margin-left: 15px;
  padding-left: 16px;
}

.user-guide-text02 .url::before {
  position: absolute;
  top: 29px;
  left: 0;
  width: 1px;
  height: 9px;
  background-color: #666666;
  content: '';
}

.user-guide-text02 .phone {
  float: right;
}

.user-guide-text03 {
  display: inline-block;
  padding-left: 17px;
  text-indent: -17px;
}

.user-guide-text03 abbr[title] {
  text-decoration: none;
}

.user-guide-list01 {
  margin: -20px 0 0 -20px;
}

.user-guide-list01::after {
  display: block;
  clear: both;
  content: "";
}

.user-guide-list01 li {
  position: relative;
  float: left;
  width: 470px;
  height: 200px;
  margin: 20px 0 0 20px;
  padding: 25px 30px 0;
  border: 1px solid #eeeeee;
  border-radius: 0 18px 0 18px;
}

.user-guide-list01 li::before {
  position: absolute;
  top: 19px;
  right: 19px;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  background-color: #ebebeb;
  content: '';
}

.user-guide-list01 li::after {
  position: absolute;
  top: 19px;
  right: 19px;
  width: 40px;
  height: 40px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svpb_phfgbzre_gvzr.cat");
  content: '';
}

.user-guide-list01 li.ico1::after {
  background-position: 0 0;
}

.user-guide-list01 li.ico2::after {
  background-position: -40px 0;
}

.user-guide-list01 li.ico3::after {
  background-position: -80px 0;
}

.user-guide-list01 li.ico4::after {
  background-position: -120px 0;
}

.user-guide-list01 li.ico5::after {
  background-position: -160px 0;
}

.user-guide-list01 li.ico6::after {
  background-position: -200px 0;
}

.user-guide-list01 .text {
  height: 70px;
  font-size: 18px;
}

.user-guide-list01 .time {
  position: relative;
  padding-top: 43px;
  color: #666666;
  font-size: 14px;
}

.user-guide-list02 {
  overflow: hidden;
  border: 1px solid #eeeeee;
  border-radius: 0 18px 0 18px;
}

.user-guide-list02 ul {
  margin: -1px 0 0 -1px;
}

.user-guide-list02 li {
  position: relative;
  float: left;
  width: 319px;
  height: 294px;
  padding-top: 158px;
  border-top: 1px solid #eeeeee;
  border-left: 1px solid #eeeeee;
  text-align: center;
}

.user-guide-list02 li::after {
  position: absolute;
  top: 60px;
  left: 50%;
  width: 60px;
  height: 60px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svpb_phfgbzre_freivpr.cat");
  content: '';
  transform: translateX(-50%);
}

.user-guide-list02 li:nth-child(3n+1) {
  width: 320px;
}

.user-guide-list02.col-2 li {
  width: 50%;
}

.user-guide-list02 .ico1::after {
  background-position: 0 0;
}

.user-guide-list02 .ico2::after {
  background-position: -60px 0;
}

.user-guide-list02 .ico3::after {
  background-position: -120px 0;
}

.user-guide-list02 .ico4::after {
  background-position: -180px 0;
}

.user-guide-list02 .ico5::after {
  background-position: -240px 0;
}

.user-guide-list02 .ico6::after {
  background-position: -300px 0;
}

.user-guide-list02 .ico7::after, .user-guide-list02 .ico8::after, .user-guide-list02 .ico9::after, .user-guide-list02 .ico10::after {
  top: 59px;
  width: 52px;
  height: 53px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svpb_phfgbzre01.cat");
}

.user-guide-list02 .ico7::after {
  background-position: 0 0;
}

.user-guide-list02 .ico8::after {
  background-position: -56px 0;
}

.user-guide-list02 .ico9::after {
  background-position: -112px 0;
}

.user-guide-list02 .ico10::after {
  background-position: -167px 0;
}

.user-guide-list02 p {
  margin-top: 10px;
}

.user-guide-list03 {
  border-top: 1px solid #666666;
}

.user-guide-list03 li {
  display: table;
  width: 100%;
  height: 120px;
}

.user-guide-list03 li:nth-child(even) {
  background-color: #fcfcfc;
}

.user-guide-list03 li div {
  display: table-cell;
  width: 100%;
  height: 100%;
  padding: 0 20px;
  vertical-align: middle;
}

.user-guide-list03 li .text {
  display: block;
  padding-left: 35px;
  text-indent: -35px;
  font-size: 18px;
}

.user-guide-list03 li .num {
  margin-right: 5px;
  color: #222;
  font-family: KBFGDisplayB;
}

.user-guide-list03 li .example {
  display: block;
  margin: 3px 0 0 35px;
  color: #666;
}

.user-guide-list04 {
  color: #666666;
}

.user-guide-list04::after {
  display: block;
  clear: both;
  content: "";
}

.user-guide-list04 ol > li {
  position: relative;
  float: left;
  width: 304px;
  height: 110px;
  margin-right: 24px;
  padding-top: 35px;
  border: 1px dashed #d8d8d8;
  text-align: center;
}

.user-guide-list04 ol > li::after {
  position: absolute;
  top: 50%;
  right: -14px;
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #000000;
  content: '';
  transform: translateY(-50%);
}

.user-guide-list04.arow ol > li::after {
  position: absolute;
  top: 50%;
  right: -50px;
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #000000;
  content: '';
  transform: translateY(-50%);
}

.user-guide-list04 ol > li:last-child {
  margin-right: 0;
}

.user-guide-list04 ol > li:last-child::after {
  display: none;
}

.user-guide-list04 ol > li.on {
  border-color: #f46600;
}

.user-guide-list04 ol > li em {
  color: #f46600;
}

.user-guide-list04 ol > li strong {
  color: #222222;
  font-size: 15px;
}

.user-guide-list04 ol > li p {
  margin-top: 17px;
}

.user-guide-list04.type-2 ol > li {
  width: 222px;
  height: 140px;
}

.user-guide-list04 .text-list05 {
  margin: 17px 0 0 24px;
  text-align: left;
}

.user-guide-list04 .text-list05 li {
  margin-top: 0;
}

.text-list01 .user-guide-list04 {
  margin: 9px 0 12px -10px;
}

.user-guide-list05 {
  overflow: hidden;
}

.user-guide-list05 ul {
  margin: -30px 0 0 -30px;
}

.user-guide-list05 ul::after {
  display: block;
  clear: both;
  content: "";
}

.user-guide-list05 li {
  position: relative;
  float: left;
  width: 465px;
  height: 274px;
  margin: 30px 0 0 30px;
  border: 1px solid #eeeeee;
}

.user-guide-list05 li::after {
  position: absolute;
  left: 23px;
}

.user-guide-list05 .ico1::after {
  top: 27px;
}

.user-guide-list05 .ico2::after {
  top: 21px;
}

.user-guide-list05 .ico3::after {
  top: 22px;
}

.user-guide-list05 .ico4::after {
  top: 23px;
}

.user-guide-list05 .title {
  display: table;
  width: 100%;
  height: 89px;
}

.user-guide-list05 .title strong {
  display: table-cell;
  padding-left: 94px;
  vertical-align: middle;
  font-family: KBFGDisplayB;
  font-size: 15px;
}

.user-guide-list05 .text {
  overflow: hidden;
  height: 183px;
  padding: 23px 29px 0;
  background-color: #fcfcfc;
  color: #666666;
  letter-spacing: -.25px;
  line-height: 20px;
}

.user-guide-list05 .text p {
  margin-top: 5px;
}

.user-guide-cont01 {
  overflow: hidden;
  border: 1px solid #eeeeee;
  border-radius: 0 18px 0 18px;
  text-align: center;
}

.user-guide-cont01 .cont-inner {
  height: 198px;
  padding-top: 53px;
}

.user-guide-cont01 .cont-inner p {
  position: relative;
  padding-top: 68px;
  font-size: 18px;
}

.user-guide-cont01 .cont-inner p::after {
  position: absolute;
  top: 0;
  left: 50%;
  content: '';
  transform: translateX(-50%);
}

.user-guide-cont01 .cont-inner .ico1::after {
  width: 60px;
  height: 60px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svpb_phfgbzre_gvzr2.cat") no-repeat 0 0;
}

.user-guide-cont01 .cont-inner .ico2::after {
  width: 60px;
  height: 60px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svpb_phfgbzre_gvzr2.cat") no-repeat -60px 0;
}

.user-guide-cont01 ul {
  border-top: 1px solid #eeeeee;
}

.user-guide-cont01 ul::after {
  display: block;
  clear: both;
  content: "";
}

.user-guide-cont01 ul li {
  float: left;
  width: 50%;
  height: 98px;
  padding-top: 27px;
  border-left: 1px solid #eeeeee;
  background-color: #fcfcfc;
}

.user-guide-cont01 ul li:first-child {
  border-left: none;
}

.user-guide-cont01 ul li .fs-h2 {
  margin-top: 2px;
}

.info-text01 + .user-guide-cont01 {
  margin-top: 76px;
}

.user-guide-cont02::after {
  display: block;
  clear: both;
  content: "";
}

.user-guide-cont02 .inner {
  float: left;
  width: 50%;
  height: 310px;
  padding-top: 35px;
  background-color: #fcfcfc;
  text-align: center;
}

.user-guide-cont02 .inner:first-child {
  background-color: #f5f5f5;
}

.user-guide-cont02 .inner p {
  margin-top: 10px;
}

.user-guide-cont02 .app-store {
  position: relative;
  margin-top: 44px;
  padding-top: 62px;
  font-size: 0;
}

.user-guide-cont02 .app-store::after {
  position: absolute;
  top: 0;
  left: 50%;
  width: 40px;
  height: 1px;
  background-color: #cccccc;
  content: '';
  transform: translate(-50%);
}

.user-guide-cont02 .app-store a {
  position: relative;
  display: inline-block;
  width: 200px;
  height: 49px;
  margin: 0 3px;
  padding-left: 25px;
  border: 1px solid #d8d8d8;
  border-radius: 49px;
  background-color: #FFFFFF;
  font-size: 14px;
  line-height: 49px;
}

.user-guide-cont02 .app-store a::before {
  position: absolute;
  top: 13px;
  left: 20px;
  width: 22px;
  height: 22px;
  content: '';
}

.user-guide-cont02 .app-store a.google::before {
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svpb_phfgbzre_ncc.cat") no-repeat 0 0;
}

.user-guide-cont02 .app-store a.ios::before {
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svpb_phfgbzre_ncc.cat") no-repeat -22px 0;
}
/* 20220628 css 겹쳐서 수정 */
.user-guide-cont02 .qr-code {
  margin: 31px 0 auto;
  text-align: center;
  font-size: 0;
  position: static;
  width: auto;
}

.user-guide-cont02 .qr-code div {
  display: inline-block;
  margin: 0 0;
}

.user-guide-cont02 .qr-code div img {
  padding: 0 32px 0 32px;
}

.user-guide-cont02 .qr-code div span {
  display: block;
  margin-top: 15px;
}

.user-guide-cont03 {
  overflow: hidden;
}

.user-guide-cont03 .inner {
  float: left;
  width: 465px;
  margin-left: 30px;
}

.user-guide-cont03 .inner:first-child {
  margin-left: 0;
}

.user-guide-cont03 .inner .img-example {
  margin-top: 7px;
}

.user-guide-cont04 {
  padding: 15px 19px 16px;
  border: 1px solid #eeeeee;
}

.user-guide-cont04 ul {
  margin-top: 33px;
}

.img-example {
  margin-top: 27px;
  font-size: 0;
}

.claims-guide-cont1 {
  padding-bottom: 23px;
}

.claims-guide-cont1::after {
  display: block;
  clear: both;
  content: "";
}

.claims-guide-cont1 > ul > li {
  position: relative;
  float: left;
  width: 50%;
  height: 135px;
  padding-left: 123px;
}

.claims-guide-cont1 > ul > li::before {
  position: absolute;
  top: 0;
  left: 21px;
}

.claims-guide-cont1 .text-list01 > li {
  word-break: keep-all;
}

.claims-guide-cont1 p {
  padding: 6px 0 8px;
}

.terms .subtit01 {
  margin: 58px 0 14px;
  color: #222222;
  letter-spacing: -.25px;
  font-weight: 600;
  font-size: 20px;
}

.button-wrap + .terms .subtit01 {
  margin: 30px 0 14px;
}

.terms .subtit02 {
  height: 50px;
  margin: 56px 0 27px;
  border-top: 1px solid #9e8c6e;
  border-bottom: 1px solid #9e8c6e;
  color: #222222;
  letter-spacing: -.25px;
  font-weight: 600;
  font-size: 15px;
  line-height: 50px;
}

.terms .subtit02.type-2 {
  height: auto;
  padding: 17px 0;
  padding-left: 51px;
  text-indent: -51px;
  line-height: 20px;
}

.terms .subtit03 {
  margin: 55px 0 16px;
  color: #222222;
  letter-spacing: -.25px;
  font-weight: 600;
  font-size: 15px;
}

.terms .subtit03 span {
  font-weight: 400;
}

.terms .subtit02 + .subtit03 {
  margin-top: 0;
}

.terms .desc-txt {
  margin-bottom: 0;
  color: #666666;
  word-break: keep-all;
  letter-spacing: -.25px;
  line-height: 20px;
}

.terms .grey-text-lighten-9 {
  word-break: keep-all;
  line-height: 20px;
}

.terms .desc-txt + .list01 {
  margin-top: 13px;
}

.terms .desc-txt + .list03 {
  margin-top: 13px;
}

.terms .desc-txt + .download {
  margin-top: 16px;
}

.terms .desc-txt + .text-list01 {
  margin-top: 10px;
}

.terms .list01 + .desc-txt {
  margin-top: 13px;
}

.terms .depth01 {
  margin-top: 20px;
}

.terms .depth01 .table {
  margin: 15px 0 15px -30px;
}

.terms .depth02 {
  margin: 10px 0 15px;
}

.terms .depth02 li {
  margin-top: 15px;
}

.terms .refer {
  margin-top: 5px;
  color: #666;
  word-break: keep-all;
  letter-spacing: -.25px;
  font-size: 13px;
}

.terms .info-cont {
  margin-top: 17px;
  padding: 17px 20px;
  background: #fcfcfc;
  color: #666666;
  letter-spacing: -.25px;
  font-size: 13px;
}

.terms .info-cont p {
  position: relative;
  margin-top: 13px;
  padding-left: 13px;
}

.terms .info-cont p:first-child {
  margin-top: 0;
}

.terms .info-cont p:before {
  position: absolute;
  top: 7px;
  left: 0;
  display: block;
  width: 3px;
  height: 3px;
  background: #666666;
  content: '';
}

.terms .info-cont p span {
  position: relative;
  display: block;
  margin-top: 1px;
  padding-left: 10px;
}

.terms .info-cont p span:first-child {
  margin-top: 6px;
}

.terms .info-cont p span:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  color: #666666;
  content: '-';
}

.terms .table {
  margin-top: 15px;
}

.terms .btm-cont {
  margin-top: 53px;
  text-align: center;
}

.terms .btm-cont span {
  display: block;
  letter-spacing: -.25px;
}

.terms .btm-cont p {
  margin-top: 5px;
  font-weight: 600;
}

.terms .family-cont {
  overflow: hidden;
  margin-top: 60px;
  padding: 17px 0;
  background: #fcfcfc;
}

.terms .family-cont ul {
  float: left;
  width: 50%;
  height: 162px;
  padding: 0 20px;
}

.terms .family-cont ul + ul {
  border-left: 1px solid #eeeeee;
}

.terms .family-cont li {
  overflow: hidden;
  margin-top: 6px;
}

.terms .family-cont li:first-child {
  margin-top: 0;
}

.terms .family-cont strong {
  position: relative;
  float: left;
  padding-left: 12px;
  color: #222222;
  letter-spacing: -.25px;
  font-size: 13px;
}

.terms .family-cont strong:before {
  position: absolute;
  top: 5px;
  left: 0;
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #b0b0b0;
  content: '';
}

.terms .family-cont span {
  float: right;
  color: #666666;
  letter-spacing: -.25px;
  font-size: 13px;
}

.terms .list01 li {
  margin-top: 5px;
  margin-left: 15px;
  color: #666666;
  text-indent: -15px;
  word-break: keep-all;
  letter-spacing: -.25px;
  font-size: 13px;
  line-height: 20px;
}

.terms .list01 li:first-child {
  margin-top: 0;
}

.terms .list02 li {
  margin-top: 15px;
  color: #666666;
  word-break: keep-all;
  letter-spacing: -.25px;
  font-size: 13px;
  line-height: 20px;
}

.terms .list02 li:first-child {
  margin-top: 0;
}

.terms .list02 .desc-txt {
  margin-top: 5px;
}

.terms .list02 .depth01 {
  margin: 7px 0 0 12px;
}

.terms .list02 .depth01 li {
  margin-left: 15px;
  text-indent: -17px;
}

.terms .list02 .depth01 li strong {
  display: block;
}

.terms .list03 li {
  margin-top: 15px;
  margin-left: 15px;
  color: #666666;
  text-indent: -15px;
  word-break: keep-all;
  letter-spacing: -.25px;
  font-size: 13px;
  line-height: 20px;
}

.terms .list03 li:first-child {
  margin-top: 0;
}

.terms .list03 li .desc-txt {
  margin-top: 15px;
}

.terms .list03 li .depth01 {
  margin: 15px 0 0 0;
}

.terms .list03 li .depth01 li {
  margin-top: 6px;
}

.info-list-cont {
  margin-top: 15px;
  padding: 17px 20px;
}

.info-list-cont strong {
  display: block;
  margin-bottom: 10px;
  color: #222222;
  letter-spacing: -.25px;
  font-weight: 600;
  font-size: 15px;
}

.info-list-cont .list01 li {
  margin-top: 30px;
  line-height: 20px;
}

.info-list-cont .list01 li:first-child {
  margin-top: 0;
}

.info-list-cont .list01 .depth01 {
  margin-top: 10px;
}

.info-list-cont .list01 .depth01 li {
  margin-top: 0;
  line-height: 25px;
}

.info-list-cont + .desc-txt {
  margin-top: 15px;
}

.notification-means {
  margin-top: 29px;
}

.notification-means .select-radio {
  margin: 25px 0 -30px;
  padding: 15px 0;
  border: 1px solid #eeeeee;
  text-align: center;
}

/*.tab-faq {
  display: table;
  width: 100%;
  margin-top: 30px;
  table-layout: fixed;
}

.tab-faq li {
  display: table-cell;
}

.tab-faq li.active a {
  border-top-color: #ffde33;
  border-bottom-color: #ffde33;
  background-color: #ffde33;
  color: #60584C;
}

.tab-faq li:first-child a {
  border-left: 1px solid #ffe9aa;
}

.tab-faq li:last-child a {
  border-right: 1px solid #ffe9aa;
}

.tab-faq a {
  display: block;
  height: 50px;
  padding-top: 15px;
  border-top: 1px solid #ffe9aa;
  border-bottom: 1px solid #ffe9aa;
  background-color: #fffae5;
  color: #666666;
  text-align: center;
  font-size: 14px;
}*/

.tab-faq + .tab-content .accordion {
  margin-top: 30px;
}

.faq-sorting {
  padding: 21px 30px;
  border: 1px solid #eeeeee;
  border-top: none;
  font-size: 0;
  margin-top:-60px;/*추가*/
}

.faq-sorting label {
  display: inline-block;
  width: 20%;
  vertical-align: top;
}

.faq-sorting label input[type='radio'] {
  position: absolute;
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 1px;
  opacity: 0;
}

.faq-sorting label input:checked + span {
  text-decoration: underline;
}

.faq-sorting label input:focus + span {
  outline: 1px dotted #8d8d8d;
}

.faq-sorting label span {
  display: block;
  padding: 5px 0 6px;
  color: #666666;
  font-size: 14px;
}

.consumer-portal-list {
  overflow: hidden;
}

.consumer-portal-list .thumb {
  float: left;
  width: 465px;
}

.consumer-portal-list .thumb + ul {
  float: right;
  width: 454px;
}

.consumer-portal-list .thumb + ul li {
  min-height: 180px;
  padding-left: 163px;
}

.consumer-portal-list .thumb + ul li::before {
  width: 132px;
  height: 132px;
}

.consumer-portal-list ul {
  margin-top: -24px;
}

.consumer-portal-list li {
  position: relative;
  display: table;
  min-height: 188px;
  padding: 24px 0 24px 269px;
  border-top: 1px solid #eeeeee;
}

.consumer-portal-list li:first-of-type {
  border-top: none;
}

.consumer-portal-list li::before {
  position: absolute;
  top: 24px;
  left: 0;
  width: 250px;
  height: 140px;
  border: 1px solid #eeeeee;
  content: '';
}

.consumer-portal-list li::after {
  position: absolute;
  top: 73px;
}

.consumer-portal-list li.ico1::after {
  left: 105px;
}

.consumer-portal-list li.ico2::after {
  left: 108px;
}

.consumer-portal-list li.ico3::after {
  left: 106px;
}

.consumer-portal-list li.ico4::after {
  left: 50px;
}

.consumer-portal-list li.ico5::after {
  left: 50px;
}

.consumer-portal-list li.ico6::after {
  left: 50px;
}

.consumer-portal-list li.ico7::after {
  left: 46px;
}

.consumer-portal-list li div {
  display: table-cell;
  vertical-align: middle;
}

.consumer-portal-list li strong {
  display: block;
  margin-bottom: 10px;
  font-size: 20px;
}

.consumer-portal-list li p {
  color: #666;
  font-size: 13px;
  line-height: 20px;
}

.carousel-example {
  position: relative;
}

.carousel-example .paging {
  position: absolute;
  top: -21px;
  right: 0;
  color: #666;
  font-size: 12px;
}

.carousel-example .paging span {
  margin-right: 4px;
  color: #222222;
}

.carousel-example .prev, .carousel-example .next {
  position: absolute !important;
  top: 0;
  display: block;
  width: 77px;
  height: 80px;
}

.carousel-example .prev.swiper-button-disabled:before, .carousel-example .next.swiper-button-disabled:before {
  border-color: #d8d8d8;
}

.carousel-example .prev {
  left: -77px;
  position: relative;
}

.carousel-example .prev:before {
  content: '';
  position: absolute;
  box-sizing: content-box;
  top: 50%;
  left: 50%;
  width: 17px;
  height: 17px;
  -webkit-transform: translate(-50%, -50%) scale(1.26667, 1) rotate(45deg);
  transform: translate(-50%, -50%) scale(1.26667, 1) rotate(45deg);
  margin-left: 8px;
  border-left: 2px solid #222;
  border-bottom: 2px solid #222;
}

.carousel-example .next {
  right: -77px;
  position: relative;
}

.carousel-example .next:before {
  content: '';
  position: absolute;
  box-sizing: content-box;
  top: 50%;
  left: 50%;
  width: 17px;
  height: 17px;
  -webkit-transform: translate(-50%, -50%) scale(1.26667, 1) rotate(45deg);
  transform: translate(-50%, -50%) scale(1.26667, 1) rotate(45deg);
  margin-left: -8px;
  border-top: 2px solid #222;
  border-right: 2px solid #222;
}

.carousel-example .example-title {
  display: block;
  height: 80px;
  margin: 0;
  padding-top: 27px;
  border: 1px solid #eeeeee;
  border-top-color: #666666;
  text-align: center;
}

.carousel-example .example-title + .h2 {
  margin-top: 27px;
}

/* 2023.08.17 [cyb][김선미] SR 반영건 이슈 : 잘못된 소스가 SR로 반영되고 있으니 확인 및 조치 요망
KBFGText2M 은 현재 사용하고 있지 않음 폰트로 SR 반영으로 혼선 우려*/
/* s: 230718 소비자포털 컨텐츠 업로드 추가 */
.carousel-example .carousel-item {
  transform-style: initial;
}
.carousel-example .carousel-item p {
  font-family: KBFGText2M, Dotum, "돋움", Arial, Helvetica, sans-serif;
  word-break: keep-all;
}

.carousel-example .carousel-item .table th,
.carousel-example .carousel-item .table td,
.carousel-example .carousel-item ul {
  font-family: KBFGText2M, Dotum, "돋움", Arial, Helvetica, sans-serif;
}

.carousel-example .carousel-item .border {
  border: 1px solid #000;
}
/* e: 230718 소비자포털 컨텐츠 업로드 추가 */

.carousel-example .view-list {
  margin-top: 6px;
  border-top: none;
}

.carousel-example .view-list .title {
  font-size: 20px;
  font-family: KBFGDisplayM; /* 230718 소비자포털 컨텐츠 업로드 추가 */
}

.kblife-radio {
  display: inline-block;
}

.kblife-radio label {
  display: table-cell;
}

.kblife-radio label input[type='radio'] {
  position: absolute;
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 1px;
  opacity: 0;
}

.kblife-radio label input[type='radio']:checked + span {
  z-index: 11;
  border-color: #ffde33;
  background-color: #ffde33;
  color: #222222;
}

.kblife-radio label span {
  position: relative;
  display: block;
  width: 136px;
  height: 46px;
  margin-left: -1px;
  padding-top: 12px;
  border: 1px solid #d8d8d8;
  background-color: #FFFFFF;
  background-color: #FFFFFF;
  color: #666666;
  text-align: center;
  font-size: 15px;
  cursor: pointer;
}

.kblife-radio label span:hover, .kblife-radio label span:focus {
  z-index: 10;
  border-color: #666;
}

.kblife-text01 {
  display: inline-block;
  font-size: 15px;
}

.kblife-text01 input[type='text'] {
  width: 92px;
  border: none;
  border-bottom: 1px solid #d8d8d8;
  text-align: center;
}

.insurance-word {
  margin-top: 57px;
}

.insurance-word::after {
  display: block;
  clear: both;
  content: "";
}

.insurance-word .word-list {
  float: left;
  width: 300px;
}

.insurance-word .word-list .inner {
  overflow-x: hidden;
  overflow-y: scroll;
  padding: 27px 19px;
}

.insurance-word .word-view {
  float: right;
  width: 640px;
}

.insurance-word .word-view .inner {
  padding: 26px 29px;
}

.insurance-word .inner {
  width: 100%;
  height: 400px;
  margin-top: 17px;
  border: 1px solid #ebebeb;
}

.insurance-word .inner strong {
  display: block;
  font-family: KBFGDisplayB;
  font-size: 15px;
}

.insurance-word .inner p {
  margin-top: 5px;
  color: #666666;
}

.insurance-word .inner a {
  color: #666666;
}

.insurance-word .inner .on a {
  color: #222222;
  text-decoration: underline;
}

.insurance-word h2 {
  margin: 0;
}

.word-sort {
  display: table;
  width: 100%;
  margin-top: 39px;
  table-layout: fixed;
}

.word-sort label {
  display: table-cell;
}

.word-sort label:first-child {
  width: 70px;
}

.word-sort label:last-child {
  width: 65px;
}

.word-sort label input[type='radio'] {
  position: absolute;
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 1px;
  opacity: 0;
}

.word-sort label input[type='radio']:checked + span {
  z-index: 10;
  border-color: #666666;
  background-color: #777777;
  color: #FFFFFF;
}

.word-sort label span {
  position: relative;
  display: block;
  height: 42px;
  margin-left: -1px;
  padding-top: 12px;
  border: 1px solid #d8d8d8;
  background-color: #FFFFFF;
  background-color: #FFFFFF;
  color: #666666;
  text-align: center;
  cursor: pointer;
}

.word-sort label span:hover, .word-sort label span:focus {
  z-index: 10;
  border-color: #666;
}

.kblife-retire-text01 {
  display: table;
  width: 100%;
  height: 107px;
  background-color: #fffae5;
  text-align: center;
}

.kblife-retire-text01 div {
  display: table-cell;
  vertical-align: middle;
}

.kblife-retire-text01 strong {
  font-size: 22px;
}

.kblife-retire-text01 strong span {
  color: #f46600;
}

.kblife-retire-text01 p {
  color: #666666;
  font-size: 14px;
}

.grid-list.kblife-retire-list01 {
  margin-top: 60px;
}

.grid-list.kblife-retire-list01 .item {
  padding: 165px 0 35px;
}

.grid-list.kblife-retire-list01 .item::before {
  position: absolute;
  top: 49px;
  margin-left: -45px;
}

.grid-list.kblife-retire-list01 .kblife-radio {
  margin-top: 62px;
}

.grid-list.kblife-retire-list01 .kblife-text01 {
  margin-top: 50px;
}

.kblife-retire-list02::after {
  display: block;
  clear: both;
  content: "";
}

.kblife-retire-list02 label {
  display: block;
  float: left;
  margin-left: 20px;
  cursor: pointer;
}

.kblife-retire-list02 label:first-child {
  margin-left: 0;
}

.kblife-retire-list02 label input {
  position: absolute;
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 1px;
  opacity: 0;
}

.kblife-retire-list02 label .inner {
  position: relative;
  display: block;
  width: 225px;
  height: 240px;
  border: 1px solid #eeeeee;
  border-radius: 0 20px 0 20px;
  background-color: #fcfcfc;
}

.kblife-retire-list02 label .inner span {
  display: block;
  padding-top: 133px;
  text-align: center;
  font-size: 18px;
}

.kblife-retire-list02 label .inner span::before {
  position: absolute;
  top: 186px;
  left: 50%;
  width: 24px;
  height: 24px;
  border: 1px solid #d8d8d8;
  border-radius: 50%;
  background-color: #FFFFFF;
  content: '';
  transform: translateX(-50%);
}

.kblife-retire-list02 label input:checked + .inner {
  border: 2px solid #ffde33;
  background-color: #fffae5;
}

.kblife-retire-list02 label input:checked + .inner span {
  padding-top: 132px;
}

.kblife-retire-list02 label input:checked + .inner span::before {
  border: none;
  background: #ffde33;
}

.kblife-retire-list02 label input:checked + .inner span::after {
  position: absolute;
  top: 192px;
  left: 50%;
  display: inline-block;
  width: 12px;
  height: 12px;
  border: 2px solid #fff;
  border-radius: 50%;
  content: '';
  vertical-align: middle;
  transform: translateX(-50%);
}

.kblife-retire-list02 label input:focus + .inner {
  outline: 1px dotted #8d8d8d;
}

.kblife-retire-list02 label .inner::after {
  position: absolute;
  top: 55px;
  left: 50%;
  background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svpb_xoyvsr02.cat');
  content: '';
  transform: translateX(-50%);
}

.kblife-retire-list02 label input:checked + .inner::after {
  top: 54px;
}

.kblife-retire-list02 label:nth-child(1) .inner::after {
  width: 46px;
  height: 45px;
  background-position: 0 -50px;
}

.kblife-retire-list02 label:nth-child(2) .inner::after {
  width: 53px;
  height: 45px;
  background-position: -51px -50px;
}

.kblife-retire-list02 label:nth-child(3) .inner::after {
  width: 49px;
  height: 45px;
  background-position: -108px -50px;
}

.kblife-retire-list02 label:nth-child(4) .inner::after {
  width: 37px;
  height: 45px;
  background-position: -161px -50px;
}

.kblife-retire-list02 label:nth-child(1) input:checked + .inner::after {
  background-position: 0 0;
}

.kblife-retire-list02 label:nth-child(2) input:checked + .inner::after {
  background-position: -51px 0;
}

.kblife-retire-list02 label:nth-child(3) input:checked + .inner::after {
  background-position: -108px 0;
}

.kblife-retire-list02 label:nth-child(4) input:checked + .inner::after {
  background-position: -161px 0;
}

.kblife-retire-cont01 {
  overflow: hidden;
  margin-top: 20px;
  border: 1px solid #eeeeee;
}

.kblife-retire-cont01 .inner {
  position: relative;
  overflow: hidden;
  height: 70px;
  padding: 25px 29px 0 29px;
  font-size: 15px;
}

.kblife-retire-cont01 .inner strong {
  float: left;
}

.kblife-retire-cont01 .inner span {
  float: right;
}

.kblife-retire-cont01 .inner::after {
  position: absolute;
  top: 0;
  left: 29px;
  width: 899px;
  height: 1px;
  background-color: #eeeeee;
  content: '';
}

.kblife-retire-cont01 .inner:first-child::after {
  display: none;
}

.kblife-retire-cont01.col-2 .inside {
  float: left;
  width: 50%;
}

.kblife-retire-cont01.col-2 .inside::after {
  top: 28px;
  left: 0;
  width: 1px;
  height: 16px;
}

.kblife-retire-cont02 {
  border: 1px solid #eeeeee;
}

.kblife-retire-cont02 p {
  height: 69px;
  padding: 23px 34px 0;
  border-top: 1px solid #eeeeee;
  background-color: #fcfcfc;
  font-size: 15px;
}

.kblife-retire-cont03 {
  margin-top: 30px;
  padding: 26px 29px 23px;
  border: 1px solid #eeeeee;
  font-size: 15px;
}

.kblife-retire-cont03 strong {
  font-family: KBFGDisplayB;
}

.kblife-retire-cont03 p {
  margin-top: 32px;
  color: #666666;
  line-height: 24px;
}

.guide-txt {
  position: relative;
  margin-top: 65px;
  padding-left: 80px;
}

.guide-txt:before {
  position: absolute;
  top: 4px;
  left: 0;
  display: block;
  width: 64px;
  height: 70px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svpb_xoyvsr03.cat") no-repeat 0 0;
  content: '';
}

.guide-txt strong {
  color: #222222;
  font-size: 20px;
}

.guide-txt p {
  margin-top: 5px;
  color: #666666;
}

.customer-info-input {
  height: 70px;
  padding: 0 30px;
  border: 1px solid #eeeeee;
}

.customer-info-input p {
  float: left;
  color: #666666;
  font-size: 15px;
  line-height: 70px;
}

.customer-info-input .kblife-text01 {
  float: left;
  margin-top: 0;
  margin-left: 222px;
  line-height: 70px;
}

.customer-info-input .kblife-text01 input[type='text'] {
  width: 140px;
}

.customer-info-input .kblife-radio {
  float: right;
  margin-top: 10px;
}

.customer-info {
  height: 70px;
  border: 1px solid #eeeeee;
  text-align: center;
  font-size: 15px;
  line-height: 70px;
}

.customer-info span {
  color: #f46600;
  font-size: 18px;
}

.diagnosis-check-cont {
  margin-top: 77px;
}

.diagnosis-check-cont .info-txt {
  margin-bottom: 9px;
  color: #666666;
  text-align: right;
}

.diagnosis-check {
  padding: 16px 0 18px;
  border-top: 1px solid #666666;
  border-bottom: 1px solid #eeeeee;
}

.diagnosis-check .title {
  display: block;
  margin-bottom: 45px;
  color: #222222;
  font-size: 18px;
}

.diagnosis-check .title span {
  margin-left: 3px;
}

.diagnosis-check .check-list li {
  margin-top: 15px;
}

.diagnosis-check .check-list span {
  padding-left: 24px;
  color: #666666;
  line-height: 1.5;
}

.diagnosis-check + .diagnosis-check {
  border-top: none;
}

.obesity-check {
  margin-bottom: 18px;
  border: 1px solid #eeeeee;
  background: #fcfcfc;
}

.obesity-check .info-input {
  padding: 8px 20px;
  background: #FFFFFF;
}

.obesity-check .info-input label {
  display: inline-block;
  width: 75px;
  margin-left: 140px;
  vertical-align: middle;
}

.obesity-check .info-input label:first-child {
  margin-left: 0;
}

.obesity-check .info-input .input-txt {
  width: 60px;
  margin-right: 8px;
}

.obesity-check .info-input button {
  float: right;
}

.obesity-check .obesity-result {
  position: relative;
  overflow: hidden;
  padding: 0 20px;
}

.obesity-check .obesity-result:before {
  position: absolute;
  top: 0;
  left: 30px;
  display: block;
  width: 900px;
  border-top: 1px dashed #eeeeee;
  content: '';
}

.obesity-check .obesity-result li {
  display: block;
  float: left;
  margin-left: 150px;
  padding: 34px 0;
}

.obesity-check .obesity-result li:first-child {
  margin-left: 0;
}

.obesity-check .obesity-result li em {
  margin-right: 60px;
}

.obesity-check .obesity-result li p {
  display: inline-block;
}

.obesity-check .obesity-result li p span {
  margin-right: 3px;
  font-weight: 600;
  font-size: 20px;
}

.obesity-check .obesity-result .result-txt {
  float: right;
  margin-left: 0;
  padding: 21px 10px 0 143px;
  text-align: right;
  position: relative;
}

.obesity-check .obesity-result .result-txt:before {
  content: '';
  position: absolute;
  box-sizing: content-box;
  top: 68%;
  left: 0;
  width: 16px;
  height: 16px;
  -webkit-transform: translate(0, -68%) rotate(45deg);
  transform: translate(0, -68%) rotate(45deg);
  margin-left: -6px;
  border-top: 1px solid #666;
  border-right: 1px solid #666;
}

.obesity-check .obesity-result .result-txt em {
  margin-right: 0;
  color: #ffde33;
  font-weight: 600;
  font-size: 20px;
}

.obesity-check .obesity-result .result-txt p {
  display: block;
  margin-top: 5px;
}

.health-age {
  margin-top: 30px;
  padding: 54px 0 47px;
  border: 1px solid #eeeeee;
  text-align: center;
}

.health-age ul {
  overflow: hidden;
  width: 260px;
  margin: 0 auto;
}

.health-age li {
  float: left;
  width: 73px;
  height: 73px;
  margin-left: 19px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svpb_xoyvsr04.cat") 0 -106px;
}

.health-age li:nth-child(1) {
  width: 74px;
  margin-left: 0;
}

.health-age li:nth-child(1).on {
  background-position: 0 0;
}

.health-age li:nth-child(2) {
  background-position: -103px -106px;
}

.health-age li:nth-child(2).on {
  background-position: -103px 0;
}

.health-age li:nth-child(3) {
  background-position: -209px -106px;
}

.health-age li:nth-child(3).on {
  background-position: -209px 0;
}

.health-age p {
  margin-top: 38px;
  font-size: 15px;
}

.health-age p span {
  color: #f46600;
  font-size: 18px;
}

.liivmate-img {
  display: block;
  margin-top: 15px;
}

.life-service {
  overflow: hidden;
}

.life-service li {
  float: left;
  margin-left: 15px;
}

.life-service li:first-child {
  margin-left: 0;
}

.life-service li a {
  position: relative;
  display: table-cell;
  width: 310px;
  height: 260px;
  border: 1px solid #eeeeee;
  vertical-align: middle;
  text-align: center;
}

.life-service li a.link::after {
  position: absolute;
  top: 11px;
  right: 12px;
  display: block;
  width: 15px;
  height: 15px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Soga.cat") no-repeat -145px 0;
  content: '';
}

.life-service li strong {
  display: block;
  margin-top: 14px;
  color: #222222;
  font-size: 20px;
}

.life-service li p {
  margin-top: 6px;
  color: #666666;
}

.point-link {
  overflow: hidden;
}

.point-link li {
  float: left;
  width: 240px;
  height: 209px;
  margin-left: -1px;
  padding-top: 40px;
  border: 1px solid #eeeeee;
  text-align: center;
}

.point-link li:first-child {
  margin-left: 0;
}

.point-link li:nth-child(2) span {
  background-position: -120px 0;
}

.point-link li:nth-child(3) span {
  background-position: -240px 0;
}

.point-link li:nth-child(4) span {
  background-position: -138px 0;
}

.point-link li span {
  display: block;
  width: 112px;
  height: 80px;
  margin: 0 auto 15px;
  padding-top: 80px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svpb_xoyvsr05.cat") no-repeat 0 0;
  font-size: 15px;
}

.liivmate-app-set {
  overflow: hidden;
  padding: 23px;
  border: 1px solid #eeeeee;
}

.liivmate-app-set img {
  float: left;
  margin-right: 24px;
}

.liivmate-app-set p {
  float: left;
  margin-top: 9px;
  color: #666666;
}

.kblife-list-link li {
  margin-top: 10px;
}

.kblife-list-link li:first-child {
  margin-top: 0;
}

.kblife-list-link a {
  display: block;
  height: 70px;
  padding: 0 68px 0 29px;
  border: 1px solid #eeeeee;
  border-radius: 0 10px 0 10px;
  font-size: 15px;
  line-height: 70px;
  position: relative;
}

.kblife-list-link a:before {
  content: '';
  position: absolute;
  box-sizing: content-box;
  top: 50%;
  left: 100%;
  width: 10px;
  height: 10px;
  -webkit-transform: translate(-100%, -50%) scale(1.11111, 1) rotate(45deg);
  transform: translate(-100%, -50%) scale(1.11111, 1) rotate(45deg);
  margin-left: -4px;
  border-top: 1px solid #b4b4b4;
  border-right: 1px solid #b4b4b4;
}

.kblife-list-link a::before {
  margin-left: -29px;
}

.kblife-list-link .hashtag {
  float: right;
}

.kblife-list-link .hashtag span {
  display: inline-block;
  height: 24px;
  padding: 0 14px;
  border-radius: 12px;
  background-color: #eeeeee;
  color: #666666;
  font-size: 12px;
  line-height: 24px;
}

.pagination + .info-text01 {
  margin-top: 60px;
}

.pbannounce-text01 {
  padding-bottom: 7px;
  color: #666666;
}

.pbannounce-cont01 {
  position: relative;
  margin-top: 30px;
  padding: 29px;
  border: 1px solid #eeeeee;
  font-size: 0;
}

.pbannounce-cont01 .download {
  position: absolute;
  right: 29px;
  bottom: 29px;
}

.pbannounce-cont02 {
  overflow: hidden;
  padding: 26px 0;
  border: 1px solid #eeeeee;
}

.pbannounce-cont02 div {
  float: left;
  width: 50%;
  height: 100%;
  padding: 0 29px;
  border-right: 1px solid #eeeeee;
}

.pbannounce-cont02 div + div {
  border-right: none;
}

.pbannounce-cont02 strong {
  display: block;
  padding-bottom: 8px;
  font-family: KBFGDisplayB;
  font-size: 15px;
}

.kblife-insurance-list {
  border-top: 1px solid #666666;
  border-bottom: 1px solid #eeeeee;
}

.kblife-insurance-list li {
  height: 50px;
  padding: 7px 20px 7px 0;
  border-top: 1px solid #eeeeee;
}

.kblife-insurance-list li:first-child {
  border-top: none;
}

.kblife-insurance-list .title {
  position: relative;
  float: left;
  height: auto;
  margin-top: 9px;
  padding: 0 0 0 10px;
  border-top: none;
  color: #222222;
  font-size: 13px;
}

.kblife-insurance-list .title:after {
  position: absolute;
  top: 6px;
  left: 0;
  width: 3px;
  height: 3px;
  border-radius: 3px;
  background-color: #666;
  content: '';
}

.kblife-insurance-list a {
  float: right;
}

.info-text04 + .kblife-insurance-list {
  border-top: 1px solid #eeeeee;
}

.ins-pd-list {
  position: relative;
  overflow: hidden;
  border-top: 1px solid #666666;
}

.ins-pd-list > li {
  position: relative;
  float: left;
  width: 25%;
  height: 49px;
  margin-top: 0 !important;
  padding: 16px 0 12px 8px;
  border-bottom: 1px solid #eeeeee;
}

.page-protectionFinancialProductRegistrationNote .ins-pd-list > li{
  padding-right:8px;
}

.ins-pd-list > li:after {
  top: 23px;
}

.ins-pd-list:after {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  border-top: 1px solid #eeeeee;
  content: '';
}

.accordion .case {
  min-height: 260px;
  padding: 20px 20px 30px;
  background-color: #fcfcfc;
  font-size: 15px;
  line-height: 26px;
}

.accordion .txt-case {
  position: relative;
  display: block;
  margin-bottom: 18px;
  padding-left: 40px;
}

.accordion .txt-case:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 32px;
  height: 32px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svpb_dan_pnfr.cat") no-repeat -64px 0;
  content: '';
}

.accordion .note {
  padding: 20px 20px 24px;
  background-color: #fffae5;
  font-size: 15px;
  line-height: 26px;
}

.accordion .txt-note {
  position: relative;
  display: block;
  margin-bottom: 18px;
  padding-left: 40px;
}

.accordion .txt-note:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 32px;
  height: 32px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svpb_dan_pnfr.cat") no-repeat -96px 0;
  content: '';
}

.operation-guide + .tab-list {
  margin-top: 60px;
}

.job-cont h3 {
  margin-top: 25px;
  font-size: 20px;
}

.job-cont h3:first-child {
  margin-top: 56px;
}

.sort-cont {
  overflow-y: auto;
  width: 100%;
  height: 248px;
  padding: 26px 19px;
  border: 1px solid #eeeeee;
}

.sort-cont .cehck-list {
  float: left;
  width: 33.3%;
}

.sort-cont .cehck-list li {
  color: #666666;
  line-height: 30px;
}

.part-cont {
  overflow: hidden;
}

.part-cont .sort-cont {
  height: 370px;
}

.part-cont h3 {
  margin-top: 0 !important;
}

.part-cont .part {
  float: left;
  width: 310px;
  margin-left: 15px;
}

.part-cont .part:first-child {
  margin-left: 0;
}

.part-cont .cehck-list {
  width: 100%;
}

.text-desc {
  margin-bottom: 16px;
  color: #666666;
}

.product-visual-container {
  position: relative;
  height: 440px;
  padding-top: 50px;
  padding-right: calc((100% - 960px) / 2);
  padding-left: calc((100% - 960px) / 2);
  background-color: #f5f5f5;
}

.product-visual-container .label {
  font-size: 0;
}

.product-visual-container .label .item {
  display: inline-block;
  height: 24px;
  padding: 4px 15px 0;
  border-radius: 12px;
  background-color: #FFFFFF;
  color: #666;
  vertical-align: top;
  font-size: 12px;
}

.product-visual-container .label .item:nth-child(n+2) {
  margin-left: 8px;
}

.product-visual-container .title {
  position: relative;
  z-index: 1;
  margin: 0;
  padding-top: 23px;
  padding-bottom: 24px;
  font-size: 44px;
  line-height: 1;
}

.product-visual-container .desc {
  position: relative;
  z-index: 1;
  color: #666666;
  font-size: 18px;
  line-height: 28px;
}

.product-visual-container .desc2 {
  position: absolute;
  top: 230px;
  left: calc((100% - 960px) / 2);
  color: #666666;
  font-size: 12px;
  line-height: 17px;
}

.product-visual-container .desc2 strong {
  display: inline-block;
  margin-bottom: 6px;
  border-bottom: 1px solid #ffde33;
  color: #222222;
}

.product-visual-container .button {
  position: absolute;
  top: 310px;
  left: calc((100% - 960px) / 2);
  width: 210px;
}

.product-visual-container .simulation {
  width: 210px;
  height: 52px;
  margin-bottom: 17px;
  padding-top: 14px;
  text-align: center;
  font-size: 15px;
}

.product-visual-container .simulation::before {
  position: relative;
  top: 3px;
  display: inline-block;
  width: 17px;
  height: 17px;
  margin-right: 8px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Soga.cat") no-repeat -127px 0;
  content: '';
}

.product-visual-container .advice {
  padding: 10px 14px 10px 0;
  color: #666666;
  font-size: 15px;
  position: relative;
}

.product-visual-container .advice:before {
  content: '';
  position: absolute;
  box-sizing: content-box;
  top: 50%;
  left: 100%;
  width: 8px;
  height: 8px;
  -webkit-transform: translate(-100%, -50%) scale(1.2, 1) rotate(45deg);
  transform: translate(-100%, -50%) scale(1.2, 1) rotate(45deg);
  margin-left: -3px;
  border-top: 1px solid #666666;
  border-right: 1px solid #666666;
}

.product-visual-container .advice + .advice {
  margin-left: 30px;
}

.product-visual-container .image {
  position: absolute;
  right: calc((100% - 1148px) / 2);
  bottom: 0;
  display: block;
  font-size: 0;
}

.product-visual-container .image img {
  vertical-align: top;
}

.product-visual-container .tail {
  position: absolute;
  right: calc((100% - 960px) / 2);
  bottom: 9px;
  color: #666666;
  text-align: right;
  font-size: 12px;
}

.h2.product {
  padding-top: 77px;
  border-top: 1px solid #eeeeee;
}

.product-text {
  font-size: 34px;
  line-height: 48px;
}

.product-text span {
  display: block;
  color: #9e8c6e;
}

.product-list {
  margin-top: 99px;
  font-size: 0;
}

.product-list .item {
  position: relative;
  padding-left: 82px;
  vertical-align: top;
}

.product-list .item:nth-child(n+2) {
  margin-top: 36px;
  padding-top: 36px;
}

.product-list .item:nth-child(n+2)::before {
  top: 41px;
}

.product-list .item:nth-child(n+2)::after {
  position: absolute;
  top: 0;
  left: 82px;
  width: 28px;
  height: 1px;
  background-color: #ffde33;
  content: '';
}

.product-list .item::before {
  position: absolute;
  top: 5px;
  left: 0;
}

.product-list .h2 {
  display: block;
  margin: 0 0 7px;
  word-break: keep-all;
  line-height: 28px;
}

.product-list .desc {
  color: #666666;
  word-break: keep-all;
  font-size: 18px;
  line-height: 28px;
}

.product-list .desc + .info-text05 {
  margin-top: 10px !important;
}

.product-list .info-text05 {
  margin-top: 4px !important;
  font-weight: 300;
}

.product-button {
  position: relative;
  margin-top: 60px;
  margin-bottom: -160px;
  padding-top: 1px;
  text-align: center;
  font-size: 0;
}

.product-button:before {
  position: absolute;
  top: 0;
  left: 50%;
  width: 5000px;
  height: 1px;
  background-color: #eeeeee;
  content: '';
  transform: translateX(-50%);
}

.product-button .anchor {
  height: 54px;
  padding: 17px 30px 0;
  font-size: 15px;
}

.product-button .anchor::after {
  display: inline-block;
  width: 8px;
  height: 9px;
  margin-left: 5px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Soga.cat") no-repeat -60px 0;
  content: '';
}

.product-button .anchor:nth-child(n+2) {
  position: relative;
}

.product-button .anchor:nth-child(n+2)::before {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 1px;
  height: 18px;
  margin-top: -9px;
  background-color: #eeeeee;
  content: '';
}

.product-number {
  margin-top: 28px;
  color: #666666;
  text-align: right;
}

.product-text-wrap {
  margin: 15px 0 18px;
  padding: 17px 20px;
  background-color: #fffae5;
}

.fund-list {
  border-top: 1px solid #eeeeee;
}

.fund-list .item {
  position: relative;
  padding: 36px 200px 40px;
  border-bottom: 1px solid #eeeeee;
}

.fund-list .title {
  position: absolute;
  top: 37px;
  left: 0;
  width: 160px;
  word-break: keep-all;
  font-size: 18px;
  line-height: 24px;
}

.fund-list .company {
  position: absolute;
  top: 37px;
  right: 0;
  width: 160px;
  color: #666666;
  line-height: 20px;
}

.fund-list .company span {
  display: block;
  color: #666;
}

.fund-list .desc {
  word-break: keep-all;
  line-height: 20px;
}

.fund-list .desc + .img-wrap {
  margin-top: 15px;
}

.fund-list .img-desc {
  margin-top: 5px;
  color: #666666;
  text-align: right;
  font-size: 12px;
}

.img-cont {
  margin-top: 60px;
  text-align: center;
}

.img-cont.mt-110 {
  margin-top: 110px;
}

.overview {
  overflow: hidden;
  border: 1px solid #ebebeb;
}

.overview li {
  position: relative;
  float: left;
  width: 240px;
  height: 250px;
  margin: -1px 0 0 -1px;
  padding-top: 140px;
  border-top: 1px solid #ebebeb;
  border-left: 1px solid #ebebeb;
  color: #222222;
  text-align: center;
  font-size: 18px;
}

.overview li:nth-child(4n) {
  width: 242px;
}

.overview li strong {
  position: absolute;
  top: 64px;
  left: 50%;
  display: inline-block;
  height: 25px;
  padding: 0 11px;
  border: 1px solid #ebebeb;
  border-radius: 25px;
  color: #666;
  font-size: 13px;
  line-height: 25px;
  transform: translateX(-50%);
}

.overview li strong:after {
  position: absolute;
  bottom: -27px;
  left: 50%;
  display: block;
  width: 20px;
  height: 1px;
  background: #ffde33;
  content: '';
  transform: translateX(-50%);
}

.overview li img {
  vertical-align: top;
}

.relative {
  font-size: 0;
}

.relative span {
  display: inline-block;
  width: 152px;
  height: 88px;
  margin-left: 6px;
  padding-top: 36px;
  border: 1px solid #ebebeb;
  vertical-align: middle;
  text-align: center;
}

.relative span:first-child {
  margin-left: 0;
}

.relative div {
  margin-top: 6px;
}

.history {
  width: 100%;
}

.history .year {
  position: relative;
  display: block;
  margin-bottom: 32px;
  padding-right: 32px;
  color: #222222;
  font-weight: 600;
  font-size: 32px;
}

.history .year:before {
  position: absolute;
  top: 11px;
  right: -11px;
  display: block;
  width: 24px;
  height: 24px;
  border-radius: 25px;
  background: #ffde33;
  content: '';
}

.history .year:after {
  position: absolute;
  top: 19px;
  right: -3px;
  display: block;
  width: 7px;
  height: 7px;
  border-radius: 25px;
  background: #222222;
  content: '';
}

.history .month-list {
  padding-bottom: 36px;
}

.history .month-list li {
  position: relative;
  margin-top: 23px;
  color: #666666;
  font-size: 15px;
}

.history .month-list li:first-child {
  margin-top: 0;
}

.history .month-list li:before {
  position: absolute;
  top: 10px;
  right: -1px;
  display: block;
  width: 3px;
  height: 3px;
  background: #222222;
  content: '';
}

.history .month-list .month {
  position: absolute;
  right: 0;
  padding: 0 19px 0 13px;
  color: #222222;
}

.history .month-list .month:before {
  position: absolute;
  top: 5px;
  left: 0;
  display: block;
  width: 1px;
  height: 12px;
  background: #ebebeb;
  content: '';
}

.history .month-list span {
  display: block;
  padding: 0 20px !important;
  color: #666;
  line-height: 24px;
  word-break: keep-all;
}

.history .month-list .month + span {
  padding-right: 70px !important;
}

.history > li {
  position: relative;
  width: 50%;
}

.history > li:before {
  position: absolute;
  top: 10px;
  right: 0;
  display: block;
  width: 1px;
  height: 100%;
  background: #ebebeb;
  content: '';
}

.history > li:nth-child(odd) {
  text-align: right;
}

.history > li:nth-child(even) {
  margin-left: 50%;
}

.history > li:nth-child(even):before {
  right: auto;
  left: 0;
}

.history > li:nth-child(even) .year {
  padding: 0 0 0 32px;
}

.history > li:nth-child(even) .year:before {
  left: -12px;
}

.history > li:nth-child(even) .year:after {
  left: -3px;
}

.history > li:nth-child(even) .month-list li:before {
  right: auto;
  left: -1px;
}

.history > li:nth-child(even) .month-list .month {
  right: auto;
  left: 0;
  padding: 0 13px 0 19px;
}

.history > li:nth-child(even) .month-list .month:before {
  right: 0;
  left: auto;
}

.history > li:nth-child(even) .month-list .month + span {
  padding-left: 70px !important;
  padding-right: 0 !important;
}

.history2 .year {
  position: relative;
  float: left;
  padding-right: 32px;
  color: #222222;
  font-weight: 600;
  font-size: 32px;
}

.history2 .year:before {
  position: absolute;
  top: 11px;
  right: -11px;
  display: block;
  width: 24px;
  height: 24px;
  border-radius: 25px;
  background: #ffde33;
  content: '';
}

.history2 .year:after {
  position: absolute;
  top: 20px;
  right: -2px;
  display: block;
  width: 5px;
  height: 5px;
  border-radius: 25px;
  background: #222222;
  content: '';
}

.history2 .month-list {
  float: left;
  padding: 80px 0 36px 0;
}

.history2 .month-list li {
  position: relative;
  margin-top: 21px;
  padding-left: 68px;
  color: #666666;
  font-size: 15px;
}

.history2 .month-list li:first-child {
  margin-top: 0;
}

.history2 .month-list li:before {
  position: absolute;
  top: 11px;
  left: 0;
  display: block;
  width: 70px;
  height: 1px;
  background: #ebebeb;
  content: '';
}

.history2 .month-list .month {
  position: relative;
  display: inline-block;
  padding: 0 14px 0 23px;
  color: #222222;
  vertical-align: top;
}

.history2 .month-list .month:before {
  position: absolute;
  top: 10px;
  left: 0;
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 50px;
  background: #222222;
  content: '';
}

.history2 .month-list span {
  position: relative;
  display: inline-block;
  padding-left: 17px;
  color: #666;
  line-height: 24px;
}

.history2 .month-list span:before {
  position: absolute;
  top: 5px;
  left: 0;
  display: block;
  width: 1px;
  height: 12px;
  background: #ebebeb;
  content: '';
}

.history2 > li {
  position: relative;
  overflow: hidden;
  margin-top: -10px;
}

.history2 > li:before {
  position: absolute;
  top: 10px;
  left: 106px;
  display: block;
  width: 1px;
  height: 100%;
  background: #ebebeb;
  content: '';
}

.history2 > li:first-child {
  margin-top: 0;
}

.kbgroup-logo {
  position: relative;
  width: 100%;
  height: 210px;
  margin: 15px 0;
  border: 1px solid #efefef;
}

.kbgroup-logo img {
  position: absolute;
  top: 50%;
  left: 50%;
  vertical-align: top;
  transform: translateX(-50%) translateY(-50%);
}

.kbgroup-txt {
  letter-spacing: -1px;
}

.cpn-cahrter {
  margin-top: 77px;
}

.cpn-cahrter li {
  margin-top: 40px;
}

.cpn-cahrter li:first-child {
  margin-top: 0;
}

.cpn-cahrter li strong {
  display: inline-block;
  width: 90px;
  height: 55px;
  border-radius: 0 15px;
  background: #ffde33;
  color: #222;
  vertical-align: top;
  text-align: center;
  line-height: 55px;
}

.cpn-cahrter li p {
  display: inline-block;
  margin-left: 29px;
}

.ethical-txt {
  overflow: hidden;
  padding-right: 40px;
  border: 1px solid #efefef;
}

.ethical-txt .logo-cont {
  position: relative;
  float: left;
  width: 346px;
  height: 218px;
  text-align: center;
}

.ethical-txt .logo-cont img {
  position: absolute;
  top: 50%;
  left: 50%;
  vertical-align: top;
  transform: translateX(-50%) translateY(-50%);
}

.ethical-txt p {
  margin-top: 40px;
  color: #666666;
  word-break: keep-all;
}

.panel.recruit {
  font-size: 12px;
}

.panel.recruit p {
  color: #666666;
}

.panel.recruit ul {
  margin: 11px 0;
}

.panel.recruit ul li {
  margin-top: 15px;
}

.panel.recruit ul li:first-child {
  margin-top: 0;
}

.panel.recruit ul li span {
  display: block;
  color: #666666;
}

.recruit-pic {
  padding: 8px 6px 8px 14px !important;
}

.recruit-pic .pic {
  width: 140px;
  height: 186px;
}

.recruit-pic .pic img {
  width: 100%;
}

.operation-guide + .board-list {
  margin-top: 60px;
}

.support-result {
  padding: 48px 0;
  border: 1px solid #efefef;
  text-align: center;
}

.support-result strong {
  font-weight: 400;
  font-size: 20px;
}

.support-result strong span {
  color: #f46600;
}

.support-result p {
  margin-top: 27px;
  color: #666666;
  font-size: 15px;
}

.recuit-go.grid-list .title {
  float: left;
  margin-top: 3px;
}

.recuit-go.grid-list a {
  float: right;
  margin-top: 0;
}

.recuit-go.grid-list .item {
  padding: 40px 33px 40px 83px;
}

.recuit-go.grid-list .item::before {
  top: 37px;
  left: 29px;
  margin-left: 0;
}

.recuit-go + .tab-2 {
  margin-top: 80px;
}

.talent-txt {
  padding: 58px 0;
  background: #fcfcfc;
  text-align: center;
  font-size: 20px;
}

.talent-txt span {
  color: #f46600;
}

.welfare {
  overflow: hidden;
  border-right: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
}

.welfare li {
  position: relative;
  float: left;
  width: 20%;
  height: 210px;
  padding-top: 145px;
  border-top: 1px solid #efefef;
  border-left: 1px solid #efefef;
  color: #666666;
  text-align: center;
  font-size: 15px;
}

.welfare li:after {
  position: absolute;
  top: 49px;
  left: 50%;
  display: block;
  width: 70px;
  height: 70px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svpb_pca_erp01.cat") 0 0 no-repeat;
  content: '';
  transform: translateX(-50%);
}

.welfare li:nth-child(2):after {
  background-position: -80px 0;
}

.welfare li:nth-child(3):after {
  background-position: -160px 0;
}

.welfare li:nth-child(4):after {
  background-position: -240px 0;
}

.welfare li:nth-child(5):after {
  background-position: -320px 0;
}

.welfare li:nth-child(6):after {
  background-position: 0 -80px;
}

.welfare li:nth-child(7):after {
  background-position: -80px -80px;
}

.welfare li:nth-child(8):after {
  background-position: -160px -80px;
}

.welfare li:nth-child(9):after {
  background-position: -240px -80px;
}

.welfare li:nth-child(10):after {
  display: none;
}

.cont-head.cs {
  position: relative;
  top: -59px;
  height: 0;
  margin: 0;
  vertical-align: top;
  text-align: right;
  font-size: 15px;
}

.cont-head.cs strong {
  position: relative;
  margin-right: 13px;
  padding-right: 14px;
  color: #666666;
}

.cont-head.cs strong:after {
  position: absolute;
  top: 4px;
  right: 0;
  display: block;
  width: 1px;
  height: 12px;
  background: #ebebeb;
  content: '';
}

.cpn-kb .info-text04:first-child {
  margin-top: 0;
}

.cpn-kb .button-wrap {
  margin-top: 15px;
}

.cpn-product {
  overflow: hidden;
}

.cpn-product li {
  float: left;
  width: 476px;
  margin-top: 8px;
}

.cpn-product li a {
  display: inline-block;
  width: 100%;
  height: 54px;
  padding: 0 19px;
  border: 1px solid #efefef;
  border-radius: 0 5px;
  color: #666666;
  line-height: 54px;
  position: relative;
}

.cpn-product li a:before {
  content: '';
  position: absolute;
  box-sizing: content-box;
  top: 50%;
  left: 96%;
  width: 9px;
  height: 9px;
  -webkit-transform: translate(-96%, -50%) rotate(45deg);
  transform: translate(-96%, -50%) rotate(45deg);
  margin-left: -3px;
  border-top: 1px solid #a3a3a3;
  border-right: 1px solid #a3a3a3;
}

.cpn-product li:nth-child(even) {
  float: right;
}

.cpn-product li:nth-child(1) {
  margin-top: 0;
}

.cpn-product li:nth-child(2) {
  margin-top: 0;
}

.one-stop {
  padding: 43px 29px 29px;
  border: 1px solid #eeeeee;
}

.one-stop-img {
  text-align: center;
}

.one-stop-text {
  position: relative;
  overflow: hidden;
  margin-top: 43px;
}

.one-stop-text:before {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 52px;
  height: 52px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svpba_pca_barfgbc.cat") no-repeat;
  content: '';
  transform: translateX(-50%) translateY(-50%);
}

.one-stop-text > div {
  position: relative;
  float: left;
  width: 410px;
  height: 114px;
  padding: 25px 30px;
  background: #fafafa;
}

.one-stop-text > div:nth-child(2) {
  float: right;
}

.one-stop-text ul {
  position: absolute;
  top: 50%;
  left: 30px;
  transform: translateY(-50%);
}

.one-stop-text li {
  margin-top: 0 !important;
  font-size: 13px;
  line-height: 20px;
}

.map {
  width: 100%;
  height: 400px;
  background: #ebebeb;
}

.visit {
  margin-top: 30px;
}

.visit strong {
  position: relative;
  display: inline-block;
  width: 64px;
  margin: 0 26px 0 0;
  color: #222222;
  vertical-align: top;
}

.visit strong:after {
  position: absolute;
  top: 4px;
  right: 0;
  display: block;
  width: 1px;
  height: 12px;
  background: #ebebeb;
  content: '';
}

.visit span {
  display: inline-block;
  margin-top: 7px;
  color: #666666;
}

.visit li {
  position: relative;
  min-height: 35px;
  margin-top: 16px;
  padding-left: 40px;
  font-size: 15px;
  line-height: 22px;
}

.visit li:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 36px;
  height: 36px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svpb_pca_ivfvg.cat") no-repeat 0 0;
  content: '';
}

.visit li.add strong{
    margin:7px 26px 0 0;
}

.visit li.car:before {
  background-position: 0 0;
}

.visit li.car strong{
    margin:7px 26px 0 0;
}

.visit li.tel:before {
  background-position: -38px 0;
}
.visit li.tel strong{
    margin:7px 26px 0 0;
}

.visit li.subway:before {
  background-position: -76px 0;
}

.visit li.time:before {
  background-position: -189px 0;
}

.visit li.subway strong{
    margin:7px 26px 0 0;
}

.visit li.bus:before {
  background-position: -114px 0;
}

.visit li.bus strong{
    margin:7px 26px 0 0;
}

.visit li.car:before {
  background-position: -152px 0;
}

.list-count {
  padding-bottom: 12px;
  color: #666666;
}

.list-count span {
  color: #222222;
}

.search-wrap + .list-count {
  margin-top: 28px;
}

.agree-user-info::after {
  display: block;
  clear: both;
  content: "";
}

.agree-user-info dt {
  position: relative;
  float: left;
  margin-left: 11px;
  padding-left: 12px;
  font-family: KBFGDisplayB;
}

.agree-user-info dt::after {
  position: absolute;
  top: 1px;
  left: 0;
  width: 1px;
  height: 16px;
  background-color: #cccccc;
  content: '';
}

.agree-user-info dt:first-child {
  margin-left: 0;
  padding-left: 0;
}

.agree-user-info dt:first-child::after {
  display: none;
}

.agree-user-info dd {
  position: relative;
  float: left;
  margin-left: 6px;
  font-weight: 300;
}

.agree-user-info dd::after {
  position: absolute;
  bottom: 2px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #929292;
  content: '';
}

.agree-cont {
  padding: 22px 30px 22px 30px;
}

.body-scroll .agree-cont {
  margin: 40px -30px 0;
}

.agree-cont > h1:first-child, .agree-cont p:first-child > strong {
  margin: 0;
}

.agree-cont h1, .agree-cont strong {
  display: block;
  margin: 30px 0 0;
  color: #222222;
  font-size: 12px;
}

.agree-cont h1 + p, .agree-cont strong + p {
  margin-top: 5px;
  color: #666666;
  font-size: 12px;
}

.agree-cont ol {
  margin-top: 2px;
  color: #666666;
  font-size: 12px;
}

.agree-cont ol ol {
  margin-left: 15px;
}

.agree-cont ol ol li {
  padding-left: 15px;
  text-indent: -15px;
}

.agree-cont li {
  margin-top: 3px;
}

.agree-cont .text-list02 {
  margin-top: 15px;
}

.agree-cont .text-list02 > li {
  margin-bottom: 15px;
  color: #666666;
}

.agree-cont .text-list02 > li::after {
  background: #666666;
}

.agree-cont2 {
  padding: 22px 0;
  font-size: 12px;
}

.document-list {
  border-top: 1px solid #666666;
}

.document-list > li {
  position: relative;
  height: 49px;
  padding: 16px 20px 12px 20px;
  border-bottom: 1px solid #eeeeee;
}

.document-list > li .text-list01 {
  overflow: hidden;
}

.document-list > li .text-list01 > li {
  float: left;
  margin: 0 30px 0 0;
}

.document-list > li .download {
  position: absolute;
  top: 50%;
  right: 20px;
  font-size: 0;
  transform: translateY(-50%);
}

.document-list > li .download .btn-1x {
  margin-left: 12px;
}

.insurance-item + .document-list {
  margin-top: 30px;
}

.modal-content .document-list > li {
  border-bottom: 1px solid #cccccc;
}

.panel .document-list {
  border-top: none;
}

.product-sub-list {
  padding-top: 40px;
  padding-right: calc((100% - 960px) / 2);
  padding-bottom: 160px;
  padding-left: calc((100% - 960px) / 2);
  background-color: #fcfcfc;
}

.product-sub-list ul {
  margin-left: -20px;
}

.product-sub-list ul::after {
  display: block;
  clear: both;
  content: "";
}

.product-sub-list li {
  position: relative;
  float: left;
  margin: 20px 0 0 20px;
}

.product-sub-list li a {
  display: block;
  width: 306px;
  height: 260px;
  padding: 30px;
  border: 2px solid #FFFFFF;
  border-radius: 0 10px;
  background-color: #FFFFFF;
  box-shadow: 1px 1px 19px 0 rgba(0, 0, 0, 0.1);
}

.product-sub-list .tit {
  display: block;
  padding-bottom: 15px;
  border-bottom: 1px dashed #d3d3d3;
  font-size: 20px;
  line-height: 28px;
}

.product-sub-list .txt {
  display: block;
  margin-top: 16px;
  color: #666666;
  font-size: 15px;
  line-height: 22px;
}

.product-sub-list .keyword {
  position: absolute;
  bottom: 22px;
  left: 30px;
  width: 246px;
  font-size: 0;
}

.product-sub-list .keyword span {
  display: inline-block;
  margin: 0 6px 8px 0;
  padding: 3px 14px 2px;
  border-radius: 12px;
  background-color: #eeeeee;
  color: #666666;
  font-size: 12px;
}

.smart-notice {
  border-top: 1px solid #666666;
}

.smart-notice li {
  border-bottom: 1px solid #eeeeee;
  position: relative;
}

.smart-notice li:before {
  content: '';
  position: absolute;
  box-sizing: content-box;
  top: 50%;
  left: 100%;
  width: 17px;
  height: 17px;
  -webkit-transform: translate(-100%, -50%) scale(1.13333, 1) rotate(45deg);
  transform: translate(-100%, -50%) scale(1.13333, 1) rotate(45deg);
  margin-left: -7px;
  border-top: 2px solid #d8d8d8;
  border-right: 2px solid #d8d8d8;
}

.smart-notice li::before {
  margin-left: -20px;
}

.smart-notice li::after {
  position: absolute;
  top: 50%;
  left: 0;
  width: 54px;
  height: 54px;
  margin-top: -27px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svpb_nynez.cat") no-repeat 0 0;
  content: '';
}

.smart-notice li a {
  display: block;
  padding: 25px 129px 25px 83px;
}

.smart-notice strong {
  display: block;
  font-size: 18px;
}

.smart-notice span {
  display: block;
  margin-top: 12px;
  color: #666666;
}

.sitemap h2 {
  margin: 0;
  padding: 0 0 17px;
  border-bottom: 1px solid #666666;
}

.sitemap h2 a {
  padding-right: 16px;
  position: relative;
}

.sitemap h2 a:before {
  content: '';
  position: absolute;
  box-sizing: content-box;
  top: 50%;
  left: 100%;
  width: 8px;
  height: 8px;
  -webkit-transform: translate(-100%, -50%) scale(0.88889, 1) rotate(45deg);
  transform: translate(-100%, -50%) scale(0.88889, 1) rotate(45deg);
  margin-left: -3px;
  border-top: 2px solid #ffde33;
  border-right: 2px solid #ffde33;
}

.sitemap h3 {
  margin: 0;
}

.sitemap h3 a {
  padding-right: 11px;
  position: relative;
}

.sitemap h3 a:before {
  content: '';
  position: absolute;
  box-sizing: content-box;
  top: 50%;
  left: 100%;
  width: 5px;
  height: 5px;
  -webkit-transform: translate(-100%, -50%) scale(0.8, 1) rotate(45deg);
  transform: translate(-100%, -50%) scale(0.8, 1) rotate(45deg);
  margin-left: -1px;
  border-top: 1px solid #ffde33;
  border-right: 1px solid #ffde33;
}

.sitemap a:focus, .sitemap a:hover {
  text-decoration: underline;
}

.sitemap .inside {
  overflow: hidden;
}

.sitemap .inside div {
  float: left;
  width: 25%;
  padding-top: 28px;
}

.sitemap .inside div li {
  margin-top: 8px;
}

.sitemap .inside div li a {
  color: #666666;
}

.sitemap .inside div.w-l {
  width: 300px;
}

.sitemap .inside div.w-2 {
  width: 480px;
}

.sitemap .inside div.w-2 ul {
  float: left;
  width: 50%;
}

.sitemap .inside.col-5 div {
  width: 20%;
}

.sitemap .inside + .inside {
  margin-top: 26px;
  border-top: 1px solid #eeeeee;
}

.sitemap + .sitemap {
  padding-top: 120px;
}

.quick-menu {
  /*position: absolute;*/
  top: 0;
  width: 960px;
}

.quick-menu .inner {
  position: absolute;
  top: 200px;
  left: 0;
  overflow: hidden;
  width: 90px;
  margin-left: 900px;
  border: 1px solid #ebebeb;
  border-radius: 0 16px;
  background-color: #FFFFFF;
  text-align: center;
}

.quick-menu .inner a {
  display: block;
  height: 43px;
  border-bottom: 1px solid #ebebeb;
  color: #666;
  font-size: 14px;
  line-height: 43px;
}

.quick-menu .inner a:focus, .quick-menu .inner a:hover {
  color: #222222;
  text-decoration: underline;
}

.quick-menu .inner .top {
  background-color: #fcfcfc;
}

.quick-menu .inner .top a {
  border-bottom: none;
  color: #666666;
  font-family: KBFGDisplayB;
  font-size: 15px;
}

.evt-list .txt-label {
  min-width: 51px;
  height: 24px;
  margin-top: 16px;
  margin-bottom: 8px;
  padding: 0 15px;
  line-height: 25px;
}

.evt-list .date {
  color: #666;
  line-height: 1;
}

.evt-list img {
  width: 100%;
  height: 100%;
}

.evt-list .count {
  padding-bottom: 15px;
  border-bottom: 1px solid #666;
  color: #666666;
  text-align: right;
  line-height: 1;
}

.evt-list .count span {
  color: #222222;
}

.evt-list .top {
  position: relative;
  height: 325px;
  padding: 30px 0 30px 492px;
  border-bottom: 1px solid #ebebeb;
}

.evt-list .top .thumb {
  position: absolute;
  left: 0;
  display: block;
  width: 470px;
  height: 264px;
}

.evt-list .top strong {
  display: block;
  font-size: 18px;
  line-height: 30px;
}

.evt-list .top .date {
  position: absolute;
  bottom: 30px;
  left: 492px;
  display: block;
}

.evt-list .list {
  margin: 0 -10px 0 -11px;
}

.evt-list .list::after {
  display: block;
  clear: both;
  content: "";
}

.evt-list .list li {
  position: relative;
  float: left;
  width: 306px;
  margin: 0 10px 0 11px;
  padding: 30px 0;
  line-height: 1;
}

.evt-list .list li:nth-child(3n+1)::before {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: calc(300% + 42px);
  height: 1px;
  border-bottom: 1px solid #ebebeb;
  content: '';
}

.evt-list .list li .thumb {
  display: block;
  width: 306px;
  height: 172px;
}

.evt-list .list li a {
  display: block;
  margin-bottom: 16px;
}

.evt-list .list li a strong {
  display: inherit;
  height: 40px;
  line-height: 20px;
}

.pc-submain {
  padding-bottom: 0;
}

.pc-submain section[class^='page-'] > section {
  padding: 47px 0 50px;
}

.pc-submain .inside h2 {
  margin: 0 0 47px 0;
  color: #333;
  text-align: center;
  font-size: 28px;
}

.pc-submain:before {
  right: 19px;
  left: auto;
  width: 11px;
  height: 11px;
  border-color: #b3b3b3;
}

.pc-submain .item-list {
  margin: 0 -10px;
}

.pc-submain .item-list::after {
  display: block;
  clear: both;
  content: "";
}

.pc-submain .item-list > li {
  float: left;
  height: 260px;
  margin: 0 10px;
}

.pc-submain .item-list.i2 > li {
  width: calc(50% - 20px);
}

.pc-submain .item-list.i3 > li {
  width: calc(33.3333% - 20px);
}

.pc-submain .item-list .item {
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  font-size: 15px;
}

.pc-submain .item-list strong {
  display: block;
  font-size: 18px;
}

.pc-submain .ins-triple {
  background-color: #d1e6f4;
}

.pc-submain .ins-triple li {
  position: relative;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.05);
}

.pc-submain .ins-triple li:before, .pc-submain .ins-triple li:after {
  position: absolute;
  z-index: 1;
  display: block;
  content: '';
}

.pc-submain .ins-triple li:before {
  bottom: 34px;
  left: 30px;
  width: 20px;
  border-bottom: 1px solid #777777;
}

.pc-submain .ins-triple li:after {
  bottom: 28px;
  left: 35px;
  padding: 6px;
  border-top: 1px solid #777777;
  border-right: 1px solid #777777;
  transform: rotate(45deg);
}

.pc-submain .ins-triple .item {
  position: relative;
  display: block;
  height: inherit;
  padding: 21px 30px;
  background-color: #FFFFFF;
  color: #666666;
}

.pc-submain .ins-triple .item strong {
  display: block;
  margin-bottom: 16px;
  padding-bottom: 13px;
  border-bottom: 1px dashed #d2d2d2;
  color: #222222;
  font-size: 21px;
}

.pc-submain .ins-triple .item > img {
  position: absolute;
  right: 30px;
  bottom: 24px;
}

.pc-submain .cs-area {
  padding: 30px 0 !important;
  background-color: #fcfcfc;
}

.pc-submain .cs-area::after {
  display: block;
  clear: both;
  content: "";
}

.pc-submain .cs-area h2 {
  margin: 4px 0 0;
  line-height: 1.4;
}

.pc-submain .cs-area ul {
  padding-left: 52px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svpb_sbbgre_pf.cat") no-repeat 0 center;
}

.pc-submain .cs-area ul li {
  display: inline-block;
  padding: 1px 0;
}

.pc-submain .cs-area ul li:nth-child(n+2) {
  margin-left: 20px;
  padding-left: 24px;
  border-left: 1px solid #eeeeee;
}

.pc-submain + .footer {
  margin-top: 0;
}

.carousel-matching-ins {
  position: relative;
}

.carousel-matching-ins .carousel {
  overflow: visible;
}

.carousel-matching-ins .paging {
  display: none;
}

.carousel-matching-ins > button {
  position: absolute !important;
  top: 0;
  width: 45px;
  height: 100%;
}

.carousel-matching-ins > button:before {
  width: 15px;
  height: 15px;
  margin-top: -10px;
  border-width: 2px;
  border-color: #9f8e70;
}

.carousel-matching-ins > button.prev {
  margin-left: calc((100% - 1050px) / 2);
}

.carousel-matching-ins > button.prev:before {
  transform: rotate(50deg) skewY(-10deg);
}

.carousel-matching-ins > button.next {
  right: 0;
  margin-right: calc((100% - 1050px) / 2);
}

.carousel-matching-ins > button.next:before {
  right: 5px !important;
  left: initial;
  transform: rotate(40deg) skewX(-10deg);
}

.carousel-matching-ins .carousel-util {
  position: absolute;
  top: 24px;
  right: 0;
  z-index: 1;
  margin-right: calc((100% - 960px) / 2);
  font-size: 0;
}

.carousel-matching-ins .carousel-util > * {
  float: left;
}

.carousel-matching-ins .controller {
  margin-left: 4px;
}

.carousel-matching-ins .controller button {
  position: relative;
  display: block;
  width: 20px;
  height: 20px;
  margin-left: -4px;
}

.carousel-matching-ins .controller button.stop::before, .carousel-matching-ins .controller button.stop::after {
  position: absolute;
  top: 6px;
  display: block;
  width: 3px;
  height: 8px;
  background-color: rgba(0, 0, 0, 0.5);
  content: '';
  opacity: .5;
}

.carousel-matching-ins .controller button.stop::before {
  left: 6px;
}

.carousel-matching-ins .controller button.stop::after {
  right: 6px;
}

.carousel-matching-ins .controller button.play::before {
  position: absolute;
  top: 5px;
  left: 6px;
  display: block;
  border-width: 5px 0 5px 7px;
  border-style: solid;
  border-color: transparent rgba(0, 0, 0, 0.5) transparent rgba(0, 0, 0, 0.5);
  content: '';
  opacity: .5;
}

.carousel-matching-ins .indicator span {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-top: 6px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: .5;
}

.carousel-matching-ins .indicator span:nth-child(n+2) {
  margin-left: 6px;
}

.carousel-matching-ins .indicator span.on {
  width: 22px;
  background-color: #ffde33;
  opacity: 1;
}

.carousel-matching-ins .carousel-item {
  height: 260px;
  padding-top: 50px;
  padding-right: calc((100% - 960px) / 2);
  padding-left: calc((100% - 960px) / 2);
  text-align: center;
  font-size: 28px;
}

.carousel-matching-ins .carousel-item h2 {
  margin: 0;
  font-size: inherit;
}

.carousel-matching-ins .carousel-item.match-type1 {
  background-color: #ffde33;
}

.carousel-matching-ins .carousel-item.match-type2 {
  background-color: #8ec0fb;
}

.carousel-matching-ins .carousel-item.match-type3 {
  background-color: #eeeeee;
}

.carousel-matching-ins .match-type1 {
  padding-top: 77px;
  line-height: 2.1;
}

.carousel-matching-ins .match-type1 .select-box {
  width: 140px;
  margin-right: 13px;
  vertical-align: text-bottom;
}

.carousel-matching-ins .match-type1 .select-box .anchor {
  height: 45px;
  border: none;
  border-bottom: 1px solid #222222;
  background-color: inherit;
  color: #222222;
  font-size: inherit;
  line-height: 45px;
}

.carousel-matching-ins .match-type1 .select-box .anchor:before {
  border-color: #222222;
}

.carousel-matching-ins .match-type1 .select-box .panel {
  top: 44px;
}

.carousel-matching-ins .match-type2 .check-wrap {
  padding-top: 40px;
  font-size: 0;
}

.carousel-matching-ins .match-type2 .check-wrap .input-check + .input-check {
  margin-left: 28px;
}

.carousel-matching-ins .match-type2 .check-wrap .input-check span {
  display: block;
  width: 70px;
  padding: 72px 0 0;
  color: #666666;
  font-size: 15px;
}

.carousel-matching-ins .match-type2 .check-wrap .input-check input + span:before {
  display: block;
  width: inherit;
  height: 70px;
  border: none;
  border-radius: 0;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svpb_vaf_zngpu.cat");
  content: '';
}

.carousel-matching-ins .match-type2 .check-wrap .input-check:nth-of-type(2) span:before {
  background-position-y: -70px;
}

.carousel-matching-ins .match-type2 .check-wrap .input-check:nth-of-type(3) span:before {
  background-position-y: -140px;
}

.carousel-matching-ins .match-type2 .check-wrap .input-check:nth-of-type(4) span:before {
  background-position-y: -210px;
}

.carousel-matching-ins .match-type2 .check-wrap .input-check:nth-of-type(5) span:before {
  background-position-y: -280px;
}

.carousel-matching-ins .match-type2 .check-wrap .input-check:nth-of-type(6) span:before {
  background-position-y: -350px;
}

.carousel-matching-ins .match-type2 .check-wrap .input-check:nth-of-type(7) span:before {
  background-position-y: -420px;
}

.carousel-matching-ins .match-type2 .check-wrap .input-check:nth-of-type(8) span:before {
  background-position-y: -490px;
}

.carousel-matching-ins .match-type2 .check-wrap .input-check:nth-of-type(9) span:before {
  background-position-y: -560px;
}

.carousel-matching-ins .match-type2 .check-wrap .input-check:nth-of-type(10) span:before {
  background-position-y: -630px;
}

.carousel-matching-ins .match-type2 .input-check input:checked + span {
  color: #222222;
}

.carousel-matching-ins .match-type2 .input-check input:checked + span:before {
  background-position-x: -70px;
}

.carousel-matching-ins .match-type2 .input-check span:after {
  content: none;
}

.carousel-matching-ins .match-type3 > p {
  padding-top: 100px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svpb_purpx_qbp.cat") no-repeat center 23px;
}

.page-01 .recommend-ins .theme {
  position: relative;
}

.page-01 .recommend-ins .theme::after {
  display: block;
  clear: both;
  content: "";
}

.page-01 .recommend-ins .theme h3 {
  position: absolute;
  top: 25px;
  left: 30px;
  margin: 0;
  font-size: 18px;
  line-height: 1.4;
}

.page-01 .recommend-ins .theme .img {
  float: left;
  margin: 0 10px 0 0;
  font-size: 0;
}

.page-01 .recommend-ins .theme ul li {
  display: block;
  float: left;
  width: calc(100% - 317px);
}

.page-01 .recommend-ins .theme ul li + li {
  margin-top: 10px;
}

.page-01 .recommend-ins .theme .item {
  display: block;
  height: 90px;
  padding: 16px 0 0 29px;
  border: 1px solid #eeeeee;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  font-size: 15px;
}

.page-01 .recommend-ins .theme .item strong {
  font-size: 18px;
}

.page-01 .recommend-ins .theme .item .txt-label {
  min-width: 48px;
  margin-top: 7px;
}

.page-01 .recommend-ins .theme + .theme {
  clear: left;
  margin-top: 50px;
}

.page-01 .ins-story {
  background-color: #fcfcfc;
}

.page-01 .ins-story ul {
  margin: 0 -10px;
}

.page-01 .ins-story ul::after {
  display: block;
  clear: both;
  content: "";
}

.page-01 .ins-story ul li {
  float: left;
  width: calc(33.3333% - 20px);
  height: 260px;
  margin: 0 10px;
  font-size: 15px;
}

.page-01 .ins-story .item {
  display: block;
  width: 100%;
  height: inherit;
  border: 1px solid #eeeeee;
  background-color: #FFFFFF;
}

.page-01 .ins-story .item .img {
  display: block;
  width: 100%;
  height: 172px;
}

.page-01 .ins-story .item .img img {
  width: inherit;
  height: inherit;
}

.page-01 .ins-story .item .txt {
  display: block;
  padding: 20px;
}

.page-01 .ins-story .quiz {
  position: relative;
  height: 100%;
  padding: 20px 29px 29px;
  border: 1px solid #eae7dc;
  background: #f7f3e8 url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svpb_zntavsl.cat") no-repeat 235px 23px;
}

.page-01 .ins-story .quiz strong {
  display: block;
  margin-bottom: 15px;
  font-size: 18px;
  line-height: 1.2;
}

.page-01 .ins-story .quiz .question p {
  display: none;
}

.page-01 .ins-story .quiz .buttons {
  position: absolute;
  right: 29px;
  bottom: 25px;
  left: 29px;
  font-size: 0;
}

.page-01 .ins-story .quiz button {
  width: calc(50% - 1px);
  height: 35px;
  font-size: 13px;
}

.page-01 .ins-story .quiz button + button {
  margin-left: 2px;
}

.page-01 .ins-story .quiz button:only-child {
  width: 100%;
}

.page-01 .ins-story .quiz .answer {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  display: none;
  width: 100%;
  height: 178px;
  padding: 0 29px;
  background-color: inherit;
  font-size: 14px;
}

.page-02 .ins-triple {
  background-color: #e2ddf9;
  text-align: center;
}

.page-02 .ins-triple h2 {
  margin: 0 0 32px 0;
}

.page-02 .ins-triple .item-list {
  margin-top: 30px;
}

.page-02 .ins-triple .item {
  text-align: left;
}

.page-02 .btn-tag {
  position: relative;
  display: inline-block;
  height: 36px;
  padding: 0 36px 0 15px;
  border-radius: 18px;
  background-color: #9e8c6e;
  color: #FFFFFF;
  line-height: 37px;
}

.page-02 .btn-tag:nth-child(n+2) {
  margin-left: 8px;
}

.page-02 .btn-tag:before, .page-02 .btn-tag:after {
  position: absolute;
  top: 50%;
  right: 13px;
  display: block;
  width: 13px;
  height: 1px;
  background-color: #FFFFFF;
  content: '';
}

.page-02 .btn-tag:before {
  transform: rotate(45deg);
}

.page-02 .btn-tag:after {
  transform: rotate(135deg);
}

.page-02 .compare-ins .item-list > li {
  background-color: #eeeeee;
}

.page-02 .compare-ins .item-list .item {
  padding: 25px 40px;
  border-radius: 10px;
}

.page-02 .compare-ins .item-list .item strong {
  height: 64px;
  margin-bottom: 20px;
  border-bottom: 1px solid #cccccc;
  font-size: 18px;
  line-height: 1.4;
}

.page-02 .compare-ins .item-list .item .check:nth-child(n+2) {
  margin-top: 7px;
}

.page-02 .pay-example {
  background-color: #e3e7f0;
}

.page-02 .pay-example .item-list .item {
  position: relative;
  height: 266px;
  padding: 24px 29px 29px;
  border: 1px solid #d7dbe4;
  border-radius: 0;
  background-color: #FFFFFF;
}

.page-02 .pay-example .item-list .item .icon-angle-right {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 50px;
  height: 103px;
}

.page-02 .pay-example .item-list .item p {
  margin-bottom: 4px;
  font-size: 18px;
}

.page-02 .pay-example .item-list .item .tag {
  padding-right: 3px;
  color: #666;
}

.page-02 .pay-example .item-list .item .tag:before {
  content: '#';
}

.page-02 .pay-example .item-list .item .amounts {
  position: absolute;
  bottom: 0;
  width: 100%;
  margin: 0 -29px;
  padding: inherit;
  padding-top: 0;
  background-color: #fcfdfe;
}

.page-02 .pay-example .item-list .item h3 {
  margin: 0;
  padding: 25px 0;
  font-size: inherit;
}

.page-02 .pay-example .item-list .item dl::after {
  display: block;
  clear: both;
  content: "";
}

.page-02 .pay-example .item-list .item dt {
  clear: left;
  width: 40%;
}

.page-02 .pay-example .item-list .item dd {
  clear: right;
  width: 60%;
}

.page-02 .pay-example .item-list .item dt:nth-of-type(n+2), .page-02 .pay-example .item-list .item dd:nth-of-type(n+2) {
  margin-top: 8px;
  padding-top: 11px;
  border-top: 1px solid #cccccc;
}

.page-03 .analysis::after {
  display: block;
  clear: both;
  content: "";
}

.page-03 .analysis .graph-box {
  position: relative;
  height: 260px;
  margin-bottom: 10px;
  padding: 24px 29px 29px;
  border: 1px solid #eeeeee;
}

.page-03 .analysis .graph-box .img {
  position: absolute;
  top: 24px;
  right: 28px;
}

.page-03 .analysis .graph-box .data::after {
  display: block;
  clear: both;
  content: "";
}

.page-03 .analysis .graph-box .data li {
  float: left;
  width: 169px;
}

.page-03 .analysis .graph-box .data li:nth-child(2) {
  width: 220px;
}

.page-03 .analysis .graph-box .data li:nth-child(3) {
  width: 158px;
}

.page-03 .analysis .graph-box .data li strong {
  display: block;
  margin-top: 10px;
}

.page-03 .analysis .graph-box .breadcrumb {
  position: absolute;
  bottom: 29px;
  left: 29px;
  display: inline-block;
  padding: 4px 10px 2px;
  border-radius: 13px;
  background-color: #fafafa;
}

.page-03 .analysis .graph-box + .info-text01 {
  margin-top: 0;
}

.page-03 .analysis-nodata .img {
  position: relative;
  margin-bottom: 30px;
  font-size: 0;
}

.page-03 .analysis-nodata .img span {
  position: absolute;
  top: 116px;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 18px;
}

.page-03 .analysis-nodata .guide {
  padding: 30px 0 30px 29px;
  border: 1px solid #eeeeee;
}

.page-03 .analysis-nodata .guide::after {
  display: block;
  clear: both;
  content: "";
}

.page-03 .analysis-nodata .guide > p {
  position: relative;
  padding-left: 66px;
}

.page-03 .analysis-nodata .guide > p:before {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 50px;
  height: 50px;
  margin-top: -25px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svpb_cp_rgp01.cat") no-repeat 0 0;
  content: '';
}

.page-03 .analysis-nodata .step {
  margin: 0;
  background-color: inherit;
}

.page-03 .analysis-nodata .step ol {
  width: 500px;
}

.page-03 .analysis-nodata .step ol li {
  color: #222222;
}

.page-03 .analysis-nodata .step ol li:nth-child(n+2):before {
  width: 12px;
  height: 12px;
  border-width: 1px;
  border-color: #aa9a80;
}

.page-03 .analysis-nodata .nodata-text {
  height: 260px;
  margin-bottom: 30px;
  padding: 25px 0 0;
  border: 1px solid #eeeeee;
}

.page-03 .analysis-nodata .nodata-text .nodata-text1 {
  text-align: center;
  font-size: 18px;
}

.page-03 .analysis-nodata .nodata-text .nodata-text2 {
  margin-top: 3px;
  color: #666;
  text-align: center;
}

.page-03 .analysis-nodata .nodata-text .nodata-text3 {
  margin-top: 31px;
  text-align: center;
}

.page-03 .analysis-nodata .nodata-text .nodata-text3 span {
  display: inline-block;
  height: 26px;
  padding: 5px 20px 0;
  border-radius: 13px;
  background-color: #fafafa;
  color: #666666;
}

.page-03 .analysis-nodata .nodata-text ul {
  position: relative;
  overflow: hidden;
  margin-top: 20px;
  padding-top: 20px;
}

.page-03 .analysis-nodata .nodata-text ul::before {
  position: absolute;
  top: 0;
  left: 50%;
  width: 40px;
  height: 1px;
  background-color: #ffde33;
  content: '';
  transform: translateX(-50%);
}

.page-03 .analysis-nodata .nodata-text li {
  position: relative;
  float: left;
  width: 280px;
  margin: 10px 0 0 30px;
  padding-left: 15px;
}

.page-03 .analysis-nodata .nodata-text li:after {
  position: absolute;
  top: 6px;
  left: 0;
  width: 5px;
  height: 5px;
  background-color: #9e8c6e;
  content: '';
}

.page-03 .ins-triple {
  background-color: #bbe8e5;
}

.check {
  position: relative;
  padding-left: 23px;
}

.check::before {
  position: absolute;
  top: 6px;
  left: 3px;
  display: block;
  width: 10px;
  height: 5px;
  border: solid #666;
  border-width: 0 0 2px 2px;
  content: '';
  transform: rotate(-45deg);
}

.check.y::before {
  border-color: #ffde33;
}

.kblife-retire-cont02 {
  position: relative;
}

.kblife-retire-cont02 h3 {
  margin-top: 26px;
  padding-left: 29px;
  font-weight: 600;
}

.kblife-retire-cont02 .grah-list {
  position: absolute;
  top: 36px;
  right: 99px;
}

.kblife-retire-cont02 .grah-list li {
  position: relative;
  padding-right: 22px;
  padding-left: 22px;
}

.kblife-retire-cont02 .grah-list li:first-child::after {
  background-color: #9e8c6e;
}

.kblife-retire-cont02 .grah-list li:nth-child(2)::after {
  background-color: #ffde33;
}

.kblife-retire-cont02 .grah-list li:nth-child(3)::after {
  background-color: #f46600;
}

.kblife-retire-cont02 .grah-list li::after {
  position: absolute;
  top: 2px;
  left: 0;
  width: 12px;
  height: 12px;
  content: '';
}

.kblife-retire-cont02 .grah-list li + li {
  margin-top: 2px;
}

.kblife-retire-cont02 .retire-graph {
  position: relative;
  padding: 40px 99px 30px;
}

.kblife-retire-cont02 .retire-graph ul {
  height: 206px;
  border-bottom: 1px solid #666666;
  text-align: center;
}

.kblife-retire-cont02 .retire-graph ul::after {
  display: block;
  clear: both;
  content: "";
}

.kblife-retire-cont02 .retire-graph ul li {
  position: relative;
  display: inline-block;
  width: 62px;
  height: 100%;
  margin: 0 34px;
  white-space: nowrap;
}

.kblife-retire-cont02 .retire-graph ul li .graph {
  position: absolute;
  bottom: 0;
  left: 0;
  display: inline-block;
  width: 100%;
  vertical-align: bottom;
}

.kblife-retire-cont02 .retire-graph ul li .graph .graph-count {
  position: absolute;
  top: -25px;
  left: 50%;
  color: #3d3d3d;
  font-weight: 600;
  transform: translateX(-50%);
}

.kblife-retire-cont02 .retire-graph ul li:nth-child(1) .graph {
  background-color: #9e8c6e;
}

.kblife-retire-cont02 .retire-graph ul li:nth-child(2) .graph {
  background-color: #ffde33;
}

.kblife-retire-cont02 .retire-graph ul li:nth-child(3) .graph {
  background-color: #f46600;
}

.add-file + .add-file {
  margin-top: 67px;
}

.add-file .file-view.type-2 {
  overflow-x: visible;
  overflow-y: visible;
  min-height: 50px;
  padding: 6px 20px 12px;
  border-top-color: #666666;
  border-right-color: transparent;
  border-bottom-color: 1px solid #eeeeee;
  border-left-color: transparent;
  background-color: #FFFFFF;
  color: #666666;
}

.add-file .file-view.type-2 + .file-view.type-2 {
  margin-top: 68px;
}

.add-file .file-view.type-2 p {
  padding-top: 9px;
}

.add-file .file-view.type-2 ul {
  width: 762px;
  white-space: normal;
}

.add-file .file-view.type-2 ul li {
  position: relative;
  display: inline-block;
  min-width: 130px;
  margin-top: 10px;
  margin-right: 24px;
  padding-left: 28px;
  color: #222222;
  white-space: nowrap;
  font-size: 13px;
}

.add-file .file-view.type-2 ul li .del {
  position: absolute;
  top: 0;
  left: 0;
  width: 19px;
  height: 19px;
  border-radius: 19px;
  background-color: #60584c;
  font-size: 0;
}

.header .logo a {
  display: block;
  width: 232px;
  height: 24px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Svfc%2Svzt_ybtb.cat") no-repeat 0 0;
}

.online-ins-main {
  padding-bottom: 0;
}

.online-ins-main h2 {
  margin: 0;
}

.online-ins-main section.top {
  padding: 60px 0;
  background-color: #e0ddd1;
}

.online-ins-main .ins-simple-calculation .cal-before {
  background-color: #FFFFFF;
  box-shadow: 0 18px 18px rgba(0, 0, 0, 0.12);
}

.online-ins-main .ins-simple-calculation .go-cal-after,
.online-ins-main .ins-simple-calculation .go-cal-before {
  position: absolute;
  width: 96px;
  border-bottom: 1px solid #222222;
  color: #222222;
  font-size: 16px;
}

.online-ins-main .ins-simple-calculation .go-cal-after:before,
.online-ins-main .ins-simple-calculation .go-cal-before:before {
  position: inherit;
  bottom: 3px;
  display: block;
  width: 10px;
  border-top: 1px solid #222222;
  content: '';
  transform: rotate(45deg);
}

.online-ins-main .ins-simple-calculation .go-cal-after:after,
.online-ins-main .ins-simple-calculation .go-cal-before:after {
  position: inherit;
  bottom: -5px;
  display: block;
  width: 10px;
  border-top: 1px solid #222222;
  content: '';
  transform: rotate(-45deg);
}

.online-ins-main .ins-simple-calculation .tab-1 {
  margin-bottom: 0;
}

.online-ins-main .ins-simple-calculation .tab-list li {
  background-color: #8f7f62;
}

.online-ins-main .ins-simple-calculation .tab-list li a {
  color: #FFFFFF;
}

.online-ins-main .ins-simple-calculation .tab-list li.active {
  background-color: #fff;
}

.online-ins-main .ins-simple-calculation .tab-list li.active a {
  border-bottom-color: #fff;
  color: #7a7061;
}

.online-ins-main .ins-simple-calculation .tab-content {
  background: #fff;
}

.online-ins-main .ins-simple-calculation .tab-content > div {
  position: relative;
  padding: 65px 100px 58px;
  color: #222222;
  font-weight: 300;
  font-size: 27px;
  line-height: 2.1;
}

.online-ins-main .ins-simple-calculation .tab-content > div > strong {
  font-family: KBFGDisplayB;
}

.online-ins-main .ins-simple-calculation .tab-content > div .select-box {
  margin-right: 13px;
  width: 120px;
  vertical-align: text-bottom;
}

.online-ins-main .ins-simple-calculation .tab-content > div .select-box .anchor {
  height: 38px;
  padding-left: 0;
  margin-top: 6px;
  background: #fff;
  border: none;
  border-bottom: 1px solid #222222;
  color: #222222;
  font-size: 27px;
}

.online-ins-main .ins-simple-calculation .tab-content > div .select-box .anchor:before {
  width: 8px;
  height: 8px;
  margin-top: -5px;
  border-color: #222222;
}

.online-ins-main .ins-simple-calculation .tab-content > div .select-box .panel {
  top: 43px;
}

.online-ins-main .ins-simple-calculation .tab-content > div .input-radio {
  height: 40px;
  vertical-align: text-bottom;
  vertical-align: -6px;
}

.online-ins-main .ins-simple-calculation .tab-content > div .input-radio + .input-radio {
  margin-left: -3px;
}

.online-ins-main .ins-simple-calculation .tab-content > div .input-radio input:checked + span {
  background-color: #7a7061;
  color: #FFFFFF;
}

.online-ins-main .ins-simple-calculation .tab-content > div .input-radio span {
  padding-left: 0;
  width: 40px;
  height: 40px;
  border: 1px solid #7a7061;
  color: #7a7061;
  font-weight: 200;
  font-size: 27px;
  line-height: 40px;
  text-indent: 0;
  text-align: center;
}

.online-ins-main .ins-simple-calculation .tab-content > div .input-radio span:before, .online-ins-main .ins-simple-calculation .tab-content > div .input-radio span:after {
  content: none;
}

.online-ins-main .ins-simple-calculation .tab-content > div .go-cal-after {
  top: 126px;
  right: 77px;
  padding-right: 24px;
}

.online-ins-main .ins-simple-calculation .tab-content > div .go-cal-after:before {
  right: 0;
  transform: rotate(45deg);
}
.online-ins-main .ins-simple-calculation .tab-content > div .go-cal-after:after {
  right: 0;
  transform: rotate(-45deg);
}

.online-ins-main .ins-simple-calculation .cal-after {
  position: relative;
  margin: -27px 0 -10px;
  background-color: transparent;
  text-align: center;
}

.online-ins-main .ins-simple-calculation .cal-after h3 {
  margin: 0;
  font-family: KBFGDisplayB;
  font-size: 30px;
}

.online-ins-main .ins-simple-calculation .cal-after .receipt-case {
  margin: 12px auto 0;
}

.online-ins-main .ins-simple-calculation .cal-after .receipt-case::after {
  display: block;
  clear: both;
  content: "";
}

.online-ins-main .ins-simple-calculation .cal-after .receipt-case li {
  position: relative;
  float: left;
  margin: 15px 30px 0 0;
  padding: 24px 22px 22px;
  height: 270px;
  width: 300px;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
  background-color: #fff;
  color: #222222;
  border: 2px solid #fff;
}

.online-ins-main .ins-simple-calculation .cal-after .receipt-case li:first-child {
  background-color: #ffde33 !important;
  border-color: #ffde33;
}

.online-ins-main .ins-simple-calculation .cal-after .receipt-case li:first-child .tit::before {
  border: solid #fff;
  border-width: 0 0 2px 2px;
}

.online-ins-main .ins-simple-calculation .cal-after .receipt-case li:last-child {
  margin-right: 0;
}

.online-ins-main .ins-simple-calculation .cal-after .receipt-case li .tit {
  margin-bottom: 30px;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: -1px;
}

.online-ins-main .ins-simple-calculation .cal-after .receipt-case li .tit::before {
  display: inline-block;
  margin: 0 10px 5px -10px;
  width: 10px;
  height: 5px;
  border: solid #666;
  border-width: 0 0 2px 2px;
  content: '';
  transform: rotate(-45deg);
}

.online-ins-main .ins-simple-calculation .cal-after .receipt-case li span {
  color: #666666;
  font-weight: 300;
}

.online-ins-main .ins-simple-calculation .cal-after .receipt-case li a {
  position: absolute;
  bottom: 24px;
  left: 50%;
  margin-left: -90px;
  width: 180px;
  height: 43px;
  border: 1px solid #666666;
  border-radius: 2px;
  color: #222222;
  line-height: 43px;
  font-size: 14px;
  font-weight: 200;
}

.online-ins-main .ins-simple-calculation .cal-after .receipt-case li strong {
  display: block;
  margin: 3px 0 5px;
  font-family: KBFGDisplayB;
  font-size: 30px;
  line-height: 1.1;
}

.online-ins-main .ins-simple-calculation .cal-after .receipt-case li .info-txt {
  position: absolute;
  left: 50%;
  bottom: -28px;
  width: 100%;
  font-size: 12px;
  font-weight: 200;
  color: #666666;
  transform: translateX(-50%);
  letter-spacing: -1px;
}

.online-ins-main .ins-simple-calculation .cal-after .receipt-case li:hover, .online-ins-main .ins-simple-calculation .cal-after .receipt-case li:focus {
  border-color: #60584c;
}

.online-ins-main .ins-simple-calculation .cal-after .receipt-case li:hover p::before, .online-ins-main .ins-simple-calculation .cal-after .receipt-case li:focus p::before {
  border-color: #ffde33;
}

.online-ins-main .ins-simple-calculation .cal-after .go-cal-before {
  top: 7px;
  left: 0;
  padding-left: 30px;
  line-height: 2.2;
}

.online-ins-main .ins-simple-calculation .cal-after .go-cal-before:before {
  left: 0;
  transform: rotate(135deg);
}

.online-ins-main .ins-simple-calculation .cal-after .go-cal-before:after {
  left: 0;
  transform: rotate(-135deg);
}


.online-ins-main section.ins-calculation .isp-calculation-container {
  background-color: #a89674;
}

.online-ins-main section.ins-calculation .isp-calculation-container .birthday {
  color: #ccc6bc;
}

.online-ins-main section.ins-calculation .isp-calculation-container .birthday input::placeholder {
  color: #ccc6bc;
}

.online-ins-main section.ins-calculation .isp-calculation-container .birthday input::-webkit-input-placeholder {
  color: #ccc6bc;
}

.online-ins-main section.ins-calculation .isp-calculation-container .birthday input:-ms-input-placeholder {
  color: #ccc6bc;
}

.online-ins-main section.ins-calculation .isp-calculation-container .button-cal {
  background-color: #8f8063;
}

.online-ins-main section.ins-calculation .isp-calculation-container .radio-check {
  width: 195px;
}

.online-ins-main section.ins-calculation .isp-calculation-container .radio-check label span {
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Svfc%2Sot_traqre_enqvb_ohggba.cat");
}

.online-ins-main section.ins-calculation .isp-calculation-container .radio-check label:nth-child(1) span {
  background-position: 0 0;
}

.online-ins-main section.ins-calculation .isp-calculation-container .radio-check label:nth-child(1) input:checked + span {
  background-position: 0 -44px;
}

.online-ins-main section.ins-calculation .isp-calculation-container .radio-check label:nth-child(2) span {
  background-position: 100% 0;
}

.online-ins-main section.ins-calculation .isp-calculation-container .radio-check label:nth-child(2) input:checked + span {
  background-position: 100% -44px;
}

.online-ins-main section.ins-plans {
  padding: 35px 0 39px;
  background-color: #eeeeee;
}

.online-ins-main section.ins-plans h2 {
  margin-bottom: 31px;
  text-align: center;
  font-size: 27px;
}

.online-ins-main .ins-item-list::after {
  display: block;
  clear: both;
  content: "";
}

.online-ins-main .ins-item-list > li {
  float: left;
  width: 302px;
  border: 1px solid #d9e2e7;
  background-color: #FFFFFF;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
}

.online-ins-main .ins-item-list > li > img {
  font-size: 0;
  line-height: 0;
}

.online-ins-main .ins-item-list > li > .carousel-tit {
  display: table-cell;
  padding: 15px 0 16px;
  text-align: center;
  height: 119px;
  width: 302px;
  vertical-align: middle;
}

.online-ins-main .ins-item-list > li > .carousel-tit.type-1 > span:only-child {
  font-weight: 600;
  font-size: 27px;
  color: #222222;
}

.online-ins-main .ins-item-list > li > .carousel-tit span {
  display: block;
}

.online-ins-main .ins-item-list > li > .carousel-tit span:nth-child(1) {
  margin-bottom: 3px;
  color: #8d8d8d;
  font-weight: 200;
  font-size: 14px;
  letter-spacing: -0.25px;
}

.online-ins-main .ins-item-list > li > .carousel-tit span:nth-child(2) {
  font-weight: 600;
  font-size: 27px;
  color: #222222;
}

.online-ins-main .ins-item-list > li > .carousel-tit span:nth-child(3) {
  display: inline-block;
  padding: 0 4px;
  border: 1px solid #e9e9e9;
  border-radius: 2px;
  font-size: 12px;
}

.online-ins-main .ins-item-list .item-example {
  color: rgba(255, 255, 255, 0.8);
  text-align: center;
  font-size: 12px;
  line-height: 1;
}

.online-ins-main .ins-item-list .item-example.c1 {
  background-color: #ec6569;
}

.online-ins-main .ins-item-list .item-example.c2 {
  background-color: #a56cf4;
}

.online-ins-main .ins-item-list .item-example.c3 {
  background-color: #00a5aa;
}

.online-ins-main .ins-item-list .item-example.c4 {
  background-color: #f16b37;
}

.online-ins-main .ins-item-list .item-example.c5 {
  background-color: #3a9bdf;
}

.online-ins-main .ins-item-list .item-example.c6 {
  background-color: #1aaa60;
}

.online-ins-main .ins-item-list .item-example dl {
  position: relative;
  height: 78px;
  padding: 21px 32px 15px;
  font-size: 18px;
}

.online-ins-main .ins-item-list .item-example dl::after {
  display: block;
  clear: both;
  content: "";
}

.online-ins-main .ins-item-list .item-example dl:before {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  margin-top: -10px;
  margin-left: -15px;
  width: 21px;
  height: 21px;
  border: 4px solid;
  border-color: #fff #fff transparent transparent;
  content: '';
  opacity: .4;
  transform: rotate(45deg);
}

.online-ins-main .ins-item-list .item-example dl dt {
  float: left;
  text-align: left;
  font-weight: 600;
  color: #fff;
}

.online-ins-main .ins-item-list .item-example dl dd {
  float: right;
  text-align: right;
  font-weight: 600;
  color: #fff;
}

.online-ins-main .ins-item-list .item-example dl span {
  display: block;
  padding: 0 0 7px 0;
  color: #fff;
  letter-spacing: -.5px;
  font-weight: 200;
  font-size: 14px;
}

.online-ins-main .ins-item-list .item-example .breadcrumb-cont {
  position: relative;
  height: 136px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.online-ins-main .ins-item-list .item-example .breadcrumb-cont .breadcrumb {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translateX(-50%) translateY(-50%);
}

.online-ins-main .ins-item-list .item-example .breadcrumb-cont .breadcrumb ul + ul {
  margin-top: 5px;
}

.online-ins-main .ins-item-list .item-example .breadcrumb-cont .breadcrumb li {
  font-size: 14px;
  line-height: 24px;
  color: #fff;
}

.online-ins-main .ins-item-list .item-example dl.type-2:before {
  display: none;
}

.online-ins-main .ins-item-list .item-example dl.type-2 dt {
  float: none;
  text-align: center;
}

.online-ins-main .ins-item-list .item-example dl.type-2 dd {
  float: none;
  text-align: center;
}

.online-ins-main .ins-item-list .item-example .breadcrumb.type-2 {
  top: 9px;
  left: 0;
  transform: none;
  padding: 0 30px;
}

.online-ins-main .ins-item-list .item-example .breadcrumb.type-2 li {
  display: block;
  text-align: left;
  font-weight: 200;
}

.online-ins-main .ins-item-list .item-example .breadcrumb.type-2 li:before {
  display: none;
}

.online-ins-main .ins-item-list .item-example .breadcrumb.type-2 li span {
  float: right;
  margin-top: 5px;
  text-align: right;
  font-weight: 400;
  line-height: 18px;
}

.online-ins-main .ins-item-list .btns {
  padding: 12px;
}

.online-ins-main .ins-item-list .btns::after {
  display: block;
  clear: both;
  content: "";
}

.online-ins-main .ins-item-list .btns a {
  display: block;
  float: left;
  width: 50%;
  height: 47px !important;
  padding: 0 !important;
  color: #222222 !important;
  text-align: center;
  font-size: 15px;
  line-height: 44px;
  background-image: none !important;
}

.online-ins-main .ins-item-list .btns a:first-child {
  border: 1px solid #d8d8d8;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  -webkit-box-shadow: 0 -3px 0 #f7f7f7 inset;
  -moz-box-shadow: 0 -3px 0 #f7f7f7 inset;
  box-shadow: 0 -3px 0 #f7f7f7 inset;
}

.online-ins-main .ins-item-list .btns a:last-child {
  margin-left: -1px;
  width: calc(50% + 1px);
  border: 1px solid #ffde33;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  background-color: #ffde33 !important;
  -webkit-box-shadow: 0 -3px 0 #eebf00 inset !important;
  -moz-box-shadow: 0 -3px 0 #eebf00 inset !important;
  box-shadow: 0 -3px 0 #eebf00 inset !important;
}

.online-ins-main .ins-item-list .btns a:last-child:only-child {
  width: 100%;
  border: 1px solid #d8d8d8;
  background-color: transparent !important;
  -webkit-box-shadow: 0 -3px 0 #f7f7f7 inset !important;
  -moz-box-shadow: 0 -3px 0 #f7f7f7 inset !important;
  box-shadow: 0 -3px 0 #f7f7f7 inset !important;
}

.online-ins-main .ins-item-list .btns a:last-child:only-child:hover, .online-ins-main .ins-item-list .btns a:last-child:only-child:focus {
  background-color: #ffde33 !important;
  -webkit-box-shadow: 0 -3px 0 #eebf00 inset !important;
  -moz-box-shadow: 0 -3px 0 #eebf00 inset !important;
  box-shadow: 0 -3px 0 #eebf00 inset !important;
}

.online-ins-main section.services {
  padding: 80px 0 76px;
}

.online-ins-main section.services .inside {
  border: 1px solid #eeeeee;
  border-radius: 4px;
}

.online-ins-main section.services .inside::after {
  display: block;
  clear: both;
  content: "";
}

.online-ins-main section.services h2 {
  display: block;
  padding: 38px 27px 27px 30px;
  font-size: 17px;
}

.online-ins-main section.services .svc-list {
  display: inline-block;
}

.online-ins-main section.services .svc-list::after {
  display: block;
  clear: both;
  content: "";
}

.online-ins-main section.services .svc-list li {
  float: left;
  margin-left: 50px;
  text-align: center;
  font-size: 14px;
}

.online-ins-main section.services .svc-list li:first-child {
  margin-left: 30px;
}

.online-ins-main section.services .svc-list li a {
  color: #777777;
  line-height: 1.3;
}

.online-ins-main section.services .svc-list li a::before {
  display: block;
  margin-bottom: 12px;
  width: 80px;
  height: 80px;
  border: 1px solid #d9d9d9;
  border-radius: 15px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Svfc%2Svpb_bayvar_fip.cat") no-repeat 0 0;
  content: '';
}

.online-ins-main section.services .svc-list li:nth-child(2) ::before {
  background-position-y: -80px;
}

.online-ins-main section.services .svc-list li:nth-child(3) ::before {
  background-position-y: -160px;
}

.online-ins-main section.services .svc-list li:nth-child(4) ::before {
  background-position-y: -240px;
}

.online-ins-main section.services .svc-list li:nth-child(5) ::before {
  background-position-y: -320px;
}

.online-ins-main section.services .contact {
  float: right;
  margin-top: -85px;
  width: 360px;
  padding: 0 30px;
  border-left: 1px solid #eeeeee;
}

.online-ins-main section.services .contact li {
  position: relative;
  min-height: 80px;
  padding: 21px 0 19px 122px;
  color: #777777;
  font-size: 14px;
  line-height: 1.3;
}

.online-ins-main section.services .contact li:nth-child(n+2) {
  border-top: 1px solid #eeeeee;
}

.online-ins-main section.services .contact strong {
  position: absolute;
  top: 20px;
  left: 0;
  display: block;
  color: #222222;
  font-size: 17px;
}

.online-ins-main section.services .contact span {
  display: block;
  margin-bottom: 5px;
  color: #9e8c6e;
  line-height: 1;
  font-size: 24px;
}

.online-ins-main section.services .contact span + a {
  margin-top: 0;
}

.online-ins-main section.services .contact a {
  margin-top: 5px;
  color: inherit;
}

.online-ins-main section.services .contact a:before {
  left: 120%;
  border-color: #ffde33;
}

.online-ins-main section.banners {
    padding: 60px 0;
    background-color: #e0ddd1;
}

.online-ins-main section.banners .carousel-util {
  position: absolute;
  bottom: 13px;
  left: 50%;
  z-index: 1;
  margin-left: 3px;
  font-size: 0;
  transform: translateX(-50%);
}

.online-ins-main section.banners .carousel-util > * {
  float: left;
}

.online-ins-main section.banners .controller {
  margin-left: 4px;
}

.online-ins-main section.banners .controller button {
  position: relative;
  display: block;
  margin-left: -4px;
  width: 20px;
  height: 20px;
}

.online-ins-main section.banners .controller button.stop::before, .online-ins-main section.banners .controller button.stop::after {
  position: absolute;
  top: 6px;
  display: block;
  width: 3px;
  height: 8px;
  background-color: #FFFFFF;
  content: '';
  opacity: .5;
}

.online-ins-main section.banners .controller button.stop::before {
  left: 6px;
}

.online-ins-main section.banners .controller button.stop::after {
  right: 6px;
}

.online-ins-main section.banners .controller button.play::before {
  position: absolute;
  top: 5px;
  left: 6px;
  display: block;
  border-width: 5px 0 5px 7px;
  border-style: solid;
  border-color: transparent #FFFFFF transparent #FFFFFF;
  content: '';
  opacity: .5;
}

.online-ins-main section.banners .indicator span {
  display: inline-block;
  margin-top: 6px;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background-color: #FFFFFF;
  opacity: .5;
}

.online-ins-main section.banners .indicator span:nth-child(n+2) {
  margin-left: 6px;
}

.online-ins-main section.banners .indicator span.on {
  width: 22px;
  background-color: #FFFFFF;
  opacity: 1;
}

.online-ins-main .carousel-online-ins {
  position: relative;
}

.online-ins-main .carousel-online-ins .paging {
  display: none;
}

.online-ins-main .carousel-online-ins .carousel-item a {
  display: block;
  height: 256px;
  padding: 35px 40px;
  color: #FFFFFF;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Svfc%2Svzt_rirag_znva.wct") no-repeat;
}

.online-ins-main .carousel-online-ins .carousel-item .evt-tit {
  display: block;
  color: #60584c;
}

.online-ins-main .carousel-online-ins .carousel-item .evt-txt {
  margin-top: 15px;
  font-size: 30px;
  line-height: 47px;
}

.online-ins-main .carousel-online-ins .carousel-item .evt-txt span {
  vertical-align: 13px;
}

.online-ins-main .carousel-online-ins .carousel-item .period {
  margin-top: 20px;
  font-size: 14px;
}

.online-ins-main .carousel-online-ins > button {
  position: absolute !important;
  top: 0;
  width: 45px;
  height: 100%;
}

.online-ins-main .carousel-online-ins > button.disabled {
  display: none;
}

.online-ins-main .carousel-online-ins > button:before {
  margin-top: -10px;
  width: 15px;
  height: 15px;
  border-width: 2px;
  border-color: #ffde33;
}

.online-ins-main .carousel-online-ins > button.prev {
  right: 100%;
}

.online-ins-main .carousel-online-ins > button.prev:before {
  transform: rotate(50deg) skewY(-10deg);
}

.online-ins-main .carousel-online-ins > button.next {
  left: 100%;
}

.online-ins-main .carousel-online-ins > button.next:before {
  right: 5px !important;
  left: initial;
  transform: rotate(40deg) skewX(-10deg);
}

.online-ins-main section.etc {
  padding: 53px 0;
  background-color: #fafafa;
  font-size: 15px;
}

.online-ins-main section.etc::after {
  display: block;
  clear: both;
  content: "";
}

.online-ins-main section.etc h2 {
  margin-bottom: 4px;
  text-align: center;
  font-size: 27px;
}

.online-ins-main section.etc .kb-datas {
  margin-top: 56px;
  color: #8d8d8d;
}

.online-ins-main section.etc .kb-datas::after {
  display: block;
  clear: both;
  content: "";
}

.online-ins-main section.etc .kb-datas li {
  float: left;
  width: 25%;
  text-align: center;
  font-size: 15px;
  line-height: 1;
}

.online-ins-main section.etc .kb-datas li strong {
  display: block;
  margin-top: 15px;
  color: #a09e9a;
}

.online-ins-main section.etc .kb-datas li span {
  font-size: 60px;
  font-family: 'Century Gothic';
  line-height: 47px;
}

.online-ins-main section.etc .kb-datas li + li {
  border-left: 1px solid #eae9e8;
}

.online-ins-main section.etc .kb-datas li:nth-of-type(1) span {
  color: #60584C;
}

.online-ins-main section.etc .kb-datas li:nth-of-type(2) span {
  color: #557360;
}

.online-ins-main section.etc .kb-datas li:nth-of-type(3) span {
  color: #515b6d;
}

.online-ins-main section.etc .kb-datas li:nth-of-type(4) span {
  color: #65516d;
}

.online-ins-main i {
  font-weight: 200;
  font-style: normal;
  font-size: 11px;
}

.online-ins-main + footer {
  margin-top: 0;
}

.breadcrumb li {
  display: inline;
}

.breadcrumb li + li:before {
  padding: 0 3px;
  content: '/\00a0';
}

.isp-login-list .item {
  padding-top: 113px;
  width: 304px;
  height: 284px;
}

.isp-login-list .item::before {
  top: 50px;
}

.isp-login-list .item:nth-child(n+2) {
  margin-left: 24px;
}

.isp-login-list .card:before {
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svpb_ybtva.cat") -120px 0;
}

.isp-login-list .title {
  display: block;
  margin-bottom: 38px;
}

.isp-visual-container {
  position: relative;
  padding-right: calc((100% - 960px) / 2);
  padding-left: calc((100% - 960px) / 2);
  height: 440px;
  background-color: #f5f5f5;
}

.isp-visual-container .title {
  position: relative;
  z-index: 1;
  margin: 0;
  padding-top: 48px;
  padding-bottom: 20px;
  font-size: 44px;
  line-height: 1;
}

.isp-visual-container .desc {
  position: relative;
  z-index: 1;
  font-size: 22px;
  line-height: 30px;
}

.isp-visual-container .desc span {
  font-size: 14px;
}

.isp-visual-container .desc.type-1 span {
  font-size: 22px;
}

.isp-visual-container .desc + .button {
  margin-top: 147px;
}

.isp-visual-container .list-wrap {
  padding-top: 22px;
  padding-bottom: 27px;
}

.isp-visual-container .list-wrap .b {
  padding-bottom: 5px;
  color: #a0814d;
  font-size: 14px;
}

.isp-visual-container .list-wrap li {
  padding-left: 10px;
  color: #666666;
  font-size: 12px;
  line-height: 17px;
}

.isp-visual-container .list-wrap li::before {
  display: inline-block;
  margin-top: 6px;
  margin-right: 7px;
  margin-left: -10px;
  width: 3px;
  height: 3px;
  background-color: #666666;
  content: '';
  vertical-align: top;
}

.isp-visual-container .list-wrap li:nth-child(n+2) {
  margin-top: 2px;
}

.isp-visual-container .button {
  display: inline-block;
  padding: 14px 20px 12px;
  min-width: 200px;
  border: 1px solid #9e8c6e;
  background-color:#9e8c6e;
  color: #ffffff;
  font-size: 15px;
  position: relative;
}

.isp-visual-container .button:before {
  content: '';
  position: absolute;
  box-sizing: content-box;
  top: 50%;
  left: 100%;
  width: 9px;
  height: 9px;
  -webkit-transform: translate(-100%, -50%) rotate(45deg);
  transform: translate(-100%, -50%) rotate(45deg);
  margin-left: -3px;
  border-top: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
}

.isp-visual-container .button::before {
  margin-left: -16px;
}

.isp-visual-container .tail {
  position: absolute;
  right: calc((100% - 960px) / 2);
  bottom: 9px;
  padding: 3px 5px;
  border-radius: 5px;
  background-color: rgba(255, 255, 255, 0.9);
  color: #666666;
  text-align: right;
  font-size: 12px;
}

.isp-visual-container .image {
  position: absolute;
  right: calc((100% - 1148px) / 2);
  bottom: 0;
  display: block;
  font-size: 0;
}

.isp-visual-container .sns-wrap {
  position: absolute;
  top: 46px;
  right: 50%;
  margin-right: -479px;
}

.isp-visual-container .sns-wrap a {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 30px;
}

.isp-visual-container .sns-wrap a::before {
  content: '';
  display: inline-block;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svpb.cat");
}

.isp-visual-container .sns-wrap a.facebook::before {
  background-position: 0 -890px;
}

.isp-visual-container .sns-wrap a.twitter::before {
  background-position: -31px -890px;
}

.isp-calculation-container {
  position: relative;
  min-width: 960px;
  padding-top: 13px;
  padding-right: calc((100% - 960px) / 2);
  padding-bottom: 13px;
  padding-left: calc((100% - 960px) / 2);
  background-color: #ec6569;
}

.isp-calculation-container::after {
  display: block;
  clear: both;
  content: "";
}

.isp-calculation-container .title {
  float: left;
  color: #FFFFFF;
  line-height: 44px;
  font-size: 18px;
  font-weight: 600;
  margin-right: 20px;
}

.isp-calculation-container .birthday {
  position: relative;
  float: left;
  height: 44px;
  border-radius: 3px;
  color: rgba(255, 255, 255, 0.7);
  font-size: 13px;
}

.isp-calculation-container .birthday label {
  font-size: 14px;
  font-weight: 600;
  color: #fff;
}

.isp-calculation-container .birthday input[type=text] {
  width: 118px;
  padding: 0 12px;
  margin-left: 4px;
  height: 100%;
  border: none;
  background-color: #8f8063;
  text-align: center;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
}

.isp-calculation-container ::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.7);
}

.isp-calculation-container .price-cont {
  position: relative;
  display: inline-block;
  margin-right: 14px;
}

.isp-calculation-container .price {
  position: relative;
  display: inline-block;
  padding: 0 50px 0 10px;
  height: 44px;
  border-radius: 3px;
  background-color: #d06a6d;
  color: #FFFFFF;
  letter-spacing: -1px;
  font-size: 14px;
  line-height: 44px;
}

.isp-calculation-container .price input {
  position: absolute;
  top: 0;
  left: 0;
  padding-right: 10px;
  padding-left: 64px;
  width: 100%;
  height: 100%;
  border: none;
  background-color: transparent;
  color: #FFFFFF;
  text-align: right;
  font-size: 14px;
}

.isp-calculation-container .price-text {
  color: #fff;
}

.isp-calculation-container .period-cont {
  position: relative;
  display: inline-block;
  margin-right: 10px;
}

.isp-calculation-container .period {
  display: inline-block;
  width: 40px;
  height: 44px;
  border-radius: 3px;
  background-color: #cd5b2f;
  color: #FFFFFF;
  letter-spacing: -1px;
  font-size: 14px;
  line-height: 44px;
}

.isp-calculation-container .period input {
  padding: 0 10px;
  width: 100%;
  height: 100%;
  border: none;
  background-color: transparent;
  color: #FFFFFF;
  font-size: 14px;
  text-align: center;
}

.isp-calculation-container .period input::placeholder {
  color: #fff;
}

.isp-calculation-container .period input::-webkit-input-placeholder {
  color: #fff;
}

.isp-calculation-container .period input:-ms-input-placeholder {
  color: #fff;
}

.isp-calculation-container .period-tit {
  font-size: 15px;
  color: #FFFFFF;
  line-height: 44px;
  margin: 0 6px 0 14px;
}

.isp-calculation-container .period-text {
  color: #fff;
  font-size: 14px;
}

.isp-calculation-container .period-text + .period-tit {
  margin-left: 8px;
}

.isp-calculation-container .radio-check {
  float: left;
  margin-left: 8px;
  width: 195px;
  height: 44px;
  font-size: 0;
}

.isp-calculation-container .radio-check::after {
  display: block;
  clear: both;
  content: "";
}

.isp-calculation-container .radio-check label {
  position: relative;
  float: left;
  width: 50%;
  height: 44px;
  cursor: pointer;
}

.isp-calculation-container .radio-check input[type=radio] {
  opacity: 0;
}

.isp-calculation-container .radio-check input[type=radio]:checked + span {
  outline: 1px dotted #222222;
}

.isp-calculation-container .radio-check span {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  font-size: 14px;
  line-height: 44px;
  text-align: center;
}

.isp-calculation-container .radio-check label:nth-child(1) span {
  background-color: #c95659;
  color: rgba(255, 255, 255, 0.7);
  border-radius: 3px 0 0 3px;
}

.isp-calculation-container .radio-check label:nth-child(1) input:checked + span {
  background-color: #fff;
  border: 1px solid #c95659;
  color: #737373;
  line-height: 43px;
}

.isp-calculation-container .radio-check label:nth-child(2) span {
  background-color: #c95659;
  color: rgba(255, 255, 255, 0.7);
  border-radius: 0 3px 3px 0;
}

.isp-calculation-container .radio-check label:nth-child(2) input:checked + span {
  background-color: #fff;
  color: #737373;
  border: 1px solid #c95659;
  line-height: 43px;
}

.isp-calculation-container .children {
  position: relative;
  float: left;
  padding-left: 69px;
  width: 152px;
  height: 96px;
}

.isp-calculation-container .children::before {
  position: absolute;
  left: 35px;
  width: 1px;
  height: 96px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Sot_qbgyvar_1k6.cat") repeat-y 0 0;
  content: '';
}

.isp-calculation-container .children label:nth-child(1) span {
  margin-top: 12px;
  margin-bottom: 30px;
}

.isp-calculation-container .children input {
  position: absolute;
  opacity: 0;
}

.isp-calculation-container .children span {
  position: relative;
  display: block;
  padding-left: 23px;
  color: #9e5153;
  font-size: 15px;
}

.isp-calculation-container .children span::before {
  position: absolute;
  top: 2px;
  left: 0;
  width: 16px;
  height: 16px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Soga_purpx_enqvb2.cat") no-repeat 0 -16px;
  content: '';
}

.isp-calculation-container .children input:checked + span {
  color: #fff;
}

.isp-calculation-container .children input:checked + span::before {
  background-position: 0 0;
}

.isp-calculation-container .dropdown {
  position: relative;
  z-index: 1;
  float: left;
  margin-right: 29px;
  padding-left: 27px;
}

.isp-calculation-container .dropdown::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.15);
  content: '';
}

.isp-calculation-container .dropdown:first-child::before {
  display: none;
}

.isp-calculation-container .dropdown.disabled {
  background-color: transparent !important;
}

.isp-calculation-container .dropdown.disabled > .anchor {
  opacity: 0.5;
}

.isp-calculation-container .dropdown > a {
  display: block;
  padding: 12px 38px 0 0;
  padding-bottom: 8px;
  width: 122px;
  height: 44px;
  color: #FFFFFF;
  font-size: 15px;
  font-weight: 600;
  position: relative;
}

.isp-calculation-container .dropdown > a:before {
  content: '';
  position: absolute;
  box-sizing: content-box;
  top: 50%;
  left: 100%;
  width: 6px;
  height: 6px;
  -webkit-transform: translate(-100%, -50%) rotate(45deg);
  transform: translate(-100%, -50%) rotate(45deg);
  margin-left: -2px;
  margin-top: -2px;
  border-right: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
}

.isp-calculation-container .dropdown > a::before {
  margin-left: -20px;
}

.isp-calculation-container .dropdown.active {
  z-index: 100;
}

.isp-calculation-container .dropdown.active > a::before {
  margin-top: 3px;
  transform: translate(-100%, -50%) rotate(-135deg);
}

.isp-calculation-container .dropdown.active ul {
  display: block;
}

.isp-calculation-container .dropdown.active button::before {
  margin-top: 2px;
  transform: translate(-100%, -50%) rotate(-135deg);
}

.isp-calculation-container .dropdown ul {
  position: absolute;
  top: 38px;
  left: 27px;
  display: none;
  overflow-y: auto;
  padding-top: 12px;
  padding-bottom: 12px;
  max-height: 294px;
  width: 106px;
  border: 1px solid #000;
  background-color: #fff;
}

.isp-calculation-container .dropdown ul a {
  display: block;
  padding: 0 15px;
  color: #222;
  font-size: 13px;
  line-height: 34px;
}

.isp-calculation-container .dropdown ul .selected a,
.isp-calculation-container .dropdown ul :focus {
  background-color: #ffde33;
}

.isp-calculation-container .dropdown .tooltip {
  position: absolute;
  top: 16px;
  right: 0;
}

.isp-calculation-container .dropdown .tooltip .anchor {
  background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Svfc%2Svpb_vfc_gbbygvc.cat') no-repeat;
}

.isp-calculation-container .dropdown .tooltip .panel ul {
  position: static;
  width: auto !important;
  overflow: visible;
  display: block;
  border: none;
  padding: 0;
}

.isp-calculation-container .button-cal {
  float: right;
  margin: -5px 0;
  width: 190px;
  height: 54px;
  background-color: #b94144;
  color: #FFFFFF;
  text-align: center;
  font-size: 18px;
  font-family: KBFGDisplayB;
}

.isp-calculation-container .multi {
  float: left;
}

.isp-calculation-container .multi .birthday {
  display: block;
  float: none;
  margin-bottom: 8px;
}

.isp-calculation-container .multi .radio-check {
  float: none;
  margin-right: 0;
  margin-left: 0;
}

.isp-calculation-container .multi .dropdown {
  float: none;
  margin-left: 60px;
}

.isp-calculation-container .multi .dropdown::before {
  position: absolute;
  top: 2px;
  left: -31px;
  width: 1px;
  height: 38px;
  background-color: #d06a6d;
  content: '';
}

.isp-calculation-container .multi .dropdown:nth-child(1) {
  margin-bottom: 8px;
}

.isp-calculation-container .multi + .button-cal {
  margin: 0;
  height: 96px;
}

.isp-calculation-container .validate-tooltip {
  display: none;
  position: absolute;
  top: -31px;
  left: 65px;
  background-color: #555555;
  font-size: 13px;
  padding: 7px 13px 5px;
  color: #fff;
}

.isp-calculation-container .validate-tooltip::before {
  content: '';
  position: absolute;
  bottom: -5px;
  left: -5px;
  border-top: 10px solid #555;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  transform: rotate(-90deg);
}

.isp-calculation-container.type-0 .title {
  position: relative;
  float: left;
  color: #FFFFFF;
  line-height: 44px;
  font-size: 18px;
  padding-right: 24px;
  margin-right: 24px;
}

.isp-calculation-container.type-0 .title:before {
  position: absolute;
  top: 4px;
  right: 0;
  display: block;
  content: '';
  width: 1px;
  height: 38px;
  background: #978768;
}

.isp-calculation-container.type-0 .birthday input {
  margin-left: 12px;
}

.isp-calculation-container.type-0 .button-cal {
  background-color: #877656 !important;
}

.isp-calculation-container.type-1 .radio-check {
  margin-right: 19px;
}

.isp-calculation-container.type-1 .birthday input {
  background: #c95659;
}

.isp-calculation-container.type-2 {
  min-width: 1260px;
  background-color: #a56cf4;
  padding-right: calc((100% - 1260px) / 2);
  padding-left: calc((100% - 1260px) / 2);
}

.isp-calculation-container.type-2 .radio-check {
  width: 126px;
}

.isp-calculation-container.type-2 .radio-check label:nth-child(1) span {
  background-color: #8c5cd0;
}

.isp-calculation-container.type-2 .radio-check label:nth-child(1) input:checked + span {
  background-color: #fff;
  border: 1px solid #8c5cd0;
}

.isp-calculation-container.type-2 .radio-check label:nth-child(2) span {
  background-color: #8c5cd0;
}

.isp-calculation-container.type-2 .radio-check label:nth-child(2) input:checked + span {
  background-color: #fff;
  border: 1px solid #8c5cd0;
}

.isp-calculation-container.type-2 .dropdown {
  margin-right: 16px;
  padding-left: 16px;
}

.isp-calculation-container.type-2 .dropdown > .anchor {
  width: 117px;
  padding-right: 29px;
}

.isp-calculation-container.type-2 .dropdown > .anchor::before {
  margin-left: -22px;
}

.isp-calculation-container.type-2 .dropdown ul {
  left: 14px;
  width: 119px;
}

.isp-calculation-container.type-2 .dropdown .tooltip .anchor {
  background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Svfc%2Svpb_vfc_gbbygvc.cat') no-repeat -13px 0;
}

.isp-calculation-container.type-2 .dropdown:nth-child(2) > .anchor {
  width: 123px;
}

.isp-calculation-container.type-2 .dropdown:nth-child(2) ul {
  left: 16px;
  width: 110px;
}

.isp-calculation-container.type-2 .dropdown:nth-child(3) {
  padding-left: 23px;
}

.isp-calculation-container.type-2 .dropdown:nth-child(3) ul {
  left: 22px;
  width: 101px;
}

.isp-calculation-container.type-2 .dropdown:nth-child(4) {
  margin-right: 0;
}

.isp-calculation-container.type-2 .dropdown:nth-child(4) ul {
  width: 101px;
}

.isp-calculation-container.type-2 .price-cont {
  margin-right: 10px;
}

.isp-calculation-container.type-2 .price-cont .tooltip .anchor {
  background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Svfc%2Svpb_vfc_gbbygvc.cat') no-repeat -13px 0;
}

.isp-calculation-container.type-2 .birthday input {
  background: #8c5cd0;
}

.isp-calculation-container.type-2 .price {
  padding-right: 53px;
  background-color: #8c5cd0;
}

.isp-calculation-container.type-2 .price-text {
  margin-right: 2px;
  color: #7b41ba;
}

.isp-calculation-container.type-2 .button-cal {
  width: 190px;
  background-color: #7a41ba;
  line-height: 1.2;
}

.isp-calculation-container.type-3 {
  min-width: 1276px;
  background-color: #3a9bdf;
  padding-right: calc((100% - 1276px) / 2);
  padding-left: calc((100% - 1276px) / 2);
}

.isp-calculation-container.type-3 .title {
  font-size: 14px;
  margin-right: 6px;
}

.isp-calculation-container.type-3 .radio-check {
  width: 126px;
}

.isp-calculation-container.type-3 .radio-check label:nth-child(1) span {
  background-color: #3184be;
}

.isp-calculation-container.type-3 .radio-check label:nth-child(1) input:checked + span {
  background-color: #fff;
  border: 1px solid #3184be;
}

.isp-calculation-container.type-3 .radio-check label:nth-child(2) span {
  background-color: #3184be;
}

.isp-calculation-container.type-3 .radio-check label:nth-child(2) input:checked + span {
  background-color: #fff;
  border: 1px solid #3184be;
}

.isp-calculation-container.type-3 .gender {
  width: 126px;
  margin: 0 8px 0 7px;
}

.isp-calculation-container.type-3 .dropdown-cont {
  float: left;
}

.isp-calculation-container.type-3 .dropdown {
  margin: 0;
  padding: 0 0 0 4px;
}

.isp-calculation-container.type-3 .dropdown:first-child {
  padding-left: 0;
}

.isp-calculation-container.type-3 .dropdown:nth-child(2) ul {
  left: 15px;
}

.isp-calculation-container.type-3 .dropdown ul {
  left: 6px;
  width: 100px;
}

.isp-calculation-container.type-3 .dropdown > a {
  width: 131px;
  padding: 12px 25px 12px 8px;
  font-size: 14px;
}

.isp-calculation-container.type-3 .dropdown > a:before {
  margin-left: -31px;
}

.isp-calculation-container.type-3 .dropdown .tooltip {
  right: 12px;
}

.isp-calculation-container.type-3 .dropdown .tooltip .anchor {
  background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Svfc%2Svpb_vfc_gbbygvc.cat') no-repeat -26px 0;
}

.isp-calculation-container.type-3 .dropdown:first-child {
  z-index: 2;
}

.isp-calculation-container.type-3 .birthday input {
  margin-left: 6px;
  background: #3184be;
}

.isp-calculation-container.type-3 .child {
  float: left;
  background-color: #348bc8;
  height: 70px;
  margin: -13px 0;
  padding: 13px 0;
}

.isp-calculation-container.type-3 .child .birthday {
  margin-left: 8px;
}

.isp-calculation-container.type-3 .child .birthday input {
  width: 114px;
  background-color: #2c76aa;
}

.isp-calculation-container.type-3 .child .gender {
  margin-right: 4px;
}

.isp-calculation-container.type-3 .button-cal {
  width: 190px;
  height: 54px;
  margin: -5px 0;
  background-color: #4188ba;
  line-height: 1.2;
}

.isp-calculation-container.type-4 {
  background-color: #00a5aa;
}

.isp-calculation-container.type-4 .radio-check label:nth-child(1) span {
  background-color: #008c91;
}

.isp-calculation-container.type-4 .radio-check label:nth-child(1) input:checked + span {
  background-color: #fff;
  border: 1px solid #008c91;
}

.isp-calculation-container.type-4 .radio-check label:nth-child(2) span {
  background-color: #008c91;
}

.isp-calculation-container.type-4 .radio-check label:nth-child(2) input:checked + span {
  background-color: #fff;
  border: 1px solid #008c91;
}

.isp-calculation-container.type-4 .dropdown > .anchor {
  width: 122px;
}

.isp-calculation-container.type-4 .dropdown > .anchor:before {
  margin-left: -22px;
}

.isp-calculation-container.type-4 .dropdown ul {
  width: 104px;
}

.isp-calculation-container.type-4 .dropdown .tooltip .anchor {
  background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Svfc%2Svpb_vfc_gbbygvc.cat') no-repeat -39px 0;
}

.isp-calculation-container.type-4 .birthday input {
  background: #008c91;
}

.isp-calculation-container.type-4 .button-cal {
  background-color: #349194;
}

.isp-calculation-container.type-5 {
  background-color: #f16b37;
}

.isp-calculation-container.type-5 .radio-check {
  width: 176px;
}

.isp-calculation-container.type-5 .radio-check label:nth-child(1) span {
  background-color: #cd5b2f;
}

.isp-calculation-container.type-5 .radio-check label:nth-child(1) input:checked + span {
  background-color: #fff;
  border: 1px solid #cd5b2f;
}

.isp-calculation-container.type-5 .radio-check label:nth-child(2) span {
  background-color: #cd5b2f;
}

.isp-calculation-container.type-5 .radio-check label:nth-child(2) input:checked + span {
  background-color: #fff;
  border: 1px solid #cd5b2f;
}

.isp-calculation-container.type-5 .birthday input {
  background-color: #cd5b2f;
}

.isp-calculation-container.type-5 .button-cal {
  background-color: #ba562f;
}

.isp-calculation-container.type-5 .price-cont {
  margin-right: 0;
}

.isp-calculation-container.type-5 .price {
  width: 108px;
  background-color: #cd5b2f;
  color: rgba(255, 255, 255, 0.7);
}

.isp-calculation-container.type-5 .price input {
  font-size: 14px;
  padding-left: 26px;
}

.isp-calculation-container.type-5 .price .price-text {
  color: #d67b57;
}

.isp-calculation-container.type-5 .button-cal {
  width: 174px;
}

.isp-calculation-container.type-6 {
  background-color: #1aaa60;
}

.isp-calculation-container.type-6 .radio-check label:nth-child(1) span {
  background-color: #169152;
}

.isp-calculation-container.type-6 .radio-check label:nth-child(1) input:checked + span {
  background-color: #fff;
  border: 1px solid #169152;
}

.isp-calculation-container.type-6 .radio-check label:nth-child(2) span {
  background-color: #169152;
}

.isp-calculation-container.type-6 .radio-check label:nth-child(2) input:checked + span {
  background-color: #fff;
  border: 1px solid #169152;
}

.isp-calculation-container.type-6 .birthday input {
  background-color: #169152;
}

.isp-calculation-container.type-6 .button-cal {
  background-color: #349462;
}

.isp-title-1 {
  display: block;
  margin: 88px 0 7px;
  font-size: 28px;
  line-height: 40px;
}

.isp-title-1 + .text-list09 {
  margin-top: 33px;
}

.isp-title-1 + .table-unit {
  margin-top: -27px;
  margin-bottom: 10px;
}

.sr-only + .isp-title-1 {
  margin-top: 0;
}

.isp-title-2 {
  display: block;
  margin: 77px 0 17px;
  font-size: 20px;
}

.isp-title-2 + .table-unit {
  margin-top: -27px;
  margin-bottom: 10px;
}

.isp-title-1 + .isp-title-2 {
  margin-top: 29px;
}

.isp-desc-1 + .isp-title-2 {
  margin-top: 32px;
}

.isp-title-3 {
  margin: 58px 0 17px;
  font-size: 15px;
}

.isp-title-2 + .isp-title-3 {
  margin-top: 17px;
}

.isp-desc-2 + .isp-title-3 {
  margin-top: 23px;
}

.isp-desc-1 {
  color: #666666;
  font-weight: 300;
  font-size: 14px;
  line-height: 22px;
}

.isp-desc-1 + .table {
  margin-top: 35px;
}

.isp-desc-1 + .info-text02 {
  margin-top: 12px;
}

.isp-desc-2 {
  margin-bottom: 17px;
  color: #666666;
  font-size: 13px;
  line-height: 20px;
}

.isp-desc-3 {
  margin-top: 10px;
  color: #666666;
  font-size: 12px;
  font-weight: 300;
}

.isp-product-list .item {
  position: relative;
}

.isp-product-list .item .isp-cont {
  padding-left: 218px;
}

.isp-product-list .item .isp-cont.type-1 {
  min-height: 80px;
  padding-top: 27px;
}

.isp-product-list .item::before {
  position: absolute;
  top: 6px;
  left: 62px;
  display: block;
  width: 90px;
  height: 90px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Svfc%2Svpb_vfc_cebqhpg.cat");
  background-repeat: no-repeat;
  content: '';
}

.isp-product-list .item.type-1::before {
  background-position: 0 0;
}

.isp-product-list .item.type-2::before {
  background-position: -90px 0;
}

.isp-product-list .item.type-3::before {
  background-position: -180px 0;
}

.isp-product-list .item.type-4::before {
  background-position: -270px 0;
}

.isp-product-list .item.type-5::before {
  background-position: -360px 0;
}

.isp-product-list .item.type-6::before {
  background-position: -450px 0;
}

.isp-product-list .item.type-7::before {
  background-position: -540px 0;
}

.isp-product-list .item.type-8::before {
  background-position: -630px 0;
}

.isp-product-list .item.type-9::before {
  background-position: -720px 0;
}

.isp-product-list .item.type-10::before {
  background-position: -810px 0;
}

.isp-product-list .item.type-11::before {
  background-position: 0 -90px;
}

.isp-product-list .item.type-12::before {
  background-position: -90px -90px;
}

.isp-product-list .item.type-13::before {
  background-position: -180px -90px;
}

.isp-product-list .item.type-14::before {
  background-position: -270px -90px;
}

.isp-product-list .item.type-15::before {
  background-position: -360px -90px;
}

.isp-product-list .item:nth-of-type(n+2) {
  margin-top: 75px;
  padding-top: 73px;
  border-top: 1px solid #f2f2f2;
}

.isp-product-list .item:nth-of-type(n+2)::before {
  top: 80px;
}

.isp-product-list .img-wrap {
  margin-top: 35px;
}

.isp-product-list .img-wrap img {
  max-width: 100%;
  vertical-align: top;
}

.isp-product-list .isp-title-1 {
  margin: 0 0 27px 0;
}

.isp-product-list .isp-desc-1 {
  margin-top: 15px;
}

.isp-note-list .item {
  position: relative;
  padding-left: 90px;
}

.isp-note-list .item:nth-child(n+2) {
  margin-top: 44px;
}

.isp-note-list .num {
  position: absolute;
  top: 4px;
  left: 0;
  width: 90px;
  color: #222;
  text-align: center;
  font-size: 22px;
}

.isp-note-list .title {
  display: block;
  margin-bottom: 6px;
  color: #333;
  font-size: 20px;
  line-height: 40px;
}

.isp-note-list .text {
  color: #666666;
  line-height: 20px;
}

.isp-note-list .info-text02 {
  margin-top: 14px;
}

.isp-note-list .info-text04 {
  display: block;
  margin-top: 12px;
}

.isp-note-list .text + .text-list09 {
  margin-top: 4px;
}

.isp-note-list .text + .text-list10 {
  margin-top: 13px;
}

.table-unit {
  color: #666666;
  text-align: right;
  font-size: 12px;
}

.table-wrap {
  margin-top: 35px;
  font-size: 0;
}

.table-wrap .col {
  display: inline-block;
  width: calc(50% - 10px);
  vertical-align: top;
}

.table-wrap .col:nth-child(2) {
  margin-left: 20px;
}

.table-wrap .col .table-unit {
  margin-bottom: 10px;
}

.agree-down {
  margin-top: 60px;
  padding: 20px 30px;
  background-color: #fcfcfc;
}

.agree-down::after {
  display: block;
  clear: both;
  content: "";
}

.agree-down p {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  line-height: 36px;
  color: #666666;
}

.agree-down a {
  float: right;
}

.panel.event-cont .evt-txt {
  text-align: center;
}

.panel.event-cont .evt-txt strong {
  display: block;
  font-size: 32px;
  margin-top: 58px;
  font-weight: 600;
  line-height: 1.2;
}

.panel.event-cont .evt-txt p {
  margin-top: 6px;
  font-size: 18px;
}

.panel.event-cont td {
  background: #fcfcfc;
}

.panel.event-cont .cont .info-text04 {
  display: block;
  margin: 70px 0 0 0;
}

.panel.event-cont .cont .info-text04.type-2 {
  color: #7b4cae;
}

.panel.event-cont .cont .info-text04.type-2::after {
  top: 9px;
  background: #7b4cae;
}

.panel.event-cont .cont p {
  margin: 3px 0 10px 10px;
  font-size: 13px;
  color: #666666;
  line-height: 20px;
}

.panel.event-cont .cont .qr-cont {
  position: relative;
  margin: 60px 0 75px;
  border: 3px solid #e7ecf2;
  padding: 12px 27px 20px;
}

.panel.event-cont .cont .qr-cont em {
  display: block;
  margin-bottom: 18px;
  font-weight: 600;
  font-size: 15px;
}

.panel.event-cont .cont .qr-cont .text-list01 li {
  margin-top: 0;
  line-height: 24px;
}

.panel.event-cont .cont .qr-cont .qrcode {
  position: absolute;
  top: 47px;
  right: 40px;
  width: 104px;
  height: 104px;
  padding: 19px;
  background: #e7ecf2;
  text-align: center;
}

.img-wrap + .isp-desc-1 {
  margin-top: 60px;
}

.isp-product-txt {
  margin-top: 80px;
  background: #fafafa;
  padding: 30px 52px;
}

.attention-list {
  border: 3px solid #e7ecf2;
  padding: 18px 20px;
}

.attention-list strong {
  display: block;
  margin: 22px 0 6px 0;
}

.attention-list strong:first-child {
  margin-top: 0;
}

.isp-product-desc {
  padding-top: 80px;
  margin-top: 80px;
  border-top: 1px solid #f2f2f2;
}

.isp-product-desc .img-wrap {
  margin-bottom: 36px;
}

.isp-product-desc .img-wrap + .info-text02 {
  margin-top: -24px;
}

.isp-product-desc .desc {
  position: relative;
  padding-left: 218px;
  text-align: center;
}

.isp-product-desc .desc:before {
  position: absolute;
  top: -11px;
  left: 62px;
  display: block;
  width: 90px;
  height: 90px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Svfc%2Svpb_vfc_cebqhpg.cat");
  background-repeat: no-repeat;
  background-position: -360px -90px;
  content: '';
}

.isp-product-desc .desc strong {
  margin-top: 10px;
  text-align: center;
}

.operation-guide .text-list09 li {
  margin-top: 10px;
}

.operation-guide .text-list09 li:first-child {
  margin-top: 0;
}

.isp-product-txt {
  overflow: hidden;
  padding: 25px 45px;
}

.isp-product-txt strong {
  position: relative;
  float: left;
  padding: 0 53px 0 48px;
  color: #ffde33;
  font-size: 18px;
  font-weight: 600;
  border-right: 1px solid #ddd;
  line-height: 24px;
}

.isp-product-txt strong:before {
  position: absolute;
  top: 27px;
  left: 0;
  display: block;
  content: '1';
  font-size: 80px;
  font-weight: 400;
}

.isp-product-txt div {
  float: left;
  padding-left: 50px;
}

.isp-product-txt div .txt1 {
  margin-bottom: 6px;
  font-size: 22px;
}

.isp-product-txt div .txt2 {
  font-size: 14px;
}

.isp-product-txt div .txt2 span {
  color: #ffde33;
}

.guide-cot {
  position: relative;
}

.guide-tooltip {
  position: absolute;
  display: inline-block;
  top: 27px;
  left: -24px;
  z-index: 3;
  padding: 11px 14px;
  border: 2px solid #60584C;
  background-color: #fffae5;
  font-size: 12px;
  color: #666666;
  text-align: left;
  line-height: 1.45;
  white-space: nowrap;
}

.guide-tooltip::before {
  position: absolute;
  display: block;
  border-style: solid;
  border-color: #60584C transparent;
  width: 0;
  content: "";
}

.guide-tooltip::after {
  position: absolute;
  display: block;
  border-style: solid;
  border-color: #fffae5 transparent;
  width: 0;
  content: "";
}

.guide-tooltip .line {
  text-decoration: underline;
  color: #222222;
}

.guide-tooltip.top::before {
  top: -13px;
  left: 28px;
  border-width: 0 15px 13px 0;
}

.guide-tooltip.top::after {
  top: -9px;
  left: 30px;
  border-width: 0 10px 9px 0;
}

.guide-tooltip.bottom::before {
  top: auto;
  bottom: -13px;
  left: 30px;
  border-width: 13px 15px 0 0;
}

.guide-tooltip.bottom::after {
  top: auto;
  bottom: -9px;
  left: 32px;
  border-width: 9px 10px 0 0;
}

.guide-tooltip.left::before {
  top: 29px;
  left: -13px;
  border-width: 15px 0 0 13px;
}

.guide-tooltip.left::after {
  top: 31px;
  left: -9px;
  border-width: 10px 0 0 9px;
}

.guide-tooltip.right::before {
  top: 20px;
  left: auto;
  right: -13px;
  border-width: 15px 13px 0 0;
}

.guide-tooltip.right::after {
  top: 22px;
  left: auto;
  right: -10px;
  border-width: 9px 10px 0 0;
}

.guide-tooltip.bottom.guide1-1 {
  top: -15px;
  left: auto;
  right: 10px;
}

.guide-tooltip.top.guide1-2 {
  top: 308px;
  left: auto;
  right: 10px;
}

.guide-tooltip.top.guide1-2::before {
  top: -13px;
  left: auto;
  right: 74px;
}

.guide-tooltip.top.guide1-2::after {
  top: -9px;
  left: auto;
  border-width: 0 10px 9px 0;
  right: 77px;
}

.guide-tooltip.bottom.guide1-3 {
  top: 406px;
  left: auto;
  right: 10px;
}

.guide-tooltip.bottom.guide1-3::before {
  left: auto;
  right: 74px;
}

.guide-tooltip.bottom.guide1-3::after {
  left: auto;
  right: 77px;
}

.guide-tooltip.left.guide1-4 {
  top: 804px;
  left: auto;
  right: 10px;
}

.guide-tooltip.top.guide1-5 {
  top: auto;
  left: auto;
  right: 10px;
  bottom: 580px;
}

.guide-tooltip.top.guide1-6 {
  top: auto;
  left: -0px;/*수정*/
  bottom: 392px;
}

.guide-tooltip.top.guide1-6::before {
  left: 116px;
}

.guide-tooltip.top.guide1-6::after {
  left: 118px;
}

.guide-tooltip.left.guide1-7 {
  width: 335px;/*수정*/
  top: auto;
  left: auto;
  right: 10px;
  bottom: 428px;
}

.guide-tooltip.left.guide1-7::before {
  top: 20px;
}

.guide-tooltip.left.guide1-7::after {
  top: 22px;
}

.guide-tooltip.right.guide1-8 {
  width: 290px;
  top: auto;
  left: -0px;/*수정*/
  bottom: 196px;
}

.guide-tooltip.bottom.guide2-1 {
  top: -20px;
  left: auto;
  right: 10px;
}

.guide-tooltip.bottom.guide2-2 {
  top: 1038px;
  left: auto;
  right: 10px;
}

.guide-tooltip.bottom.guide2-3 {
  top: 2206px;
  left: auto;
  right: 10px;
}

.guide-tooltip.bottom.guide2-4 {
  top: auto;
  left: auto;
  right: 10px;
  bottom: 850px;/*914px;수정*/
  width: 364px;
}

.guide-tooltip.top.guide2-5 {
  top: auto;
  left: auto;
  right: 10px;
  bottom: 240px;/*308px;수정*/
}

.guide-tooltip.top.guide2-6 {
  top: auto;
  left: auto;
  right: 10px;
  bottom: 34px;/*수정*/
}

.guide-tooltip.bottom.guide3-1 {
  top: -20px;
  left: auto;
  right: 10px;
  width: 400px;
}

.guide-tooltip.bottom.guide3-2 {
  top: 456px;
  left: auto;
  right: 10px;
  width: 400px;
}

.guide-tooltip.bottom.guide3-3 {
  top: 780px;
  left: auto;
  right: 10px;
  width: 400px;
}

.guide-tooltip.bottom.guide3-4 {
  top: auto;
  left: -0px;
  bottom: 540px;
}

.guide-tooltip.bottom.guide3-4:before {
  left: 47px;
  border-width: 13px 0 0 15px;
}

.guide-tooltip.bottom.guide3-4:after {
  left: 50px;
  border-width: 9px 0 0 10px;
}

.guide-tooltip.bottom.guide3-5 {
  top: auto;
  left: auto;
  right: 10px;
  bottom: 496px;
}

.guide-tooltip.right.guide3-6 {
  top: auto;
  left: -0px;
  bottom: 190px;
  width: 292px;
}

.guide-tooltip.left.guide3-7 {
  top: auto;
  left: auto;
  right: 22px;
  bottom: 31px;
}

.guide-tooltip.left.guide3-7::before {
  top: 20px;
}

.guide-tooltip.left.guide3-7::after {
  top: 22px;
}

.guide-tooltip.bottom.guide4-1 {
  top: 60px;
  left: auto;
  right: 10px;
  width: 398px;
}

.guide-tooltip.top.guide4-2 {
  top: auto;
  left: auto;
  right: 10px;
  bottom: 77px;
  width: 398px;
}

/* 20181129 - 나루 css 추가 */
/* common css */
.mgt10 {
  margin-top: 10px;
}

.mgt20 {
  margin-top: 20px;
}

.mgt40 {
  margin-top: 40px;
}

.mgb10 {
  margin-bottom: 10px;
}

.pdtb4 {
  padding: 4px 0;
}

.h670 {
  height: 670px;
}

.h290 {
  height: 290px;
}
/* header - 정기보험 청약가입 - 수정*/
.header-tit {
  display: inline-block;
  position:absolute;
  width:100%;
  left:0;
  top:20px;
}
.header-tit h2 {
  margin: 20px 0 0 0px;
  display: inline-block;
  font-size: 20px;
  color: #222;
}
.header-tit h2.online-header-tt {
  margin: 20px 0 0;
}


/* header - 정기보험 청약가입 - 상단공통 */
.header-title {
  display: inline-block;
  position:absolute;
  width:100%;
  left:0;
  top:0;
}

.header-title h2 {
  margin: 20px 0 0 80px;
  display: inline-block;
  font-size: 20px;
  color: #222;
}

.header-title h2.online-header-title {
  margin: 20px 0 0;
}

.header.ksType01 {
  height: 62px;
}

.header.ksType01 .logo {
  margin: 22px 0 0 0;
}

.header.ksType01 .logo a {
  float: left;
}

.header.ksType01 .logo .sub-logo {
  float: left;
  margin: 2px 0 0 10px;
  font-size: 0;
  display: block;
  width: 80px;
  height: 18px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Svavf%2Sxf_ybtb.cat");
  background-repeat: no-repeat;
  background-size: 80px 18px;
  background-position: 0 0;
}

/* gnb - 정기보험 청약가입 */
.right_gnb {
  position:relative;
  right:0;
  z-index:999;
  font-size: 0;
  text-indent: -9999px;
  float: right;
  margin: 22px 0 0 0;
  width: 26px;
  height: 23px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Svavf%2Sxf_tao.cat");
  background-repeat: no-repeat;
  background-size: 52px 46px;
  background-position: 0 0;
}

.right_gnb:hover {
  background-position: -26px 0;
}

.right_gnb.active {
  background-position: 0 -23px;
}

.right_gnb.active:hover {
  background-position: -26px -23px;
}

/* gnb - 정기보험 청약가입 - 메뉴 */
.rgMenu {
  /*display:none;*/
  /* 최초 숨김 */
  position: absolute;
  left: 50%;
  top: 61px;
  width: 240px;
  margin: 0 0 0 240px;
  background: #fff;
  border: 1px solid #b0b0b0;
  z-index: 900;
}

.rgMenu li a {
  display: block;
  position: relative;
}

.rgMenu li ul {
  display: none;
  background: #fffae5;
}

.rgMenu li.on ul {
  display: block;
}

.rgMenu li.dep01 > a {
  padding: 10px 18px 5px;
  border-bottom: 1px solid #ddd;
  color: #222;
  font-size: 16px;
}

.rgMenu li.dep01.on > a {
  border-bottom: 0 none;
}

.rgMenu li.dep01 > a:after,
.rgMenu li.dep02 > a:after {
  content: '';
  display: block;
  clear: both;
  position: absolute;
  right: 20px;
  top: 50%;
  width: 11px;
  height: 11px;
  margin: -5px 0 0 0;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Svavf%2Sxf_tao_vpb.cat");
  background-repeat: no-repeat;
  background-size: 11px 33px;
  background-position: 0 0;
}

.rgMenu li.dep01 > a.noLink:after {
  background-position: 0 -22px;
}

.rgMenu li.dep01.on > a:after {
  background-position: 0 -11px;
}

.rgMenu li.dep01 > a:hover {
  background: #f3f3f3;
}

.rgMenu li.dep02 > a {
  padding: 0;
}

.rgMenu li.dep02 > a span {
  display: block;
  color: #666;
  font-size: 14px;
  margin: 0 18px;
  padding: 9px 0;
  border-bottom: 1px solid #ddd;
}

.rgMenu li.dep02 > a:after {
  background-position: 0 -22px;
}

.rgMenu li.dep02:last-child > a span {
  border-bottom: 0 none;
}

.rgMenu li.dep02 > a:hover {
  background: #f2ecd2;
}

.rgMenu li.dep02 > a:hover span {
  color: #222;
}

.rgMenu li.gnb-bottom {
  margin: 0 auto;
  text-align: center;
  padding: 11px 2px 10px 6px;
}

.rgMenu li.gnb-bottom .btn-wrap {
  /*display:inline-block;*/
  display: table;
  width: 100%;
}

.rgMenu li.gnb-bottom .btn-wrap a {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  width: 30%;
  font-size: 13px;
  color: #666;
  margin: 0 5px;
  line-height: 18px;
  word-break: keep-all;
}

.rgMenu li.gnb-bottom .btn-wrap a:first-child {
  width: 30%;
}

.rgMenu li.gnb-bottom .btn-wrap a:last-child {
  width: 40%;
}

.rgMenu li.gnb-bottom .btn-wrap a:after {
  content: '';
  display: block;
  clear: both;
  position: absolute;
  right: 0px;
  top: 50%;
  width: 1px;
  height: 12px;
  background: #b6b6b6;
  margin: -6px 0 0 0;
}

.rgMenu li.gnb-bottom .btn-wrap a:last-child:after {
  content: '';
  display: none;
  width: 0;
  height: 0;
  right: 0;
  top: 0;
}

.rgMenu li.gnb-bottom .btn-wrap a:hover {
  color: #222;
}

/* font-color */
.fc_2a7eb4 {
  color: #2a7eb4;
}

.fc_ff461b {
  color: #ff461b;
}

.fc_ff670b {
  color: #f46600;
}

.fc_ff7200 {
  color: #ff7200;
}

.fc_ef3a2c {
  color: #ef3a2c;
}

.fc_3174b9 {
  color: #3174b9;
}

.fc_ffbc00 {
  color: #f46600;
}

/* button */
.btn-1x.icon-contain-right {
  position: relative;
  padding-right: 28px;
}

.btn-1x.icon-contain-right:before {
  content: '';
  display: block;
  clear: both;
  position: absolute;
  right: 11px;
  top: 5px;
  width: 12px;
  height: 11px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Svavf%2Sxf_oga_ot_pbagnva01.cat");
  background-repeat: no-repeat;
  background-size: 12px 11px;
}

.btn-2x.icon-reset-left {
  position: relative;
  padding-left: 38px;
  padding-right: 20px;
}

.btn-2x.icon-reset-left:before {
  content: '';
  display: block;
  clear: both;
  position: absolute;
  left: 20px;
  top: 6px;
  width: 12px;
  height: 14px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Svavf%2Sxf_oga_ot_erfrg01.cat");
  background-repeat: no-repeat;
  background-size: 12px 14px;
}

.button-wrap.ksType01 {
  margin: 0;
}

.btn-2x.freeSize,
.btn-3x.freeSize {
  max-width: auto;
  padding: 7px;
}
.btn-3x.freeSize {
  width: auto !important;
}
.btn-2x.full { width: 100% !important; }
/* popup */
.modal-body-title.ksType01 a {
  vertical-align: middle;
}

/* form */
/* form-row style */
.form-row.ksType01 {
  border-top: 1px dashed #eee;
  width: 100%;
  max-width: 100%;
  margin: 12px 0 0 0;
  padding: 12px 0;
}

.radio_pd01 {
  padding: 8px 0 4px 0;
}

.radio_pd02 {
  padding: 10px 0 0 0;
}

.form-row.ksType02 {
  width: 100%;
  max-width: 100%;
}

.form-row.ksType02 label {
  width: 160px;
}

.form-row.ksType02 label span {
  padding-left: 26px;
  text-indent: 0;
}

.form-row.ksType02 label.type01 {
  width: auto;
}

/* s : 20181031 - 정기보험, 연금보험, 종신보험 수정 */
.form-row.ksType06 {
  position: relative;
}

.form-row.ksType06 input {
  height: 40px;
  text-align: right;
  padding-right: 50px;
}

.form-row.ksType06 em {
  position: absolute;
  right: 18px;
  top: 11px;
  font-size: 13px;
  color: #b0b0b0;
}

.form-row-wrap.ksType01 {
  width: 250px;
}

.form-row-wrap.ksType01 .select-box {
  width: 100px;
  float: left;
}

.form-row-wrap.ksType01 .form-row.ksType06 {
  width: 140px;
  float: right;
  margin: 0;
}

.form-row-wrap.ksType01:after {
  content: '';
  display: block;
  clear: both;
}

/* e : 20181031 - 정기보험, 연금보험, 종신보험 수정 */
.form-row.middleType label {
  vertical-align: middle;
}

.form-row.ksBtType01 {
  border-top: 1px solid #eee;
}

.form-row.ksArmyType {
  width: 100%;
  max-width: 100%;
  margin: 10px 0 0 0;
}

.form-row.ksArmyType input, .form-row.ksArmyType .btn-white {
  z-index: 9;
  position: relative;
}

.form-row.ksArmyType input:hover, .form-row.ksArmyType .btn-white:hover {
  z-index: 10;
}

.form-row.ksArmyType input {
  width: 735px;
}

.form-row.ksArmyType .btn-white {
  margin: 0 0 0 -1px;
}

.form-row.ksArmyType .btn-gray {
  margin: 0 0 0 10px;
}

.form-row.w100p {
  width: 100%;
  max-width: 100%;
}

.form-row.w115 {
  width: 115px;
  max-width: 115px;
}

.form-row.w168 {
  width: 168px;
  max-width: 168px;
}

.form-row.mt45 {
  margin-top: 45px;
}

.form-row.mt10 {
  margin-top: 10px;
}

.form-row.floatType {
  float: right;
  width: auto;
}

/* input */
.form-row.type-1 .input-txt.w60 {
  width: 60px;
  margin-right: 5px;
}

.form-row .type-2 .input-txt.w95 {
  width: 95px;
}

.form-row.type-1 .input-txt.w95 {
  width: 95px;
  margin-right: 5px;
}

.form-row.type-2.ksType07 {
  width: 100%;
  max-width: 100%;
}

.form-row.type-2.ksType07 .input-txt, .form-row.type-2.ksType07 .select-box {
  width: 122px;
}

.form-row.type-2.ksType07 .input-txt.directWrite {
  margin-right: 5px;
}

.form-row.type-2.ksType07 + p {
  margin-top: 10px;
  font-size: 13px;
  color: #666;
}

.input-txt.w130 {
  width: 130px;
  margin-right: 10px;
}

.input-txt.w234 {
  width: 234px;
  margin-right: 10px;
}

.input-txt.w330 {
  width: 330px;
  margin-left: 10px;
}

.input-txt.w798 {
  width: 798px;
}

/*
  181105
  input - :checked:disabled 추가
*/
.input-radio input:checked:disabled + span::after {
  position: absolute;
  top: 4px;
  left: 4px;
  display: inline-block;
  width: 8px;
  height: 8px;
  border: 2px solid #fff;
  border-radius: 50%;
  content: '';
  vertical-align: middle;
}

.input-radio input:checked:disabled + span::before {
  border: none;
  background: #d8d8d8;
}

.input-check input:checked:disabled + span::before {
  border: none;
  background: #d8d8d8;
}

.input-check input:checked:disabled + span::after {
  position: absolute;
  top: 10px;
  left: 3px;
  display: inline-block;
  margin: -8px 7px 0 2px;
  width: 6px;
  height: 9px;
  border-width: 2px;
  border-style: solid;
  border-color: transparent #FFFFFF #FFFFFF transparent;
  border-radius: 2px;
  content: '';
  vertical-align: middle;
  transform: rotate(45deg);
}

/* calendar */
.ksCalType01 .calendar {
  width: calc(50% - 8px);
}

.ksCalType01 .calendar.right .datepicker-modal {
  left: auto;
  right: 0;
}

/* e-mail */
.form-row.ksType02 .input-txt {
  width: calc(33% - 12px);
}

.form-row.ksType02 .select-box {
  width: calc(33% - 2px);
  margin: 0 0 0 5px;
}

/* table */
.modal-body .table-col.ksTblType02 tbody th {
  text-align: center;
}

.modal-body .table-col.ksTblType02 tbody td {
  text-align: left;
}

.modal-body .table-col.ksTblType03 tbody th {
  text-align: left;
}

.modal-body .table-col.ksTblType03 tbody th.tac {
  text-align: center;
}

.modal-body .table-col.ksTblType03 tbody td {
  text-align: left;
}

.modal-body .table-col.ksTblType04 tbody td,
.modal-body .table-col.ksTblType04 tbody th {
  text-align: center;
}

.modal-body .table-col.ksTblType04 th:first-child,
.modal-body .table-col.ksTblType04 td:first-child {
  border-left: 1px solid #ccc;
}

.modal-body .table-col.ksTblType04 thead th:first-child,
.modal-body .table-col.ksTblType04 th.title {
  border-left: 0 none;
}

.table.ksType01 tr td {
  background: transparent;
  padding: 8px 0px;
  text-align: left;
}

.table.ksType01 tr td .form-row.type-1 .unit {
  text-align: left;
}

.table.ksType01 tr td .form-row.application-option .type-2 {
  margin-left: 0;
}

.table.ksType01 tr td .ksCalType01 {
  width: 485px;
}

.table.ksType01 tr td .ksCalType01 .calendar {
  width: 234px;
}

.table.ksType01 tr td.vat {
  vertical-align: top;
  padding: 15px 0;
}

.table.ksType01 tr:last-child td {
  border-bottom: 0 none;
}

.table.ksType01.t1 {
  background: #fff;
  margin-top: 30px;
  border-bottom: 1px solid #eee;
  padding: 0;
}

.table.ksType01.t1 table {
  margin-bottom: 15px;
  background: #fcfcfc;
}

.table.ksType01.t1 table td {
  padding: 15px 20px;
}

.table.ksTblType01 table tr td {
  word-break: break-all;
}

/* input */
.input-check.ksIptType01 {
  margin: 20px 0 0 0;
}

.input-check.ksIptType02 {
  margin: 10px 0 20px;
}

/* title, sub 문구 */
.tit-title-ksType01 {
  font-size: 14px;
  color: #222;
  line-height: 20px;
  margin: 20px 0 12px;
}

.tit-title-ksType02 {
  font-size: 28px;
  color: #222;
  margin: 0;
}

.tit-title-ksType03 {
  font-size: 18px;
  color: #222;
  margin: 0 0 10px 0;
}

.tit-title-ksType04 {
  font-size: 20px;
  color: #222;
  line-height: 20px;
  margin: 60px 0 20px;
}

.tit-sub-ksType01 {
  font-size: 14px;
  color: #222;
  line-height: 20px;
}

.tit-sub-ksType02 {
  font-size: 12px;
  color: #666;
  line-height: 20px;
}

.tit-sub-ksType03 {
  font-size: 15px;
  color: #222;
  line-height: 20px;
}

.tit-sub-ksType04 {
  font-size: 13px;
  color: #b0b0b0;
  line-height: 20px;
  padding: 0 0 10px 0;
}

.tit-sub-ksType05 {
  font-size: 18px;
  color: #222;
  line-height: 26px;
}

.tit-sub-ksType05 em {
  border-bottom: 1px solid #666;
}

.tit-sub-ksType05.mb5 {
  margin-bottom: 5px;
}

.tit-sub-ksType06 {
  font-size: 12px;
  color: #666;
  line-height: 20px;
}

.tit-tac {
  text-align: center;
}

/* section - inside */
.inside.ksType01 {
  margin-top: 20px;
}

/* scroll */
.body-scroll.ksScroll01 {
  height: 222px;
}

/* background */
.bg_white {
  background: #fff !important;
}

.bg_fcfcfc {
  background: #fcfcfc !important;
}


/* button */
.form-row.address.ksBtnType01 .btn-gray,
.form-row.certify.ksBtnType01 .btn-gray {
  border: 0 none;
  border-radius: 0;
  height: 32px;
  line-height: 28px;
  font-size: 13px;
  color: #fff;
  padding: 3px 9px;
}

.form-row.certify.ksBtnType01 {
  width: 334px;
}

/* width */
.w264,
.form-row.certify .input-txt.w264 {
  width: 264px;
}

.w334 {
  width: 334px;
}

/* border */
.ksBbn,
.ksListType06 dl.ksBbn {
  border-bottom: 0 none;
}

/* 개별 css */
/* s : 보험계산기 결과화면 slide */
.ksAdvenCalcWrap {
  position: relative;
  width: 100%;
  height: auto;
  margin: 30px auto 0;
}

.ksAdvenCalcWrap .ksAdvenCalc {
  position: relative;
  width: 960px;
  /*height:240px;*/
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
}

.ksAdvenCalcWrap .ksAdvenCalc .ksAcSlide {
  width: 960px;
  /*height:240px;*/
  left: 0;
  top: 0;
  display: flex;
}

.ksAdvenCalcWrap .ksAdvenCalc .ksAcSlide .ksAs-slide {
  position: relative;
  width: 225px;
  /*height:240px;*/
  font-size: 12px;
  line-height: 20px;
  border: 1px solid #eee;
  border-bottom-right-radius: 20px;
  background: #fcfcfc;
  margin: 0;
  padding: 15px;
  flex-shrink: 0;
  transform-style: preserve-3d;
}

.ksAdvenCalcWrap .ksAdvenCalc .ksAcSlide .ksAs-slide .ksAsHead {
  padding: 0 0 20px 0;
  border-bottom: 1px solid #eee;
}

.ksAdvenCalcWrap .ksAdvenCalc .ksAcSlide .ksAs-slide .ksAsHead .input-check2 span {
  font-size: 24px;
  color: #222;
  font-weight: normal;
}

.ksAdvenCalcWrap .ksAdvenCalc .ksAcSlide .ksAs-slide .ksAsCon .ksSddList {
  padding: 20px 0 24px;
}

.ksAdvenCalcWrap .ksAdvenCalc .ksAcSlide .ksAs-slide .ksAsCon .ksSddList dl {
  width: 100%;
  display: table;
  table-layout: fixed;
  padding: 7px 0;
}

.ksAdvenCalcWrap .ksAdvenCalc .ksAcSlide .ksAs-slide .ksAsCon .ksSddList dl dt, .ksAdvenCalcWrap .ksAdvenCalc .ksAcSlide .ksAs-slide .ksAsCon .ksSddList dl dd {
  display: table-cell;
  vertical-align: bottom;
  width: 50%;
  font-size: 14px;
  color: #222;
}

.ksAdvenCalcWrap .ksAdvenCalc .ksAcSlide .ksAs-slide .ksAsCon .ksSddList dl dd {
  text-align: right;
  word-break: break-all;
}

.ksAdvenCalcWrap .ksAdvenCalc .ksAcSlide .ksAs-slide .ksAsCon .ksSddList dl:first-child dt {
  width: 30%;
}

.ksAdvenCalcWrap .ksAdvenCalc .ksAcSlide .ksAs-slide .ksAsCon .ksSddList dl:first-child dd {
  width: 70%;
}

.ksAdvenCalcWrap .ksAdvenCalc .ksAcSlide .ksAs-slide .ksAsCon .ksSddList dl:first-child dd em {
  color: #f46600;
  font-size: 22px;
}

.ksAdvenCalcWrap .ksAdvenCalc .ksAcSlide .ksAs-slide .btn {
  display: block;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

.ksAdvenCalcWrap .ksAdvenCalc .ksAcSlide .ksAs-slide .btn a {
  height: 47px;
  line-height: 33px;
  width: 50%;
  min-width: 0;
  float: left;
  margin: 0 0 0 -1px;
  z-index: 10;
}

.ksAdvenCalcWrap .ksAdvenCalc .ksAcSlide .ksAs-slide .btn a.btn-w {
  width: 100%;
}

.ksAdvenCalcWrap .ksAdvenCalc .ksAcSlide .ksAs-slide .btn a:first-child {
  margin: 0;
}

.ksAdvenCalcWrap .ksAdvenCalc .ksAcSlide .ksAs-slide .btn a:hover {
  z-index: 11;
}

.ksAdvenCalcWrap .ksAdvenCalc .ksAcSlide .ksAs-slide .btnIcon {
  position: absolute;
  width: 42px;
  height: 42px;
  right: -1px;
  top: -1px;
}

.ksAdvenCalcWrap .ksAdvenCalc .ksAcSlide .ksAs-slide .btnIcon em {
  font-size: 13px;
  color: #fff;
  text-align: center;
  display: block;
  margin: 10px 0 0 0;
  line-height: 13px;
}

.ksAdvenCalcWrap .ksAdvenCalc .ksAcSlide .ksAs-slide .btnIcon.btnIconBest {
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Svavf%2Swf-vpb-orfg.cat");
  background-repeat: no-repeat;
  background-size: 42px 42px;
  background-position: 0 0;
}

.ksAdvenCalcWrap .ksAdvenCalc .ksAcSlide .ksAs-slide .btnIcon.btnIconPick {
  background: #ff7200;
}

.ksAdvenCalcWrap .ksAdvenCalc .ksAcSlide .ksAs-slide .bottomInfo {
  border-top: 1px solid #eee;
  padding: 10px 0;
}

.ksAdvenCalcWrap .ksAdvenCalc .ksAcSlide .ksAs-slide.swiper-slide-active {
  border: 2px solid #ffde33;
  background: #fdfcf9;
}

.ksAdvenCalcWrap .swiper-button-prev,
.ksAdvenCalcWrap .swiper-button-next {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  height: 34px;
  overflow: hidden;
  margin: -17px 0 0 0;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Svavf%2Sxf_obj01.cat");
  background-repeat: no-repeat;
  background-size: 36px 68px;
}

.ksAdvenCalcWrap .swiper-button-next {
  margin: 0 0 0 500px;
  background-position: -18px -34px;
}

.ksAdvenCalcWrap .swiper-button-prev {
  margin: 0 0 0 -518px;
  background-position: 0 -34px;
}

.ksAdvenCalcWrap .swiper-button-next.swiper-button-disabled {
  background-position: -18px 0;
  display: none;
}

.ksAdvenCalcWrap .swiper-button-prev.swiper-button-disabled {
  background-position: 0 0;
  display: none;
}

.ksAsBottomWrap {
  position: relative;
  width: 100%;
  height: 512px;
  position: relative;
  background: #f7f3e8;
  border-top: 2px solid #f7c200;
  margin: 30px auto 30px;
}

.ksAsBottomWrap .ksAsBottom {
  position: relative;
  padding: 40px 0 50px;
  width: 960px;
  margin: 0 auto;
  text-align: center;
}

.ksAsBottomWrap .ksAsBottom .ksAb-Slide {
  width: 960px;
}

.ksAsBottomWrap .ksAsBottom .ksAb-Slide h3 {
  position: relative;
  display: inline-block;
  margin: 0 auto;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  color: #222;
  border-bottom: 1px solid #876834;
  padding: 0 0 6px 0;
}

.ksAsBottomWrap .ksAsBottom .ksAb-Slide h3:after {
  content: '';
  display: block;
  clear: both;
  position: absolute;
  left: -22px;
  top: -4px;
  width: 16px;
  height: 12px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Svavf%2Sxf_npp01.cat");
  background-repeat: no-repeat;
  background-size: 16px 24px;
  background-position: 0 0;
}

.ksAsBottomWrap .ksAsBottom .ksAb-Slide h3:before {
  content: '';
  display: block;
  clear: both;
  position: absolute;
  right: -22px;
  top: -4px;
  width: 16px;
  height: 12px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Svavf%2Sxf_npp01.cat");
  background-repeat: no-repeat;
  background-size: 16px 24px;
  background-position: 0 -12px;
}

.ksAsBottomWrap .ksAsBottom .ksAb-Slide .ksAbs-form {
  display: table;
  table-layout: fixed;
  margin: 20px auto 0;
  width: 960px;
}

.ksAsBottomWrap .ksAsBottom .ksAb-Slide .ksAbs-form .list {
  display: table-cell;
  vertical-align: bottom;
  padding: 0 10px 0 0;
}

.ksAsBottomWrap .ksAsBottom .ksAb-Slide .ksAbs-form .list dt, .ksAsBottomWrap .ksAsBottom .ksAb-Slide .ksAbs-form .list dd {
  width: 170px;
}

.ksAsBottomWrap .ksAsBottom .ksAb-Slide .ksAbs-form .list dt {
  text-align: left;
  margin: 0 0 5px 0;
  font-size: 13px;
  color: #666;
}

.ksAsBottomWrap .ksAsBottom .ksAb-Slide .ksAbs-form .list dd, .ksAsBottomWrap .ksAsBottom .ksAb-Slide .ksAbs-form .list li {
  height: 40px;
}

.ksAsBottomWrap .ksAsBottom .ksAb-Slide .ksAbs-form .list dd .select-box {
  height: 40px;
}

.ksAsBottomWrap .ksAsBottom .ksAb-Slide .ksAbs-form .list dd .select-box a {
  height: 40px;
  line-height: 40px;
}

.ksAsBottomWrap .ksAsBottom .ksAb-Slide .ksAbs-form .list dd .select-box .panel {
  top: 39px;
}

.ksAsBottomWrap .ksAsBottom .ksAb-Slide .ksAbs-form .list01 {
  width: 250px;
}

.ksAsBottomWrap .ksAsBottom .ksAb-Slide .ksAbs-form .list01 dt, .ksAsBottomWrap .ksAsBottom .ksAb-Slide .ksAbs-form .list01 dd {
  width: 250px;
}

.ksAsBottomWrap .ksAsBottom .ksAb-Slide .ksAbs-form .list02, .ksAsBottomWrap .ksAsBottom .ksAb-Slide .ksAbs-form .list03, .ksAsBottomWrap .ksAsBottom .ksAb-Slide .ksAbs-form .list04 {
  width: 170px;
}

.ksAsBottomWrap .ksAsBottom .ksAb-Slide .ksAbs-form .list05 {
  width: 160px;
  padding: 0;
}

.ksAsBottomWrap .ksAsBottom .ksAb-Slide .ksAbs-form .list05 button {
  width: 160px;
  height: 40px;
  padding: 9px 0;
}

.ksAsBottomWrap .ksAsBottom .ksAb-Slide .ksAbs-graphWrap {
  position: relative;
  width: 960px;
  height: 218px;
  margin: 20px auto 0;
  background: #fff;
}

.ksAsBottomWrap .ksAsBottom .ksAb-Slide .ksAbs-graphWrap .ksAbs-top {
  position: relative;
  width: 960px;
  height: 167px;
}

.ksAsBottomWrap .ksAsBottom .ksAb-Slide .ksAbs-graphWrap .ksAbs-top .ksAg-graph {
  position: relative;
  width: 415px;
  height: 167px;
  padding: 37px 39px 22px;
  box-sizing: border-box;
  float: left;
}

.ksAsBottomWrap .ksAsBottom .ksAb-Slide .ksAbs-graphWrap .ksAbs-top .ksAg-graph dl {
  width: 337px;
}

.ksAsBottomWrap .ksAsBottom .ksAb-Slide .ksAbs-graphWrap .ksAbs-top .ksAg-graph dl dt, .ksAsBottomWrap .ksAsBottom .ksAb-Slide .ksAbs-graphWrap .ksAbs-top .ksAg-graph dl dd {
  height: 42px;
  float: left;
}

.ksAsBottomWrap .ksAsBottom .ksAb-Slide .ksAbs-graphWrap .ksAbs-top .ksAg-graph dl dt {
  font-size: 13px;
  color: #666;
  width: 57px;
  line-height: 45px;
  text-align: left;
  border-right: 1px solid #ddd;
}

.ksAsBottomWrap .ksAsBottom .ksAb-Slide .ksAbs-graphWrap .ksAbs-top .ksAg-graph dl dt span {
  display: inline-block;
  line-height: 16px;
}

.ksAsBottomWrap .ksAsBottom .ksAb-Slide .ksAbs-graphWrap .ksAbs-top .ksAg-graph dl dd {
  position: relative;
  width: 280px;
  text-align: left;
}

.ksAsBottomWrap .ksAsBottom .ksAb-Slide .ksAbs-graphWrap .ksAbs-top .ksAg-graph dl dd span {
  display: inline-block;
  text-align: left;
  width: 100%;
  height: 25px;
  margin: 10px 0 0 0;
}

.ksAsBottomWrap .ksAsBottom .ksAb-Slide .ksAbs-graphWrap .ksAbs-top .ksAg-graph dl:after {
  content: '';
  display: block;
  clear: both;
}

.ksAsBottomWrap .ksAsBottom .ksAb-Slide .ksAbs-graphWrap .ksAbs-top .ksAg-graph dl.list01 dd span {
  background: #ffde33;
  width: 50%;
}

.ksAsBottomWrap .ksAsBottom .ksAb-Slide .ksAbs-graphWrap .ksAbs-top .ksAg-graph dl.list01 dd .bullet {
  position: absolute;
  min-width: 48px;
  height: 20px;
  line-height: 20px;
  box-sizing: border-box;
  padding: 0 8px;
  border-radius: 1000px;
  left: 129px;
  top: -16px;
  display: inline-block;
  background: #876834;
  font-size: 12px;
  color: #fff;
}

.ksAsBottomWrap .ksAsBottom .ksAb-Slide .ksAbs-graphWrap .ksAbs-top .ksAg-graph dl.list01 dd .bullet i {
  font-size: 12px;
  color: #fff;
  font-style: normal;
  display: inline-block;
}

.ksAsBottomWrap .ksAsBottom .ksAb-Slide .ksAbs-graphWrap .ksAbs-top .ksAg-graph dl.list01 dd .bullet:before {
  content: '';
  display: inline-block;
  clear: both;
  position: absolute;
  width: 6px;
  height: 6px;
  left: 5px;
  top: 19px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Svavf%2Sxf_ohyyrg_funqbj01.cat");
  background-size: 8px 9px;
  background-repeat: no-repeat;
}

.ksAsBottomWrap .ksAsBottom .ksAb-Slide .ksAbs-graphWrap .ksAbs-top .ksAg-graph dl.list01 dd span.w100 {
  width: 100%;
}

.ksAsBottomWrap .ksAsBottom .ksAb-Slide .ksAbs-graphWrap .ksAbs-top .ksAg-graph dl.list01 dd span.w100 + .bullet {
  left: 269px;
}

.ksAsBottomWrap .ksAsBottom .ksAb-Slide .ksAbs-graphWrap .ksAbs-top .ksAg-graph dl.list02 dt {
  line-height: 34px;
}

.ksAsBottomWrap .ksAsBottom .ksAb-Slide .ksAbs-graphWrap .ksAbs-top .ksAg-graph dl.list02 dd span {
  background: #9e8c6e;
  margin: 4px 0 0 0;
}

.ksAsBottomWrap .ksAsBottom .ksAb-Slide .ksAbs-graphWrap .ksAbs-top .ksAg-graph .age01, .ksAsBottomWrap .ksAsBottom .ksAb-Slide .ksAbs-graphWrap .ksAbs-top .ksAg-graph .age02 {
  position: absolute;
  width: 27px;
  height: 13px;
  top: 123px;
  font-size: 13px;
  color: #666;
}

.ksAsBottomWrap .ksAsBottom .ksAb-Slide .ksAbs-graphWrap .ksAbs-top .ksAg-graph .age01 {
  left: 86px;
}

.ksAsBottomWrap .ksAsBottom .ksAb-Slide .ksAbs-graphWrap .ksAbs-top .ksAg-graph .age02 {
  left: 360px;
}

.ksAsBottomWrap .ksAsBottom .ksAb-Slide .ksAbs-graphWrap .ksAbs-top .ksAg-graph:after {
  content: '';
  display: block;
  clear: both;
  position: absolute;
  right: 0;
  top: 23px;
  width: 1px;
  height: 124px;
  background: #d9d9d9;
}

.ksAsBottomWrap .ksAsBottom .ksAb-Slide .ksAbs-graphWrap .ksAbs-top .ksAg-result {
  float: left;
  position: relative;
  width: 544px;
  height: 167px;
  padding: 23px 0;
}

.ksAsBottomWrap .ksAsBottom .ksAb-Slide .ksAbs-graphWrap .ksAbs-top .ksAg-result .ksar_list dl {
  position: relative;
  float: left;
  height: 74px;
  padding: 0 40px 0 0;
}

.ksAsBottomWrap .ksAsBottom .ksAb-Slide .ksAbs-graphWrap .ksAbs-top .ksAg-result .ksar_list dl dt, .ksAsBottomWrap .ksAsBottom .ksAb-Slide .ksAbs-graphWrap .ksAbs-top .ksAg-result .ksar_list dl dd {
  text-align: right;
  font-size: 15px;
  color: #222;
}

.ksAsBottomWrap .ksAsBottom .ksAb-Slide .ksAbs-graphWrap .ksAbs-top .ksAg-result .ksar_list dl dt em, .ksAsBottomWrap .ksAsBottom .ksAb-Slide .ksAbs-graphWrap .ksAbs-top .ksAg-result .ksar_list dl dd em {
  font-size: 15px;
  color: #222;
}

.ksAsBottomWrap .ksAsBottom .ksAb-Slide .ksAbs-graphWrap .ksAbs-top .ksAg-result .ksar_list dl.list01 {
  width: 302px;
}

.ksAsBottomWrap .ksAsBottom .ksAb-Slide .ksAbs-graphWrap .ksAbs-top .ksAg-result .ksar_list dl.list01 dd em {
  font-size: 22px;
  color: #222;
}

.ksAsBottomWrap .ksAsBottom .ksAb-Slide .ksAbs-graphWrap .ksAbs-top .ksAg-result .ksar_list dl.list01:after {
  content: '';
  display: block;
  clear: both;
  position: absolute;
  right: 0;
  top: 0px;
  width: 1px;
  height: 73px;
  background: #d9d9d9;
}

.ksAsBottomWrap .ksAsBottom .ksAb-Slide .ksAbs-graphWrap .ksAbs-top .ksAg-result .ksar_list dl.list02 {
  width: 240px;
}

.ksAsBottomWrap .ksAsBottom .ksAb-Slide .ksAbs-graphWrap .ksAbs-top .ksAg-result .ksar_list dl.list02 dd em {
  font-size: 27px;
  color: #f46600;
}

.ksAsBottomWrap .ksAsBottom .ksAb-Slide .ksAbs-graphWrap .ksAbs-top .ksAg-result .ksar_list:after {
  content: '';
  display: block;
  clear: both;
}

.ksAsBottomWrap .ksAsBottom .ksAb-Slide .ksAbs-graphWrap .ksAbs-top .ksAg-result ul.list03 {
  width: 100%;
  height: 24px;
  display: block;
  position: relative;
  margin: 24px 0 0 0;
  padding: 0 40px 0 0;
}

.ksAsBottomWrap .ksAsBottom .ksAb-Slide .ksAbs-graphWrap .ksAbs-top .ksAg-result ul.list03 li {
  text-align: right;
  width: 100%;
}

.ksAsBottomWrap .ksAsBottom .ksAb-Slide .ksAbs-graphWrap .ksAbs-top .ksAg-result ul.list03 li a {
  margin: 0 0 0 8px;
}

.ksAsBottomWrap .ksAsBottom .ksAb-Slide .ksAbs-graphWrap .ksAbs-top .ksAg-result ul.list03:after {
  content: '';
  display: block;
  clear: both;
}

.ksAsBottomWrap .ksAsBottom .ksAb-Slide .ksAbs-graphWrap .ksAbs-top .ksAg-result:after {
  content: '';
  display: block;
  clear: both;
}

.ksAsBottomWrap .ksAsBottom .ksAb-Slide .ksAbs-graphWrap .ksAbs-top:after {
  content: '';
  display: block;
  clear: both;
}

.ksAsBottomWrap .ksAsBottom .ksAb-Slide .ksAbs-graphWrap .ksAg-bottom {
  position: relative;
  width: 100%;
  height: 50px;
  display: table;
  table-layout: fixed;
  border-top: 1px dotted #eee;
  padding: 16px 40px;
  box-sizing: border-box;
}

.ksAsBottomWrap .ksAsBottom .ksAb-Slide .ksAbs-graphWrap .ksAg-bottom dl {
  width: 33%;
  display: table-cell;
  vertical-align: middle;
}

.ksAsBottomWrap .ksAsBottom .ksAb-Slide .ksAbs-graphWrap .ksAg-bottom dl dt, .ksAsBottomWrap .ksAsBottom .ksAb-Slide .ksAbs-graphWrap .ksAg-bottom dl dd {
  display: inline-block;
}

.ksAsBottomWrap .ksAsBottom .ksAb-Slide .ksAbs-graphWrap .ksAg-bottom dl dd {
  font-size: 14px;
  color: #222;
}

.ksAsBottomWrap .ksAsBottom .ksAb-Slide .ksAbs-graphWrap .ksAg-bottom dl:after {
  content: '';
  display: block;
  clear: both;
}

.ksAsBottomWrap .ksAsBottom .ksAb-Slide .ksAbs-graphWrap .ksAg-bottom dl.list01 {
  text-align: left;
}

.ksAsBottomWrap .ksAsBottom .ksAb-Slide .ksAbs-graphWrap .ksAg-bottom dl.list02 {
  text-align: center;
}

.ksAsBottomWrap .ksAsBottom .ksAb-Slide .ksAbs-graphWrap .ksAg-bottom dl.list03 {
  text-align: right;
}

.ksAsBottomWrap .ksAsBottom .ksAb-Slide .ksAbs-bottom {
  position: relative;
  width: 960px;
  margin: 23px 0 0 0;
}

.ksAsBottomWrap .ksAsBottom .ksAb-Slide .ksAbs-bottom dl {
  display: table;
  vertical-align: middle;
}

.ksAsBottomWrap .ksAsBottom .ksAb-Slide .ksAbs-bottom dl dt, .ksAsBottomWrap .ksAsBottom .ksAb-Slide .ksAbs-bottom dl dd {
  display: table-cell;
  vertical-align: middle;
}

.ksAsBottomWrap .ksAsBottom .ksAb-Slide .ksAbs-bottom dl dd {
  font-size: 22px;
  color: #222;
  padding: 0 0 0 10px;
}

.ksAsBottomWrap .ksAsBottom .ksAb-Slide .ksAbs-bottom dl dd em {
  font-size: 22px;
  color: #222;
}

.ksAsBottomWrap .ksAsBottom .ksAb-Slide .ksAbs-bottom dl dd.btn-wrap {
  padding: 0 0 0 10px;
}

.ksAsBottomWrap .ksAsBottom .ksAb-Slide .ksAbs-bottom dl dd.btn-wrap a {
  width: 106px;
}

.ksAsBottomWrap .ksAsBottom .ksAb-Slide .ksAbs-bottom dl dd.btn-wrap .freeSize {
  width: auto;
}

.ksAsBottomWrap .ksAsBottom .ksAb-Slide .ksAbs-bottom .btn-direct {
  position: absolute;
  right: 0;
  top: 0;
  padding-left: 25px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Svavf%2Sxf_vpb_cra.cat");
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position: 40px 11px;
}

.ksAsBottomWrap .ksAsBottom:after {
  content: '';
  display: block;
  clear: both;
  position: absolute;
  left: 50%;
  top: -16px;
  margin: 0 0 0 -380px;
  width: 29px;
  height: 16px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Svavf%2Sxf_obk_obj01.cat");
  background-repeat: no-repeat;
  background-size: 29px 16px;
}

.ksAsBottomWrap.c1 .ksAsBottom:after {
  margin: 0 0 0 -380px;
}

.ksAsBottomWrap.c2 .ksAsBottom:after {
  margin: 0 0 0 -135px;
}

.ksAsBottomWrap.c3 .ksAsBottom:after {
  margin: 0 0 0 110px;
}

.ksAsBottomWrap.c4 .ksAsBottom:after {
  margin: 0 0 0 350px;
}

/* e : 보험계산기 결과화면 slide */
/* s : 사전건강질문지 */
.ksListType01 {
  background: #fff;
  margin: 12px 0 0 0;
}

.ksListType01 dl {
  width: 100%;
  display: table;
  table-layout: fixed;
  padding: 18px;
  box-sizing: border-box;
  border-top: 1px solid #ebebeb;
}

.ksListType01 dl dt, .ksListType01 dl dd {
  display: table-cell;
  vertical-align: middle;
}

.ksListType01 dl dt {
  width: 358px;
}

.ksListType01 dl dd {
  width: 146px;
}

.ksListType01 dl:first-child {
  border-top: 0 none;
}

.ksListType01 dl.last dt {
  width: 159px;
}

.ksListType01 dl.last dd {
  overflow: hidden;
  text-align: right;
  width: 333px;
}

.ksListType01 dl.last dd .form-row.application-option {
  width: 333px;
}

/* e : 사전건강질문지 */
/* s : 나의 설계함 */
.ksListType02 {
  position: relative;
  margin: 10px 0 0 0;
  display: block;
  width: 100%;
  /* 조회내역 없음 */
}

.ksListType02 li {
  position: relative;
  width: 254px;
  height: 321px;
  background: #fff;
  border-bottom-right-radius: 20px;
  display: inline-block;
  margin: 0 30px 30px 0;
  padding: 16px;
  box-sizing: border-box;
}

.ksListType02 li .ksLtHeader {
  display: block;
  text-align: center;
  padding: 0 0 10px 0;
  font-size: 13px;
  color: #222;
  border-bottom: 1px solid #eee;
}

.ksListType02 li .ksLtHeader span {
  font-size: 22px;
  color: #f46600;
}

.ksListType02 li .ksLtList01 {
  position: relative;
  padding: 28px 0 20px;
  border-bottom: 1px solid #eee;
}

.ksListType02 li .ksLtList01 dl {
  width: 100%;
  display: table;
  table-layout: fixed;
  padding: 4px 0;
}

.ksListType02 li .ksLtList01 dl dt, .ksListType02 li .ksLtList01 dl dd {
  display: table-cell;
  vertical-align: middle;
  width: 50%;
  font-size: 13px;
  color: #222;
}

.ksListType02 li .ksLtList01 dl dd {
  text-align: right;
}

.ksListType02 li .ksLtBtnWrap {
  margin: -29px 0 0 0;
}

.ksListType02 li .ksLtBtnWrap a {
  width: 224px;
  height: 47px;
  line-height: 24px;
  border-radius: 2px;
}

.ksListType02 li a.ksLtClose {
  position: absolute;
  right: -10px;
  top: -10px;
  width: 30px;
  height: 30px;
  background-color: #b0b0b0;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Svavf%2Sxf_oga_ot_k01.cat");
  background-size: 13px 13px;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 1000px;
  display: inline-block;
}

.ksListType02 li a.ksLtClose span {
  width: 0;
  height: 0;
  font-size: 0;
  text-indent: -1000px;
}

.ksListType02 li a.ksLtClose:hover,
.ksListType02 li a.ksLtClose:focus {
  background-color: #8d8d8d;
}

.ksListType02 li:nth-child(3n) {
  margin-right: 0;
}

.ksListType02 li.none {
  position: relative;
  width: 100%;
  height: 321px;
  text-align: center;
  margin: 0;
}

.ksListType02 li.none p {
  position: absolute;
  width: 100%;
  left: 0;
  top: 50%;
  margin: -2px 0 0 0;
  font-size: 16px;
}

/* e : 나의 설계함 */
/* s : 보험가입 전 준비사항 */
.ksBoxType01 {
  width: 100%;
  border-top: 3px solid #ffde33;
  margin: 0 auto;
}

.ksBoxType01 .ksBox01 {
  margin: 0 auto;
  width: 960px;
  padding: 40px 0 0 0;
}

/* e : 보험가입 전 준비사항 */
.ksListType03 {
  position: relative;
  width: 100%;
  margin: 40px 0 0 0;
}

.ksListType03 dl {
  margin: 0 0 50px 0;
}

.ksListType03 dl dt {
  position: relative;
  font-size: 20px;
  color: #333;
  font-weight: 500;
  padding: 0 0 0 60px;
}

.ksListType03 dl dt em, .ksListType03 dl dt span {
  color: #f46600;
}

.ksListType03 dl dt em {
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 16px;
}

.ksListType03 dl dd ul {
  display: block;
  padding: 0 0 0 60px;
  margin: 18px 0 0 0;
}

.ksListType03 dl dd ul li {
  position: relative;
  font-size: 13px;
  color: #666;
  line-height: 24px;
  padding: 0 0 0 10px;
}

.ksListType03 dl dd ul li span {
  display: block;
  margin: 0 0 0 126px;
}

.ksListType03 dl dd ul li:after {
  content: '';
  display: block;
  clear: both;
  position: absolute;
  left: 0;
  top: 10px;
  width: 3px;
  height: 3px;
  background: #666;
}

/* s : 정기보험 청약가입 */
/* 시간연장 / 설계정보 */
.locationWrap {
  width: 100%;
  margin: 0 auto;
  /*border-bottom: 3px solid #ffde33;*/
}

.locationWrap .locationIn {
  width: 960px;
  margin: 0 auto;
}

.locationWrap .locationIn .location {
  position: relative;
  width: auto;
  border-bottom: 0 none;
  min-height: 38px;
}

.locationWrap .locationIn .location .ksTimeExten {
  position: absolute;
  height: 24px;
  line-height: 24px;
  right: 0;
  top: 20px;
  display: inline-block;
}

.locationWrap .locationIn .location .ksTimeExten span {
  position: relative;
  display: inline-block;
  font-size: 13px;
  color: #222;
  height: 24px;
  line-height: 24px;
  padding: 0 0 0 20px;
}

.locationWrap .locationIn .location .ksTimeExten span em {
  color: #f46600;
}

.locationWrap .locationIn .location .ksTimeExten span:after {
  content: '';
  display: block;
  clear: both;
  position: absolute;
  left: 0;
  top: 4px;
  width: 12px;
  height: 14px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Svavf%2Sxf_vpb_gvzre.cat");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 12px 14px;
}

.locationWrap .locationIn .location .ksTimeExten a {
  line-height: 1.5;
  display: inline-block !important;
}

/* 개인정보입력 - 보험종류 */
.ksListType04 {
  position: relative;
  width: 100%;
  border: 1px solid #eee;
}

.ksListType04 dl {
  width: 100%;
}

.ksListType04 dl dt {
  position: relative;
  width: 100%;
  padding: 0 20px;
}

.ksListType04 dl dt dl {
  width: auto;
  height: 62px;
  display: table;
  table-layout: fixed;
  float: left;
  padding: 0;
}

.ksListType04 dl dt dl dt, .ksListType04 dl dt dl dd {
  display: table-cell;
  vertical-align: middle;
}

.ksListType04 dl dt dl dt {
  width: auto;
  font-size: 15px;
  color: #222;
  padding: 0;
}

.ksListType04 dl dt dl dd {
  font-size: 24px;
  color: #f46600;
  padding: 0 0 0 3px;
}

.ksListType04 dl dt dl:first-child {
  padding-right: 200px;
}

.ksListType04 dl dt a {
  position: absolute;
  right: 20px;
  top: 12px;
  width: 34px;
  height: 34px;
  border-radius: 1000px;
  border: 1px solid #ddd;
  overflow: hidden;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Scebqhpg%2Sxf_obk_obj02.cat");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 34px 68px;
}
/*청약-가입방법안내*/
.ksListType04 dl dt dl dd div.txt-box {position:relative;border:solid 1px #d8d8d8;background-color:#fafafa;border-radius:7px;display: inline-block;margin: 15px 0 0px 50px;height: 30px;width: 130px;}
.ksListType04 dl dt dl dd div.txt-box a.txt{position: absolute; top:0;left:0;width: 130px;line-height: 30px;padding-left:10px;font-size:15px;color:#666;background:none;border-radius:0;border:0;}

.ksListType04 dl dt a.active {
  background-position: 0 -34px;
}

.ksListType04 dl dt:after {
  content: '';
  display: block;
  clear: both;
}

.ksListType04 dl dd {
  padding: 0;
}

.ksListType04 dl dd ul {
  display: block;
  width: 100%;
}

.ksListType04 dl dd ul li {
  position: relative;
  width: 100%;
  height: 50px;
  display: block;
  border-top: 1px dashed #eee;
  padding: 0 20px;
}

.ksListType04 dl dd ul li dl {
  width: auto;
  height: 50px;
  padding: 0;
  display: table;
  table-layout: fixed;
  float: left;
  padding-right: 80px;
}

.ksListType04 dl dd ul li dl dt, .ksListType04 dl dd ul li dl dd {
  width: auto;
  display: table-cell;
  vertical-align: middle;
}

.ksListType04 dl dd ul li dl dt {
  padding: 0;
}

.ksListType04 dl dd ul li dl dd {
  padding-left: 3px;
}

.ksListType04 dl dd ul li dl:last-child {
  padding-right: 0;
}

.ksListType04 dl dd ul li li:after {
  content: '';
  display: block;
  clear: both;
}

.ksListType04 dl dd ul li a {
  position: absolute;
  right: 20px;
  top: 12px;
}

.ksListType04 dl dd:after {
  content: '';
  display: block;
  clear: both;
}

.ksStepType01 {
  background: #fcfcfc;
  width: 100%;
  margin: 16px auto 0;
}

.ksStepType01 ul {
  display: block;
  width: 960px;
  margin: 0 auto;
  padding: 16px 0;
}

.ksStepType01 ul li {
  position: relative;
  width: 320px;
  font-size: 14px;
  color: #666;
  text-align: center;
  float: left;
}

.ksStepType01 ul li.active {
  color: #222;
}

.ksStepType01 ul li:after {
  content: '';
  display: block;
  clear: both;
  position: absolute;
  width: 8px;
  height: 14px;
  right: 0;
  top: 3px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Scebqhpg%2Sxf_obj02.cat");
  background-repeat: no-repeat;
  background-size: 8px 14px;
  background-position: 0 0;
}

.ksStepType01 ul li:last-child:after {
  content: '';
  display: none;
  width: 0;
  height: 0;
  background: none;
}

.ksStepType01 ul:after {
  content: '';
  display: block;
  clear: both;
}

.ksBoxType02 {
  background: #fffae5;
  width: 100%;
  padding: 30px;
  margin: 60px 0 0 0;
}

.ksBoxType02 .ksDotTextType01 {
  margin: 8px 0 0 0;
}

.ksBoxType03 {
  background: #fff;
  width: 100%;
  padding: 30px 30px 0;
  margin: 0;
}

.ksBoxType03 .ksDotTextType01 {
  margin: 12px 0 0 0;
}

.ksBoxType04 {
  padding: 20px 16px;
  background: #fcfcfc;
}

.ksBoxType04 .input-check, .ksBoxType04 .input-check + .input-check {
  margin: 10px 25px 0 0;
}

.ksBoxType04 .form-row.application-option .type-2.ksType06 {
  margin-left: 0;
}

.ksDotTextType01 {
  display: block;
}

.ksDotTextType01 li {
  position: relative;
  font-size: 12px;
  color: #666;
  padding-left: 10px;
}

.ksDotTextType01 li:after {
  content: '*';
  display: block;
  clear: both;
  position: absolute;
  left: 0;
  top: 2px;
}

.ksDotTextType01.type02 li {
  color: #666;
}

.ksDotTextType01.mt20 {
  margin-top: 20px;
}

.ksListType05 {
  margin: 40px 0 0 0;
}

.ksListType05 dl dt {
  position: relative;
  padding: 15px 0;
  border-bottom: 1px solid #666666;
}

.ksListType05 dl dt h4 {
  font-size: 20px;
  color: #222;
  margin: 0;
}

.ksListType05 dl dt h4 span {
  font-size: 13px;
  color: #666;
  display: inline-block;
  margin: 0 0 0 10px;
}

.ksListType05 dl dt .btn-open,
.ksListType05 dl dt .btn-act {
  position: absolute;
  right: 7px;
  top: 10px;
  width: 40px;
  height: 40px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Scebqhpg%2Sxf_obj03.cat");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 80px 80px;
}

.ksListType05 dl dt .btn-open:hover,
.ksListType05 dl dt .btn-act:hover {
  background-position: -40px 0;
}

.ksListType05 dl dd {
  display: none;
  width: 960px;
  position: relative;
}

.ksListType05 dl dd .table {
  border-top: 0 none;
}

.ksListType05 dl dd .btnWrap {
  width: 100%;
  margin: 30px auto;
  text-align: center;
}

.ksListType05 dl dd ul.type03 {
  padding: 20px 16px;
  width: 100%;
  height: 60px;
  position: relative;
  border: 1px solid #eee;
  margin-top: -1px;
}

.ksListType05 dl dd ul.type03 li {
  float: left;
  width: calc(50% - 90px);
}

.ksListType05 dl dd ul.type03 li.title {
  width: 90px;
}

.ksListType05 dl dd ul.type03:after {
  content: '';
  display: block;
  clear: both;
}

.ksListType05 dl dd ul.type04 {
  padding: 20px 16px;
  width: 100%;
  height: 60px;
  position: relative;
  border: 1px solid #eee;
  margin-top: -1px;
}

.ksListType05 dl dd ul.type04 li {
  float: left;
  width: calc(33% - 70px);
}

.ksListType05 dl dd ul.type04 li.title {
  width: 70px;
}

.ksListType05 dl dd ul.type04 li.t1 {
  float: left;
  width: calc(33% - 120px);
}

.ksListType05 dl dd ul.type04 li.t1.title {
  width: 120px;
}

.ksListType05 dl dd ul.type04:after {
  content: '';
  display: block;
  clear: both;
}

.ksListType05 dl.active dt .btn-open,
.ksListType05 dl.active dt .btn-act {
  background-position: 0 -40px;
}

.ksListType05 dl.active dd {
  display: block;
}

/* .ksListType05.type01{
  dl{

  }
} */
.ksListType05.type02 dl dd dl {
  border-bottom: 1px solid #eee;
  padding: 15px 0;
}

.ksListType05.type02 dl dd dl dt {
  border-bottom: 0 none;
  padding: 0px 20px 0 0;
}

.ksListType05.type02 dl dd dl dt .title {
  width: 600px;
  font-size: 18px;
  color: #222;
  padding-left: 35px;
  text-indent: -35px;
  float: left;
}

.ksListType05.type02 dl dd dl dt .form-row {
  float: right;
  margin: 5px 0 0 0;
}

.ksListType05.type02 dl dd dl dt:after {
  content: '';
  display: block;
  clear: both;
}

.ksListType05.type02 dl dd dl dd .ksBoxType04 {
  margin: 20px 0 0 0;
}

.ksListType05.type03 {
  margin: 0;
}

.ksListType05.type03 dl dt h4 {
  font-size: 16px;
  color: #222;
}

.ksListType05.type03 dl dt.title h4 {
  font-size: 20px;
  color: #222;
}

.ksListType05.type03 dl dd {
  padding-bottom: 20px;
}

.ksListType05.type03 dl dd .radio_pd01 .tooltip {
  left: 5px;
  top: 2px;
}

.ksListType05.type03 dl dd .tooltip-text {
  margin: 0 0 0 5px;
  color: #b0b0b0;
  font-size: 13px;
}

.ksListType05.type03 dl dd .icoEmph {
  position: relative;
  font-size: 13px;
  color: #b0b0b0;
  padding-left: 15px;
  margin-left: 5px;
}

.ksListType05.type03 dl dd .icoEmph:after {
  content: '';
  display: block;
  clear: both;
  width: 12px;
  height: 12px;
  position: absolute;
  left: 0;
  top: 2px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Svavf%2Sxf_vpb_rzcunfvf.cat");
  background-size: 12px 12px;
  background-repeat: no-repeat;
  background-position: 0 0;
}

.ksListType05.type03 dl dd .select-box {
  width: 209px;
}

.ksListType05.type03 dl dd .form-row.application-option {
  margin-top: 12px;
  width: 100%;
  max-width: 100%;
}

.ksListType05.type03 dl dd .form-row.application-option .title01 {
  width: 63px;
  display: inline-block;
}

.ksListType05.type03 dl dd .form-row.application-option .title02 {
  width: 140px;
  display: inline-block;
}

.ksListType05.type03 dl dd .form-row.application-option .title03 {
  width: 100px;
  display: inline-block;
}

.ksListType05.type03 dl dd .form-row.application-option .type-1 {
  line-height: 30px;
  /* e : 20181122 - 달력 아이콘 클릭 안되는 현상 수정  */
}

.ksListType05.type03 dl dd .form-row.application-option .type-1 .calendar {
  width: 200px;
  /* s : 20181122 - 달력 아이콘 클릭 안되는 현상 수정  */
  background: #fff url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Svavf%2Sxf_vpb_pnyraqne.cat");
  background-repeat: no-repeat;
  background-size: 15px 16px;
  background-position: 95% 7px;
}

.ksListType05.type03 dl dd .form-row.application-option .type-1 .calendar .input-txt {
  width: 100%;
  background: transparent;
}

.ksListType05.type03 dl dd .form-row.application-option .type-1 .calendar:after {
  content: '';
  display: none;
  width: 0;
  height: 0;
  left: 0;
  top: 0;
}

.ksListType05.type03 dl dd .form-row.application-option .type-1 .form-row.type-4 {
  max-width: 233px;
  display: inline-block;
  vertical-align: top;
}

.ksListType05.type03 dl dd .form-row.application-option .type-1 .form-row.type-4 .input-txt {
  width: calc(50% - 24px);
}

.ksListType05.type03 dl dd .form-row.application-option .type-1 .form-row.type-5 {
  max-width: 380px;
  display: inline-block;
  vertical-align: top;
}

.ksListType05.type03 dl dd .form-row.application-option .type-1 .form-row.type-5 .input-txt {
  width: calc(25% - 18px);
}

.ksListType05.type03 dl dd .form-row.application-option.ksType01 {
  padding: 12px 0 0 0;
}

.ksListType05.type03 dl dd .ksDotTextType01 li {
  color: #666;
  line-height: 24px;
}

.ksListType05.type03.t2 dl {
  margin-top: 0;
}

.ksListType05.type03.mt30 {
  margin-top: 30px;
}

.ksListType05.type03.mt30 .kblife-retire-cont02 {
  border-top: 0 none;
}

.ksListType05.type03.t1 dl dt {
  border-bottom: 1px solid #eee;
}

.form-row-wrap {
  width: 100%;
  display: block;
}

.form-row-wrap .form-row {
  width: 160px;
  max-width: 160px;
  height: 32px;
  display: table;
  table-layout: fixed;
  float: left;
  margin: 1px 20px 1px 0;
}

.form-row-wrap .form-row label {
  width: auto;
  display: inline-block;
}

.form-row-wrap .form-row.ksType03 {
  margin: 10px 20px 10px 0;
}

.form-row-wrap .form-row.ksType03 label {
  margin-top: 5px;
}

.form-row-wrap .form-row.ksType04 {
  width: 400px;
  max-width: 400px;
  margin: 10px 0 10px 0;
}

.form-row-wrap .form-row.ksType04 label, .form-row-wrap .form-row.ksType04 .tooltip.ksType01 {
  width: auto;
  display: table-cell;
  vertical-align: middle;
}

.form-row-wrap .form-row.ksType04 label {
  width: 60px;
}

.form-row-wrap .form-row.ksType04 .tooltip.ksType01 {
  width: 12px;
  height: 12px;
}

.form-row-wrap .form-row.ksType04 input[type=text] {
  width: 310px;
  margin: 0 0 0 10px;
}

.form-row-wrap:after {
  content: '';
  display: block;
  clear: both;
}

.ksListType06 dl {
  border-bottom: 1px solid #ebebeb;
}

.ksListType06 dl dt {
  padding: 17px;
  border-bottom: 0 none;
}

.ksListType06 dl dt span {
  float: left;
  max-width: 740px;
  display: block;
  font-size: 13px;
  color: #666;
}

.ksListType06 dl dt .tooltip {
  margin: 3px 0 0 5px;
}

.ksListType06 dl dt .form-row {
  float: right;
}

.ksListType06 dl dt ul.ksLt01 {
  display: table;
  /*li.title:after{
          content:'';display:block;clear: both;
          position: absolute;left:0;top:8px;
          width:2px;height:2px;
          background:#666;
        }*/
}

.ksListType06 dl dt ul.ksLt01 li .form-row {
  width: 100%;
  max-width: 100%;
}

.ksListType06 dl dt ul.ksLt01 li .form-row .unit {
  float: none;
}

.ksListType06 dl dt ul.ksLt01 li .form-row.w168 {
  width: 168px;
  max-width: 168px;
}

.ksListType06 dl dt ul.ksLt01 li .form-row.ksType05 input {
  width: 300px;
}

.ksListType06 dl dt ul.ksLt01 li .form-row.ksType05 input + input {
  margin-left: 10px;
}

.ksListType06 dl dt ul.ksLt01 li.title {
  position: relative;
  font-size: 13px;
  color: #666;
  padding-right: 22px;
  padding-left: 10px;
  text-indent: -10px;
}

.ksListType06 dl dt ul.ksLt01 li.title .tooltip .panel {
  text-indent: 0;
}

.ksListType06 dl dt ul.ksLt01 > li {
  display: table-cell;
  vertical-align: middle;
  padding: 10px 0;
}

.ksListType06 dl dt:after {
  content: '';
  display: block;
  clear: both;
}

.ksListType06 dl dd {
  background: #fcfcfc;
  padding: 14px 22px;
  margin: 0 0 20px 0;
}

.ksListType06 dl dd ul {
  display: table;
  /*li.title:after{
          content:'';display:block;clear: both;
          position: absolute;left:0;top:8px;
          width:2px;height:2px;
          background:#666;
        }*/
}

.ksListType06 dl dd ul li {
  display: table-cell;
  vertical-align: middle;
  padding: 10px 0;
}

.ksListType06 dl dd ul li .form-row {
  width: 100%;
  max-width: 100%;
}

.ksListType06 dl dd ul li .form-row.w168 {
  width: 168px;
  max-width: 168px;
}

.ksListType06 dl dd ul li .form-row.ksType05 input {
  width: 300px;
}

.ksListType06 dl dd ul li .form-row.ksType05 input + input {
  margin-left: 10px;
}

.ksListType06 dl dd ul li.title {
  position: relative;
  font-size: 13px;
  color: #666;
  padding-right: 22px;
  padding-left: 10px;
  text-indent: -10px;
}

.ksListType06 dl dd ul.type01 li, .ksListType06 dl dd ul.type02 li {
  padding-top: 5px;
  padding-bottom: 5px;
}

.ksListType06 dl dd ul.type01 {
  float: left;
  padding-right: 50px;
}

.ksListType06 dl dd ul.type01 li.title {
  width: 110px;
}

.ksListType06 dl dd ul.type02 li .form-row.type-2 .input-txt {
  width: 180px;
}

.ksListType06 dl dd ul.type02 li.title {
  width: 110px;
}

.ksListType06 dl dd ul.type01 + p {
  clear: both;
  font-size: 13px;
  color: #666;
  padding-left: 15px;
  text-indent: -15px;
  padding-top: 10px;
}

.ksListType06 dl dd .panel li {
  width: 100%;
  display: block;
  padding: 0;
}

.ksListType06 dl dd .ksInfoType01 {
  display: block;
  width: 100%;
  padding: 10px 0;
  border-top: 1px solid #eee;
}

.ksListType06 dl dd .ksInfoType01 li {
  display: block;
  padding: 0;
  font-size: 13px;
  color: #666;
}

.ksListType06 dl dd .ksInfoType01 li span {
  color: #222;
}

.ksListType06 dl dd:after {
  content: '';
  display: block;
  clear: both;
}

.fr-KsType01 {
  width: 100%;
  font-size: 14px;
  display: block;
}

.fr-KsType01 .select-box {
  display: inline-block;
  width: 300px;
  margin: 0 0 0 5px;
}

.fr-KsType01 .select-box .panel li {
  width: 100%;
  display: block;
  padding: 0;
}

.fr-KsType01 .select-box + .form-row {
  width: 300px;
  max-width: 300px;
  display: inline-block;
  margin: 0 0 0 0;
  vertical-align: middle;
}

.fr-KsType01:after {
  content: '';
  display: block;
  clear: both;
}

.list_fl01 {
  overflow: hidden;
}

.list_fl01 li {
  float: left;
  margin-right: 15px;
  font-size: 12px;
  color: #666;
}

/* e : 정기보험 청약가입 */
/* s : 181105 - 약관 공통 style */
.ksAgreeWrap01 {
  padding: 20px 0;
  font-size: 12px;
  line-height: 1.5;
  color: #222;
  word-wrap: break-word;
}

.ksAgreeWrap01 p {
  font-size: 12px;
  color: #666;
}

.ksAgreeWrap01 > ul {
  margin-bottom: 15px;
}

.ksAgreeWrap01 > ul > li {
  position: relative;
  padding-left: 7px;
  margin-top: 15px;
}

.ksAgreeWrap01 > ul > li > ul > li {
  position: relative;
  padding-left: 10px;
  color: #666;
}

.ksAgreeWrap01 > ul > li > ul > li ul li {
  position: relative;
  padding-left: 10px;
  color: #666;
}

.ksAgreeWrap01 > ul > li > ul > li ul > li:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 6px;
  width: 4px;
  height: 4px;
  border: 1px solid #666;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
}

.ksAgreeWrap01 > ul > li > ul > li:after {
  content: '-';
  display: block;
  position: absolute;
  background: none;
  left: 0;
  top: 0;
}

.ksAgreeWrap01 > ul > li:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 6px;
  width: 2px;
  height: 2px;
  background: #222;
  border: 1px solid #222;
  border-radius: 1px;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
}

.ksAgreeWrap01 > ol {
  margin-top: 15px;
}

.ksAgreeWrap01 > ol > li {
  padding-left: 15px;
  text-indent: -15px;
}

.ksAgreeWrap01 > ol > li ol li {
  padding-left: 13px;
  text-indent: -13px;
}

/* e : 181105 - 약관 공통 style */
/* s : 181116 - 통신사이용약관동의 */
.ksAgreeWrap02 {
  padding: 30px 0px;
  font-size: 14px;
  color: #666;
}

.ksAgreeWrap02 p, .ksAgreeWrap02 span, .ksAgreeWrap02 strong, .ksAgreeWrap02 a {
  font-size: 14px;
  color: #666;
}

.ksAgreeWrap02 p, .ksAgreeWrap02 span {
  display: block;
}

.ksAgreeWrap02 p, .ksAgreeWrap02 span, .ksAgreeWrap02 p strong, .ksAgreeWrap02 span strong {
  color: #222;
}

.ksAgreeWrap02 p {
  font-size: 18px;
}

.ksAgreeWrap02 span {
  font-size: 16px;
}

.ksAgreeWrap02 table {
  margin-top: 10px;
}

.ksAgreeWrap02 table th, .ksAgreeWrap02 table td {
  padding: 10px 20px;
  text-align: center;
  border: 1px solid #dadada;
}

.ksAgreeWrap02 table thead th:first-child, .ksAgreeWrap02 table tbody td:first-child {
  border-left: 0 none;
}

.ksAgreeWrap02 table thead th:last-child, .ksAgreeWrap02 table tbody td:last-child {
  border-right: 0 none;
}

.ksAgreeWrap02 table thead th {
  background: #e6e6e6;
  border-top: 1px solid #666666;
}

/* e : 181116 - 통신사이용약관동의 */
/* s : 20181123 - 느낌표 아이콘 */
/* e : 20181123 - 느낌표 아이콘 */
.complete-cont.page-error.khjPop_type01 {
  margin: 0 auto;
  width: 550px;
  border: none;
}

.complete-cont.page-error.khjPop_type01::before {
  background-position: -415px -1260px;
}

.pc-main .indicator.fc-f01 span {
  background-color: #fff;
  border: 1px solid #fff;
}

.pc-main .indicator.fc-f01 span.on {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: transparent;
  border: 1px solid #fff;
}

.pc-main .controller button.stop.fc-f01::before,
.pc-main .controller button.stop.fc-f01::after {
  background-color: #fff;
}

.pc-main .controller button.play.fc-f01::before {
  border-color: transparent #fff transparent #fff;
}

.pc-main .carousel-pc-ins > button.fc-g01:before {
  border-color: #c8c8c8;
}

.join-comlete-js {
  position: relative;
  padding: 28px 0 49px 0;
  margin-bottom: 26px;
  width: 960px;
  border: 1px solid #eeeeee;
  text-align: left;
}

.join-comlete-js:after {
  position: absolute;
  display: block;
  content: '';
  transform: translateX(-50%);
}

.join-comlete-js .join-comlete-box-js {
  padding: 0 65px;
}

.join-comlete-js .join-comlete-box-js .join-comlete-box-text {
  margin-left: 130px;
}

.join-comlete-js .join-comlete-box-js .join-comlete-box-text:before {
  position: absolute;
  content: '';
  display: block;
  top: 60px;
  left: 64px;
  width: 78px;
  height: 90px;
  margin-right: 100px;
  text-indent: -9999px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Svavf%2Swf-vpb.cat") no-repeat 0px 0px;
}

.join-comlete-js .join-comlete-box-js .join-comlete-box-text span.icon-left {
  clear: both;
  content: '';
  display: block;
  float: left;
  top: 55px;
  left: 19px;
  width: 87px;
  height: 90px;
  margin-right: 100px;
  text-indent: -9999px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svpb.cat") no-repeat 0px -124px;
}

.join-comlete-js .join-comlete-box-js .join-comlete-box-text p:nth-of-type(1) {
  margin-top: 20px;
}

.join-comlete-js .join-comlete-box-js .join-comlete-box-text .fs-01 {
  font-size: 24px;
}

.join-comlete-js .join-comlete-box-js .join-comlete-box-text .fc-y01 {
  color: #f46600;
}

.join-comlete-js .join-comlete-box-js .join-comlete-box-text .fc-g01 {
  color: #c8c8c8;
}

.join-comlete-js .join-comlete-box-js .join-comlete-box-text .fc-f01 {
  color: #fff;
}

.join-comlete-js .join-comlete-box-js .join-comlete-box-text .btn-join {
  margin-top: 55px;
}

.join-comlete-js .join-comlete-box-js .join-comlete-box-text .btn-join a {
  margin-right: 10px;
}

.join-comlete-js .info-cont-01 {
  height: 70px;
  margin-top: 55px;
  padding: 18px 19px;
  border-top: 1px solid #eeeeee;
  background: #fcfcfc;
  color: #666;
  font-size: 13px;
  line-height: 1.4;
}

.join-comlete-js .info-cont-01:after {
  display: block;
  content: '';
  clear: both;
}

.join-comlete-js .info-cont-01 span {
  display: inline-block;
}

.join-comlete-js .info-cont-01 .btn-right {
  float: right;
  margin-top: 5px;
}

.complete-cont.join-comlete-js:before {
  content: '';
  display: none;
}

/* margin , padding값 */
.mt11 {
  margin-top: 11px;
}

/* 2025.04.23 추가 */
.mt40 {
  margin-top: 40px !important;
}

.pa1718 {
  padding: 17px 18px;
}

.pa60 {
  padding: 60px;
}

.kspa60 {
  padding: 20px 23px 22px 59px;
}

/* height 값 */
.h600 {
  height: 600px;
}

.h640 {
  height: 640px;
}

.h652 {
  height: 652px;
}

/* 우편번호찾기 */
.input-check-area-js {
  margin: 26px 0 16px;
}

.search-wrap-type-js {
  margin: 16px 0 23px 0;
}

.search-wrap-type-js .input {
  background: #fff;
  border: 1px solid #d8d8d8;
}

.search-wrap-type-js .input:hover {
  border: 1px solid #222;
}

.modal-list-js {
  margin-bottom: 30px;
  background: #fff;
  border: 1px solid #ccc;
  height: auto;
}

.modal-list-js .body-scroll.scroll09 {
  height: 269px;
  margin: 0 0 0 -30px;
  padding: 0 0 0 30px;
}

.modal-list-js .body-scroll.scroll09 li {
  padding: 17px 18px;
  border-bottom: 1px solid #ccc;
}

.modal-list-js .body-scroll.scroll09:last-child {
  border-bottom: none;
}

/* 청약문서 */
.js-stext01 {
  padding-left: 20px;
  font-size: 13px;
  color: #666;
}

.ksListType02.offerList-js li {
  width: 170px;
  height: 262px;
  background: transparent;
  margin: 30px 1px 0 0;
  padding: 0;
}

.ksListType02.offerList-js li .offerList01 {
  width: 140px;
  height: 207px;
  padding: 6px 5px 1px 1px;
  vertical-align: middle;
  text-align: center;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Scebqhpg%2Swf_cqs_ot2.cat") no-repeat 0px 0px;
}

.ksListType02.offerList-js li .offerList01 p {
  margin-top: 68px;
  padding: 0;
  line-height: 1.3;
  background: #fff;
  border-top: none;
}

.ksListType02.offerList-js li .ksLtBtnWrap a {
  width: 82%;
  border-radius: 0;
}

/*** modify ***/
/* agree */
.agree190605{overflow-y:auto;height:494px}
.agree190605 .agreeAll{padding:13px 17px;border:#ffde33 3px solid;background:#fff}
.agree190605 .agree-check-cont{margin-top:18px;padding:0 20px;border-top:#666 1px solid}
.agree190605 .agree-check-cont .check-list{margin:0 -20px;border-top:0}
.agree190605 h2{margin:18px 0 0;padding:0 20px;font-size:15px;font-weight:600}
.agree190605 .agree-check-cont+h2{margin-top:28px}
.agree190605 .table-row{margin:0 -20px -9px;padding-top:8px;border:0;clear:both}
.agree190605 .table-row>table{border-top:#ccc 1px solid}

/* 고도화 201907 */
/* s : 가입완료 설문조사 */
.ksListType07 {
  background: #fff;
  margin: 12px 0 0 0;
}

.ksListType07 dl {
  width: 100%;
  position: relative;
  display: table;
  table-layout: fixed;
  padding: 46px 18px 10px 18px;
  box-sizing: border-box;
  border-top: 1px solid #ebebeb;
}

.ksListType07 dl dt, .ksListType07 dl dd {
  display: table-cell;
  vertical-align: middle;
}

.ksListType07 dl dt {
  display: block;
  width: 100%;
  padding-top:15px;
}
.ksListType07 dl dt > .txt-question {
  position: absolute;
  width: 32px;
  height: 32px;
  top:23px;
  left:20px;
  margin-bottom: 9px;
  background-image: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svpb_dan_pnfr.cat");
  background-repeat: no-repeat;
  background-position: 0 0;
}
.ksListType07 dl dd {
  display: block;
  width: 100%;
}

.ksListType07 dl:first-child {
  border-top: 0 none;
}

.ksListType07 dl dd .qlist {
  display: block;
  padding:15px 0 0 10px;
}

.ksListType07 dl dd .qlist li {
  display: block;
  padding:0 0 10px 0;
}
/* e : 가입완료 설문조사 */
/* s : 설문조사 */
.btn-join.type01 > .btn-4x {width:160px;}
.page-quest .modal-body {position: relative; height:700px; overflow-x:hidden; overflow-y:auto;}
.quest-text-top {}
.quest-text-bot {padding:20px 0 0 0;}
.qListType01 {background: #fff; margin: 12px 0 0 0;}
.qListType01 dl {width: 100%;position: relative;display: table;table-layout: fixed; padding:7px 18px 7px 18px; box-sizing: border-box; border-top: 1px solid #ebebeb;}
.qListType01 dl dt, .qListType07 dl dd {display: table-cell;vertical-align: middle;}
.qListType01 dl dt {display: block; width: 100%; padding-top:15px;}
.qListType01 dl dt > .txt-question {display: inline-block; float:left; width:55px; height: 22px;margin:-2px 10px 9px 0; padding:1px 0 0 10px;}
.qListType01 dl dd {display: block; width: 100%;}
.qListType01 dl:first-child {border-top: 0 none;}
.qListType01 dl dd .qlist {display: block; padding:15px 0 0 65px;}
.qListType01 dl dd .qlist li {display: block; padding:0 0 10px 0;}
.qListType01 dl dd .qlist li > .input-txt {width:80%; margin:-5px 0 0 10px;}
.quest-term {overflow:hidden;margin-top:10px}
.quest-term > * {float:left;padding-top:10px}
.quest-term > dt {position:relative;width:60px;padding-left:0px;box-sizing:border-box}
.quest-term > dt:before {position:absolute;top:15px;left:0;width:5px;height:8px;content:''}
.quest-term > dt.blk {float:none !important;width:100% !important;clear:both}
.quest-term > dd {width:calc(100% - 60px)}
.quest-term > dd.blk {width:100% !important;}
/* e : 설문조사 */
/* agree */
.agreeType01 {overflow-y:auto;height:640px;}
.agreeType01 .agreeAll{margin:10px 0 0 0;padding:13px 17px;border:#ffde33 3px solid;background:#fff}
.agreeType01 .agree-check-cont{margin-top:18px;padding:0 20px;border-top:#666 1px solid}
.agreeType01 .agree-check-cont .check-list{margin:0 -20px;border-top:0}
.agreeType01 h2 {margin:18px 0 0;padding:0 20px;font-size:15px;font-weight:600}
.agreeType01 .agree-check-cont+h2{margin-top:28px}
.agreeType01 .table-row {margin:0 0 0;padding-top:0px;border:0;clear:both}
.agreeType01 .table-row>table {border-top:#ccc 1px solid}
.agreeType01 .accordion {margin-top:10px;}
.agreeType01 .accordion > li {border-top:1px solid #ccc;}
.agreeType01 .accordion > li > .head .anchor {padding-left:0;}
.agreeType01 .accordion > li > .panel.type-2 {height:100px; overflow-y:auto;}
.agreeType01 .accordion > li > .head > a > .input-check {margin-top:0;}
.agreeType01 .accordion > li > .head > a > .input-check > span {height:31px; margin-top:17px;}
.panel.type-2 .text-list02 li span.none {padding-left:0;}
.panel.type-2 .text-list02 li span.none:before {content:'';}
/* 주소검색 */
.page-post {position: relative; height:680px;}
.page-post .modal-footer {position: absolute; left:0; bottom:0px; width:100%; text-align: center;}
.page-post .modal-body {padding-bottom:0;}
.post-guide {margin:-10px 0 0 10px;}
.post-guide > .text-list01 {padding:5px 0 0 0;}
.post-txtr {color:#666; margin-top:-25px; padding:0 0 5px 0; text-align: right;}
.modal-list-js .body-scroll.scroll09.post-list {height: 319px;}
.modal-list-js .body-scroll.scroll09.post-list li {padding:0px 0px;}
.post-list li > a {display: block; padding:12px 18px 10px;}
.post-list li > a:hover {border:1px solid #222;}
.post-num {display: block;}
.post-add01 {display: block; font-family: KBFGDisplayB; padding:5px 0 5px 0;}
.post-add02 {display: block; color:#666}
.modal-list-js.no-data {text-align: center;}
.post-detail {padding:18px 18px 10px; margin-bottom: 30px;background: #fff;border: 1px solid #ccc;height: auto;}
.post-detail > .form-row {max-width:100%; margin:10px 0 10px 0;}
.modal-body .table-row th.text-center {text-align: center;}
.form-row.post >.input-radio > span > em {padding:0 0 5px 0;}
/* 계약전 알림 */
.dnone {display: none;}
.dblock {display: block;}
.accordion.cont-notice {margin-top:40px;}
.accordion.cont-notice .accordion-item:first-child {border-top:1px solid #eee;}
.accordion.cont-notice .head {height:70px;}
.accordion.cont-notice .head .tit-sub-ksType05.mb5 {margin-top:10px;}
.accordion.cont-notice .accordion-item > .panel {padding:0;margin-top:-15px;}
/* 필수 및 선택동의  20191101 */
.page-reqagree .tab-2.tab-free a, .tab-2.tab-free button {height: 60px; padding: 9px 13px 10px; white-space: nowrap; font-size: 15px; color:#222; font-family: KBFGDisplayB; line-height:20px;}
.page-reqagree .agreeAll {padding:7px 17px;border:#ffde33 3px solid;background:#fff; margin-bottom:-18px;}
.page-reqagree .agreeAll .input-check2 > span {position: relative; display: inline-block; height: 28px; padding-left: 32px; color: #222222; vertical-align: top; font-weight: 700; font-size: 14px; line-height: 28px; cursor: pointer;}
.page-reqagree .agree-check-cont{margin-top:18px;padding:0 20px;border-top:1px solid #ccc;}
.page-reqagree .agree-check-cont .check-list {margin:0 -20px;border-top:0}
.page-reqagree .agree-check-cont .check-list li {padding:8px 20px;}
.page-reqagree .table-row {position: relative; clear:both; margin-top:40px;}

/* s : 신용카드 본인인증 20191209 */
.ars-box {position: relative; width: 540px; margin-top:10px; padding:184px 0 49px 0; border:1px solid #ccc; text-align: center;}
.ars-box:before {position: absolute; top: 40px; left: 50%; margin-left:-45px; display: block; width: 90px; height: 105px; content: '';  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svpb_nef01.cat") no-repeat 0 0;}
.ars-box .cert-time {position: relative; display: inline-block; font-size: 15px; padding:27px 0 0 0px;}
.ars-box .cert-time .time {color: #ff3d3d;}
.card-num > input[readonly], .card-num > input:disabled {background-color: transparent;}

/*200428 카카오톡 공유하기 배너영역*/
.bannerArea {text-align: center;margin-bottom: 30px;}


/**
200513 보험상품 가입
**/

.form-row.form-row_type2 {position: relative;}
.form-row.form-row_type2 > .input-radio {vertical-align: middle;}

/* 버튼타입 툴팁 */
.tooltip.tipType2 {padding: 4px 8px;background-color: #ffde33;height: 25px;border-radius: 3px;margin-left: 20px;}
.tooltip.tipType2 .tipBtn {font-size: 13px;color: #60584C;}
.tooltip.tipType2 .panel {top: 34px;left: 63px;width: 477px;}
.tooltip.tipType2 .doteList > li {position: relative;padding-left: 7px;font-size: 13px;line-height: 1.3;padding-bottom: 10px;white-space: normal;word-break: keep-all;color: #666;font-family: 'NotoD';}
.tooltip.tipType2 .doteList > li:after {content: '';display: block;position: absolute;left: 0;top: 6px;width: 2px;height: 2px;background: #666;border-radius: 1px;-webkit-border-radius: 1px;-moz-border-radius: 1px;-ms-border-radius: 1px;}
.tooltip.tipType2 .dashList {margin-top: 6px;}
.tooltip.tipType2 .dashList > li {position: relative;padding-left: 9px;padding-bottom: 5px; font-size: 12px;line-height: 1.3;color: #666;font-family: 'NotoD';}
.tooltip.tipType2 .dashList > li:last-child {padding-bottom: 0px;}
.tooltip.tipType2 .dashList > li:after {content: '-';display: block;position: absolute;left: 0;top: 0;}

/**
200615 여성암보험 신규추가
**/

/* 암보험상세페이지 -메인 랜딩 페이지 */
.isp-calculation-container.type-8 {
  min-width: 960px;
  background-color: #a56cf4;
  padding-right: calc((100% - 960px) / 2.6);
  padding-left: calc((100% - 960px) / 2.2);
}
.isp-calculation-container.type-8 .birthday input {
    background: #8c5cd0;
}
.isp-calculation-container.type-8 .radio-check label:nth-child(2) input:checked + span {
  background-color: #fff;
  border: 1px solid #8c5cd0;
}

.isp-calculation-container.type-8 .radio-check label:nth-child(1) span {
    background-color: #8c5cd0;
}
.isp-calculation-container.type-8 .button-cal {
    width: 190px;
    background-color: #7a41ba;
    line-height: 1.2;
}
.ksAdvenCalcWrap .ksAdvenCalc .ksAcSlide .ksAs-slide .ksAsHead .input-check2 span.sm-text {font-size: 20px;}
.isp-calculation-container.type-8 .dropdown .tooltip .anchor {
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Svfc%2Svpb_vfc_gbbygvc.cat') no-repeat -13px 0;
}
.ksAsBottomWrap.type-2 {height: 559px;}
.ksAsBottomWrap.type-2 .ksAsBottom .ksAb-Slide .ksAbs-form .list dt,
.ksAsBottomWrap.type-2 .ksAsBottom .ksAb-Slide .ksAbs-form .list dd {width: 257px;}
.ksAsBottomWrap.type-2 .ksAsBottom .ksAb-Slide .ksAbs-graphWrap {height: 261px !important;}
.ksAsBottomWrap.type-2 .ksAsBottom .ksAb-Slide .ksAbs-graphWrap .ksAbs-top .ksAg-graph:after {height: 174px;}
.ksAsBottomWrap.type-2 .ksAsBottom .ksAb-Slide .ksAbs-graphWrap .ksAbs-top .ksAg-result .ksar_list dl.list01:after {height: 174px;}
.ksAsBottomWrap.type-2 .ksAsBottom .ksAb-Slide .ksAbs-graphWrap .ksAbs-top .ksAg-result p.result_tail { max-width: 279px;position: absolute;left: 21px;bottom: -35px;font-size: 12px;text-align: left;}
.ksAsBottomWrap.type-2 .ksAsBottom .ksAb-Slide .ksAbs-graphWrap .ksAbs-top .ksAg-result ul.list03 {margin: 119px 0 0 0;}
.ksAsBottomWrap.type-2 .ksAsBottom .ksAb-Slide .ksAbs-graphWrap .ksAbs-top .ksAg-result .ksar_list dl.list01 {padding-right: 15px;}

/* 암보험상세페이지 - 마케팅 동의 안내 팝업 */
.modal.alert-m {width: 402px;}
.modal.alert-m .modal-title {height: 26px;}
.modal.alert-m .system-message {min-height: 50px;}
.modal.alert-m .system-message-align {text-align: left;}


/**
200622 여성암보험 이벤트안내 팝업
**/
.modal-content.eventType {padding: 0;font-size:0;}
.modal-content.eventType img {width: 100%;}
.modal-content.eventType .modal-body {padding: 0;}
.modal-content.eventType .body-scroll {margin: 0;padding: 0;height: 700px;}

/*탭*/
.modal-content.eventType .event_tabs:after {content: '';clear: both;display: block;}
.modal-content.eventType .event_tabs .tab_item {width: 50%;height: 12vh;float: left;background-repeat: no-repeat;background-size: 18vh;background-position: center 45%;position: relative;z-index: 111;background-color: transparent;}
.modal-content.eventType .event_tabs .tab_item p {text-indent: -999999px;height: 100%;background-repeat: no-repeat;background-size: 17vh;background-position: center 33%;cursor:pointer;}
.modal-content.eventType .event_tabs .tab_item {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Svfcq%2S200622_rirag_gno_ogabss.cat');background-repeat: no-repeat;background-size: 100% 98%;background-position: top;}
.modal-content.eventType .event_tabs .tab_item.on {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Svfcq%2S200622_rirag_gno_ogaba.cat');}
.modal-content.eventType .event_tabs .tab_item:first-child p{background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Svfcq%2S200622_rirag_gno_oga_1_bss.cat');}
.modal-content.eventType .event_tabs .tab_item:nth-child(2) p{background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Svfcq%2S200622_rirag_gno_oga_2_bss.cat');}
.modal-content.eventType .event_tabs .tab_item.on:first-child p{background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Svfcq%2S200622_rirag_gno_oga_1_ba.cat');}
.modal-content.eventType .event_tabs .tab_item.on:nth-child(2) p{background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Svfcq%2S200622_rirag_gno_oga_2_ba.cat');}
.modal-content.eventType .tcont {display: none;}
.modal-content.eventType .tcont.on {display: block;font-size: 0;}
.modal-content.eventType .tcont > img {width: 100%;margin-top: -9px;}
.modal-content.eventType .modal-footer {padding-top: 25px;background-color: #f7f3e8;}


/*200623 여성암보험 이벤트 상세*/
.isp-product-list .item.type-16::before {
    background-position: -457px -99px;
}
.isp-product-list .item.type-17::before {
    background-position: -457px -99px;
}
.isp-product-list .item.type-17::before {
    background-position: -553px -97px;
}
.isp-calculation-container.type-9 {
  min-width: 1100px;
  background-color: #aea929;
  padding-right: calc((100% - 1100px) / 2.6);
  padding-left: calc((100% - 1100px) / 2.2);
}
.isp-calculation-container.type-9 .birthday input {
    background: #949023;
}
.isp-calculation-container.type-9 .radio-check label:nth-child(2) input:checked + span {
  background-color: #fff;
  border: 1px solid #949023;
}

.isp-calculation-container.type-9 .radio-check label:nth-child(1) span {
    background-color: #949023;
}
.isp-calculation-container.type-9 .button-cal {
    width: 190px;
    background-color: #7c7800;
    line-height: 1.2;
}
.isp-calculation-container.type-9 .anchor.anchor_type2 {
    background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Svfc%2Svpb_vfc_gbbygvc2.cat') no-repeat 0 0;
}
.imgRel {position: relative;}
.modal.w-m3 {width:737px;}

/*맘시터 바로가기 버튼링크*/
.linkWrap a, .event_tabs .tab_item {cursor: pointer;}
.linkWrap {position: relative;font-size: 0;}
.linkWrap img {width: 100%;}
.goLink {position: absolute;top: 0;left: 7%;width: 86%;height: 56%;margin: 0 auto;}


/**
200622 여성암보험 이벤트안내 팝업
**/
.modal-content.eventType {padding: 0;font-size:0;}
.modal-content.eventType img {width: 100%;}
.modal-content.eventType .modal-body {padding: 0;}
.modal-content.eventType .body-scroll {margin: 0;padding: 0;height: 700px;}

/*탭*/
.modal-content.eventType .event_tabs:after {content: '';clear: both;display: block;}
.modal-content.eventType .event_tabs .tab_item {width: 50%;height: 12vh;float: left;background-repeat: no-repeat;background-size: 18vh;background-position: center 45%;position: relative;z-index: 111;background-color: transparent;}
.modal-content.eventType .event_tabs .tab_item p {text-indent: -999999px;height: 100%;background-repeat: no-repeat;background-size: 17vh;background-position: center 33%;cursor:pointer;}
.modal-content.eventType .event_tabs .tab_item {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Svafhgbx%2Svzntrf%2S200622_rirag_gno_ogabss.cat');background-repeat: no-repeat;background-size: 100% 98%;background-position: top;}
.modal-content.eventType .event_tabs .tab_item.on {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Svafhgbx%2Svzntrf%2S200622_rirag_gno_ogaba.cat');}
.modal-content.eventType .event_tabs .tab_item:first-child p{background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Svafhgbx%2Svzntrf%2S200622_rirag_gno_oga_1_bss.cat');}
.modal-content.eventType .event_tabs .tab_item:nth-child(2) p{background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Svafhgbx%2Svzntrf%2S200622_rirag_gno_oga_2_bss.cat');}
.modal-content.eventType .event_tabs .tab_item.on:first-child p{background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Svafhgbx%2Svzntrf%2S200622_rirag_gno_oga_1_ba.cat');}
.modal-content.eventType .event_tabs .tab_item.on:nth-child(2) p{background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Svafhgbx%2Svzntrf%2S200622_rirag_gno_oga_2_ba.cat');}
.modal-content.eventType .tcont {display: none;}
.modal-content.eventType .tcont.on {display: block;font-size: 0;}
.modal-content.eventType .tcont > img {width: 100%;margin-top: -9px;}
.modal-content.eventType .modal-footer {padding-top: 25px;background-color: #f7f3e8;}

.imgRel {position: relative;}
.modal.w-m3 {width:737px;}

/*맘시터 바로가기 버튼링크*/
.linkWrap a, .event_tabs .tab_item {cursor: pointer;}
.linkWrap {position: relative;font-size: 0;}
.linkWrap img {width: 100%;}
.goLink {position: absolute;top: 0;left: 7%;width: 86%;height: 56%;margin: 0 auto;}

/*210430 보험료납입 회차입력화면 개선*/
.insurance-list .type-6 {padding: 23px 20px 22px !important;}
.insurance-list .type-6::after {content: '';clear: both;display: block;}
.insurance-list .type-6::before, .insurance-list .type-6::after {position:static !important;}
.insurance-list .type-6 h3 {float:left;margin: 0;}
.insurance-list .type-6 strong {display: inline-block;}
.insurance-list .type-6 .select-box {width: 160px;float: right;margin-top: 20px;}
.insurance-list .type-6 .ins-input {display: none;width: 100%;text-align: right;margin-top: 20px;}
.insurance-list .type-6 .ins-input.active {display: inline-block;}
.insurance-list .type-6 .input-txt {width: 140px;height: 24px;margin: -3px 3px 0;padding-top: 0;border-top: none;border-right: none;border-left: none;background-color: transparent;text-align: right;font-size: 15px;line-height: 24px;}
.insurance-list .type-7 {position: relative;height: 68px;margin-top: -1px;padding: 20px;border: 1px solid #eee9d4;background-color: #fffae5;}
.insurance-list .type-7 strong {display: inline-block; color: #222222;line-height: 27px;}
.insurance-list .type-7 .ins-result {display:inline-block;float:right;}
.insurance-list .type-7 .ins-result span{font-size: 18px;font-weight: 600;line-height: 27px;}
.insurance-list .type-7 .etc {display: inline-block;margin-left: 50px;}
.insurance-list .type-7 .panel {position: absolute;top: 20px;right: 20px;}
.insurance-list .type-7 .input-txt {width: 140px;height: 24px;margin: -3px 3px 0;padding-top: 0;border-top: none;border-right: none;border-left: none;background-color: transparent;text-align: right;font-size: 15px;line-height: 24px;}
.insurance-list .type-7 .input-txt.active {border-bottom: 1px solid #ffde33;}
.insurance-list .type-7 a {margin-top: -7px;}

.ins-result-view > p {margin:0 20px;font-size:15px; display:inline-block;}

/* 210518 공동인증서 가져오기 */
.certificate-step.type2 {margin-top: 80px;}
.certificate-step.type2 .number {position: absolute;top: 30px;height: auto;line-height: 48px; width:60px; font-size:48px;}
.certificate-step.type2 li {height: auto;position: relative;line-height: 30px;border: 1px solid #eeeeee;padding: 0;}
.certificate-step.type2 li:nth-child(n+2) {margin-top: 60px;}
.certificate-step.type2 li .box-top {padding: 30px 60px;background: #f8f8f8;position: relative;}
.certificate-step.type2 li .box-top > div {display: inline-block;line-height: 20px;margin-left: 80px;color: #222;}
.certificate-step.type2 li .box-top > div > strong {font-size: 15px;line-height: 22px;display: block;margin-bottom: 2px;color: #222;font-weight: 600;}
.certificate-step.type2 li .box-top > div > a {position: absolute;top: 50%;right: 60px;margin-top: -12.5px;background: #ffde33;color: #222;width: 250px; height: 35px;line-height: 35px;padding: 0;text-align: center;}
.certificate-step.type2 li .box-btm {background-color: #fff;}
.certificate-step.type2 li .box-btm > img {width: 100%;}

/*210607 정보제공동의 수정*/
#dataList-2.insurance-list .input-check3 {position: absolute;top: 17px;left: 20px;}
#dataList-2.insurance-list .insurance-item .title {padding-left: 54px;}
.input-check3 {display: inline-block;vertical-align: top;}
.input-check3 + .input-check3 {margin-left: 35px;}
.input-check3 input {position: absolute;display: inline-block;overflow: hidden;width: 1px;height: 1px;opacity: 0;}
.input-check3 input:checked + span::before {background: #ffde33;}
.input-check3 input:checked + span::after {border-color: transparent #FFFFFF #FFFFFF transparent;}
.input-check3 input:focus + span {outline: 1px dotted #8d8d8d;}
.input-check3 span {position: relative;display: inline-block;height: 24px;padding-left: 32px;color: #222222;vertical-align: top;font-family: KBFGDisplayB;font-size: 20px;line-height: 25px;cursor: pointer;}
.input-check3 span.hidden {padding-left: 24px;font-size: 0;opacity: 100%;}
.input-check3 span::before {position: absolute;top: 0;left: 0;display: inline-block;width: 24px;height: 24px;border-radius: 50%;background: #eeeeee;content: '';}
.input-check3 span::after {position: absolute;top: 11px;left: 7px;display: inline-block;width: 7px;height: 14px;margin: -8px 7px 0 2px;border-width: 2px;border-style: solid;border-color: transparent #d8d8d8 #d8d8d8 transparent;border-radius: 2px;content: '';vertical-align: middle;transform: rotate(45deg);}
.insurance-list .type-6 {position: relative;margin-top: -1px;padding: 23px 0 22px 0;border: 1px solid #eeeeee;}
.insurance-list .type-6::before, .insurance-list .type-6::after {position: absolute;top: -1px;display: block;width: 20px;height: 1px;background-color: #FFFFFF;content: '';}
.insurance-list .type-6::before {left: 0;}
.insurance-list .type-6::after {right: 0;}
.insurance-list .type-6 strong {display: block;font-family: KBFGDisplayB;color: #222;}
.insurance-list .type-6 ul {font-size: 0;}
.insurance-list .type-6 strong + ul {margin-top: 15px;}
.insurance-list .type-6 ul li {display: inline-block;color: #666;font-size: 13px;}
.insurance-list .type-6 > ul > li {width: 50%;padding: 0 20px;}
.insurance-list .type-6 > ul > li:nth-child(2n-1){border-right: 1px solid #eeeeee;}
.insurance-list .type-6 > ul > li > ul > li:nth-child(n+2) {margin-left: 29px;}
.item:after {clear: both;content: '';display: block;}
.detail-box {background-color: #fcfcfc !important;padding: 20px 20px 20px 35px !important;}

/*기존소스 수정*/
.join-comlete-js {position: relative;padding: 33px 0 49px 0;margin-bottom: 26px;width: 960px;border: 1px solid #eeeeee;text-align: left;}
.join-comlete-js .join-comlete-box-js:after {clear: both;display: block;content: '';}
.join-comlete-js .info-cont-01 {height: 70px;margin-top: 60px;padding: 18px 59.5px 18px 60px;border-top: 1px solid #eeeeee;background: #fcfcfc;color: #666;font-size: 13px;line-height: 1.4;}
.join-comlete-js .info-cont-01 .btn-right a + a {margin-left: 6px;}
.join-comlete-js .join-comlete-box-js {padding: 0 19px 0 60px;}
.join-comlete-js .join-comlete-box-js .join-comlete-box-text {margin-left: 0;}
.join-comlete-js .join-comlete-box-js .join-comlete-box-text:before {content: none;}
.join-comlete-js .join-comlete-box-js .join-comlete-box-text p:nth-of-type(1) {margin-top: 13px;}
.join-comlete-js .join-comlete-box-js .join-comlete-box-text .btn-join {margin-top: 88px;}
.join-comlete-js .join-comlete-box-js .join-comlete-box-text .btn-join a {display: block;width: 262px;}
.join-comlete-js .join-comlete-box-js .join-comlete-box-text .btn-join a + a {margin-top: 10px;}
.complete-cont .txt1 {display: block;margin-top: 20px;font-size: 28px;line-height: 36px;}
.join-comlete-box-left {float: left;width: 50%;}
.join-comlete-box-right {float: right;width: 50%;}
.join-comlete-box-right > a {margin-top: 16px;}
.join-comlete-box-right > a > img {width: 100%;padding-left: 5px;}

/*210916 신고센터*/
.text-list01.type-2 > li .btn-1x.btn-brown {margin: -4px 3px 0 3px;}


/*****************************/

/* 2022.08 - 통합 구축 */

/*****************************/

.company-result {
  width: 380px !important;
  background-color: #fff;
}

.company-result .modal-close, .company-result .modal-close-confirm {/* cyb 추가 */
  position: absolute;
  top: 30px;
  right: 30px;
  width: 24px;
  height: 24px;
  background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbzzba%2Svpb_cbc_ovt_pybfr.cat) 50% 50% no-repeat;
}

.company-result .pop_inner {
  padding: 50px 30px 30px;
}

.choice-company {
  width: 100% !important;
}

.choice-company .choice-btn-group {
  margin-top: 30px;
  padding: 0 10px;
  text-align: center;
}

.choice-company .choice-btn-group .btn-4x {
  width: 100% !important;
  margin: 5px 0;
  padding-left: 15px;
  text-align: left;
}

.choice-company-img {
  margin: -30px -30px 30px;
  padding: 90px 90px 40px;
  border-radius: 25px;
  background-color: #f5f5f5;
  font-family: KBFGDisplayB;
  font-size: 24px;
  text-align: left;
}

.choice-company-img p {
  padding-bottom: 12px;
}

.choice-company p {
  padding-bottom: 5px;
  font-size: 16px;
  text-align: center;
}

.btn-choice {
  display: block;
  height: 55px;
  margin: 10px 0;
  border-radius: 28px;
  color: #666;
  font-size: 18px;
  line-height: 55px;
  text-align: center;
  text-decoration: underline;
}

.btn-choice.kb {
  margin: 15px 0;
  color: #fff;
  background-color: #ffde33;
  text-decoration: none;
}

.btn-choice.cyber {
  margin: 15px 0;
  color: #fff;
  background-color: #0079c2;
  text-decoration: none;
}

.modal-footer .btn-4x.btn-white + .btn-4x.btn-white {
  margin-top: 6px;
}

.btn-4x.btn-white [class^=ico-] {
  display: inline-block;
  padding-left: 31px;
  background-position: 0 center;
  background-repeat: no-repeat;
}

.btn-4x.btn-white .ico-kb {
  background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sybtva%2Svpb_ov_xo.cat);
}

.btn-4x.btn-white .ico-cyber {
  background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sybtva%2Svpb_ov_plore.cat);
}

.info-msg-box {
  display: flex;
  align-items: center;
  margin-bottom: 40px;
  padding-right: 125px;
  border-radius: 0 18px 0 18px;
  background: #fafafa url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbagragf%2Svasb_zft_obk_vzt.cat) no-repeat right 0;
  color: #666;
  font-size: 13px;
  overflow: hidden;
}

.info-msg-box .img {
  width: 240px;
}

.info-msg-box .txt p {
  word-break: keep-all;
  margin: 7px 0;
}

.info-msg-box .tit {
  margin-top: 7px;
  color: #222;
  font-size: 15px;
  font-weight: 500;
  word-break: keep-all;
}

.info-msg-box .blue-text {
  text-decoration: underline;
}

.ct-list-ytb-wrap.edu > ul {
  display: flex;
  align-items: flex-start;
  justify-content: space-around;
  flex-wrap: wrap;
  width: auto;
  margin: 0 -10px;
}

.ct-list-ytb-wrap.edu > ul > li {
  margin: 0 0 20px 0 !important;
  float: none;
}

.coming-soon {
  padding:55px 0 50px;
  background-color: #f8f8f8;
  text-align: center;
}

.coming-soon > p {
  padding-top: 63px;
  background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svpb_pbzvat_fbba.cat) no-repeat center 0;
  font-size: 20px;
  font-weight: 500;
}

.class-box {
  padding: 24px;
  background-color: #f8f8f8;
  color: #666;
  line-height: 1.7;
}

.class-box .inner {
  position: relative;
  padding: 35px 130px 38px 40px;
  border: 1px solid #eee;
  border-radius: 0 24px 0 24px;
  background-color: #fff;
}

.class-box .inner::after {
  content: '';
  position: absolute;
  right: 40px;
  top: 40px;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: #f8f8f8 url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svpb_pynff.cat) no-repeat center center;
}

.class-box h2 {
  margin: 0 0 18px;
}

.class-box p {
  margin-top: 10px;
}

.class-box .btn-3x {
  margin-top: 24px;
}

.terms .info-text06 + .subtit03 {
  margin-top: 0;
}

.icon-sp-cs[class*=nc-]::before {
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svpb_fcevgrf_phfgbzre02.cat") no-repeat 0 0;
}

.icon-sp-cs.nc-2::before {
  background-position: -44px 0;
}

.icon-sp-cs.nc-3::before {
  background-position: -88px 0;
}

.icon-sp-cs.nc-4::before {
  background-position: -132px 0;
}

.icon-sp-cs.nc-5::before {
  background-position: -176px 0;
}

.icon-sp-cs.nc-6::before {
  background-position: -220px 0;
}

.icon-sp-cs.nc-7::before {
  background-position: -264px 0;
}

.icon-sp-cs.nc-8::before {
  background-position: -308px 0;
}

.icon-sp-cs.nc-9::before {
  background-position: -352px 0;
}

.icon-sp-cs.nc-10::before {
  background-position: -396px 0;
}

.icon-sp-cs.nc-11::before {
  background-position: -440px 0;
}

.icon-sp-cs.nc-12::before {
  background-position: -484px 0;
}

.icon-sp-cs.nc-13::before {
  background-position: -748px 0;
}

.icon-sp-cs.nc-14::before {
  background-position: -792px 0;
}

.icon-sp-cs.nc-15::before {
  background-position: -836px 0;
}

/* 신고센터 : reportCenter.jsp */
.icon-sp-cs.nc-21::before {
  background-position: -880px 0;
}

/* 보험금 청구 방법 : benefitClaimMethod.jsp */
/* 보험금 청구 접수방법 */
/* .flex-list {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin: 0 -7px;
}

.flex-list > a {
  position: relative;
  flex: 0 1 100%;
  margin: 0 7px;
  padding: 118px 0 38px;
  text-align: center;
  border: 1px solid #efefef;
  border-radius: 0 19px;
}

.flex-list > a::before {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: 38px;
  width: 44px;
  height: 44px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svpb_fcevgrf_phfgbzre02.cat") no-repeat 0 0;
  transform: translateX(-50%);
}

.flex-list > a.nc-1::before {
  background-position: -528px 0;
}

.flex-list > a.nc-2::before {
  background-position: -572px 0;
}

.flex-list > a.nc-3::before {
  background-position: -616px 0;
}

.flex-list > a.nc-4::before {
  background-position: -660px 0;
}

.flex-list > a.nc-5::before {
  background-position: -704px 0;
}

.flex-list > a > span {
  display: inline-block;
  position: relative;
  padding-right: 11px;
  font-size: 18px;
  color: #666;
  line-height: 21px;
}

.flex-list > a > span::after {
  content: '';
  display: block;
  position: absolute;
  top: 7px;
  right: 0;
  width: 7px;
  height: 7px;
  border: 1px solid #767676;
  border-width: 0 1px 1px 0;
  transform: rotate(-45deg);
} */

/* 보험금 지급 절차 */
/* .step-guide-cont.type-1 {
  border-top: none;
  padding-top: 30px;
}

.step-guide-cont.type-1 .step-guide {
  padding-top: 0px;
} */

/* 서류접수방법 */
.claims-guide-cont2 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 30px 0 40px;
}

.claims-guide-cont2 > li {
  position: relative;
  width: 480px;
  padding: 30px 20px 0 122px;
}

.claims-guide-cont2 > li.digital {
  display: flex;
  justify-content: space-between;
  flex-grow: 1;
  flex-wrap: wrap;
  width: 100%;
  padding-bottom: 20px;
  border: 1px solid #eee;
  background-color: #fcfcfc;
}

.claims-guide-cont2 > li.digital .channel-link {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
}

.claims-guide-cont2 > li.digital .channel-link > li {
  width: 180px;
}

.claims-guide-cont2 > li.digital .channel-link > li:not(:first-child) {
  border-left: 1px solid #eee;
}

.claims-guide-cont2 > li.digital .channel-link a {
  display: block;
  padding: 56px 0 5px;
  background-position: center 7px;
  background-repeat: no-repeat;
  font-size: 13px;
  text-align: center;
}

.claims-guide-cont2 > li.digital .channel-link a.kb {
  background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svpb_zlxo_xo.cat);
}

.claims-guide-cont2 > li.digital .channel-link a.pr {
  background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svpb_zlxo_ce.cat);
}

.claims-guide-cont2 > li.digital .channel-link a.hp {
  background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svpb_zlxo_uc.cat);
}

.claims-guide-cont2 > li.digital .copy {
  flex-grow: 1;
  position: relative;
  margin: 28px 0 0 -102px;
  padding: 11px 0 9px;
  background-color: #f2f1ee;
  font-size: 12px;
  text-align: center;
}

.claims-guide-cont2 > li.digital .copy::before {
  content: '';
  position: absolute;
  right: 83px;
  top: -6px;
  width: 12px;
  height: 12px;
  background-color: #f2f1ee;
  transform: rotate(-45deg);
}

.claims-guide-cont2 > [class^=nc-]::before {
  content: '';
  position: absolute;
  left: 20px;
  top: 30px;
  width: 80px;
  height: 80px;
  background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svpb_phfgbzre_cncre_1.cat);
  background-position: 0 0;
  background-repeat: no-repeat;
}

.claims-guide-cont2 > .nc-2::before {
  background-position: -80px 0;
}

.claims-guide-cont2 > .nc-3::before {
  background-position: -160px 0;
}

.claims-guide-cont2 > .nc-4::before {
  background-position: -240px 0;
}

.claims-guide-cont2 > .nc-5::before {
  background-position: -320px 0;
}

.claims-guide-cont2 .tit {
  padding-top: 5px;
  font-family: KBFGDisplayL;
  font-size: 13px;
  font-weight: 700;
}

.claims-guide-cont2 p {
  margin: 10px 0 8px;
  color: #666;
  font-size: 13px;
}

/* 보험금 지급 절차 */
.step-guide2 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.step-guide2 > li {
  position: relative;
  margin: 0 !important;
  text-align: center;
}

.step-guide2 > li:not(:first-child)::before {
  content: '';
  position: absolute;
  left: -37%;
  top: 50%;
  width: 14px;
  height: 14px;
  margin-left: -5px;
  border: 1px solid #a8977c;
  border-width: 0 1px 1px 0;
  transform: translateY(-50%) rotate(-45deg);
  box-sizing: content-box;
}

.step-guide2 > li > div {
  display: table;
  width: 124px;
  height: 124px;
  border-radius: 50%;
  background-color: #fcfcfc;
  font-size: 13px;
}

.step-guide2 > li > div > span {
  display: table-cell;
  vertical-align: middle;
}

.step-guide2 > li > p {
  margin-top: 3px;
  color: #666;
  font-size: 12px;
}

/* 앱 이용안내 : guideToMykblifeMobile.jsp */
.starclub-text01.app {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 287px;
  margin-top: 0;
  padding: 44px 40px 29px 60px;
  text-align: left;
  border: 1px solid #eeeeee; /* 230602 추가 */
  border-top: 1px solid #ffde33; /* 230602 추가 */
}

.starclub-text01.app > div {
  flex-grow: 1;
  width: auto;
  padding: 5px 50px 20px 0;
  flex-direction: column; /* 230602 추가 */
  align-items: initial; /* 230602 추가 */
}

.starclub-text01.app p {
  word-break: keep-all;
  margin-top: 12px; /* 230602 추가 */
  padding: 0; /* 230602 추가 */
  border: 0; /* 230602 추가 */
  background-color: transparent; /* 230602 추가 */
  width: auto; /* 230602 추가 */
  text-align: left; /* 230602 추가 */
}

.starclub-text01.app img {
  margin-top: 0;
}

.tab-panel .starclub-text01.app {
  margin-top: 77px;
}

.app-qrcode-info {
  display: flex;
  align-items: flex-start;
  margin-top: 35px;
  border: 1px solid #eee;
  border-radius: 0 19px;
  background-color: #fcfcfc;
}

.app-qrcode-info > div {
  flex-basis: 0;
  flex-grow: 1;
  position: relative;
  padding: 33px 20px 53px;
  text-align: center;
}

.app-qrcode-info > div:nth-child(even) {
  align-self: stretch;
  background-color: #f5f5f5;
}

.app-qrcode-info .fs-xxxl {
  display: block;
  margin-bottom: 25px;
}

.app-qrcode-info .qr-code {
  position: static;
  width: 100%;
  height: 110px;
  margin-bottom: 12px;
}

.app-qrcode-info .qr-code.pru img {
  width: auto;
  height: 100px;
}

.app-qrcode-info .app-link {
  position: relative;
  padding: 80px 0 12px;
}

.app-qrcode-info .app-link::before {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  width: 44px;
  height: 44px;
  background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svpb_fcevgrf_phfgbzre02.cat") no-repeat -88px 0;
  transform: translateX(-50%);
}

.app-qrcode-info .btn-3x.icon-angle-right {
  padding: 7px 20px;
}

.app-qrcode-info .btn-3x.icon-angle-right::before {
  content: none;
}

.app-qrcode-info .btn-3x.icon-angle-right span::before {
  border-color: #fff;
}

.accordion .panel .fs-xl.user-guide-text03 a {
  text-indent: 0;
}

/* 금융소비자보호체계 codeOfConductToPreventCivilComplaint / CUCO60230M */
.info-group > li {
  position: relative;
  margin-top: 24px;
  padding: 36px 160px 36px 40px;
  border: 1px solid #eeee;
  border-radius: 0 19px;
  word-break: keep-all;
  overflow: hidden;
}

.info-group .tit {
  margin: 0 0 0;
  font-size: 20px;
}

.info-group p {
  margin-top: 20px;
  color: #666;
  word-break: keep-all;
}

.info-group .btn-3x {
  margin-top: 26px;
}

.info-group ul.text-list01 {
  margin-top: 20px;
}

.info-group .inner {
  margin: 30px -160px -38px -40px;
  padding: 30px 70px 38px 40px;
  background-color: #fcfcfc;
}

.info-group .inner p {
  margin-top: 0;
  color: #888;
}

.info-group .inner * + p {
  margin-top: 30px;
}

.info-group .inner ul.text-list01 {
  margin-top: 5px;
}

.info-group [class^=ico-]::after {
  content: '';
  position: absolute;
  right: 40px;
  top: 40px;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background-color: #f8f8f8;
  background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svpb_fcevgrf_vasb.cat);
  background-position: 0 0;
}

.info-group .ico-2::after {
  background-position: -72px 0;
}

.info-group .ico-3::after {
  background-position: -144px 0;
}

.info-group .ico-4::after {
  background-position: -216px 0;
}

.info-group .ico-5::after {
  background-position: -288px 0;
}

.info-group .ico-6::after {
  background-position: -360px 0;
}

.info-group .ico-7::after {
  background-position: -432px 0;
}

.info-group .ico-8::after {
  background-position: -504px 0;
}

.info-group .ico-9::after {
  background-position: -576px 0;
}

.info-group .ico-10::after {
  background-position: -648px 0;
}

.info-group .ico-11::after {
  background-position: 0 -72px;
}

.info-group .ico-12::after {
  background-position: -72px -72px;
}

.info-group .ico-13::after {
  background-position: -144px -72px;
}

.info-group .ico-14::after {
  background-position: -216px -72px;
}

.info-group .ico-15::after {
  background-position: -288px -72px;
}

.info-group .ico-16::after {
  background-position: -360px -72px;
}

.info-group .ico-17::after {
  background-position: -432px -72px;
}

.info-group .ico-18::after {
  background-position: -504px -72px;
}

.info-group .ico-19::after {
  background-position: -576px -72px;
}

/* 상품목록 productList */
.table.prd-acco th {
  padding-left: 0;
  padding-right: 0;
}

.table.prd-acco td {
  padding: 0;
}

.table.prd-acco .accordion .prd-item:first-child {
  border-top: none !important;
}

.prd-item .head {
  height: auto !important;
  padding-right: 0;
  border-bottom: 0;
}

.prd-item .row {
  display: table;
  width: 100%;
  margin: 0;
  table-layout: fixed;
}

.prd-item .row [class^=cell-] {
  display: table-cell;
  position: relative;
  width: 100px;
  height: 51px;
  padding: 0;
  border-left: 1px solid #eee;
  line-height: 1.4;
  vertical-align: middle;
}

.prd-item .row .cell-1 {
  width: 320px;
  padding: 7px 55px 7px 20px;
  border-left: 0;
  text-align: left;
  word-break: keep-all;
}

.prd-item .head .anchor {
  right: 20px;
  top: 50%;
  width: 24px;
  height: 24px;
  padding: 0;
  border: 1px solid #d8d8d8;
  background-color: #fff;
  transform: translateY(-50%);
}

.prd-item .head .anchor::before {
  left: 50%;
  margin-left: 0;
  transform: translate(-50%, -50%) scale(1, 1.06667) rotate(45deg);
}

.prd-item.active .head .anchor:before {
  left: 50% !important;
  margin-left: 0 !important;
  transform: translate(-50%, -50%) scale(1, 1.06667) rotate(45deg) !important;
}

.prd-item .row .cell-2 {
  width: 180px;
}

.prd-item > .panel {
  padding: 0;
  border-bottom: 0;
}

.prd-item > .panel .row [class^=cell-]:not(.cell-1) {
  border-top: 1px solid #eee;
}

.prd-item > .panel .row .cell-1 {
  background-color: #fff;
}

/* 변액보험공시실 valiableInsuranceManagement */
.tab-4 {
  margin: 20px 0 40px;
  padding: 29px 30px 25px !important;
  border: 1px solid #eee;
  background-color: #f8f8f8;
}

.tab-4 > li {
  display: inline-block;
  position: relative;
  padding: 0 30px 0 12px;
}

.tab-4 > li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 4px;
  height: 4px;
  background-color: #ffde33;
  transform: translateY(-50%);
}

.tab-4 a {
  border-bottom: 1px solid transparent;
  color: #888;
  font-size: 14px;
  line-height: 1.2;
}

.tab-4 li.active a {
  border-color: #222;
  color: #222;
}

/* ESG활동 esgPolicy */
.esg-policy {
  display: flex;
  align-items: flex-start;
  margin-top: 55px;
  border: 1px solid #efefef;
}

.esg-policy > li {
  display: flex;
  width: 50%;
  padding: 30px;
}

.esg-policy > li:not(:first-child) {
  border-left: 1px solid #efefef;
}

.esg-policy .img {
  width: 210px;
}

.esg-policy .cnt {
  flex-grow: 1;
  padding-top: 30px;
  color: #666;
}

.esg-policy h3 {
  margin: 0 0 18px;
  font-size: 20px;
  font-weight: 500;
}

/* ESG활동 esgActivity */
.esg-activity {
  margin-top: 30px;
  padding: 25px 30px;
  border: 1px solid #eee;
  background-color: #fcfcfc;
}
.esg-activity h4 {
  margin-bottom: 12px;
  font-size: 15px;
  font-weight: 500;
}
.esg-activity .button-wrap.type2 {
  margin-bottom: 0;
}
.esg-activity .button-wrap.type2 {
  margin-bottom: 0;
}
.esg-activity .text-list01 > li,
.esg-activity .text-list03 > li {
  font-size: 13px;
}

/* ESG보고서 esgReport */
.esg-report {
  display: flex;
  align-items: flex-start;
  margin-top: 35px;
  padding: 30px;
  border: 1px solid #efefef;
}

.esg-report > div {
  width: 50%;
}

.esg-report .cnt {
  padding-left: 30px;
  word-break: keep-all;
}

.esg-report h3 {
  font-size: 20px;
}

.esg-report .button-wrap {
  display: flex;
  justify-content: space-between;
  margin-top: 42px;
}

/* 개인정보처리방침 personalInformationProcessingPolicy */
.filter-wrap  {
  position: relative;
}

.filter-wrap .btn {
  position: absolute;
  right: 20px;
  top: 20px;
}

.filter-wrap .select-box.lg {
  width: 300px !important;
}

/* 약관 관련 terms */
.terms .filter-wrap {
  margin-bottom: 20px;
}
.terms .list01 > li {
  margin-top: 8px;
}
.terms .list01 > li a {
  text-indent: 0;
}
.terms .list01 .table {
  margin: 15px 0;
}
.terms .list01 .depth01 {
  margin: 15px 0;
}
.terms .list01.break-all li {
  word-break: break-all !important;
}

/* 윤리강령 codeOfEthics */
.terms .list01.etc > li {
  margin-left: 20px;
  text-indent: -20px;
}

.modal-body .terms .list01.etc {
  padding: 4px 0 16px;
  border-top: 1px solid #222;
}
.modal-body .terms .list01.etc > li {
  margin-top: 16px;
  margin-left: 15px;
  text-indent: -13px;
}
.modal-body .terms .list01.etc ul {
  margin-top: 16px;
}
.modal-body .terms .list01.etc li {
  font-size: 12px !important;
}

.terms .btn-3x.btn-brown {
  width: auto;
  min-width: 140px;
  padding: 6px 20px;
}

/* 제지급청구 필요서류 안내 paymentRequest */
.related-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 20px;
  background-color: #fffae5;
}

.related-link .btn-1x {
  vertical-align: middle;
}

.related-link > ul {
  margin-bottom: 0;
}

.related-link.operation-guide {
  background-color: #fcfcfc !important;
}

.related-link.operation-guide [class^='btn-'] {
  vertical-align: middle;
}

/* 사회공헌 socialContributionIntroduction */
.ico-sp-basic[class*=vision]::after {
  left: 103px;
  width: 44px;
  height: 44px;
  background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svpb_fcevgrf_fbpvny.cat);
  background-position: 0 0;
}

.ico-sp-basic.vision2::after {
  background-position: -44px 0;
}

.panel .table.table-row {
  margin-top: 30px;
}

/* 선정실적조회 kbstarclubInquireSelectionCompany */
.kbstarclub-link {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-top: 30px;
  border: 1px solid #eee;
  border-radius: 0 18px;
  background-color: #fff;
  text-align: center;
  overflow: hidden;
}

.kbstarclub-link .inner {
  display: flex;
  flex-wrap: wrap;
  align-self: stretch;
  flex-grow: 1;
  position: relative;
}

.kbstarclub-link .inner::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 30px;
  width: 1px;
  height: 200px;
  background-color: #f5f5f5;
}

.kbstarclub-link .block {
  position: relative;
  width: 50%;
  padding: 125px 10px 0 10px;
  font-size: 0;
}

.kbstarclub-link .block[class*=ico-]::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 57px;
  width: 41px;
  height: 36px;
  background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svpb_zlxo_xo.cat);
  background-position: center center;
  background-repeat: no-repeat;
  transform: translateX(-50%);
}

.kbstarclub-link .block.ico-pr::before {
  background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svpb_zlxo_ce.cat);
}

.kbstarclub-link .block.ico-new::before {
  background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svpb_xo_arj.cat);
}

.kbstarclub-link > .block {
  align-self: stretch;
  width: 33.3333%;
  background-color: #fcfcfc;
}

.kbstarclub-link .tit {
  display: block;
  margin-bottom: 30px;
  color: #222;
  font-size: 18px;
}

.kbstarclub-link p {
  width: 100%;
  margin: 37px 0;
  font-size: 13px;
}

.kbstarclub-link .btn-3x.btn-white {
  border: 1px solid #9e8c6e !important;
  background-color: #9e8c6e;
  color: #FFFFFF;
}

.kbstarclub-link .icon-angle-right:before {
  content: none;
}

.kbstarclub-link .btn-3x.icon-angle-right span:before {
  border-color: #fff;
}

/* 홈페이지/이메일 상담 등록 registerCounselling */
.override-margin .input-radio {
  margin: 3px 35px 0 0 !important;
}

.e-compl {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #eee;
}
.e-compl .tit {
  font-size: 16px;
}

/* 상품상세 productDetails */
.button-wrap.downloadButton .btn-4x {
  width: 185px;
}

/* 공동인증서 publicCertificateManagement */
.extra-link {
  margin-top: 80px;
}

.extra-link > .item {
  width: 50%;
  margin: 0 !important;
  padding-top: 50px;
  border: 0;
  background-color: #fcfcfc;
}

.extra-link > .item:first-child {
  background-color: #f5f5f5;
}

/* 보험계약조회 inquireContract */
.insurance-item .label[class*=ci-class-] {
  width: auto;
  min-width: 46px;
  padding: 0 12px 0;
  line-height: 26px;
}
.ci-class-life {
  background-color: #ffde33 !important;
}
.ci-class-kb {
  background-color: #9e8c6e !important;
}
.ci-class-pr {
  background-color: #0066ff !important;
}

/* 보험계약조회 > 신탁연계대상 툴팁*/
.insurance-item .insurance-item-labelWrap{position: relative;
margin-bottom:10px;padding:0 20px;font-size:0;}
.insurance-item .insurance-item-labelWrap > .label{line-height:24px;}
.insurance-item .insurance-item-labelWrap .tooltip{top:2px;}
.insurance-item .insurance-item-labelWrap .tootip-list, .tooltip .panel h3, .tooltip .panel h4{font-size:13px;margin-bottom:12px;}
.tooltip .panel h3{margin-top:0;}
.tooltip .panel h4{margin-top:12px;}
.insurance-item .insurance-item-labelWrap .tootip-list li{width:100%;padding:0;}
.insurance-item .insurance-item-labelWrap .tootip-list li::after{display: none;}
.insurance-item .labelTootipWrap{padding-right:20px;}
.insurance-item .labelTootipWrap .label{margin-right:0;} 
.tooltip.tooltip-right .panel::before {left: auto;right: 22px;border-width: 0 0 13px 15px;}
.tooltip.tooltip-right .panel::after {left:auto;right: 24px;border-width: 0 0 9px 10px;}
.insurance-item .tooltip .panel::before{}
.insurance-item .tooltip .panel::after{top:-8px;}

/* CEO 메시지 ceoMessage */
.ceo-msg {
  display: flex;
  align-items: center; /* 2024.12.30 수정 */
  justify-content: space-between;
}
.ceo-msg .con {
  width: 430px;
}
.ceo-msg .con .block {
  padding: 25px 0;
  color: #666;
  font-size: 13px;
  font-family: KBFGDisplayL;
  word-break: keep-all;
}
.ceo-msg .con .block:not(:first-child) {
  border-top: 1px solid #eee;
}
.ceo-msg .con .tit {
  margin-bottom: 10px;
  color: #222;
  font-size: 16px;
  font-family: KBFGDisplayM;
  line-height: 1.4;
}
.ceo-msg .con strong {
  font-family: KBFGDisplayM;
}

/* 2025.04.15 회사소개 소스 수정 */
/* KB라이프생명은 aboutKbLife */
.about-kblife {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.about-kblife .con {
  width: 500px;
  margin-top: 87px;
}
.about-kblife .con > h1 {
  font-family: 'KBFGDisplayB';
  line-height: 50px;
  color: #000;
}
.about-kblife .con > h1 > .small {
  display: block;
  font-size: 18px;
  line-height: 40px;
}
.about-kblife .con p {
  margin-top: 50px;
  font-size: 15px;
}
.about-kblife .con p + p {
  margin-top: 24px;
}
.about-kblife .con .tit {
  padding-left: 35px;
  color: #222;
}
.about-kblife .con .tit > strong, .about-kblife .con .txt > strong {
  font-family: "KBFGDisplayB" !important;
}
.about-kblife .con .txt {
  /*padding-left: 35px;*/
  color: #222;
}
.about-kblife.about-kblife-contsimg {
  background-position-y: 120px;
}

/* 필요서류 안내 */
.accordion-item .document-list + p.fs-md.mt-3 {
  padding-left: 20px;
  color: #666 !important;
}

/* 금융소비자보호 내부통제기준 financialCustomerProtectionRegulation */
.financial-guide-box {
  display: flex;
  align-items: center;
  flex-flow: wrap;
  justify-content: space-between;
  margin-bottom: 80px;
  padding-top: 60px;
  border: 1px solid #eeeeee;
  border-top: 1px solid #ffde33;
  word-break: keep-all;
}
.financial-guide-box .con {
  width: 550px;
  padding-left: 60px;
  font-size: 15px;
}
.financial-guide-box .con h2 {
  margin: 0;
  font-size: 26px;
  color: #f46600;
}
.financial-guide-box .con p {
  margin-top: 20px;
  word-break: keep-all
}
.financial-guide-box .con .date {
  color: #666;
}
.financial-guide-box .img {
  padding-right: 60px;
}
.financial-guide-box .guide-desc {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  width: 100%;
  margin-top: 60px;
  padding: 40px 0 35px;
  border-top: 1px solid #eee;
  background-color: #fcfcfc;
}
.financial-guide-box .guide-desc .block {
  width: 50%;
  padding: 0 60px;
}
.financial-guide-box .guide-desc .block:not(:first-child) {
  border-left: 1px solid #eee;
}
.financial-guide-box .guide-desc h3 {
  margin: 0 0 10px;
  font-size: 15px;
  font-family: KBFGDisplayB;
}
.financial-guide-list {
  display: flex;
  align-items: flex-start;
  flex-flow: wrap;
  justify-content: space-between;
}
.financial-guide-list > li {
  display: flex;
  align-self: stretch;
  flex-direction: column;
  width: calc(50% - 15px);
  border: 1px solid #eee;
  background-color: #fcfcfc;
}
.financial-guide-list .tit {
  display: flex;
  position: relative;
  align-items: center;
  height: 90px;
  padding: 0 30px 0 95px;
  background-color: #fff;
}
.financial-guide-list li[class^=ico] > .tit::before {
  content: '';
  display: inline-block;
  position: absolute;
  left: 25px;
  top: 18px;
  width: 56px;
  height: 54px;
  background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svpb_svanapvny_thvqr.cat);
  background-position: 0 center;
  background-repeat: no-repeat;
}
.financial-guide-list li.ico2 > .tit::before {
  background-position: -56px center;
}
.financial-guide-list .tit strong {
  font-family: KBFGDisplayB;
  font-size: 15px;
}
.financial-guide-list .con {
  padding: 25px 30px 30px;
}

/* FAQ faq.jsp */
.accordion.faq .head {
  height: auto !important;
  min-height: 50px;
  padding-right: 0;
}
.accordion.faq .head .anchor.fs-xl {
  position: relative !important;
  height: auto;
  padding: 15px 50px 15px 20px;
  line-height: 1.4;
  word-break: keep-all;
}

.img-etc {
  text-align: center;
}
.img-etc > img {
  max-width: 100%;
}

.visible-mb {
  display: none;
}
.visible-pc {
  display: block;
  margin: 10px 0;
}
/* 직업 및 운전정보 */
.tooltip .help{margin: 2px 10px;}

/* 보험가격공시실 insurancePricePublicNoticeOffice */
.modal.premium-calculator {
  width: 1040px;
  height: 600px;
  background-color: #fff;
  overflow-y: auto;
}
.modal.premium-calculator .modal-close,
.modal.premium-calculator .modal-close-confirm {/* cyb 추가 */
  position: sticky;
  left: 1000px;
  top: 0;
  width: 40px;
  height: 40px;
  background-color: #fff;
  z-index: 1;
}
.modal.premium-calculator .modal-close::before,
.modal.premium-calculator .modal-close::after,
.modal.premium-calculator .modal-close-confirm::before,
.modal.premium-calculator .modal-close-confirm::after {/* cyb 추가 */
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 26px;
  height: 2px;
  background-color: #222;
  box-sizing: content-box;
  transform: translate(-50%, -50%) rotate(45deg);
}
.modal.premium-calculator .modal-close::after, .modal.premium-calculator .modal-close-confirm::after {/* cyb 추가 */
  transform: translate(-50%, -50%) rotate(135deg);
}

/* 챗봇 소개 페이지 */
.chatbot-intro{width:1000px;margin:40px auto 0}
.chatbot-intro .list{position:relative}
.chatbot-intro .list .btn-chat{position:absolute;top:227px;left:28px;width:328px;height:52px;text-indent:-9999em}
.chatbot-intro .list-half{display:flex;justify-content:space-between;flex-wrap:wrap}
.chatbot-intro .list-half li{width:calc(50% - 20px);margin-top:40px}

/* 해약 방어 */
.contract-maintenance{margin-bottom: 50px;}
.contract-maintenance .head .anchor{font-family: KBFGDisplayB;font-size: 13px;}
.contract-maintenance .head .anchor .icon-star{display: inline-block;width: 12px;height: 10px;background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svpba_fgne.cat) no-repeat 0 0;}
.guidance-cancel{display: flex;flex-wrap: wrap;margin: 9px 0 3px;border-top: 1px solid #d8d8d8;border-left:1px solid #d8d8d8;line-height: 22px;}
.guidance-cancel dl{width: 50%;padding: 22px 30px 25px;border-right: 1px solid #d8d8d8;border-bottom: 1px solid #d8d8d8;box-sizing: border-box;}
.guidance-cancel dl dt{position:relative;font-family: KBFGDisplayM;font-size: 16px;}
.guidance-cancel dl dt::before{content:"";display: inline-block;width: 20px;height: 20px;margin: -1px 6px 0 0;background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Sfc_vpbaf.cat) no-repeat 0 0;vertical-align: middle;}
.guidance-cancel dl.list02 dt::before{background-position: 0 -50px;}
.guidance-cancel dl.list03 dt::before{background-position: 0 -100px;}
.guidance-cancel dl.list04 dt::before{background-position: 0 -150px;}
.guidance-cancel dl dt a{position:absolute;right:0;width: 138px;height: 26px;line-height: 28px;margin-top: -4px;border-radius: 13px;background-color: #ffde33;font-size: 13px;color:#222;text-align: center;}
.guidance-cancel dl dt a:hover{text-decoration: none;}
.guidance-cancel dl dt .amount{float: right;margin:-4px 12px 0 0;font-size: 16px;color: #f46600;}
.guidance-cancel dl dd{margin-top:25px;font-family: KBFGDisplayL;}
.guidance-cancel dl dd .underline{text-decoration: underline;}
.btn_gold{display: inline-block;margin-top: 20px;padding: 2px 10px 1px;background-color: #9e8c6e;font-size: 13px;color: #fff;}
a.btn_gold:hover,
a.btn_gold:focus{color: #fff;text-decoration: none;}
.guidance-cancel dl dd ul li{padding-left: 8px;text-indent: -8px;}
.guidance-cancel dl dd ul li::before{content:"";display: inline-block;width: 3px;height: 3px;margin: -2px 6px 0 0;vertical-align: middle;background-color: #222;}

/* 해약 방어 신청하기 팝업 */
.modal.guidance{width:500px}
.modal.guidance .modal-content{background-color:#fff;}
.modal.guidance .modal-content .modal-title{height:52px}
.modal.guidance .modal-content .table-col{margin-top:20px}
.modal.guidance .modal-content .table-col th{border-right: 1px solid #eee;background-color: #fcfcfc}
.modal.guidance .modal-content .table-col th.fwB{font-family: KBFGDisplayB;}
.modal.guidance .modal-content .table-col th,
.modal.guidance .modal-content .table-col td{border-bottom: 1px solid #eee;}
.modal.guidance .modal-content .table-col td .btn-apply{margin-left:10px;padding:4px 10px 3px;background-color:#ffde33;font-size: 14px;}
.modal.guidance .modal-content .btn-brown{width:110px;height:36px;padding:9px 0;font-size:13px}

/* 2025.04.23 미니보험 개선, 2025.04.25 .imp-content 소스 수정 및 추가, 2025.04.29 소스 수정 및 imp-content-save 소스삭제 */
.imp-content-ensure {padding-top: 20px;}
.imp-content-ensure p {margin-top: 5px; font-size: 13px; color: #666;}
.imp-content-ensure .info-text04 {margin: 25px 0 5px; font-family: 'KBFGDisplayM'; font-weight: normal;}
.imp-content-ensure .box {margin-top: 5px;}
.imp-content-ensure .box strong {display: block; margin-bottom: 4px; color: #666;}
.imp-content-ensure .box p + ul {margin-top: 16px;}
.imp-content-ensure .box ul > li {font-size: 13px;}
.imp-content-ensure .img {margin-top: 5px;}
.imp-content-ensure .mg-tb25 {margin: 25px 0;}
.imp-content-ensure .imp-scroll {padding: 0 22px 0 30px; height: 740px; overflow-y: auto;}
.imp-content-ensure .imp-scroll::-webkit-scrollbar {width:8px; background: #f1f1f1;}
.imp-content-ensure .imp-scroll::-webkit-scrollbar-thumb {background: #ccc;}

.modal .imp-info {border-top: 1px solid #222; padding: 30px;}
.modal .imp-info .box + .box {margin-top: 60px;}
.modal .imp-info .box .inner {display: flex; flex-direction: column;}
.modal .imp-info .box .desc {padding-left: 22px; position: relative; font-size: 14px;}
.modal .imp-info .box .num {position: absolute; left: 0; top: 0;}
.modal .imp-info .box .btn-area {margin-left: auto; margin-top: 20px;}
.modal .imp-info .box .btn-area button {font-size: 13px; line-height: 1;}
.modal .imp-info .box .btn-area .w-120 {width: 120px;}

/* 2025.04.24 .insurcance-tab 관련 소스 일부 삭제 및 수정 */
/*.insurcance-tab .tbl-input.off {display: none;}*/ /* 2025.05.16 삭제 */
.insurcance-tab .account-cont .form-row:not(.button-overlap) {width: 209px;}
.insurcance-tab .account-cont .form-row.button-overlap + .text {font-size: 12px; color: #bbb; margin-top: 8px;}
.insurcance-tab .pay-cont .form-row:not(.button-overlap) {width: 300px;}
.insurcance-tab .pay-cont .table-row td.flex {display: flex; align-items: center;} /* 2025.07.03 추가 */

.angle-black {display: inline-flex; justify-content: center; align-items: center; width: auto; padding: 2px 28px 0 15px; line-height: 1; position: relative; letter-spacing: -0.26px;}
.angle-black.round {border-radius: 16px !important;}
.angle-black::after {content: ''; position: absolute; width: 5px; height: 8px; right: 15px; top: 50%; transform: translateY(-50%); background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbzzba%2Svpb-neebj-oynpx.cat');}

.input-b {border: 1px solid #d8d8d8;}
.input-b:hover, .input-b:focus {border-color: #222;}
.input-b .b-0 {border: 0;}
.input-b .b-0:hover, .input-b .b-0:focus {border: 0;}

.ksStepType01.step.step-2 ul li {width: 471px;}

.select-box.logo > .anchor[class*=card], .select-box.logo > .anchor[class*=bank], .select-box.logo .panel a {padding-left: 40px; position: relative; background-size: 20px 20px; background-repeat: no-repeat; background-position: left 10px top 6px;} /* 2025.05.16 소스 통합 */
/*.select-box.logo > a[class*=card], .select-box.logo > a[class*=bank], .select-box.logo .panel a[class^=card], .select-box.logo .panel a[class^=bank] {background-size: 20px 20px; background-repeat: no-repeat; background-position: left 10px top 6px;}*/
.select-box.logo .anchor.card01, .select-box.logo .panel a.card01 {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sybtb%2Sybtb-pneq-op.cat');}
.select-box.logo .anchor.card02, .select-box.logo .panel a.card02 {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sybtb%2Sybtb-pneq-xo.cat');}
.select-box.logo .anchor.card03, .select-box.logo .panel a.card03 {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sybtb%2Sybtb-pneq-unan.cat');}
.select-box.logo .anchor.card04, .select-box.logo .panel a.card04 {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sybtb%2Sybtb-pneq-fnzfhat.cat');}
.select-box.logo .anchor.card08, .select-box.logo .panel a.card08 {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sybtb%2Sybtb-pneq-ulhaqnr.cat');}
.select-box.logo .anchor.card09, .select-box.logo .panel a.card09 {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sybtb%2Sybtb-pneq-ybggr.cat');}
.select-box.logo .anchor.card10, .select-box.logo .panel a.card10 {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sybtb%2Sybtb-pneq-fuvauna.cat');}
/* 2025.06.26 back을 bank로 네이밍 변경 */
.select-box.logo .anchor.bank002, .select-box.logo .panel a.bank002 {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sybtb%2Sybtb-onax-xqo.cat');}
.select-box.logo .anchor.bank003, .select-box.logo .panel a.bank003 {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sybtb%2Sybtb-onax-vox.cat');}
.select-box.logo .anchor.bank004, .select-box.logo .panel a.bank004 {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sybtb%2Sybtb-pneq-xo.cat');}
.select-box.logo .anchor.bank005, .select-box.logo .panel a.bank005 {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sybtb%2Sybtb-onax-xqo.cat');}
.select-box.logo .anchor.bank006, .select-box.logo .panel a.bank007 {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sybtb%2Sybtb-onax-fbbulhc.cat');}
.select-box.logo .anchor.bank011, .select-box.logo .panel a.bank011 {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sybtb%2Sybtb-onax-au.cat');}
.select-box.logo .anchor.bank020, .select-box.logo .panel a.bank020 {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sybtb%2Sybtb-onax-jbbev.cat');}
.select-box.logo .anchor.bank023, .select-box.logo .panel a.bank023 {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sybtb%2Sybtb-onax-fp.cat');}
.select-box.logo .anchor.bank027, .select-box.logo .panel a.bank027 {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sybtb%2Sybtb-onax-pvgv.cat');}
.select-box.logo .anchor.bank031, .select-box.logo .panel a.bank031 {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sybtb%2Sybtb-onax-vnz.cat');}
.select-box.logo .anchor.bank032, .select-box.logo .panel a.bank032 {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sybtb%2Sybtb-onax-oax.cat');}
.select-box.logo .anchor.bank034, .select-box.logo .panel a.bank034 {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sybtb%2Sybtb-onax-xw.cat');}
.select-box.logo .anchor.bank035, .select-box.logo .panel a.bank035 {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sybtb%2Sybtb-onax-wrwh.cat');}
.select-box.logo .anchor.bank037, .select-box.logo .panel a.bank037 {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sybtb%2Sybtb-onax-xw.cat');}
.select-box.logo .anchor.bank039, .select-box.logo .panel a.bank039 {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sybtb%2Sybtb-onax-oax.cat');}
.select-box.logo .anchor.bank045, .select-box.logo .panel a.bank045 {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sybtb%2Sybtb-onax-zt.cat');}
.select-box.logo .anchor.bank048, .select-box.logo .panel a.bank048 {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sybtb%2Sybtb-onax-fuvaulhc.cat');}
.select-box.logo .anchor.bank071, .select-box.logo .panel a.bank071 {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sybtb%2Sybtb-onax-cbfg.cat');}
.select-box.logo .anchor.bank081, .select-box.logo .panel a.bank081 {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sybtb%2Sybtb-onax-unan.cat');}
.select-box.logo .anchor.bank088, .select-box.logo .panel a.bank088 {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sybtb%2Sybtb-onax-fuvauna.cat');}
.select-box.logo .anchor.bank089, .select-box.logo .panel a.bank089 {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sybtb%2Sybtb-onax-xonax.cat');}
.select-box.logo .anchor.bank090, .select-box.logo .panel a.bank090 {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sybtb%2Sybtb-onax-xnxnb.cat');}
.select-box.logo .anchor.bank092, .select-box.logo .panel a.bank092 {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sybtb%2Sybtb-onax-gbff.cat');}

/* 2025.05.16 미니보험 개선 input 내용 삭제 버튼 */
.insurcance-tab .form-row {position: relative;}
.insurcance-tab .form-row .delete-btn {display: none; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbzzba%2Svpb-vachg-qryrgr.cat')no-repeat center/100% auto;}
.insurcance-tab .form-row .delete-btn.on {display: block;}
.insurcance-tab .form-row .unit {width: 18px;}

/* 230719 MY KB>고객정보>개인(신용)정보 이용 제공 조회 */
#nextTable .table table:not(:first-child) {
  margin-top: 20px;
  border-top: 1px solid #666;
}

/* 230906 PDP-560 list type disc 추가  */
.info-text-disc {text-indent: -11px;}
.info-text-disc::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 5px;
  height: 5px;
  margin-top: -2px;
  margin-right: 6px;
  border-radius: 50%;
  background: #222;
}
.info-text-disc * {text-indent: 0;} /* 231011 추가 */
/* 230907 PDP-560 방문판매 스타일 추가 */
.identyNoContact {position: absolute;bottom: 35px;left: 0;right: 0;display: flex;align-items: center;width: 960px;margin: 0 auto;}
.identyNoContact button {padding-left: 11px !important;} /* 230913 PDP-560 수정 */
/* 231019 PDP-589 list style triangle 추가 */
.text-list-triangle > li {padding-left: 13px;margin-top: 20px;}
.text-list-triangle > li::before {
  content: '▶';
  position: absolute;
  top: 0;
  left: 0;
}
.text-list-triangle > li::after {
  content: none;
}

.greybx {
    padding: 12px 0 12px;
    background-color: #f2f1ee;
    border-bottom: 1px dashed #d8d8d8;
    transform: translateY(-35px);
}

/* 231019 PDP-589 폰트, border 및 line-height 추가 */
.ft-displayL {font-family: KBFGDisplayL !important;}
.ft-displayM {font-family: KBFGDisplayM !important;}
.ft-displayB {font-family: KBFGDisplayB !important;}
.lh-1 {line-height: 1 !important;}
.lh-sm {line-height: 1.25 !important;}
.lh-base {line-height: 1.5 !important;}
.lh-lg {line-height: 2 !important;}
.t-line1 {border-top:10px solid #eee;}
.t-line2 {border-top:1px solid #eee !important;}
.b-line1 {border-bottom:10px solid #eee;}
.b-line2 {border-bottom:1px solid #eee !important;}

/* 231107 PDP-733 공통추가 */
.break-normal {overflow-wrap: normal !important;word-break: normal !important;}
.break-all {word-break: break-all !important;}
.break-keep {word-break: keep-all !important;}
.border-0 {border: 0 !important;}
.border-t-0 {border-top: 0 !important;}
.border-r-0 {border-right: 0 !important;}
.border-b-0 {border-bottom: 0 !important;}
.border-l-0 {border-left: 0 !important;}
.border-y-0 {border-top: 0 !important;border-bottom: 0 !important;}
.border-x-0 {border-left: 0 !important;border-right: 0 !important;}

/* 230104 PDP-882 금융소비자보호 실태평가 */
.table .eval {display: inline-block;vertical-align: text-top;width: 14px;height: 14px;border-radius: 50%;margin-right: 5px;}
.table .eval.gd {background: #4fb347;}
.table .eval.usly {background: #f9ea23;}
.modal-body .table-col.border-grey-lighten-6 th,
.modal-body .table-col.border-grey-lighten-6 td {border-right: 1px solid #eee !important;border-bottom: 1px solid #eee !important;}
.border-t-grey {border-top: 1px solid #222 !important;}
.mt-n25 {margin-top: -25px;}
.modal:focus, button:focus-visible {outline: 2px solid #000 !important;}/* [cyb][접근성] : button:focus, 삭제 */
.no-indent {text-indent: 0 !important;}/* 들여쓰기 초기화 */

/* 240527 시니어라이프 추가 */
.sn_lc {display: flex;}
.main_lc {margin-left: 60px;}
.fs22 {font-size: 22px;}
.fs18 {font-size: 18px;padding: 10px 0 10px 0;}
.fs14 {font-size: 14px;}
.lc_mb {margin-bottom: 70px;padding: 20px 50px !important;background-color: #fffae5;}
.tab-panel .colgroup {padding: 30px 50px;margin-bottom: 10px;border: 1px solid #eee;}
.tab-panel .colgroup .cont-box.ico::before {content: '';background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Ssvyyr_39.cat) no-repeat 0 0;background-size: 100%;width: 70px;height: 70px;display: inline-block;transform: translateY(16px);}
.tab-panel .colgroup .cont-box.ico h3 {font-size: 20px;}
.tab-panel .colgroup .cont {font-size: 15px;color: #666}
.lc_step {padding-top: 26px;position: relative;}
.lc_step li {text-align: center;font-size: 14px;color:#222;width: 160px;height:100px;background: #f2f1ee;float: left;margin-left: 39px;position: relative;padding-top: 61px;border-top-right-radius: 10px;line-height: 17px;}
.lc_step li:before {content: '';position: absolute;box-sizing: content-box;top: 83%;left: -19%;width: 14px;height: 14px;transform: translate(23%, -50%) scale(1.08333, 1) rotate(45deg);margin-left: -5px;border-top: 1px solid #a8977c;border-right: 1px solid #a8977c;}
.lc_step li:first-child {margin-left: 0;}
.lc_step li:first-child:before {display: none;}
.lc_step li:nth-child(1):after {content: '';position: absolute;background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Ssvyyrq_44.cat) no-repeat;background-size: 100%;width: 40px;height: 40px;display: inline-block;top: 13px;left: 61px;}
.lc_step li:nth-child(2):after {content: '';position: absolute;background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Ssvyyrq_43.cat) no-repeat;background-size: 100%;width: 40px;height: 40px;display: inline-block;top: 13px;left: 61px;}
.lc_step li:nth-child(3):after {content: '';position: absolute;background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Ssvyyrq_41.cat) no-repeat;background-size: 100%;width: 40px;height: 40px;display: inline-block;top: 13px;left: 61px;}
.lc_step li:nth-child(4):after {content: '';position: absolute;background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Ssvyyrq_40.cat) no-repeat;background-size: 100%;width: 40px;height: 40px;display: inline-block;top: 13px;left: 61px;}
.lc_step li:nth-child(5):after {content: '';position: absolute;background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Ssvyyrq_42.cat) no-repeat;background-size: 100%;width: 40px;height: 40px;display: inline-block;top: 13px;left: 61px;}
.step_sub li {width:160px;height: 50px;margin-left: 39px;border: #f2f1ee;float: left;text-align: center;font-size: 11px;border: 1px solid #f2f1ee;padding-top: 13px;border-bottom-left-radius: 10px;}
.step_sub li:first-child {margin-left: 0;}

.og_tag {padding: 3px 6px;border-radius: 3px;font-size: 13px;background: #fff1df;color: #e48512;}

.info-text13 {position: relative;padding-left: 22px;font-size: 13px;font-weight: bold;color: #222;margin: 80px 0 12px;}
.info-text13::before {position: absolute;left: 0;top: 1px;display: inline-block;width: 14px;height: 14px;content: '';background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svpb_rkpynzngvba2.cat) center center no-repeat;background-size: 100%;}

/* KB건강매니저 소개 */
.kbhealthm {margin-top: 40px;}
.sub_grey {background: #f4f4f4;width: 100%;height: 2232px;padding: 100px 60px;}
.dbox {margin-bottom: 100px;}

.og_box {width: 840px;height: 91px;background: #f38530;border-top-left-radius: 60px;border-top-right-radius: 60px;position: relative;}
.og_box p {font-size: 40px;color: #fff;padding: 17px 0 20px 360px;}
.sub_box {background: #fff;border-bottom-left-radius: 40px;border-bottom-right-radius: 40px;}
.sub_box h1 {font-size: 48px;text-align: center;margin: 0 !important;padding: 40px 0 0;}
.sub_box h1:after {content: '';border-bottom: 1px solid;width:750px;display: inline-block;color: #888;}
.sub_box .sub_txt {padding: 35px 0 50px 45px;line-height: 45px;font-size: 28px;}
.sub_box .sub_txt p:before {display: inline-block;width: 30px;height: 24px;margin: 0 18px 0 0;background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Spurpx_benatr.cat) no-repeat;background-size: 100%;vertical-align: middle;content: '';}
.sub_box .ogft {color: #e45e0e;font-weight: bold;}

.og_box.img1:before {content: '';background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svpba1.cat) no-repeat;background-size: 100%;position: absolute;margin: -20px -19px;width: 113.5px;height: 120px;margin: -17px 220px;}
.og_box.img2:before {content: '';background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svpba2.cat) no-repeat;background-size: 100%;position: absolute;margin: -20px -19px;width: 95.5px;height: 120px;margin: -23px 220px;}
.og_box.img3:before {content: '';background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svpba3.cat) no-repeat;background-size: 100%;position: absolute;margin: -20px -19px;width: 99.9px;height: 120px;margin: -22px 220px;}
.text-list01.nt {color: #000;}
.text-list01.nt li {font-size: 14px;}
.bt_box {margin-top: 80px;}
.bt_box a {width: 840px;height: 100px;border-radius: 15px;font-size: 32px;line-height: 90px;font-weight: 600;}

/* 2024.12.05 개인(신용)정보 수집이용 동의서 추가 */
.agree-essential {padding: 20px; border-top: 1px solid #222; border-bottom: 1px solid #eee;}
.agree-essential .txt-b {font-size: 15.6px; font-weight:bold; text-decoration: underline;}
.agree-essential .sub-txt + .text-list08 {margin-top: 30px;}
.agree-essential .agree-radio-wrap {display: flex; justify-content: space-between; margin-top: 55px;}
.agree-essential .text-list08 > li:not(:first-child) {margin-top: 30px;}
.agree-essential .text-list08 .text-list10 {margin-top: 13px;}
.agree-essential .text-list10 > li:nth-child(n+2) {margin-top: 16px;}
.agree-essential .text-list10 .hyphen {margin-top: 2px; color: #666;}

/* 2024.12.13 온라인가입 - 인풋+버튼 버전 추가 */
.calendar2 {position: relative; display: inline-block; width: 200px;}
.calendar2 .input-txt2 {position: relative; display: inline-block; width: 100%; height: 32px; padding: 3px 10px 0 28px; border: 1px solid #d8d8d8; color: #222222; font-size: 13px; vertical-align: middle; z-index: 1;}
.calendar2 .input-txt2:hover, .calendar2 .input-txt2:focus {padding-top: 3px; border: 1px solid #222222;}
.calendar2 .input-txt2 + .btn-cal {position: absolute; left: 5px; top: 50%; transform: translateY(-50%); width: 22px; height: 22px; z-index: 2; cursor: pointer;}
.calendar2 .input-txt2 + .btn-cal::before {content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 15px; height: 16px; background: #fff url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svpb.cat")no-repeat 0 0;}

/*** 2025.01.31 ***/
/* 미니보험 팝업 */
.modal-body-title.type-3 {margin: -15px 0 29px 0; font-size: 14px; line-height: 20px; letter-spacing: -0.28px; color: #222; font-family: 'KBFGDisplayL';}
.modal .recommender .table {margin-top: 0;}
.modal .recommender .th {letter-spacing: -0.26px;}
.modal .txt-error {margin-top: 4px; padding-left: 17px; position: relative; font-size: 12px; line-height: 20px; letter-spacing: -0.24px; color: #ff3d3d; font-family: 'KBFGDisplayM'}
.modal .txt-error::before {content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 13px; height: 13px; background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbzzba%2Svpb-reebe.cat') no-repeat center / 100% auto;}
.modal .recommender .email {display: flex;}
.modal .recommender .email > .unit {width: 21px;}
.modal .recommender .email > .input-txt, .modal .recommender .email > .select-box {width: 113px;}
.modal .job-drive p {font-size: 15px; line-height: 22px; text-align: center; font-family: 'KBFGDisplayL' ;}
.modal .job-drive p strong {font-family: 'KBFGDisplayB';}
.modal .job-drive p + p {margin-top: 20px;}
.modal .flex {display: flex;}
.modal .flex button {width: 100%;}
.modal .flex button + button {margin-left: 4px;}

/* 2025.02.05 미니보험 - 툴팁 팝업으로 변경 */
.modal .driver-list .table-col td {text-align: left;}

/* 2025.02.19 팝업 하단 텍스트 */
.modal .desc-txt {margin-top: 10px;}
.modal .desc-txt dt:last-child {margin-top: 5px;}

/* [DGP][온라인금융교육] 목록 2024.02.11 */
.ct-smart-list-wrap {
  width: 960px;
  margin: 0 auto;
}
.ct-smart-list-wrap > ul {
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
}
.ct-smart-list-wrap ul li {width: 456px;height: 120px;margin-bottom: 42px}
.ct-smart-list-wrap ul li:nth-child(even) {margin-left: 48px;}
.ct-smart-list-wrap ul li > a {display: flex; width: 100%}
.ct-smart-list-wrap ul li .thumb {width: 120px; height: 120px; flex-shrink: 0; position: relative; overflow: hidden;} /* 2025.02.20 썸네일 이미지 센터정렬 */
.ct-smart-list-wrap ul li .thumb > img {width: auto !important; height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);} /* 2025.02.14 이미지 높이 추가, 2025.02.20 썸네일 이미지 센터정렬 */
.ct-smart-list-wrap ul li .desctipt {margin-left: 10px;padding: 12px; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start;} /* 2025.02.14 flex 추가 */
.ct-smart-list-wrap ul li .date { display:block;margin-top: 8px;line-height: 13px; color: #222}
.ct-smart-list-wrap ul li .subject {height:46px; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;font-size: 18px;line-height: 24px;} /* 2025.02.14 말줄임 수정 */
/* E: [DGP][온라인금융교육] 배너 2024.02.11 */

/* 2025.04.15 사업영역 */
.business-field .tab-panel > h2 + .sub-txt {font-size: 13px; line-height: 20px; color: #666;}
.business-field .biz-list {margin-top: 27px;}
.business-field .biz-list > .list {display: flex; flex-wrap: wrap; padding-bottom: 20px; margin-bottom: 25px; border-bottom: 1px solid #eee;}
.business-field .biz-list > .list:last-child {border-bottom: 0;}
.business-field .biz-list > .list > .item {width: calc((100% - 20px)/2);}
.business-field .biz-list > .list > .item.full {width: 100%;}
.business-field .biz-list > .list > .item + .item {margin-left: 20px;}
.business-field .biz-list > .list > .item > .img {display: flex; flex-wrap: wrap;}
.business-field .biz-list > .list > .item > .img > img + img {margin-left: 20px;}
.business-field .biz-list > .list > .item > .img > img:nth-child(odd) {margin-left: 0;}
.business-field .biz-list > .list > .item > .desc {margin: 29px 0 0;}
.business-field .biz-list > .list > .item > .desc > strong {display: block; font-size: 20px; line-height: 24px;}
.business-field .biz-list > .list > .item > .desc > p {margin-top: 13px; font-size: 13px; line-height: 20px; color: #666; word-break: keep-all;}

/* 2025.04.15 숫자로 보는 KB라이프 */
.num-kblife ul {display: flex; flex-wrap: wrap; margin-top: 46px;}
.num-kblife ul > li {position: relative; width: calc((100% - 80px)/3); min-height: 292px; padding: 89px 10px 85px; border-top: 2px solid #222; background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svpb-ovm01.cat')no-repeat left 8px top 35px / 47px auto;}
.num-kblife ul > li:nth-child(2) {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svpb-ovm02.cat');}
.num-kblife ul > li:nth-child(3) {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svpb-ovm03.cat');}
.num-kblife ul > li:nth-child(4) {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svpb-ovm04.cat');}
.num-kblife ul > li:nth-child(5) {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svpb-ovm05.cat');}
.num-kblife ul > li:nth-child(6) {background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svpb-ovm06.cat');}
.num-kblife ul > li:nth-child(4n) {margin-left: 0;}
.num-kblife ul > li + li {margin-left: 40px;}
.num-kblife ul > li .point {display: block; font-size: 26px;}
.num-kblife ul > li .point strong {font-size: 47px;}
.num-kblife ul > li .desc {font-size: 16px; line-height: 23px; color: #666;}

/* 2025.05.22 KB건강매니저 소개 개선(v2) */
.kbhealthm.v2 {position: relative; padding: 80px 50px 442px; margin: 0; background: #fff9d8; text-align: center;}
.kbhealthm.v2::before {content: ''; position: absolute; left: 50%; transform: translateX(-50%); bottom: -33px; width: 650px; height: 475px; background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svzt_urnygu1.cat') no-repeat center / 100% auto; z-index: 1;}
.kbhealthm.v2 .title > p {margin-bottom: 25px; font-size: 36px; line-height: 1; letter-spacing: -0.72px;}
.kbhealthm.v2 .title h1 {margin: 0!important; font-size: 100px; font-family: 'KBFGDisplayB'; line-height: 1; color: #ed5300;}
.kbhealthm.v2 .text-underline {text-decoration-color: #999; text-decoration-thickness: 2px; text-underline-offset: 4px;}
.kbhealthm-cnt {padding: 50px 50px 85px; background: #fff9d8;}
.kbhealthm-cnt .dbox {margin-bottom: 0;}
.kbhealthm-cnt .dbox + .dbox {margin-top: 50px;}
.kbhealthm-cnt .sub_box {padding: 50px 40px; border-radius: 48px; text-align: center;}
.kbhealthm-cnt .sub_box h2 {padding: 0; margin: 0; font-size: 48px; font-family: 'KBFGDisplayB'; line-height: 52px;}
.kbhealthm-cnt .sub_box .txt {margin-top: 20px; font-size: 28px; line-height: 32px; color: #444;}
.kbhealthm-cnt .sub_box .img {margin: 30px 0;}
.kbhealthm-cnt .sub_box .box {background: #f4f4f4; border-radius: 40px; text-align: left;}
.kbhealthm-cnt .sub_box .box .inner {padding: 50px 45px;}
.kbhealthm-cnt .sub_box .box .sub_txt {padding: 0;}
.kbhealthm-cnt .sub_box .box .btn-area {width: 100%; margin-top: 30px;}
.kbhealthm-cnt .sub_box .box .btn-area > a {display: flex; justify-content: center; align-items: center; width: 100%; min-height: 84px; border-radius: 24px;}
.kbhealthm-cnt .sub_box .box .btn-area > a span {font-size: 30px; font-family: 'KBFGDisplayB'; line-height: 40px;}
.kbhealthm-cnt .sub_box .box .btn-area > a span::after {content: ''; display: inline-block; width: 12px; height: 23px; margin-left: 23px; background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbzzba%2Svpb-neebj-oynpx2.cat')no-repeat center / 100% auto;}
.kbhealthm-cnt .sub_box .qr-area {position: absolute; right: 46px; top: 47px; padding: 12px; background: #ffde33; border-radius: 10px;}
.kbhealthm-cnt .sub_box .qr-area::before {content: none;}
.kbhealthm-cnt .sub_box .qr-area .bubble {position: absolute; top: -29px; left: 50%; transform: translateX(-50%); display: inline-flex; justify-content: center; align-items: center; padding: 0 12px; min-width: 124px; min-height: 36px; color: #fff; border-radius: 18px; background: #60584c; font-size: 16px; line-height: 20px;}
.kbhealthm-cnt .sub_box .qr-area .bubble::before {content: ''; position: absolute; left: 50%; transform: translateX(-50%); bottom: -19px; width: 0; height:0; border: 11px solid transparent; border-top: 17px solid #60584c;}
.kbhealthm-cnt .sub_box .sub_txt li {position: relative; padding-left: 38px; font-size: 24px; font-family: 'KBFGText2M'; line-height: 28px;}
.kbhealthm-cnt .sub_box .sub_txt li::before {content: ''; position: absolute; left: 0; top: 0; width: 28px; height: 28px; background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Spurpx_benatr2.cat')no-repeat center / 100% auto;}
.kbhealthm-cnt .sub_box .sub_txt li + li {margin-top: 16px;}
.kbhealthm-notice {padding: 50px 60px; background: #d7d7d7;}
.kbhealthm-notice p {font-size: 20px; line-height: 24px; color: #666;}
.kbhealthm-notice .text-list01 {margin-top: 20px;}
.kbhealthm-notice .text-list01 > li {margin: 0; font-size: 16px; font-family: 'KBFGText2L'; line-height: 24px;}
.kbhealthm-notice .text-list01 > li:after {top: 9px;}
.kbhealthm-notice .compliance {margin-top: 20px; font-size: 14px; font-family: 'KBFGText2L'; line-height: 24px; color: #666;}

/* 250529 중도인출 추가 */
.mb-15{margin-bottom:15px;} /* 공통 */
.page-withdrawalSelectDepositAccount .insurance-list .type-5 .btn-info-emphasis span{position: unset;}
.page-withdrawalSelectDepositAccount .btn-info-emphasis{text-decoration: underline;color:#ff3d3d;}
.page-withdrawalSelectDepositAccount .box-list2 li{padding-top:15px;}
.page-withdrawalSelectDepositAccount .box-accordion{display:none; background-color:#fff;padding:20px;}
.page-withdrawalSelectDepositAccount .box-accordion.active{display: block;}
.page-withdrawalSelectDepositAccount .insurance-list .type-5 li.mb-15{margin-bottom:15px;}
.page-withdrawalSelectDepositAccount .table-requestInfo{width:100%;margin-bottom:10px; font-size:13px;color:#222;background-color: #fff;border-bottom: 1px solid #eee;table-layout: fixed;word-break: break-all;}
.page-withdrawalSelectDepositAccount .table-requestInfo th{font-family:"KBFGDisplayM";background: #f6f6f6;text-align: center;border-right: 1px solid #eee;border-top: 1px solid #eee;vertical-align: middle;padding: 8px 10px;color: #222;line-height: 20px;}
.page-withdrawalSelectDepositAccount .table-requestInfo td{padding: 8px 10px;color: #222;line-height: 20px;font-family: "KBFGDisplayM";background-color: #fff;border-top: 1px solid #eee;border-right: 1px solid #eee;word-break: break-all;vertical-align: middle;text-align: right;}

/* 250616 온라인 제휴보험 개인정보 입력 */
.form-row.application-option .type-1 .input-txt.text-personal{width:200px;}

/***** 2025.08.20 [접근성] *****/
ul.tab-list > li > a:focus, ul.tab-list > li > a:focus-visible, ul.tab-list > li:focus > a, ul.tab-list > li:focus-visible > a{outline-color:#ffde33;outline-width:2px;z-index:2;}
ul.tab-list.tab-3 > li > a:focus, ul.tab-list.tab-3 > li > a:focus-visible, ul.tab-list.tab-3 > li:focus > a, ul.tab-list.tab-3 > li:focus-visible > a{outline-color:#000;outline-width:2px;z-index:2;}
/* 메인 탭 접근성 */

.home-main-wrap .slide-tab-menu ul.tab-list > li > a:focus, .home-main-wrap .slide-tab-menu ul.tab-list > li > a:focus-visible, .home-main-wrap .slide-tab-menu ul.tab-list > li:focus > a, .home-main-wrap .slide-tab-menu ul.tab-list > li:focus-visible > a{outline-color:#000;z-index:2;outline-style:dashed;outline-offset:1px;}
/* 통신사 이용약관 동의 탭 접근성*/
.modal ul.tab-list.tab-2 > li > a:focus, .modal ul.tab-list.tab-2 > li > a:focus-visible, .modal ul.tab-list.tab-2 > li:focus > a, .modal ul.tab-list.tab-2 > li:focus-visible > a{outline-color:#f46600;outline-width:1px;z-index:2;}
.modal .tab-2.tab-list{margin:1px;}
/*변액보험공시실 - tab4 접근성*/
.page-variableInsurancePublicNoticeOffice .tab-4.tab-list li > a:focus, .page-variableInsurancePublicNoticeOffice .tab-4.tab-list li > a:focus-visible{outline-color:#000;outline-offset:3px;}

/* 2025.09.16 PLCC 팝업 */
.modal.alert .plcc-card .success::before {content: ''; display: block; width: 56px; height: 96px; margin: 0 auto 15px; background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Svafhenapr-cebqhpg%2Svzt-ntb.cat')no-repeat center / 100% auto;}
.modal.alert .plcc-card .fail::before {content: ''; display: block; width: 47px; height: 96px; margin: 0 auto 15px; background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Svafhenapr-cebqhpg%2Svzt-ntb-02.cat')no-repeat center / 100% auto;}
.modal.alert .plcc-card .fail + .desc {margin-top: 10px; font-size: 12px; color: #666;}

/*웹보안프로그램*/
.page-webSecurityProgram table th, .page-webSecurityProgram table td{padding:10px;}
.page-webSecurityProgram .table-safe-transaction td{letter-spacing:-0.3px;}